/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
               - For Static Pages style: /assets/styles/static-pages-style.css.
               - For Woo-related functionality style: /assets/styles/woo-style.css.
               - This file is for all other styles.
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* Fonts */
@font-face {
    font-family:"TradeGothic LT Bold" ;
    src: url('/wp-content/themes/woodmart-child/assets/fonts/trade-gothic-lt-bold.woff') format('woff');
    font-style: normal;
}
@font-face {
    font-family:"Stack Sans Headline" ;
    src: url('/wp-content/themes/woodmart-child/assets/fonts/stack-sans-headline.woff') format('woff');
    font-style: normal;
}



/************************************** Global settings **************************************/
:root {
    /* Font */
    --eux-h1-font-size: 38px;
    --eux-h2-font-size: 30px;
    --eux-h3-font-size: 24px;
    --eux-h4-font-size: 22px;
    --eux-h5-font-size: 20px;
    --eux-h5-font-size: 18px;
    --eux-p-font-size: 16px;
    --eux-title-font-family: "TradeGothic LT Bold", "Poppins", Arial, Helvetica, sans-serif;
    --eux-normal-font-family: Arial, Helvetica, sans-serif;

    
    /* Button */
    --btn-accented-font-weight: 700;
    --btn-transform: 700;
    --btn-accented-font-family: Arial, sans-serif;
    --btn-font-family: Arial, sans-serif;
    --btn-accented-transform: capitalize;
    --btn-transform: capitalize;
    --btn-font-size: 16px;
    --btn-color: #000000;
}

h1 {
    font-size: var(--eux-h1-font-size, 38px);
    font-family: var(--eux-title-font-family, "Arial");
    font-style: normal;
    font-weight: 700;
    line-height: 40px; 
    text-transform: uppercase;
}
h2 {
    font-size: var(--eux-h2-font-size, 30px);
    font-family: var(--eux-title-font-family, "Arial");
    font-style: normal;
    font-weight: 700;
    line-height: 28px; 
    text-transform: uppercase;
}
h3 {
    font-size: var(--eux-h3-font-size, 24px);
    font-family: var(--eux-title-font-family, "Arial");
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}
h4 {
    font-size: var(--eux-h4-font-size, 22px);
    font-family: var(--eux-title-font-family, "Arial");
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}
h5 {
    font-size: var(--eux-h5-font-size, 20px);
    font-family: var(--eux-normal-font-family, "Arial");
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
h6 {
    font-size: var(--eux-h6-font-size, 18px);
    font-family: var(--eux-normal-font-family, "Arial");
    font-style: normal;
    font-weight: 700;
    line-height: 26px; 
}
p {
    font-size: var(--eux-p-font-size, 16px);
    font-family: var(--eux-normal-font-family, "Arial");
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}
.wp-block-wd-button > span {
    font-size: var(--btn-font-size, 16px);
    text-transform: var(--btn-transform, capitalize);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* .full-w.hero {
  margin-top: -40px !important;
} */
.full-grey {
  background: #f1f1f1;
}
.hero-content {
  width: 100% !important;
  max-width: var(--wd-container-w) !important;
  padding-inline: 15px !important;
  margin-inline: auto !important;
}
.margin-y-custom {
  --custom-margin-y: 80px;
  margin-top: var(--custom-margin-y) !important;
  margin-bottom: var(--custom-margin-y) !important;
}
.padding-y-custom {
  --custom-padding-y: 80px;
  padding-top: var(--custom-padding-y) !important;
  padding-bottom: var(--custom-padding-y) !important;
}
.common-cols {
  --wd-gap: 48px;
  gap: var(--wd-gap);
}
.text a {
  color: var(--wd-primary-color);
  font-weight: 700;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.common-hero {
  justify-content: center;
  margin-bottom: 0 !important;
}

/* Accordians */
.custom-accordian .wd-accordion-item .wd-accordion-title.wd-active {
  /* background: var(--wd-primary-color); */
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 0;
  padding-left: 0;
  color: #fff;
}
/* .custom-accordian .wd-accordion-item .wd-accordion-title.wd-active .wd-accordion-title-text {
  color: #ffffff;
} */
.custom-accordian .wd-accordion-item .inner-wrap {
  padding-top: 24px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
}
.wd-accordion-item .wd-accordion-content .wd-accordion-content-inner a:hover {
    color: var(--wd-primary-color) !important;
}

.product-quick-view form {
  display: none;
}
.wd-suggestion .wd-entities-title strong {
  background-color: yellow;
  font-weight: 900;
  color: #000;
}

/* Yellow button */
a.custom-styled-button, 
.prefooter-newsletter .right-col form .hs-submit input, 
.wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout #payment .place-order button, 
.ta-application-form div.hbspt-form input.hs-button.primary.large, 
#button_calculator_cladding, 
#button_calculator_decking, 
#button_calculator_fencing, 
#button_calculator_decking {
    transition: all 0.5s ease;
}
/* a.custom-styled-button.wp-block-wd-button:hover, 
a.custom-styled-button.wp-block-wd-button:hover {
    background-color: #fcc955 !important;
    transform: scale(1.05); 
} */
a.custom-styled-button:hover, 
.prefooter-newsletter .right-col form .hs-submit input:hover, 
.wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce-checkout #payment .place-order button:hover, 
.ta-application-form div.hbspt-form input.hs-button.primary.large:hover, 
a#button_calculator_cladding:hover, 
a#button_calculator_decking:hover, 
a#button_calculator_fencing:hover, 
a#button_calculator_decking:hover {
    background-color: #D7A40A !important;
}



/************************************** Header **************************************/
header > p {
    margin-bottom: 0 !important;
}
.whb-main-header .wd-header-cats .shop-cat-shop > a {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.whb-main-header .wd-header-cats .shop-cat-shop.wd-hover .wd-dropdown-menu,
.whb-main-header .wd-header-cats .shop-cat-shop.wd-event-hover .wd-dropdown-menu {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    --wd-dropdown-width: calc(100vw - 45px) !important;
    max-width: calc(var(--wd-container-w) - 30px) !important;
    inset-inline-start: unset !important;
    transform: translateY(0) translateZ(0) !important;
}
.after-header-row-outer {
    border-bottom: 1px solid #e5e5e5;
}
.after-header-row {
    padding-inline: 15px;
    margin-inline: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    justify-content: space-between;
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.after-header-row .wp-block-wd-icon, 
.after-header-row .img {
    width: 18px;
    height: 18px;
}
.after-header-row .wp-block-wd-container p {
    color: #313635;
    font-family: var(--eux-normal-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.after-header-row .wp-block-wd-column {
    flex: unset;
    justify-content: center;
}
.after-header-row .wp-block-wd-column:not(.feature-col) p {
    color: #e5e5e5;
}

.whb-main-header .whb-general-header .whb-col-center {
    display: flex;
    justify-content: center;
}
.whb-main-header .whb-general-header .whb-col-center .wd-header-search-form form {
    max-width: 556px;
    margin-left: auto;
    margin-right: auto;
}
.whb-main-header .whb-header-bottom {
    box-shadow: 0 10px 20px -10px #E5E5E5;
}
.whb-main-header .whb-header-bottom .container {
    padding: 0px 15px;
}
.whb-main-header .whb-general-header .whb-col-center .wd-header-search-form input[name="s"], 
.whb-main-header .whb-header-bottom .whb-col-mobile .wd-header-search-form-mobile input[name="s"] {
    border-radius: 100px;
    border-top: 1px solid var(--wd-primary-color);
    border-bottom: 1px solid var(--wd-primary-color);
    border-left: 1px solid var(--wd-primary-color);
    border-right: none;
    background: #FFF;
}
.whb-main-header .whb-general-header .whb-col-center .wd-header-search-form button, 
.whb-main-header .whb-header-bottom .whb-col-mobile .wd-header-search-form-mobile button {
    border-radius: 0 100px 100px 0;
    background: var(--wd-primary-color);
    padding: 0 20px;
}
.whb-main-header .whb-general-header .whb-col-right {
    gap: 27px;
}
.whb-main-header .whb-general-header .whb-col-right .wd-header-my-account > a {
    border-radius: 100px;
    border: 1px solid #E5F2E4;
    background: transparent;
    padding: 12px 15px;
    transition: all 0.3 ease-in-out;
}
.whb-main-header .whb-general-header .whb-col-right .wd-header-my-account > a:hover  {
    background: var(--wd-primary-color);
    color: #ffffff;
}
.whb-main-header .whb-general-header .whb-col-right .wd-header-my-account > a span {
    background: transparent;
    color: #313635;
}
.whb-main-header .whb-general-header .whb-col-right .wd-header-my-account > a:hover span, 
.whb-main-header .whb-general-header .whb-col-right .wd-header-my-account a:hover .wd-tools-icon::before  {
    color: #ffffff;
}
.whb-main-header .whb-general-header .whb-col-right .wd-header-my-account .wd-tools-icon::before {
    color: var(--wd-primary-color);
}
.whb-main-header .whb-general-header .whb-col-right .wd-cart-number {
    background-color: var(--wd-alternative-color);
    color: #000000;
}
.whb-main-header .whb-header-bottom .whb-col-right .wd-header-text {
    color: #313635;
    font-family: var(--eux-normal-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}   
.whb-main-header .whb-header-bottom .whb-col-right .wd-button-wrapper a {
    border-radius: 6px;
    background: var(--wd-primary-color);
    padding: 7px 18px;
    color: #FFF;
    font-family: var(--eux-normal-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.3 ease-in-out;
}
.whb-main-header .whb-header-bottom .whb-col-right .wd-button-wrapper a:hover {
    color: #000;
    background: var(--wd-alternative-color);
}
.whb-main-header .whb-top-bar .wd-header-text {
    color: #000;
    font-family: var(--eux-normal-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.whb-main-header .whb-top-bar .wd-header-text .tnc {
    color: rgba(0, 0, 0, 0.60);
    font-size: 13px;
}
.whb-main-header .whb-top-bar .wd-header-text .tnc:hover {
    text-decoration: underline;
    text-underline-color: rgba(0, 0, 0, 0.60);
    text-underline-offset: 4px; 
    
}
.whb-main-header .whb-top-bar .email, 
.whb-main-header .whb-top-bar .phone {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--wd-primary-color);
}
.whb-main-header .whb-top-bar .email span, 
.whb-main-header .whb-top-bar .phone span {
    color: #000000;
}
.whb-main-header .whb-top-bar .email span:hover, 
.whb-main-header .whb-top-bar .phone span:hover {
    text-decoration: underline;
    text-underline-offset: 4px; 
}
.whb-main-header .whb-general-header .whb-mobile-right .wd-header-text {
    text-align: right;
}
.whb-main-header .whb-top-bar-inner .whb-col-right {
    gap: 20px;
}
.whb-main-header .whb-header-bottom .whb-col-right .btn {
    min-height: 38px !important;
    max-height: 38px !important;
    height: 38px !important;
    line-height: 1 !important;
    padding: 0 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    border-width: 0 !important;
}
/* Search results ajax dropdown */
.wd-dropdown-results .wd-search-suggestions .wd-suggestion .price, 
.wd-dropdown-results .wd-search-suggestions .wd-suggestion .price span, 
.wd-dropdown-results .wd-search-suggestions .wd-suggestion .price small {
    color: #000000 !important;
}
.wd-dropdown-results .wd-search-suggestions .wd-suggestion .price-prefix, 
.wd-dropdown-results .wd-search-suggestions .wd-suggestion .price-wrapper {
    font-size: 12px;
    display: block;
    line-height: 20px;
}
.wd-dropdown-results .wd-search-suggestions .wd-suggestion .price-wrapper .price-suffix {
    display: none;
}


/************************************** Prefooter **************************************/
.prefooter {
    margin-bottom: 70px !important;
}
.prefooter-newsletter {
    margin-bottom: 30px !important;
}
.prefooter .feature-col {
    border-radius: 8px;
    border: 1px solid #E5F2E4;
    background: #E5F2E4;
    padding: 10px 60px;
    justify-content: center;
}
.prefooter .feature-col p {
    color: #232323;
    text-align: center;
    font-family: var(--eux-normal-font-family);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 129.412% */
}
.prefooter-newsletter {
    border-radius: 12px;
    padding: 55px 50px;
    align-items: center;
}
.prefooter-newsletter .left-col .wp-block-wd-icon {
    background: #44883E;
    width: 72px;
    height: 72px;
    border-radius: 50px;
}
.prefooter-newsletter .left-col p {
    line-height: 22px;
}
.prefooter-newsletter .left-col .wp-block-wd-infobox {
    gap: 22px;
    align-items: center;
}
.prefooter-newsletter .left-col .wd-dir-col {
    --wd-row-gap: 6px;
}
.prefooter-newsletter .right-col > p {
    display: none;
}
.prefooter-newsletter .right-col .mc4wp-form-fields {
    display: flex;
    background: #fff;
    border-radius: 6px;
}
.prefooter-newsletter .right-col .mc4wp-form-fields p {
    margin-bottom: 0 !important;
}
.prefooter-newsletter .right-col .mc4wp-form-fields p input, 
.prefooter-newsletter .right-col form input {
    height: 51px;
}
.prefooter-newsletter .right-col .mc4wp-form-fields p.email-input input, 
.prefooter-newsletter .right-col .mc4wp-form-fields p.phone-input input, 
.prefooter-newsletter .right-col form .hs-form-field.hs-email input {
    background: #fff;
    border: none;
    color: #313635;
    font-family: var(--eux-normal-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
}
.prefooter-newsletter .right-col .mc4wp-form-fields p.email-input {
    flex: 1;
    border-right: 1px solid rgba(49, 54, 53, 0.20);
}
.prefooter-newsletter .right-col .mc4wp-form-fields p.email-input input {
    border-radius: 6px 0 0 6px;
}
.prefooter-newsletter .right-col .mc4wp-form-fields p.phone-input {
    flex-basis: 30%;
    border-radius: 0;
}
.prefooter-newsletter .right-col .mc4wp-form-fields p.phone-input input {
    border-radius: 0;
}
.prefooter-newsletter .right-col .mc4wp-form-fields input[type="submit"], 
.prefooter-newsletter .right-col form .hs-submit input {
    border-radius: 6px;
    background: var(--wd-alternative-color);
    color: #000;
    font-family: var(--eux-normal-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-inline: 40px;
}
.prefooter-newsletter .right-col form {
    display: flex;
    background: #fff;
    border-radius: 6px;
}
.prefooter-newsletter .right-col form .hs-form-field label:not(.hs-error-msg) {
    display: none;
}
.prefooter-newsletter .right-col form .hs-form-field.hs-email {
    flex: 1;
}
.prefooter-newsletter .right-col form .hs-form-field.hs-email input {
    border: none;
    border-radius: 6px 0 0 6px;
    background-color: #fff;
}
.prefooter-newsletter .right-col form .hs-error-msgs {
    position: absolute;
    margin-top: 10px;
}
.prefooter-newsletter .right-col form .hs-error-msgs, 
.prefooter-newsletter .right-col form .hs-error-msg, 
.prefooter-newsletter .right-col p {
    color: #fff;
}
.prefooter-newsletter .right-col form .hs_error_rollup {
    display: none !important;
}



/************************************** Footer **************************************/
footer .main-footer > .wp-block-wd-section {
    margin-bottom: 0px;
}
footer .wd-copyrights {
    background: #313635;
    padding-block: 32px;
}
footer .wd-copyrights .tnc-privacy-policy {
    display: flex;
    justify-content: flex-end;
    gap: 10px; 
}
.footer-above {
    padding-top: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
}
.footer-above > .wp-block-wd-column {
    justify-content: center;
}
.footer-above .outer-left-col {
    flex: 0 0 20%;
}
.footer-above .outer-right-col {
    flex: 0 0 25%;
}
.footer-above .outer-middle-col .wp-block-columns {
    column-gap: 67px;
}
.footer-above .outer-middle-col .wp-block-columns .wp-block-column {
    flex-basis: unset !important;
}
.footer-above .outer-middle-col .wp-block-columns .wp-block-column:first-child {
    flex-grow: 0;
    min-width: fit-content;
}
.footer-above .outer-middle-col span {
    color: #FFF;
    font-family: var(--eux-normal-font-family);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.footer-above .outer-middle-col .email, 
.footer-above .outer-middle-col .phone {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}
.footer-above .outer-middle-col a.email:hover, 
.footer-above .outer-middle-col a.phone:hover, 
.footer-main a:hover {
    text-decoration: underline;
    text-decoration-color: white;
    text-underline-offset: 6px; 
}
.footer-above .icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #44883E;
    border-radius: 50px;
}
.footer-above .outer-middle-col .icon-wrap {
    width: 30px;
    height: 30px;
}
.footer-above .outer-right-col .icon-wrap {
    width: 33px;
    height: 33px;
    padding: 0;
    width: 33px;
    height: 33px;
    --btn-height: 33px;
    /* min-height: unset; */
    max-width: unset;
    border-radius: 50px;
}
.footer-above .outer-right-col .icon-wrap > span {
    display: none;
}
.footer-above .outer-right-col .wp-block-columns {
    gap: 10px;
    justify-content: flex-end;
}
.footer-above .outer-right-col .inner-col {
    max-width: 33px;
}
.footer-main {
    padding-top: 41px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
}
.footer-main h5 {
    color: #FFF;
    font-family: "TradeGothic LT Bold";
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 190% */
    text-transform: uppercase;
}
.footer-main p, 
.footer-main a,
.footer-main a span, 
footer .wd-copyrights p, 
footer .wd-copyrights span  {
    color: #E5E5E5;
    font-family: var(--eux-normal-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
}
.footer-main .inner-wrap {
    --wd-row-gap: 10px;
}
.footer-main .wp-block-navigation .wp-block-navigation-item {
    --li-mb: 0;
}
.footer-main .second-col nav li:not(.main-nav-link) {
    display: none;
}
.footer-main .third-col nav li:not(.calculator-link) {
    display: none;
}
.footer-main .fourth-col nav li:not(.company-link) {
    display: none;
}
.footer-main .fifth-col .image-wrap {
    display: flex;
    align-items: center;
}



/************************************** Woodmart carousel **************************************/ 
@supports (overflow: clip) {
    .wd-carousel {
        overflow-x: var(--wd-carousel-overflow, clip) !important;
        overflow-y: visible !important;
    }
}
.wd-carousel-container {
    position: relative;
    z-index: 1;
}
.wd-carousel-container:hover {
    z-index: 20;
}
/* .wd-carousel-container .wd-carousel-wrap {
    gap: 28px;
} */
.wd-carousel-item {
    position: relative;
    z-index: 1;
    transition: z-index 0s;
    /* max-width: 271px !important; */
    /* padding: 0 !important; */
}
.wd-carousel-item:hover {
    z-index: 400;
}
.wd-carousel-item .product-wrapper {
    position: relative;
}
.wd-carousel-item .fade-in-block,
.wd-carousel-item .wd-bottom-actions {
    position: relative;
}
.wd-carousel-item:hover .fade-in-block,
.wd-carousel-item:hover .wd-bottom-actions {
    z-index: 10;
}
.wd-carousel-container.upsells-carousel {
    z-index: 2;
}
.wd-carousel-container.related-products {
    z-index: 1;
}
.container.related-and-upsells {
    position: relative;
    z-index: auto;
}
.container.related-and-upsells .wd-nav-pagin-wrap, 
.woocommerce-cart .cross-sells .wd-nav-pagin-wrap {
    display: none;
}
.container.related-and-upsells .wd-carousel-inner {
    margin-bottom: 53px;
}
.container.related-and-upsells .wd-carousel, 
.woocommerce-cart .cross-sells .wd-carousel {
    padding: 15px 0px 100px !important;
}

/* Hide the default add to quote button as it's been added in wd-bottom-actions (base style product) */
.wd-hover-base .product-element-bottom > .button.wc-atq-add-to-quote-btn {
    display: none !important;
}

/* Navigation */
.wd-nav-arrows.wd-pos-together {
    top: unset !important;
    left: 48%;
    bottom: 0;
    margin-bottom: 20px;
    margin-top: 30px;
    --wd-arrow-gap: 10px;
}
.wd-nav-arrows.wd-pos-together .wd-btn-arrow .wd-arrow-inner:after {
    --wd-arrow-icon-size: 25px;
}
.wd-nav-arrows.wd-pos-together .wd-btn-arrow:not(.wd-disabled) .wd-arrow-inner:after {
    color: var(--wd-alternative-color);
}
.wd-nav-arrows.wd-pos-together .wd-btn-arrow.wd-disabled .wd-arrow-inner:after {
    color: #313635;
}



/************************************** Others **************************************/
/* Page title */
.wd-page-title.page-title {
    background-color: #f0e9d780;
    padding-top: 15px;
}
.wd-page-title .wd-breadcrumbs, 
.woodmart-archive-shop .single-breadcrumbs-wrapper .breadcrumbs-inner  {
    width: 100%;
    max-width: var(--wd-container-w);
    padding-inline: 30px;
    margin-inline: auto;
}
.wd-breadcrumbs, 
.wd-breadcrumbs a {
    color: rgba(49, 54, 53, 0.45);
    font-family: var(--eux-normal-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    --wd-bcrumb-delim-color: rgba(49, 54, 53, 0.45);
}
.wd-breadcrumbs a {
    position: relative;
    z-index: 11;
}
.wd-breadcrumbs span.wd-last {
    color: #313635;
    font-size: 18px;
    font-weight: 700;
}
.wd-page-title .entry-title.title {
    color: #000;
    font-family: var(--eux-title-font-family);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 86.667% */
    text-transform: uppercase;
}
.wd-page-title .page-title-description p  {
    color: #313635;
    text-align: center;
    font-family: "Stack Sans Headline";
    font-size: 15px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; /* 160% */
    margin-bottom: 0;
}
.wd-page-title.page-title .container {
    gap: 22px;
    padding-top: 15px;
}
.single-breadcrumbs-wrapper {
    border-bottom: 1px solid #e5e5e5;
}
.wd-toolbar-label br.wd-toolbar-br {
    display: none;
}
/* Apply to pages that have page title and breadcrumbs, and is not the my account page. */
body:not(.woocommerce-account) .wd-page-title.page-title:has(.wd-breadcrumbs) {
    --wd-title-sp: 15px;
    background-color: transparent;
    padding-block: var(--wd-title-sp);
    border-bottom: 1px solid #e5e5e5;
}
body:not(.woocommerce-account) .wd-page-title.page-title:has(.wd-breadcrumbs) .container {
    display: none;
}

/* Accordian */
.wd-accordion.wd-opener-style-arrow>.wd-accordion-item>.wd-accordion-title .wd-accordion-opener:before {
    font-size: 18px !important; 
    color: #313635 !important;
    font-weight: 500 !important;
}

.heading-mobile {
    display: none;
}

/* Archive pagnination */
.wd-loop-footer {
    margin-top: 60px;
    margin-bottom: 0;
}
.wd-pagination .page-numbers.current {
    background-color: var(--wd-alternative-color);
    color: #000;
}


/* Button click interaction - with spinner */
.custom-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.5s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
.btn-with-spinner.loading {
    opacity: 1;
    cursor: wait;
}
.home-range .view-all-categories a.btn-with-spinner.loading, 
.home-help-aussies a.show-all-products.btn-with-spinner.loading {
    background-color: var(--wd-alternative-color) !important;
}
ul.green-tick, 
.single-product .woocommerce-product-details__short-description ul, 
.single-product #tab-description ul {
    list-style: none;
    padding-left: 0;
}
.single-product .woocommerce-product-details__short-description li, 
.single-product #tab-description li {
    list-style: none;
}
ul.green-tick li, 
.single-product .woocommerce-product-details__short-description ul li, 
.single-product #tab-description ul li, 
.single-product .woocommerce-product-details__short-description li, 
.single-product #tab-description li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
}
ul.green-tick li::before, 
.single-product .woocommerce-product-details__short-description ul li::before, 
.single-product #tab-description ul li::before, 
.single-product .woocommerce-product-details__short-description li::before, 
.single-product #tab-description li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    background-image: url('/wp-content/uploads/2026/01/Frame-355.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}



/************************************** Responsive adjustments **************************************/
@media (max-width: 1240px) {
    .whb-main-header .whb-header-bottom .wd-header-cats .menu-opener {
        min-width: 120px !important;
        max-width: 120px !important;
    }
    .whb-main-header .whb-header-bottom .wd-header-nav .wd-nav-main {
        flex-wrap: nowrap !important;
        gap: 10px !important;
    }
}
@media (max-width: 1024px) {
    /* Header */
    .whb-main-header .whb-general-header .whb-col-center {
        display: none !important;
    }
    .whb-main-header .whb-general-header .whb-mobile-right .wd-header-text {
        padding-inline: 20px;
    }
    .whb-main-header .whb-header-bottom > .container {
        background: #E5F2E4;
        padding: 10px 20px;
    }
    .whb-sticky-prepared {
        --wd-header-sm-h: calc(.00001px + 60px + 45px + 20px + calc(.00001px + 1px + .00001px));
    }
    .whb-main-header .whb-general-header .class svg {
        width: 20px;
        height: 20px;
    }

    /* Bottom sticky toolbar */
    .sticky-toolbar-on .scrollToTop {
        bottom: 130px !important;
    }
    .wd-toolbar .wd-toolbar-sidebar {
        display: none !important;
    }
    .wd-toolbar span.wd-tools-icon {
        color: #44883E !important;
    }
    .wd-toolbar span.wd-toolbar-label {
        color: #000;
        font-family: var(--eux-normal-font-family);
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
    }
    .wd-toolbar .wd-header-cart .wd-cart-number {
        background-color: var(--wd-alternative-color) !important;
        color: #000 !important;
    }
    .sticky-toolbar-on .wd-sticky-btn .special-order-message-wrapper {
        display: none !important;
    }
}

@media (max-width: 768px) {
    /* Single product page bottom sticky add to cart button */
    .sticky-toolbar-on .wd-sticky-btn {
        overflow: visible !important;
        height: 42px; /* 42px + 42px for 2 buttons */
        bottom: 58px !important; /* bottom sticky toolbar = 55px, then add 3px for margin */
    }
    .sticky-toolbar-on .wd-sticky-btn form.cart .single_add_to_cart_button button,
    .wd-sticky-btn form.cart :is(.single_add_to_cart_button,.wd-sticky-add-to-cart),
    .sticky-toolbar-on .wd-sticky-btn form.cart .wc-atq-add-to-quote-btn {
        height: var(--wd-sticky-btn-height) !important;
        border-radius: 0 !important ;
        box-shadow: none !important;
        padding-inline-start:20px !important;
    }
    .sticky-toolbar-on .wd-sticky-btn form.cart .single_add_to_cart_button button,
    .wd-sticky-btn form.cart :is(.single_add_to_cart_button,.wd-sticky-add-to-cart) {
        width: 55% !important;
        padding-inline-start: calc(20px + var(--quantity-space)) !important;
        border-right: 1px solid rgb(229 229 229 / 25%);
    }
    .sticky-toolbar-on .wd-sticky-btn form.cart {
        background-color: var(--btn-accented-bgcolor);
        flex-wrap: nowrap !important;
        gap: 0 !important;
    }
    .sticky-toolbar-on .wd-sticky-btn form.cart .wc-atq-add-to-quote-btn {
        flex: 1 !important;
    }

}

@media (max-width: 480px) {
    :root {
        /* Font */
        --eux-h1-font-size: 35px;
        --eux-h2-font-size: 26px;
        --eux-h3-font-size: 20px;
        --eux-h4-font-size: 20px;
        --eux-h5-font-size: 20px;
        --eux-h5-font-size: 18px;
        --eux-p-font-size: 16px;
        
        /* Button */
        --btn-accented-font-weight: 700;
        --btn-transform: capitalize;
        --btn-font-size: 16px;
    }

    .wd-content-layout, 
    .wp-block-wd-section, 
    .wd-prefooter {
        padding-inline: 10px !important;
    }
    .wd-content-layout {
        padding-block: 12px;
    }

    /* Prefooter */
    .prefooter {
        margin-bottom: 60px !important;
    }
    .prefooter-newsletter {
        margin-bottom: 20px !important;
    }
    .prefooter {
        --wd-row-gap: 14px;
    }
    .prefooter .wp-block-wd-row {
        flex-direction: row;
        flex-wrap: nowrap;
        --wd-col-gap: 15px;
    }
    .prefooter .feature-col {
        padding: 15px 12px;
    }
    .wd-prefooter > .container {
        padding-inline: 0;
    }
    .prefooter .feature-col p {
        font-size: 16px;
        text-align: var(--wd-align);
    }
    .prefooter .feature-col .wp-block-wd-infobox {
        --wd-row-gap: 13px;
    }
    .prefooter-newsletter {
        padding: 28px 24px;
    }
    .prefooter-newsletter .left-col .wp-block-wd-infobox {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .prefooter-newsletter .left-col .wp-block-wd-infobox .wd-dir-col {
        gap: 6px;
    }
    .prefooter-newsletter .left-col h2, 
    .prefooter-newsletter .left-col p, 
    .prefooter-newsletter .right-col p {
        text-align: center;
    } 
    .prefooter-newsletter .left-col h2 {
        font-size: 24px;
    }
    .prefooter-newsletter .right-col .mc4wp-form-fields, 
    .prefooter-newsletter .right-col form {
        flex-direction: column;
        background: transparent;
        gap: 12px;
    }
    .prefooter-newsletter .right-col .mc4wp-form-fields p.email-input input, 
    .prefooter-newsletter .right-col .mc4wp-form-fields p.phone-input input, 
    .prefooter-newsletter .right-col form .hs-form-field.hs-email input {
        border-radius: 6px;
    }
    .prefooter-newsletter .right-col .mc4wp-form-fields input[type="submit"], 
    .prefooter-newsletter .right-col form .hs-submit input {
        width: 100%;
    }
    .prefooter-newsletter .right-col form .hs-error-msgs {
        position: unset;
    }

    /* After header - enable marquee effect (auto-scrolling) */
    .after-header-row {
        display: block !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .after-header-row > * {
        display: inline-block !important;
        vertical-align: middle !important;
        white-space: normal !important;
    }
    .after-header-row .feature-col {
        min-width: 180px !important;
        width: auto !important;
        margin-right: 30px !important;
    }
    .after-header-row > :not(.feature-col) {
        margin-right: 30px !important;
        width: auto !important;
        display: inline-block !important;
    }
    .after-header-row .feature-col .wd-infobox {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    /* Main header */
    .whb-header-bottom .wd-search-form .wd-dropdown-results {
        /* Make the search dropdown fullwidth */
        /* whb-header-bottom has padding-inline: 20px, so move the dropdown left and right by 20px to make it fullwidth */
        right: -20px; 
        left: -20px;
        margin-top: 2px;
    }

    /* Footer */
    .footer-above {
        flex-direction: column;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-above,
    .footer-main {
        padding-inline: 10px;
    }

    .footer-above .outer-middle-col .wp-block-column, 
    .footer-main h5, 
    .footer-main p, 
    .footer-main a {
        text-align: center;
    }
    .footer-above .outer-middle-col .wp-block-columns .wp-block-column:first-child {
        width: 100%;
    }
    .footer-above .outer-middle-col span {
        font-size: 16px;
    }
    .footer-above .inner-wrap, 
    .footer-main nav, 
    .footer-main nav .wp-block-navigation {
        align-items: center;
    }
    .footer-main .fifth-col .wp-block-columns {
        flex-wrap: nowrap !important;
        --wd-col-gap: 15px;
    }
    .footer-main .fifth-col .inner-wrap.bottom a {
        text-align: center;
    }
    footer .wd-copyrights .tnc-privacy-policy {
        justify-content: center;
    }
    .footer-main {
        --wd-col-gap: 40px !important;
    }
    footer .wd-copyrights {
        padding-block: 30px;
    }

    /* Bottom sticky toolbar */
    .wd-toolbar-label br.wd-toolbar-br {
        display: block;
    }
    .wd-toolbar {
        box-shadow: 0 4px 35px 0 #262626 !important;
        min-height: 80px !important;
    }
    .wd-toolbar > a, .wd-toolbar > div {
        flex: 1 0 10% !important;
    }
    .wd-toolbar > a, .wd-toolbar > div a {
        height: 75px !important;
    }
    .wd-toolbar .wd-header-wishlist {
        flex-basis: 20% !important;
    }
    .wd-toolbar .wd-header-my-account {
        flex-basis: 20% !important;
    }
    .wd-toolbar .wd-tools-element > a {
        flex-direction: column;
        justify-content: center;
    }
    .wd-toolbar .wd-tools-element .wd-tools-icon {
        margin-bottom: 5px;
    }
    .wd-toolbar span.wd-toolbar-label {
        margin-bottom: 5px;
    }
    .wd-sticky-btn-shown.scrollToTop {
        --wd-sticky-btn-height: 72px;
    }

    /* Single product page bottom sticky add to cart button */
    .sticky-toolbar-on .wd-sticky-btn {
        bottom: 83px !important; /* bottom sticky toolbar = 80px, then add 3px for margin */
    }

    /* Carousel */
    .wd-nav-arrows.wd-pos-together {
        left: 40%;
    }

    /* Others */
    .woocommerce-breadcrumb .wd-last-link ~ span {
        display: block !important;
    }
    .heading-mobile {
        display: block;
    }
    .heading-desktop, 
    .hide-mobile {
        display: none;
    }
}