:root {
--primary: #298ce4;
--primary-light: #3f9df0;
--primary-alt: #2277c2;
--secondary: #62656c;
--primary-rgb: 41,140,228;
--grey: #585859;
--dark-grey: #494949;
--body-grey: #414141;
--light-grey: #b8b8b8;
--off-white: #f5f4f0;
--off-white-rgb: 245,244,240;
--off-white-darker: #ececec;
--off-white-darker-rgb: 236,236,236;
--body-font: 'Montserrat', sans-serif;
}   body { font-family: var(--body-font); font-size: 13px; line-height: 1.5; min-width: 330px; }
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { font-family: var(--body-font); font-weight: 700; color: var(--primary); line-height: 1.2; margin-bottom: 0.7em; }
h1, .h1 { font-size: 3em; }
h2, .h2 { font-size: 2.5em; }
h3, .h3 { font-size: 2.2em; }
h4, .h4 { font-size: 1.9em; }
h5, .h5 { font-size: 1.5em; }
h6, .h6 { font-size: 1.2em; }
a { color: var(--primary); }
a:hover { color: var(--dark-grey); }
a:focus { outline: none; }
hr { margin-top: 2em; margin-bottom: 2em; }
.lead { font-size: 1.3em; }
.text-body { color: var(--body-grey); }
.text-grey { color: var(--grey); }
.bg-primary { background-color: var(--primary) !important; }
.bg-grey { background-color: var(--grey) !important; }
.bg-dark-grey { background-color: var(--dark-grey) !important; }
.bg-light-grey { background-color: var(--light-grey) !important; }
.bg-off-white { background-color: var(--off-white) !important; }
.widget { margin-bottom: 2rem; }
.widget .widget-title { margin-bottom: 0.1em; }
.page-link { color: var(--primary); }
.page-link:hover { color: var(--primary-alt); }
.page-item.active .page-link { background-color: var(--primary); border-color: var(--primary); }
.bg-center-cover { background-size: cover; background-position: 50%; background-repeat: no-repeat; }
.clonebreak {
-webkit-box-decoration-break: clone;
-ms-box-decoration-break: clone;
-o-box-decoration-break: clone;
box-decoration-break: clone;
} .btn-primary { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.btn-primary:hover { color: #fff; background-color: var(--primary-alt); border-color: var(--primary-alt); }
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle { color: #fff; background-color: var(--primary-alt); border-color: var(--primary-alt); }
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus, .btn-primary:focus { -webkit-box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.5); box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.5); }
@media (min-width: 992px) {
body { font-size: 15px; }
}
@media (min-width: 1400px) {
.container { max-width: 1340px; }
} @media (max-width: 991.98px) {
.container { max-width: 100%; }
}   .navbar-brand img { width: 150px; }
.header-phone a { color: #fff; text-align: center; display: inline-block; font-weight: 600; text-transform: uppercase; line-height: 1.3; }
.header-phone a:hover { text-decoration: none; color: var(--primary-light); }
.header-phone a span { color: var(--light-grey); font-size: 0.9em; }
.header-social ul { text-align: right; font-size: 1.2em; }
.header-social ul a { color: #fff; }
.header-social ul a:hover { text-decoration: none; color: var(--primary-light); }
.navbar { position: initial; }
.navbar.scrolled { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; }
.navbar-nav a { color: var(--light-grey); font-weight: 600; }
.navbar-nav a:hover,
.navbar-nav a:focus,
.navbar-nav li.show > a,
ul.navbar-nav > li.menu-item.active > a,
.dropdown-menu .active .dropdown-item { color: var(--primary-light); }
ul.navbar-nav > li.menu-item a.nav-link,
ul.navbar-nav > li.menu-item a.dropdown-item { padding-right: 1.2em; padding-left: 1.2em; }
.dropdown-menu { font-size: inherit; background-color: var(--grey); margin: 0; border: none; border-radius: 0; }
.dropdown-menu .dropdown-item { background-color: transparent; }
@media (min-width: 576px) {
.navbar-brand img { width: 190px; }
}
@media (min-width: 768px) {
.navbar-brand img { width: 240px; }
}
@media (min-width: 992px) {
.navbar-nav .dropdown-toggle:after { display: none; }
ul.navbar-nav > li.menu-item a.nav-link { padding-top: 12px; padding-bottom: 12px; }
} @media (max-width: 991.98px) {
body.nav-is-visible { overflow: hidden; }
.navbar,
.headerSocial { padding-right: 15px; padding-left: 15px; }
.navbar { background-image: url(//www.peterallenflooring.co.uk/wp-content/themes/understrap-child/images/peter-allen-text-sml-lightgrey-min.png); background-size: auto 50%; background-repeat: no-repeat; background-position: 15px -100px;
-webkit-transition: background-position 0.5s;
-moz-transition: background-position 0.5s;
transition: background-position 0.5s;
}
.navbar.scrolled { background-position: 15px 50%; 
-webkit-transition: background-position 1s;
-moz-transition: background-position 1s;
transition: background-position 1s;
}
.navbar a.mobileHomeLink { position: absolute; left: 15px; top: 0; width: 128px; height: 0; }
.navbar.scrolled a.mobileHomeLink { height: 100%; }
.navbar-expand .mainNavbar .navbar-nav .dropdown-menu { position: relative; }
.navbar-dark .mainNavbar .navbar-nav .menu-item:not(.show) .nav-link.dropdown-toggle:focus { color: #fff; }
.navbar-expand .mainNavbar .navbar-collapse { overflow-y: scroll; height: 100vh; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
.logoBox,
.headerSocial > div,
.navApply { position: relative; z-index: 50; }
.navbar-nav a { color: #fff; font-size: 1.15em; } .navCover { z-index: 30; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0);
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.navCover.nav-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
background-color: rgba(0,0,0,0.5);
}
.mainNavbar {
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 400px;
height: 100%;
min-height: 100vh;
background: var(--dark-grey);
box-shadow: 4px 4px 20px transparent;
z-index: 40; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;
-moz-transition: -moz-transform 0.3s, box-shadow 0.3s;
transition: transform 0.3s, box-shadow 0.3s;
}
.mainNavbar.nav-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}
.mainNavbar.nav-is-visible .cd-close { opacity: 1; }
.navbar-expand .navbar-nav .nav-link,
.dropdown-item { padding-right: 25px; padding-left: 25px; }
.navbar-nav .dropdown-menu { padding-bottom: 5px; }
.navicon-button {
display: inline-block;
position: relative;
z-index: 50;
padding: 15px 10px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;
cursor: pointer;
user-select: none;
}
.navicon-button .navicon:before, .navicon-button .navicon:after {
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;
}
.navicon-button:hover {
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.navicon-button:hover .navicon:before, .navicon-button:hover .navicon:after {
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
transition: 0.25s;
}
.navicon-button:hover .navicon:before { top: 12px; }
.navicon-button:hover .navicon:after { top: -12px; }
.navicon {
position: relative;
width: 35px;
height: 3px;
background: #fff;
font-size: 16px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.navicon:before, .navicon:after {
display: block;
content: "";
height: 3px;
width: 35px;
background: #fff;
position: absolute;
z-index: -1;
-webkit-transition: 0.5s 0.25s;
-moz-transition: 0.5s 0.25s;
transition: 0.5s 0.25s;
}
.navicon:before { top: 10px; }
.navicon:after { top: -10px; }
.fhb-dark .navicon,
.fhb-dark .navicon:before,
.fhb-dark .navicon:after { background: #fff; }
.nav-is-visible:not(.steps) .navicon:before,
.nav-is-visible:not(.steps) .navicon:after {
top: 0 !important;
}
.nav-is-visible .navicon:before,
.nav-is-visible .navicon:after {
background: #fff;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
.nav-is-visible .navicon { background: transparent; }
.nav-is-visible .navicon:before {	  
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.nav-is-visible .navicon:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
} .navbar-expand .navbar-nav {  
padding: 15px 0;
width: 100%;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (max-width: 575.98px) {
.mainNavbar { width: -moz-calc(100% - 75px); width: -webkit-calc(100% - 75px); width: -o-calc(100% - 75px); width: calc(100% - 75px); }
} @media (min-width: 992px) {
.fixed-menu #wrapper-navbar { position: fixed; top: 0; width: 100%; background-color: #fff; z-index: 50; transform: translate(0,-100%); }
.fixed-menu { margin-top:150px; }
.fixed-menu #wrapper-navbar nav { padding:0 !important; } 
.fixed-menu #wrapper-navbar nav .logoBox { transform: scale(0.7); } 
.fixed-menu #wrapper-navbar nav .navbar-nav,
.fixed-menu #wrapper-navbar nav .navApply .btn { font-size:1em; } 
.fixed-menu #wrapper-navbar #navbarNavDropdown,
.fixed-menu #wrapper-navbar #navbarNavDropdown .navApply { padding-top: 0; }
.fixed-menu #wrapper-navbar.slideDown { transform: translate(0,0);transition: transform linear 0.2s; }	
.fixed-menu #wrapper-navbar .logoBox > span,
.fixed-menu #wrapper-navbar .navbar-nav > li > a { color: #333; }	
}   .site-footer { padding-top: 60px; padding-bottom: 60px; }
.footerShop { color: var(--light-grey); font-weight: 600; }
.footerShopName { text-transform: uppercase; font-size: 1.1em; margin-bottom: 2em; }
.footerShop .textwidget { font-size: 0.9em; }
.footer-brand img { width: 230px; }
@media (min-width: 1200px) {
.site-footer { padding-left: 45px; padding-right: 60px; }
}
@media (min-width: 1400px) {
.site-footer { padding-left: 105px; padding-right: 120px; }
} @media (max-width: 767.98px) {
.site-footer .footerShop:first-of-type { text-align: right; }
}   .wrapper { padding: 0; }
.content-area { padding-top: 30px; padding-bottom: 30px; }
.right-sidebar { padding-top: 30px; padding-bottom: 30px; background-color: var(--off-white-darker); }
.pa-seperator { width: 80%; height: 1px; margin: 32px auto; background-color: var(--light-grey); position: relative; }
.pa-seperator:after { content: ""; position: absolute; top: 50%; left: 50%; width: 144px; height: 34px; margin: -18px 0 0 -72px; border: 5px solid #fff; background: url(//www.peterallenflooring.co.uk/wp-content/themes/understrap-child/images/peter-allen-text-sml-blue-min.png) 50% 50% no-repeat #fff; background-size: contain; }
@media (min-width: 1200px) {
.content-area { padding-left: 60px; padding-right: 60px; }
}
@media (min-width: 1400px) {
.content-area { padding-left: 120px; padding-right: 120px; }
}    .slick-dots { position: absolute; bottom: 10px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-active button { background-color: var(--primary); }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; border-radius: 50%; border: 0; outline: none; }
.slick-dots li button:before { font-size: 18px; color: #fff; opacity: 1; }    .hero-slider { overflow: hidden; position: relative; }
.hero { position: relative; height: 600px; max-height: 70vh; opacity: 0; overflow-y: hidden; }
.hero.slick-initialized { opacity: 1; }
.hero .hero-slide img { width: 100%; height: 600px; max-height: 70vh;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.hero .hero-slide .header-content { text-align: center; width: 100%; padding: 15px; margin: 0 auto; top: 0; bottom: 8px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.slide-content { padding: 10px 20px 10px 0; }
.slide-content h2 { background-color: rgba(255,255,255,0.7); padding: 8px 15px; font-size: 25px; line-height: 1.3; }
.slide-content p { background-color: rgba(255,255,255,0.7); padding: 8px 15px; color: var(--body-grey); font-weight: 600; font-size: 16px; line-height: 1.4; margin-bottom: 0; } .slider-progress { width: 100%; height: 8px; background-color: rgba(255,255,255,0.3); position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; }
.slider-progress .progress { width: 0%; height: 8px; background-color: var(--primary); position: absolute; border-radius: 0; } @-webkit-keyframes fadeInUpSD {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpSD {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.hero-slider .slick-active .slide-content { opacity: 1;
-webkit-animation-name: fadeInUpSD;
animation-name: fadeInUpSD;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
@media (min-width: 576px) {
.hero .hero-slide .header-content { text-align: left; padding: 2rem; }
.slide-content h2 { background-color: transparent; padding: 0; font-size: 34px; line-height: 52px; }
.slide-content h2 span { background-color: rgba(255,255,255,0.7); padding: 5px 20px; }
.slide-content p { background-color: transparent; padding: 0; font-size: 16px; line-height: 25px; }
.slide-content p span { background-color: rgba(255,255,255,0.7); padding: 3px 20px; }
}
@media (min-width: 768px) {
.hero .hero-slide .header-content { margin-left: 4rem; }
.slide-content p { font-size: 18px; line-height: 28px; }
}
@media (min-width: 992px) {
.hero .hero-slide .header-content { margin-left: 6rem; }
.slide-content h2 { font-size: 40px; line-height: 59px; }
}
@media (min-width: 1200px) {
.hero .hero-slide .header-content { margin-left: 8rem; }
} .logoCarousel { max-height: 60px; opacity: 0; overflow-y: hidden; }
.logoCarousel.slick-initialized { opacity: 1; }
.logoCarousel img { max-height: 40px; width: auto; margin: 10px 15px; }
@media (min-width: 576px) {
.logoCarousel { max-height: 75px; }
.logoCarousel img { max-height: 50px; margin: 10px 20px; }
}
@media (min-width: 768px) {
.logoCarousel { max-height: 80px; }
.logoCarousel img { max-height: 60px; margin: 10px 30px; }
} @media (min-width: 768px) {
.home .text-over-image { padding: 25px 0; }
.home .text-over-image a .toi-heading { margin-bottom: 2.4em; }
} .home-image-box { min-height: 26vh; margin-bottom: 12px; position: relative; }
.home-image-box a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.hib-1 img { width: 220px; }
.hib-2 { margin-right: 6px; }
.hib-3 { margin-left: 6px; }
@media (min-width: 576px) {
.home-image-box { min-height: 35vh; }
.hib-1 { margin-right: 6px; }
.hib-1 img { width: 270px; }
.hib-2 { margin-right: 0; margin-left: 6px; }
.hib-3 { margin-left: 0; }
}
@media (min-width: 768px) {
.hib-1 { margin-right: 8px; }
.hib-2 { margin-right: 4px; margin-left: 4px; }
.hib-3 { margin-left: 8px; }
} .home-cats { background-color: var(--off-white-darker); height: 30vh; margin-bottom: 4px; margin-top: 4px; position: relative; overflow: hidden; }
.home-cats a { color: var(--body-grey); position: relative; }
.home-cats a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: inherit; 
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.home-cats a:hover { text-decoration: none; color: var(--primary-alt); }
.home-cats a:hover:before { 
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}
.home-cats a span { position: relative; background-color: #fff; margin: auto 20px 20px 0; display: block; padding: 10px 25px; font-weight: 600; }
@media (min-width: 576px) {
.home-cats.home-cat-1 { height: 40vh; }
.home-cat-2 { margin-right: 4px; }
.home-cat-3 { margin-left: 4px; }
.home-cat-4 { margin-right: 4px; }
.home-cat-5 { margin-left: 4px; }
}
@media (min-width: 768px) {
.home-cats { height: 35vh; font-size: 1.1em; }
.home-cats.home-cat-1,
.home-cats.home-cat-2 { height: 45vh; }
.home-cat-1 { margin-right: 4px; }
.home-cat-2 { margin-left: 4px; margin-right: 0; }
.home-cat-3 { margin-left: 0; margin-right: 6px; }
.home-cat-4 { margin-left: 2px; margin-right: 2px; }
.home-cat-5 { margin-left: 6px; }
}
@media (min-width: 1200px) {
.home-cats { height: 40vh; }
.home-cats.home-cat-1,
.home-cats.home-cat-2 { height: 55vh; }
}    .widget-text_over_image,
.right-text_over_image { background-color: var(--off-white); }
.left-text_over_image { background-color: var(--off-white-darker); }
.text-over-image { position: relative; background-size: cover; background-position: 50%; background-color: inherit; }
.text-over-image:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: 70%; background: inherit; }
.text-over-image:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 80%; 
background: -moz-linear-gradient(left,  rgba(var(--off-white-rgb),1) 0%, rgba(var(--off-white-rgb),1) 50%, rgba(var(--off-white-rgb),0) 100%);
background: -webkit-linear-gradient(left,  rgba(var(--off-white-rgb),1) 0%,rgba(var(--off-white-rgb),1) 50%,rgba(var(--off-white-rgb),0) 100%);
background: linear-gradient(to right,  rgba(var(--off-white-rgb),1) 0%,rgba(var(--off-white-rgb),1) 50%,rgba(var(--off-white-rgb),0) 100%);
}
.left-text_over_image .text-over-image:after { 
background: -moz-linear-gradient(left,  rgba(var(--off-white-darker-rgb),1) 0%, rgba(var(--off-white-darker-rgb),1) 50%, rgba(var(--off-white-darker-rgb),0) 100%);
background: -webkit-linear-gradient(left,  rgba(var(--off-white-darker-rgb),1) 0%,rgba(var(--off-white-darker-rgb),1) 50%,rgba(var(--off-white-darker-rgb),0) 100%);
background: linear-gradient(to right,  rgba(var(--off-white-darker-rgb),1) 0%,rgba(var(--off-white-darker-rgb),1) 50%,rgba(var(--off-white-darker-rgb),0) 100%);
}
.text-over-image a { position: relative; z-index: 1; padding: 50px 5%; color: var(--body-grey); }
.text-over-image a:hover { text-decoration: none; }
.text-over-image a > span { display: block; max-width: 55%; }
.text-over-image a .toi-heading { font-weight: 600; font-size: 1.5em; line-height: 1.3; margin-bottom: 1.7em; }
.text-over-image a .toi-link { margin-top: auto; font-size: 1.1em; }
.text-over-image a .toi-link > span { position: relative; display: inline-block; }
.text-over-image a .toi-link > span >span { position: absolute; right: -60px; top: 50%; margin-top: -20px; }
.text-over-image a .toi-link .arrow-icon { width: 40px; height: 40px; }
.text-over-image a .toi-link .arrow-icon g { stroke: var(--body-grey); }
.text-over-image a:hover .toi-link .arrow-icon g { stroke: var(--primary); fill: var(--off-white); fill-opacity: 0.4; } .pageboxes .text-over-image a { min-height: 30vh; }
.pageboxes .text-over-image a .toi-heading { margin-bottom: 15px; }
.pageboxes .text-over-image a .toi-link { margin-top: 0; }
.pageboxes .text-over-image a .toi-link > span > span { position: initial; margin: 0; }
.pageboxes .text-over-image:before { width: 100%; }
.pageboxes .text-over-image:after {
background: -moz-linear-gradient(left,  rgba(var(--off-white-rgb),0.9) 0%, rgba(var(--off-white-rgb),0.85) 50%, rgba(var(--off-white-rgb),0) 100%);
background: -webkit-linear-gradient(left,  rgba(var(--off-white-rgb),0.9) 0%,rgba(var(--off-white-rgb),0.85) 50%,rgba(var(--off-white-rgb),0) 100%);
background: linear-gradient(to right,  rgba(var(--off-white-rgb),0.9) 0%,rgba(var(--off-white-rgb),0.85) 50%,rgba(var(--off-white-rgb),0) 100%);
}
@media (min-width: 992px) {
.pageboxes .text-over-image a { padding: 65px 5%; }
} .sidebar-button a { background-color: var(--primary); color: #fff; padding: 15px 20px; }
.sidebar-button a:hover { text-decoration: none; background-color: var(--primary-alt); }
.sidebar-button a span { display: block; }
.sidebar-button .sb-svg { width: 50px; background-color: #fff; position: relative; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.sidebar-button a:hover .sb-svg { background-color: var(--primary-light); }
.sidebar-button .sb-svg:after { content: ""; display: block; padding-bottom: 100%; }
.sidebar-button .sb-svg .svg { position: absolute; width: 100%; height: 100%; }
.sidebar-button .sb-svg .svg g { stroke: var(--primary); }
.sidebar-button a:hover .sb-svg .svg g { stroke: #fff; }
.sidebar-button .sb-text { font-size: 1.2em; font-weight: 600; } .brandLogos > div { max-width: 33%; }
@media (min-width: 576px) {
.brandLogos > div { max-width: 25%; }
}
@media (min-width: 768px) {
.brandLogos > div { max-width: 20%; }
}   .wpcf7 { max-width: 800px; }
.wpcf7 input[type="submit"] { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.wpcf7 input:hover[type="submit"] { color: #fff; background-color: var(--primary-alt); border-color: var(--primary-alt); }
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .wpcf7 .show > input.dropdown-toggle:focus[type="submit"], .wpcf7 input:not(:disabled):not(.disabled).active:focus[type="submit"], .wpcf7 input:not(:disabled):not(.disabled):active:focus[type="submit"]
{ -webkit-box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.5); box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.5); }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle, .wpcf7 .show > input.dropdown-toggle[type="submit"], .wpcf7 input:not(:disabled):not(.disabled).active[type="submit"], .wpcf7 input:not(:disabled):not(.disabled):active[type="submit"]
{ color: #fff; background-color: var(--primary-light); border-color: var(--primary-light); }
.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input:focus[type="color"], .wpcf7 input:focus[type="date"], .wpcf7 input:focus[type="datetime-local"], .wpcf7 input:focus[type="datetime"], .wpcf7 input:focus[type="email"], .wpcf7 input:focus[type="file"], .wpcf7 input:focus[type="month"], .wpcf7 input:focus[type="number"], .wpcf7 input:focus[type="range"], .wpcf7 input:focus[type="search"], .wpcf7 input:focus[type="submit"], .wpcf7 input:focus[type="tel"], .wpcf7 input:focus[type="text"], .wpcf7 input:focus[type="time"], .wpcf7 input:focus[type="url"], .wpcf7 input:focus[type="week"], .wpcf7 select:focus, .wpcf7 textarea:focus
{ border-color: var(--primary-light); -webkit-box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.25); box-shadow: 0 0 0 .2rem rgba(var(--primary-rgb),.25); }