@charset "UTF-8";
@import url("https://use.typekit.net/vrw4ila.css");
@import "../assets/fontawesome/css/all.css";
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
@import url("https://use.typekit.net/vrw4ila.css");
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

a.ugb-button {
  border-radius: 100px !important;
}

a:hover {
  color: #EC2227;
}

body p a:not(.btn), body p:not(.ugb-blog-posts__readmore) a:not(.btn) {
  background: linear-gradient(to bottom, rgba(236, 34, 39, 0.6) 0%, rgba(236, 34, 39, 0.6) 100%);
  background-position: 0 100%;
  background-repeat: repeat-x;
  background-size: 2px 2px;
  text-decoration: none !important;
  -webkit-transition: all 0.4s ease 0.3s;
  -moz-transition: all 0.4s ease 0.3s;
  -ms-transition: all 0.4s ease 0.3s;
  -o-transition: all 0.4s ease 0.3s;
  transition: all 0.4s ease 0.3s;
}
body p a:not(.btn):hover, body p:not(.ugb-blog-posts__readmore) a:not(.btn):hover {
  background-size: 2px 50px;
  color: inherit;
}

body.search section, body.archive section, body.error404 section, body.rewards section {
  margin-bottom: 70px;
}

span.excerpt_part {
  max-width: 100%;
  overflow-wrap: break-word;
}

.has-rr-red-background-color {
  background-color: #EC2227;
}

.has-rr-black-background-color {
  background-color: #1B1B1B;
}

.has-rr-grey-background-color {
  background-color: #6E6E6E;
}

.has-rr-white-background-color {
  background-color: #ffffff;
}

.alignfull {
  margin: 32px calc(50% - 50vw) !important;
  max-width: 100vw;
  width: 100vw;
}

/* SP CHANGE*/
.alignfull1 {
  margin: 0px calc(50% - 50vw) !important;
  max-width: 100vw;
  width: 100vw;
}

.alignwide {
  margin: 32px -106.5px;
  max-width: 980px;
  width: 980px;
}

img {
  max-width: 100%;
}

.wp-block-image img {
  max-width: 100%;
  height: auto;
}

.hidden {
  display: none;
}

main {
  margin-top: 40px;
  margin-bottom: 0px;
}

p, h4, h5, h6, ul, ol, li {
  font-family: montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 0.8em;
}

body a {
  text-decoration: none;
}

.blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption {
  font-family: montserrat, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 0.8em;
}

body, html {
  margin-bottom: 0;
}

span.rr-red {
  color: #EC2227 !important;
}

rs-slides h2, rs-slides h1 {
  font-family: kon-tiki-aloha-jf, sans-serif !important;
  font-weight: 400 !important;
}

h1, h2, h3 {
  font-family: kon-tiki-aloha-jf, sans-serif;
  font-weight: 400;
}

h4, h5, h5 {
  font-weight: bold;
}

h4 {
  text-transform: uppercase;
}

h5 {
  font-size: 10px;
  margin-bottom: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4 {
  margin-bottom: 10px;
  line-height: 1em;
}

h1 {
  font-size: 3.8em;
}

h2 {
  font-size: 3em;
}

h3 {
  font-size: 2em;
}

* a {
  color: #1B1B1B;
}

ul:not(.menu, .social-icons, .button-variable-wrapper, .variable-items-wrapper) {
  list-style: none;
}
ul:not(.menu, .social-icons, .button-variable-wrapper, .variable-items-wrapper) li:before {
  content: "»";
  margin-left: -20px;
  padding-right: 13px;
}

.woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected {
  background-color: #EC2227 !important;
}

.woo-variation-items-wrapper .variable-items-wrapper li.variable-item.disabled {
  background-color: #e0e0e0 !important;
  opacity: 0.6;
}

.woo-variation-items-wrapper .variable-items-wrapper li.variable-item::before,
.woo-variation-items-wrapper .variable-items-wrapper li.variable-item::after,
.woo-variation-items-wrapper .variable-items-wrapper li.variable-item .variable-item-contents::before,
.woo-variation-items-wrapper .variable-items-wrapper li.variable-item .variable-item-contents::after {
  display: none !important;
  content: none !important;
}

.woo-variation-items-wrapper .variable-items-wrapper li.variable-item {
  background-image: none !important;
}

.tagline {
  font-family: kon-tiki-aloha-jf, sans-serif;
  font-weight: 500;
}
.tagline span {
  font-family: kon-tiki-aloha-jf, sans-serif;
  font-size: inherit;
  font-weight: inherit;
}

.tagline-white {
  color: #fff;
}

.tagline-dark {
  color: #1B1B1B;
}

.tagline-red {
  color: #EC2227;
}

.tagline-small {
  font-size: 1em;
}

.tagline-medium {
  font-size: 1.83em;
}

.tagline-large {
  font-size: 3em;
}

input:focus {
  outline: none;
}

.product-cats .staytight-end-assemblies, .range .staytight-end-assemblies {
  color: #EC2227;
  font-weight: bold;
}
.product-cats .staytight-end-assemblies.range, .range .staytight-end-assemblies.range {
  background-color: #EC2227;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.product-cats .gate-hinge-sets, .range .gate-hinge-sets {
  color: #7DB160;
  font-weight: bold;
}
.product-cats .gate-hinge-sets.range, .range .gate-hinge-sets.range {
  background-color: #7DB160;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.product-cats .gate-latches, .range .gate-latches {
  color: #F0CA53;
  font-weight: bold;
}
.product-cats .gate-latches.range, .range .gate-latches.range {
  background-color: #F0CA53;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.product-cats .fence-fittings-accessories, .range .fence-fittings-accessories {
  color: #6E6E6E;
  font-weight: bold;
}
.product-cats .fence-fittings-accessories.range, .range .fence-fittings-accessories.range {
  background-color: #6E6E6E;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.product-cats .post-caps, .range .post-caps {
  color: #744F94;
  font-weight: bold;
}
.product-cats .post-caps.range, .range .post-caps.range {
  background-color: #744F94;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.product-cats .stockyard-fittings, .range .stockyard-fittings {
  color: #E38137;
  font-weight: bold;
}
.product-cats .stockyard-fittings.range, .range .stockyard-fittings.range {
  background-color: #E38137;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.product-cats .tools, .range .tools {
  color: #0047BB;
  font-weight: bold;
}
.product-cats .tools.range, .range .tools.range {
  background-color: #0047BB;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.product-cats .chain-accessories, .range .chain-accessories {
  color: #1B1B1B;
  font-weight: bold;
}
.product-cats .chain-accessories.range, .range .chain-accessories.range {
  background-color: #1B1B1B;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.product-cats .railtight, .range .railtight {
  color: #4C99D1;
  font-weight: bold;
}
.product-cats .railtight.range, .range .railtight.range {
  background-color: #4C99D1;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}
.product-cats .twist-tight-connectors, .range .twist-tight-connectors {
  color: #1B1B1B;
  font-weight: bold;
}
.product-cats .twist-tight-connectors.range, .range .twist-tight-connectors.range {
  background-color: #1B1B1B;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
  display: block;
  float: left;
  margin-right: 5px;
  font-weight: normal;
  font-size: 0.75em;
  margin-bottom: 5px;
}

.upper-banner {
  background-color: #1B1B1B;
  padding: 0;
  margin-bottom: 10px;
  height: 100%;
}
.upper-banner .col {
  padding: 0;
}
.upper-banner .button-inner {
  color: #fff;
  font-size: 14px;
  padding: 10px;
  width: 100%;
  display: block;
  text-align: center;
  border-left: 0.5px solid #353535;
  border-right: 0.5px solid #353535;
}
.upper-banner .button-inner .icon {
  margin-left: 15px;
  display: inline;
}
.upper-banner .button-inner .icon img {
  width: 25px;
}
.upper-banner .button-inner:hover {
  background-color: #EC2227;
}

figure.wp-block-table {
  max-width: 90vw;
  overflow-x: scroll;
}

.searchbox {
  position: relative;
  width: 100%;
  padding: 0;
  max-width: 320px;
}
.searchbox .search-input {
  border-radius: 2em;
  border: 1px solid #1B1B1B;
  padding: 5px 10px 5px 40px;
  width: 100%;
}
.searchbox .search-icon {
  position: absolute;
  top: 6px;
  left: 10px;
}

a.btn, a.button, label.btn, label.button {
  text-transform: uppercase;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 600;
}
a.btn:hover, a.button:hover, label.btn:hover, label.button:hover {
  color: inherit;
}
a.btn.btn-primary, a.button.btn-primary, label.btn.btn-primary, label.button.btn-primary {
  background-color: transparent;
  border: 2px solid #1B1B1B;
  color: #1B1B1B;
}
a.btn.btn-primary:hover, a.button.btn-primary:hover, label.btn.btn-primary:hover, label.button.btn-primary:hover {
  background-color: #EC2227 !important;
  color: #fff;
  border-color: #EC2227 !important;
}
a.btn.btn-secondary, a.button.btn-secondary, label.btn.btn-secondary, label.button.btn-secondary {
  background-color: #EC2227;
  border: 2px solid #EC2227;
  color: #fff;
}
a.btn.btn-secondary:hover, a.button.btn-secondary:hover, label.btn.btn-secondary:hover, label.button.btn-secondary:hover {
  background-color: #fff;
  color: #EC2227;
}
a.btn.btn-primary.btn-rev, a.button.btn-primary.btn-rev, label.btn.btn-primary.btn-rev, label.button.btn-primary.btn-rev {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
a.btn.btn-primary.btn-rev:hover, a.button.btn-primary.btn-rev:hover, label.btn.btn-primary.btn-rev:hover, label.button.btn-primary.btn-rev:hover {
  background-color: #1B1B1B !important;
  color: #fff;
  border-color: #1B1B1B !important;
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
  background-color: #EC2227;
  border: 2px solid #EC2227;
}

a.ugb-button {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

.single_add_to_cart_button.afrfqbt_single_page.button, .single_add_to_cart_button.afrfqbt_single_page.button.alt {
  text-transform: uppercase;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 600;
  background-color: transparent;
  border: 2px solid #1B1B1B;
  color: #1B1B1B;
}
.single_add_to_cart_button.afrfqbt_single_page.button:hover, .single_add_to_cart_button.afrfqbt_single_page.button.alt:hover {
  background-color: #EC2227 !important;
  color: #fff;
  border-color: #EC2227 !important;
}
.single_add_to_cart_button.afrfqbt_single_page.button.disabled, .single_add_to_cart_button.afrfqbt_single_page.button.alt.disabled {
  background-color: #6E6E6E !important;
}
.single_add_to_cart_button.afrfqbt_single_page.button.disabled:hover, .single_add_to_cart_button.afrfqbt_single_page.button.alt.disabled:hover {
  border-color: #6E6E6E !important;
  background-color: #6E6E6E !important;
}

ul.social-icons {
  padding: 0;
  list-style: none;
  margin: 40px 0;
}
ul.social-icons li {
  display: block;
  float: left;
  padding: 5px;
}
ul.social-icons li a {
  color: #fff;
  padding: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  transition: all 0.4s ease 0.1s;
}
ul.social-icons li a:hover {
  color: #EC2227;
  background-color: #fff;
}
ul.social-icons.dark li a {
  color: #1B1B1B;
  border-color: #1B1B1B;
}
ul.social-icons.dark li a:hover {
  color: #fff;
  background-color: #1B1B1B;
}

.page-header {
  background-color: #6E6E6E;
  padding: 40px 0;
  background-image: url("../img/header-bg.jpg");
  background-size: cover;
}
.page-header.has-bg {
  padding: 380px 0 80px 0;
  background-size: cover;
  background-position: center center;
}
.page-header.has-bg .breadcrumbs .breadcrumbs span {
  background: #fff;
}
.page-header.has-bg h1 {
  line-height: 1.5;
  margin-top: 30px;
}
.page-header.has-bg h1 span {
  background-color: #ffffff;
  color: #1B1B1B;
  box-shadow: -3px 0px 0 3px #ffffff, -3px 0px 0 3px #ffffff, 0 0 0 3px #ffffff;
  box-decoration-break: clone;
}
.page-header .breadcrumbs {
  text-transform: uppercase;
  font-size: 0.9em;
}
.page-header .breadcrumbs span {
  margin: 5px;
}

footer {
  background-color: #EC2227;
  background-image: url("../img/footer-bg.svg");
  background-size: cover;
  padding: 40px 0;
  margin-top: -25px;
}
footer .widget_nav_menu ul {
  padding-left: 0;
}
footer .widget_nav_menu ul li {
  list-style: none;
  line-height: 1.2em;
}
footer .widget_nav_menu ul li a {
  color: #fff;
}
footer h2, footer h3, footer h4, footer p {
  color: #fff;
  line-height: 1em;
}
footer p, footer a, footer li {
  line-height: 1.8em;
  font-size: 0.9em;
}
footer h3 {
  font-family: montserrat, sans-serif;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 10px;
  line-height: 1em;
}
footer h4 {
  font-weight: 600;
}
footer .footer-cta {
  border-bottom: 2px solid #fff;
  padding-bottom: 40px;
  align-items: center;
}
footer .footer-cta .btn {
  float: right;
}
footer .footer-columns {
  padding: 40px 0;
  border-bottom: 2px solid #fff;
}
footer .footer-columns .tagline {
  text-align: right;
}
footer .footer-columns ul li {
  margin-bottom: 0;
}
footer .footer-columns p.phone-large {
  width: 100%;
}
footer .footer-columns p.phone-large a {
  display: block;
  text-align: right;
  width: 100%;
  padding: 0;
  font-family: kon-tiki-aloha-jf, sans-serif;
  font-size: 2.93rem;
  color: #fff;
}
footer .footer-columns p.email-large {
  width: 100%;
}
footer .footer-columns p.email-large a {
  display: block;
  text-align: right;
  width: 100%;
  padding: 0;
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
}
footer ul.social-icons {
  float: right;
}
footer .footer-colophon {
  padding: 20px 0;
}
footer .footer-colophon p, footer .footer-colophon a {
  color: #fff;
}
footer .footer-colophon p.copyright {
  text-align: right;
}

.shop-icons ul.menu {
  list-style: none;
  display: flex;
  flex-direction: row;
  margin: 0 !important;
  padding-left: 0 !important;
  align-items: center;
}
.shop-icons ul.menu li#quote-li-icon {
  position: relative;
  width: 40px;
  height: 40px;
}
.shop-icons ul.menu li#quote-li-icon #total-items-count {
  background-color: #EC2227;
  padding: 1px;
  color: #fff;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 8px;
  right: -2px;
  text-align: center;
  font-size: 8px;
  font-weight: 700;
}
.shop-icons ul.menu li {
  font-size: 12px;
}
.shop-icons ul.menu li a:hover {
  text-decoration: none;
}

.owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}
.owl-carousel .owl-stage .owl-item {
  padding: 40px;
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  /* Then style the iframe to fit in the container div with full height and width */
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.ugb-blog-posts {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.ugb-blog-posts .ugb-inner-block {
  margin: 30px 0;
}
.ugb-blog-posts .ugb-blog-posts__title a:hover {
  color: #EC2227;
}
.ugb-blog-posts .ugb-blog-posts__excerpt {
  font-family: montserrat, sans-serif;
}
.ugb-blog-posts .ugb-blog-posts__readmore a {
  display: block;
  color: #1B1B1B;
  border: 2px solid #1B1B1B;
  border-radius: 40px;
  padding: 8px 15px;
  text-transform: uppercase;
  text-align: center;
  max-width: 210px;
  font-size: 12px;
  font-weight: bold;
  width: auto;
  background: none;
  -webkit-transition: all 0.4s ease 0.3s;
  -moz-transition: all 0.4s ease 0.3s;
  -ms-transition: all 0.4s ease 0.3s;
  -o-transition: all 0.4s ease 0.3s;
  transition: all 0.4s ease 0.3s;
}
.ugb-blog-posts .ugb-blog-posts__readmore a:hover {
  background-color: #EC2227 !important;
  color: #fff !important;
  border-color: #EC2227;
}

.hr.ugb-divider__hr {
  opacity: 1 !important;
}

div#slider {
  padding: 0 !important;
  min-height: 500px;
}
div#slider .ugb-container__wrapper {
  padding: 0 !important;
}

#stockist-search .form-group input#location-search ~ .control-label {
  font-size: 0.8rem !important;
  color: #323232;
  top: -1rem !important;
  left: 0 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.has-rr-white-color.has-text-color {
  color: #fff !important;
}

.pagination .page-numbers {
  background-color: #d4d4d4;
  min-width: 40px;
  padding: 5px 20px;
  text-align: center;
  margin: 0 5px;
  height: auto;
  border-radius: 10px;
  font-size: 0.8em;
  font-weight: bold;
}
.pagination .page-numbers.current, .pagination .page-numbers.dots {
  background-color: #fff;
}
.pagination .page-numbers.next, .pagination .page-numbers.prev {
  background-color: #EC2227;
  color: #fff;
}
.pagination .page-numbers:hover {
  text-decoration: none;
  color: #fff;
}

.stockist-map {
  position: relative;
  padding: 0;
}
.stockist-map .stockist-message {
  margin: 20px 0;
}
.stockist-map .stockist-message .rr-presearch p {
  margin: 0;
}
.stockist-map .stockist-message .rr-presearch img {
  margin-right: 6px;
}
.stockist-map .stockist-loading {
  align-items: center;
  display: flex;
  font-weight: 600;
  gap: 10px;
  justify-content: center;
  margin: 20px 0;
}
.stockist-map .stockist-loading.hidden {
  display: none;
}
.stockist-map .stockist-loading .spinner {
  animation: stockist-spin 0.9s linear infinite;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: #1B1B1B;
  height: 22px;
  width: 22px;
}
.stockist-map .results-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  background-color: rgba(255, 255, 255, 0.8);
  height: 100%;
  padding: 30px;
}
.stockist-map .results-list .results {
  opacity: 1;
  transition: all 0.1s ease 0.1s;
}
.stockist-map .results-list .results.hidden {
  opacity: 0;
}
.stockist-map .results-list .inner-list {
  max-height: 98%;
  overflow: scroll;
}
.stockist-map .results-list div.store-summary {
  opacity: 1;
  transition: all 0.1s ease 0.1s;
  border-bottom: 2px solid #1B1B1B;
  padding: 10px 0;
  max-width: 98%;
}
.stockist-map .results-list div.store-summary.hidden {
  opacity: 0;
}
.stockist-map .results-list div.store-summary p {
  font-size: 0.8em;
}
.stockist-map .results-list div.store-summary .marker-link {
  font-size: 10px;
  padding: 10px 12px;
}
.stockist-map .results-list div.store-summary .range-list {
  font-size: 10px;
  font-style: italic;
}
.stockist-map .results-list .store-details {
  display: none;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
}
.stockist-map .results-list .store-details h4 {
  font-size: 10px;
}
.stockist-map .results-list .store-details a.close {
  width: auto;
  float: right;
  font-size: 30px;
  margin-top: -10px;
}
.stockist-map .results-list .store-details a.close:hover {
  cursor: pointer;
  color: #1B1B1B;
}
.stockist-map .results-list .store-details.open {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  opacity: 1;
}
.stockist-map .results-list .store-details .row {
  align-items: center;
  display: flex;
  margin-top: 30px;
}
.stockist-map .results-list .store-details .directions, .stockist-map .results-list .store-details .phone, .stockist-map .results-list .store-details .website {
  font-size: 10px;
  padding: 10px 12px;
  width: 100%;
}
.stockist-map .results-list .store-details .opening-hours {
  margin: 30px 0;
}
.stockist-map .results-list .store-details .opening-hours .row {
  margin-top: 0;
  margin-bottom: 0;
}
.stockist-map .results-list .store-details .opening-hours .row p {
  margin-bottom: 0;
}
.stockist-map .results-list .store-details .range-title {
  margin-top: 20px;
}

@keyframes stockist-spin {
  to {
    transform: rotate(360deg);
  }
}
.stockist-search-bar {
  padding: 10px 0;
  border-bottom: none !important;
}
.stockist-search-bar #stockist-search .row {
  align-items: center;
}

.form-radio,
.form-group {
  position: relative;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.form-inline > .form-group,
.form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}

.form-help {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  color: #b3b3b3;
  font-size: 0.8rem;
}

.checkbox .form-help, .form-radio .form-help, .form-group .form-help {
  position: absolute;
  width: 100%;
}

.checkbox .form-help {
  position: relative;
  margin-bottom: 1rem;
}

.form-radio .form-help {
  padding-top: 0.25rem;
  margin-top: -1rem;
}

.form-group input {
  height: 1.9rem;
}

.form-group textarea {
  resize: none;
}

.form-group select {
  width: 100%;
  font-size: 1rem;
  height: 1.6rem;
  padding: 0.125rem 0.125rem 0.0625rem;
  background: none;
  border: none;
  line-height: 1.6;
  box-shadow: none;
}

.form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: normal;
  -webkit-transition: all 0.24s ease;
  transition: all 0.24s ease;
}

.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #999;
  display: block;
}

.form-group .bar::before {
  content: "";
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #1B1B1B;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}

.form-group input,
.form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 1rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  -webkit-transition: all 0.28s ease;
  transition: all 0.28s ease;
  box-shadow: none;
}

.form-group input[type=file] {
  line-height: 1;
}

.form-group input[type=file] ~ .bar {
  display: none;
}

.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
  color: #333;
}

.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
  font-size: 0.8rem;
  color: gray;
  top: -1rem;
  left: 0;
  font-weight: bold;
  text-transform: uppercase;
}

#stockist-search .form-group input#location-search ~ .control-label {
  font-size: 0.8rem !important;
  color: gray !important;
  top: -1rem !important;
  left: 0 !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
}

.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
}

.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
  color: #1B1B1B;
}

.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.checkbox label,
.form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #333;
  display: block;
}

.checkbox input,
.form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.radio {
  margin-bottom: 1rem;
}

.radio .helper {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #999;
}

.radio .helper::before, .radio .helper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}

.radio .helper::after {
  -webkit-transform: scale(0);
  transform: scale(0);
  background-color: #1B1B1B;
  border-color: #1B1B1B;
}

.radio label:hover .helper {
  color: #1B1B1B;
}

.radio input:checked ~ .helper::after {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

.radio input:checked ~ .helper::before {
  color: #1B1B1B;
}

.checkbox {
  margin-top: 3rem;
  margin-bottom: 1rem;
}

.checkbox .helper {
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  z-index: 0;
  border: 0.125rem solid currentColor;
  border-radius: 0.0625rem;
  -webkit-transition: border-color 0.28s ease;
  transition: border-color 0.28s ease;
}

.checkbox .helper::before, .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #1B1B1B;
  display: block;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 0.25rem;
  content: "";
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}

.checkbox .helper::before {
  top: 0.65rem;
  left: 0.38rem;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}

.checkbox .helper::after {
  top: 0.3rem;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.checkbox label:hover .helper {
  color: #1B1B1B;
}

.checkbox input:checked ~ .helper {
  color: #1B1B1B;
}

.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
  opacity: 1;
  -webkit-transition: height 0.28s ease;
  transition: height 0.28s ease;
}

.checkbox input:checked ~ .helper::after {
  height: 0.5rem;
}

.checkbox input:checked ~ .helper::before {
  height: 1.2rem;
  -webkit-transition-delay: 0.28s;
  transition-delay: 0.28s;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: 1rem;
}

.has-error .legend.legend, .has-error.form-group .control-label.control-label {
  color: #EC2227;
}

.has-error.form-group .form-help,
.has-error.form-group .helper, .has-error.checkbox .form-help,
.has-error.checkbox .helper, .has-error.radio .form-help,
.has-error.radio .helper, .has-error.form-radio .form-help,
.has-error.form-radio .helper {
  color: #EC2227;
}

.has-error .bar::before {
  background: #EC2227;
  left: 0;
  width: 100%;
}

.button {
  position: relative;
  background: currentColor;
  border: 1px solid currentColor;
  font-size: 1.1rem;
  color: #1B1B1B;
  margin: 3rem 0;
  padding: 0.75rem 3rem;
  cursor: pointer;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  overflow: hidden;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.button span {
  color: #fff;
  position: relative;
  z-index: 1;
}

.button::before {
  content: "";
  position: absolute;
  background: #071017;
  border: 50vh solid #1B1B1B;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}

.button:hover {
  color: #1B1B1B;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}

.button:active::before, .button:focus::before {
  -webkit-transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s, -webkit-transform 1.12s ease;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}

.button:focus {
  outline: none;
}

fieldset {
  margin: 0 0 3rem;
  padding: 0;
  border: none;
}

.form-radio,
.form-group {
  position: relative;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.form-radio *,
.form-group * {
  font-family: montserrat, sans-serif;
}

.form-inline > .form-group,
.form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}

.form-help {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  color: #1B1B1B;
  font-size: 0.8rem;
}
.checkbox .form-help, .form-radio .form-help, .form-group .form-help {
  position: absolute;
  width: 100%;
}
.checkbox .form-help {
  position: relative;
  margin-bottom: 1rem;
}
.form-radio .form-help {
  padding-top: 0.25rem;
  margin-top: -1rem;
}

.form-group input {
  height: 1.9rem;
}
.form-group textarea {
  resize: none;
}
.form-group select {
  width: 100%;
  font-size: 1rem;
  height: 1.6rem;
  padding: 0.125rem 0.125rem 0.0625rem;
  background: none;
  border: none;
  line-height: 1.6;
  box-shadow: none;
}
.form-group .control-label {
  position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #1B1B1B;
  font-size: 1rem;
  font-weight: normal;
  transition: all 0.28s ease;
}
.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #1B1B1B;
  display: block;
}
.form-group .bar::before {
  content: "";
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #1B1B1B;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.form-group input,
.form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 1rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  transition: all 0.28s ease;
  box-shadow: none;
}
.form-group input[type=file] {
  line-height: 1;
}
.form-group input[type=file] ~ .bar {
  display: none;
}
.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
  color: #1B1B1B;
}
.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
  font-size: 0.8rem;
  color: #1B1B1B;
  top: -1rem;
  left: 0;
}
.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
}
.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
  color: #1B1B1B;
}
.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.checkbox label,
.form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #1B1B1B;
  display: block;
}
.checkbox input,
.form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.radio {
  margin-bottom: 1rem;
}
.radio .helper {
  position: absolute;
  top: -0.25rem;
  left: -0.25rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  user-select: none;
  color: #1B1B1B;
}
.radio .helper::before, .radio .helper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  transition: transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}
.radio .helper::after {
  transform: scale(0);
  background-color: #1B1B1B;
  border-color: #1B1B1B;
}
.radio label:hover .helper {
  color: #1B1B1B;
}
.radio input:checked ~ .helper::after {
  transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
  color: #1B1B1B;
}

.checkbox {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.checkbox .helper {
  color: #1B1B1B;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  z-index: 0;
  border: 0.125rem solid currentColor;
  border-radius: 0.0625rem;
  transition: border-color 0.28s ease;
}
.checkbox .helper::before, .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #1B1B1B;
  display: block;
  transform-origin: left top;
  border-radius: 0.25rem;
  content: "";
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}
.checkbox .helper::before {
  top: 0.65rem;
  left: 0.38rem;
  transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}
.checkbox .helper::after {
  top: 0.3rem;
  left: 0;
  transform: rotate(-45deg);
}
.checkbox label:hover .helper {
  color: #1B1B1B;
}
.checkbox input:checked ~ .helper {
  color: #1B1B1B;
}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
  opacity: 1;
  transition: height 0.28s ease;
}
.checkbox input:checked ~ .helper::after {
  height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
  height: 1.2rem;
  transition-delay: 0.28s;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: 1rem;
}

.has-error .legend.legend, .has-error.form-group .control-label.control-label {
  color: #EC2227;
}
.has-error.form-group .form-help,
.has-error.form-group .helper, .has-error.checkbox .form-help,
.has-error.checkbox .helper, .has-error.radio .form-help,
.has-error.radio .helper, .has-error.form-radio .form-help,
.has-error.form-radio .helper {
  color: #EC2227;
}
.has-error .bar::before {
  background: #EC2227;
  left: 0;
  width: 100%;
}

.button {
  position: relative;
  background: currentColor;
  border: 1px solid currentColor;
  font-size: 1.1rem;
  color: #353535;
  margin: 3rem 0;
  padding: 0.75rem 3rem;
  cursor: pointer;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  overflow: hidden;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.button span {
  color: #fff;
  position: relative;
  z-index: 1;
}
.button::before {
  content: "";
  position: absolute;
  background: black;
  border: 50vh solid black;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  transform: translate(-50%, -50%) scale(0);
}
.button:hover {
  color: #1B1B1B;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.button:active::before, .button:focus::before {
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}
.button:focus {
  outline: none;
}

div.af_quote_fields {
  width: 100% !important;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #EC2227;
}

.woocommerce .price {
  font-family: kon-tiki-aloha-jf, sans-serif;
}
.woocommerce .price .woocommerce-Price-amount bdi {
  font-size: 40px;
}

.store-summary {
  padding: 20px 0;
  border-bottom: 2px solid;
}

#find-store {
  margin: 20px 0;
}

.woocommerce .add-request-quote-button.button, .woocommerce .add-request-quote-button-addons.button, .yith-wceop-ywraq-button-wrapper .add-request-quote-button.button, .yith-wceop-ywraq-button-wrapper .add-request-quote-button-addons.button {
  background-color: #EC2227 !important;
  border: 2px solid #EC2227 !important;
  color: #fff;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 600;
}
.woocommerce .add-request-quote-button.button:hover, .woocommerce .add-request-quote-button-addons.button:hover, .yith-wceop-ywraq-button-wrapper .add-request-quote-button.button:hover, .yith-wceop-ywraq-button-wrapper .add-request-quote-button-addons.button:hover {
  color: #6E6E6E;
  border-color: #6E6E6E;
}

.yith-ywraq-add-to-quote {
  padding: 30px 0;
}

.yith-ywraq-add-to-quote .sku-row {
  text-align: left;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .yith-ywraq-add-to-quote .sku-row {
    text-align: left;
  }
}

.yith_ywraq_add_item_response_message {
  margin-bottom: 20px;
}

p#local_store_name_field, p#local_store_email_field {
  display: none;
}

.woocommerce form .form-row label {
  line-height: 2;
  font-weight: bold;
  text-transform: uppercase;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  padding: 10px;
}

input.button.raq-send-request.last {
  padding: 17px 30px;
  border-radius: 40px;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #EC2227;
  color: #fff;
  text-shadow: none;
  border: 2px solid;
  margin-top: 20px;
  width: 100%;
}
input.button.raq-send-request.last:hover {
  background-color: #fff;
  border-color: #1B1B1B;
  color: #1B1B1B;
}

.shop_table .cart_item .product-thumbnail img {
  max-height: 200px;
  width: auto !important;
}

#yith-ywraq-form .update-list-wrapper input[type=submit] {
  background-color: #fff !important;
  border: 2px solid #1B1B1B !important;
  color: #1B1B1B;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 600;
}

span.woocommerce-Price-amount.amount {
  font-family: kon-tiki-aloha-jf, sans-serif;
  color: #1B1B1B;
  font-size: 30px;
}

#quote-store-selector {
  margin-top: 60px;
  height: 830px;
  overflow-y: scroll;
  background-color: #eee;
  padding: 20px;
}
#quote-store-selector ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}
#quote-store-selector ::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
#quote-store-selector .hidden {
  display: none;
}
#quote-store-selector .disclaimer {
  font-style: italic;
  font-size: 12px;
  margin-top: 20px;
  padding: 30px 0;
  border-top: 2px solid #1B1B1B;
}
#quote-store-selector .results-list .inner.active .store-summary {
  display: none;
}
#quote-store-selector .results-list .inner.active .store-summary.active {
  display: block;
}

a.button.wc-backward {
  display: none;
}

.ywraq-before-form:before, .ywraq-before-form {
  display: none !important;
}

#nf-field-79-container, #nf-field-77-container, #nf-field-78-container, #nf-field-73-container, #nf-field-72-container {
  display: none;
  visibility: hidden;
}

small.woocommerce-price-suffix, .woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: 30px;
  color: #000;
}

.single-article .post {
  max-width: 780px;
  margin: 0 auto;
}
.single-article h2 {
  margin-top: 50px;
}

.single-archive article {
  border: 1px solid #6E6E6E;
  margin-bottom: 40px;
}
.single-archive article .thumbnail {
  margin-bottom: 30px;
}
.single-archive article .inner {
  padding: 30px;
}
.single-archive .thumbnail {
  min-height: 270px !important;
  max-height: 270px;
  display: block;
  overflow: hidden;
}
.single-archive .thumbnail img {
  width: auto;
  max-width: 100vw !important;
  height: 100%;
}
.single-archive h3 {
  height: 170px;
}
.single-archive p {
  height: 80px;
}

.pagination {
  padding: 40px 0 60px;
}

#pickr-large {
  padding: 120px;
}
#pickr-large img {
  margin: 20px -17px;
  max-width: 105%;
}

.continue-arrow {
  color: #EC2227;
  position: relative;
  margin-top: -120px;
  margin-left: 50%;
  font-size: 30px;
}

.category-selection {
  padding: 100px 0;
  border-bottom: 2px solid #1B1B1B;
}
.category-selection h2 {
  font-size: 80px;
  text-align: right;
}
.category-selection .form-group select {
  font-size: 28px;
  height: 2em;
  height: auto;
  padding: 20px;
  margin-top: -10px;
}
.products-display .container {
  padding: 100px 0;
  border-top: 2px solid #1B1B1B;
}
.products-display .loading .row {
  flex-direction: column;
}
.products-display .loading .icon {
  font-size: 100px;
  margin: 20px auto;
  color: #6E6E6E;
  max-width: 250px;
  text-align: center;
}
.products-display .loading h3 {
  text-align: center;
  font-family: montserrat, sans-serif;
  color: #6E6E6E;
  font-size: 30px;
  max-width: 450px;
  margin: 10px auto;
}
.products-display .recommended-products {
  padding-top: 40px;
}
.products-display .recommended-products .row {
  align-content: center;
}
.products-display .recommended-products .count-rec p {
  text-align: right;
}
.products-display .recommended-products .count-rec p span {
  font-weight: bold;
}

.questions-block .step {
  border-bottom: 2px solid #1B1B1B;
}
.questions-block .step .row {
  padding-top: 80px;
  padding-bottom: 80px;
}
.questions-block .step .question-text {
  font-size: 20px;
  text-align: right;
}

.page-id-1064 .product-catalogue-list-item {
  min-width: 20%;
}

.header .preheader {
  padding: 20px 0;
}

.header .preheader * {
  font-size: 0.98em;
}

.header .preheader nav.nav {
  float: right;
}

.header .preheader nav.nav ul {
  padding: 0;
  margin: 0;
}

.header .preheader nav.nav ul li {
  list-style: none;
  display: block;
  float: left;
  margin: 0 10px;
  position: relative;
}

.header .preheader nav.nav ul li a {
  color: #1B1B1B;
}

.header .preheader nav.nav ul li:after {
  content: "|";
  display: block;
  position: absolute;
  right: -10px;
  top: 0;
}

.header .preheader nav.nav ul li:last-child:after {
  content: "";
}

.header .preheader .contact {
  max-width: 460px;
}

.header .preheader .contact div {
  padding: 0 10px;
}

.header .preheader .contact .stockist * {
  color: #EC2227;
  font-weight: bold;
}

.header .preheader .contact .phone * {
  color: #1B1B1B;
}

.header .preheader .nav {
  display: block;
}

.header .centre-header {
  margin: 20px 0;
}

.header .centre-header .logo {
  max-width: 280px;
}

.header .centre-header .shop-icons {
  max-width: 123px;
}

.header .centre-header .shop-icons a {
  color: #1B1B1B;
  padding: 10px;
}

.header .product-nav {
  padding: 10px 0;
  border-bottom: 1px solid #1B1B1B;
  clear: both;
  height: 50px;
}

.ht-wrapper {
  font-size: 65px;
  font-family: kon-tiki-aloha-jf, sans-serif;
  line-height: 0.8;
}
.ht-wrapper .ht {
  display: block;
  float: left;
}
.ht-wrapper .ht.clear {
  clear: both;
  float: none;
}
.ht-wrapper .ht-xsmall {
  font-size: 32.5px;
}
.ht-wrapper .ht-small {
  font-size: 52px;
}
.ht-wrapper .ht-medium {
  font-size: 65px;
}
.ht-wrapper .ht-large {
  font-size: 78px;
}
.ht-wrapper .ht-xlarge {
  font-size: 117px;
}
.ht-wrapper .ht-medium + .ht-large, .ht-wrapper .ht-medium + .ht-xlarge {
  margin-left: 3%;
}
.ht-wrapper .ht-small + .ht-medium, .ht-wrapper .ht-small + .ht-large {
  margin-left: 3%;
}
.ht-wrapper .ht-red {
  color: #EC2227;
}
.ht-wrapper .ht-black {
  color: #1B1B1B;
}
.ht-wrapper .ht-white {
  color: #fff;
}

.team-member {
  min-width: 33%;
  max-width: 33%;
  margin: 30px 0;
}
.team-member .team-profile-image {
  border: 1px solid #d4d4d4;
}
.team-member .overview {
  text-align: center;
  padding: 20px;
}
.team-member .overview.hidden {
  display: none;
}
.team-member .details {
  display: none;
}
.team-member .details.open {
  display: block;
}
.team-member.expanded {
  display: flex;
  min-width: 100%;
  border: 1px solid #d4d4d4;
  padding: 0;
  max-width: 100%;
}
.team-member.expanded .team-profile-image {
  flex-grow: 1;
  min-width: 33%;
  z-index: 50;
  border: none;
  transition: all 0.4s ease 0.1s;
}
.team-member.expanded .details {
  flex-grow: 2;
  padding: 20px 20px 20px 40px;
  background-color: #eeeeee;
  z-index: 100;
  position: relative;
}
.team-member.expanded .details:before {
  content: " ";
  height: 40px;
  width: 40px;
  display: block;
  background-color: #eeeeee;
  position: absolute;
  top: 40%;
  left: -20px;
  transform: rotate(45deg);
  z-index: 0;
}
.team-member.expanded .details a.close-button {
  position: absolute;
  right: 20px;
  font-size: 30px;
  transition: all 0.4s ease 0.1s;
}
.team-member.expanded .details a.close-button:hover {
  color: #1B1B1B;
  text-decoration: none;
  cursor: pointer;
}
.team-member.expanded .details .contact-details:before {
  content: "";
  height: 2px;
  width: 100%;
  display: block;
  background-color: #1B1B1B;
  margin-bottom: -19px;
  margin-top: 20px;
}
.team-member.expanded .details .contact-details h5 {
  padding: 10px 20px 10px 0;
  display: inline-block;
  z-index: 10;
  position: relative;
  background-color: #eeeeee;
  clear: both;
}
.team-member.expanded .details .contact-details a.btn.btn-icon {
  border: 2px solid #1B1B1B;
  padding: 10px;
  width: 40px;
}

@media screen and (max-width: 768px) {
  .team-member {
    min-width: 100%;
  }
  .team-member.expanded {
    flex-direction: column;
  }
  .team-member .team-profile-image {
    min-width: 100%;
  }
  .team-member .details:before {
    display: none;
  }
}
.stockist-search-bar-cta {
  background-color: #1B1B1B;
  padding: 30px 0;
}
.stockist-search-bar-cta.alignfull {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.stockist-search-bar-cta h2, .stockist-search-bar-cta h3, .stockist-search-bar-cta p, .stockist-search-bar-cta a {
  color: #ffffff;
}
.stockist-search-bar-cta .form-group.rev .control-label, .stockist-search-bar-cta .form-group.rev .form-group select, .stockist-search-bar-cta .form-group.rev .form-group input:focus, .stockist-search-bar-cta .form-group.rev .form-group input:valid, .stockist-search-bar-cta .form-group.rev .form-group input.form-file, .stockist-search-bar-cta .form-group.rev .form-group input.has-value, .stockist-search-bar-cta .form-group.rev .form-group textarea:focus, .stockist-search-bar-cta .form-group.rev .form-group textarea:valid, .stockist-search-bar-cta .form-group.rev .form-group textarea.form-file, .stockist-search-bar-cta .form-group.rev .form-group textarea.has-value, .stockist-search-bar-cta .form-group.rev .form-group select, .stockist-search-bar-cta .form-group.rev .form-group input:focus, .stockist-search-bar-cta .form-group.rev .form-group input:valid, .stockist-search-bar-cta .form-group.rev .form-group input.form-file, .stockist-search-bar-cta .form-group.rev .form-group input.has-value, .stockist-search-bar-cta .form-group.rev .form-group textarea:focus, .stockist-search-bar-cta .form-group.rev .form-group textarea:valid, .stockist-search-bar-cta .form-group.rev .form-group textarea.form-file, .stockist-search-bar-cta .form-group.rev .form-group textarea.has-value {
  color: #ffffff !important;
}
.stockist-search-bar-cta .form-group.rev .bar {
  border-bottom: 0.0625rem solid #ffffff !important;
  border-bottom-color: #ffffff;
}

.product-intro .row {
  align-items: center;
}
.product-intro .product-image .product-image-inner {
  width: 90%;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  padding-bottom: 90%;
  position: relative;
}
.product-intro .product-image .product-image-inner .thumb {
  height: 100%;
  transition: all 0.4s ease 0.1s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.product-intro .product-image .product-image-inner .thumb img {
  height: 100%;
  width: 100%;
  object-position: 50% 50%;
  object-fit: contain;
}

.product-cart-info.modal-content {
  display: none;
  opacity: 0;
  transition: all 0.4s ease 0.1s;
}
.product-cart-info.modal-content.open {
  display: block;
  opacity: 1;
  border-top: 2px solid #1B1B1B;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.product-cart-info.modal-content.open .inner-content {
  padding: 50px 0;
}
.product-cart-info.modal-content.open .inner-content .smaller.disclaimer {
  margin: 0;
  padding: 20px 0;
  font-size: 12px;
  font-style: italic;
  width: 100%;
  display: block;
  clear: both;
}
.product-cart-info.modal-content .close-button {
  position: absolute;
  right: 0;
  top: 20px;
  font-size: 30px;
  cursor: pointer;
  z-index: 9999;
  padding: 30px 0;
}
.product-cart-info.modal-content .close-button:hover {
  color: #EC2227;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
  padding: 5px 42px !important;
  border-radius: 30px !important;
  font-weight: bold;
  border: 2px solid;
  box-shadow: none !important;
  width: auto;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
  background: #EC2227;
  color: #fff;
  border: 2px solid #EC2227;
  box-shadow: none !important;
  width: auto;
}

.button-variable-item span {
  font-size: 12px;
}

.key-features {
  margin: 20px 0;
  border-top: 2px solid #1B1B1B;
  border-bottom: 2px solid #1B1B1B;
  padding: 40px 0;
}
.key-features h2 {
  margin-bottom: -30px;
}
.key-features .icon-wrapper {
  align-items: center;
  padding: 5px;
}
.key-features .icon-wrapper .icon {
  max-width: 121px;
  margin: 10px auto;
  padding: 20px;
}
.key-features .icon-wrapper h4 {
  font-weight: bold;
  text-align: center;
}

.product-catalogue-list-item {
  max-width: 500px;
  margin-bottom: 40px;
}
.product-catalogue-list-item .thumbnail-feature-product {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border: none;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
.product-catalogue-list-item .thumbnail-feature-product .thumb-default {
  height: 100%;
  transition: all 0.4s ease 0.1s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.product-catalogue-list-item .thumbnail-feature-product .thumb-default img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}
.product-catalogue-list-item .thumbnail-feature-product .thumb-secondary {
  transition: all 0.4s ease 0.1s;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.product-catalogue-list-item .thumbnail-feature-product .thumb-secondary img {
  height: 100%;
  width: 100%;
  object-position: 50% 50%;
  object-fit: contain;
}
.product-catalogue-list-item .thumbnail-feature-product:hover .thumb-default {
  opacity: 0;
}
.product-catalogue-list-item .thumbnail-feature-product:hover .thumb-secondary {
  opacity: 1;
}
.product-catalogue-list-item .details h3 {
  height: 70px;
  font-size: 1.65em;
  margin-bottom: 15px;
}
.product-catalogue-list-item .details h3 a:hover {
  color: #1B1B1B;
  text-decoration: none;
}
.product-catalogue-list-item .details p {
  height: 90px;
}

.related-products {
  border-top: 2px solid #1B1B1B;
  margin-top: 60px;
  padding: 70px 0;
}
.related-products.no-padding {
  padding: 0;
  border-top: 0;
}
.related-products.no-padding h2 {
  display: none;
}
.related-products.alignfull {
  border-top: none;
}
.related-products.alignfull .row:nth-child(1) {
  border-top: 2px solid #1B1B1B;
}
.related-products .row {
  max-width: 1140px;
  margin: 30px auto;
}
.related-products h2 {
  border-bottom: 40px;
}
.related-products.no-line {
  border-top: none;
  padding: 30px 0;
  margin-top: 0;
}

.archive .product-catalogue-list-item {
  max-width: 25%;
  min-width: 25%;
}

.product-cat-item {
  margin-bottom: 30px;
}
.product-cat-item a {
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  padding: 30px;
  height: 280px;
  position: relative;
  overflow: hidden;
  justify-content: space-evenly;
  justify-content: center;
}
.product-cat-item a .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: -30px;
  opacity: 0.5;
  z-index: 10;
  transition: all 0.4s ease 0.1s;
}
.product-cat-item a .description {
  position: absolute;
  margin-top: 3000px !important;
  transition: all 0.1s ease 0.1s;
  opacity: 0;
}
.product-cat-item a h3, .product-cat-item a .description {
  z-index: 100;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
  transition: all 0.4s ease 0.1s;
}
.product-cat-item a h3 span, .product-cat-item a .description p {
  background-color: #ffffff;
  color: #1B1B1B;
  box-shadow: -3px 0px 0 3px #ffffff, -3px 0px 0 3px #ffffff, 0 0 0 3px #ffffff;
  box-decoration-break: clone;
}
.product-cat-item a:hover {
  text-decoration: none !important;
}
.product-cat-item a:hover h3, .product-cat-item a:hover h3 span, .product-cat-item a:hover .description p {
  text-decoration: none !important;
  color: #1B1B1B;
}
.product-cat-item a:hover .overlay {
  opacity: 0.9;
}
.product-cat-item a:hover .description {
  position: relative;
  margin-top: 0 !important;
  opacity: 1;
}

.pos-display-stand {
  margin: 30px 0;
  padding: 40px 0;
}
.pos-display-stand .description {
  color: #1B1B1B;
}
.pos-display-stand .description p:first-child {
  font-size: 1.5em;
}

table.display-stand {
  width: 100%;
  margin: 30px 0;
}
table.display-stand tr {
  border-bottom: 2px solid #1B1B1B;
}
table.display-stand tr td {
  padding: 10px 0 0 0;
}

.pos-display-stand h3 {
  background-color: #EC2227;
  color: #fff;
  padding: 10px 20px;
  width: auto;
  display: inline-block;
  font-size: 60px;
}
.pos-display-stand.image-right h3 {
  float: right;
}

@media screen and (max-width: 768px) {
  .header .preheader {
    display: none;
  }
  .upper-banner {
    display: none;
  }
  .header .preheader .row.flex {
    display: block;
  }
  .header .preheader .row.flex .contact {
    width: 100%;
    max-width: 100%;
  }
  .header .preheader .row.flex .nav {
    display: none;
  }
  .header .centre-header {
    height: 80px;
  }
  .header .centre-header .row.flex {
    display: flex;
  }
  .header .centre-header .row.flex .col.search, .header .centre-header .row.flex .col.space, .header .centre-header .row.flex .col.header-items {
    display: none;
  }
  .header .centre-header .row.flex .col.logo-wrapper {
    min-width: 50%;
  }
  .header .centre-header .row.flex .col.mobile-nav {
    max-width: 70px;
    font-size: 40px;
  }
  .header .nav .mega-hide-on-desktop {
    display: block;
  }
  .stockist-search-bar {
    padding: 30px;
  }
  .stockist-search-bar #stockist-search .row.d-flex {
    display: block !important;
  }
  .stockist-search-bar #stockist-search .row.d-flex .col-6, .stockist-search-bar #stockist-search .row.d-flex .col-2, .stockist-search-bar #stockist-search .row.d-flex .col-4 {
    max-width: 100%;
  }
  .stockist-map {
    display: flex;
    flex-direction: column-reverse;
  }
  .stockist-map .acf-map {
    height: 500px;
  }
  .stockist-map .results-list {
    position: relative;
    width: 100%;
  }
  .stockist-map .results-list .store-details.open {
    display: block;
    position: relative;
  }
  .product-catalogue-list-item {
    max-width: 100%;
    min-width: 200px;
  }
  .key-features h2 {
    text-align: center;
  }
  .key-features .row .col.icon-wrapper {
    max-width: 100% !important;
    min-width: 200px;
  }
  .col.product-catalogue-list-item {
    min-width: 200px;
    max-width: 100%;
  }
  .product-links .col {
    width: 100%;
    min-width: 100%;
    margin-bottom: 30px;
  }
  .product-links .col a.btn {
    margin: 0 auto;
    display: block;
    max-width: 80%;
  }
  .product-cart-info.modal-content.open .inner-content {
    width: 100% !important;
    padding: 20px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .product-cart-info.modal-content.open .inner-content .pricing-table {
    overflow: scroll;
    max-width: 90vw !important;
  }
  .header .product-nav #mega-menu-wrap-product-menu ul#mega-menu-product-menu li.mega-menu-item:first-child {
    padding-left: 10px;
  }
  .header .centre-header .logo {
    max-width: 80%;
    padding: 0;
    margin-top: 0;
  }
  .header .preheader .contact div {
    padding: 5px;
    text-align: center;
  }
  h1 {
    font-size: 3.5em;
    margin-top: 10px;
  }
  .ugb-columns__item.ugb-a0bb0e9-content-wrapper, .ugb-columns__item.ugb-a440e46-content-wrapper, .ugb-columns__item.ugb-70f4e4b-content-wrapper {
    flex-direction: column-reverse;
    display: flex !important;
  }
  .row.breadcrumbs {
    display: none;
  }
  .ht-wrapper .ht-xlarge {
    font-size: 100px;
  }
  #pickr-large {
    padding: 80px 20px;
  }
  #pickr-large img {
    margin: 0 auto;
    max-width: 100%;
  }
  .products-display {
    width: 100%;
    padding: 0 20px;
  }
  .products-display .loading h3 {
    max-width: 100%;
  }
  .category-selection h2 {
    text-align: center;
  }
  .questions-block .step .question-text {
    text-align: center;
  }
  form#product-pickr-form {
    max-width: 100%;
    padding: 0 20px;
  }
  #product-pickr-form .col, .recommended-products .col {
    min-width: 100%;
  }
  #product-pickr-form h2, #product-pickr-form #counts, .recommended-products h2, .recommended-products #counts {
    text-align: center;
  }
  #product-pickr-form .step label.btn.btn-primary, .recommended-products .step label.btn.btn-primary {
    margin: 10px;
    align-items: center;
    width: 70%;
    margin: 20px auto;
    display: block;
  }
  #product-pickr-form .category-selection .form-group select, .recommended-products .category-selection .form-group select {
    font-size: 22px;
  }
  div#slider {
    padding: 0 !important;
    min-height: 150px;
  }
  div#slider .ugb-container__wrapper, div#slider .ugb-8e2ffc7-wrapper {
    padding: 0 !important;
  }
  .ugb-main-block.ugb--has-block-background.alignfull.alignfull.alignfull.alignfull#slider {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #in-use-carousel .carousel-item .gallery-row {
    flex-direction: column;
  }
  #in-use-carousel .carousel-item .gallery-row .gallery-item.col {
    margin-bottom: 20px;
  }
  .product-links a.btn {
    margin: 10px;
    width: 93%;
  }
  .in-use-gallery .gallery-item .gallery-inner {
    height: 200px;
  }
  .mobile-nav-container {
    position: fixed;
    width: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    height: calc(100vh - 120px);
    z-index: 9998;
    top: 120px;
  }
  .mobile-nav-container *, .mobile-nav-container a {
    font-size: 16px;
  }
  .mobile-nav-container .row.d-flex {
    flex-direction: column;
  }
  .mobile-nav-container .col.search {
    padding: 10px 50px;
  }
  .mobile-nav-container .col.search .searchbox {
    max-width: 220px !important;
    margin: 0 auto;
    padding: 0 !important;
    margin-left: 0;
  }
  .mobile-nav-container .icon-buttons .mobile-icon-button {
    background-color: #1B1B1B;
    color: #fff;
    padding: 0 10px;
  }
  .mobile-nav-container .icon-buttons .mobile-icon-button .icon {
    max-width: 45px;
    padding: 5px;
  }
  .mobile-nav-container .icon-buttons .mobile-icon-button a.button-inner {
    color: #fff;
    display: flex;
    align-items: center;
  }
  .mobile-nav-container .product-menu {
    padding: 13px 60px;
  }
  .mobile-nav-container .product-menu .product-menu-open, .mobile-nav-container .product-menu .product-menu-close {
    font-weight: bold;
    font-size: 18px;
    border-top: 1px solid #1B1B1B;
    border-bottom: 1px solid #1B1B1B;
    width: 100%;
    display: block;
    padding: 5px 0;
  }
  .mobile-nav-container .product-menu .product-menu-open:after {
    content: "›";
    display: block;
    float: right;
  }
  .mobile-nav-container .product-sub-menu ul.menu {
    padding: 20px 0;
  }
  .mobile-nav-container .product-sub-menu ul.menu li {
    list-style: none;
    border-bottom: 1px solid #1B1B1B;
  }
  .mobile-nav-container .nav-menu ul.menu {
    padding: 20px 50px;
  }
  .mobile-nav-container .nav-menu ul.menu li {
    list-style: none;
    border-bottom: 1px solid #1B1B1B;
  }
  .closed-msg {
    display: none;
  }
  .product-nav {
    display: none;
  }
}
.related-products .product-catalogue-list-item a.btn.btn-primary {
  width: 100%;
  margin-bottom: 30px;
  background-color: #EC2227;
  border: 2px solid #EC2227 !important;
  color: #fff;
  transition: all 0.4s ease 0.1s;
}
.related-products .product-catalogue-list-item a.btn.btn-primary:hover {
  background-color: #fff;
  border: 2px solid #EC2227 !important;
  color: #EC2227 !important;
}

body.staytight-end-assemblies .page-header, body.rr-product-category-staytight-end-assemblies .page-header, body.rr-product-category-complete-end-assemblies .page-header, body.rr-product-category-steel-fence-posts .page-header {
  background: #EC2227;
  background-image: none;
}
body.staytight-end-assemblies .page-header .breadcrumbs *, body.staytight-end-assemblies .page-header .breadcrumbs * a, body.rr-product-category-staytight-end-assemblies .page-header .breadcrumbs *, body.rr-product-category-staytight-end-assemblies .page-header .breadcrumbs * a, body.rr-product-category-complete-end-assemblies .page-header .breadcrumbs *, body.rr-product-category-complete-end-assemblies .page-header .breadcrumbs * a, body.rr-product-category-steel-fence-posts .page-header .breadcrumbs *, body.rr-product-category-steel-fence-posts .page-header .breadcrumbs * a {
  color: #fff;
}
body.staytight-end-assemblies .page-header h1, body.rr-product-category-staytight-end-assemblies .page-header h1, body.rr-product-category-complete-end-assemblies .page-header h1, body.rr-product-category-steel-fence-posts .page-header h1 {
  color: #fff;
}
body.staytight-end-assemblies .related-products .product-catalogue-list-item a.btn.btn-primary, body.staytight-end-assemblies .related-products .product-catalogue-list-item a.button.btn-primary, body.staytight-end-assemblies .related-products .product-catalogue-list-item label.btn.btn-primary, body.staytight-end-assemblies .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-staytight-end-assemblies .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-staytight-end-assemblies .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-staytight-end-assemblies .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-staytight-end-assemblies .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-complete-end-assemblies .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-complete-end-assemblies .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-complete-end-assemblies .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-complete-end-assemblies .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-steel-fence-posts .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-steel-fence-posts .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-steel-fence-posts .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-steel-fence-posts .related-products .product-catalogue-list-item label.button.btn-primary {
  background-color: #EC2227 !important;
  border: 2px solid #EC2227 !important;
  color: #fff !important;
}
body.staytight-end-assemblies .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.staytight-end-assemblies .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.staytight-end-assemblies .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.staytight-end-assemblies .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-staytight-end-assemblies .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-staytight-end-assemblies .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-staytight-end-assemblies .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-staytight-end-assemblies .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-complete-end-assemblies .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-complete-end-assemblies .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-complete-end-assemblies .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-complete-end-assemblies .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-steel-fence-posts .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-steel-fence-posts .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-steel-fence-posts .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-steel-fence-posts .related-products .product-catalogue-list-item label.button.btn-primary:hover {
  background-color: #fff !important;
  border: 2px solid #EC2227 !important;
  color: #EC2227 !important;
}

body.hinge-sets .page-header, body.rr-product-category-hinge-sets .page-header {
  background: #7DB160;
  background-image: none;
}
body.hinge-sets .page-header .breadcrumbs *, body.hinge-sets .page-header .breadcrumbs * a, body.rr-product-category-hinge-sets .page-header .breadcrumbs *, body.rr-product-category-hinge-sets .page-header .breadcrumbs * a {
  color: #fff;
}
body.hinge-sets .page-header h1, body.rr-product-category-hinge-sets .page-header h1 {
  color: #fff;
}
body.hinge-sets a.btn.btn-secondary, body.hinge-sets a.button.btn-secondary, body.hinge-sets label.btn.btn-secondary, body.hinge-sets label.button.btn-secondary, body.rr-product-category-hinge-sets a.btn.btn-secondary, body.rr-product-category-hinge-sets a.button.btn-secondary, body.rr-product-category-hinge-sets label.btn.btn-secondary, body.rr-product-category-hinge-sets label.button.btn-secondary {
  background-color: #7DB160;
  border: 2px solid #7DB160;
  color: #fff;
}
body.hinge-sets a.btn.btn-secondary:hover, body.hinge-sets a.button.btn-secondary:hover, body.hinge-sets label.btn.btn-secondary:hover, body.hinge-sets label.button.btn-secondary:hover, body.rr-product-category-hinge-sets a.btn.btn-secondary:hover, body.rr-product-category-hinge-sets a.button.btn-secondary:hover, body.rr-product-category-hinge-sets label.btn.btn-secondary:hover, body.rr-product-category-hinge-sets label.button.btn-secondary:hover {
  background-color: #fff;
  color: #7DB160;
}
body.hinge-sets .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected, body.rr-product-category-hinge-sets .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected {
  background-color: #7DB160 !important;
  border: 2px solid #7DB160 !important;
  color: #fff !important;
}
body.hinge-sets .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.hinge-sets .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, body.rr-product-category-hinge-sets .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.rr-product-category-hinge-sets .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
  background-color: #7DB160 !important;
  border: 2px solid #7DB160 !important;
  color: #fff !important;
}
body.hinge-sets .pricing-table table thead tr th, body.rr-product-category-hinge-sets .pricing-table table thead tr th {
  color: #7DB160;
}
body.hinge-sets #faq-button-fixed, body.rr-product-category-hinge-sets #faq-button-fixed {
  background-color: #7DB160;
}
body.hinge-sets .ht-wrapper .ht-red, body.hinge-sets .stk-highlight, body.hinge-sets .ugb-highlight, body.rr-product-category-hinge-sets .ht-wrapper .ht-red, body.rr-product-category-hinge-sets .stk-highlight, body.rr-product-category-hinge-sets .ugb-highlight {
  color: #7DB160 !important;
}
body.hinge-sets .related-products .product-catalogue-list-item a.btn.btn-primary, body.hinge-sets .related-products .product-catalogue-list-item a.button.btn-primary, body.hinge-sets .related-products .product-catalogue-list-item label.btn.btn-primary, body.hinge-sets .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-hinge-sets .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-hinge-sets .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-hinge-sets .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-hinge-sets .related-products .product-catalogue-list-item label.button.btn-primary {
  background-color: #7DB160 !important;
  border: 2px solid #7DB160 !important;
  color: #fff !important;
}
body.hinge-sets .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.hinge-sets .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.hinge-sets .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.hinge-sets .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-hinge-sets .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-hinge-sets .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-hinge-sets .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-hinge-sets .related-products .product-catalogue-list-item label.button.btn-primary:hover {
  background-color: #fff !important;
  border: 2px solid #7DB160 !important;
  color: #7DB160 !important;
}

body.gate-latches .page-header, body.rr-product-category-gate-latches .page-header {
  background: #F0CA53;
  background-image: none;
}
body.gate-latches .page-header .breadcrumbs *, body.gate-latches .page-header .breadcrumbs * a, body.rr-product-category-gate-latches .page-header .breadcrumbs *, body.rr-product-category-gate-latches .page-header .breadcrumbs * a {
  color: #fff;
}
body.gate-latches .page-header h1, body.rr-product-category-gate-latches .page-header h1 {
  color: #fff;
}
body.gate-latches a.btn.btn-secondary, body.gate-latches a.button.btn-secondary, body.gate-latches label.btn.btn-secondary, body.gate-latches label.button.btn-secondary, body.rr-product-category-gate-latches a.btn.btn-secondary, body.rr-product-category-gate-latches a.button.btn-secondary, body.rr-product-category-gate-latches label.btn.btn-secondary, body.rr-product-category-gate-latches label.button.btn-secondary {
  background-color: #F0CA53;
  border: 2px solid #F0CA53;
  color: #fff;
}
body.gate-latches a.btn.btn-secondary:hover, body.gate-latches a.button.btn-secondary:hover, body.gate-latches label.btn.btn-secondary:hover, body.gate-latches label.button.btn-secondary:hover, body.rr-product-category-gate-latches a.btn.btn-secondary:hover, body.rr-product-category-gate-latches a.button.btn-secondary:hover, body.rr-product-category-gate-latches label.btn.btn-secondary:hover, body.rr-product-category-gate-latches label.button.btn-secondary:hover {
  background-color: #fff;
  color: #F0CA53;
}
body.gate-latches .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected, body.rr-product-category-gate-latches .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected {
  background-color: #F0CA53 !important;
  border: 2px solid #F0CA53 !important;
  color: #fff !important;
}
body.gate-latches .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.gate-latches .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, body.rr-product-category-gate-latches .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.rr-product-category-gate-latches .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
  background-color: #F0CA53 !important;
  border: 2px solid #F0CA53 !important;
  color: #fff !important;
}
body.gate-latches .pricing-table table thead tr th, body.rr-product-category-gate-latches .pricing-table table thead tr th {
  color: #F0CA53;
}
body.gate-latches #faq-button-fixed, body.rr-product-category-gate-latches #faq-button-fixed {
  background-color: #F0CA53;
}
body.gate-latches .ht-wrapper .ht-red, body.gate-latches .stk-highlight, body.gate-latches .ugb-highlight, body.rr-product-category-gate-latches .ht-wrapper .ht-red, body.rr-product-category-gate-latches .stk-highlight, body.rr-product-category-gate-latches .ugb-highlight {
  color: #F0CA53 !important;
}
body.gate-latches .related-products .product-catalogue-list-item a.btn.btn-primary, body.gate-latches .related-products .product-catalogue-list-item a.button.btn-primary, body.gate-latches .related-products .product-catalogue-list-item label.btn.btn-primary, body.gate-latches .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-gate-latches .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-gate-latches .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-gate-latches .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-gate-latches .related-products .product-catalogue-list-item label.button.btn-primary {
  background-color: #F0CA53 !important;
  border: 2px solid #F0CA53 !important;
  color: #fff !important;
}
body.gate-latches .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.gate-latches .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.gate-latches .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.gate-latches .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-gate-latches .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-gate-latches .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-gate-latches .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-gate-latches .related-products .product-catalogue-list-item label.button.btn-primary:hover {
  background-color: #fff !important;
  border: 2px solid #F0CA53 !important;
  color: #F0CA53 !important;
}

body.fence-fittings-accessories .page-header, body.rr-product-category-fence-fittings-accessories .page-header {
  background: #6E6E6E;
  background-image: none;
}
body.fence-fittings-accessories .page-header .breadcrumbs *, body.fence-fittings-accessories .page-header .breadcrumbs * a, body.rr-product-category-fence-fittings-accessories .page-header .breadcrumbs *, body.rr-product-category-fence-fittings-accessories .page-header .breadcrumbs * a {
  color: #fff;
}
body.fence-fittings-accessories .page-header h1, body.rr-product-category-fence-fittings-accessories .page-header h1 {
  color: #fff;
}
body.fence-fittings-accessories a.btn.btn-secondary, body.fence-fittings-accessories a.button.btn-secondary, body.fence-fittings-accessories label.btn.btn-secondary, body.fence-fittings-accessories label.button.btn-secondary, body.rr-product-category-fence-fittings-accessories a.btn.btn-secondary, body.rr-product-category-fence-fittings-accessories a.button.btn-secondary, body.rr-product-category-fence-fittings-accessories label.btn.btn-secondary, body.rr-product-category-fence-fittings-accessories label.button.btn-secondary {
  background-color: #6E6E6E;
  border: 2px solid #6E6E6E;
  color: #fff;
}
body.fence-fittings-accessories a.btn.btn-secondary:hover, body.fence-fittings-accessories a.button.btn-secondary:hover, body.fence-fittings-accessories label.btn.btn-secondary:hover, body.fence-fittings-accessories label.button.btn-secondary:hover, body.rr-product-category-fence-fittings-accessories a.btn.btn-secondary:hover, body.rr-product-category-fence-fittings-accessories a.button.btn-secondary:hover, body.rr-product-category-fence-fittings-accessories label.btn.btn-secondary:hover, body.rr-product-category-fence-fittings-accessories label.button.btn-secondary:hover {
  background-color: #fff;
  color: #6E6E6E;
}
body.fence-fittings-accessories .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected, body.rr-product-category-fence-fittings-accessories .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected {
  background-color: #6E6E6E !important;
  border: 2px solid #6E6E6E !important;
  color: #fff !important;
}
body.fence-fittings-accessories .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.fence-fittings-accessories .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, body.rr-product-category-fence-fittings-accessories .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.rr-product-category-fence-fittings-accessories .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
  background-color: #6E6E6E !important;
  border: 2px solid #6E6E6E !important;
  color: #fff !important;
}
body.fence-fittings-accessories .pricing-table table thead tr th, body.rr-product-category-fence-fittings-accessories .pricing-table table thead tr th {
  color: #6E6E6E;
}
body.fence-fittings-accessories #faq-button-fixed, body.rr-product-category-fence-fittings-accessories #faq-button-fixed {
  background-color: #6E6E6E;
}
body.fence-fittings-accessories .ht-wrapper .ht-red, body.fence-fittings-accessories .stk-highlight, body.fence-fittings-accessories .ugb-highlight, body.rr-product-category-fence-fittings-accessories .ht-wrapper .ht-red, body.rr-product-category-fence-fittings-accessories .stk-highlight, body.rr-product-category-fence-fittings-accessories .ugb-highlight {
  color: #6E6E6E !important;
}
body.fence-fittings-accessories .related-products .product-catalogue-list-item a.btn.btn-primary, body.fence-fittings-accessories .related-products .product-catalogue-list-item a.button.btn-primary, body.fence-fittings-accessories .related-products .product-catalogue-list-item label.btn.btn-primary, body.fence-fittings-accessories .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-fence-fittings-accessories .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-fence-fittings-accessories .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-fence-fittings-accessories .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-fence-fittings-accessories .related-products .product-catalogue-list-item label.button.btn-primary {
  background-color: #6E6E6E !important;
  border: 2px solid #6E6E6E !important;
  color: #fff !important;
}
body.fence-fittings-accessories .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.fence-fittings-accessories .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.fence-fittings-accessories .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.fence-fittings-accessories .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-fence-fittings-accessories .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-fence-fittings-accessories .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-fence-fittings-accessories .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-fence-fittings-accessories .related-products .product-catalogue-list-item label.button.btn-primary:hover {
  background-color: #fff !important;
  border: 2px solid #6E6E6E !important;
  color: #6E6E6E !important;
}

body.post-caps .page-header, body.rr-product-category-post-caps .page-header {
  background: #744F94;
  background-image: none;
}
body.post-caps .page-header .breadcrumbs *, body.post-caps .page-header .breadcrumbs * a, body.rr-product-category-post-caps .page-header .breadcrumbs *, body.rr-product-category-post-caps .page-header .breadcrumbs * a {
  color: #fff;
}
body.post-caps .page-header h1, body.rr-product-category-post-caps .page-header h1 {
  color: #fff;
}
body.post-caps a.btn.btn-secondary, body.post-caps a.button.btn-secondary, body.post-caps label.btn.btn-secondary, body.post-caps label.button.btn-secondary, body.rr-product-category-post-caps a.btn.btn-secondary, body.rr-product-category-post-caps a.button.btn-secondary, body.rr-product-category-post-caps label.btn.btn-secondary, body.rr-product-category-post-caps label.button.btn-secondary {
  background-color: #744F94;
  border: 2px solid #744F94;
  color: #fff;
}
body.post-caps a.btn.btn-secondary:hover, body.post-caps a.button.btn-secondary:hover, body.post-caps label.btn.btn-secondary:hover, body.post-caps label.button.btn-secondary:hover, body.rr-product-category-post-caps a.btn.btn-secondary:hover, body.rr-product-category-post-caps a.button.btn-secondary:hover, body.rr-product-category-post-caps label.btn.btn-secondary:hover, body.rr-product-category-post-caps label.button.btn-secondary:hover {
  background-color: #fff;
  color: #744F94;
}
body.post-caps .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected, body.rr-product-category-post-caps .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected {
  background-color: #744F94 !important;
  border: 2px solid #744F94 !important;
  color: #fff !important;
}
body.post-caps .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.post-caps .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, body.rr-product-category-post-caps .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.rr-product-category-post-caps .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
  background-color: #744F94 !important;
  border: 2px solid #744F94 !important;
  color: #fff !important;
}
body.post-caps .pricing-table table thead tr th, body.rr-product-category-post-caps .pricing-table table thead tr th {
  color: #744F94;
}
body.post-caps #faq-button-fixed, body.rr-product-category-post-caps #faq-button-fixed {
  background-color: #744F94;
}
body.post-caps .ht-wrapper .ht-red, body.post-caps .stk-highlight, body.post-caps .ugb-highlight, body.rr-product-category-post-caps .ht-wrapper .ht-red, body.rr-product-category-post-caps .stk-highlight, body.rr-product-category-post-caps .ugb-highlight {
  color: #744F94 !important;
}
body.post-caps .related-products .product-catalogue-list-item a.btn.btn-primary, body.post-caps .related-products .product-catalogue-list-item a.button.btn-primary, body.post-caps .related-products .product-catalogue-list-item label.btn.btn-primary, body.post-caps .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-post-caps .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-post-caps .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-post-caps .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-post-caps .related-products .product-catalogue-list-item label.button.btn-primary {
  background-color: #744F94 !important;
  border: 2px solid #744F94 !important;
  color: #fff !important;
}
body.post-caps .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.post-caps .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.post-caps .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.post-caps .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-post-caps .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-post-caps .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-post-caps .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-post-caps .related-products .product-catalogue-list-item label.button.btn-primary:hover {
  background-color: #fff !important;
  border: 2px solid #744F94 !important;
  color: #744F94 !important;
}

body.railtight .page-header, body.rr-product-category-railtight .page-header {
  background: #4C99D1;
  background-image: none;
}
body.railtight .page-header .breadcrumbs *, body.railtight .page-header .breadcrumbs * a, body.rr-product-category-railtight .page-header .breadcrumbs *, body.rr-product-category-railtight .page-header .breadcrumbs * a {
  color: #fff;
}
body.railtight .page-header h1, body.rr-product-category-railtight .page-header h1 {
  color: #fff;
}
body.railtight a.btn.btn-secondary, body.railtight a.button.btn-secondary, body.railtight label.btn.btn-secondary, body.railtight label.button.btn-secondary, body.rr-product-category-railtight a.btn.btn-secondary, body.rr-product-category-railtight a.button.btn-secondary, body.rr-product-category-railtight label.btn.btn-secondary, body.rr-product-category-railtight label.button.btn-secondary {
  background-color: #4C99D1;
  border: 2px solid #4C99D1;
  color: #fff;
}
body.railtight a.btn.btn-secondary:hover, body.railtight a.button.btn-secondary:hover, body.railtight label.btn.btn-secondary:hover, body.railtight label.button.btn-secondary:hover, body.rr-product-category-railtight a.btn.btn-secondary:hover, body.rr-product-category-railtight a.button.btn-secondary:hover, body.rr-product-category-railtight label.btn.btn-secondary:hover, body.rr-product-category-railtight label.button.btn-secondary:hover {
  background-color: #fff;
  color: #4C99D1;
}
body.railtight .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected, body.rr-product-category-railtight .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected {
  background-color: #4C99D1 !important;
  border: 2px solid #4C99D1 !important;
  color: #fff !important;
}
body.railtight .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.railtight .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, body.rr-product-category-railtight .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.rr-product-category-railtight .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
  background-color: #4C99D1 !important;
  border: 2px solid #4C99D1 !important;
  color: #fff !important;
}
body.railtight .pricing-table table thead tr th, body.rr-product-category-railtight .pricing-table table thead tr th {
  color: #4C99D1;
}
body.railtight #faq-button-fixed, body.rr-product-category-railtight #faq-button-fixed {
  background-color: #4C99D1;
}
body.railtight .ht-wrapper .ht-red, body.railtight .stk-highlight, body.railtight .ugb-highlight, body.rr-product-category-railtight .ht-wrapper .ht-red, body.rr-product-category-railtight .stk-highlight, body.rr-product-category-railtight .ugb-highlight {
  color: #4C99D1 !important;
}
body.railtight .related-products .product-catalogue-list-item a.btn.btn-primary, body.railtight .related-products .product-catalogue-list-item a.button.btn-primary, body.railtight .related-products .product-catalogue-list-item label.btn.btn-primary, body.railtight .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-railtight .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-railtight .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-railtight .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-railtight .related-products .product-catalogue-list-item label.button.btn-primary {
  background-color: #4C99D1 !important;
  border: 2px solid #4C99D1 !important;
  color: #fff !important;
}
body.railtight .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.railtight .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.railtight .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.railtight .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-railtight .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-railtight .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-railtight .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-railtight .related-products .product-catalogue-list-item label.button.btn-primary:hover {
  background-color: #fff !important;
  border: 2px solid #4C99D1 !important;
  color: #4C99D1 !important;
}

body.stockyard-fittings .page-header, body.rr-product-category-stockyard-fittings .page-header {
  background: #E38137;
  background-image: none;
}
body.stockyard-fittings .page-header .breadcrumbs *, body.stockyard-fittings .page-header .breadcrumbs * a, body.rr-product-category-stockyard-fittings .page-header .breadcrumbs *, body.rr-product-category-stockyard-fittings .page-header .breadcrumbs * a {
  color: #fff;
}
body.stockyard-fittings .page-header h1, body.rr-product-category-stockyard-fittings .page-header h1 {
  color: #fff;
}
body.stockyard-fittings a.btn.btn-secondary, body.stockyard-fittings a.button.btn-secondary, body.stockyard-fittings label.btn.btn-secondary, body.stockyard-fittings label.button.btn-secondary, body.rr-product-category-stockyard-fittings a.btn.btn-secondary, body.rr-product-category-stockyard-fittings a.button.btn-secondary, body.rr-product-category-stockyard-fittings label.btn.btn-secondary, body.rr-product-category-stockyard-fittings label.button.btn-secondary {
  background-color: #E38137;
  border: 2px solid #E38137;
  color: #fff;
}
body.stockyard-fittings a.btn.btn-secondary:hover, body.stockyard-fittings a.button.btn-secondary:hover, body.stockyard-fittings label.btn.btn-secondary:hover, body.stockyard-fittings label.button.btn-secondary:hover, body.rr-product-category-stockyard-fittings a.btn.btn-secondary:hover, body.rr-product-category-stockyard-fittings a.button.btn-secondary:hover, body.rr-product-category-stockyard-fittings label.btn.btn-secondary:hover, body.rr-product-category-stockyard-fittings label.button.btn-secondary:hover {
  background-color: #fff;
  color: #E38137;
}
body.stockyard-fittings .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected, body.rr-product-category-stockyard-fittings .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected {
  background-color: #E38137 !important;
  border: 2px solid #E38137 !important;
  color: #fff !important;
}
body.stockyard-fittings .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.stockyard-fittings .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, body.rr-product-category-stockyard-fittings .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.rr-product-category-stockyard-fittings .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
  background-color: #E38137 !important;
  border: 2px solid #E38137 !important;
  color: #fff !important;
}
body.stockyard-fittings .pricing-table table thead tr th, body.rr-product-category-stockyard-fittings .pricing-table table thead tr th {
  color: #E38137;
}
body.stockyard-fittings #faq-button-fixed, body.rr-product-category-stockyard-fittings #faq-button-fixed {
  background-color: #E38137;
}
body.stockyard-fittings .ht-wrapper .ht-red, body.stockyard-fittings .stk-highlight, body.stockyard-fittings .ugb-highlight, body.rr-product-category-stockyard-fittings .ht-wrapper .ht-red, body.rr-product-category-stockyard-fittings .stk-highlight, body.rr-product-category-stockyard-fittings .ugb-highlight {
  color: #E38137 !important;
}
body.stockyard-fittings .related-products .product-catalogue-list-item a.btn.btn-primary, body.stockyard-fittings .related-products .product-catalogue-list-item a.button.btn-primary, body.stockyard-fittings .related-products .product-catalogue-list-item label.btn.btn-primary, body.stockyard-fittings .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-stockyard-fittings .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-stockyard-fittings .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-stockyard-fittings .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-stockyard-fittings .related-products .product-catalogue-list-item label.button.btn-primary {
  background-color: #E38137 !important;
  border: 2px solid #E38137 !important;
  color: #fff !important;
}
body.stockyard-fittings .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.stockyard-fittings .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.stockyard-fittings .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.stockyard-fittings .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-stockyard-fittings .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-stockyard-fittings .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-stockyard-fittings .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-stockyard-fittings .related-products .product-catalogue-list-item label.button.btn-primary:hover {
  background-color: #fff !important;
  border: 2px solid #E38137 !important;
  color: #E38137 !important;
}

body.chain-accessories .page-header, body.rr-product-category-chain-accessories .page-header {
  background: #1B1B1B;
  background-image: none;
}
body.chain-accessories .page-header .breadcrumbs *, body.chain-accessories .page-header .breadcrumbs * a, body.rr-product-category-chain-accessories .page-header .breadcrumbs *, body.rr-product-category-chain-accessories .page-header .breadcrumbs * a {
  color: #fff;
}
body.chain-accessories .page-header h1, body.rr-product-category-chain-accessories .page-header h1 {
  color: #fff;
}
body.chain-accessories a.btn.btn-secondary, body.chain-accessories a.button.btn-secondary, body.chain-accessories label.btn.btn-secondary, body.chain-accessories label.button.btn-secondary, body.rr-product-category-chain-accessories a.btn.btn-secondary, body.rr-product-category-chain-accessories a.button.btn-secondary, body.rr-product-category-chain-accessories label.btn.btn-secondary, body.rr-product-category-chain-accessories label.button.btn-secondary {
  background-color: #1B1B1B;
  border: 2px solid #1B1B1B;
  color: #fff;
}
body.chain-accessories a.btn.btn-secondary:hover, body.chain-accessories a.button.btn-secondary:hover, body.chain-accessories label.btn.btn-secondary:hover, body.chain-accessories label.button.btn-secondary:hover, body.rr-product-category-chain-accessories a.btn.btn-secondary:hover, body.rr-product-category-chain-accessories a.button.btn-secondary:hover, body.rr-product-category-chain-accessories label.btn.btn-secondary:hover, body.rr-product-category-chain-accessories label.button.btn-secondary:hover {
  background-color: #fff;
  color: #1B1B1B;
}
body.chain-accessories .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected, body.rr-product-category-chain-accessories .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected {
  background-color: #1B1B1B !important;
  border: 2px solid #1B1B1B !important;
  color: #fff !important;
}
body.chain-accessories .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.chain-accessories .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, body.rr-product-category-chain-accessories .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.rr-product-category-chain-accessories .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
  background-color: #1B1B1B !important;
  border: 2px solid #1B1B1B !important;
  color: #fff !important;
}
body.chain-accessories .pricing-table table thead tr th, body.rr-product-category-chain-accessories .pricing-table table thead tr th {
  color: #1B1B1B;
}
body.chain-accessories #faq-button-fixed, body.rr-product-category-chain-accessories #faq-button-fixed {
  background-color: #1B1B1B;
}
body.chain-accessories .ht-wrapper .ht-red, body.chain-accessories .stk-highlight, body.chain-accessories .ugb-highlight, body.rr-product-category-chain-accessories .ht-wrapper .ht-red, body.rr-product-category-chain-accessories .stk-highlight, body.rr-product-category-chain-accessories .ugb-highlight {
  color: #1B1B1B !important;
}
body.chain-accessories .related-products .product-catalogue-list-item a.btn.btn-primary, body.chain-accessories .related-products .product-catalogue-list-item a.button.btn-primary, body.chain-accessories .related-products .product-catalogue-list-item label.btn.btn-primary, body.chain-accessories .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-chain-accessories .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-chain-accessories .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-chain-accessories .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-chain-accessories .related-products .product-catalogue-list-item label.button.btn-primary {
  background-color: #1B1B1B !important;
  border: 2px solid #1B1B1B !important;
  color: #fff !important;
}
body.chain-accessories .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.chain-accessories .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.chain-accessories .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.chain-accessories .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-chain-accessories .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-chain-accessories .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-chain-accessories .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-chain-accessories .related-products .product-catalogue-list-item label.button.btn-primary:hover {
  background-color: #fff !important;
  border: 2px solid #1B1B1B !important;
  color: #1B1B1B !important;
}

body.tools .page-header, body.rr-product-category-tools .page-header {
  background: #0047BB;
  background-image: none;
}
body.tools .page-header .breadcrumbs *, body.tools .page-header .breadcrumbs * a, body.rr-product-category-tools .page-header .breadcrumbs *, body.rr-product-category-tools .page-header .breadcrumbs * a {
  color: #fff;
}
body.tools .page-header h1, body.rr-product-category-tools .page-header h1 {
  color: #fff;
}
body.tools a.btn.btn-secondary, body.tools a.button.btn-secondary, body.tools label.btn.btn-secondary, body.tools label.button.btn-secondary, body.rr-product-category-tools a.btn.btn-secondary, body.rr-product-category-tools a.button.btn-secondary, body.rr-product-category-tools label.btn.btn-secondary, body.rr-product-category-tools label.button.btn-secondary {
  background-color: #0047BB;
  border: 2px solid #0047BB;
  color: #fff;
}
body.tools a.btn.btn-secondary:hover, body.tools a.button.btn-secondary:hover, body.tools label.btn.btn-secondary:hover, body.tools label.button.btn-secondary:hover, body.rr-product-category-tools a.btn.btn-secondary:hover, body.rr-product-category-tools a.button.btn-secondary:hover, body.rr-product-category-tools label.btn.btn-secondary:hover, body.rr-product-category-tools label.button.btn-secondary:hover {
  background-color: #fff;
  color: #0047BB;
}
body.tools .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected, body.rr-product-category-tools .woo-variation-items-wrapper .variable-items-wrapper li.variable-item.button-variable-item.selected {
  background-color: #0047BB !important;
  border: 2px solid #0047BB !important;
  color: #fff !important;
}
body.tools .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.tools .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, body.rr-product-category-tools .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, body.rr-product-category-tools .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
  background-color: #0047BB !important;
  border: 2px solid #0047BB !important;
  color: #fff !important;
}
body.tools .pricing-table table thead tr th, body.rr-product-category-tools .pricing-table table thead tr th {
  color: #0047BB;
}
body.tools #faq-button-fixed, body.rr-product-category-tools #faq-button-fixed {
  background-color: #0047BB;
}
body.tools .ht-wrapper .ht-red, body.tools .stk-highlight, body.tools .ugb-highlight, body.rr-product-category-tools .ht-wrapper .ht-red, body.rr-product-category-tools .stk-highlight, body.rr-product-category-tools .ugb-highlight {
  color: #0047BB !important;
}
body.tools .related-products .product-catalogue-list-item a.btn.btn-primary, body.tools .related-products .product-catalogue-list-item a.button.btn-primary, body.tools .related-products .product-catalogue-list-item label.btn.btn-primary, body.tools .related-products .product-catalogue-list-item label.button.btn-primary, body.rr-product-category-tools .related-products .product-catalogue-list-item a.btn.btn-primary, body.rr-product-category-tools .related-products .product-catalogue-list-item a.button.btn-primary, body.rr-product-category-tools .related-products .product-catalogue-list-item label.btn.btn-primary, body.rr-product-category-tools .related-products .product-catalogue-list-item label.button.btn-primary {
  background-color: #0047BB !important;
  border: 2px solid #0047BB !important;
  color: #fff !important;
}
body.tools .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.tools .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.tools .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.tools .related-products .product-catalogue-list-item label.button.btn-primary:hover, body.rr-product-category-tools .related-products .product-catalogue-list-item a.btn.btn-primary:hover, body.rr-product-category-tools .related-products .product-catalogue-list-item a.button.btn-primary:hover, body.rr-product-category-tools .related-products .product-catalogue-list-item label.btn.btn-primary:hover, body.rr-product-category-tools .related-products .product-catalogue-list-item label.button.btn-primary:hover {
  background-color: #fff !important;
  border: 2px solid #0047BB !important;
  color: #0047BB !important;
}

body.staytight-end-assemblies .testimonials-wrapper .quotemark, body.rr-product-category-staytight-end-assemblies .testimonials-wrapper .quotemark, body.rr-product-category-complete-end-assemblies .testimonials-wrapper .quotemark, body.rr-product-category-steel-fence-posts .testimonials-wrapper .quotemark {
  color: #EC2227 !important;
}
body.staytight-end-assemblies .rr-product-sticky-bar__button, body.rr-product-category-staytight-end-assemblies .rr-product-sticky-bar__button, body.rr-product-category-complete-end-assemblies .rr-product-sticky-bar__button, body.rr-product-category-steel-fence-posts .rr-product-sticky-bar__button {
  background-color: #EC2227 !important;
}
body.staytight-end-assemblies .rr-product-sticky-bar__button:hover, body.rr-product-category-staytight-end-assemblies .rr-product-sticky-bar__button:hover, body.rr-product-category-complete-end-assemblies .rr-product-sticky-bar__button:hover, body.rr-product-category-steel-fence-posts .rr-product-sticky-bar__button:hover {
  background-color: #ca1116 !important;
}

body.hinge-sets .testimonials-wrapper .quotemark, body.rr-product-category-hinge-sets .testimonials-wrapper .quotemark {
  color: #7DB160 !important;
}
body.hinge-sets .rr-product-sticky-bar__button, body.rr-product-category-hinge-sets .rr-product-sticky-bar__button {
  background-color: #7DB160 !important;
}
body.hinge-sets .rr-product-sticky-bar__button:hover, body.rr-product-category-hinge-sets .rr-product-sticky-bar__button:hover {
  background-color: #649549 !important;
}

body.gate-latches .testimonials-wrapper .quotemark, body.rr-product-category-gate-latches .testimonials-wrapper .quotemark {
  color: #F0CA53 !important;
}
body.gate-latches .rr-product-sticky-bar__button, body.rr-product-category-gate-latches .rr-product-sticky-bar__button {
  background-color: #F0CA53 !important;
}
body.gate-latches .rr-product-sticky-bar__button:hover, body.rr-product-category-gate-latches .rr-product-sticky-bar__button:hover {
  background-color: #ecbc24 !important;
}

body.fence-fittings-accessories .testimonials-wrapper .quotemark, body.rr-product-category-fence-fittings-accessories .testimonials-wrapper .quotemark {
  color: #6E6E6E !important;
}
body.fence-fittings-accessories .rr-product-sticky-bar__button, body.rr-product-category-fence-fittings-accessories .rr-product-sticky-bar__button {
  background-color: #6E6E6E !important;
}
body.fence-fittings-accessories .rr-product-sticky-bar__button:hover, body.rr-product-category-fence-fittings-accessories .rr-product-sticky-bar__button:hover {
  background-color: #555555 !important;
}

body.post-caps .testimonials-wrapper .quotemark, body.rr-product-category-post-caps .testimonials-wrapper .quotemark {
  color: #744F94 !important;
}
body.post-caps .rr-product-sticky-bar__button, body.rr-product-category-post-caps .rr-product-sticky-bar__button {
  background-color: #744F94 !important;
}
body.post-caps .rr-product-sticky-bar__button:hover, body.rr-product-category-post-caps .rr-product-sticky-bar__button:hover {
  background-color: #5a3d73 !important;
}

body.railtight .testimonials-wrapper .quotemark, body.rr-product-category-railtight .testimonials-wrapper .quotemark {
  color: #4C99D1 !important;
}
body.railtight .rr-product-sticky-bar__button, body.rr-product-category-railtight .rr-product-sticky-bar__button {
  background-color: #4C99D1 !important;
}
body.railtight .rr-product-sticky-bar__button:hover, body.rr-product-category-railtight .rr-product-sticky-bar__button:hover {
  background-color: #3080ba !important;
}

body.stockyard-fittings .testimonials-wrapper .quotemark, body.rr-product-category-stockyard-fittings .testimonials-wrapper .quotemark {
  color: #E38137 !important;
}
body.stockyard-fittings .rr-product-sticky-bar__button, body.rr-product-category-stockyard-fittings .rr-product-sticky-bar__button {
  background-color: #E38137 !important;
}
body.stockyard-fittings .rr-product-sticky-bar__button:hover, body.rr-product-category-stockyard-fittings .rr-product-sticky-bar__button:hover {
  background-color: #cb671c !important;
}

body.chain-accessories .testimonials-wrapper .quotemark, body.rr-product-category-chain-accessories .testimonials-wrapper .quotemark {
  color: #1B1B1B !important;
}
body.chain-accessories .rr-product-sticky-bar__button, body.rr-product-category-chain-accessories .rr-product-sticky-bar__button {
  background-color: #1B1B1B !important;
}
body.chain-accessories .rr-product-sticky-bar__button:hover, body.rr-product-category-chain-accessories .rr-product-sticky-bar__button:hover {
  background-color: #020202 !important;
}

body.tools .testimonials-wrapper .quotemark, body.rr-product-category-tools .testimonials-wrapper .quotemark {
  color: #0047BB !important;
}
body.tools .rr-product-sticky-bar__button, body.rr-product-category-tools .rr-product-sticky-bar__button {
  background-color: #0047BB !important;
}
body.tools .rr-product-sticky-bar__button:hover, body.rr-product-category-tools .rr-product-sticky-bar__button:hover {
  background-color: #003488 !important;
}

.header .centre-header .shop-icons {
  max-width: 93px;
  margin-top: 40px;
}
.header .centre-header .shop-icons .ywraq_number_items {
  background-color: #EC2227;
  padding: 5px 10px;
  color: #fff;
  border-radius: 50%;
  position: relative;
  top: -40px;
  left: 30px;
  font-weight: bold;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 13px;
}

.ywraq-form-table-wrapper {
  margin-bottom: 40px;
}

.woocommerce .quantity .qty {
  width: 70px !important;
}

.page-id-5726 .label-right .nf-field-description {
  margin-right: 0;
}

.nf-before-form-content {
  max-width: 980px;
  margin: 20px auto;
}

.shop-icons ul.menu {
  margin-left: -10px;
}

a.wp-block-button__link {
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 12px !important;
}
a.wp-block-button__link.has-rr-red-color {
  color: #EC2227;
}

/* 1) Click-through overlay that dims the page */
.rr-mega-menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.36);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 40;
}

/* 2) Ensure mega menus render ABOVE the overlay so they are not dimmed */
.mega-menu-wrap,
.mega-menu-wrap .mega-sub-menu {
  position: relative;
  z-index: 60;
}

/* 3) Show the overlay while any mega item is "on" (hover or opened) */
/* Max Mega Menu adds .mega-toggle-on to the <li> and toggles aria-expanded=true on the <a> */
:root:has(#mega-menu-product-menu li.mega-toggle-on),
:root:has(#mega-menu-product-menu a[aria-expanded=true]),
:root:has(#mega-menu-max_mega_menu_2 li.mega-toggle-on),
:root:has(#mega-menu-max_mega_menu_2 a[aria-expanded=true]) {
  /* this block exists just to allow the :has() triggers; the style is below */
}

:root:has(#mega-menu-product-menu li.mega-toggle-on) .rr-mega-menu-overlay,
:root:has(#mega-menu-product-menu a[aria-expanded=true]) .rr-mega-menu-overlay,
:root:has(#mega-menu-max_mega_menu_2 li.mega-toggle-on) .rr-mega-menu-overlay,
:root:has(#mega-menu-max_mega_menu_2 a[aria-expanded=true]) .rr-mega-menu-overlay {
  opacity: 1;
}

h4.qty-title {
  display: inline-block;
  width: 190px;
}

.qty-button {
  display: inline-block;
  font-size: 30px;
  line-height: 26px;
  text-align: center;
  border: 2px solid black;
  background-color: transparent;
  color: black;
  margin: 0 10px;
  padding: 4px;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  cursor: pointer;
}

a.dec.qty-button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/*!*&:hover, &:active, &:focus {*!*/
/*!*                        color: white;*!*/
/*!*                    }*!*/
/*!*}*!*/
.woocommerce .quantity .qty {
  width: 30px;
  display: inline-block;
  padding: 5px;
  text-align: center;
  border: none;
  font-size: 23px;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  display: none;
}

.subtotal.row {
  clear: both;
  width: 100%;
  display: block;
  padding: 50px 0 0 0;
  margin-bottom: -20px;
}

.subtotal.row h4 span.title {
  width: 190px;
  display: inline-block;
}

.subtotal.row h4 span.price {
  display: inline-block;
  font-family: kon-tiki-aloha-jf, sans-serif;
  color: #1B1B1B;
  font-size: 40px;
}

small.woocommerce-price-suffix, .woocommerce div.product p.price {
  font-family: montserrat, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

.disclaimer p.disclaimer {
  font-size: 13px;
  font-style: italic;
}

.woocommerce div.product form.cart div.quantity {
  float: none !important;
}
.woocommerce div.product form.cart div.quantity h4.qty-title {
  width: auto;
}

.subtotal.row {
  padding: 0;
}
.subtotal.row h4 span.title {
  width: auto;
}

.woocommerce div.product form.cart .variations label {
  font-family: Montserrat, sans-serif;
  text-transform: uppercase;
  font-size: 15px;
}

.product-content {
  margin-bottom: 30px;
}

.woocommerce div.product form.cart .reset_variations {
  display: none !important;
}

.specs-button {
  margin-bottom: 20px;
}
.specs-button a.quote-button.specs {
  font-size: 12px;
  text-decoration: underline;
}

.single-product table.variations {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 5px;
}
.single-product table.variations tr td {
  padding: 5px 0;
}
.single-product table.variations tr td.label {
  padding-right: 10px;
}
.single-product table.variations tr td.label label {
  font-weight: 600;
  margin-bottom: 0;
}
.single-product table.variations tr td.value .variable-items-wrapper {
  gap: 10px;
}

.woocommerce .price .woocommerce-Price-amount bdi {
  font-size: 32px;
}

small.woocommerce-price-suffix, .woocommerce div.product p.price {
  font-family: montserrat, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: none;
}

/* --------------------------------------------------------------
   Rotech Global Lightbox
   -------------------------------------------------------------- */
.rr-lightbox {
  display: none; /* Hidden by default, shown via JS */
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: auto;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(2px);
}

.rr-lightbox[style*="display: block"],
.rr-lightbox.active {
  display: flex !important;
  animation: rr-lightbox-fade 0.18s ease-out;
}

.rr-lightbox__inner {
  position: relative;
  max-width: 95%;
  max-height: 90vh;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.rr-lightbox__image {
  max-width: 100%;
  max-height: 94vh;
  background: #fff;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.35);
  pointer-events: auto;
  border-radius: 4px;
}

.rr-lightbox__backdrop {
  position: absolute;
  inset: 0;
  cursor: zoom-out;
}

.rr-lightbox__close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #1b1b1b;
  color: #fff;
  border: 0;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 22px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  z-index: 10001;
  transition: background 0.2s;
  pointer-events: auto;
}
.rr-lightbox__close:hover {
  background: #EC2227;
}

/* --------------------------------------------------------------
   Text Panel (for long testimonials)
   -------------------------------------------------------------- */
.rr-lightbox__text-panel {
  display: none;
  background: #fff;
  max-width: 700px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  padding: 50px;
  border-radius: 4px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.35);
  pointer-events: auto;
  position: relative;
}
.rr-lightbox__text-panel::before {
  content: "“";
  font-size: 100px;
  color: #EC2227;
  position: absolute;
  top: 20px;
  left: 30px;
  font-family: Georgia, serif;
  line-height: 0.8;
}

.rr-lightbox__text-content {
  padding-left: 40px;
  padding-top: 50px;
  font-size: 1.2em;
  line-height: 1.6;
  font-family: Montserrat, sans-serif;
  color: #1b1b1b;
}
.rr-lightbox__text-content p {
  margin-bottom: 1em;
}

.rr-lightbox__text-meta {
  margin-top: 30px;
  padding-left: 40px;
  border-top: 2px solid #1b1b1b;
  padding-top: 20px;
}

.rr-lightbox__text-name {
  font-size: 24px;
  text-transform: uppercase;
  font-family: kon-tiki-aloha-jf, sans-serif;
  color: #1b1b1b;
  margin-bottom: 5px;
}

.rr-lightbox__text-location {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  color: #1b1b1b;
  font-family: Montserrat, sans-serif;
}

.rr-lightbox__text-product {
  font-size: 12px;
  text-transform: uppercase;
  color: #1b1b1b;
  font-family: Montserrat, sans-serif;
}
.rr-lightbox__text-product a {
  color: inherit;
  text-decoration: none;
}
.rr-lightbox__text-product .product-chevron {
  color: #EC2227;
  font-weight: bold;
  margin-right: 3px;
}

/* --------------------------------------------------------------
   Text Panel with Image
   -------------------------------------------------------------- */
.rr-lightbox__text-image-wrapper {
  display: none;
  margin: -50px -50px 30px -50px;
  position: relative;
  padding-top: 56.25%; /* 16:9 ratio */
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* Blur overlay using ::before */
}
.rr-lightbox__text-image-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  filter: blur(20px);
  transform: scale(1.1);
  z-index: 1;
}

.rr-lightbox__text-panel.has-image .rr-lightbox__text-image-wrapper {
  display: block;
}

.rr-lightbox__text-panel.has-image {
  max-width: 800px;
  padding-top: 0;
}
.rr-lightbox__text-panel.has-image::before {
  display: none;
}
.rr-lightbox__text-panel.has-image .rr-lightbox__text-content {
  padding-top: 30px;
}
.rr-lightbox__text-panel.has-image .rr-lightbox__text-content::before {
  content: "“";
  font-size: 80px;
  color: #EC2227;
  font-family: Georgia, serif;
  line-height: 0.8;
  display: block;
  margin-bottom: -20px;
}

.rr-lightbox__text-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 2;
}

/* --------------------------------------------------------------
   Keyframes
   -------------------------------------------------------------- */
@keyframes rr-lightbox-fade {
  from {
    opacity: 0;
    transform: scale(0.97);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.alignfull1 {
  margin: 0 calc(50% - 50vw) !important;
  max-width: 100vw;
  width: 100vw;
}

@media screen and (min-width: 769px) {
  .mob-top-header {
    display: none !important;
  }
  div.mob-top-header {
    text-align: center;
    margin: 0 0 20px 0 !important;
    height: 50px;
    background-color: #1b1b1b;
    vertical-align: middle;
    padding: 5px 0 0 0;
    width: 50%;
    float: right;
  }
  .mob-top-header a:link {
    text-decoration: none;
    font-family: kon-tiki-aloha-jf, sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    color: #FFFFFF !important;
  }
  .mob-top-header a:hover {
    color: #000000 !important;
  }
  .mob-top-header a:visited {
    color: #FFFFFF !important;
  }
}
.footer-columns p a:not(.btn),
.footer-columns p:not(.ugb-blog-posts__readmore) a:not(.btn) {
  color: #FFFFFF !important;
}

.footer .col-sm-12 a {
  font-size: 1em;
}

/* Live-only blocks copied verbatim to match main-live.css output */
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

.alignfull1 {
  /* SP CHANGE margin: 32px calc(50% - 50vw) !important;*/
  margin: 0px calc(50% - 50vw) !important;
  max-width: 100vw;
  width: 100vw;
}

.alignwide {
  margin: 32px -106.5px;
  max-width: 980px;
  width: 980px;
}

rs-slides h2, rs-slides h1 {
  font-family: kon-tiki-aloha-jf, sans-serif !important;
  font-weight: 400 !important;
}

footer {
  background-color: #EC2227;
  background-image: url("../img/footer-bg.svg");
  background-size: cover;
  padding: 40px 0;
  margin-top: -25px;
}

.form-group .bar::before {
  content: "";
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #1B1B1B;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}

.form-group input[type=file] {
  line-height: 1;
}

.form-group input[type=file] ~ .bar {
  display: none;
}

.radio .helper::before, .radio .helper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  -webkit-transition: -webkit-transform 0.28s ease;
  transition: -webkit-transform 0.28s ease;
  transition: transform 0.28s ease;
  transition: transform 0.28s ease, -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}

.checkbox .helper::before, .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #1B1B1B;
  display: block;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  border-radius: 0.25rem;
  content: "";
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}

.button::before {
  content: "";
  position: absolute;
  background: #071017;
  border: 50vh solid #1B1B1B;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
}

.form-group .bar::before {
  content: "";
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #1B1B1B;
  transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}

.form-group input[type=file] {
  line-height: 1;
}

.form-group input[type=file] ~ .bar {
  display: none;
}

.radio .helper::before, .radio .helper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  transition: transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid currentColor;
}

.checkbox .helper::before, .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #1B1B1B;
  display: block;
  transform-origin: left top;
  border-radius: 0.25rem;
  content: "";
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}

.button::before {
  content: "";
  position: absolute;
  background: black;
  border: 50vh solid black;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  transform: translate(-50%, -50%) scale(0);
}

#yith-ywraq-form .update-list-wrapper input[type=submit] {
  background-color: #fff !important;
  border: 2px solid #1B1B1B !important;
  color: #1B1B1B;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 12px;
  font-weight: 600;
}

.product-catalogue-list-item .thumbnail-feature-product {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border: 1px solid #d4d4d4;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .header .preheader {
    display: none;
  }
  .upper-banner {
    display: none;
  }
  .header .preheader .row.flex {
    display: block;
  }
  .header .preheader .row.flex .contact {
    width: 100%;
    max-width: 100%;
  }
  .header .preheader .row.flex .nav {
    display: none;
  }
  .header .centre-header {
    height: 80px;
  }
  .header .centre-header .row.flex {
    display: flex;
  }
  .header .centre-header .row.flex .col.search, .header .centre-header .row.flex .col.space, .header .centre-header .row.flex .col.header-items {
    display: none;
  }
  .header .centre-header .row.flex .col.logo-wrapper {
    min-width: 50%;
  }
  .header .centre-header .row.flex .col.mobile-nav {
    max-width: 70px;
    font-size: 40px;
  }
  .header .nav .mega-hide-on-desktop {
    display: block;
  }
  /*.header .product-nav #mega-menu-wrap-product-menu ul#mega-menu-product-menu {
    display: block; }
    .header .product-nav #mega-menu-wrap-product-menu ul#mega-menu-product-menu a {
      color: #fff !important; }*/
  .stockist-search-bar {
    padding: 30px;
  }
  .stockist-search-bar #stockist-search .row.d-flex {
    display: block !important;
  }
  .stockist-search-bar #stockist-search .row.d-flex .col-6, .stockist-search-bar #stockist-search .row.d-flex .col-2, .stockist-search-bar #stockist-search .row.d-flex .col-4 {
    max-width: 100%;
  }
  .stockist-map {
    display: flex;
    flex-direction: column-reverse;
  }
  .stockist-map .acf-map {
    height: 500px;
  }
  .stockist-map .results-list {
    position: relative;
    width: 100%;
  }
  .stockist-map .results-list .store-details.open {
    display: block;
    position: relative;
  }
  .product-catalogue-list-item {
    max-width: 100%;
    min-width: 200px;
  }
  .key-features h2 {
    text-align: center;
  }
  .key-features .row .col.icon-wrapper {
    max-width: 100% !important;
    min-width: 200px;
  }
  .col.product-catalogue-list-item {
    min-width: 200px;
    max-width: 100%;
  }
  .product-links .col {
    width: 100%;
    min-width: 100%;
    margin-bottom: 30px;
  }
  .product-links .col a.btn {
    margin: 0 auto;
    display: block;
    max-width: 80%;
  }
  .product-cart-info.modal-content.open .inner-content {
    width: 100% !important;
    padding: 20px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .product-cart-info.modal-content.open .inner-content .pricing-table {
    overflow: scroll;
    max-width: 90vw !important;
  }
  .header .product-nav #mega-menu-wrap-product-menu ul#mega-menu-product-menu li.mega-menu-item:first-child {
    padding-left: 10px;
  }
  .header .centre-header .logo {
    max-width: 80%;
    padding: 0;
    margin-top: 0;
  }
  .header .preheader .contact div {
    padding: 5px;
    text-align: center;
  }
  h1 {
    font-size: 3.5em;
    margin-top: 10px;
  }
  .ugb-columns__item.ugb-a0bb0e9-content-wrapper, .ugb-columns__item.ugb-a440e46-content-wrapper, .ugb-columns__item.ugb-70f4e4b-content-wrapper {
    flex-direction: column-reverse;
    display: flex !important;
  }
  .row.breadcrumbs {
    display: none;
  }
  .ht-wrapper .ht-xlarge {
    font-size: 100px;
  }
  #pickr-large {
    padding: 80px 20px;
  }
  #pickr-large img {
    margin: 0 auto;
    max-width: 100%;
  }
  .products-display {
    width: 100%;
    padding: 0 20px;
  }
  .products-display .loading h3 {
    max-width: 100%;
  }
  .category-selection h2 {
    text-align: center;
  }
  .questions-block .step .question-text {
    text-align: center;
  }
  form#product-pickr-form {
    max-width: 100%;
    padding: 0 20px;
  }
  #product-pickr-form .col, .recommended-products .col {
    min-width: 100%;
  }
  #product-pickr-form h2, #product-pickr-form #counts, .recommended-products h2, .recommended-products #counts {
    text-align: center;
  }
  #product-pickr-form .step label.btn.btn-primary, .recommended-products .step label.btn.btn-primary {
    margin: 10px;
    align-items: center;
    width: 70%;
    margin: 20px auto;
    display: block;
  }
  #product-pickr-form .category-selection .form-group select, .recommended-products .category-selection .form-group select {
    font-size: 22px;
  }
  div#slider {
    padding: 0 !important;
    min-height: 150px;
  }
  div#slider .ugb-container__wrapper, div#slider .ugb-8e2ffc7-wrapper {
    padding: 0 !important;
  }
  .ugb-main-block.ugb--has-block-background.alignfull.alignfull.alignfull.alignfull#slider {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  #in-use-carousel .carousel-item .gallery-row {
    flex-direction: column;
  }
  #in-use-carousel .carousel-item .gallery-row .gallery-item.col {
    margin-bottom: 20px;
  }
  .product-links a.btn {
    margin: 10px;
    width: 93%;
  }
  .in-use-gallery .gallery-item .gallery-inner {
    height: 200px;
  }
  .mobile-nav-container {
    position: fixed;
    width: 100%;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    height: calc(100vh - 120px);
    z-index: 9998;
    top: 120px;
  }
  .mobile-nav-container *, .mobile-nav-container a {
    font-size: 16px;
  }
  .mobile-nav-container .row.d-flex {
    flex-direction: column;
  }
  .mobile-nav-container .col.search {
    padding: 10px 50px;
  }
  .mobile-nav-container .col.search .searchbox {
    max-width: 220px !important;
    margin: 0 auto;
    padding: 0 !important;
    margin-left: 0;
  }
  .mobile-nav-container .icon-buttons .mobile-icon-button {
    background-color: #1B1B1B;
    color: #fff;
    padding: 0 10px;
  }
  .mobile-nav-container .icon-buttons .mobile-icon-button .icon {
    max-width: 45px;
    padding: 5px;
  }
  .mobile-nav-container .icon-buttons .mobile-icon-button a.button-inner {
    color: #fff;
    display: flex;
    align-items: center;
  }
  .mobile-nav-container .product-menu {
    padding: 13px 60px;
  }
  .mobile-nav-container .product-menu .product-menu-open, .mobile-nav-container .product-menu .product-menu-close {
    font-weight: bold;
    font-size: 18px;
    border-top: 1px solid #1B1B1B;
    border-bottom: 1px solid #1B1B1B;
    width: 100%;
    display: block;
    padding: 5px 0;
  }
  .mobile-nav-container .product-menu .product-menu-open:after {
    content: "›";
    display: block;
    float: right;
  }
  .mobile-nav-container .product-sub-menu ul.menu {
    padding: 20px 0;
  }
  .mobile-nav-container .product-sub-menu ul.menu li {
    list-style: none;
    border-bottom: 1px solid #1B1B1B;
  }
  .mobile-nav-container .nav-menu ul.menu {
    padding: 20px 50px;
  }
  .mobile-nav-container .nav-menu ul.menu li {
    list-style: none;
    border-bottom: 1px solid #1B1B1B;
  }
  .closed-msg {
    display: none;
  }
  .product-nav {
    display: none;
  }
}
.mob-top-header a:link {
  text-decoration: none;
  font-family: kon-tiki-aloha-jf, sans-serif;
  font-weight: 600;
  font-size: 1.5em;
  color: #FFFFFF !important;
}

.footer .col-sm-12 a {
  font-size: 1em;
}

#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 {
  text-align: left;
  padding: 0;
}

/* Overflow fix for horizontal scrolling. BH 19/1/2025
   Notes:
   - We keep alignfull/Stackable layout rules intact (full-bleed relies on negative margins + 100vw).
   - The horizontal scrollbar was caused by components using 100vw (which includes the scrollbar width).
   - Clipping the x-overflow at the document level removes the scrollbar without changing layout widths.
*/
html,
body {
  overflow-x: clip;
}

/* Max Mega Menu panels can be wider than the visual viewport due to 100vw.
   Clipping above should handle it, but we also cap panel width defensively. */
#mega-menu-wrap-product-menu .mega-sub-menu,
#mega-menu-wrap-product-menu .mega-menu-panel {
  max-width: 100vw;
  box-sizing: border-box;
}

/* Fixed FAQ button: preserve existing rotation/vertical styling; just pull it inside the viewport */
#faq-button-fixed {
  right: -102px !important;
}

#mega-menu-wrap-max_mega_menu_2 {
  text-align: left !important;
  padding: 0 !important;
  float: none !important;
}

/*# sourceMappingURL=main.css.map */