/*
Theme Name: swflex
Theme URI: https://www.sitewired.com/
Description: A lightweight Hybrid WordPress theme developed by SiteWired for ClearView Shields
Author: Joseph
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: full-site-editing, editor-style, wide-blocks, responsive-layout, accessibility-ready
*/
:root {
--black: #000000;
--white: #ffffff;
--blue: #0f52a0;
--navy: #0f1c2f;
--sky: #3A9CF5;
--gray: #1A2233;
--lightgray: #92969C;
--red: #EC4339;
--red-dark: #D63B32;
--yellow: #E8FC7D;
}
* {
box-sizing: border-box;
}
body {
background: #fff;
font-family: "Open Sans", sans-serif;
color: var(--navy);
font-size: 16px;
margin: 0;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
body:not(.home):not(.page-id-41):not(.page-id-42) {
background: #F2F4F6;
}
body.single-product {
background: #fff !important;
}
body a {
color: var(--sky);
transition: all 0.45s ease-in-out;
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
-ms-transition: all 0.45s ease-in-out;
text-decoration: none;
}
a {
outline: none;
}
#top-header {
position: fixed;
background: var(--navy);
color: #fff;
font-size: 15px;
height: 50px;
z-index: 402;
top: 0px;
width: 100%;
font-weight: 600;
max-width: 1920px;
margin: 0 auto;
}
#top-header ul li:not(.mini_cart_item) {
display: inline-block;
margin-bottom: 0px;
margin-top: 0px;
line-height: 50px;
margin-left: 15px;
margin-right: 15px;
}
#top-header ul {
list-style: none;
padding-left: 0px;
display: inline-block;
margin-bottom: 0px;
margin-top: 0px;
}
#top-header .wp-block-columns > .wp-block-column:last-child p {
display: inline-block;
color: var(--yellow);
}
#top-header .wp-block-columns > .wp-block-column:nth-child(1) {
text-align: left;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(2) {
text-align: center;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) {
text-align: right;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) ul li {
position: relative; padding-left: 30px;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) ul li:before {
content: "";
position: absolute;
display: inline-block;
width: 22px;
height: 22px;
left: 0px;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) ul li:nth-child(1) {
display: none;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) ul li:nth-child(1):before {
background: url('../swflex/images/account-icon.svg') no-repeat center / contain;
margin-right: 10px;
top: 13px;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) ul li:nth-child(2):before {
background: url('../swflex/images/saddlebag.svg') no-repeat center / contain;
margin-right: 10px;
top: 4px;
width: 34px;
height: 37px;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) ul li:nth-child(2) {
padding-left: 38px;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(1) p:before {
content: "";
position: relative;
display: inline-block;
width: 25px;
height: 30px;
left: 0px;
top: 8px;
background: url('../swflex/images/usa-flag-icon.png') no-repeat center / contain;
margin-right: 10px;
}
#wp-skip-link {
display: none !important;
}
#top-header .wp-block-columns {
padding: 0px 40px;
}
#top-header .wp-block-columns > .wp-block-column {
flex-basis: auto;
}
#top-header p {
margin-bottom: 0px;
margin-top: 0px;
line-height: 50px; position: relative;
}
header {
position: fixed;
padding: 0px;
height: 100px;
top: 50px;
width: 100%;
z-index: 401;
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
box-shadow: 0 1px 20px rgba(13, 42, 64, 0.06);
transition: box-shadow 0.3s;
}
header.scrolled {
box-shadow: 0 3px 28px rgba(13, 42, 64, 0.10);
}
.admin-bar #top-header {
top: 32px;
}
.admin-bar header.site-header {
top: calc(50px + 32px);
}
#search-bar {
background: var(--navy);
color: #fff;
position: fixed;
top: 150px;
width: 100%;
z-index: 301;
padding: 15px 70px 17px;
height: 80px;
overflow: hidden;
display: flex;
justify-content: center;
}
.windshield-finder-icon {
position: relative;
top: -2px; margin-right: 10px;
}
.select2-results__option {
padding: 8px 15px !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 15px !important;
}
.windshield-finder-icon:before, .windshield-finder-icon:after {
content: "";
position: relative;
display: inline-block;
height: 40px;
top: 0px;
width: 1px;
background: #fff;
display: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 50px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 50px !important; padding-top: 0px;
padding-bottom: 0px;
}
.select2-container--default .select2-selection--single {
height: 50px !important; border-radius: 5px !important;
}
#search-bar .select2-container--default .select2-selection--single {
width: 225px !important;
}
#search-bar button {
background: var(--red);
border: 0px;
box-shadow: none;
border-radius: 5px;
padding: 0px 21px;
color: #fff;
font-size: 17px;
font-weight: 800;
font-style: italic; cursor: pointer;
}
#search-bar p {
margin-top: 0px;
margin-bottom: 0px;
line-height: 49px;
margin-right: 20px;
font-weight: 800;
font-size: 19px;
position: relative;
}
#search-bar p:after {
content: "";
display: inline-block;
position: relative;
height: 15px;
width: 15px;
background: url('../swflex/images/arrow-wht-small.svg') no-repeat center / contain;
margin-left: 10px;
top: 2px;
}
.windshield-finder-icon:before { left:0px; margin-right: 15px; }
.windshield-finder-icon:after { right:0px; margin-left: 15px;
margin-right: 20px; }
.admin-bar #search-bar {
top: calc(50px + 32px + 100px);
}
.product-category-list li.product .ajax_add_to_cart {
display: none !important;
}
.windshield-finder {
display: flex;
gap: 30px;
}
.windshield-finder select {
width: 225px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
font-weight: 600 !important; font-size: 16px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border: 0px !important;
height: 20px !important;
width: 20px !important;
top: 37% !important;
margin-left: -25px !important;
background: url('../swflex/images/down-arrowblk.svg') no-repeat center center;
}
.site-branding-wrap {
display: inline-block;
}
#header-right {
text-align: right;
flex-grow: 1;
}
header .site-branding {
align-items: center;
align-content: center;
width: 100%;
display: flex;
height: 100px;
margin: 0 auto;
padding: 0px 40px;
max-width: 1920px;
}
.site-logo-main img {
width: 300px;
position: relative;
top: 3px;
height: auto;
}
.site-logo-main {
display: inline-block;
margin-right: 30px;
}
/* mini cart */
.mini-cart-dropdown {
position: absolute;
right: 60px;
top: 100%;
width: 400px;
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,0.15);
padding: 15px;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: 0.2s ease;
z-index: 9999;
}
#wpfront-scroll-top-container.show {
opacity: 1 !important;
}
#wpfront-scroll-top-container img {
background: #fff !important; border-radius: 50% !important;
}
.mini-cart-dropdown.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.cart-count {
position: absolute;
/* left: 0; */
color: #fff !important;
font-size: 14px;
font-weight: 800;
padding: 5px;
border-radius: 50%;
background: var(--red);
height: 25px;
width: 25px;
line-height: 1;
right: 21px;
top: 3px;
margin-right: 19px;
text-align: center;
}
.cart-header a {
padding-left: 20px;
}
#wpadminbar {
background: #0C74BC;
}
h1 {
font-size: clamp(2rem, calc(1.53rem + 1.5vw), 3.825rem);
line-height: clamp(2.625rem, calc(2.16rem + 1.5vw), 4.2rem);
}
.home h1, #after-header h1 {
color: #fff !important;
}
h1 em {
font-style: normal;
color: var(--lightgray);
}
h2 {
font-size: clamp(1.6rem, calc(1.53rem + 1.2vw), 2.925rem);
line-height: clamp(2.225rem, calc(2.16rem + 1.2vw), 3.5rem);
position: relative;
}
h2 em, h3 em {
font-style: normal;
color: var(--red);
}
.not-front h2 em, .not-front h3 em, .not-front h4 em {
color: var(--sky);
}
.testimonial-block h2 em, .blue-block h2 em {
color: var(--sky);
}
h2 strong, h3 strong {
font-style: normal;
color: var(--lightgray);
}
.page-template-default .not-front h2 strong, .page-template-default .not-front h3 strong, .page-template-default .not-front h4 strong {
color: var(--red);
}
.page-template-default .not-front #main .wp-block-image {
margin-bottom: 25px;
}
h3 {
font-size: clamp(1.25rem, calc(1.53rem + 1.2vw), 2.2rem);
line-height: clamp(2.575rem, calc(2.16rem + 1.2vw), 2.8rem);
}
h4 {
font-size: clamp(1rem, calc(1.53rem + 1.2vw), 1.5rem);
line-height: 1.725rem;
}
h1, h2, h3, h4, h5 {
font-family: "Oswald", sans-serif;
letter-spacing: -0.02em;
font-weight: 800;
margin-bottom: 20px !important;
margin-top: 0px !important;
text-transform: uppercase;
}
h1, h2, h3, h4 {
color: var(--navy);
}
#main ol {
margin-top: 0px; margin-bottom: 20px;
}
#main p, #main ul li, #main ol li,
#main table:not(.shop_table):not(.shipping__table):not(.cart-total-heading):not(.shipping__table) th,
#main table:not(.shop_table):not(.cart-total-heading):not(.shipping__table) td{
font-size: 16px;
line-height: 33px;
letter-spacing: 0.5px;
}
#main .small-text-col p {
font-size: 16px;
line-height: 22px;
letter-spacing: 0.5px;
}
#main .small-text-col h3 {
margin-bottom: 10px !important;
}
#main .small-text-col h4 {
margin-bottom: 12px !important;
}
p.sub-heading {
color: var(--lightgray) !important;
text-transform: uppercase;
margin-bottom: 7px !important;
position: relative;
font-size: 18px !important;
font-weight: 800;
font-family: "Oswald", sans-serif;
}
p.sub-heading:before {
content: "";
display: inline-block;
width: 60px;
height: 1px;
background: var(--lightgray);
position: relative;
margin-right: 13px;
top: -7px;
}
p.sub-heading:after {
content: "";
display: inline-block;
width: 60px;
height: 1px;
background: var(--lightgray);
position: relative;
margin-left: 13px;
top: -7px;
}
.testimonial-block p.sub-heading {
color: var(--sky) !important;
}
.testimonial-block p.sub-heading:after, .testimonial-block p.sub-heading:before {
background: var(--sky);
}
p.has-medium-font-size {
font-weight: 600;
color: #0F1C2F;
}
.margin-bottom-5 {
margin-bottom: 5px !important;
}
.margin-bottom-30 {
margin-bottom: 30px !important;
}
.wp-block-separator {
margin-bottom: 30px;
border-top: 1px solid !important;
margin-top: 30px;
}
.small-text-col .wp-block-separator {
margin-bottom: 15px;
margin-top: 22px;
}
#main ul {
list-style: none;
padding-left: 0px;
margin-top: 0px;
}
#main ul li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
}
#main ul li:before {
content: '';
display: inline-block;
width: 8px;
height: 8px;
background: var(--red);
border-radius: 50%;
position: absolute;
left: 0;
top: 11px;
}
[itemprop="text"] {
font-size: 18px;
line-height: 30px;
letter-spacing: 0.5px;
margin-bottom: 20px;
}
#main table:not(.shop_table):not(.cart-total-heading):not(.shipping__table) {
width: 100%;
margin: 25px 0px;
border-collapse: collapse;
}
#main table:not(.shop_table):not(.cart-total-heading):not(.shipping__table) tr,
#main table:not(.shop_table):not(.cart-total-heading):not(.shipping__table) th {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
#main table:not(.shop_table):not(.cart-total-heading):not(.shipping__table) td {
padding: 8px;
border: 1px solid #ccc;
}
#main p {
margin-bottom: 20px;
margin-top: 0px;
}
.aop-link {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
position: absolute;
top: 0;
left: 0;
z-index: 290;
}
.container {
max-width: 1335px !important;
margin: 0 auto;
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.page-id-41 .container, .page-id-42 .container {
max-width: 1450px !important;
}
.page-id-230004 .container {
max-width: 1400px !important;
}
.full-width-box .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
max-width: 1400px !important;
margin: 0 auto;
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
border-radius: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.462745);
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 470px !important;
}
/* === FORMS === */
input[type="checkbox"], input[type="radio"] {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
width: 20px !important;
margin-right: 10px !important;
position: relative !important;
top: 6px !important;
float: left !important;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], select, textarea {
background: #fff;
border: 1.5px solid #ccc;
border-radius: 8px !important;
color: var(--navy) !important;
font-size: 16px !important;
padding: 11px 15px !important;
outline: none;
width: 100%;
transition: border-color 0.2s, background 0.2s, box-shadow 0.2s !important;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus, input[type="date"]:focus {
outline: none !important;
border-color: var(--navy);
background: #fff !important;
box-shadow: 0 0 0 3px rgba(0, 168, 150, 0.10) !important;
}
/* === MAIN NAVIGATION === */
#main-nav-menu {
width: 100%;
}
#site-navigation {
text-align: right;
position: relative;
top: 0px;
}
ul#menu-main-menu {
position: relative;
}
.main-navigation .main-menu > li {
display: inline-block;
float: none !important;
white-space: nowrap;
position: relative;
}
.main-navigation .main-menu > li > a {
display: block;
position: relative;
background: none;
line-height: 21px;
font-size: clamp(12px, 5.42px + 0.62vw, 17px);
color: var(--gray);
font-weight: 600;
text-transform: capitalize;
text-decoration: none;
z-index: 1;
padding: 9px;
transition: color 0.2s;
}
.main-navigation .main-menu > li > a:hover {
color: var(--red);
}
.main-navigation .main-menu > li.menu-btn > a {
background: var(--red);
color: #fff;
border-radius: 8px;
font-size: 17px;
font-weight: 800;
padding-left: 25px;
padding-right: 25px;
border: 2px solid var(--red);
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 6px 22px rgba(0,168,150,0.28);
font-family: "Oswald", sans-serif;
position: relative;
}
.main-navigation .main-menu > li.menu-btn {
margin-left: 15px;
}
.main-navigation .main-menu > li.menu-btn > a:hover {
background: var(--red-dark);
border-color: var(--red-dark);
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 168, 150, 0.32);
}
.main-navigation .main-menu > li > a {
margin: 0px;
}
/* ==== submmenu dropdown ==== */
.main-navigation .sub-menu {
box-sizing: border-box;
width: 250px;
margin: 0;
padding: 10px;
background: #f1f1f1 !important;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 270;
list-style: none;
padding: 0;
opacity: 0;
transform-origin: top;
transform: scaleY(0.9);
visibility: hidden;
transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
overflow: hidden;
border-top: 2px solid var(--red);
}
.main-navigation .sub-menu>li>a:hover {
}
.main-navigation .menu-item-has-children:hover .sub-menu {
opacity: 1;
transform: scaleY(1);
visibility: visible;
transition-delay: 0s;
}
.main-navigation .sub-menu>li>a {
max-width: 100%;
display: block;
padding: 15px 20px;
text-align: left;
font-size: 14px;
color: var(--gray);
font-weight: 600;
text-decoration: none;
transition: .5s;
z-index: 1;
position: relative;
}
.main-navigation .sub-menu>li>a:before {
content: '';
display: block;
width: 100%;
height: 100%;
background: #c5c5c5;
position: absolute;
top: 0;
left: -100%;
z-index: -1;
-webkit-transition: all .35s ease-in-out;
-moz-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}
.main-navigation .sub-menu>li>a:hover:before {
left: 0;
}
.main-navigation .sub-menu>li:last-child>a {
border-bottom: 0;
padding-bottom: 15px
}
.nav > li > a:hover, .nav > li > a:focus {
outline: none !important;
}
.menu-item-has-children > ul.sub-menu > li > a::after {
content: '';
display: block;
width: 10px;
height: 10px;
vertical-align: middle;
right: 15px;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: 18px;
}
.menu-item-has-children > ul.sub-menu > li > a:hover::after {
background-image: url("data:image/svg+xml;utf8,");
}
/* === AFTER HEADER === */
#after-header {
position: relative;
overflow: hidden;
margin-top: 230px;
color: #fff;
}
.not-front #after-header .nk-awb-wrap-content {
max-width: 1320px;
margin: 0 auto;
}
.trust-bar-wrap {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
background: rgba(15, 28, 47, 0.8);
opacity: 1;
position: absolute;
bottom: 0;
padding: 10px 0px 25px;
left: 0;
right: 0;
}
.home #after-header .nk-awb-wrap-content:after {
background: url(../swflex/images/motorhead-garage-logo.png) no-repeat center / contain;
position: absolute;
display: block;
width: 356px;
height: 205px;
content: "";
right: 3%;
bottom: 207px;
z-index: 1;
}
.trust-bar-wrap ul {
display: flex;
justify-content: space-around;
list-style: none;
padding-left: 0px;
}
.trust-bar-wrap ul li {
font-size: 16px;
font-weight: 700;
font-family: "Oswald", sans-serif;
color: #fff;
text-transform: uppercase;
text-align: center;
}
#after-header:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: linear-gradient(
90deg,
#EC4339 0%,
#FFFFFF 45%,
#346AB9 100%
);
}
.trust-bar-wrap ul li strong {
display: block;
color: var(--red);
text-align: center;
font-size: 46px;
}
.trust-bar-wrap ul li:nth-child(3) strong:after {
font-family: "Font Awesome 6 Free";
content: "\f005";
font-weight: 900;
margin-right: 8px;
font-size: 26px;
position: relative;
top: -9px;
margin-left: 8px;
}
#after-header .nk-awb-wrap-content {
padding-bottom: 80px;
}
#after-header .wp-block-nk-awb {
padding: 100px 60px;
}
#after-header p.sub-heading:before, #after-header p.sub-heading:after {
display: none;
}
#after-header h1 {
margin-top: 0px;
}
#after-header .nk-awb-wrap-content :is(h1,p) {
max-width: 580px;
margin-left: 0 !important; margin-right: 0px;
}
#after-header p {
font-size: 20px;
line-height: 36px;
}
#after-header-trustbar-mobile {
display: none !important;
}
.page-numbers {
list-style: none;
width: 100%;
max-width: 1280px;
margin: 45px auto !important;
text-align: center;
padding: 0 !important;
}
.page-numbers li {
display: inline-block; padding-left: 0px !important;
}
.page-numbers li:before{
display: none !important;
}
.page-numbers li a {
margin: 0 5px !important;
background: #ededed !important;
color: #545454 !important;
padding: 6px 12px !important;
}
.page-numbers li a:focus, .page-numbers li a:hover {
background: var(--red) !important;
color: #fff !important;
}
.wp-block-buttons .wp-block-button:not(.is-style-outline) a {
background: var(--red);
color: #fff;
border-radius: 8px;
font-size: 19px;
font-weight: 800;
padding-left: 40px;
padding-right: 40px;
border: 2px solid var(--red);
cursor: pointer;
transition: all 0.2s ease;
font-family: "Oswald", sans-serif;
position: relative;
margin-bottom: 20px;
margin-top: 25px;
min-width: 200px;
text-transform: uppercase;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.301961);
padding: 10px 20px;
}
.wp-block-buttons .wp-block-button:not(.is-style-outline) a:hover {
background: var(--red-dark);
border-color: var(--red-dark);
transform: translateY(-2px);
}
.wp-block-buttons .wp-block-button.blue a {
background: var(--sky);
border-color: var(--sky);
}
.wp-block-buttons .wp-block-button.blue a:hover {
background: var(--lightgray);
border-color: var(--lightgray);
}
.wp-block-buttons {
gap: 30px !important;
}
#after-header .wp-block-buttons {
margin-left: 0px !important;
}
.wp-block-buttons .wp-block-button.is-style-outline a {
border-radius: 8px;
font-size: 19px;
font-weight: 800;
padding-left: 40px;
padding-right: 40px;
border: 1px solid var(--navy);
cursor: pointer;
transition: all 0.2s ease;
font-family: "Oswald", sans-serif;
position: relative;
margin-bottom: 20px;
margin-top: 25px;
min-width: 200px;
text-transform: uppercase;
color: var(--navy);
padding: 10px 20px;
}
.wp-block-buttons .wp-block-button.is-style-outline.white-btn a {
color: #fff;
border-color: #fff;
}
.video-btn a:before {
position: relative;
content: "";
display: inline-block;
width: 30px;
height: 20px;
background: url('../swflex/images/play.svg') no-repeat center / contain;
top: 2px;
margin-right: 10px;
}
/* === CONTENT AREA === */
#primary {
padding-top: 0px;
padding-bottom: 0px;
z-index: 201;
position: relative;
}
.not-front #primary {
padding-top: 50px;
}
.not-front #primary:has( .entry-content > .wp-block-cover:first-child) {
padding-top: 0px;
}
.single-post #primary {
padding-bottom: 35px;
}
.term-desc {
text-align: center;
}
.term-desc h1 {
color: var(--navy) !important;
}
.term-desc h2 em, .term-desc h3 em, .term-desc h1 em {
color: var(--sky) !important;
}
.woocommerce.columns-4 {
padding-top: 50px;
}
.product-category:before, .product-category-list li:before {
display: none !important;
}
.product-category img, .product-category-list li.product img {
margin-bottom: 0px !important;
height: 250px !important;
width: 100% !important;
object-fit: cover;
}
.product-category {
position: relative;
border: 1px solid #DBDBDB;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s;
padding-left: 0px !important;
margin-bottom: 50px !important;
overflow: hidden;
}
.product-category-list li.product-category {
background: var(--navy);
}
.product-category-list li.product:not(.product-category) {
position: relative;
border: 1px solid #aaa;
border-radius: 5px;
transition: transform 0.28s, box-shadow 0.28s;
padding-left: 0px !important;
margin-bottom: 50px !important;
overflow: hidden;
}
.product-category-list li.product:not(.product-category):hover {
transform: translateY(-7px);
box-shadow: 0 16px 48px rgba(13, 42, 64, 0.12);
}
.product-category-list li.product .button.product_type_variable {
display: none !important;
}
.product-category:hover {
transform: translateY(-7px);
box-shadow: 0 16px 48px rgba(13, 42, 64, 0.12);
border-color: var(--sky);
}
.product-category .count {
display: none !important;
}
.product-category-list {
padding-top: 40px;
}
.post-type-archive-product li.product-category {
background: var(--navy);
}
.product-category-list li.product-category h2 {
font-size: 19px !important;
line-height: 1.5;
font-weight: 800;
font-family: "Open Sans", sans-serif;
color: #fff;
background: var(--navy);
text-align: center;
width: 100%;
padding: 13px 10px 14px !important;
margin-bottom: 0px !important;
}
.product-category-list li.product:not(.product-category) h2 {
font-size: 17px !important;
line-height: 28px !important;
font-family: "Open Sans", sans-serif;
margin-bottom: 6px !important;
}
.product-category-list ul.products.columns-4 {
display: flex; flex-wrap: wrap;
}
#main .star-rating {
color: #FFC109 !important; width: 100%;
margin-left: 15px; margin-bottom: 9px;
}
.product-category-list li.product:not(.product-category) img {
margin-bottom: 15px !important;
}
.product-category-list li.product .price {
color: var(--navy) !important;
font-size: 16px !important;
font-weight: 700 !important;
padding-bottom: 15px;
}
.product-category-list li.product h2,.product-category-list li.product .star-rating,
.product-category-list li.product .price {
padding-left: 15px !important;
padding-right: 15px !important;
}
.full-width-box, .wp-block-cover {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding-top: 75px;
padding-bottom: 80px;
position: relative;
}
.wp-block-cover:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 7px;
background: linear-gradient(
90deg,
#EC4339 0%,
#FFFFFF 45%,
#346AB9 100%
);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 1000px #fff inset !important;
-webkit-text-fill-color: #000 !important;
}
.brand-logos {
text-align: center;
}
.wp-block-cover .wp-block-cover__inner-container .brand-logos:first-of-type {
margin-top: 55px;
}
.brand-logos img {
height: 190px;
width: 100%;
object-fit: contain;
}
.wp-block-cover:not(.shop-by-brand-block) .wp-block-cover__inner-container .wp-block-columns:not(.process-cards):not(.faq-block) {
gap: 4em;
}
.wp-block-cover:not(.shop-by-brand-block) .wp-block-cover__inner-container .wp-block-column:not(:has(p)) > figure img {
border-radius: 10px;
margin-top: 30px;
margin-bottom: 10px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.462745);
}
.wp-block-cover:not(.shop-by-brand-block) .wp-block-cover__inner-container .wp-block-column:has(p) > figure img {
padding-bottom: 20px;
}
.wp-block-cover .wp-block-cover__inner-container .wp-block-column > figure.no-shadow img {
box-shadow: none;
border-radius: 0px;
}
.shop-by-brand-block .wp-block-columns {
gap: 30px;
}
.shop-by-brand-block .wp-block-column:hover {
transform: translateY(-7px);
box-shadow: 0 16px 48px rgba(13, 42, 64, 0.12);
border-color: var(--sky);
}
.brand-logos .wp-block-column {
border: 1px solid #DBDBDB;
box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
border-radius: 5px;
padding-bottom: 67px;
padding-top: 20px;
position: relative;
transition: transform 0.28s, box-shadow 0.28s, border-color 0.28s;
}
/* Rectangle 44 */
.brand-logos .wp-block-column h4 {
background: var(--navy);
border-radius: 0px 0px 5px 5px;
color: #fff !important;
position: absolute;
bottom: 0;
margin-bottom: 0px !important;
width: 100%;
padding: 10px 0px;
font-size: 17px;
text-transform: uppercase !important;
}
.brand-logos .wp-block-column h4 a {
color: #fff !important;
}
.process-cards .wp-block-column {
padding: 40px;
border-bottom: 3px solid var(--sky);
}
.process-cards .wp-block-column p {
color: #92969C; line-height: 28px !important;
}
.process-cards {
margin-top: 60px !important;
}
.faq-block .wp-block-column {
background: #fff;
padding: 30px 40px 15px;
border-left: 5px solid var(--sky);
}
#main .faq-block p:has(strong) {
font-size: 16px;
}
#main .faq-block p {
font-size: 15px;
line-height: 24px;
margin-bottom: 7px !important;
}
.blue-block {
text-align: center;
}
.harley-block .wp-block-column {
position: relative;
}
#main h2.big {
font-size: 140px !important;
color: #E4E8EB !important;
position: relative;
padding-top: 47px;
letter-spacing: 7px;
}
.para-block .wp-block-button a {
margin-top: 0px !important;
}
.para-block {
padding-top: 120px;
}
.para-block h3 {
padding-top: 22px;
}
.wp-block-cover > .has-navy-background-color {
background: linear-gradient(152.78deg, #0F1113 16.98%, rgba(15, 28, 47, 0.898039) 65.35%) !important;
}
.home-photo-review img {
height: 250px;
object-fit: cover;
padding: 10px;
width: 100%;
}
.testimonial-block .wp-block-buttons {
margin-top: 0px !important;
}
.home #woocommerce-photo-reviews-shortcode-1 .shortcode-wcpr-grid {
display: flex;
}
#post-131268 .shortcode-wcpr-filter-button-wrap {
display: none !important;
}
.home-photo-review .shortcode-wcpr-review-content-short {
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
line-height: 1.5;
min-height: calc(1.5em * 4);
overflow: hidden;
}
.wp-block-cover .wp-block-embed {
min-height: 180px;
}
#before-footer {
position: relative;
}
#before-footer:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 7px;
background: linear-gradient(
90deg,
#EC4339 0%,
#FFFFFF 45%,
#346AB9 100%
);
z-index: 2;
}
/* ======== RELATED PRODUCTS =======*/
.upsells.products ul.products li {
position: relative;
border: 1px solid #aaa;
border-radius: 5px;
transition: transform 0.28s, box-shadow 0.28s;
padding-left: 0px !important;
margin-bottom: 50px !important;
overflow: hidden;
}
.upsells.products ul.products li:hover {
transform: translateY(-7px);
box-shadow: 0 16px 48px rgba(13, 42, 64, 0.12);
}
.upsells.products ul.products li .button.product_type_variable {
display: none !important;
}
.upsells.products ul.products li img {
margin-bottom: 0px !important;
height: 250px !important;
width: 100% !important;
object-fit: cover;
}
.upsells.products ul.products li:before {
display: none !important;
}
.upsells.products ul.products li .add_to_cart_button {
display: none !important;
}
.upsells.products ul {
display: flex;
}
.upsells.products {
padding-top: 50px;
}
.upsells.products ul.products li h2 {
font-size: 17px !important;
line-height: 28px !important;
font-family: "Open Sans", sans-serif;
margin-bottom: 6px !important;
}
.upsells.products ul.products li .price {
color: var(--navy) !important;
font-size: 18px !important;
font-weight: 700 !important;
padding-bottom: 15px;
}
.upsells.products ul.products li h2, .upsells.products ul.products li .star-rating,
.upsells.products ul.products li .price {
padding-left: 15px !important;
padding-right: 15px !important;
}
/* ========= BLOG ===== */
.sw-social-share {
text-align: center;
margin-top: 32px;
border-top: 1px solid #ccc;
padding-top: 20px;
}
.sw-social-share i {
font-size: 30px;
margin-right: 20px;
}
.archive.category .blog-grid {
padding-bottom: 50px;
}
.blog-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px;
}
.blog-grid .card {
background: #fff;
border: 1px solid rgba(42,37,32,.14);
border-radius: 4px;
position: relative;
padding: 14px;
padding-bottom: 0px;
cursor: pointer;
transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s ease, border-color .4s ease;
}
.blog-grid .card:hover {
transform: translateY(-6px);
border-color: #6E5240;
box-shadow: 0 24px 40px -26px rgba(42, 37, 32, .55);
}
.card .cat {
font-size: 10.5px;
text-transform: uppercase;
font-weight: 600;
color: #AE5840;
position: relative;
}
.card .rule {
width: 34px;
height: 2px;
background: var(--red);
margin-top: 14px;
transition: width .45s cubic-bezier(.2, .7, .2, 1);
position: relative;
display: block; margin-bottom: 10px;
}
.card:hover .rule {
width: 74px;
}
.card h3 {
margin: auto 0 0 !important;
position: relative;
text-wrap: balance;
color: #fff;
font-size: 22px;
line-height: 35px;
}
.card .cover {
position: relative;
aspect-ratio: 4 / 3.05;
border: 1px solid rgba(42,37,32,.14);
background: var(--navy);
display: flex;
flex-direction: column;
padding: 22px 22px 20px;
overflow: hidden;
}
.card .cover::before {
content: "";
position: absolute;
inset: 0;
background: rgba(15, 28, 47, 0.4);
}
.card .foot {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 6px 15px;
}
.meta {
font-size: 14px;
color: #988B7B;
}
.card .foot .arrow {
font-family: var(--serif);
font-size: 15px;
color: var(--navy)
transition: transform .4s ease, color .4s ease;
}
.card:hover .arrow {
transform: translateX(5px);
color: var(--navy);
}
.shortcode-wcpr-pagination .wcpr-page-numbers {
background-color: var(--navy) !important;
}
#main .shortcode-wcpr-pagination .wcpr-page-numbers.wcpr-current {
background: var(--sky) !important;
color: #fff !important;
}
#main .shortcode-wcpr-pagination {
margin-bottom: 40px !important;
}
#main #woocommerce-photo-reviews-shortcode-1 .shortcode-wcpr-filter-container {
border: 0px !important;
}
#main #woocommerce-photo-reviews-shortcode-1 .shortcode-wcpr-filter-container a {
background: var(--sky) !important;
font-weight: 600 !important;
}
/* ============= PRODUCT PAGE ============ */
.single-product h1 {
color: var(--navy) !important;
font-size: 25px;
line-height: 35px;
}
.woocommerce-product-gallery-wrapper {
width: 48%;
}
.woocommerce-product-gallery-wrapper,
.summary.entry-summary {
float:left;
}
.summary.entry-summary {
width: 50% !important;
}
.single-product #main .summary.entry-summary {
position: relative;
}
.single-product #main .summary.entry-summary .summary-inner {
position: sticky;
top: 138px;
}
.product-wrap-new {
display: flex; gap: 40px;
}
.woocommerce-product-gallery-wrapper h3 {
font-size: 20px !important; line-height: 30px;
text-transform: none;
}
.product-short-dec {
margin-top:20px;
}
.product-short-dec h4 {
font-weight: 300;
font-size: 17px;
text-transform: none;
font-family: "Open Sans", sans-serif;
}
.woocommerce-product-gallery {
float: none !important;
width: 100% !important;
}
.single-product-price-wrap {
border: 1px solid #DCDCDC;
}
.single-product-price {
background: #F2F2F2; padding-bottom: 10px;
padding-top: 10px;
margin-bottom: 15px;
}
#main .single-product-price p {
color: var(--navy);
font-weight: 700;
font-size: 21px;
padding-left: 25px;
margin-bottom: 0px;
}
.single-product-price-wrap .woocommerce-variation-price {
color: var(--navy) !important;
font-weight: 700;
font-size: 21px;
text-align: right;
width: 100%;
margin-bottom: 25px;
}
.single-product-price-wrap .quantity {
margin-top: 20px !important;
}
.single-product-price-wrap .woocommerce-variation-price span.price {
color: var(--navy) !important;
}
.variations .reset_variations {
bottom: 94.4%;
color: currentColor;
font-size: 11px;
opacity: .6;
position: absolute;
right: 30px;
text-transform: uppercase;
margin-bottom: 20px;
}
#main .single-product-price-wrap .star-rating {
width: auto;
min-width: 100px;
}
.woocommerce div.product form.cart .variations,
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
border: 0 !important;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 0px !important; position: relative;
}
.woocommerce div.product form.cart .variations tr {
border: 0 !important;
}
.woocommerce div.product form.cart .variations label {
font-size: 18px;
line-height: 48px;
padding-left: 10px;
min-width: 140px;
display: block;
position: relative;
top: 2px;
margin-right: 10px;
}
.woocommerce div.product form.cart .variations tr {
padding-bottom: 10px !important;
display: inline-block; width: 100%;
}
.woocommerce div.product form.cart .variations tr td {
width: 100%; line-height: 1 !important;
}
#main .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 19px !important;
}
#main .select2-container {
width: 100% !important;
}
.single-product #main .select2-container {
right: 15px;
}
#main ul.wc_payment_methods li:before{
display: none !important;
}
.single-product-price-wrap .woocommerce-product-rating {
padding-left: 10px;
margin-bottom: 0px !important;
}
.woocommerce div.product form.cart .variations {
margin-top: 10px !important;
}
.single-product-price-wrap form.cart div.quantity,
.single-product-price-wrap form.cart .button {
float: none !important;
}
.single-product-price-wrap form.cart .button {
background: transparent !important;
color: var(--navy) !important;
opacity: 1;
font-size: 19px;
text-transform: uppercase;
border: 2px solid var(--navy);
padding: 20px !important;
display: block;
border-radius: 0px;
margin: 40px auto 10px !important;
width: 90%;
position: relative;
}
.single-product-price-wrap form.cart .button:after {
font-family: "Font Awesome 6 Free";
font-weight: 300;
margin-right: 0px;
color: var(--navy);
font-size: 19px;
margin-left: 17px;
content: "+";
position: relative;
top: 1px;
}
.single-product-price-wrap .quantity, .single-product-price-wrap .woocommerce-variation {
display:flex;
align-items:center;
gap:0;
padding-left: 25px;
padding-right: 25px;
}
.single-product-price-wrap .qty-label {
margin-right:auto;
font-weight:800;
font-size:19px;
padding-right:20px;
}
.single-product-price-wrap .woocommerce-variation-availability {
font-weight:800;
font-size:19px;
}
.single-product-price-wrap .quantity .qty-minus,
.single-product-price-wrap .quantity .qty-plus {
width:50px;
height:50px;
border:1px solid #ddd;
background:#fff;
font-size:24px;
cursor:pointer;
flex-shrink:0;
}
.single-product-price-wrap .quantity .qty {
width:70px;
height:50px;
text-align:center;
border:1px solid #ddd;
border-left:0;
border-right:0;
font-size: 19px;
-moz-appearance:textfield;
}
.single-product-price-wrap .quantity .qty::-webkit-inner-spin-button,
.single-product-price-wrap .quantity .qty::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0;
}
#main .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 47px !important;
}
.single-product #main .select2-container--default .select2-selection--single {
border-radius: 0px !important;
}
.inventory-clearance {
margin: 0 35px;
margin-right: 40px;
border: 1px solid #000;
margin-bottom: 50px;
border-left: 4px solid #BE1C2C;
padding: 20px;
display: flex;
gap: 20px;
background: #f9f9f9;
align-items: center;
}
.inventory-clearance h3 {
margin-bottom: 0px !important;
font-size: 28px;
}
#main .inventory-clearance p {
font-size: 19px;
line-height: 27px;
color: #000;
margin-top: 5px;
}
.inventory-clearance a {
border: 2px solid #BE1C2C;
background: transparent !important;
color: #000 !important;
text-transform: uppercase;
font-size: 18px !important;
width: 200px;
display: block;
text-align: center;
padding: 10px;
font-weight: 800;
}
.woocommerce-tabs {
padding-top: 30px;
}
.woocommerce-tabs > ul > li:before {
display: none !important;
}
.woocommerce-tabs > ul > li {
border: 0px !important;
margin: 0 !important;
padding: 0px !important;
}
.woocommerce-tabs > ul > li > a {
background: #f6f6f6 !important;
border: 0px !important;
padding: 8px 20px !important;
}
.woocommerce-tabs > ul > li.active > a {
background: #ccc !important;
}
.pum-overlay,
.pum-container {
z-index: 999999 !important;
}
#wc-stripe-express-checkout-element {
padding-left: 35px;
padding-right: 35px;
margin-top: 0px !important;
margin-bottom: 40px !important;
}
/* ==== BLEMISH POPUP ==== */
.blemish_list_html {
padding-top: 25px;
padding-left: 30px;
padding-right: 30px;
}
.blemish_list_html h2 {
text-align: center;
font-size: 32px;
margin-bottom: 0px !important;
}
.blemish_list_html > p {
color: var(--navy);
font-weight: 600;
font-size: 17px;
line-height: 29px;
margin-top: 5px;
text-align: center;
margin-bottom: 35px;
}
.blemish_list_html td {
font-weight: 600;
}
.blemish_list_html table tr > td:nth-child(1) {
vertical-align: top;
}
.blemish_list_html table tr > td:nth-child(2) {
font-weight: 600;
padding-left: 20px;
}
.blemish_list_html .property {
margin-top: 0px !important; margin-bottom: 35px;
}
.blemish_list_html button, .blemish_item_html button, .bulk-order-form .tab-content button {
background-color: transparent;
color: var(--navy);
margin: 0px;
padding: 10px;
font-size: 14px;
font-weight: 600;
display: block;
cursor: pointer;
width: 170px;
border-radius: 5px;
}
.blemish_list_html .order-new-btn {
background: var(--red);
border: 0px;
color: #fff;
border-radius: 5px;
font-family: 'Oswald';
font-size: 18px;
}
.bulk-order-form .tab-pane {
display: none;
}
.bulk-order-form .tab-pane.active {
display: block;
}
.bulk-order-form .nav-tabs {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 2px solid #e9e9e9;
gap: 6px;
}
.bulk-order-form li:before, .gform-body li:before {
display: none !important;
}
.bulk-order-form .nav-tabs li a{
display: block;
padding: 5px 18px;
background: #e9e9e9;
color: var(--navy);
text-decoration: none;
border-radius: 6px 6px 0 0;
border: 1px solid #ddd;
border-bottom: none;
transition: all 0.25s ease;
font-size: 18px;
font-weight: 600;
}
.bulk-order-form {
margin-top: 70px; margin-bottom: 60px;
}
.bulk-order-form .wow {
visibility: visible !important;
opacity: 1 !important;
animation: none !important;
transform: none !important;
}
.bulk-order-form .nav-tabs li a:hover, .bulk-order-form .nav-tabs li.active a {
background: var(--sky);
}
.bulk-order-form li, .gform-body li {
margin: 0 !important; padding-left: 0px !important;
}
.bulk-order-form .tab-content {
padding: 30px;
background: #fff;
}
.bulk-order-form .tab-content li {
display: flex;
width: 100%;
justify-content: space-between;
margin-bottom: 30px !important;
align-items: center;
}
/* original price */
.bulk-order-form .old-price {
text-decoration: line-through;
color:var(--red);
font-size: 18px;
font-weight: 600;
margin-right: 30px;
}
/* discounted price */
.bulk-order-form .new-price {
font-weight: 700;
color: var(--sky);
font-size: 22px;
}
.bulk-order-form .title-wrapper {
width: 655px;
}
.contact-form-block {
padding-top: 40px; margin-bottom: 50px;
}
.contact-form-block .wp-block-column:nth-child(2) {
background: #fff;
padding: 30px;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
border: 1px solid #fbfbfb;
}
body .gform_legacy_markup_wrapper .top_label div.ginput_container {
margin-top: 3px !important;
margin-bottom: 15px !important;
}
#main .gform_button.button {
background: var(--red);
color: #fff;
border-radius: 8px;
font-size: 17px;
font-weight: 800;
width: 100%;
border: 2px solid var(--red);
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 6px 22px rgba(0, 168, 150, 0.28);
font-family: "Oswald", sans-serif;
position: relative;
padding: 7px 10px 10px;
text-transform: uppercase;
}
#main .gform_button.button:hover {
background: var(--red-dark);
border-color: var(--red-dark);
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(0, 168, 150, 0.32);
}
.page-id-18 .contact-form-block .wp-block-column > ul li:before{
display: none !important;
}
.page-id-18 #main .contact-form-block .wp-block-column > ul li {
padding-left: 0px;
}
.page-id-18 .contact-form-block .wp-block-column > ul li a {
position: relative;
color: var(--navy) !important;
}
.page-id-18 .contact-form-block .wp-block-column > ul li a:before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
margin-right: 0px;
color: var(--sky);
font-size: 14px;
padding-right: 7px;
}
.page-id-18 .contact-form-block .wp-block-column > ul li:nth-child(1) a:before {
content: "\f095";
}
.page-id-18 .contact-form-block .wp-block-column > ul li:nth-child(2) a:before {
content: "\f0e0";
}
.page-id-18 .contact-form-block .wp-block-column > ul li:nth-child(3) a:before {
content: "\f3c5";
}
.page-id-18 .contact-form-block iframe {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
background: #fff;
padding: 7px;
}
.page-id-18 .contact-form-block {
gap: 6em !important; padding-top: 10px !important;
}
.page-id-18 .entry-content > h1 {
display: none !important;
}
.page-id-18 .contact-form-block h1 em {
color: var(--sky) !important;
}
.page-id-18 .contact-form-block h1 {
margin-bottom: 40px !important;
}
/* ========= CART ========= */
.woocommerce-cart-form .product-thumbnail a {
display: block;
line-height: 0;
}
.woocommerce-cart-form .product-thumbnail img {
width: 68px !important;
height: 68px !important;
object-fit: cover;
border-radius: 8px;
border: 1px solid #ebebeb;
display: block;
}
.woocommerce-cart-form .product-name a {
color: var(--sky);
text-decoration: none;
transition: color 0.15s ease;
}
.woocommerce-cart-form .product-name a:hover {
color: var(--red);
}
/* ── 9. REMOVE (×) BUTTON ───────────────────────────────────── */
.woocommerce-cart-form a.remove {
color: #ccc !important;
font-size: 20px;
font-weight: 400;
line-height: 1;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
transition: color 0.15s ease, background 0.15s ease;
background: transparent !important;
}
.woocommerce-cart-form a.remove:hover {
color: #e53e3e !important;
background: #fef2f2 !important;
}
/* ── 10. QUANTITY SELECTOR — PILL STYLE ─────────────────────── */
.woocommerce-cart-form .quantity {
display: inline-flex;
align-items: center;
border: 1px solid #e0e0de;
border-radius: 99px;
overflow: hidden;
background: #fff;
}
/* Hide the "Quantity" label WooCommerce sometimes injects */
.woocommerce-cart-form .quantity .qty-label {
display: none;
}
.woocommerce-cart-form .quantity .qty-minus,
.woocommerce-cart-form .quantity .qty-plus {
width: 32px;
height: 32px;
background: #f5f5f3;
border: none;
font-size: 18px;
color: #555;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.15s;
line-height: 1;
padding: 0;
flex-shrink: 0;
}
.woocommerce-cart-form .quantity .qty-minus:hover,
.woocommerce-cart-form .quantity .qty-plus:hover {
background: #e8e8e6;
}
.woocommerce-cart-form .quantity input.qty {
width: 40px;
height: 32px;
border: none;
text-align: center;
font-size: 17px;
font-weight: 500;
color: #111;
background: transparent;
-moz-appearance: textfield;
padding: 0;
box-shadow: none;
outline: none;
}
.woocommerce-cart-form .quantity input.qty::-webkit-outer-spin-button,
.woocommerce-cart-form .quantity input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/*========= PRODUCT CONTENT ACCORDION ========== */
.cv-accordion {
margin-top: 20px;
}
.cv-accordion-item {
border-bottom: 1px solid #ddd;
}
.cv-accordion-title {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 15px 12px;
cursor: pointer;
background: none;
border: 0;
text-align: left;
font-size: 18px;
font-weight: 400;
background: #f6f6f6;
margin-bottom: 10px;
}
.cv-accordion-content {
display: none;
padding: 0 0 20px;
}
.cv-accordion-item.active .cv-accordion-content {
display: block;
}
.cv-accordion-item.active .cv-accordion-icon {
transform: rotate(45deg);
}
/*======== CART ==== */
.cart-wrapper-sw {
display: flex;
flex-wrap: wrap;
gap: 40px;
padding-bottom: 40px;
}
.cart-wrapper-sw .woocommerce-cart-form {
width: calc(62% - 40px);
margin-bottom: 0px;
}
.cart-wrapper-sw .cart-collaterals {
width: 38% !important;
border-left: 1px solid #ececec;
padding-left: 25px;
}
.shipping-calculator-form p {
margin-bottom: 0px !important;
}
.shipping-calculator-form {
background-color: rgba(0, 0, 0, .03);
border-radius: 5px;
margin-top: 5px;
padding: 15px 15px 10px;
}
#main .shop_table {
border: none;
border-spacing: 0;
margin-bottom: 1em;
width: 100%;
}
.cart-total-heading {
width: 100%;
}
.cart-footer {
margin-top: 25px;
}
.cart-total-heading th.product-name {
font-weight: 600;
text-transform: uppercase;
}
.shop_table .order-total td, .shop_table .order-total th, .shop_table thead th, .cart_totals th.product-name {
border-width: 3px !important;
}
#main .fee th {
display: table-cell; width: 100% !important;
}
.shipping__table td {
border: 0px !important;
}
#main tr.shipping input:checked+label {
font-weight: 700;
}
#main .order-total th, #main .order-total td {
border-top-width: 1px !important;
}
#main .shipping__inner {
padding-left: 0px !important;
padding-right: 0px !important;
}
.woocommerce-shipping-calculator {
text-align: left;
}
.woocommerce-shipping-destination {
text-align: left;
margin-bottom: 0px !important;
font-size: 15px !important;
line-height: 20px !important;
}
.shipping__table th {
width: 100%; border: 0px !important;
}
.shipping__table {
text-align: left !important;
}
.woocommerce-shipping-methods li {
padding-left: 0px !important;
text-align: left !important;
}
td:first-child, th:first-child {
padding-left: 0;
}
.cart_totals tbody tr td, .shop_table tfoot tr td, .shop_table thead tr th:last-of-type, .shop_table tr td:last-of-type, td.product-total {
text-align: right !important;
}
.continue-shopping {
width: 270px;
float: left;
margin-right: 24px;
}
#main #shipping_method li label {
font-size: .9em;
line-height: 1.2;
}
.button-continue-shopping {
background: #333 !important;
color: #fff !important;
padding: 14px 30px 16px !important;
border: 0px;
border-radius: 8px !important;
transition: all 0.2s ease;
text-transform: uppercase;
}
.button-continue-shopping:hover {
transform: translateY(-2px);
}
#main table td, #main table th {
border-bottom: 1px solid #ececec;
font-size: .9em;
line-height: 1.2;
padding: .5em;
text-align: left;
}
#main .cart-total-heading th {
line-height: 1;
}
.woocommerce table.shop_table th {
font-weight: 600;
}
.shop_table .order-total td, .shop_table .order-total th, .shop_table thead th {
border-width: 3px !important;
}
.shipping__table--multiple tbody, .shipping__table--multiple td, .shipping__table--multiple th, .shipping__table--multiple tr {
display: block;
padding-left: 0;
text-align: left;
}
#main .shop_table th {
line-height: 1.05;
text-transform: uppercase;
}
.shop_table .cart_item td {
padding-bottom: 15px;
padding-top: 15px;
}
.shipping__table.shipping__table--multiple {
width: 100%;
}
.shop_table span.amount {
color: #111;
font-weight: 600;
white-space: nowrap;
}
.woocommerce ul#shipping_method li input {
margin-top: 0px !important;
}
#main .shipping__table th {
font-size: 1em !important;
font-weight: 600 !important;
color: var(--navy);
}
.shop_table td.product-remove {
padding: 0;
width: 20px;
}
.shop_table td.product-thumbnail {
max-width: 90px;
min-width: 60px;
width: 90px;
}
.cart_totals tbody th {
font-size: .9em !important;
font-weight: 500 !important;
letter-spacing: 0;
text-transform: inherit !important;
}
.cart_totals li:before {
display: none !important;
}
.coupon-row {
display: flex;
align-items: center;
gap: 10px;
}
.cart-footer button[name="update_cart"] {
background: transparent;
border: 1.5px solid #222 !important;
border-radius: 6px;
padding: 12px 30px 14px !important;
font-size: 18px !important;
font-weight: 600;
color: #222;
cursor: pointer;
box-shadow: none;
transition: all 0.2s ease;
text-transform: uppercase;
}
.shop_table dl.variation dt {
clear: both;
float: left;
font-weight: 700;
margin: 0 5px 0 0;
}
.shop_table dl.variation dd {
display: block;
margin: 0 5px 0 0;
}
.cart-footer button[name="update_cart"]:hover {
background: transparent !important;
border-color: var(--sky);
transform: translateY(-2px);
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.28);
}
.woocommerce-cart-form .actions {
padding: 16px 20px;
background: #fafaf9;
border-top: 1px solid #f0f0ee;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
border-bottom: none;
}
.cart-collaterals .cart_totals {
float: none !important;
width: 100% !important;
}
.cart-collaterals {
float: none !important;
}
.cart-collaterals .cart-collaterals-inner {
float: right;
width: 100%;
}
.cart-footer-coupon input[name="coupon_code"] {
width: 100%;
max-width: 100%;
height: 50px;
}
.cart-footer-coupon button[name="apply_coupon"] {
background: transparent;
border: 2px solid var(--navy);
width: 100%;
border-radius: 7px;
margin-top: 10px;
line-height: 25px;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
padding: 10px 10px 10px;
}
.shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
top: 44% !important;
margin-left: -16px !important;
}
.wc-proceed-to-checkout {
margin-top: 20px;
}
.wc-proceed-to-checkout .checkout-button.button, .woocommerce-checkout #place_order {
display: block;
width: 100%;
padding: 16px 24px;
background: var(--sky) !important;
color: #fff !important;
border: none !important;
border-radius: 8px !important;
font-size: 17px !important;
font-weight: 700 !important;
text-transform: uppercase;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: background 0.2s ease, transform 0.1s ease;
box-shadow: none !important;
letter-spacing: -0.02em;
}
.wc-proceed-to-checkout .checkout-button.button:hover, .woocommerce-checkout #place_order:hover {
background: #333 !important;
}
.wc-proceed-to-checkout .checkout-button.button:active {
transform: scale(0.99);
}
.woocommerce-cart-form .shop_table th.product-remove,
.woocommerce-cart-form .shop_table td.product-remove {
width: 40px !important;
padding-right: 4px !important;
}
.woocommerce-cart-form .shop_table th.product-thumbnail,
.woocommerce-cart-form .shop_table td.product-thumbnail {
width: 120px !important;
}
#main .woocommerce-shipping-calculator .select2-selection {
text-align: left !important;
border-radius: 10px !important;
}
.woocommerce-shipping-calculator button[type="submit"] {
background: #000;
border: 0px;
border-radius: 8px;
padding: 16px 14px !important;
font-size: 16px !important;
font-weight: 600;
color: #fff;
cursor: pointer;
width: 100%;
text-transform: uppercase;
margin-top: 15px;
margin-bottom: 20px;
}
.woocommerce-shipping-calculator button[type="submit"]:hover {
background: var(--sky);
color: #fff;
}
.woocommerce-message {
outline: none !important;
border-top-color: var(--sky) !important;
}
.woocommerce-message::before {
color: var(--sky) !important;
}
.shop_table .variation dt {
margin: 0;
font-weight: 600;
line-height: 1 !important;
}
.shop_table .variation dd {
margin: 0 15px 0 0;
}
.shop_table .variation dd p {
margin-bottom: 10px !important; margin-right: 10px !important;
line-height: 1 !important;
}
/* --- Container --- */
.mini-cart-dropdown {
background: #ffffff;
border-radius: 12px;
border: 1px solid #e5e5e5;
overflow: hidden;
font-family: inherit;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
}
/* --- Cart Item List --- */
.mini-cart-dropdown .woocommerce-mini-cart {
list-style: none;
margin: 0;
padding: 0;
}
/* --- Individual Cart Item --- */
.mini-cart-dropdown .mini_cart_item {
padding: 14px 5px;
border-bottom: 1px solid #efefef;
align-items: flex-start;
position: relative;
}
/* --- Product Thumbnail --- */
.mini-cart-dropdown .mini_cart_item img {
width: 64px !important;
height: 76px !important;
object-fit: cover;
border-radius: 6px;
flex-shrink: 0;
background: #f5f5f5;
display: block;
}
/* --- Product Link (wraps image + title) --- */
.mini-cart-dropdown .mini_cart_item > a:not(.remove_from_cart_button) {
display: flex;
gap: 12px;
flex: 1;
min-width: 0;
text-decoration: none;
color: var(--navy);
font-size: 17px;
line-height: 1.4;
align-items: flex-start;
padding-right: 50px;
}
.mini-cart-dropdown .mini_cart_item > a:not(.remove_from_cart_button):hover {
color: #993d14;
text-decoration: underline;
}
/* --- Remove Button --- */
.mini-cart-dropdown .remove_from_cart_button {
position: absolute;
top: 14px;
right: 14px;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px solid #ddd;
background: #fff;
color: #aaa;
font-size: 14px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
flex-shrink: 0;
z-index: 1;
}
.mini-cart-dropdown .remove_from_cart_button:hover {
background: #fdecea;
border-color: #f5a9a9;
color: #c0392b;
}
/* --- Variation Details (height, color, etc.) --- */
.mini-cart-dropdown .variation {
display: none;
}
.cart-wrapper-sw .cross-sells {
display: none;
}
/* --- Quantity & Price --- */
.mini-cart-dropdown .quantity {
display: block;
font-size: 17px;
color: var(--navy);
margin-top: 5px; width: 100%;
padding-left: 80px;
font-weight: 800;
}
/* --- Footer: Subtotal + Buttons --- */
.mini-cart-dropdown .woocommerce-mini-cart__total {
display: flex;
justify-content: space-between;
align-items: center;
padding: 14px 16px 10px;
border-top: 1px solid #efefef;
margin: 0;
font-size: 18px;
color: var(--navy);
}
.mini-cart-dropdown .woocommerce-mini-cart__total .woocommerce-Price-amount {
font-size: 18px;
font-weight: 600;
color: #1a1a1a;
}
/* --- Button Row --- */
.mini-cart-dropdown .woocommerce-mini-cart__buttons {
display: flex;
flex-direction: column;
gap: 8px;
padding: 10px 16px 16px;
margin: 0;
}
/* --- Shared Button Styles --- */
.mini-cart-dropdown .woocommerce-mini-cart__buttons .button {
display: block;
text-align: center;
padding: 10px 16px 10px;
border-radius: 6px;
font-size: 17px;
font-weight: 800;
text-transform: uppercase;
text-decoration: none;
cursor: pointer;
border: none;
transition: opacity 0.15s ease;
line-height: 30px;
}
.mini-cart-dropdown .woocommerce-mini-cart__buttons .button:hover {
opacity: 0.88;
}
/* --- View Cart Button --- */
.mini-cart-dropdown .woocommerce-mini-cart__buttons .button:not(.checkout) {
background: #1a1a1a;
color: #ffffff;
}
/* --- Checkout Button --- */
.mini-cart-dropdown .woocommerce-mini-cart__buttons .button.checkout {
background: #3a6bca;
color: #ffffff;
}
#commentform input[type="submit"] {
background: var(--sky) !important;
color: #fff !important;
min-width: 200px;
border-radius: 8px !important;
margin-top: 30px !important;
font-family: "Oswald", sans-serif;
line-height: 26px !important;
font-size: 18px !important;
}
#respond #reply-title {
font-weight: 600;
margin-bottom: 30px !important;
display: block;
color: var(--sky);
}
#respond .wcpr-form-description {
margin-bottom: 10px;
}
#respond .comment-form-rating {
margin-top: 25px;
}
#respond .wcpr-form-description h2 {
font-size: 24px !important;
}
.woocommerce-tabs h2, .woocommerce-product-details__short-description h2 {
font-size: 24px !important;
line-height: 34px !important;
margin-bottom: 10px !important;
}
.woocommerce-tabs h3, .woocommerce-product-details__short-description h3 {
font-size: 20px !important;
line-height: 30px !important;
margin-bottom: 10px !important;
}
.woocommerce-tabs p:empty {
display: none;
}
.woocommerce-product-details__short-description p:empty {
display: none !important;
}
.woocommerce-product-details__short-description .gallery-col {
float: left;
width: 48%;
pointer: cursor;
margin-bottom: 20px;
}
.woocommerce-product-details__short-description .gallery-col:nth-of-type(odd) {
margin-right: 20px;
}
.woocommerce-product-details__short-description .gallery-col .box-text {
position: absolute;
bottom: 0px;
padding: 10px;
text-align: center;
color: #fff;
width: 100%;
font-weight: 800;
top: 34%;
}
.woocommerce-product-details__short-description .gallery-col .box-text p {
font-size: 20px !important;
line-height: 25px !important;
}
.woocommerce-product-details__short-description .gallery-col .gallery-box {
position: relative;
}
.woocommerce-product-details__short-description .gallery-col img {
filter: brightness(0.5);
}
.woocommerce-Tabs-panel--description .wp-block-buttons {
display: inline-block; margin-right: 20px;
}
.woocommerce-Tabs-panel--description .wp-block-buttons a {
background: var(--sky) !important;
border-color: var(--sky) !important;
}
.woocommerce-Tabs-panel--description .wp-block-buttons a:hover {
background: #333 !important;
border-color: #333 !important;
}
.woocommerce-Tabs-panel--description .image-zoom img, .woocommerce-Tabs-panel--description .img-youtube img {
max-width: 200px; margin-bottom: 20px;
}
.page-id-42 #primary {
padding-bottom: 30px;
}
.woocommerce-breadcrumb {
margin-bottom: 35px;
font-size: 17px !important;
color: var(--navy) !important;
}
.tax-product_cat .woocommerce-breadcrumb {
text-align: center;
}
.woocommerce-breadcrumb a {
color: #767676 !important;
}
.tax-product_cat .woocommerce-photo-reviews-shortcode {
margin-bottom: 30px !important;
}
form[name="checkout"] {
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.page-id-42 #main .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 15px !important;
color: #000 !important;
font-weight: 400 !important;
line-height: 44px !important;
}
.page-id-42 #payment label {
font-weight: 600;
}
.page-id-42 #payment input[type="radio"] {
margin-top: 5px !important;
}
.page-id-42 #main .select2-container--default .select2-selection--single {
height: 45px !important;
}
.page-id-42 #main .shop_table th {
text-transform: capitalize;
}
.page-id-42 #main .payment_box.payment_method_stripe {
background: #fff !important;
border-radius: 0;
padding: 0;
}
.AccordionItem {
background: #fff !important;
box-shadow: none !important;
border: 1px solid #000 !important;
padding-bottom: 20px !important;
padding-top: 10px !important;
width: 100%;
}
.p-FieldLabel.Label {
font-weight: 600 !important;
letter-spacing: 0px !important;
}
.checkout-sw-col-1, .checkout-sw-col-2 {
position: relative;
}
.woocommerce-checkout .checkout-sw-col-1 label {
font-weight: 600; letter-spacing: 0px !important;
}
#shipping_method li:before{
display: none !important;
}
.cart_item .product-name {
color: #666 !important;
}
.checkout-sw-col-2 {
border: 2px solid #000;
padding: 30px;
border-radius: 8px;
}
.checkout-sw-col-2-inner {
position: sticky;
top: 300px;
}
.woocommerce-shipping-fields {
padding-top: 20px;
}
.checkout-sw-col-1 {
width: calc(60% - 40px);
}
.checkout-sw-col-2 {
width: 40%;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #fff !important;
}
#payment .wc_payment_methods {
padding: 1em 0px !important;
}
#payment .wc_payment_methods li {
padding-left: 0px !important;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
background: #f6f6f6 !important;
border-radius: 8px;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
display: none;
}
.AccordionItem {
background: #f6f6f6; !important;
}
#payment fieldset {
padding: 0px !important;
border: 0px !important;
}
.woocommerce-SavedPaymentMethods-saveNew {
padding-top: 20px;
}
.woocommerce-SavedPaymentMethods-saveNew input {
position: relative !important;
top: 9px !important;
margin-right: 8px !important;
}
#post-42 .woocommerce-info {
padding-left: 0px !important;
background: transparent;
}
#post-42 .woocommerce-info::before {
display: none !important;
}
.checkout_coupon button {
background: #000 !important;
color: #fff !important;
border-radius: 8px !important;
height: 44px;
width: 100% !important;
font-size: 18px !important;
text-transform: capitalize;
}
.checkout_coupon .form-row-last {
float: none !important;
margin-bottom: 0px !important;
}
.checkout_coupon.woocommerce-form-coupon {
background: #fff;
border-radius: 8px;
border: 0px;
}
/* Default */
.not-front #main .entry-content > .wp-block-columns {
padding-top: 20px;
}
.not-front #main .entry-content .wp-block-columns > .wp-block-column > ul,
.not-front #main .entry-content .wp-block-columns > .wp-block-column > ol {
margin-bottom: 25px;
}
.not-front #main .entry-content .wp-block-columns > .wp-block-column > ol {
padding-left: 17px;
}
.not-front #main .entry-content .wp-block-columns > .wp-block-column > ol li {
margin-bottom: 10px;
}
.not-front #main .entry-content > .wp-block-columns figure {
margin-bottom: 20px;
}
/* Only when immediately after a cover block */
.not-front #main .entry-content > .wp-block-cover + .wp-block-columns {
padding-top: 65px;
margin-bottom: 0px;
}
/*======== BLOG PAGE ========== */
.insight-banner img {
width: 100%;
height: auto;
object-fit: contain;
}
.insight-banner {
margin-bottom: 40px;
}
.author-insight, .date-insight {
width: auto;
}
.insight-meta {
display: flex;
flex-wrap: wrap;
padding-bottom: 15px;
}
.author-insight p, .date-insight p {
padding: 0;
display: inline-block;
font-size: 17px !important;
line-height: 24px !important;
margin-left: 17px !important;
margin-right: 40px;
}
.author-insight p {
position: relative;
top: -8px;
}
.author-insight img {
position: relative;
top: -2px;
width: 50px;
height: auto;
border-radius: 50%;
}
.date-insight img {
position: relative;
top: -2px;
width: 40px;
height: auto;
}
.single-post .entry-content ul li:has(figure):before {
display: none !important;
}
.woocommerce-message .button.wc-forward {
display: none !important;
}
/* ==== ANCHOR LIST ==== */
#main ul.anchor-list {
list-style: none;
display: flex;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
background: transparent !important;
}
#main ul.anchor-list li {
padding-left: 0px; margin-bottom: 0px;
}
#main ul.anchor-list li a {
background: var(--sky);
text-align: center;
padding: 10px 20px 11px;
border: 1px solid #435261;
border-radius: 8px;
FONT-WEIGHT: 700;
text-transform: uppercase;
font-size: 17px;
font-family: "Oswald", sans-serif;
transition: background-color 0.2s ease-in-out;
}
#main ul.anchor-list li a:hover {
background-color: var(--red);
}
#main ul.anchor-list li:before {
display: none !important;
}
/* ==== SIGNUP POPUP ==== */
#pum-230001 h2 {
text-transform: capitalize;
padding-top: 15px;
}
#pum-230001 p {
color: var(--navy) !important;
font-weight: 400 !important;
}
#pum-230001 p.has-small-font-size {
color: #555 !important;
font-size: 14px !important;
}
#pum-230001 .mc4wp-alert p {
color: var(--red) !important;
font-weight: 600 !important;
text-align: center;
}
#pum-230001 input[type="submit"] {
background: var(--sky);
color: #fff;
border: 0px;
border-radius: 8px;
font-size: 19px;
font-weight: 600;
padding-left: 25px;
padding-right: 25px;
cursor: pointer;
transition: all 0.2s ease;
width: 100%;
height: 45px;
font-family: "Oswald", sans-serif;
position: relative;
}
/* ── ACCORDION ── */
.wp-block-accordion-item {
background: #162847;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 6px;
transition: border-color 0.2s;
}
.wp-block-accordion-item.is-open { border-color: rgba(26,107,191,0.4); }
.wp-block-accordion-heading button {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
width: 100%;
background: none;
border: none;
text-align: left;
padding:13px 20px;
cursor: pointer;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.02em;
color: #fff;
}
.wp-block-accordion-heading button:hover { color: var(--sky); text-decoration:none !important; }
.wp-block-accordion-item h3 {
margin-bottom: 0px !important;
}
.wp-block-accordion + h3 {
margin-top: 50px !important;
}
.wp-block-accordion-panel {
color: rgba(255,255,255,0.68);
padding-left: 20px; padding-right: 20px;
margin-top: 0px;
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
text-decoration: none !important;
}
.wp-block-accordion {
margin-bottom: 15px;
}
.page-id-230006 .entry-content > h3 {
position: relative;
color: var(--sky);
font-size: 17px;
display: flex;
align-items: center;
}
.page-id-230006 #primary {
background: var(--navy);
padding-bottom: 40px;
}
.page-id-230006 .entry-content > h3:after {
content: '';
flex: 1;
height: 1px;
background: rgba(26, 107, 191, 0.25);
}
.wp-block-accordion-panel p strong, .wp-block-accordion-panel p > a {
color: #fff !important;
}
.wp-block-accordion-heading__toggle-icon {
background: rgba(26, 107, 191, 0.15);
border: 1px solid rgba(26, 107, 191, 0.15);
border-radius: 50%;
font-size: 33px;
padding-left: 2px;
padding-bottom: 1px;
height: 45px;
justify-content: center;
width: 45px;
text-align: center;
}
/* ==== FOOTER ==== */
.social-footer {
margin-top: 0px;
margin-bottom: 0px;
width: auto;
float: left;
list-style: none;
position: relative;
top: 20px;
padding-left: 0px;
}
.social-footer li {
display: inline-block;
margin-right: 10px;
line-height: 1;
}
.social-footer li a {
position: relative;
font-size: 0px;
}
.social-footer li a:before {
font-family: "dashicons";
color: #fff;
margin-right: 8px;
position: relative;
left: 0px;
transition: all 0.2s ease;
font-size: 32px;
}
.social-footer li:nth-child(1) a:before {
content: "\f304";
}
.social-footer li:nth-child(2) a:before {
content: "\f301";
}
.social-footer li:nth-child(3) a:before {
content: "\f236";
}
footer {
background: linear-gradient(
135deg,
#0F1113 15%,
#162235 55%,
#243752 100%
);
color: #92969C;
padding-top: 70px;
padding-bottom: 15px;
position: relative;
}
footer:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 7px;
background: linear-gradient(
90deg,
#EC4339 0%,
#FFFFFF 45%,
#346AB9 100%
);
}
footer ul li a, footer p a {
color: #92969C;
}
footer ul li a:hover, footer p a:hover {
color: var(--sky);
}
footer p, footer ul li {
font-size: 16px;
line-height: 25px;
margin-bottom: 10px;
}
footer ul {
list-style: none;
padding-left: 0px;
}
.mobile-only {
display: none !important;
}
.desktop-only {
display: block !important;
}
.footer-top {
gap: 30px;
}
.footer-top > .wp-block-column:nth-child(2) ul, .footer-top > .wp-block-column:nth-child(4) ul {
display: grid;
grid-template-columns: repeat(2, auto);
gap: 2px 30px;
list-style: none;
padding: 0;
}
.mobile-only-icon {
display: none;
}
.footer-top {
justify-content: space-between !important;
}
.footer-top > .wp-block-column {
flex: 0 0 auto !important;
}
footer .made-in-usa {
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
position: relative;
top: -11px;
}
footer .made-in-usa:before {
content: "";
position: relative;
display: inline-block;
width: 25px;
height: 30px;
left: 0px;
top: 8px;
background: url('../swflex/images/usa-flag-icon.png') no-repeat center / contain;
margin-right: 10px;
}
.footer-copyright p, .footer-copyright p a {
color: #fff !important;
}
.footer-copyright {
margin-bottom: 0px !important;
}
footer h3 {
font-size: 17px !important;
line-height: 26px !important;
margin-bottom: 0px;
text-transform: uppercase;
font-weight: 600;
color: var(--sky);
}
footer hr {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
background: linear-gradient(
90deg,
#EC4339 0%,
#FFFFFF 45%,
#346AB9 100%
) !important;
height: 2px;
}
/* Responsive */
@media(min-width: 1800px) {
.main-navigation .main-menu > li > a {
margin: 0px 10px;
}
}
@media(min-width: 1700px) {
}
@media(max-width: 1500px) {
}
@media(max-width: 1440px) {
.footer-top > .wp-block-column {
flex: auto !important;
}
#top-header {
font-size: 14px;
}
ul#menu-main-menu {
padding-left: 0px;
}
.site-logo-main img {
width: 220px;
}
.site-logo-main {
margin-right: 10px;
}
.main-navigation .main-menu > li > a {
padding: 9px 5px;
}
}
@media (max-width: 1024px) {
#main ul.anchor-list li {
margin-bottom: 28px;
margin-right: 15px;
}
#rmp-menu-wrap-230000 .rmp-menu-current-item .rmp-menu-item-link {
background-color: var(--navy) !important;
}
#main ul.anchor-list {
justify-content: center; flex-wrap: wrap;
padding-left: 0px; padding-right: 0px;
}
#top-header .wp-block-columns, header .site-branding {
padding: 0px 20px;
}
.woocommerce-Tabs-panel--description iframe {
max-width: 100% !important;
height: auto !important;
min-height: 300px !important;
}
.page-id-18 .contact-form-block {
gap: 2em !important;
}
#after-header .nk-awb-inner > img {
filter: brightness(0.5);
}
.trust-bar-wrap ul li {
font-size: 15px;
}
.brand-logos img {
height: 116px;
}
.brand-logos .wp-block-column h4 {
padding: 10px 21px; font-size: 18px;
}
#main h2.big {
font-size: 80px !important;
}
.brand-logos .wp-block-column {
padding-bottom: 88px;
}
.full-width-box .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
padding-left: 20px; padding-right: 20px;
}
.trust-bar-wrap ul li strong {
font-size: 26px;
}
#after-header .wp-block-nk-awb {
padding: 100px 40px;
}
#rmp_menu_trigger-230000 {
top: 73px;
right: 25px;
}
#rmp-menu-wrap-230000 .rmp-menu-item-link, #rmp-menu-wrap-230000 .rmp-submenu .rmp-menu-item-link {
color: var(--navy);
font-weight: 600;
font-size: 17px !important;
padding: 10px 16px;
border-bottom: 1px solid #EDF2F7;
height: auto !important;
}
#rmp-menu-wrap-230000 .rmp-menu-item-link:hover {
color: var(--navy);
}
#rmp-menu-wrap-230000 .current-menu-item .rmp-menu-item-link {
color: #fff;
}
#search-bar {
padding: 15px 20px 17px;
}
.home #after-header .nk-awb-wrap-content:after {
width: 290px;
}
#rmp-container-230000 {
background: #fff;
width: 100%;
max-width: 100%;
height: auto;
margin-top: 150px;
}
#rmp-container-230000 .rmp-menu-wrap > ul {
position: relative;
}
#rmp-container-230000 .rmp-menu-wrap > ul:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #EC4339 0%, #FFFFFF 45%, #346AB9 100%);
}
#rmp-menu-230000 {
padding: 10px 40px 100px !important;
}
#rmp-menu-230000 > li:last-child a {
background: var(--red);
color: #fff;
border-radius: 8px;
font-size: 18px !important;
font-weight: 600;
padding-left: 25px;
padding-right: 25px;
border: 2px solid var(--red);
cursor: pointer;
transition: all 0.2s ease;
box-shadow: 0 6px 22px rgba(0, 168, 150, 0.28);
position: relative;
margin-top: 30px;
max-width: 300px;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
line-height: 24px;
}
.trust-bar-wrap ul li:nth-child(3) strong:after {
top: -2px;
}
#rmp-menu-wrap-230000 .rmp-menu-subarrow {
background: url(../swflex/images/down-arrowblk.svg) no-repeat center center !important;
height: 12px !important;
top: 24px !important;
width: 12px !important;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(2) {
display: none;
}
.product-wrap-new {
overflow: hidden;
}
.upsells.products ul {
flex-wrap: wrap;
}
.cart-wrapper-sw .woocommerce-cart-form {
width: 100%;
}
.cart-wrapper-sw .cart-collaterals {
width: 100% !important;
}
.checkout-sw-col-2-inner {
position: relative;
top: 0px;
}
.woocommerce-shipping-fields {
padding-top: 20px;
}
.checkout-sw-col-1 {
width: 100%;
}
.checkout-sw-col-2 {
width: 100%;
}
.blog-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 820px) {
.product-wrap-new {
align-items: flex-start;
overflow: hidden;
}
.trust-bar-wrap ul {
padding-left: 15px;
padding-right: 15px;
}
#top-header {
font-size: 12px;
}
.windshield-finder {
gap: 10px;
}
#search-bar p {
font-size: 14px;
}
#search-bar {
justify-content: space-around;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
height: 12px !important;
width: 12px !important;
top: 43% !important;
margin-left: -15px !important;
}
.select2-container .select2-selection--single {
font-size: 15px;
}
.select2-results__option {
padding: 7px 19px !important;
font-size: 14px;
font-weight: 600;
}
.home #after-header .nk-awb-wrap-content:after {
bottom: 95px;
}
#after-header p {
font-size: 15px;
line-height: 26px;
}
.trust-bar-wrap ul li {
flex-basis: 48%;
}
#main .brand-logos.wp-block-columns .wp-block-column {
flex-basis: 47% !important;
}
.brand-logos {
display: contents !important;
}
.brand-wrap > .brand-logos > .wp-block-column {
width: calc(50% - 10px) !important;
}
.brand-wrap {
display: flex !important;
flex-wrap: wrap !important;
gap: 20px !important;
}
.full-width-box, .wp-block-cover {
padding-top: 40px;
padding-bottom: 50px;
}
.wp-block-cover:not(.shop-by-brand-block) .wp-block-cover__inner-container .wp-block-columns:not(.process-cards):not(.faq-block) {
gap: 1em;
}
.wp-block-buttons .wp-block-button a {
padding: 7px 15px 9px !important;
font-size: 16px !important;
}
.testimonial-block .wp-block-buttons .wp-block-button a {
min-width: 100px;
}
footer .footer-top.wp-block-columns > .wp-block-column {
flex-basis: 46% !important;
}
.footer-copyright {
text-align: center;
gap: 10px !important;
padding-bottom: 20px;
}
.footer-copyright p.has-text-align-right {
text-align: center !important;
}
.product-category-list li.product:not(.product-category) {
width: calc(50% - 20px) !important;
margin: 20px 10px !important;
}
.product-category-list {
padding-top: 7px;
}
.woocommerce-product-gallery-wrapper {
width: 100% !important; order: 2;
}
.product-wrap-new {
flex-wrap: wrap;
}
.product-wrap-new .summary.entry-summary {
width: 100% !important; order: 1;
}
.product-wrap-new .summary.entry-summary p:empty {
display: none;
}
.woocommerce-product-gallery-wrapper, .summary.entry-summary {
float: none;
}
.upsells.products ul.products li {
margin: 20px !important;
width: calc(50% - 40px) !important;
}
.home #woocommerce-photo-reviews-shortcode-1 .shortcode-wcpr-grid {
display: block; column-count: 2 !important;
}
}
@media (max-width: 600px) {
#main p, #main ul li, #main ol li, #main table tr, #main table th, #main table td {
font-size: 15px;
line-height: 30px;
}
.home #woocommerce-photo-reviews-shortcode-1 .shortcode-wcpr-grid {
column-count: 1 !important;
}
#search-bar .select2-container--default .select2-selection--single {
width: 100% !important;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(1) {
display: none;
}
#top-header p {
font-size: 16px;
}
#top-header ul li {
font-size: 15px;
}
header .site-branding {
padding: 0px 10px;
}
header, header .site-branding {
height: 80px;
}
.site-logo-main img {
width: 250px; top: 1px;
}
#search-bar {
top: 120px; display: block; height: auto; padding: 5px 20px 23px;
}
#after-header {
margin-top: 296px;
}
.windshield-finder-icon {
display: none !important;
}
#search-bar > p {
display: inline-block; font-weight: 600;top: 0px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 1px !important;
}
.trust-bar-wrap ul li {
flex-basis: 44%;
margin-bottom: 5px;
}
.trust-bar-wrap ul {
flex-wrap: wrap;
gap: 10px;
}
.home #after-header .nk-awb-wrap-content:after {
display: none;
}
#after-header .nk-awb-wrap-content {
padding-bottom: 10px;
}
.wp-block-buttons .wp-block-button a {
min-width: 150px !important;
}
#main .small-text-col p {
font-size: 14px;
line-height: 28px;
}
.wp-block-buttons{
gap: 10px !important;
}
#after-header .wp-block-nk-awb {
padding: 40px 20px 40px;
}
#rmp_menu_trigger-230000 {
top: 60px;
right: 9px;
}
.wp-block-buttons .wp-block-button:not(.is-style-outline) a {
margin-top: 15px;
margin-bottom: 0px;
}
.process-cards {
margin-top: 30px !important;
}
#rmp-container-230000 {
margin-top: 120px;
}
.full-width-box .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container {
padding-left: 10px;
padding-right: 10px;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) ul li:nth-child(2) {
display: none;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) p {
float: left;
line-height: 40px;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) ul li {
margin-right: 0px;
line-height: 40px;
}
#top-header {
height: 40px;
}
header {
top: 40px;
}
#rmp_menu_trigger-230000 {
top: 50px;
}
#top-header .wp-block-columns > .wp-block-column:nth-child(3) ul li:nth-child(1):before {
width: 17px;
height: 17px; top: 11px;
}
.mobile-only-icon {
display: inline-block; padding-right: 50px;
}
.mobile-only-icon a {
position: relative;
}
.mobile-only-icon a:before {
background: url('../swflex/images/cart-icon.png') no-repeat center / contain;
width: 40px;
height: 40px;
display: inline-block;
content: "";
position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px !important;
}
#search-bar .select2-container--default .select2-selection--single {
height: 40px !important;
width: 100% !important;
font-size: 14px;
margin-bottom: 10px !important;
padding-left: 20px;
}
.windshield-finder {
display: block; max-width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
top: 17px !important;
margin-left: -22px !important;
}
#search-bar button {
width: 100%;
padding: 9px 10px 8px;
}
.desktop-ver {
display: none !important;
}
#after-header-trustbar-mobile {
display: block !important;
}
#after-header .nk-awb-wrap.nk-awb-rendered img {
display: none;
}
#after-header .nk-awb-wrap.nk-awb-rendered {
background: url('../swflex/images/mobile-hero.png') no-repeat center / cover;
}
#after-header .nk-awb-wrap.nk-awb-rendered:before {
content: "";
position: absolute;
inset: 0;
background: rgba(0,0,0,.5);
pointer-events: none;
}
#after-header .nk-awb-wrap-content :is(h1,p) {
color: #fff !important;
}
.trust-bar-wrap {
position: relative; padding: 10px 20px 15px;
}
.trust-bar-wrap:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background: linear-gradient(90deg, #EC4339 0%, #FFFFFF 45%, #346AB9 100%);
}
.product-category-list li.product:not(.product-category) {
width: calc(100% - 20px) !important;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.woocommerce div.product form.cart .variations label {
font-size: 16px;min-width: 100px;
}
#main .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 16px !important;
padding-left: 10px !important;
}
.single-product-price-wrap .qty-label {
font-size: 16px;
}
.single-product-price-wrap form.cart .button {
font-size: 15px;
padding: 10px;
}
#main .select2-container--default .select2-selection--single .select2-selection__arrow b {
top: 20px;
}
.inventory-clearance {
display: block;margin: 0 auto 40px !important; width: 90%;
}
#main .inventory-clearance p {
font-size: 15px;
line-height: 22px;
}
.inventory-clearance h3 {
font-size: 22px;
}
.inventory-clearance a {
font-size: 14px;
}
.upsells.products ul.products li {
width: calc(100% - 40px) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: block; width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
width: 100%;
}
#main ul.anchor-list li {
margin-bottom: 0;
margin-right: 0;
width: calc(50% - 20px);
}
#main ul.anchor-list {
flex-wrap: wrap;
padding-left: 0px;
padding-right: 0px;
gap: 20px; padding-top: 0px; padding-bottom: 0px;
}
#main ul.anchor-list li a {
display: block;
line-height: 20px;
font-size: 14px;
padding: 10px;
}
.footer-top > .wp-block-column:nth-child(2) ul, .footer-top > .wp-block-column:nth-child(4) ul {
grid-template-columns: repeat(1, auto);
}
.not-front #after-header .wp-block-nk-awb {
min-height: 200px !important;
align-content: center;
}
.not-front #primary {
padding-top: 25px;
}
#before-footer p {
font-size: 14px;
line-height: 24px;
}
p.sub-heading {
font-size: 14px !important;
}
.wp-block-cover:not(.shop-by-brand-block) .wp-block-cover__inner-container .wp-block-column:not(:has(p)) > figure img {
margin-top: 10px;
}
.blog-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.woocommerce-breadcrumb {
font-size: 15px !important;
}
.continue-shopping {
width: 100%;
float: none;
display: block;
}
.continue-shopping a {
width: 100%;
text-align: center;
margin-bottom: 10px !important;
}
.cart-footer button[name="update_cart"] {
width: 100%;
}
.shipping-calculator-button {
margin-left: 20px !important;
margin-top: 0px !important;
}
.woocommerce-product-details__short-description .gallery-col img {
width: 100%;
}
.woocommerce-product-details__short-description .gallery-col {
width: 100%;
}
}