/** Shopify CDN: Minification failed
Line 15:35 Expected ")" to end URL token
Line 1317:3 Unexpected "/"
Line 1690:0 Expected "{" but found "."
Line 1956:29 Expected identifier but found whitespace
Line 1964:31 Expected identifier but found whitespace
Line 2311:2 Comments in CSS use "/* ... */" instead of "//"
Line 2605:14 Expected "{" but found "("
Line 2732:0 Expected "{" but found "."
Line 5274:15 Comments in CSS use "/* ... */" instead of "//"
**/
@font-face {
font-family: "Poppins";src: url({{ "Filename" | asset_url }}) format("Format");
}
.localization-wrapper {
align-items: center;
margin-right: 18px;
height: 25px;
}
@media (min-width: 850px) and (max-width: 1640px) {
.shopify-section.shopify-section-group-header-group.section-header {
width: 100%;
}
}
@media (max-width: 850px) {
.shopify-section.shopify-section-group-header-group.section-header {
width: 190%;
}
}
a.header__heading-link.link.link--text.focus-inset{
position: relative;
right: 80%;
}
.announcement-text {
color: var(--Neutral-grey-60, #A1A1A1);
text-align: center;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: inline-table;
margin-right: 3.2rem;
}
h2#announcementLabel{
margin-top: 12px !important;
margin-bottom: 12px !important;
}
.header__icon--account {
color: var(--Neutral-grey-60, #A1A1A1);
text-align: center;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: inline-table;
text-decoration: none;
}
/* New css for Welcome label v2 */
.announcement-welcome-label {
color: var(--Neutral-grey-60, #A1A1A1);
text-align: center;
font-family: Poppins;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-right: 20px;
display: flex;
padding: 7px 8px;
align-items: center;
}
/* .page-width.utility-bar__grid.utility-bar__grid--2-col {
padding-right: 120px !important;
}
*/
.shopify-section.shopify-section-group-header-group.section-header {
border-top: 0.2px solid #A1A1A1;
}
.policies li:before {
content: "|" !important;
padding: 0 14px !important;
}
.footer__content-bottom {
border-top: 1px solid rgba(194,194,194,.6) !important;
padding-top: 0 !important;
}
.footer__copyright.caption {
display: flex;
align-items: center;
padding-left: 223px;
justify-content: flex-start;
}
/* .footer-logo {
min-width: 166px;
} */
.footer {
padding-bottom: 40px !important;
}
.footer-copyright-content {
width: 100%;
display: flex;
align-items: center;
padding-left: 51px;
}
.copyright__content {
color: var(--Neutral-grey-50, #C2C2C2);
/* font-family: Poppins; */
font-size: 15px !important;
font-style: normal;
/* font-weight: 400; */
line-height: 160%;
letter-spacing: -0.15px;
}
.footer__social {
justify-content: flex-start;
align-items: center;
display: flex;
width: 100%;
float: right;
}
li.list-social__item {
padding: 16px;
}
.container {
max-width: calc(100% - 64px);
margin: 0 auto;
width: 1200px;
}
.container-custom-table {
max-width: calc(100% - 64px);
margin: 0 auto;
width: 1124px;
}
table.custom-table.container-custom-table {
margin-bottom:10%
}
.section-template--16174676902094__custom_liquid_paRXM7-padding{
display:none;
}
.footer-offices-grid {
display: flex;
}
.fotoer-office-item {
width: 255px;
margin-right: 24px;
}
/* address {
color: var(--Neutral-grey-50, #C2C2C2);
font-size: 15px;
font-style: normal;
line-height: 160%;
letter-spacing: -0.15px;
} */
.footer-block__heading {
color: var(--Green-green-50, #3DB174);
font-family: Poppins;
/* font-size: 16px; */
font-style: normal;
font-weight: 300;
line-height: 150%;
letter-spacing: -0.16px;
padding-bottom: 16px;
}
.footer-block__details-content .list-menu__item--link {
display: inline-block;
font-size: 15px !important;
color: var(--Neutral-White, #FFF) !important;
font-family: Poppins;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 160%;
letter-spacing: 1.0px;
display: block;
margin-bottom: 16px;
}
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
max-width: calc(100% - 64px);
margin: 0 auto;
width: 1200px;
}
.footer__content-top {
border-bottom: 1px solid rgba(194,194,194,.6);
max-width: none !important;
padding-bottom: 0rem !important;
}
.footer-offices {
padding: 40px 0 39px;
}
.fotoer-office-item h3 {
font-weight: 700;
font-size: 15px;
line-height: 160%;
margin-bottom: 24px;
display: flex;
align-items: center;
}
.fotoer-office-item h3 i {
margin-right: 13px;
font-size: 18px;
}
/* .footer__content-bottom-wrapper {
width: 0 !important;
max-width: 0 !important;
margin: 0 !important;
} */
.footer__content-bottom-wrapper.page-width {
max-width: none;
margin: 0;
padding: 0;
}
a.link.link--text.list-menu__item.list-menu__item--link:hover {
color: green !important;
text-decoration: none !important;
}
.header__active-menu-item {
text-decoration: none !important;
}
a.link.link--text.list-menu__item.list-menu__item--link.list-menu__item--active {
text-decoration: none;
}
/* .header__menu-item {
color: white !important;
} */
summary .icon-caret {
display: none !important;
}
.mega-menu__link.link:hover {
text-decoration: none !important;
color: green !important;
}
#HeaderMenu-store-front-DC, #HeaderMenu-store-front-AMZ {
font-weight: 500 !important;
font-style: normal;
font-size: 15px;
line-height: 22px;
color: #3db174;
}
/*Header Customizations*/
.header__menu-item:hover span {
text-decoration: none !important;
text-underline-offset: 0 !important;
}
.mega-menu__list {
grid-template-columns: repeat(3, 1fr);
}
.mega-menu__list.page-width.AMZ {
grid-template-columns: repeat(1, 1fr);
}
ul.mega-menu__list.page-width.AMZ {
width:222px;
}
.mega-menu__content {
left: auto;
right: auto;
}
details[open] > .header__menu-item {
text-decoration: none !important;
}
.header-wrapper--border-bottom .mega-menu__content {
box-shadow: 8px 8px 33px rgba(0,0,0,.33) !important;
}
.header__menu-item {
color: #ffffff;
}
div#cart-notification{
display:none;
}
/*Cookies Policy Page*/
h1.main-page-title.page-title.h0 {
opacity: 0.0;
font-size: 10px;
}
h1 {
color: #000;
font-size: 28px;
line-height: 35px;
margin-bottom: 24px;
font-weight:501;
}
h3{
font-weight: 501;
font-size: 18px;
line-height: 150%;
letter-spacing: -.01em;
margin-bottom: 24px;
}
h2{
font-weight: 600;
font-size: 28px;
line-height: 35px;
color: #000;
margin-bottom: 40px;
}
p{
letter-spacing: -.01em;
}
body {
font-size: 1.5rem !important;
}
a.cookie-anchor-tags {
color: #3db174;
text-decoration: none;
transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
}
::selection {
color: #fff;
background: #3db174;
}
a.cookie-anchor-tags:hover {
color: #3db174 !important;
}
.container-cookie {
display: flex;
/* background-color: #FFFF00; */
}
.container-1-cookie,
.container-2-cookie {
flex: 1;
padding: 100px;
box-sizing: border-box;
}
.container-1-cookie {
/* background-color: #800000; */
margin-right: -100px;
}
.container-2-cookie {
/* background-color: #d3d3d3; */
margin-right:100px;
}
.container-2-cookie > .sticky-bar {
position: sticky !important;
top: 50px !important;
margin-left: auto;
left: 1000px !important;
right: 0 !important;
width: 350px !important;
background-color: #f0f0f0;
box-sizing: border-box !important;
border: 1px solid rgba(194, 194, 194, .5) !important;
padding: 40px !important;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
.sticky-bar a {
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 40px;
letter-spacing: -.01em;
text-align: left;
color: #828282;
min-height: 25px;
display: block;
text-decoration:none;
}
.sticky-link:not(.active):first-child {
color: #828282;
}
.sticky-bar a:first-child {
color: #3db174;
}
.sticky-bar a.active {
color: #3db174;
}
a#ui-id-1{
padding-left: 80px !important;
}
a#ui-id-2{
padding-right: 90px !important;
}
/*Announcement Bar*/
.utility-bar.color-inverse.gradient.header-localization {
height: 29px;
/* height: 35px; */
}
a.header__icon.header__icon--account.link.focus-inset{
width: 76px;
height: 35px;
padding-bottom: 31px;
}
/*Privacy page*/
.image-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.image-container img {
width: 100%;
height: auto;
}
.red {
color: #f53c23;
padding-bottom: 40px;
margin-bottom: 40px;
border-bottom: 1px solid #c2c2c2;
}
.container-privacy {
display: flex;
/* background-color: #FFFF00; */
}
.container-1-privacy,
.container-2-privacy {
flex: 1;
padding: 20px;
box-sizing: border-box;
}
.container-1-privacy {
/* background-color: #800000; */
margin-left: -250px;
margin-right: 100px;
}
.container-2-privacy {
/* background-color: #800000; */
margin-left: 150px;
margin-right: -1000px;
}
.i-p-1{
width:836px;
}
/*Dropdown box on Privacy Page*/
/* .dropbtn {
background-color: #3498DB;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
background-color: #2980B9;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #ddd;}
.show {display:block;} */
/* .dropdown {
position: relative;
display: inline-block;
}
.dropbtn {
background-color: #f9f9f9;
color: #000;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
background-color: #f1f1f1;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: #000;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.fa {
padding-left: 8px;
} */
.container-2-privacy > .sticky-bar-1 { position: sticky !important;
top: 50px !important;
margin-left: -175px;
/* left: 1000px !important; */
right: 0 !important;
width: 400px !important;
/* background-color: #f0f0f0; */
box-sizing: border-box !important;
border: 1px solid rgba(194, 194, 194, .5) !important;
padding: 0px !important;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin-top: 30px;
}
/*
.sticky-bar-1 {
padding:0px;
position: sticky !important;
top: 50px !important;
margin-left: -175px;
right: 0 !important;
width: 400px !important;
background-color: #f0f0f0;
box-sizing: border-box !important;
border: 1px solid rgba(194, 194, 194, .5) !important;
padding: 40px !important;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin-top: 30px;
} */
.sticky-link-1 {
font-family: Poppins;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
letter-spacing: -.01em;
text-align: left;
color: #828282;
min-height: 25px;
display: block;
margin-bottom: 10px;
}
.sticky-link-1:not(.active) {
color: #828282;
}
/* .sticky-bar-1 a:first-child {
color: #3db174;
} */
.sticky-bar-1 a.active {
color: #3db174;
}
.sticky-link-1:nth-child(n+2) {
padding-left: 1em;
}
button.dropdown-toggle {
cursor: pointer;
text-align: left;
outline: none;
font-size: 15px;
transition: .4s;
background: #fff;
width: 100%;
padding: 18px 20px;
font-weight: 500;
line-height: 19.5px;
margin-bottom: 10px;
padding-left: 40px;
border: 1px solid #C2C2C28;
font-size: 14px !important;
text-transform: uppercase;
color: #000;
font-weight: 500;
line-height: 21px;
font-family: 'Poppins',sans-serif !important;
}
/* .fas {
transition: transform 0.2s ease-in-out;
}
.dropbtn i {
float: right;
margin-top: -2px;
}
.show i {
transform: rotate(180deg);
} */
/* DROPDOWN */
.dropdown {
position: relative;
}
.dropdown-toggle {
display: inline-block;
padding: 1rem 2rem;
border-radius: .25rem;
border: none;
cursor: pointer;
font-size: 1rem;
font-weight: 500;
outline: none;
}
/* .dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem;
} */
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
background-color: #fff;
padding: .25rem 0;
border-radius: .25rem;
box-shadow: 0 .25rem 2rem rgba(0, 0, 0, .05);
display: none;
}
.dropdown-menu.show {
display: block;
}
.dropdown-menu a {
display: block;
padding: .25rem .5rem;
}
.dropdown-toggle {
position: relative;
}
.dropdown-toggle::after { content: "";
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%) rotate(180deg);
transition: transform 0.3s;
width: 10px;
height: 6px;
background-image: url("data:image/svg+xml,");
background-size: contain;
}
.dropdown-toggle.active::after {
transform: translateY(-50%) rotate(360deg);
}
/*Download PDF button*/
#download-pdf-button{
cursor: pointer;
text-align: left;
outline: none;
font-size: 15px;
transition: .4s;
background: #fff;
width: 100%;
padding: 18px 20px;
font-weight: 500;
line-height: 19.5px;
margin-bottom: 10px;
padding-left: 40px;
border: 1px solid #C2C2C28;
font-size: 14px !important;
text-transform: uppercase;
color: #000;
font-weight: 500;
line-height: 21px;
font-family: 'Poppins',sans-serif !important;
}
/*Dynamic Product and Service Tabs*/
.bar_container_1, .bar_container_2 {
position: relative; /* Removed absolute positioning */
bottom: calc(100% + 3px); /* Position 3px below the border */
width: 100%; /* Adjust width as needed */
/* Adjust height as needed */
}
.bar_container_1 { margin-top: 50px;
width: 100%;
position: relative;
margin-left: -400px;
margin-right: 50px;
}
.bar_container_2 { margin-top: 50px;
width: 100%;
position: relative;
margin-left: -400px;
margin-right: 50px;
}
.ui-tabs .ui-tabs-nav { display: flex;
justify-content: center; }
.ui-tabs .ui-tabs-nav li { float: none; }
ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header {
padding-bottom: 50px;
}
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
width: 27% !important; /*NOTE HERE*/
height: 21px;
padding-left: 8px;
padding-bottom: 8px;
padding-right: 8px;
padding-top: 8px;
}
.tab-1, .tab-2 {
display: block;
}
.tab-1 {
display: block;
border-bottom: 3px solid #3db174;
/* width: calc(100% + 20vw); */
width: 1000px;
margin-left: calc(50% - 29.5vw);
height: 5%;
padding: 8px;
}
.tab-2 {
display: block;
border-bottom: 3px solid #c2c2c2;
width: 1000px;
margin-left: calc(50% - 8vw);
height: 5%;
padding: 8px;
}
.underline-sa .tab-1 {
text-indent: calc(50% - 20vw); /* Adjust as needed */
}
.underline-sa .tab-2 {
text-indent: calc(50% - 5vw); /* Adjust as needed */
}
/* @media (min-width: 300px) {
.tab-1 {
width: calc(100% + 50vw);
margin-left: calc(50% - 75vw);
}
.tab-2 {
width: calc(100% + 50vw);
margin-left: calc(50% - 15vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 60vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 10vw);
}
}
@media (min-width: 500px) {
.tab-1 {
width: calc(150% + 20vw);
margin-left: calc(50% - 52vw);
}
.tab-2 {
width: calc(100% + 40vw);
margin-left: calc(50% - 15vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 45vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 10vw);
}
}
@media (min-width: 600px) {
.tab-1 {
width: calc(100% + 40vw);
margin-left: calc(50% - 58vw);
}
.tab-2 {
width: calc(100% + 40vw);
margin-left: calc(50% - 15vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 61vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 10vw);
}
}
@media (min-width: 700px) {
.tab-1 {
width: calc(100% + 45vw);
margin-left: calc(50% - 60vw);
}
.tab-2 {
width: calc(100% + 40vw);
margin-left: calc(50% - 15vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 61vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 10vw);
}
}
@media (width: 768px) {
.tab-1 {
width: calc(100% + 35vw);
margin-left: calc(50% - 55vw);
}
.tab-2 {
width: calc(100% + 35vw);
margin-left: calc(50% - 15vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 61vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 10vw);
}
}
@media (min-width: 800px) {
.tab-1 {
width: calc(100% + 30vw);
margin-left: calc(50% - 52vw);
}
.tab-2 {
width: calc(100% + 30vw);
margin-left: calc(50% - 15vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 60vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 13vw);
}
}
@media (min-width: 821px) {
.tab-1 {
width: calc(100% + 15vw);
margin-left: calc(50% - 25vw);
}
.tab-2 {
width: calc(100% + 15vw);
margin-left: calc(50% - 0vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 30vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 8vw);
}
}
@media (min-width: 900px) {
.tab-1 {
width: calc(100% + 20vw);
margin-left: calc(50% - 29vw);
}
.tab-2 {
width: calc(100% + 22vw);
margin-left: calc(50% - 9vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 30vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 5vw);
}
}
@media (min-width: 1441px) {
.tab-1 {
width: calc(100% + 21vw);
margin-left: calc(50% - 30vw);
}
.tab-2 {
width: calc(100% + 21vw);
margin-left: calc(50% - 8vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 29vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 9vw);
}
}
@media (min-width: 1500px) {
.tab-1 {
width: calc(100% + 18vw);
margin-left: calc(50% - 28vw);
}
.tab-2 {
width: calc(100% + 20vw);
margin-left: calc(50% - 10vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 30vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 5vw);
}
}
@media (min-width: 1700px) {
.tab-1 {
width: calc(100% + 12vw);
margin-left: calc(50% - 22vw);
}
.tab-2 {
width: calc(100% + 12vw);
margin-left: calc(50% - 10vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 17vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 5vw);
}
}
@media (min-width: 1900px) {
.tab-1 {
width: calc(100% + 10vw);
margin-left: calc(50% - 20vw);
}
.tab-2 {
width: calc(100% + 10vw);
margin-left: calc(50% - 10vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 20vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 5vw);
}
}
@media (min-width: 2000px) {
.tab-1 {
width: calc(100% + 9vw);
margin-left: calc(50% - 19vw);
}
.tab-2 {
width: calc(100% + 9vw);
margin-left: calc(50% - 10vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 20vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 5vw);
}
}
@media (min-width: 2100px) {
.tab-1 {
width: calc(100% + 7vw);
margin-left: calc(50% - 17vw);
}
.tab-2 {
width: calc(100% + 7vw);
margin-left: calc(50% - 10vw);
}
.underline-sa .tab-1 {
text-indent: calc(50% - 20vw);
}
.underline-sa .tab-2 {
text-indent: calc(50% + 5vw);
}
} */
ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header{
padding: 0 4%;
}
a#ui-id-1 {
margin-top: -15px;
margin-left: -60% !important;
width: 160%;
margin: 0 5px;
letter-spacing: .13em;
text-transform: uppercase;
font-size: 14px;
line-height: 21px;
font-weight: 600;
padding: 8px;
cursor: pointer;
transition: .35s ease;
text-align:center;
}
/*Gap between product tab and products*/
ul#product-grid{
margin-top:7%;
}
a#ui-id-2 {
margin-top: -15px;
margin-left: 175px;
width: 160%;
margin: 0 5px;
letter-spacing: .13em;
text-transform: uppercase;
font-size: 14px;
line-height: 21px;
font-weight: 600;
padding: 8px;
cursor: pointer;
transition: .35s ease;
text-align: center;
}
.underline-sa .tab-1 {
text-indent: calc(50% - 20vw); /* Adjust as needed */
}
.underline-sa .tab-2 {
text-indent: calc(50% - 5vw); /* Adjust as needed */
}
@media screen and (min-width: 800px) and (max-width: 900px) {
a#ui-id-1 {
margin-left: -50% !important;
width: 140%;
}
a#ui-id-2 {
width: 140%;
}
.underline-sa .tab-1 {
text-indent: calc(50% - 20vw); /* Adjust as needed */
}
}
@media screen and (min-width: 820px) and (max-width: 1200px) {
a#ui-id-1 {
margin-left: -50% !important;
width: 150%;
}
a#ui-id-2 {
width: 150%;
}
}
@media screen and (min-width: 1500px)and (max-width: 1600px){
a#ui-id-1 {
margin-left: -50% !important;
width: 140%;
}
a#ui-id-2 {
width: 140%;
}
}
@media screen and (min-width: 1600px)and (max-width: 1700px){
a#ui-id-1 {
margin-left: -40% !important;
width: 140%;
}
a#ui-id-2 {
width: 140%;
}
}
@media screen and (min-width: 1700px)and (max-width: 1800px){
a#ui-id-1 {
margin-left: -40% !important;
width: 140%;
}
a#ui-id-2 {
width: 140%;
}
}
@media screen and (min-width: 1800px)and (max-width: 2000px){
a#ui-id-1 {
margin-left: -20% !important;
width: 120%;
}
a#ui-id-2 {
width: 120%;
}
}
@media screen and (min-width: 2000px)and (max-width: 2100px){
a#ui-id-1 {
margin-left: -15% !important;
width: 110%;
}
a#ui-id-2 {
width: 110%;
}
.underline-sa .tab-1 {
text-indent: calc(50% - 13vw); /* Adjust as needed */
}
}
@media screen and (min-width: 2100px){
a#ui-id-1 {
margin-left: -8% !important;
width: 100%;
}
a#ui-id-2 {
width: 100%;
}
.underline-sa .tab-1 {
text-indent: calc(50% - 13vw); /* Adjust as needed */
}
}
/* ui-tabs-tab ui-corner-top ui-state-default ui-tab */
.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active a { animation: appear 0.35s forwards; } @keyframes appear { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: none !important;
background: transparent !important;
font-weight: normal !important;
color: #000000 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: none !important;
background: transparent !important;
font-weight: normal !important;
color: #000000 !important; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000!important;
}
.ui-tabs .ui-tabs-nav li a { color: #828282;}
.ui-tabs .ui-tabs-nav li.ui-state-default a:hover { color: #3DB174; }
#tabs ul li a {
font-size: 16px;
text-decoration: none;
}
.card__information #tabs { /* Target the entire #tabs element within .card__information */
text-decoration: none !important; /* Remove any default underline for consistency */
}
.card__information:hover a.full-unstyled-link-1 { /* Add underline on hover only to links inside #tabs */
text-decoration: underline !important;
}
.card__information:hover #tabs ul li a.full-unstyled-link-1 {
text-decoration: underline !important;
} */
#tabs {
position: relative;
}
/* .underline-static {
width: 100%;
} */
/* .underline-static {
border-bottom: 3px solid #3db174;
margin: 2px 3px;
letter-spacing: .13em;
text-transform: uppercase;
font-size: 14px;
line-height: 21px;
font-weight: 600;
padding: 8px;
cursor: pointer;
transition: .35s ease;
}
@keyframes underline-animation-static {
0% {
width: 100%;
}
100% {
width: 100%;
}
} */
.underline-active {
position: relative;
/* Add the underline effect using a pseudo-element */
&::before {
content: "";
position: absolute;
left: 25px; /* Adjust for desired offset */
bottom: 0;
width: 0;
height: 2px;
background-color: #c2c2c2;
z-index: 2;
/* animation: underline-animation 10s linear infinite; */
}
/* Define the animated underline width */
&::before {
width: 100%;
}
}
@keyframes underline-animation {
0% {
width: 0%;
}
100% {
width: 100%;
}
}
.underline-sa::after { /* Black line at the bottom */
content: "";
position: absolute;
left: 3px; /* Adjust for desired offset */
bottom: 0;
width: 0;
height: 2px;
background-color: #FFFF00;
z-index: 1; /* Ensure black line stays behind colored lines */
}
ul#Slider-template--21420994330905__0164a320-d6c0-4b26-a5cc-00c9fae78ee3{
display:none;
}
.color-background-1.isolate.gradient{
width: 0px;
height: 0px;
}
ul.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header{
background:#ffffff;
}
.ui-widget-header{
border: 1px solid #ffffff !important;
color: #ffffff !important;
}
.ui-widget.ui-widget-content {
border: 1px solid #ffffff !important;
}
/* nav.header__inline-menu{
width: 500px;
} */
/* header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account{
margin-left: 200px;
margin-right: 200px;
padding-left: 30px;
} */
.card-information {
/* padding-left: 24px; */
}
header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account{
padding-right: 0px;
}
.header__icons.header__icons--localization.header-localization{
border-left: 35px;
padding-left: 20px;
}
nav.header__inline-menu{
padding-right: 23px;
}
/* .card-info-des h3 {
font-weight: normal !important;
text-decoration: none !important;
color: #FF0000 !important;
} */
.card-info-des.h3.a.full-unstyled-link-1 {
font-family: Poppins !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: -0.01em !important;
text-align: left !important;
color: #595959 !important;
text-decoration:none;
}
a#CardLink-template--21420994035993__product-grid-8148091994393{
/* height: 189px;
width: 405px; */
/* margin-bottom: 200px !important; */
}
/* p#title-template--21420994035993__product-grid-8148091994393{
/* height: 50px !important; */
/*font-size: 15px;
font-weight: 400;
line-height: 160%;
letter-spacing: -0.15px;
font-style: normal;
} */
span.price-item.price-item--regular{
color:#3db174
}
@media screen and (min-width: 768px){
li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab {
width: 40%;
}
}
/* h3#title-template--21420994035993__product-grid-8148091994393{
font-family: Poppins;
font-size: 28px !important;
font-weight: 300 !important;
line-height: 35px !important;
letter-spacing: 0em !important;
text-align: left !important;
}
*/
a.full-unstyled-link-1{
font-family: Poppins;
font-size: 21px !important;
font-weight: 300 !important;
line-height: 35px !important;
letter-spacing: 0em !important;
text-align: left !important;
/* margin-left: 0px;
margin-right: -100px !important; */
width: 400px !important;
margin-bottom:50px;
}
#tabs ul li a {
padding: 0px 0px ;
}
a#ui-id-2{
height: 30px !important;
}
a#ui-id-1{
height: 30px !important;
}
.card-title-container {
/* margin-bottom: 12px; */
}
a.full-unstyled-link{
margin-left: 0px !important;
}
/*CONTACT PAGE*/
.cp-offices-grid {
margin-top: 64px;
display: flex;
}
section.global-offices-list h2 {
font-weight: 500 !important;
margin-bottom: 16px !important;
letter-spacing: -.01em !important;
}
.cp-office-column h3 {
margin-bottom: 16px;
font-weight: 500;
font-size: 30px;
line-height: 38px;
}
.cp-office-column .subtitle {
color: #2e8557;
display: block;
/* font-weight: 500; */
font-size: 14px;
line-height: 21px;
/* text-transform: uppercase; */
letter-spacing: .05em;
margin-bottom: 32px;
}
.global-offices-list hr {
display: block !important;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
.cp-office-column-1 {
margin-left:134.812px;
}
.cp-office-column-1 h3 {
margin-bottom: 16px;
font-weight: 500;
font-size: 30px;
line-height: 38px;
}
.cp-office-column-1 .subtitle {
color: #2e8557;
display: block;
/* font-weight: 500; */
font-size: 14px;
line-height: 21px;
/* text-transform: uppercase; */
letter-spacing: .05em;
margin-bottom: 32px;
}
.cp-office-column-2 {
margin-left:238.93px;
}
.cp-office-column-2 h3 {
margin-bottom: 16px;
font-weight: 500;
font-size: 30px;
line-height: 38px;
}
.cp-office-column-2 .subtitle {
color: #2e8557;
display: block;
/* font-weight: 500; */
font-size: 14px;
line-height: 21px;
/* text-transform: uppercase; */
letter-spacing: .05em;
margin-bottom: 32px;
}
.global-offices-list .container-contact a {
text-decoration: none;
color: #3db174;
font-style: normal;
}
.contact-address {
font-size: 18px;
}
/* .global-offices-list .container-contact .cp-offices-grid h3{
width: 247px;
} */
.global-offices-list .container-contact .cp-offices-grid h3#customer-support-1{
width:355px;
}
.global-offices-list .container-contact h2#customer-support-heading-1{
font-size: 40px;
line-height: 50px;
font-weight: 500;
margin-bottom: 16px;
letter-spacing: -.01em;
}
.global-offices-list .container-contact .content-para{
letter-spacing: .0015em;
color: #595959;
font-size: 22px;
line-height: 33px;
}
.global-offices-list .container-contact .cp-offices-grid .subtitle{
display: block;
font-weight: 500;
font-size: 14px;
line-height: 21px;
text-transform: uppercase;
letter-spacing: .05em;
margin-bottom: 32px;
color: #2e8557;
}
.global-offices-list .container-contact .cp-offices-grid h3.cust-support-heading {
margin-bottom: 16px;
font-weight: 500;
font-size: 30px;
line-height: 38px;
}
.global-offices-list .container-contact .cp-offices-grid a.contact-page-telephone {
font-size: 18px;
}
/*CART BUBBLE NUMBER*/
.cart-count-bubble {
position: absolute;
color: rgb(var(--color-button-text));
border-radius: 50%; /* makes the div a circle */
display: flex;
justify-content: center;
align-items: center;
font-size: .9rem;
line-height: calc(1 + .1 / var(--font-body-scale));
background-color: #F88D3B;
bottom: 25px;
left: 41px;
min-width: 15px; /* sets minimum width */
min-height: 15px; /* sets minimum height */
padding: 12px; /* creates space around the content */
top: -4px;
}
@media screen and (min-width: 750px)
.select__select {
color: #ffffff;
}
.facet-filters__sort{
background-color: #ffffff !important;
}
/* .select-1{
right:153px;
} */
.card-one-line-container {
padding-bottom: 10px; /* Adjust padding as desired */
color:#3db174
}
.card-one-line-container > * {
color: #3db174;
text-transform: uppercase;
}
.full-unstyled-link-info-des {
color: #595959 !important;
}
/* header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account{
width: 1041px;
} */
ul.mega-menu__list.page-width.mega-menu__list--condensed{
margin-right: 60px;
}
/* ul#Slider-Gallery-template--21420994461977__main {
margin-right: 50px;
} */
ul.mega-menu__list.page-width{
width:582px;
}
.mega-menu__list.page-width.mega-menu__list--condensed{
width: 200px;
}
.product__media-list.contains-media.grid.grid--peek.list-unstyled.slider.slider--mobile{
width: 700px;
}
.ui-tabs .ui-tabs-panel {
padding: 0 !important;
}
@media screen and (min-width: 990px){
.grid--3-col-desktop .grid__item {
width: calc(30% - 8px * 2 / 3) !important;
max-width: calc(30% - 8px * 2 / 3) !important;
}
}
/* Header customisations for header width and drop-down box */
ul#product-grid li.grid__item.scroll-trigger.animate--slide-in:nth-child(2), ul#product-grid li.grid__item.scroll-trigger.animate--slide-in:nth-child(5) {
margin: 0 0px;
}
header.header.header--middle-left.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account{
height: 51px;
padding-top: 10px !important;
}
.mega-menu__list.page-width.mega-menu__list--condensed{
padding-right: 0px !important;
padding-left: 0px !important;
width:449.414px;
height: 206px;
}
.mega-menu__list.page-width{
padding-left:30px !important;
padding-right:30px !important;
/* width: 224.703px;
height: 260px; */
}
.mega-menu__link.mega-menu__link--level-2.link{
/* padding-right:80px !important;
width: 224.703px; */
}
#MegaMenu-Content-3 > .mega-menu__list.page-width.mega-menu__list--condensed > li > .mega-menu__link.mega-menu__link--level-2.link{
padding-left: 50px !important;
/* padding-right:80px !important; */
}
#MegaMenu-Content-3 > .mega-menu__list.page-width.mega-menu__list--condensed{
width:175px;
height: 70px;
}
div#tabs{
padding-top: 64px;
}
/*Solution that Fit YOur needs*/
p.rich-text__caption.caption-with-letter-spacing.caption-with-letter-spacing--medium.scroll-trigger.animate--slide-in{
margin-bottom: 20px !important;
}
h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in{
margin-top: 0px !important;
}
#shopify-section-template--21420994330905__31335665-0bee-434c-b4fb-5b944cf19365 h2.rich-text__heading.rte.inline-richtext.h1 {
font-weight: 600 !important;
}
/*TO fix the /collection/ page card contents*/
a:-webkit-any-link {
cursor: pointer;
text-decoration: none !important;
}
.card-info-des{
color:#FF0000 !important;
}
a.full-unstyled-link-info-des {
color: #595959 !important;
font-size: 12px;
}
.card-title-container.card__heading.h5 {
color: #000000;
}
a.full-unstyled-link-1 {
color: #000000 !important;
font-weight: 500 !important;
}
details#Details-1-template--21420994035993__product-grid{
margin-right: 30px !important;
}
/*Changing GRID spacing*/
:root {
--grid-desktop-horizontal-spacing: 40px !important;
}
/* Product filters on collection pages*/
/* .facet-filters.sorting.caption {
padding-right: 350px !important;
padding-left: 0px !important;
} */
/* #targetted-duo {
width: 0 !important;
height: 0 !important;
border-left: 10px solid transparent !important;
border-right: 10px solid transparent !important;
border-top: 10px solid black !important;
}
*/
/* Filters in collections pages */
#targetted-duo::before, #targetted-duo::after {
display: none;
}
#FacetsWrapperDesktop > .surround-box > details > summary svg {
margin-left: 210px;
transform: translateY(-20px);
}
#FacetsWrapperDesktop > .surround-box > details > summary span {
text-transform: uppercase;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.05em !important;
text-align: left !important;
font-family: Poppins !important;
color: #000000;
}
#FacetsWrapperDesktop > .surround-box-1 > details > summary svg {
margin-left: 217px;
transform: translateY(-20px);
}
#FacetsWrapperDesktop > .surround-box-1 > details > summary span {
text-transform: uppercase;
font-size: 13px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.05em !important;
text-align: left !important;
font-family: Poppins !important;
color: #000000;
}
.surround-box{
/* border: 1px solid #C2C2C2;
padding: 10px;
width: 245px;
height: 45px;
padding: 16px, 20px, 16px, 20px;
margin: -20px 29px 10px 10px; */
}
.surround-box-1{
border: 1px solid #C2C2C2;
padding: 10px;
width: 277px;
height: 45px;
margin: -20px 0px 10px 10px;
}
.surround-box:hover{
cursor:pointer;
}
.surround-box-1:hover{
cursor:pointer;
}
/* .facets-container.scroll-trigger.animate--fade-in{
width: 1400px !important;
} */
aside#main-collection-filters{
padding-left: 0px !important;
paddding-right: 0px !important;
}
.facet-filters.sorting.caption{
padding-left: 0px;
}
/* div#FacetsWrapperDesktop{
margin-left: 75px;
padding-left: 65px;
} */
/* .product-count__text.text_body {
position: relative;
} */
#ProductCountDesktop {
position: relative;
}
span#ProductCountDesktop {
bottom: 9px !important;
}
.facet-filters__label.caption-large.text-body label {
margin-right: 15px;
text-transform: uppercase;
}
.surround-box > summary span: hover{
text-decoration:none;
}
.surround-box:hover span {
text-decoration: none !important;
}
.surround-box-1 > summary span: hover{
text-decoration:none;
}
.surround-box-1:hover span {
text-decoration: none !important;
}
.facets__form {
gap: 0 0.5rem !important; }
.active-facets.active-facets-desktop{
margin-left: 142px;
}
.parent-display.facets__display{
width: 250px !important;
}
.facets__display{
width: 250px !important;
}
/* Resizing for Product Tabs */
.container-for-underline {
width: 100%;
padding-bottom: 5%;
}
#tabs {
width: 100%;
height: auto; /* You can adjust this based on your needs */
}
#tabs ul {
width: 100%;
display: flex;
/* justify-content: space-around; */
}
#tabs ul li {
width: auto; /* You can adjust this based on your needs */
}
#tabs-1, #tabs-2 {
width: 100%;
height: auto; /* You can adjust this based on your needs */
}
/* facet-remove {
display: flex;
flex-direction: column-reverse;
} */
.card__inner.color-background-2.gradient.ratio{
/* width: 380px !important;
height: 280px !important; */
width: 364px !important;
height: 228px !important;
}
.collection-for-underline{
width: 100%;
/* padding-left: 30%;
padding-right: 30%; */
}
/* The color schema of everything inside the options in filters
a.facets__reset.link.underlined-link{
font-size: 13px;
border-radius: 10px;
padding: 3px;
border: 1px solid #3db174;
background-color: #3db174;
color: #ffffff;
}
span.facets__selected.no-js-hidden{
color: #ffffff;
}
.facets__header{
background-color: #000000 !important;
}
span.facets__selected{
color: #fff;
} */
/* PDP PAGES */
.product__media.media.media--transparent{
padding-top: 0px!important;
width: 569px !important;
height: 437px !important;
}
quantity-input.quantity{
width: 269px;
height: 46px;
padding: 13px 20px 13px 20px;
gap: 8px;
border-radius: 4px !important;
}
/* button#ProductSubmitButton-template--21420994461977__main {
background-color: #3db174 !important;
border-radius: 50px !important;
width: 269px;
height: 45px;
padding: 12px 24px 12px 24px;
gap: 8px;
border: none !important;
} */
:root{
--color-button: none !important;
}
div.grid__item.product__media-wrapper {
width: 569px !important;
}
/* .product.product--large.product--left.product--thumbnail.product--mobile-hide.grid.grid--1-col.grid--2-col-tablet{
width: 1500px;
gap: 40px;
} */
/* .page-width.section-template--21420994461977__main-padding{
margin-right: 150px !important;
margin-left: 150px !important;
padding-left:0px !important;
padding-right: 0px !important;
} */
.product.product--large.product--left.product--thumbnail.product--mobile-hide.grid.grid--1-col.grid--2-col-tablet{
/* width: 1290px;
margin-top: 64px;
margin-right: 500px; */margin-top: 64px;
}
.product.product--large.product--left.product--thumbnail.product--mobile-hide.grid.grid--1-col.grid--2-col-tablet .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in .product__title h1{
font-family: Poppins;
font-size: 28px;
font-weight: 500;
line-height: 35px;
text-align: left;
margin-bottom: 5px;
}
.product.product--large.product--left.product--thumbnail.product--mobile-hide.grid.grid--1-col.grid--2-col-tablet .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in p.product__text.inline-richtext.caption-with-letter-spacing{
font-family: Poppins;
font-size: 14px;
font-weight: 500;
line-height: 21px;
letter-spacing: 0.05em;
text-align: left;
color: #3db174;
margin-bottom: 12px;
margin-top: 0px;
}
.product__description.rte.quick-add-hidden{
display: block;
margin-top: 12px !important;
}
@media (min-width: 320px){
width: 100% !important;
}
@media (min-width: 750px){
.product__description.rte.quick-add-hidden {
width: 100% !important;
}
.product__media-list.contains-media.grid.grid--peek.list-unstyled.slider.slider--mobile {
width: 40% !important;
}
}
@media (min-width: 990px){
.product__description.rte.quick-add-hidden {
width: 130% !important;
}
.product__media.media.media--transparent {
right: 100px !important;
}
}
@media (min-width: 990px){
.product__description.rte.quick-add-hidden {
width: 130% !important;
}
.product__media.media.media--transparent {
right: 60% !important;
}
}
@media screen and (min-width: 1040px) and (max-width: 1224px) {
.product__description.rte.quick-add-hidden {
width: 130% !important;
}
.product__media.media.media--transparent {
right:0%
}
/* .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in{
margin-right: 20% !important;
} */
}
@media (min-width: 1225px){
.product__description.rte.quick-add-hidden {
width: 130% !important;
}
.product__media.media.media--transparent {
left: 30%;
}
/* .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in{
margin-right: 20% !important;
} */
}
@media (min-width: 1600px){
.product__description.rte.quick-add-hidden {
width: 130% !important;
}
.product__media.media.media--transparent {
left: 30%;
}
/* .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in{
margin-right: 20% !important;
} */
/* .product__media.media.media--transparent {
right: 40% !important;
} */
}
nav.breadcrumbs{
position: relative;
bottom: 5px;
}
/* td {
border-bottom: 1px solid #C2C2C2 !important;
} */
div#main-cart-items{
padding-bottom: 0px !important;
}
.cart-items th {
padding-top: 18px !important;
border-top: 1px solid #C2C2C2 !important;
border-bottom: 1px solid #C2C2C2 !important;
}
.title-wrapper-with-link h1.title.title--primary {
font-family: Poppins;
font-size: 45px;
font-weight: 600;
line-height: 75px;
letter-spacing: 0.0025em;
text-align: center;
margin: 0 auto;
}
.cart-items thead > tr{
height: 71px;
}
.cart-items tbody .cart-item {
height: 90px !important;
}
/* .cart-item {
height: 90px !important;
}
#CartItem-2{
height: 90px !important;
} */
th.caption-with-letter-spacing{
font-family: Poppins;
font-size: 18px;
font-weight: 600 !important;
line-height: 27px;
letter-spacing: -0.01em;
text-align: left;
color: #000;
}
/*Cart-Empty Page*/
.position-empty {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 45vh;
text-align: center;
position: relative;
transform: translateY(-50px);
}
.position-empty > img {
z-index: 1;
width: 70px;
height: 70px;
position: absolute;
bottom: calc(50% + 48px);
}
.cart__login-title {
z-index: 2;
position: relative;
}
.position-empty > .cart__login-paragraph {
color: #595959;
font-family: Poppins;
font-size: 22px;
font-weight: 400;
line-height: 33px;
letter-spacing: 0.0015em;
text-align: center;
}
.position-empty > .cart__login-title{
font-family: Poppins;
font-size: 28px;
font-weight: 600;
line-height: 35px;
text-align: center;
}
.cart__warnings > .cart__empty-text{
//styleName: Extra large screens (>1200px)/Xlarge Title: Bold;
font-family: Poppins;
font-size: 60px;
font-weight: 600;
line-height: 75px;
letter-spacing: 0.0025em;
text-align: center;
}
.product__description ul li span {
font-size: 1.5rem !important;
}
.cart-item__price-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap; /* makes the flex container responsive */
}
.cart-remove-button{
margin-left: 0px !important;
}
td.cart-item__quantity{
padding-left: 0px !important;
padding-right: 20px !important;
}
.cart-items *.right {
text-align: center !important;
}
/* .go-back-shopping-empty a {
display: inline-block;
text-decoration: none;
border: 1px solid #9ED8B9;
width: 224px;
height: 45px;
top: 22.5px;
left: 65px;
padding: 12px 24px 12px 24px;
gap: 8px;
border-radius: 50px 50px 50px 50px;
border: 1px 0px 0px 0px;
opacity: 0px;
color: #3db174;
font-family: Poppins;
font-size: 14px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0.13em;
text-align: center;
text-transform: uppercase;
} */
.go-back-shopping-empty a {
display: inline-block;
text-decoration: none;
border: 1px solid #9ED8B9;
width: 80%; /* adjust as needed */
max-width: 224px;
padding: 12px 18px;
margin: 0 auto; /* centers the button horizontally */
border-radius: 50px;
color: #3db174;
font-family: Poppins;
font-size: 14px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0.13em;
text-align: center;
text-transform: uppercase;
transition: 0.3s; /* optional: adds a smooth transition effect */
margin-bottom: 109px;
position: relative;
}
/* Adjusts the style for screens smaller than 600px */
@media screen and (max-width: 600px) {
.go-back-shopping-empty a {
width: 100%; /* button takes up full width on smaller screens */
padding: 8px 12px; /* smaller padding */
font-size: 12px; /* smaller font size */
}
}
.go-back-shopping a {
display: inline-block;
text-decoration: none;
border: 1px solid #9ED8B9;
width: 101%; /* adjust as needed */
max-width: 224px;
padding: 12px 18px;
margin: 64px auto; /* centers the button horizontally */
border-radius: 50px;
color: #3db174;
font-family: Poppins;
font-size: 14px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0.13em;
text-align: center;
text-transform: uppercase;
transition: 0.3s; /* optional: adds a smooth transition effect */
position: relative;
}
/* Adjusts the style for screens smaller than 600px */
@media screen and (max-width: 600px) {
.go-back-shopping a {
width: 100%; /* button takes up full width on smaller screens */
padding: 8px 12px; /* smaller padding */
font-size: 12px; /* smaller font size */
}
}
h1.cart__empty-text{
margin-bottom: 20px;
}
th.caption-with-letter-spacing{
text-align: center;
}
th.cart-items__heading--wide.cart-items__heading--quantity.small-hide.caption-with-letter-spacing{
text-align: center;
}
th.small-hide.right.caption-with-letter-spacing{
text-align: center;
}
th.cart-items__heading--wide.cart-items__heading--quantity.small-hide.caption-with-letter-spacing{
padding-right: 5.5% !important;
padding-left: 0px !important;
}
.cart-items thead th {
text-transform: none !important;
}
a.cart-item__name.h4.break{
font-weight: 600;
}
.cart__ctas {
display: flex; /* makes children inline */
justify-content: space-between; /* spaces children evenly */
gap: 26px; /* creates gap between children */
flex-direction: row-reverse;
}
.cart__ctas button {
flex: 1; /* makes buttons fill available space */
max-width: 138px; /* original width */
padding: 12px 24px;
border-radius: 50px;
border: none;
color: #fff;
transition: box-shadow var(--duration-short) ease;
-webkit-appearance: auto;
appearance: auto;
background-color: #3db174;
box-sizing: border-box;
}
.checkout-and-shopping {
display: flex;
justify-content: space-between;
}
.go-back-shopping{
/* height: 10px !important; */
width: 224px;
}
.cart__ctas{
height: 30px !important;
width: 139px !important;
}
a.underlined-link{
width: 218px;
/* right: 120px !important; */
}
.totals{
margin-right: 32px;
}
td.cart-item__details{
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.cart-item__price-wrapper{
padding-top: 5px !important;
}
.underlined-link:hover{
color: #3db174;
}
.page-width.section-template--21420993970457__cart-items-padding > .title-wrapper-with-link {
margin-bottom: 64px !important;
}
/* hr.full-length {
position: absolute;
left: 0;
width: 100vw;
margin-bottom: 10px;
} */
/* small.tax-note.caption-large.rte{
width: max-content;
} */
span.price.price--end{
text-align: right !important;
}
select {
background-color: #f0f0f0 !important;
appearance: none !important;
}
.select datalist option{
background-color: #f0f0f0 !important;
}
/* .price-container-amount {
display: flex !important;
justify-content: flex-end !important;
} */
/* .price-container-amount {
text-align: right !important;
}
.price.price--end {
float: right !important;
} */
.select2-selection__arrow b{
display: none;
}
h2.facet-filters__label.caption-large.text-body{
margin-bottom: 6px;
}
svg.icon.icon-caret{
margin-bottom: 100px !important;
right: 9px !important;
}
span.select2.select2-container.select2-container--default{
bottom: 2px;
}
/* .select .icon-caret{
right: 9px !important;
} */
.price-container-amount {
width: 50% !important;
min-width: 71px !important; /* adjust as needed */
display: flex !important;
justify-content: flex-end !important;
}
th.caption-with-letter-spacing{
padding-left: 2vw !important; /* Adjust the value as needed */
}
/* Checkout */
.customer button{
background-color: #3db174;
}
/* Header */
@media screen (min-width: 990px) and (max-width: 1007px) {
.header__icons.header__icons--localization.header-localization{
height: 169px !important;
}
nav.header__inline-menu{
height: 40px !important;
}
}
/*1034*/
@media screen and (min-width: 990px) and (max-width: 1258px){
.header--middle-left.header__inline-menu {
height: 40px !important;
}
ul.list-menu.list-menu--inline{
height: 40px !important;
}
}
.localization-wrapper{
margin-right: 0px !important;
}
.header__icons.header__icons--localization.header-localization{
padding-right: 0px !important;
}
a#contact-icon{
margin-right: 0px;
}
h2#announcementLabel{
/* position: relative; */
bottom: 10px;
}
@media screen and (max-width: 850px){
.utility-bar.color-inverse.gradient.header-localization{
width: 190% !important;
}
}
a.header__heading-link.link.link--text.focus-inset{
left: 0px;
}
@media screen and (max-width: 998px){
h1.header__heading{
position: absolute;
right: 60%;
}
}
/* Footer */
/* .footer__content-bottom-wrapper.page-width{
padding-left: 0px !important;
padding-right: 0px !important;
} */
.footer__copyright.caption{
padding-left: 0px;
}
/* .footer__content-bottom,
.footer__content-bottom::before,
.footer__content-bottom::after {
box-sizing: content-box !important;
} */
.product__description.rte.quick-add-hidden{
padding-right: 25%;
}
@media screen and (min-width: 990px) and (max-width: 1440px) {
.footer__content-bottom-wrapper.page-width{
padding-left: 10% !important;
}
}
@media screen and (min-width: 990px) and (max-width: 1200px) {
.footer__content-bottom-wrapper.page-width{
padding-left: 15% !important;
}
}
.footer__social {
justify-content: flex-end;
margin-right: 10px !important;
}
.list-unstyled.list-social.footer__list-social{
justify-content: right !important;
}
.footer__content-bottom-wrapper.page-width{
padding-left: 0px !important;
padding-right: 0px !important;
}
.footer-copyright-content {
width: 150% !important;
}
.footer-logo{
margin-left: 30px;
}
@media screen and (min-width: 1100px) and (max-width: 1300px) {
.footer__social {
margin-right: 10% !important;
}
}
/* .customer.account.section-template--21420994593049__main-padding div:nth-of-type(2) {
display: none;
} */
footer.footer.color-scheme-4e1f2193-cddf-42ff-a9e3-45a0f40fba2c.gradient.section-sections--21420994986265__footer-padding{
padding-bottom: 0px !important;
}
.account-details{
display:none;
}
@media screen and (min-width: 750px)
.account thead th:last-child, .account td:last-child {
text-align: left !important;
}
/* MY ACCOUNT DASHBOARD */
.account-dash-header{
font-family: Poppins;
font-size: 60px;
font-weight: 600;
line-height: 75px;
letter-spacing: 0.0025em;
text-align: center;
}
.account-dash-content-on-top{
font-family: Poppins;
font-size: 22px;
font-weight: 400;
line-height: 33px;
letter-spacing: 0.0015em;
text-align: center;
}
h2.account-dash-content-on-top.container {
width: 100%;
height: auto;
}
@media screen and (min-width: 768px) {
h2.account-dash-content-on-top.container {
width: 800px;
height: 99px;
margin: 0 auto;
}
}
.Heading-account-styling > .col{
width: 540px;
height: 70px;
gap: 0px;
border: 1px solid #BDBDBD;
font-size: 28px;
font-weight: 500;
line-height: 35px;
text-align: left;
}
.Body-account-styling > .col{
width: 540px;
height: 145px;
gap: 0px;
border: 1px solid #BDBDBD;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
text-align: left;
}
.Body-account-styling > .Col{
width: 540px;
height: 165px;
gap: 0px;
border: 1px solid #BDBDBD;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
text-align: left;
}
h2.account-dash-content-on-top.container{
color: #595959;
margin-bottom: 64px;
}
p.text-caption-account-dash{
font-size: 13px;
font-weight: 500;
line-height: 19.5px;
letter-spacing: 0.05em;
text-align: center;
margin-top: 64px;
margin-bottom: 32px;
}
.order-heading {
display: flex;
flex-direction: column;
}
.order-heading > .heading-in-div > h1{
font-size: 40px;
font-weight: 600;
line-height: 50px;
letter-spacing: -0.01em;
text-align: center;
}
.order-heading{
align-items: center;
}
.order-heading > .content-in-div {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 165px;
}
.order-heading > .content-in-div > p {
color: #595959;
font-size: 22px;
font-weight: 400;
line-height: 33px;
letter-spacing: 0.0015em;
text-align: center;
gap: 0px;
opacity: 1;
}
.order-history-2 > h2{
font-weight: 500;
}
.order-history-table{
margin-top: 0px !important;
}
.card__content{
text-align: center;
}
.card-information{
text-align: center !important;
}
.account-buttons a {
display: inline-block;
text-decoration: none;
border: 1px solid #9ED8B9;
width: 80%;
max-width: 224px;
padding: 12px 18px;
border-radius: 50px;
color: #3db174;
font-family: Poppins;
font-size: 14px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0.13em;
text-align: center;
text-transform: uppercase;
transition: 0.3s;
margin-bottom: 109px;
position: relative;
}
.container-fluid{
display: flex;
flex-direction: row;
}
.row-first, .row-second{
width: 600px;
}
h2#AnnouncementLanguageLabel{
margin-right: 4px;
margin-bottom: 12px;
margin-top: 12px;
}
/* a.header__icon.header__icon--account.link.focus-inset{
display:none;
} */
#col-x, #col-y{
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}
.account-buttons.container{
margin-left: 24px;
}
td#RowOrder {
text-align:center;
}
/* Account Addresses */
button.curved-button{
border-radius: 50px;
}
/*Edit Order*/
.customer.order.section-template--21420994822425__main-padding.container{
padding-left: 35px;
padding-right: 35px;
}
.Col-md-6 {
margin-top: 24px;
margin-bottom: 52px;
}
.account-buttons.container{
margin-top: 15px;
}
.address-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.address-card {
flex: 0 0 calc(33.3333% - 20px);
border: 1px solid #C9C9C9;
margin-right: 20px;
margin-bottom: 20px;
padding-left: 20px !important;
padding: 10px;
box-sizing: border-box;
width: 345px;
height: 310px;
text-align: left;
}
.customer.addresses.section-template--21420994691353__main-padding{
margin-left: 130px;
margin-right: 130px;
}
p.default-heading{
font-weight: 700;
}
.card {
border: none !important;
}
.modal{
width: 40% !important;
height: 100% !important;
}
.modal-content {
background-color: #fefefe;
padding: 20px;
border: 1px solid #888;
}
body.special-page .announcement-header {
padding-top: 15px;
}
body.special-page h2#AnnouncementLanguageLabel {
margin-bottom: 31px;
}
.btn.account-button-card {
color: #3db174;
background-color: transparent;
}
.account-buttons {
display: flex;
flex-direction: row;
}
.order-history-2{
display: none;
}
.order-history-2 > img{
padding-left: 0px !important;
vertical-align: middle;
padding-right: 15px;
}
h1.addresses-ontop {
font-size: 40px;
font-weight: 600;
line-height: 50px;
letter-spacing: -0.01em;
text-align: center;
padding-bottom: 22px;
}
p.account-address-para-heading{
font-size: 22px !important;
font-weight: 400 !important;
line-height: 33px !important;
letter-spacing: 0.0015em !important;
text-align: center !important;
}
.add-new-address-button{
padding-bottom: 22px;
}
.modal.container{
margin: 0 auto;
left: 0;
right: 0;
}
body.modal-open {
overflow: hidden;
}
body.modal-open.address-list {
filter: blur(2px);
pointer-events: none;
user-select: none;
}
.content.modal-open {
/* filter: blur(0px); */
pointer-events: none;
user-select: none;
}
.simply-body.container{
margin-top: 64px;
}
h2.header-ordername-2{
margin-bottom: 0px;
margin-top: 6px;
font-size: 28px;
}
button#EditFormButton_10110477107481 {
padding-right: 0px !important;
}
button.btn.account-button-card{
padding-left: 0px !important;
}
.separator {
margin: 0 10px;
}
#breadcrumbs__item-account-1{
color: #3db174;
}
#breadcrumbs__item-home-1{
color: #3db174;
}
.modal-content.container{
box-shadow: 10px 10px 5px grey;
border: solid 2px #000;
}
.inner-box {
border: none; /* No borders */
border-top: 1px solid transparent; /* Limited on top */
overflow: auto; /* To make sure the content fits in the box */
padding: 10px; /* Add some space around the content */
box-sizing: border-box; /* To make sure padding doesn't increase box size */
}
.header__icon.header__icon--contact {
color: #fff !important;
}
.header__icon.header__icon--account.link.focus-inset{
color: #a1a1a1 !important;
}
.container .page-width {
width: 100%;
padding-left: 0px !important;
padding-right: 0px !important;
}
a#HeaderMenu-dashboard{
display:none;
}
summary#HeaderMenu-help-center {
display:none;
}
a.header__heading-link.link.link--text.focus-inset {
margin-bottom: 5px;
}
/* .header__icons.header__icons--localization.header-localization{
margin-bottom: 12px;
} */
#your-order{
color: #3db174;
}
#second-link-in-crumb{
color:#3db174;
}
#third-link-in-crumb{
color:#3db174;
}
/* .order-page-1-class {
display: grid;
grid-template-columns: 4fr 1fr;
} */
.btn.account-button-card{
border-radius: 50px !important;
}
.account-button-card-update{
border-radius: 50px !important;
}
p.default-heading{
font-weight: 900;
}
.modal-content.container{
top: 35px;
}
.cancel-button-in-pdp-popup {
background-color: #fff;
border: 1px solid #9ED8B9;
color: #3db174;
border-radius: 50px;
width: 100%;
height: 45px;
padding: 12px 24px 12px 24px;
gap: 8px;
cursor:pointer;
}
.add-button-in-pdp-popup {
background-color: #3db174;
color: #fff;
border-radius: 50px;
width: 100%;
height: 45px;
padding: 12px 24px 12px 24px;
gap: 8px;
cursor:pointer;
}
.custom-modal-content{
width: fit-content;
}
#addToCartModal {
display: none;
position: fixed;
z-index: 2;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
box-sizing: border-box;
align-items: center;
justify-content: center;
}
.custom-modal-content {
background-color: #fff;
padding: 20px;
border-radius: 5px;
}
.custom-modal-content{
margin: auto;
margin-top: 100px;
}
.search-container {
position: relative;
width: 100%;
margin-top: 30px;
}
#search {
width: 100%;
padding: 10px;
font-size: 16px;
}
.fa-search {
position: absolute;
right: 10px;
top: 10px;
}
.separator {
text-align: center;
border-top: 1px solid #000;
line-height: 0.1em;
margin: 50px 0;
}
.separator span {
background:#fff;
padding:0 10px;
}
.dropdown-container {
display: flex;
justify-content: space-between;
width: 100%;
padding-bottom: 10px;
}
#year {
width: 65%;
/* width: 65%; */
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
appearance: none;
background-position: 95% center;
background-color: #FCFCFC !important;
background-size: 20px;
}
select#make{
position: relative;
right: 45px;
width: 115%;
}
select#model{
position: relative;
right: 20px;
width: 115%;
}
.dropdown select {
width: 100%;
/* width: 120%; */
padding: 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
appearance: none;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-position: 95% center;
background-color: #FCFCFC !important;
background-size: 20px;
/* osition: relative;
right: 50px; */
}
.optional-selection-flex-cont{
display:flex;
}
.custom-modal-content {
/* width: 72%;
padding-left: 20%;
padding-right: 20%; */
width: 768px;
height: 654px;
top: -3365px;
left: 8862px;
padding: 48px 140px 48px 140px;
gap: 0px;
border-radius: 4px 0px 0px 0px;
}
.pop-up-header{
font-size: 28px;
font-weight: 500;
line-height: 35px;
text-align: left;
}
.pop-up-content{
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
text-align: left;
color: #595959;
}
.vehicle-type {
font-size: 14px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0.13em;
text-align: center;
position: relative;
display: inline-block;
}
.vehicle-type::after {
content: "";
display: block;
width: 115%;
height: 3px;
background-color: #3db174;
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
}
.vehicle-type-tab-look{
display: flex;
justify-content: center;
align-items: center;
}
.add-vehicle-heading{
font-size: 18px;
font-weight: 600;
line-height: 27px;
letter-spacing: -0.01em;
text-align: left;
}
.dropdown{
width: 150px;
}
button#ProductSubmitButton-template--21420994461977__main{
margin-top:20px;
}
.add-to-cart-for-device-pdp{
background-color: #3db174 !important;
border-radius: 50px !important;
width: 269px;
height: 45px;
padding: 12px 24px 12px 24px;
gap: 8px;
border: none !important;
color:#fff;
text-align:center;
text-transform: uppercase;
cursor:pointer;
}
.pop-up-content-2 #ProductSubmitButton-template--21420994461977__main{
background-color: #3db174 !important;
border-radius: 50px !important;
width: 100%;
height: 45px;
padding: 12px 24px 12px 24px;
gap: 8px;
border: none !important;
cursor:pointer;
}
.accessories-heading{
font-size: 14px;
font-weight: 400;
line-height: 19.6px;
letter-spacing: -0.01em;
text-align: left;
color:#222222;
}
.accessories-heading-div{
width: 100%;
justify-content: space-between;
}
div#quantity-select-style{
width: 100%;
}
.product-form__input{
flex: 0 0 0 !important;
}
button.cancel-button-in-pdp-popup {
margin-top: 20px;
}
.search-container {
position: relative;
}
#search {
padding-right: 20px; /* adjust as needed */
}
#search-in-vin-icon {
position: absolute;
width: 16px;
height: 16px;
right: 5px; /* adjust as needed */
top: 50%;
transform: translateY(-50%);
}
#add-to-cart-indicator-at-first{
width: 269px;
}
/* .price__regular {
border: 1px solid black;
padding: 10px;
} */
.responsive-box {
width: 160px;
height: 46px;
border: 1px solid black; /* To make the box visible */
}
.quantity-selector {
display: flex;
align-items: center;
justify-content: space-between;
width: 90px;
height: 46px;
border: 1px solid #00000040;
margin-top: 10px;
background: #FCFCFC;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 12px;
height: 45px;
padding-top: 12px;
}
.quantity-input {
width: 35px;
text-align: center;
border:none;
}
button.increase-quantity{
width: 30px;
}
button.decrease-quantity{
width: 30px;
}
input.hide-me{
display:none;
}
.accessories-heading-div{
display:flex;
}
.separator-1 {
text-align: center;
border-top: 1px solid #000;
line-height: 0.1em;
margin-top: 20px;
margin-bottom: 20px;
}
.separator-1 span {
background:#fff;
padding:0 10px;
}
button.decrease-quantity{
border: none;
background: #FCFCFC;
}
button.increase-quantity{
border: none;
background: #FCFCFC;
}
.custom-modal-content{
height: auto !important;
}
h2.accessories-heading{
/* margin-bottom: 20px;
margin-right:50px; */
border: 1px solid #00000040;
color:#222222;
background: #FCFCFC;
padding: 10px;
padding-bottom: 12px !important;
margin: 10px;
margin-left: 0px;
margin-right: 0px;
width: 380px;
}
quantity-input.quantity {
background: #fcfcfc;
}
.options-container {
display:none;
/* display: flex;
flex-wrap: wrap;
gap: 10px; */
}
.options-container label {
display: flex;
}
.options-container input[type="radio"] {
display: none;
}
.option-box {
display: block;
padding: 10px; /* Adjust as needed */
background-color: #f0f0f0; /* Adjust as needed */
border: 1px solid #ccc; /* Adjust as needed */
border-radius: 4px; /* Adjust as needed */
}
.options-container input[type="radio"]:checked + .option-box {
background-color: #3db174; /* Adjust as needed */
color: #fff; /* Adjust as needed */
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number]{
-moz-appearance: textfield;
}
.accessories-heading > input[type="checkbox"] {
appearance: none;
width: 16px;
height: 16px;
background-color: #fff;
border: none;
position: relative;
border: 1px solid black;
margin-bottom: -3px;
}
.accessories-heading > input[type="checkbox"]:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 3px;
border: solid white;
border-width: 0 2px 2px 0;
transform: translate(-52%, -56%) rotate(48deg);
opacity: 0;
margin-bottom: -3px;
}
.accessories-heading > input[type="checkbox"]:checked:before {
opacity: 1;
margin-bottom: -3px;
}
.accessories-heading > input[type="checkbox"]:checked {
background-color: #3db174;
border: 1px solid black;
transform: scaleX(-1);
margin-bottom: -3px;
}
svg.icon.icon-minus {
width: 12px;
height: 12px;
}
svg.icon.icon-plus {
width: 12px;
height: 12px;
}
#confirmationModal{
display: none;
position: fixed;
z-index: 1;
padding-top: 40vh;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
}
#customModal{
background-color: #fff;
margin: auto;
padding: 40px;
border: 1px solid #888;
width: fit-content;
color: #fff;
text-align: left;
}
h2.pop-up-header {
font-size: 28px;
font-weight: 500;
line-height: 35px;
text-align: left;
width: 501px;
}
.add-button-in-pdp-popup{
width: 173px;
}
#submit-button{
width: 100% !important;
}
.popup {
display: none;
position: fixed;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #3db174;
color: white;
padding: 20px;
border-radius: 5px;
text-align: center;
z-index: 3;
}
#popup-validation {
display: none;
position: fixed;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
background-color: red;
color: white;
padding: 20px;
border-radius: 5px;
text-align: center;
z-index: 6;
}
#popup-validation-2 {
display: none;
position: fixed;
top: 18%;
left: 50%;
transform: translate(-50%, -50%);
/* background-color: #3db174;
color: white; */
/* background-color: #ebfaeb;
color: #3db174; */
background-color: #ffebe6;
color: #991f00;
padding: 0px;
border-radius: 5px;
text-align: center;
z-index: 5;
width:501px;
}
#vin-validation{
color:#991f00;
font-size: 10px;
line-height: 2;
}
#popup-validation-3 {
display: none;
position: fixed;
top: 15%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ffebe6;
color: white;
padding: 20px;
border-radius: 5px;
text-align: center;
z-index: 4;
}
#cross-mark-in-popup{
cursor: pointer;
position: relative;
}
.cross-mark-in-div{
display: flex;
justify-content: end;
position: relative;
left: 100px;
}
.hide-this-space-intact{
visibility: hidden;
}
.hide-this{
display: none;
}
.table-heading-for-order-tracking-2{
font-size: 18px !important;
font-weight: 600 !important;
line-height: 27px !important;
letter-spacing: -0.01em !important;
text-align: right !important;
text-transform: capitalize !important;
}
#RowSubtotal{
text-align: right;
}
#RowShipping{
text-align: right;
}
#RowTotal{
text-align:right;
color: #3db174;
font-size: 2.2rem;
font-weight: 600;
line-height: 27px;
letter-spacing: -0.01em;
}
tfoot tr {
border: none !important;
}
.order-details {
border: 1px solid #000;
}
.order-page-3-class{
display:none;
}
.shipping-section-tracking-page > .column-group{
display: flex;
}
.shipping-section-tracking-page > .column-group > div{
flex: 1;
}
.grey-line {
border-bottom: 1px solid #C2C2C2;
width: 100%;
height: 1px;
position: relative;
right: 10px;
}
.shipping-section-tracking-page > .shipping-section-heading{
font-size: 18px;
font-weight: 600;
line-height: 27px;
letter-spacing: -0.01em;
text-align: left;
margin-bottom: 17px;
}
.column-group.container {
margin-top: 17px !important;
margin-bottom: 17px;
}
.shipping-section-tracking-page > .column-group{
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
text-align: left;
color: #000;
}
.shipping-section-tracking-page > .column-group > .column-2-shipping-details > .tracking-number > .fulfillment > #tracking-link{
color: #3db174;
}
thead.row-line {
border-bottom: 1px solid #C2C2C2;
border-top: 1px solid #C2C2C2;
}
tr.row-line {
border-bottom: 1px solid #C2C2C2;
}
table {
border-collapse: separate;
}
td.row-line-bottom {
border-bottom: 1px solid #ffffff !important;
border-top: 1px solid #ffffff !important;
}
td#row-total-amount {
font-size: 2.2rem;
color: #3db174;
font-family: Poppins;
font-weight: 600;
line-height: 27px;
letter-spacing: -0.01em;
}
#column-total{
font-weight: 600;
line-height: 27px;
letter-spacing: -0.01em;
}
.column-header{
font-weight: 600 !important;
line-height: 27px;
letter-spacing: -0.01em;
}
.order-page-table-class {
margin-top: 8px;
}
.table-heading-for-order-tracking-3{
font-size: 18px !important;
font-weight: 600 !important;
line-height: 27px !important;
letter-spacing: -0.01em !important;
text-transform:capitalize !important;
}
#order-summary-table-status{
text-align:right;
}
#order-summary-table-amount{
text-align:center;
}
#order-summary-table-date{
text-align:center;
}
table.order-details.container{
margin-left: 20px;
}
.column-group.container{
margin-left: 40px;
}
table.order-details.container{
margin-bottom: 48px;
}
table.order-details {
margin-top: 48px;
margin-bottom: 104px;
}
#order-details-placed{
text-align: right;
}
h2.order-summary-header.container{
font-size: 40px;
font-weight: 600;
line-height: 50px;
letter-spacing: -0.01em;
text-align: center;
}
.shipping-section-tracking-page.container{
max-width: calc(100% - 95px) !important;
}
.order-tracking-progress-bar {
width: 90%;
height: 8px;
background-color: #00000014;
position: relative;
z-index: 1;
}
#order-progress-bar-fill {
height: 100%;
width: 0%;
left:5px;
position: absolute;
z-index: 2;
background-color: #3db174;
}
.circle {
position: absolute;
font-size: 26px;
top: 50%;
transform: translateY(-50%);
color: #c2c2c2;
bottom: 11px;
margin-bottom: 0px;
top: 0px;
padding-bottom: 40px;
padding-right: 0px;
margin-bottom: 10px;
}
#circle-text-1 {
font-size: 15px;
position: absolute;
bottom: 0px;
left: -1.5%;
}
#circle-text-2 {
font-size: 15px;
position: absolute;
bottom: 0px;
left: 31%;
}
#circle-text-3 {
font-size: 15px;
position: absolute;
bottom: 0px;
left: 65%;
}
#circle-text-4 {
font-size: 15px;
position: absolute;
bottom: 0px;
left: 98%;
}
/* #circle-text-5 {
font-size: 15px;
position: absolute;
bottom: 0px;
left: 96%;
} */
#circle-1 {
left: -0.5%;
}
#circle-2 {
left: 33%;
}
#circle-3 {
left: 66%;
}
#circle-4 {
left: 99.5%;
}
/* #circle-5 {
left: 99%;
} */
.order-tracking-progress-section {
padding-top: 48px;
}
#order-step-count{
margin-top: 48px !important;
text-align:center;
color: #828282;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
}
#grey-line-1{
margin-top: 44px !important;
margin-bottom: 88px !important;
}
#order-summary-table-status {
text-align: center;
}
td#order-details-placed{
padding-top:6px;
text-align: center;
}
#column-quantity{
padding-top: 30px;
}
.shipping-section-tracking-page{
padding-left:2px;
}
.customer.order.section-template--16174676902094__main-padding.container{
padding-left: 30px;
}
.price-per-month {
display: inline;
}
.alert-for-device-count{
color: red;
display:none;
}
.device-count-banner{
color: #595959;
font-family: Poppins;
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
position: absolute;
margin-top: 119px;
}
.update-text {
color: #3db174;
}
.price-item-disclaimer {
color: #828282;
font-size: 14px;
padding-left: 10px;
}
.cart-item__details>* {
margin: 0;
max-width: 95% !important;
}
p#checkout-without-unsubscribed-cable {
width: 136%;
position: relative;
right: 35%;
}
#loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 9990;
}
.wait-cursor {
cursor: wait;
}
.remove-wait-cursor {
cursor: default;
}
.decrease-quantity{
cursor:pointer;
}
.increase-quantity{
cursor:pointer;
}
.product-checkbox{
cursor:pointer;
}
.quantity__input {
padding-left: 0px;
padding-right: 0px;
}
.price-item-disclaimer{
font-family: Poppins;
color: #595959;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
}
.error-popup-overlay {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
font-size: 0;
overflow-y: auto;
background-color: rgba(229, 231, 233, .7);
z-index: 3;
pointer-events: auto;
opacity: 1;
transition: opacity .3s;
}
.error-popup-popupDiv {
display: block;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40%;
height: auto;
background: #fff;
border: 1px solid black;
padding: 30px;
z-index: 1000;
}
.error-popup-popupText {
color: #000;
}
p.error-popup-popupText{
font-size: 16px;
position: relative;
float: none;
line-height: normal;
vertical-align: top;
text-align: left;
display: inline-block;
margin: 0;
padding: 0 10px;
font-weight: 400;
color: rgba(0, 0, 0, .64);
max-width: calc(100% - 20px);
overflow-wrap: break-word;
box-sizing: border-box;
width: 100%;
}
.popupDiv {
display: flex;
justify-content: space-between;
align-items: center;
}
.popupButton {
margin-left: auto;
}
.popupButton {
float: right;
}
button.error-popup-popupButton{
margin-top: 40px;
background-color: #3DB174;
color: #fff;
border: none;
box-shadow: none;
border-radius: 5px;
font-weight: 600;
font-size: 14px;
padding: 10px 24px;
cursor: pointer;
}
.button-container {
text-align: right;
}
label.quantity__label.form__label{
font-weight: 700;
}
.max-message {
font-size: 1.4rem;
}
div#price-disclaimer {
display: block;
font-family: Poppins;
font-size: 11px;
font-style: italic;
font-weight: 400;
line-height: 17.6px;
letter-spacing: -0.01em;
margin-top:-16px;
}
.price-disclaimer{
padding-bottom: 10px;
}
button.add-button-in-pdp-popup {
font-size: 13px;
font-weight: bold;
width: 118px;
padding-bottom: 10px;
padding-top: 10px;
height: 36px;
padding-left: 10px;
padding-right: 10px;
margin-top: 7px;
border-top-width: 1px;
border-bottom-width: 1px;
margin-bottom: 2px;
border-left-width: 1px;
border-right-width: 1px;
margin-right: 5px;
}
button#checkout{
font-weight: bold;
font-size: 14px;
}
quantity-input.quantity{
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom: 0px;
}
button.quantity__button {
width: 20px;
/* height: 25px !important; */
}
quantity-input.quantity{
width: 100px;
}
product-form.product-form{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.product-form__submit{
text-transform: uppercase;
margin-top: -10px !important;
}
.custom-header-0, .custom-header-1, .custom-header-2 {
border-bottom: 1px solid #c2c2c2;
}
th.custom-header-0.container{
text-align: justify;
padding-left: 22px;
padding-top: 24px;
padding-bottom: 24px;
}
th.custom-header-1.container{
text-align: end;
padding-left: 22px;
padding-top: 24px;
padding-bottom: 24px;
}
th.custom-header-2.container{
padding-left: 0px;
padding-top: 24px;
padding-bottom: 24px;
}
td.custom-cell.product-title{
padding-left: 22px;
padding-right: 22px;
padding-top: 24px;
padding-bottom: 24px;
text-align: left;
}
td.custom-cell.product-quantity{
padding-left: 22px;
padding-right: 0px;
padding-top: 24px;
padding-bottom: 24px;
text-align: end;
}
td.custom-cell.product-price{
padding-left: 22px;
padding-right: 0px;
padding-top: 24px;
padding-bottom: 24px;
text-align: center;
}
table.custom-table.container{
margin-top: -50px;
margin-bottom: 300px;
}
td.total-data{
text-align: end;
padding-right: 160px;
font-size: 16px;
border-bottom-width: 0px !important;
padding-top: 24px;
}
td.shipping-data{
text-align: end;
padding-right: 160px;
font-size: 16px;
border-bottom-width: 0px !important;
}
td.grandtotal-data{
text-align: end;
padding-right: 160px;
font-size: 2.2rem;
color: #3db174;
font-weight: 600;
line-height: 27px;
letter-spacing: -0.01em;
border-bottom-width: 0px !important;
padding-top: 15px;
padding-bottom: 24px;
}
.custom-table {
border: 0.5px solid #c2c2c2;
border-collapse: collapse;
}
th.custom-header-0.container{
font-size: 18px !important;
font-weight: 600 !important;
line-height: 27px !important;
letter-spacing: -0.01em !important;
}
th.custom-header-1.container{
font-size: 18px !important;
font-weight: 600 !important;
line-height: 27px !important;
letter-spacing: -0.01em !important;
}
th.custom-header-2.container{
font-size: 18px !important;
font-weight: 600 !important;
line-height: 27px !important;
letter-spacing: -0.01em !important;
}
td.custom-cell.product-title{
font-weight: 600 !important;
letter-spacing: -0.01em;
}
td.custom-cell.product-price{
font-weight: 600 !important;
letter-spacing: -0.01em;
margin-right:-30px;
}
.shipping-label{
padding-right: 170px !important;
}
.total-label{
padding-right: 143px !important;
}
.subtotal-label{
padding-right: 156px !important;
}
span#yearError{
color: red;
font-size: 10px;
line-height: 2;
display: block;
}
quantity-input.quantity{
padding-top: 10px;
padding-bottom: 10px;
}
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3db174;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
div#popup-in-service{
padding-bottom: 10px;
}
th.small-hide.right.caption-with-letter-spacing{
padding-right: 70px;
}
.checkout-without-device{
color: red;
text-align: left !important;
display: block;
margin-left: -127px !important;
}
.container_footer {
margin-right: 44px;
}
.no-interaction {
pointer-events: none;
opacity: 0.5;
}
/* .cart-item__details{
padding-bottom: 57px !important;
} */
/* CSS for the popup on checkout page for deviceIds*/
.modal_for_deviceIds {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
.modal-content_for_deviceIds {
background-color: #fefefe;
margin: 5% auto;
padding: 20px;
border: 1px solid #888;
width: 46%;
height: 800px;
}
.close_for_deviceIds {
color: red;
float: right;
font-size: 28px;
font-weight: bold;
}
.close_for_deviceIds:hover,
.close_for_deviceIds:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
.serial-id-container{
width: auto;
border: 1px solid rgba(0, 0, 0, 0.25);
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 14px;
font-size: 14px;
background: #fcfcfc;
}
.checkout-popup-heading{
font-size: 28px;
line-height: 125%;
font-weight: 100;
margin-left: 120px;
margin-right: 120px;
text-align: left;
}
.checkout-popup-subheading{
font-size: 18px;
letter-spacing: -0.01em;
line-height: 165%;
color: #595959;
margin-left: 120px;
margin-right: 120px;
text-align: left;
}
p.device-modals{
font-weight: 600;
font-size: 18px;
text-align:left;
margin-top: 28px;
margin-bottom: 28px;
}
div#device-ids {
margin-left: 89px;
margin-right: 89px;
}
.cart__checkout-button {
/* add your custom styles for the checkout button here */
}
.spinner-deviceIDpopup {
border: 12px solid #f3f3f3;
border-top: 16px solid #3db174;
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
position: fixed;
top: 50%;
left: 45%;
transform: translate(-50%, -50%);
z-index: 9999;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
input[type=checkbox].serialId_checkbox {
accent-color: #3db174 !important;
cursor: pointer;
}
/* Prevent cursor being `text` between checkboxes */
body { cursor: default }
.serial-id-container > input[type="checkbox"] {
appearance: none;
width: 18px;
height: 18px;
background-color: #fff;
border: none;
position: relative;
border: 1px solid black;
margin-bottom: -3px;
margin-left: 24px;
margin-right: 10px;
}
.serial-id-container > input[type="checkbox"]:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 3px;
border: solid white;
border-width: 0 2px 2px 0;
transform: translate(-52%, -56%) rotate(48deg);
opacity: 0;
margin-bottom: -3px;
}
.serial-id-container > input[type="checkbox"]:checked:before {
opacity: 1;
margin-bottom: -3px;
}
.serial-id-container > input[type="checkbox"]:checked {
background-color: #3db174;
border: 1px solid black;
transform: scaleX(-1);
margin-bottom: -3px;
}
.serialId-error{
display:none;
}
.OOW-allowed-msg {
border: 1px solid #F88D3B;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #FEF4EB;
display: inline-block;
color: #F88D3B;
font-size: 15px;
line-height: 140%;
width: 359px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.i-frame {
position: relative;
top: 3px;
margin-right: 10px;
}
button#modal_checkout{
right: 12px;
top: 0px;
font-size: 18px;
}
/* .container-for-content.container .outer {
overflow: auto;
width: 100%;
height: 600px;
}
.container-for-content.container .inner {
height: 100%;
margin-left: 30px;
} */
.cross-mark-in-popup-class{
right: 25px;
}
button#checkout{
min-width: 242px;
}
.serial-ids-section-tracking-page > .column-group{
display: flex;
}
.serial-ids-section-tracking-page > .column-group > div{
flex: 1;
}
.serial-ids-section-tracking-page > .serial-ids-section-heading{
font-size: 18px;
font-weight: 600;
line-height: 27px;
letter-spacing: -0.01em;
text-align: left;
margin-bottom: 17px;
}
.serial-ids-section-tracking-page > .column-group{
font-size: 15px;
font-weight: 400;
line-height: 24px;
letter-spacing: -0.01em;
text-align: left;
color: #000;
}
.serial-ids-section-tracking-page.container{
max-width: calc(100% - 95px) !important;
}
.serial-ids-section-tracking-page{
padding-left:2px;
}
.serial-ids-section-tracking-page.container{
margin-left: 0px;
}
.grey-line-serial-ids {
border-bottom: 1px solid #C2C2C2;
width: 102%;
height: 1px;
position: relative;
left:28px;
}
h2.serial-ids-section-heading.container{
margin-top: 50px;
}
#continue-shopping{
right: 120px !important;
}
#continue-shopping:hover {
color: #007AFF;
}
/* small.tax-note.caption-large.rte{
display:none;
} */
.quantity-popover-container{
visibility: hidden;
pointer: none;
}
.serial-ids-msg{
color: red;
display: none;
padding-left: 29px;
}
th#ColumnOrder {
text-align: left;
padding-left: 40px;
}
th#ColumnOrder,
th#ColumnDate,
th#ColumnTotal,
th#ColumnFulfillment {
font-weight: bold;
}
.order-history-2 {
padding-bottom: 40px;
}
a.remove_all_text {
width: 160px;
}
a.active-facets__button-remove.underlined-link {
color: #007AFF;
}
span.price-item.price-item--regular {
color: #2E8558;
}
.column-order{
padding-left: 27px;
text-align: center ;
font-weight: bold !important;
}
a.order-number{
color: #007AFF !important;
font-size: 14px !important;
}
a.order-number:hover {
text-decoration: underline !important;
}
a.active-facets__button-remove.underlined-link:hover {
text-decoration: underline !important;
}
#tax-footer{
font-size:14px;
text-align:right;
}
.card-content-container {
display: flex;
flex-wrap: wrap;
justify-content: center; /* Horizontally centers content */
/* align-items: center; /* Vertically centers content */
min-height: 104px;
padding: 10px;
text-align: center;
}
.card-title-container {
display: flex;
flex-wrap: wrap;
justify-content: center; /* Horizontally centers content */
/* align-items: center; /* Vertically centers content */
min-height: 90px;
padding: 10px;
text-align: center;
}
.card-container-title{
text-align: center;
/* font-size: 20px; */
}
.card__content{
margin-left: 12px;
}
ul#product-grid {
row-gap: 20px;
}
a.pagination__item.pagination__item--prev.pagination__item-arrow.link.motion-reduce {
top: 5px;
}
a.pagination__item.pagination__item--next.pagination__item-arrow.link.motion-reduce {
top: 5px;
}
small.tax-note.caption-large.rte{
text-align:left;
margin-left: 48px;
}
.shopify-section-group-header-group {
z-index: 1;
}
.device-upgrade-msg{
font-size: 15px;
font-style: italic;
margin-top: 0px !important;
display: block;
}
.product__title{
margin-bottom: 0px !important;
}
div#gap-in-order-detail{
padding-top: 0px;
padding-bottom:0px;
}
table#table-with-CPQ {
position: relative;
top: -35px;
}
.continue-cart{
margin-top: 0px;
}
.sort_by{
bottom: 2px;
}
.quantity__selector{
height: 25px;
margin-top: 11px;
}
.quantity:after{
top: 18px;
bottom: 0px;
}
label.quantity__label.form__label{
margin-bottom: 0px;
}
/* .select2-results__options{
padding: 12px !important;
} */
.select2-results__option {
font-size: 12px !important;
}
/* .select2-selection__rendered{
font-size: 10px;
} */
.sort_by_filter{
padding-left: 24px !important;
}
#tooltiptext{
visibility: hidden;
display:block;
position: static;
font-size:10px;
margin-top: 2px;
margin-bottom: -30px;
margin-left:-40px;
}
#tooltiptext-model{
visibility: hidden;
display:block;
position: static;
font-size:10px;
margin-top: 2px;
margin-bottom: -10px;
margin-left:-20px;
}
.cart-quantity{
bottom:5px;
}
.product-count.light{
bottom: 10px;
}
.label {
display: inline-block;
font-size: 75%;
line-height: 1;
color: #595959;
border: 1px solid #DADADA;
margin-right: 10px;
padding-right: 4px;
padding-left: 4px;
border-radius: 4px;
border-width: 1px;
font-family: Poppins;
font-weight: 500;
font-size: 100%;
line-height: 160%;
text-align: justify;
white-space: nowrap;
margin-top: 2px;
margin-bottom: 2px;
}
.col-integration-name{
font-family: Poppins;
font-weight: 400;
font-size: 15px;
line-height: 160%;
text-align: justify;
color: #595959;
}
.integrations-info {
border-collapse: collapse;
width: 100%;
}
.integrations-info, .row-integration, .col-integration, .col-integration-name {
/* border: none !important;
border-spacing: 0; */
}
.integrations-info thead {
background-color: #f2f2f2;
}
.col-integration {
padding: 8px;
text-align: left;
}
.row-integration {
border-bottom: 1px solid #C2C2C2;
}
table.integrations-info{
border-bottom: 1px solid #C2C2C2;
border-top: 1px solid #C2C2C2;
}
.integrations-table-heading{
font-family: Poppins;
font-weight: 500;
font-size: 24px;
line-height: 125%;
display:none;
}
td.col-integration-name {
border-right: 1px solid #C2C2C2;
}
table {
/* border-collapse: collapse; */
}
td, th {
border-left: none;
border-right: none;
}
/* .card-wrapper.product-card-wrapper.underline-links-hover.Cables {
display: none;
}
.pdp-Cables{
display:none;
} */
.no-item{
text-align:center;
}
.predictive-search__list-item.Cables {
display:none;
}
.card--standard {
display: flex;
justify-content: center;
align-items: center;
}
.simply-body.container {
margin-left: 0px !important;
padding-left: 150px !important;
max-width:100% !important;
}
ol.breadcrumbs__List.container{
margin-left:0px;
}
.address-list.container{
/* margin-left: 85px !important; */
padding-left: 150px !important;
max-width:100% !important;
}
.order-header-2-image.container{
max-width:100%;
}
/* table#order-history{
padding-left: 75px !important;
margin-left:85px;
max-width:100% !important;
} */
.product__media.media.media--transparent {
left: 50%;
}
.product__description.rte.quick-add-hidden{
padding-right: 30%;
}
.product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
padding-left:0px;
}
@media (min-width: 1921px) {
.product__media.media.media--transparent {
left: 75%;
}
}
.surround-box{
margin-right: 5%;
/* width: 25%; */
}
/* .xyz > span {
display: flex;
align-items: center;
} */
@media (min-width: 1921px) {
.parent-display.facets__display{
margin-top: 5%;
/* width: 110%!important; */
}
.facets__display{
margin-top: 5%;
/* width: 110%!important; */
}
}
/* .order-tracking-progress-bar{
width: 107%;
margin-left: 0px;
position: relative;
left: -1%;
max-width: 102%;
}
@media (min-width: 1921px) {
.order-tracking-progress-section{
margin-left:150px !important;
position: relative;
left: -34%;
}
.order-tracking-progress-bar{
width:150%;
max-width: 150%;
}
}
.order-table{
width: 115%;
max-width: 150%;
margin-left: 0px !important;
}
.shipping-section-tracking-page.container{
margin-left: 150px;
}
#gap-in-order-detail{
margin-left: 150px !important;
}
.order-table{
padding-left: 0px !important;
} */
.shipping-section-tracking-page, .order-summary-section-heading{
padding-left:150px;
padding-right:150px;
}
.shipping-section-tracking-page{
/* width: 103%;
max-width: 103%; */
padding-right:118px;
}
.order-tracking-progress-section{
padding-left: 104px;
padding-right: 104px;
margin-right: 0px;
margin-left: 0px;
width: 100%;
max-width: 100%;
}
h2.serial-ids-section-heading{
margin-left:0px;
}
div#gap-in-order-detail{
padding-left:175px;
padding-right: 150px;
margin-right: 0px;
margin-left: 0px;
width: 100%;
max-width: 100%;
}
h2.shipping-section-heading, .serial-ids-section-heading{
padding-left:25px;
}
table#table-with-CPQ{
width: 82%;
}
.column-group{
display: flex;
justify-content: space-between;
padding-left:40px;
}
.serial-ids-section-tracking-page .column-group {
padding-left:20px;
}
.column-1-shipping-details,
.column-2-shipping-details {
flex: 1;
}
#SupportedRegions, #RequiredDevices, #Category, #RequiredSubscriptions {
display: none;
}
.surround-box {
margin: -20px 29px 30px 10px;
}
.facets__summary {
padding: 0 0 0 0 !important;
}
.page-width.page-width--narrow{
margin-left: 0px;
padding-left: 0px !important;
width: 100%;
}
.container-contact-page{
width: 100%;
max-width: 100%;
padding-left: 150px;
}
.cp-offices-grid {
display: flex;
justify-content: space-between;
}
.cp-office-column,
.cp-office-column-1,
.cp-office-column-2 {
width: 45%;
}
.cp-office-column-2 {
margin-left: 134.812px;
}
table.order-details{
/* width:103% !important; */
}
.customer.order-table{
padding-left:0px !important;
width:101.5%;
max-width:101.5%;
}
.footer__content-bottom.scroll-trigger.animate--slide-in{
padding: 0 150px;
;
}
.sort-by-wrapper{
width:295px; //automate
}
div#FacetsWrapperDesktop{
margin-left:0px;
width:295px;
border: 1px solid #ececec;
padding: 20px;
z-index:1;
}
#Producttype{
margin-top:0px;
}
price-range.facets__price{
padding-bottom: 30px !important;
}
span.filter-name{
padding-top: 15px;
}
parent-display facets__display-vertical{
padding-bottom: 0px;
}
.surround-box{
margin-bottom: 0px;
}
div#Price{
margin-top: 0px;
}
div#Price{
border-top: .1rem solid rgba(var(--color-foreground), .1);
padding-bottom: 15px;
}
#Price .facets__summary{
margin-top:15px;
}
/* Flex container for summary content */
.summary-content {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
/* Optional: style summary title */
.summary-title {
font-weight: bold;
}
/* Optional: align the caret icon */
.summary-caret {
margin-left: auto;
display: flex;
align-items: center;
}
.price-filter-line{
border-top: .1rem solid rgba(var(--color-foreground), .1);
}
.price-filter-title{
margin-top:15px;
}
.price-filter-header {
display: flex;
/* justify-content: space-between; */
align-items: center;
width: 100%;
gap: 17rem;
margin-top: 15px;
margin-bottom: 15px;
}
.icon-dropdown {
display: flex;
align-items: center;
}
.filter-pointer{
cursor: pointer;
}
ul#product-grid {
margin-top: 0%;
}
input#Filter-Price-GTE, input#Filter-Price-LTE{
padding-left:5px;
padding-right: 5px;
padding-top:0px;
padding-bottom:0px;
text-align: center;
}
.field__input:not(:placeholder-shown)~.field__label{
display: none;
}
.price-field{
height: 29px;
width: 70px;
}
.price-field_input{
height: auto !important;
}
.option-name{
width: 230px;
}
label.field__label{
top: 3px !important;
bottom: 5px !important;
left: 10px !important;
}
.field__input:focus~.field__label{
display:none;
}
.share-button{
display:none;
}
.price-container-amount dd {
display: block;
}
.price-container-amount dd:first-of-type {
order: -1; /* Ensure the first is displayed above the others */
}
.price-container-amount dd:last-of-type {
order: 0;
}
.price-cart {
display: flex;
flex-direction: column;
text-align:right;
}
.sort-by-wrapper{
width: 295px;
border: 1px solid #ECECEC;
padding: 24px;
z-index: 1;
}
.sort-title {
border-bottom: 1px solid #ECECEC;
font-weight: 700;
font-size: 16px;
line-height: 100%;
margin-top: 0px;
padding-bottom: 15px;
}
.facets__heading.facets__heading--vertical.caption-large.text-body {
font-weight: 700;
font-size: 16px;
line-height: 100%;
}
.cart-item__quantity-wrapper.quantity-popover-wrapper{
justify-content: space-evenly;
}
th.cart-items__heading--wide.cart-items__heading--quantity.small-hide.caption-with-letter-spacing{
text-align: end;
}
.messageSubscriptionDiv{
text-align: center;
}
facet-remove.active-facets__button-wrapper {
text-align: right;
position: relative;
top: -36px;
}
.underlined-link.link.remove_all_text:hover{
color: #007AFF;
}
a.remove_all_text{
width: 140px;
}
.card-content-container{
padding-top: 0px;
padding-bottom: 0px;
}
.payment-row-3col {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
gap: 20px;
flex-wrap: wrap;
width: 93%;
}
.label-value {
display: flex;
width: 23%;
justify-content: space-between;
}
.label {
min-width: 120px;
font-weight: 500;
color: #333;
}
.value {
font-weight: 400;
color: #000;
}
table.order-details{
margin-bottom: 48px;
}
h2.shipping-section-heading{
margin-top: 48px;
}
td.RowTax{
text-align:right !important;
}
.filter-input-boxes{
border: 1px solid #798AA3;
border-radius: 4px;
}
#accessories-collection-msg{
font-family: poppins;
font-weight: 500;
line-height: 1.8rem;
font-size: 15px;
}
#accessories-msg-link{
cursor:pointer;
text-decoration:underline !important;
color: #007AFF !important;
}
.facets-container.scroll-trigger.animate--fade-in{
padding-top:0px;
}
.sort-by-wrapper{
padding-top:0px;
}
.empty-cart-hover:hover{
color: #007AFF;
}
.cart-item.Fee, .cart-item.Fee.Placeholder {
display:none;
}
.sort-title {
padding-top: 20px;
}
th.custom-header-2.container {
text-align: end;
padding-right: 64px;
}
td.custom-cell.product-price {
text-align: end;
padding-right: 64px;
}
td.total-data{
text-align: end;
padding-right: 64px;
}
td.shipping-data{
text-align: end;
padding-right: 64px;
}
td.grandtotal-data{
text-align: end;
padding-right: 64px;
}
span.taxes-label{
padding-right: 151px !important;
}
.wrapper-vin-model {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #ccc;
padding: 10px;
width: 85%;
margin-left: 4%;
margin-bottom: 20px;
padding-left: 12px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 12px;
}
.accessories-one-liner {
padding: 5px;
font-family: Poppins;
font-size: 14px;
font-weight: 600;
font-size:15px;
}
.popup-in-cables {
font-family: Poppins;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-decoration: underline;
text-decoration-style: solid;
text-decoration-thickness: 0%;
text-decoration-skip-ink: auto;
color: #007AFF;
cursor: pointer;
font-size:15px;
}
header-menu [open] summary:after {
content: "";
position: absolute;
top: 3em;
height: 2em;
left: -2em;
right: -2em;
}
.shopify-section-group-header-group{
z-index:3;
}
.consent_form{
display:none;
}
.add-button-in-pdp-popup_consent{
background-color: #3db174;
color: #fff;
border-radius: 50px;
width: 100%;
height: 45px;
padding: 12px 24px 12px 24px;
gap: 8px;
cursor:pointer;
width: 173px;
font-size: 13px;
font-weight: bold;
width: 118px;
padding-bottom: 10px;
padding-top: 10px;
height: 36px;
padding-left: 10px;
padding-right: 10px;
margin-top: 7px;
border-top-width: 1px;
border-bottom-width: 1px;
margin-bottom: 2px;
border-left-width: 1px;
border-right-width: 1px;
margin-right: 5px;
}
.consent_form_popup{
display:none
}
.consent_button{
font-weight: 600 !important;
}
button#acceptBtn{
margin-top:0px;
}
/* Full-page busy overlay (#splash in theme.liquid); show/hide via defines.js ds2*PageBusyOverlay */
#splash.ds2-page-busy-overlay {
position: fixed;
inset: 0;
z-index: 100000;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
background: rgba(255, 255, 255, 0.94);
margin: 0;
padding: 2rem;
}
/* #splash: same SVG spinner as snippets/loading-overlay.liquid; stroke brand green */
#splash .loading-overlay__spinner {
flex-shrink: 0;
width: 12rem;
display: inline-block;
}
#splash .path {
stroke: #3db174;
}
/* Popup container */
.consent_form_popup {
display: none; /* Hidden by default */
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto; /* Enable scrolling on the background if needed */
background-color: rgba(0,0,0,0.5); /* Black with opacity */
}
/* Popup content box */
.consent_form_popup-content {
position: relative; /* for absolute positioning of close button */
background-color: #fff;
margin: 5% auto; /* 5% from top, centered horizontally */
padding: 20px 30px;
border-radius: 8px;
width: 90%;
max-width: 700px;
max-height: 80vh; /* Limit height to viewport */
overflow-y: auto; /* Enable vertical scrolling inside popup */
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
display: flex;
flex-direction: column;
}
/* Close button */
.consent_form_close-btn {
position: absolute;
top: 10px;
right: 15px;
color: #aaa;
font-size: 28px;
font-weight: bold;
cursor: pointer;
user-select: none;
}
.consent_form_close-btn:hover {
color: #000;
}
/* Nested ordered list indent */
.indent-list {
margin-left: 20px;
}
.consent_form_scrollable_content {
overflow-y: auto;
flex-grow: 1;
padding-right: 10px;
margin-bottom: 15px;
}
.consent_form_buttons {
text-align: right;
border-top: 1px solid #ddd;
padding-top: 10px;
}
.consent_form_buttons button {
margin-left: 10px;
padding: 8px 16px;
font-size: 16px;
cursor: pointer;
}
.consent_form_buttons {
text-align: center !important;
border-top: 1px solid #ddd !important;
padding-top: 15px !important;
display: flex !important;
justify-content: center !important;
gap: 20px !important;
flex-wrap: wrap !important;
}
.consent_button {
padding: 10px 24px !important;
font-size: 16px !important;
border: none !important;
border-radius: 50px !important; /* 50% curve */
cursor: pointer !important;
min-width: 120px !important;
transition: background-color 0.3s ease !important;
}
button#ProductSubmitButton{
margin-top:0px !important;
}
a#HeaderMenu-store-front-services-additional-event-access-videos{
width: 150px;
}
.popup-cable {
position: relative;
z-index: 1000 !important;
background-color: #ffebe6;
color: #991f00;
display: block;
}
button#ProductSubmitButton{
margin-top:0px !important;
}
.free_premium_subscription_bubble {
background-color: rgba(255, 255, 255, 0.85);
color: #28a745;
font-weight: bold;
margin-left: 8px;
border-radius: 4px;
font-size: 11px;
width: 152px;
height: 31px;
padding-top: 6px;
padding-bottom: 10px;
gap: 6px;
opacity: 1;
border-radius: 812px;
border-width: 1px;
border: 1px solid var(--surface-border-primary-muted, rgba(162, 238, 177, 1));
}
.prem_reports_box{
gap: 16px;
opacity: 1;
border-radius: 8px;
border-width: 1px;
padding: 18px;
background: var(--surface-background-button-faded-light, rgba(77, 193, 96, 0.03));
border: 1px solid var(--surface-border-primary-muted, rgba(162, 238, 177, 1));
margin-bottom:15px;
}
.prem_reports_box_title {
font-family: Poppins;
font-weight: 600;
font-size: 16px;
line-height: 24px;
margin:0;
}
.prem_reports_box_content {
margin: 0;
font-size: 14px;
}
#freeSubscriptionPopup{
width: 554px;
height: 237px;
gap: 10px;
opacity: 1;
border-radius: 8px;
border-width: 1px;
padding: 24px;
background: rgba(255, 255, 255, 1);
border: 1px solid var(--surface-border-light-intense, rgba(232, 232, 232, 1));
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center;
display: none;
z-index: 1000;
width: 100%;
height: 100%;
}
#freeSubscriptionPopup .popup-box {
background: white;
padding: 20px 30px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.3);
font-size: 16px;
color: #333;
box-sizing: border-box;
position: relative;
}
#freeSubscriptionPopup .popup-content {
margin-bottom: 20px;
margin-top:15px;
}
#freeSubscriptionPopup .popup-button {
background-color: #3db174;
color: white;
padding: 12px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
width: 100%;
}
.popup-box{
width: 554px;
}
button#addToCartBtn:disabled {
background-color: #c2c2c2;
color: white;
cursor: not-allowed;
}
.claim-button{
width: 310px;
height: 37px;
gap: 8px;
opacity: 1;
border-radius: 50px;
padding-top: 8px;
padding-right: 18px;
padding-bottom: 8px;
padding-left: 18px;
background: rgba(61, 177, 116, 1);
color: #fff;
font-family: Poppins;
font-weight: 600;
font-size: 14px;
line-height: 100%;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
border: #3db174;
cursor: pointer;
margin-top: 18px;
}
.popup-content{
font-family: 'Poppins';
font-weight: 400;
font-style: Regular;
font-size: 16px;
leading-trim: NONE;
line-height: 18px;
letter-spacing: 0%;
}
.add_to_cart_popup {
width: 198px;
height: 45px;
opacity: 1;
border-radius: 50px;
padding-top: 12px;
padding-right: 24px;
padding-bottom: 12px;
padding-left: 24px;
display: flex;
justify-content: center;
align-items: center;
}
button#addToCartBtn{
border-radius: 50px !important;
font-size: 13px;
font-weight: bold;
width: 154px;
padding-bottom: 10px;
padding-top: 10px;
height: 36px;
padding-left: 10px;
padding-right: 10px;
margin-top: 7px;
border-top-width: 1px;
border-bottom-width: 1px;
margin-bottom: 2px;
border-left-width: 1px;
border-right-width: 1px;
margin-right: 5px;
}
.check-box-terms{
pointer: cursor;
}
.popup-content{
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0%;
}
#Quantity-template--prem_report {
user-select: none;
caret-color: transparent;
cursor: default;
}
#prem_reports_box{
display:none;
}
#prem_report_card{
display:none;
}
.card-wrapper.product-card-wrapper.underline-links-hover.freebie{
display:none;
}
.pdp-freebie{
visibility:hidden;
}
.card-wrapper.product-card-wrapper.underline-links-hover.Fee.Placeholder{
display:none;
}
button#addToCartBtn{
height: 39px;
}
#page_not_found{
display:none;
text-align:center;
margin-top:10%;
}
.card-wrapper.product-card-wrapper.underline-links-hover.Services.tableau {
display:none;
}
#signature{
display:block;
width:100%;
max-width:300px;
padding:6px;
margin-bottom:4px;
font-family:'Brush Script MT','Lucida Handwriting',cursive;
font-size:1.2em;
}
#signature-error{
color:#D92D20;
font-size:0.9em;
min-height:18px;
}
.checkout-and-shopping {
display: flex;
align-items: center;
gap: 12px;
}
.checkout-and-shopping > * {
margin: 0;
}
.checkout-and-shopping > div {
display: inline-flex;
align-items: center;
}
.checkout-and-shopping > button,
.checkout-and-shopping .go-back-shopping,
.checkout-and-shopping .cart__ctas {
display: inline-flex;
align-items: center;
}
th.cart-items__heading--wide.cart-items__heading--quantity.small-hide.caption-with-letter-spacing{
padding-right: 6.5% !important;
padding-left: 0px !important;
}
.checkout-and-shopping {
display: flex;
align-items: center; /* aligns all buttons vertically */
gap: 20px; /* optional spacing */
}
@media screen and (min-width: 750px) {
.cart__footer>* {
width: auto !important;
}
}
small.tax-note.caption-large.rte{
width: 35rem;
margin-left: auto;
}
.share-popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: none;
z-index: 999;
}
.share-popup .sharecart_popup-content {
background: #fff;
padding: 20px;
border-radius: 12px;
max-width: 90%;
margin: 0 auto;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
gap: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#cartLink {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 6px;
}
#share_invite:disabled {
cursor: not-allowed;
opacity: 0.8;
}
#share_invite {
cursor: pointer;
}
#sharePopup{
display: none;
width: 100%;
}
.sharecart_popup-content{
padding-left: 60px;
padding-right: 60px;
width: 50%;
}
#share_popup_close{
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
}
.share_cart_popupTitle{
font-weight: 700;
font-size: 32px;
line-height: 38px;
}
.share_cart_inviteTitle{
font-weight: 400;
font-size: 14px;
line-height: 24px;
margin-bottom: 0px;
}
#share_cartLink{
opacity: 1;
border-radius: 4px;
border-width: 1px;
padding-top: 14px;
padding-bottom: 14px;
}
#share_invite{
margin-top: 15px;
margin-bottom: 15px;
border-radius: 50px;
padding-top: 12px;
padding-right: 24px;
padding-bottom: 12px;
padding-left: 24px;
background: #3DB174;
color:#fff;
font-family: Poppins;
font-weight: 600;
font-size: 14px;
line-height: 100%;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
border-width:0px;
}
.copy_link_share_popup{
margin-top:20px;
font-family: Poppins;
font-weight: 400;
font-size: 14px;
line-height: 160%;
vertical-align: middle;
margin-bottom: 0px;
}
#copyBtn{
opacity: 1;
font-size: 14px;
border-radius: 50px;
border-width: 1px;
padding-top: 12px;
padding-right: 24px;
padding-bottom: 12px;
padding-left: 24px;
color:#3db174;
cursor: pointer;
background-color:#fff;
border: 1px solid #9ED8B9;
text-transform: uppercase;
font-weight:600;
}
#share_cart_copylink_svg{
position: relative;
top: 4px;
left: 4px;
}
#shareCartBtn{
margin-top: 50px;
display: inline-block;
text-decoration: none;
border: 1px solid #9ED8B9;
width: 101%;
max-width: 224px;
padding: 12px 18px;
margin: 64px auto;
border-radius: 50px;
color: #3db174;
font-family: Poppins;
font-size: 14px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0.13em;
text-align: center;
text-transform: uppercase;
transition: 0.3s;
position: relative;
right: 113px;
background: #fff;
cursor: pointer;
}
.add-button-in-pdp-popup.is-disabled-size{
background-color: #C2C2C2;
border-radius: 50px;
width: 144px;
height: 50px;
padding: 12px 24px 12px 24px;
gap: 8px;
cursor:pointer;
}
button#notify_me{
width:33%;
cursor: not-allowed;
}
#download-invoice{
display: inline-block;
text-decoration: none;
border: 1px solid #9ED8B9;
/* width: 101%;
max-width: 267px; */
padding: 12px 18px;
/* margin: 64px auto; */
border-radius: 50px;
color: #3db174;
font-family: Poppins;
font-size: 14px;
font-weight: 600;
line-height: 21px;
letter-spacing: 0.13em;
text-align: center;
text-transform: uppercase;
transition: 0.3s;
position: relative;
background: #fff;
cursor:pointer;
}
span.product-form__error-message{
font-size:1.3rem;
}
.zero-quantity {
background-color: #c2c2c2 !important;
cursor: not-allowed;
pointer-events: none;
opacity: 0.6;
}
.card-product-sku{
font-family: Poppins;
font-weight: 500;
font-size: 22px;
line-height: 160%;
letter-spacing: -1%;
color: #A0A0A0;
}
.div-card-product-sku{
width: stretch;
}
.accessories-heading > input[type="checkbox"] {
min-width:16px;
}