/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme (For STATIC pages style only)
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/************************************** Common **************************************/ 
.trade-accounts-range .title::after, 
.trade-accounts-testimonials .title::after, 
.careers-members-love.title-wrap .title::after, 
.careers-current-vacancies > .title::after {
    width: clamp(56px, 6.5rem, 64px);
    margin-bottom: 2rem;
    content: "";
    border-bottom: 9px solid var(--wd-primary-color);
    display: block;
    margin-top: 20px;
}

.careers-hero, 
.careers-why-join-team, 
.careers-our-culture, 
.careers-how-to-apply {
    --custom-padding-y: 64px;
    --custom-margin-y: 64px;
}

.careers-quotes, 
.careers-members-love, 
.careers-team-values  {
    --custom-padding-y: 40px;
    --custom-margin-y: 40px;
}

.home-hero h3, 
.home-trade-account h4, 
.home-help-aussies h4 {
    text-transform: uppercase;
}

.home-range .view-all-categories a, 
.home-help-aussies .show-all-products {
    border-radius: 6px;
    border: 1.5px solid var(--wd-alternative-color);
    background: transparent;
    transition: background-color 0.5s ease;
    text-transform: capitalize;
}
.home-range .view-all-categories a:hover, 
.home-help-aussies .show-all-products:hover {
    background: var(--wd-alternative-color);
}

/* Carousel */
.custom-styled-carousel .wd-carousel {
    padding-bottom: 90px !important;
}

/* Button font size */
.home-hero .left-col .wp-block-wd-button > span, 
.view-all-categories .wp-block-wd-button > span, 
.home-trade-account .wp-block-wd-button > span, 
.home-help-aussies .wp-block-wd-button > span  {
    --btn-font-size: 18px;
}

/* Testimonials */
.common-testimonials{
    padding-top: 70px;
    padding-bottom: 60px;
}
.common-testimonials .wp-block-wd-image {
    width: 45px;
    height: 45px;
    min-width: 45px;
}
.common-testimonials .wp-block-wd-image img {
    max-width: unset;
    width: 45px;
    height: 45px;
    --wd-brd-radius: 50px;
}
.common-testimonials .profile .name-position {
    --wd-row-gap: 0px;
}
.common-testimonials .profile {
    --wd-col-gap: 15px;
}
.common-testimonials .wd-carousel-item .outer-wrap {
    background: #FFFFFF;
    padding: 36px 42px !important;
    border-radius: 15px;
    height: 274px;
    display: flex;
    flex-direction: column;
    height: 100%;
} 
.common-testimonials .profile .name-position p {
    color: #262626;
}
.common-testimonials .wd-carousel-item .comment {
    flex-grow: 1;
}
.common-testimonials .comment p a {
    text-decoration: underline;
    color: var(--wd-primary-color);
}
.common-testimonials .wd-carousel {
    margin-top: 40px;
}
.common-testimonials .wd-carousel-item .wd-testimonial-heading.profile {
    margin-top: auto;
}





/************************************** Trade accounts **************************************/ 
/* Hero */
.trade-accounts-hero {
    justify-content: center;
}
.trade-accounts-hero h1 {
    color: #ffffff;
}

/* Trade benefits */
.trade-accounts-benefits .outer-wrap {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}
.trade-accounts-benefits .benefit .inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.trade-accounts-benefits .wp-block-wd-icon {
    --wd-icon-w: 120px;
    padding: 25px;
    border-radius: 50%;
    width: 120px;
    height: 120px;
}
.trade-accounts-benefits .benefit h2, 
.trade-accounts-benefits .benefit p {
    text-align: center;
} 

/* Range (categories) */
.trade-accounts-range {
    margin-bottom: 0 !important;
}
.trade-accounts-range .wd-cats .product-category .wd-cat-thumb img {
    width: 100%;
}
.trade-accounts-range .wd-cats .product-category .wd-cat-content h3.wd-entities-title {
    margin-bottom: 0.6rem;
}
.trade-accounts-range .wd-cats .product-category .category-link {
    display: block;
    color: #373a36;
    -webkit-transition: -webkit-box-shadow .2s linear;
    transition: -webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear;
    transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
    -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    overflow: hidden;
    border: 0;
    width: 100%;
}
.trade-accounts-range .wd-cats .product-category .category-link:hover {
    box-shadow: 3px 3px 15px 5px rgba(0, 0, 0, 0.3);
}
.trade-accounts-range .wd-cats .product-category .wd-cat-content {
    background-color: #fff;
}

/* Feature */
.trade-accounts-feature {
    justify-content: center;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    margin-block: 0 !important;
    /* max-width: 1360px; */
    /* position: relative; */
}
.trade-accounts-feature .inner-content-wrap {
    max-width: 680px;
    text-align: left;
    margin-right: auto;
    background: rgba(0, 0, 0, 0.5);
    padding: 48px;
    border-radius: 4px;
}

/* Testimonials */
.testimonials .outer-wrap {
    justify-content: center;
}
.testimonials .outer-wrap .wp-block-column {
    display: flex;
    justify-content: center;
}
.testimonials .inner-wrap {
    gap: 40px;
    max-width: 1050px;
}
.testimonials .inner-wrap .wp-block-column {
    width: 100%;
    display: inline-block;
    background: #fff;
    border-radius: 4px;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 3.2rem;
    margin-top: 3.2rem;
    -webkit-transition: -webkit-box-shadow .2s linear;
    transition: -webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear;
    transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
    -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 5px;
    overflow: visible;
    text-align: center;
    border: 1px solid #d9d9d9;
}
.testimonials .wd-testimonial-heading .profile-pic {
    width: clamp(80px, 10.4rem, 104px);
    height: clamp(80px, 10.4rem, 102px);
    margin-left: auto;
    margin-right: auto;
    margin-top: -3.2rem;
    -webkit-transition: -webkit-box-shadow .2s linear;
    transition: -webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear;
    transition: box-shadow .2s linear, -webkit-box-shadow .2s linear;
    -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    overflow: hidden;
}



/************************************** Community projects **************************************/ 
/* Hero */
.community-projects-hero {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 80px;
    justify-content: center;
}
.community-projects-hero .outer-container {
    max-width: 80% !important;
    align-items: center !important;
}
.community-projects-hero .outer-container .text {
    max-width: 80%;
}
.community-projects-gallery .wp-block-wd-gallery-item img {
    aspect-ratio: auto 1080 / 810;
    object-fit: cover;
}

/* Get in touch */
.community-projects-git .outer-container {
    max-width: 960px !important;
}



/************************************** Careers/Join our team **************************************/ 
/* Why join our team */
.careers-why-join-team {
    row-gap: 64px !important;
}
.careers-why-join-team .upper-container, 
.careers-why-join-team .lower-container {
    max-width: 760px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* Quotes */
.careers-quotes .right-col .inner-wrap {
    background: var(--wd-primary-color);
    color: white;
    border-radius: 6px;
    padding: 20px 20px !important;
    line-height: 1.6;
}

/* Members love */
.careers-members-love .fav-item {
    background: #dfdfdf;
    padding: 30px;
    border-radius: 5px;
}

/* Team values */
.careers-team-values.title-wrap .outer-wrap {
    max-width: 760px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.careers-team-values .value .inner-container {
    align-items: center;
}
.careers-team-values .value.last {
    display: flex;
    align-items: center;
}
.careers-team-values .value.last .inner-container {
    background: var(--wd-primary-color);
    color: white;
    border-radius: 6px;
    padding: 20px 20px !important;
    line-height: 1.6;
}

/* Career development */
.careers-development .title-wrap  {
    max-width: 760px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.careers-development .dev-item .inner-container {
    align-items: center;
}



/************************************** Faqs **************************************/ 
/* Accordians */
.faqs-accordians .outer-wrap {
    margin-top: 56px;
}



/************************************** How to guides **************************************/ 
/* Common blog post page */
.category-how-to-guides .wd-single-post-header {
    display: none;
}
.csrw-guide-hero .outer-container {
    max-width: 780px !important;
    padding: 20px;
}
.csrw-step .text-wrap .heading-wrap .left-col .inner-container {
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: var(--wd-primary-color);
    color: #fff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-size: 1.5rem;
    font-weight: bold;
    flex-shrink: 0;
}
.csrw-step .text-wrap .heading-wrap .left-col .inner-container p {
    text-align: center;
}



/************************************** Homepage **************************************/ 
/* Hero */
.home-hero {
    align-items: center;
    margin-bottom: 105px !important;
}
.home-hero .wd-list-content{
    color: #FFF;
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 166.667% */
}
.home-hero .banner-content {
    margin-top: 43px;
}
.home-hero .banner-note {
    display: inline-flex;
    padding: 6px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #EFDEDE;
    width: auto !important;
}
.home-hero .banner-note p {
    color: #AC1919;
    text-align: center;
    font-family: "Stack Sans Headline", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.home-hero h3.wp-block-heading {
    margin-bottom: 22px;
}
.home-hero .wd-carousel-container .wd-nav-pagin-wrap {
    margin-bottom: 20px;
}
.home-hero .wd-carousel-container .wd-nav-pagin-wrap .wd-nav-pagin {
    background-color: transparent;
}
.home-hero .wd-nav-pagin-wrap[class*="wd-style-shape"] span {
    background: #FFF;
    opacity: 0.5;
}
.home-hero .wd-nav-pagin-wrap[class*="wd-style-shape"] li.wd-active span  {
    background: #FFF;
    opacity: 1;
}

/* Best sellers */
.home-best-sellers .wd-products {
    margin-top: 28px;
}

/* Range/categories */
.home-range {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.home-range .wp-block-wd-column {
    --wd-row-gap: 40px;
}
.home-range .wd-cat .cat-description {
    display: none;
}
.home-range .wd-cat-thumb {
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 26.79%, rgba(0, 0, 0, 0.80) 90%), lightgray;
}
.home-range .wd-cat-inner .wd-fill {
    background-color: rgb(0, 0, 0, 0.25);
    opacity: 1;
}
.home-range .wd-cat-inner .wd-cat-content {
    z-index: 10;
}
.home-range .wd-cat .wd-cat-inner h3.wd-entities-title {
    padding-right: 24px;
    width: 100%;
}
.home-range .wd-cat .wd-cat-inner h3.wd-entities-title::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    background-image: url('/wp-content/uploads/2025/12/down-arrow-13-5.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.home-range .wd-cat-content h3 {
    color: #FFF;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

/* Calculators */
.home-calculators {
    padding-bottom: 70px;
    padding-top: 70px;
    margin-bottom: 0 !important;
    position: relative;
    overflow: hidden;
}
.home-calculators .left-col {
    flex: 0 0 25%;
    z-index: 2;
}
.home-calculators .middle-col {
    flex: 0 0 20%;
    z-index: 1;
}
.home-calculators .right-col {
    z-index: 2;
}
.home-calculators .left-col .wp-block-wd-paragraph {
    max-width: 300px;
}
.home-calculators .calculator {
    --btn-padding: 0;
    display: flex;
    justify-content: flex-end;
    border-radius: 12px;
    gap: var(--wd-row-gap, 20px);
    transition: all 0.3s ease;
}
/* .home-calculators .calculator:hover {
    transform: scale(1.05);
} */
.home-calculators .calculator .wp-block-wd-icon {
    --wd-icon-w: 109px !important;
    height: 109px !important;
}
.home-calculators .calculator .wp-block-wd-icon img {
    object-fit: cover;
        border-radius: 12px 0 0 12px;
}
.home-calculators .calculator span {
    --btn-font-size: 22px;
    text-align: left;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: relative;
    flex: 1;
}
.home-calculators .calculator span::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    background-image: url('/wp-content/uploads/2025/12/down-arrow-13-5.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    position: absolute;
    right: 28px;
    filter: brightness(0);
}
.home-calculators .middle-col img {
    max-width: unset;
    position: absolute;
    top: -50px;
    bottom: 0;
    /* right: 10px; */
    left: -200px;
}

/* Trade account */
.home-trade-account {
    padding-top: 70px !important;
}
.home-trade-account .wp-block-wd-row {
    --wd-col-gap: 30px !important;
}
.home-trade-account .left-col-inner {
    flex-basis: 40% !important;
}
.home-trade-account .right-col-inner {
    flex-basis: 60% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 60px;
}
.home-trade-account .left-col, 
.home-trade-account .right-col {
    border-radius: 12px;
    border: 1px solid #F0F0F0;
    background: #FFF;
}
.home-trade-account img {
    --wd-brd-radius: 12px;
    border-radius: var(--wd-brd-radius) 0 0 var(--wd-brd-radius) !important;
}
.home-trade-account .wp-block-wd-paragraph {
    margin-bottom: 40px;
}

/* Help aussies */
.home-help-aussies {
    margin-bottom: 0 !important;
    border: 2px solid #f5f5f5;
}
.home-help-aussies .right-col .wp-block-wd-icon {
    width: 95px;
    height: 95px;
    background: #E5F2E4;
    border-radius: 50px;
}
.home-help-aussies .right-col .features-wrap {
    --wd-row-gap: 40px;
}
.home-help-aussies .right-col .buttons-wrap {
    margin-top: 46px;
}
.home-help-aussies .right-col {
    padding: 10px 10px 10px 50px;
    justify-content: center;
}
.home-help-aussies .left-col img {
    border-radius: 0;
}
.home-help-aussies .right-col .buttons-wrap a {
    text-transform: capitalize;
}



/************************************** About us **************************************/ 
/* Suppliers */
.about-us-suppliers p, 
.about-us-features p, 
.about-us-merchant p,
.about-us-testimonials p, 
.about-us-faqs p {
    color: #313635;
}
.about-us-suppliers {
    --wd-col-gap: 74px !important;
    padding-top: 0;
    padding-bottom: 70px;
    margin-block: 0 !important;
}
.about-us-suppliers  .left-col img {
    --wd-brd-radius: 8px;
}
.about-us-suppliers .right-col {
    justify-content: center;
    padding-right: 40px;
}

/* Features */
.about-us-features {
    padding-top: 52px;
    padding-bottom: 84px;
    --wd-row-gap: 48px !important;
    margin-bottom: 0 !important;
}
.about-us-features h2 {
    margin-bottom: 28px !important;
}
.about-us-features  .wp-block-wd-row {
    margin-bottom: 3px !important;
}
.about-us-features .feature-col .wp-block-wd-infobox {
    --wd-row-gap: 34px;
}
.about-us-features .feature-col .wp-block-wd-infobox .wp-block-wd-icon {
    align-items: flex-start;
}
.about-us-features .feature-col h4 {
    font-family: var(--eux-normal-font-family);
}


/* Merchants */
.about-us-merchant {
    padding-block: 70px;
    --wd-col-gap: 56px !important;
}
.about-us-merchant .outer-left-col {
    flex-basis: 30%;
}
.about-us-merchant .outer-left-col .btn {
    margin-top: 20px;
}
.about-us-merchant .outer-right-col .wp-block-columns {
    --wd-col-gap: 30px;
}
.about-us-merchant .outer-right-col .inner-left-col {
    flex-basis: 45%;
}
.about-us-merchant .outer-right-col .inner-right-col {
    flex-basis: 55%;
}
.about-us-merchant .outer-right-col .wp-block-column {
    display: flex;
    align-items: stretch;
}
.about-us-merchant .outer-right-col .wp-block-column figure {
    flex: 1;
    display: flex;
}
.about-us-merchant .outer-right-col .wp-block-column img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}



/* Testimonials */
.about-us-testimonials {
    --wd-block-spacing: 0;
}

/* Faq */
.about-us-faqs {
    max-width: 721px;
    --wd-accordion-spacing: 30px !important;
    padding-top: 70px;
    padding-bottom: 26px;
}
.about-us-faqs .wd-accordion.wd-style-default>.wd-accordion-item:first-of-type {
    border-top: none;
}
.about-us-faqs .wd-accordion.wd-style-default>.wd-accordion-item:last-of-type {
    border-bottom: none;
}
.about-us-faqs .wd-accordion .wd-accordion-title {
    color: #000;
    font-family: var(--eux-normal-font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 133.333% */
    --wd-accordion-spacing: 30px;
}



/************************************** Contact us **************************************/ 
/* Contacts - contact info and form */
.contact-us-contacts {
    padding-top: 6px;
    margin-bottom: 30px;
}
.contact-us-contacts .quick-connect-col, 
.contact-us-contacts .get-in-touch-col {
    padding: 37px 40px;
    border-radius: 8px;
}

/* Quick connect */
.contact-us-contacts .quick-connect-col .outer-wrap {
    --wd-row-gap: 36px;
}
.contact-us-contacts .quick-connect-col .outer-wrap > h2, 
.contact-us-contacts .get-in-touch-col .outer-wrap > h2 {
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 140.741% */
}
.contact-us-contacts .quick-connect-col .top.inner-wrap {
    --wd-row-gap: 62px;
}
.contact-us-contacts .quick-connect-col .top.inner-wrap .wp-block-columns {
    gap: 54px;
}
.contact-us-contacts .quick-connect-col .top.inner-wrap .inner-left-col {
    max-width: 233px; /* 179px + 54px */
    min-width: 233px;
    border-right: 1px solid rgb(229 242 228 / 20%);
}
.contact-us-contacts .quick-connect-col .top.inner-wrap .inner-left-col .contact-info {
    max-width: 179px;
    min-width: 179px;
    margin-right: 54px;
    width: fit-content
} 
.contact-us-contacts .quick-connect-col .top.inner-wrap .inner-right-col {
    flex-basis: 60%;
}
.contact-us-contacts .quick-connect-col .bottom.inner-wrap {
    margin-top: 34px;
    margin-bottom: 43px;
}
.contact-us-contacts .quick-connect-col .contact-info h5, 
.contact-us-contacts .quick-connect-col .contact-info p, 
.contact-us-contacts .quick-connect-col .contact-info a {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 130% */
}
.contact-us-contacts .quick-connect-col .contact-info a {
    color: #ffffffcc;
}
.contact-us-contacts .quick-connect-col .contact-info a:hover {
    text-decoration: underline;
    text-underline-color: #ffffffcc;
    text-underline-offset: 4px; 
}
.contact-us-contacts .quick-connect-col .contact-info h5 {
    font-weight: 700;
} 
.contact-us-contacts .quick-connect-col .contact-info {
    --wd-row-gap: 20px;
}
.contact-us-contacts .quick-connect-col .contact-info .wd-dir-col {
    --wd-row-gap: 0;
}

/* Get in touch */
.contact-us-contacts .get-in-touch-col {
    --wd-row-gap: 40px;
}
.contact-us-form {
    margin-block: 0 !important;
}
.contact-us-form .wpforms-field, 
.contact-us-contacts form .field.hs-form-field {
    padding: 0 0 20px 0 !important;
}
.contact-us-contacts form fieldset {
    max-width: 100%;
}
.contact-us-contacts form label {
    margin-bottom: 13px;
}
.contact-us-contacts form div.input {
    margin-right: 0 !important;
}
.contact-us-contacts form .hs-firstname div.input, 
.contact-us-contacts form .hs-email div.input {
    margin-right: 8px !important;
} 
.contact-us-form .wpforms-field-label, 
.contact-us-contacts form label {
    color: #000 !important;
    font-family: var(--eux-normal-font-family) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    --wpforms-field-size-input-spacing: 13px;
}
.contact-us-form input, 
.contact-us-form select, 
.contact-us-form textarea, 
.contact-us-contacts form input, 
.contact-us-contacts form select, 
.contact-us-contacts form textarea {
    border-radius: 6px !important;
    border: 1px solid rgba(49, 54, 53, 0.50) !important;
    background: #fff;
} 
.contact-us-form input, 
.contact-us-form select, 
.contact-us-form textarea, 
.contact-us-form input::placeholder, 
.contact-us-form select option, 
.contact-us-form textarea::placeholder, 
.contact-us-contacts form input, 
.contact-us-contacts form select, 
.contact-us-contacts form textarea, 
.contact-us-contacts form input::placeholder, 
.contact-us-contacts form select option, 
.contact-us-contacts form textarea::placeholder {
    color: #313635 !important;
    font-family: var(--eux-normal-font-family) !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
} 
.contact-us-form input::placeholder, 
.contact-us-form textarea::placeholder {
    opacity: 1 !important;
}
.contact-us-contacts form select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url('data:image/svg+xml;utf8,<svg fill="%23313635" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 20px !important;
    padding-right: 40px !important;
    width: 100% !important;
}
.contact-us-contacts form .hs-error-msgs {
    margin-top: 10px;
}
.contact-us-contacts form textarea {
    width: 100% !important;
}
.contact-us-contacts form input[name="uploaded_file_in_the_form"] {
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}
.contact-us-form-submit, 
.contact-us-contacts form input[type="submit"] {
    border-radius: 6px !important;
    background: var(--wd-primary-color) !important;
    color: #FFF !important;
    font-family: Arial !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
    width: 100% !important;
    padding: 17px 27px !important;
    height: 57px !important;
    border: 0 !important;
}
.contact-us-contacts form .hs-submit:hover, 

.contact-us-contacts form input[type="submit"]:hover {
    color: #000 !important;
    background: var(--wd-alternative-color) !important;
    border: 0 !important;
    border-radius: 6px !important;
}
.contact-us-contacts form .hs-submit {
    margin-top: 10px;
}

/* Map */
.contact-us-map {
    padding-block: 10px 30px;
}
.contact-us-map iframe {
    border-radius: 8px;
}



/************************************** Blog sidebar **************************************/ 
/* Sidebar */
#categories-5 h5.widget-title {
    color: #262626;
    font-family: var(--eux-normal-font-family);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 172.727% */
    text-transform: capitalize;
}
#categories-5 li.cat-item, 
#categories-5 li.cat-item a {
    color: #313635;
    font-family: var(--eux-normal-font-family);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 49px; /* 326.667% */
}
#categories-5 li.cat-item {
    position: relative;
}
#categories-5 li.cat-item a::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    vertical-align: middle;
    background-image: url(/wp-content/uploads/2025/12/Frame-184.svg);
    right: 0;
    position: absolute;
    top: 40%;
}
#categories-5 li.cat-item.current-cat,
#categories-5 li.cat-item:hover,
#categories-5 li.cat-item.current-cat a, 
#categories-5 li.cat-item:hover a, 
#categories-5 li.cat-item a:hover {
    color: var(--wd-primary-color);
}
#categories-5 li.cat-item.current-cat a::after, 
#categories-5 li.cat-item:hover a::after, 
#categories-5 li.cat-item a:hover::after {
    filter: brightness(0) saturate(100%) invert(42%) sepia(18%) saturate(1376%) hue-rotate(66deg) brightness(93%) contrast(88%);
}



/************************************** Blog archive **************************************/ 
div.knowledge-library-blogs.wp-block-wd-container {
    --wd-row-gap: 33px !important;
    margin-top: 30px;
    margin-bottom: 40px !important;
}

/* Single post */
.blog-design-masonry .wd-post-inner {
    border-radius: 12px;
    border: 1px solid rgba(49, 54, 53, 0.10);
    background: #FFF;
    display: flex;
    flex-direction: column;
    height: 100%;
}
/* Thumbnail */
.blog-design-masonry .wd-post-thumb {
    --wd-brd-radius: 12px 12px 0 0;
}
.blog-design-masonry .wd-post-thumb img {
    max-height: 210px;
}
/* Content */
.blog-design-masonry .wd-post-content {
    align-items: flex-start;
    padding-top: 20px;
    gap: 13px;
    --post-content-padding: 27px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.blog-design-masonry .wd-post-content .wd-post-cat {
    margin-top: 0;
    background: transparent;
    display: flex;
    margin-inline: var(--post-content-padding);
    padding-inline: 0;
    column-gap: 15px;
}
.blog-design-masonry .wd-post-content .wd-post-cat a {
    color: #313635;
    font-family: var(--eux-normal-font-family);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.24px;
    padding: 6px 10px;
    text-transform: capitalize;
    border-radius: 6px;
    background: #F0E9D7;
    padding: 6px 10px;
    height: 27px !important;
    line-height: normal;
}
.blog-design-masonry .wd-post-content .wd-post-cat a:not(:first-child) {
    display: none;
}
.blog-design-masonry .wd-post-content .wd-post-cat .reading-time {
    color: rgba(49, 54, 53, 0.60);
    font-family: var(--eux-normal-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
    text-transform: capitalize;
}
.blog-design-masonry .wd-post-content .wd-post-cat .reading-time span {
    color: #313635;
}
.blog-design-masonry .wd-post-content h3 {
    text-align: left;
    color: #000;
    font-family: var(--eux-normal-font-family);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */
    margin-inline: var(--post-content-padding);
    margin-bottom: 20px;
}
.blog-design-masonry .wd-post-content .wd-post-meta {
    margin-top: auto;
    border-top: 1px solid #e5e5e5;
    width: 100%;
    justify-content: flex-start;
    padding-block: 15px;
}
.blog-design-masonry .wd-post-content .wd-post-author, 
.blog-design-masonry .wd-post-content .wd-post-reply, 
.blog-design-masonry .wd-post-content .wd-post-excerpt, 
.blog-design-masonry .wd-post-content .wd-post-read-more {
    display: none !important;
}
.blog-design-masonry .wd-post-content .wd-post-meta div {
    margin-inline-start: var(--post-content-padding);
}
.blog-design-masonry .wd-post-content .wd-post-meta div {
    margin-inline: var(--post-content-padding);
}
.blog-design-masonry .wd-post-content .wd-post-share {
    display: flex;
    align-items: center;
    column-gap: 6px;
}
.blog-design-masonry .wd-post-content .wd-post-share::before {
    content: 'Share';
    color: #313635;
    font-family: var(--eux-normal-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
}
.woodmart-archive-blog #main-content {
    padding-block: 70px 80px;
}
.woodmart-archive-blog .blog-heading {
    --wd-tags-mb: 33px;
}
.woodmart-archive-blog .wd-loop-footer {
    margin-top: 65px;
}
.woodmart-archive-blog .wd-content-area.site-content {
    margin-left: 30px;
}



/* Single blog page */
.single-post .wd-content-layout {
    padding-bottom: 70px;
}
article.post-single-page {
    margin-bottom: 65px;
}
.post-single-page .wd-post-cat {
    display: none !important;
}
.post-single-page h1.wd-post-title.wd-entities-title {
    color: #262626 !important;
    font-family: var(--eux-title-font-family) !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 38px !important; /* 126.667% */
    text-transform: uppercase !important;
    text-align: left !important;
}
.post-single-page .wd-single-post-header {
    align-items: flex-start;
    gap: 0px;
}
.wd-single-post-header .wd-post-meta {
    margin-bottom: 30px;
}
.wd-single-post-header .wd-post-meta .wd-post-author,
.wd-single-post-header .wd-post-meta .wd-post-reply {
    display: none;
}
.wd-single-post-header .wp-block-post-time-to-read::before, 
.wd-single-post-header .custom-post-reading-time {
    color: rgba(49, 54, 53, 0.60);
    font-family: var(--eux-normal-font-family);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 185.714% */
}
.wd-single-post-header .custom-post-reading-time span {
    color: #313635;
}
.wd-single-post-header .wp-block-post-time-to-read::before {
    content: 'Read: ';
}
.post-single-page p {
    color: #313635;
    font-family: var(--eux-normal-font-family) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
}
.single-post .wd-post-image img {
    --wd-brd-radius: 6px;
}

/* Footer */
.single-post .wd-single-footer {
    padding-top: 28px;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 54px !important;
}
.single-post .wd-single-footer .wd-tags-list {
    display: none;
}
.single-post .wd-single-footer .wd-social-icons.wd-style-colored > a {
    --wd-social-bg: #44883E;
    width: 33px;
    height: 33px;
}
.single-post .wd-single-footer .wd-social-icons::before {
    content: 'Share';
    color: #000;
    font-family: var(--eux-normal-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 162.5% */
    margin-right: 10px;
}
.single-post .wd-page-nav {
    display: none;
}
.single-post .wd-single-footer a.back-to-blog::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: url('/wp-content/uploads/2025/12/Vector.svg');
}
.single-post .wd-single-footer a.back-to-blog {
    border-radius: 6px;
    border: 1.5px solid var(--wd-primary-color);
    background: #FFF;
    color: var(--wd-primary-color);
    font-family: var(--eux-normal-font-family);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 17px 20px;
    gap: 10px;
}
.single-post .wd-single-footer a.back-to-blog:hover {
    background-color: var(--wd-primary-color) !important;
    color: var(--btn-default-color-hover);
} 
.single-post .wd-single-footer a.back-to-blog:hover::before {
    filter: brightness(0) invert(1);
}

/* Related posts */
.single-post .related-posts-slider h4.title {
    color: #262626;
    font-family: var(--eux-title-font-family);
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px; /* 126.667% */
    text-transform: uppercase;
}
.single-post .related-posts-slider .wd-carousel {
    --wd-col-lg: 4 !important;
    padding-bottom: 80px;
    max-width: var(--wd-container-w);
}
.single-post .related-posts-slider .wd-nav-pagin-wrap  {
    display: none;
}



/************************************** 404 - Page not found **************************************/
#main-content:has(.pageNotFound) {
    max-width: unset;
    padding-inline: 0;
    padding-top: 0;
} 

.pageNotFound {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pageNotFound picture {
    display: block;
    width: 100%;
    line-height: 0; 
}
.pageNotFound picture img {
    display: block;
    width: 100%;
    height: auto; 
    object-fit: cover;
}
.pageNotFound .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    min-width: 320px;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 840px;
    text-align: center;
    z-index: 3;
    color: #fff;
}
.pageNotFound h4 {
    margin-bottom: 24px;
    letter-spacing: 5px;
    text-transform: uppercase;
    width: 100%;
    text-shadow: 0px 0px 36px rgba(0, 0, 0, 0.5);
    margin-bottom: 24px;
    font-weight: 600;
}
.pageNotFound h1 {
    margin-bottom: 32px;
    --eux-h1-font-size: 42px;
}
.pageNotFound .text {
    font-weight: 400;
    text-shadow: 0px 0px 36px rgba(0, 0, 0, 0.5);
    font-size: clamp(18px, 2.4rem, 22px);
    line-height: clamp(22px, 3rem, 28px);
    margin-bottom: 37px;
}
.pageNotFound h1, 
.pageNotFound h4,
.pageNotFound .text {
    color: #fff;
}
.pageNotFound a {
    padding: 15px 30px;
    background: var(--wd-alternative-color);
    display: inline-block;
    color: #000;
    font-family: var(--eux-normal-font-family);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: var(--btn-accented-brd-radius);
}
/* Add overlay */
.pageNotFound::before {
    content: '';
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none; 
}



/************************************** Trade Application Form **************************************/ 
.ta-application-below-hero {
    justify-content: center;
}
.ta-application-below-hero .wp-block-wd-column {
    max-width: 760px;
}
.ta-application-form div.hbspt-form {
    font-size: 16px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.ta-application-form .hbspt-tradeapp, 
.ta-application-form .genericComponent.checkbox {
    max-width: 960px !important;
    margin-inline: auto;
}
.ta-application-form div.hbspt-tradeapp form {
    text-align: left;
}
.ta-application-form .ta-application-form div.hbspt-form fieldset {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left;
    margin-bottom: 24px
}
.ta-application-form div.hbspt-tradeapp form div.hs-fieldtype-select:nth-of-type(1), 
.ta-application-form div.hbspt-tradeapp form div.hs_trade_type_, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/name_of_directors_officers_individual_proprietor_or_trustee___full_name.hs-0-2\/name_of_directors_officers_individual_proprietor_or_trustee___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/name_of_directors_officers_individual_proprietor_or_trustee_2___full_name.hs-0-2\/name_of_directors_officers_individual_proprietor_or_trustee_2___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/name_of_directors_officers_individual_proprietor_or_trustee_3___full_name.hs-0-2\/name_of_directors_officers_individual_proprietor_or_trustee_3___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/trade_reference_1___full_name.hs-0-2\/trade_reference_1___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/trade_reference_2___full_name.hs-0-2\/trade_reference_2___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/trade_reference_3___full_name.hs-0-2\/trade_reference_3___full_name.hs-fieldtype-text.field.hs-form-field {
    width: 97% !important;
    display: block;
}
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/business_trading_address_line_1.hs-0-2\/business_trading_address_line_1.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/business_trading_address_line_2.hs-0-2\/business_trading_address_line_2.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/accounts_contact___full_name.hs-0-2\/accounts_contact___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/accounts_contact___phone.hs-0-2\/accounts_contact___phone.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_trade_type_.hs-trade_type_.hs-fieldtype-select.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/anticipated_monthly_spend.hs-0-2\/anticipated_monthly_spend.hs-fieldtype-number.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/credit_limit_requested.hs-0-2\/credit_limit_requested.hs-fieldtype-number.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/trade_reference_3___full_name.hs-0-2\/trade_reference_3___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/trade_reference_2___full_name.hs-0-2\/trade_reference_2___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/trade_reference_1___full_name.hs-0-2\/trade_reference_1___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/name_of_directors_officers_individual_proprietor_or_trustee_3___full_name.hs-0-2\/name_of_directors_officers_individual_proprietor_or_trustee_3___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/name_of_directors_officers_individual_proprietor_or_trustee_2___full_name.hs-0-2\/name_of_directors_officers_individual_proprietor_or_trustee_2___full_name.hs-fieldtype-text.field.hs-form-field, 
.ta-application-form div.hbspt-tradeapp form .hs_0-2\/name_of_directors_officers_individual_proprietor_or_trustee___full_name.hs-0-2\/name_of_directors_officers_individual_proprietor_or_trustee___full_name.hs-fieldtype-text.field.hs-form-field {
    margin-top: 20px;
}
.ta-application-form div.hbspt-tradeapp form div.hs-form-field:not(.hs_trade_type_) {
    width: 48%;
    margin-right: 1%;
    display: inline-block;
    margin-bottom: 6px;
    vertical-align: top;
}
.ta-application-form div.hbspt-tradeapp form label {
    text-align: left;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 18px;
    display: block;
    font-weight: 600;
}
.ta-application-form div.hbspt-form textarea, 
.ta-application-form div.hbspt-form input,
.ta-application-form div.hbspt-form select {
    background: white !important;
    border: 1px solid #d8d9d9 !important;
    font-family: var(--eux-normal-font-family);
    font-size: 16px !important;
    width: 100% !important;
    padding: 20px 16px 14px 16px !important;
    height: auto;
}
.ta-application-form div.hbspt-form textarea {
    height: 280px
}
.ta-application-form div.hbspt-tradeapp form div.hs-fieldtype-textarea textarea {
    height: 60px !important
}
.ta-application-form div.hbspt-form input[type="number"] {
    text-align: left;
}
.ta-application-form div.hbspt-form ul.no-list.hs-error-msgs.inputs-list {
    --wd-title-color: #ac1919;
    color: #ac1919 !important;
    margin-bottom: 0px;
    padding: 5px !important;
    margin-right: 8px;
    font-size: 12px;
    margin-left: 8px;
}
.ta-application-form div.hbspt-form ul, 
.ta-application-form div.hbspt-form li {
    list-style: none !important;
}
.ta-application-form div.hbspt-tradeapp form div.hs_materials_required_for_your_projects {
    padding-top: 20px;
}
.ta-application-form div.hbspt-form label.hs-form-checkbox-display, 
.ta-application-form div.hbspt-form .checkbox {
    display: flex;
    margin-top: 22px;
    margin-left: 24px;
    font-size: 16px;
    position: relative;
    font-weight: initial;
}
.ta-application-form div.hbspt-form label.hs-form-checkbox-display input,
.ta-application-form div.hbspt-form .checkbox input {
    display: inline-block;
    width: initial !important;
    display: inline-block;
    padding: 10px !important;
    font-size: 20px !important;
    width: 20px !important;
    height: 20px;
    top: 0px;
    position: relative；
}
.ta-application-form div.hbspt-form label.hs-form-checkbox-display span, 
.ta-application-form div.hbspt-form .checkbox span {
    display: inline-block;
    width: initial !important;
    margin-left: 10px;
    top: -3px;
    position: relative;
}
.ta-application-form div.hbspt-form input.hs-button.primary.large {
    background: var(--wd-alternative-color) !important;
    color: #292929 !important;
    font-weight: bold;
    border-radius: 4px;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    cursor: pointer
}



/************************************** Thank you **************************************/ 
.thank-you-page .wd-page-content {
    min-height: unset;
}
.thank-you-page .wd-content-layout {
    padding-block: 100px;
}
.thank-you-page .wd-page-title {
    display: none;
}



/************************************** Advice hub **************************************/ 
.advice-hub-calculators.home-calculators {
    overflow: hidden;
}



/************************************** Other adjustments **************************************/ 
/* Colorbond fencing  */
.colorbond-fencing-why-choose .wd-cats .wd-cat  {
    --wd-prod-bg-sp: 0 !important;
}
.colorbond-fencing-resources .wd-post .wd-post-content {
    align-items: center;
    padding: 25px !important
}
.colorbond-fencing-resources .wd-post .wd-post-content .wd-post-excerpt, 
.colorbond-fencing-resources .wd-post .wd-post-content .wd-post-read-more {
    display: block !important;
}
.colorbond-fencing-resources .wd-post .wd-post-content .wd-post-title {
    text-align: center;
}
.colorbond-fencing-colours .wp-block-wd-row {
    justify-content: center;
}
.colorbond-fencing-colours .wp-block-wd-row .wp-block-wd-column {
    flex: unset;
}

/* Supersleeper composite sleepers */
.supersleeper-composite-sleepers-contacts .inner-row > .wp-block-wd-container {
    display: flex;
    align-items: stretch !important; 
    padding-inline: 15px;
}
.supersleeper-composite-sleepers-contacts .inner-left-col {
    padding-bottom: 40px;
}




/************************************** Responsive adjustments **************************************/ 
@media(min-width: 1025px) {
    /* Related posts */
    .single-post .related-posts-fullwidth-wrapper {
        margin-bottom: 0;
        padding-block: 87px 50px !important;
    }
    .single-post .related-posts-slider .wd-carousel-inner {
        padding: 0px 15px;
    }
}
@media(max-width: 1024px) {
    /* Blog archive */
    .woodmart-archive-blog aside.wd-sidebar.wd-side-hidden:has(#categories-5) {
        display: block !important;
        --wd-side-hidden-w: unset;
        position: unset;
        inset-block: unset;
        z-index: unset;
        overflow: unset;
        overflow-y: unset;
        -webkit-overflow-scrolling: unset;
        width: unset;
        background-color: #fff;
        transition: unset;
        outline: unset;
        transform: none;
        order: 2;
    }
    .woodmart-archive-blog aside.wd-sidebar.wd-side-hidden:has(#categories-5) .wd-heading {
        display: none;
    }
    .woodmart-archive-blog #categories-5 {
        display: block !important;
        padding-inline: 0;
    }
    .woodmart-archive-blog #categories-5 h5.widget-title {
        color: #000;
        font-family: var(--eux-title-font-family);
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px; /* 115.385% */
        text-transform: uppercase;
        margin-bottom: 17px;
    }
    .woodmart-archive-blog .wd-content-area.site-content {
        margin-left: 0;
    }

}

@media(max-width: 480px) {
    /************************************** Common settings **************************************/ 
    .custom-styled-carousel .wd-nav-arrows {
        left: 40%;
        margin-top: 22px;
        margin-bottom: 10px;
    }
    .custom-styled-carousel .wd-carousel {
        padding-bottom: 70px !important;
    }

    .margin-y-custom {
        --custom-margin-y: 40px;
    }
    .padding-y-custom {
        --custom-padding-y: 40px;
    }

    .view-all-categories .wp-block-wd-button > span, 
    .home-trade-account .wp-block-wd-button > span, 
    .home-help-aussies .wp-block-wd-button > span  {
        --btn-font-size: 16px;
    }

    /* Testimonials */ 
    .common-testimonials {
        padding-top: 55px;
        padding-bottom: 50px;
    }
    .common-testimonials .wd-carousel-item .outer-wrap {
        padding: 30px 24px !important;
    }

    /************************************** Trade account **************************************/ 
    .trade-accounts-range .wd-col.category-grid-item {
        display: flex;
        height: 100%;
    }
    .trade-accounts-range .wd-cat-inner {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
    .trade-accounts-range .wd-cat-thumb {
        flex-shrink: 0;
    }
    .trade-accounts-range .wd-cat-content {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
    .trade-accounts-range .cat-description {
        margin-top: auto;
    }


    /************************************** Homepage **************************************/ 
    /* Hero */
    .home-hero {
        gap: 10px !important;
        margin-bottom: 40px !important;
    }
    .home-hero .left-col .wd-carousel-item .wd-slide-container {
        align-items: center;
    }
    .home-hero .wd-carousel {
        padding: 0 !important;
    }
    .home-hero .wd-carousel .wd-carousel-item.wd-slide {
        min-height: 527px !important;
        padding: 27px 32px;
    }
    .home-hero .wd-carousel .wd-carousel-item.wd-slide .wd-slide-container {
        justify-content: flex-start;
    }
    .home-hero .wd-carousel-container .wd-nav-pagin-wrap {
        margin-bottom: 0;
    }
    .home-hero .wp-block-wd-cover {
        max-height: 208px;
        padding-right: 6px;
    }
    .home-hero .wp-block-wd-cover .outer-wrap  .left-col {
        flex-basis: 40%;
    }
    .home-hero .wp-block-wd-cover .outer-wrap  .right-col {
        flex-basis: unset;
        display: flex;
        flex-direction: column;
    }
    .home-hero .banner-note {
        width: fit-content !important;
    }

    /* Features */
    .home-features .prefooter-newsletter {
        display: none;
    }

    /* Best sellers */
    .home-best-sellers {
        margin-top: 44px;
    }
    .home-best-sellers h2 {
        text-align: center;
    }
    .home-best-sellers .wd-products {
        margin-top: 0;
    }
    .home-best-sellers .wd-nav-arrows  {
        display: none;
    }

    /* Range/categories */
    .home-range {
        padding-top: 50px !important;
        padding-bottom: 60px !important;
        margin-bottom: 0 !important;
    }
    .home-range .wp-block-wd-column {
        --wd-row-gap: 35px;
    }
    .home-range .wd-cat-content h3 {
        font-size: 14px;
    }

    /* Calculators */
    .home-calculators {
        padding-bottom: 60px;
        padding-top: 60px;
    }
    .home-calculators .wp-block-wd-row {
        flex-direction: column;
    }
    .home-calculators h2 {
        text-align: center;
    }
    .home-calculators .left-col, 
    .home-calculators .right-col {
        --wd-align: center;
        /* align-items: center !important; */
    }
    .home-calculators .calculator {
        width: 100% !important;
    }

    /* Trade account */
    .home-trade-account {
        margin-bottom: 60px !important;
        padding-bottom: 0 !important;
    }
    .home-trade-account .inner-wrap {
        padding: 12px 29px 29px;
    }
    .home-trade-account .right-col-inner {
        padding-right: 0;
    }

    /* Help aussies */
    .home-help-aussies {
        padding-bottom: 50px;
    }
    .home-help-aussies .wp-block-wd-row .left-col {
        margin-inline: -10px;
    }
    .home-help-aussies .right-col {
        padding: 10px;
        --wd-row-gap: 12px;
    }
    .home-help-aussies .features-wrap .wp-block-wd-infobox {
        flex-direction: column;
        align-items: center;
    }
    .home-help-aussies h2, 
    .home-help-aussies h4, 
    .home-help-aussies p {
        text-align: center;
    }
    .home-help-aussies .right-col .features-wrap {
        margin-top: 18px;
    }
    .home-help-aussies .right-col .features-wrap .wp-block-wd-infobox {
        --wd-row-gap: 20px;
    }
    .home-help-aussies .buttons-wrap {
        --wd-col-gap: 18px;
        --wd-align: center;
    }


    /************************************** About us **************************************/ 
    /* .Suppliers */
    .about-us-suppliers {
        margin-top: -28px;
        flex-direction: column;
        row-gap: 23px !important;
        --wd-row-gap: 23px !important;
        padding-bottom: 60px;
    }
    .about-us-suppliers .right-col {
        padding-right: 0;
    }

    /* Features */
    .about-us-features.wp-block-wd-section {
        --wd-row-gap: 22px !important;
        padding-bottom: 53px;
    }
    .about-us-features h2 {
        margin-bottom: 0 !important;
    }
    .about-us-features .wp-block-wd-row {
        gap: 15px;
    }
    .about-us-features .feature-col .wp-block-wd-infobox {
        padding-left: 10px;
        margin-bottom: 20px;
        --wd-row-gap: 15px !important;
    }

    /* Merchant */
    .about-us-merchant.wp-block-wd-row {
        padding-block: 50px 60px;
        flex-direction: column-reverse;
        gap: 26px;
    }
    .about-us .outer-right-col {
        --wd-row-gap: 22px; 
    }
    .about-us-merchant .outer-right-col .wp-block-columns {
        gap: 0;
    }

    /* Faqs */
    .about-us-faqs {
        padding-top: 60px;
        padding-bottom: 0;
    }

    /* Contact us */
    .contact-us-contacts {
        -wd-col-gap: 13px;
        --wd-block-spacing: 13px;
        padding-top: 0px;
    }
    .contact-us-contacts .quick-connect-col {
        padding: 14px 17px;
    }
    .contact-us-contacts .quick-connect-col .outer-wrap {
        --wd-row-gap: 25px;
    }
    .contact-us-contacts .quick-connect-col .top.inner-wrap {
        --wd-row-gap: 30px;
    }
    .contact-us-contacts .quick-connect-col .contact-info {
        --wd-row-gap: 22px;
    }
    .contact-us-contacts .quick-connect-col .contact-info h5, .contact-us-contacts .quick-connect-col .contact-info p, 
    .contact-us-contacts .quick-connect-col .contact-info a {
        font-size: 18px;
    }
    .contact-us-contacts .quick-connect-col .top.inner-wrap .inner-left-col {
        max-width: none;
        min-width: none;
        border-right: none;
    }
    .contact-us-contacts .quick-connect-col .top.inner-wrap .wp-block-columns {
        gap: 30px;
    }
    .contact-us-contacts .quick-connect-col .bottom.inner-wrap {
        margin-top: 5px;
        margin-bottom: 21px;
    }
    .contact-us-contacts .get-in-touch-col {
        padding: 25px 17px 22px;
        --wd-row-gap: 25px;
    }
    .contact-us-form .wpforms-field, 
    .contacts-us-contacts form .field.hs-form-field {
        padding-bottom: 26px !important;
    }
    .contact-us-form .wpforms-field-container div.wpforms-field:last-child, 
    .contacts-us-contacts form {
        padding-bottom: 10px !important;
    }
    .contact-us-form .wpforms-submit-container {
        --wpforms-button-size-margin-top: 13px;
    }
    .contact-us-contacts form input {
        width: 100% !important;
    } 
    .contact-us-map {
        padding-block: 0 17px;
    }

    /* Blog archive */
    .wd-posts {
        --wd-gap: 15px;
    }
    .blog-design-masonry .wd-post-content {
        padding-top: 27.5px;
    }
    .blog-design-masonry .wd-post-content .wd-post-meta {
        padding: 9px 12px;
    }
    .woodmart-archive-blog #main-content {
        padding-block: 38px 47px;
    }
    .woodmart-archive-blog .wd-loop-footer {
        margin-top: 40px;
    }
    .woodmart-archive-blog .wd-sidebar.wd-side-hidden .widget-area {
        padding-block: 54px 0;
    }
    .woodmart-archive-blog #categories-5 li.cat-item, #categories-5 li.cat-item a {
        font-size: 16px;
    }

    /* Single blog post */
    .single-post .wd-content-layout {
        padding-block: 38px 48px;
    }
    .wd-single-post-header .wd-post-meta {
        margin-bottom: 20px;
        margin-top: 12px;
    }
    article.post-single-page {
        margin-bottom: 36px;
    }
    .single-post .wd-single-footer {
        padding-top: 30px;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        margin-bottom: 40px;
    }
    .single-post .wd-single-footer a.back-to-blog {
        width: 100%;
    }
    .single-post .related-posts-slider {
        padding-top: 30px;
        border-top: 1px solid #e5e5e5;
        margin-bottom: 0;
    }
    .single-post .related-posts-slider h4.title {
        font-size: 26px;
        --wd-tags-mb: 21px;
    }

    /* 404 Page not found */
    #main-content:has(.pageNotFound) {
        padding-inline: 0 !important;
    }
    .pageNotFound picture img {
        min-height: 560px;
    }

    /************************************** Trade Application Form **************************************/ 
    .ta-application-below-hero {
        padding-block: 40px !important;
    }
    .ta-application-form {
        padding-block: 48px !important;
    }
    .ta-application-form div.hbspt-tradeapp form label {
        height: auto;
    }
    .ta-application-form div.hbspt-tradeapp form div.hs-form-field:not(.hs_trade_type_) {
        width: 97%;
        margin-right: 0;
    }
}





/************************************** Hashmuck's custom **************************************/ 
.faqs h4{margin-bottom:0px !important}
.faqs button{text-align:left !important; padding:15px !important; font-size:16px}
.accordion-content__wrapper{padding-top:15px}
.accordion-content__wrapper p{font-size:16px}
.wp-block-wd-title.wd-design-simple:after{    width: 64px !important;
    border-bottom: 8px solid #2e5f2a !important;}
.imagebox .wp-block-wd-image{border-radius:100px; padding:15px}
.imagebox .wp-block-wd-image img{height:64px;max-width: 70px;
    margin: 0 auto;}

.imagebox1 .wp-block-wd-image{border-radius:100px; padding:15px}
.imagebox1 .wp-block-wd-image img{height:84px;}

.imagebox .wp-block-wd-image,.imagebox1 .wp-block-wd-image {
    border-radius: 100px;
    padding: 15px;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
}

.gaped{column-gap:30px !important}

.fform{display: flex;
    flex-wrap: wrap;
    column-gap: 4%;}
.ffield {
    width: 48%;
}
.ffield.full,.ffield.submit {
    width: 100%;
}
.fform input[type="submit"]{width:100%; background:#e6af0b !important;padding:14px; text-align:center; color:#292929 !important; font-size:15px; text-transform:uppercase;border-radius:4px !important;font-weight:bold}


.catlayout .wd-cat-inner {text-align:center}
.catlayout .category-image img{width:100% !important;border-radius:4px 4px 0px}
.catlayout .wd-entities-title{margin-bottom:10px; margin-top:10px; color:#fff}

.accordion-item__toggle span{display:flex; flex-direction:column; gap:5px}
.accordion-item__toggle span em{font-style:normal !important; font-weight:400}
.accordion-item__toggle span strong{font-weight:bold; font-size:18px}

.wp-block-woocommerce-accordion-header{margin-bottom:5px !important}


@media screen and (min-width:767px){
	.gridlayout .wp-block-wd-image img{min-height:200px; max-height:200px; object-fit:cover; width:100%}
	.gridlayout .wp-block-wd-image{width:100%}
}

@media screen and (max-width:768px){
.flexmob{justify-content: space-between;
 display:flex !important;flex-wrap: wrap !important;}
.wp-block-columns.flexmob{flex-wrap: wrap !important;}
.flexmob .wp-block-column {flex-basis: 46% !important;
        width: 46% !important ;}
	.imagebox .wp-block-wd-image img{height:50px; width:50px}
}
@media screen and (max-width:680px){
	.gridlayout .wp-block-wd-image img{min-height:100px; max-height:100px; object-fit:cover} 	.gridlayout .wp-block-wd-image{width:100%}
}


/* calculators */
.row.extraSmall {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  
}

.row.extraSmall.flexCol .col {
    width: auto
}

.row.extraSmall.flexCol .col.grow {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.row.extraSmall.flexCol .col:last-child {
    margin-right: 0
}
.row.extraSmall .col {
    margin-right: 16px;
    margin-bottom: 24px;
}

.genericComponent.input,.genericComponent.select,.genericComponent.textarea {
    position: relative;
    width: 100%;
    padding-left: 1px;
    padding-right: 1px
}

.genericComponent.input .label,.genericComponent.select .label,.genericComponent.textarea .label {
    color: #646464;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    display: table;
    position: absolute;
    top: 21px;
    left: 17px;
    -webkit-transition: top .1s ease;
    transition: top .1s ease;
    pointer-events: none
}

.genericComponent.input .label::before,.genericComponent.select .label::before,.genericComponent.textarea .label::before {
    display: table;
    content: '';
    margin-top: -3px
}

.genericComponent.input .label::after,.genericComponent.select .label::after,.genericComponent.textarea .label::after {
    display: table;
    content: '';
    margin-bottom: -5px
}
.calculator input[type="number"]{text-align:left}
.genericComponent.input .label span,.genericComponent.select .label span,.genericComponent.textarea .label span {
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}

.genericComponent.input .label::after,.genericComponent.select .label::after,.genericComponent.textarea .label::after {
    content: '';
    width: 100%;
    opacity: 0;
    height: 0;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.genericComponent.input .fieldContainer,.genericComponent.select .fieldContainer,.genericComponent.textarea .fieldContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 56px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    -webkit-transition: border-color .1s linear,padding-right .1s ease;
    transition: border-color .1s linear,padding-right .1s ease;
    cursor: text
}
.genericComponent.input.moveLabel .label, .genericComponent.select.moveLabel .label, .genericComponent.textarea.moveLabel .label {
    top: -8px;
    left: 13px;
    padding-left: 3px;
    padding-right: 3px;
    pointer-events: auto;
}
.genericComponent.input .fieldContainer input, .genericComponent.input .fieldContainer select, .genericComponent.input .fieldContainer textarea, .genericComponent.select .fieldContainer input, .genericComponent.select .fieldContainer select, .genericComponent.select .fieldContainer textarea, .genericComponent.textarea .fieldContainer input, .genericComponent.textarea .fieldContainer select, .genericComponent.textarea .fieldContainer textarea {
    -webkit-filter: none;
    filter: none;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    display: table;
    height: 100%;
    width: 100%;
    border: 0;
    background: transparent;
    line-height: 100%;
    color: #292929;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: padding-right .1s ease;
    transition: padding-right .1s ease;
    -moz-appearance: textfield;
}
.genericComponent.input .fieldContainer,.genericComponent.select .fieldContainer,.genericComponent.textarea .fieldContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 56px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    -webkit-transition: border-color .1s linear,padding-right .1s ease;
    transition: border-color .1s linear,padding-right .1s ease;
    cursor: text
}



.genericComponent.input,.genericComponent.select,.genericComponent.textarea {
    position: relative;
    width: 100%;
    padding-left: 1px;
    padding-right: 1px
}

.genericComponent.input .label,.genericComponent.select .label,.genericComponent.textarea .label {
    color: #646464;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    display: table;
    position: absolute;
    top: 21px;
    left: 17px;
    -webkit-transition: top .1s ease;
    transition: top .1s ease;
    pointer-events: none
}

.genericComponent.input .label::before,.genericComponent.select .label::before,.genericComponent.textarea .label::before {
    display: table;
    content: '';
    margin-top: -3px
}

.genericComponent.input .label::after,.genericComponent.select .label::after,.genericComponent.textarea .label::after {
    display: table;
    content: '';
    margin-bottom: -5px
}

.genericComponent.input .label span,.genericComponent.select .label span,.genericComponent.textarea .label span {
    -webkit-transition: color .1s linear;
    transition: color .1s linear
}

.genericComponent.input .label::after,.genericComponent.select .label::after,.genericComponent.textarea .label::after {
    content: '';
    width: 100%;
    opacity: 0;
    height: 0;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.genericComponent.input .fieldContainer,.genericComponent.select .fieldContainer,.genericComponent.textarea .fieldContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 56px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    -webkit-transition: border-color .1s linear,padding-right .1s ease;
    transition: border-color .1s linear,padding-right .1s ease;
    cursor: text
}
.row.small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-bottom: -24px;
}
.row.small.flexCol .col.grow {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.row.small.flexCol .col {
    width: auto;
}
.row.small .col {
    margin-right: 24px;
    margin-bottom: 24px;
}
.suffix {
    font-weight: 600;
    font-size: 18px;
    line-height: 40px;
    display: inline-block;
    vertical-align: bottom;
    margin-top: 19px;
    margin-bottom: 10px;
}
.genericComponent.input .fieldContainer .suffix, .genericComponent.select .fieldContainer .suffix, .genericComponent.textarea .fieldContainer .suffix {
    padding-left: 4px;
    margin-left: -15px;
    padding-right: 15px;
    -webkit-transition: padding-right .1s ease;
    transition: padding-right .1s ease;
}
.genericComponent.button .inner .label {
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
    font-size: 15px;
    line-height: 13px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 4px;
    vertical-align: top;
}
.block.calculator>.inner .results>.inner>.sizing .row .col {
    background: rgba(255, 255, 255, 0.1);
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    border-radius: 4px;
    text-align: center;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 22px;
}
.row.small+.row {
    margin-top: 24px;
}
@media (hover: hover) {
    .genericComponent.input .fieldContainer:hover,.genericComponent.select .fieldContainer:hover,.genericComponent.textarea .fieldContainer:hover {
        border:1px solid #999
    }
}

.genericComponent.input .fieldContainer input,.genericComponent.input .fieldContainer select,.genericComponent.input .fieldContainer textarea,.genericComponent.select .fieldContainer input,.genericComponent.select .fieldContainer select,.genericComponent.select .fieldContainer textarea,.genericComponent.textarea .fieldContainer input,.genericComponent.textarea .fieldContainer select,.genericComponent.textarea .fieldContainer textarea {
    -webkit-filter: none;
    filter: none;
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    display: table;
    height: 100%;
    width: 100%;
    border: 0;
    background: transparent;
    line-height: 100%;
    color: #292929;
    padding-left: 15px;
    padding-right: 15px;
    -webkit-transition: padding-right .1s ease;
    transition: padding-right .1s ease;
    -moz-appearance: textfield
}

.genericComponent.input .fieldContainer input::-webkit-outer-spin-button,.genericComponent.input .fieldContainer input::-webkit-inner-spin-button,.genericComponent.input .fieldContainer select::-webkit-outer-spin-button,.genericComponent.input .fieldContainer select::-webkit-inner-spin-button,.genericComponent.input .fieldContainer textarea::-webkit-outer-spin-button,.genericComponent.input .fieldContainer textarea::-webkit-inner-spin-button,.genericComponent.select .fieldContainer input::-webkit-outer-spin-button,.genericComponent.select .fieldContainer input::-webkit-inner-spin-button,.genericComponent.select .fieldContainer select::-webkit-outer-spin-button,.genericComponent.select .fieldContainer select::-webkit-inner-spin-button,.genericComponent.select .fieldContainer textarea::-webkit-outer-spin-button,.genericComponent.select .fieldContainer textarea::-webkit-inner-spin-button,.genericComponent.textarea .fieldContainer input::-webkit-outer-spin-button,.genericComponent.textarea .fieldContainer input::-webkit-inner-spin-button,.genericComponent.textarea .fieldContainer select::-webkit-outer-spin-button,.genericComponent.textarea .fieldContainer select::-webkit-inner-spin-button,.genericComponent.textarea .fieldContainer textarea::-webkit-outer-spin-button,.genericComponent.textarea .fieldContainer textarea::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@-webkit-keyframes autofill {
    0%,100% {
        color: #373a36;
        background: transparent
    }
}


.genericComponent.input .fieldContainer .prefix,.genericComponent.input .fieldContainer .suffix,.genericComponent.select .fieldContainer .prefix,.genericComponent.select .fieldContainer .suffix,.genericComponent.textarea .fieldContainer .prefix,.genericComponent.textarea .fieldContainer .suffix {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    display: table;
    height: 100%;
    opacity: 0;
    color: #373a36;
    -webkit-transition: opacity .05s linear;
    transition: opacity .05s linear;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    white-space: nowrap;
    padding-top: 0px
}

.genericComponent.input .fieldContainer .prefix::before,.genericComponent.input .fieldContainer .suffix::before,.genericComponent.select .fieldContainer .prefix::before,.genericComponent.select .fieldContainer .suffix::before,.genericComponent.textarea .fieldContainer .prefix::before,.genericComponent.textarea .fieldContainer .suffix::before {
    display: table;
    content: '';
    margin-top: -3px
}

.genericComponent.input .fieldContainer .prefix::after,.genericComponent.input .fieldContainer .suffix::after,.genericComponent.select .fieldContainer .prefix::after,.genericComponent.select .fieldContainer .suffix::after,.genericComponent.textarea .fieldContainer .prefix::after,.genericComponent.textarea .fieldContainer .suffix::after {
    display: table;
    content: '';
    margin-bottom: -5px
}

.genericComponent.input .fieldContainer .prefix,.genericComponent.select .fieldContainer .prefix,.genericComponent.textarea .fieldContainer .prefix {
    padding-right: 4px;
    margin-right: -15px;
    padding-left: 15px
}

.genericComponent.input .fieldContainer .suffix,.genericComponent.select .fieldContainer .suffix,.genericComponent.textarea .fieldContainer .suffix {
    padding-left: 4px;
    margin-left: -15px;
    padding-right: 15px;
    -webkit-transition: padding-right .1s ease;
    transition: padding-right .1s ease
}

.genericComponent.input .helpText,.genericComponent.input .errorText,.genericComponent.select .helpText,.genericComponent.select .errorText,.genericComponent.textarea .helpText,.genericComponent.textarea .errorText {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: 0.396px;
    padding-left: 15px;
    padding-top: 8px
}

.genericComponent.input .helpText::before,.genericComponent.input .errorText::before,.genericComponent.select .helpText::before,.genericComponent.select .errorText::before,.genericComponent.textarea .helpText::before,.genericComponent.textarea .errorText::before {
    display: table;
    content: '';
    margin-top: -3px
}

.genericComponent.input .helpText::after,.genericComponent.input .errorText::after,.genericComponent.select .helpText::after,.genericComponent.select .errorText::after,.genericComponent.textarea .helpText::after,.genericComponent.textarea .errorText::after {
    display: table;
    content: '';
    margin-bottom: -3px
}

.genericComponent.input .errorText,.genericComponent.select .errorText,.genericComponent.textarea .errorText {
    display: none
}

.genericComponent.input.noBorder:not(.error) .fieldContainer,.genericComponent.select.noBorder:not(.error) .fieldContainer,.genericComponent.textarea.noBorder:not(.error) .fieldContainer {
    border: 0 !important;
    padding-left: 1px;
    padding-right: 1px
}

.genericComponent.input.moveLabel .label,.genericComponent.select.moveLabel .label,.genericComponent.textarea.moveLabel .label {
    top: -8px;
    left: 13px;
    padding-left: 3px;
    padding-right: 3px;
    pointer-events: auto
}

.genericComponent.input.moveLabel .label span,.genericComponent.select.moveLabel .label span,.genericComponent.textarea.moveLabel .label span {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    display: table;
    font-weight: 600;
    position: relative;
    z-index: 2;
    margin-top: 5px
}

.genericComponent.input.moveLabel .label span::before,.genericComponent.select.moveLabel .label span::before,.genericComponent.textarea.moveLabel .label span::before {
    display: table;
    content: '';
    margin-top: -4px
}

.genericComponent.input.moveLabel .label span::after,.genericComponent.select.moveLabel .label span::after,.genericComponent.textarea.moveLabel .label span::after {
    display: table;
    content: '';
    margin-bottom: -4px
}

.genericComponent.input.moveLabel .label::after,.genericComponent.select.moveLabel .label::after,.genericComponent.textarea.moveLabel .label::after {
    height: 1px;
    background: #fff;
    position: absolute;
    top: 8px;
    left: 0;
    z-index: 1;
    opacity: 1
}

.genericComponent.input.moveLabel .prefix,.genericComponent.input.moveLabel .suffix,.genericComponent.select.moveLabel .prefix,.genericComponent.select.moveLabel .suffix,.genericComponent.textarea.moveLabel .prefix,.genericComponent.textarea.moveLabel .suffix {
    opacity: 1;
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.genericComponent.input.focused:not(.noBorder),.genericComponent.input.noBorder.error,.genericComponent.select.focused:not(.noBorder),.genericComponent.select.noBorder.error,.genericComponent.textarea.focused:not(.noBorder),.genericComponent.textarea.noBorder.error {
    padding-left: 0;
    padding-right: 0
}

.genericComponent.input.focused:not(.noBorder) .helpText,.genericComponent.input.focused:not(.noBorder) .errorText,.genericComponent.input.noBorder.error .helpText,.genericComponent.input.noBorder.error .errorText,.genericComponent.select.focused:not(.noBorder) .helpText,.genericComponent.select.focused:not(.noBorder) .errorText,.genericComponent.select.noBorder.error .helpText,.genericComponent.select.noBorder.error .errorText,.genericComponent.textarea.focused:not(.noBorder) .helpText,.genericComponent.textarea.focused:not(.noBorder) .errorText,.genericComponent.textarea.noBorder.error .helpText,.genericComponent.textarea.noBorder.error .errorText {
    padding-left: 16px;
    padding-right: 1px
}

.genericComponent.input.focused:not(.noBorder) .label::after,.genericComponent.input.noBorder.error .label::after,.genericComponent.select.focused:not(.noBorder) .label::after,.genericComponent.select.noBorder.error .label::after,.genericComponent.textarea.focused:not(.noBorder) .label::after,.genericComponent.textarea.noBorder.error .label::after {
    height: 2px
}

.genericComponent.input.focused:not(.noBorder) .fieldContainer,.genericComponent.input.noBorder.error .fieldContainer,.genericComponent.select.focused:not(.noBorder) .fieldContainer,.genericComponent.select.noBorder.error .fieldContainer,.genericComponent.textarea.focused:not(.noBorder) .fieldContainer,.genericComponent.textarea.noBorder.error .fieldContainer {
    border: 2px solid #2E5F2A
}

@media (hover: hover) {
    .genericComponent.input.focused:not(.noBorder) .fieldContainer:hover,.genericComponent.input.noBorder.error .fieldContainer:hover,.genericComponent.select.focused:not(.noBorder) .fieldContainer:hover,.genericComponent.select.noBorder.error .fieldContainer:hover,.genericComponent.textarea.focused:not(.noBorder) .fieldContainer:hover,.genericComponent.textarea.noBorder.error .fieldContainer:hover {
        border:2px solid #2E5F2A
    }
}

.genericComponent.input.focused:not(.noBorder) .fieldContainer .prefix,.genericComponent.input.focused:not(.noBorder) .fieldContainer .suffix,.genericComponent.input.noBorder.error .fieldContainer .prefix,.genericComponent.input.noBorder.error .fieldContainer .suffix,.genericComponent.select.focused:not(.noBorder) .fieldContainer .prefix,.genericComponent.select.focused:not(.noBorder) .fieldContainer .suffix,.genericComponent.select.noBorder.error .fieldContainer .prefix,.genericComponent.select.noBorder.error .fieldContainer .suffix,.genericComponent.textarea.focused:not(.noBorder) .fieldContainer .prefix,.genericComponent.textarea.focused:not(.noBorder) .fieldContainer .suffix,.genericComponent.textarea.noBorder.error .fieldContainer .prefix,.genericComponent.textarea.noBorder.error .fieldContainer .suffix {
    padding-top: 19px;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.genericComponent.input.moveLabel.focused .label span,.genericComponent.select.moveLabel.focused .label span,.genericComponent.textarea.moveLabel.focused .label span {
    color: #2E5F2A
}

.genericComponent.input.disabled .label::after,.genericComponent.select.disabled .label::after,.genericComponent.textarea.disabled .label::after {
    height: 9px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background-color: #f1f1f1
}

.genericComponent.input.disabled .label,.genericComponent.select.disabled .label,.genericComponent.textarea.disabled .label {
    color: #999
}

.genericComponent.input.disabled .fieldContainer,.genericComponent.select.disabled .fieldContainer,.genericComponent.textarea.disabled .fieldContainer {
    background: #f1f1f1;
    pointer-events: none
}

.genericComponent.input.disabled .fieldContainer input,.genericComponent.input.disabled .fieldContainer select,.genericComponent.input.disabled .fieldContainer textarea,.genericComponent.select.disabled .fieldContainer input,.genericComponent.select.disabled .fieldContainer select,.genericComponent.select.disabled .fieldContainer textarea,.genericComponent.textarea.disabled .fieldContainer input,.genericComponent.textarea.disabled .fieldContainer select,.genericComponent.textarea.disabled .fieldContainer textarea {
    color: #373a36
}

@media (hover: hover) {
    .genericComponent.input.disabled .fieldContainer:hover,.genericComponent.select.disabled .fieldContainer:hover,.genericComponent.textarea.disabled .fieldContainer:hover {
        border:1px solid #d9d9d9
    }
}

.genericComponent.input.disabled .helpText,.genericComponent.select.disabled .helpText,.genericComponent.textarea.disabled .helpText {
    color: #999
}

.genericComponent.input.error .label span,.genericComponent.input.error .helpText,.genericComponent.input.error .errorText,.genericComponent.select.error .label span,.genericComponent.select.error .helpText,.genericComponent.select.error .errorText,.genericComponent.textarea.error .label span,.genericComponent.textarea.error .helpText,.genericComponent.textarea.error .errorText {
    color: #ac1919 !important
}

.genericComponent.input.error .fieldContainer,.genericComponent.select.error .fieldContainer,.genericComponent.textarea.error .fieldContainer {
    border-color: #ac1919 !important;
    padding-right: 42px
}

.genericComponent.input.error .fieldContainer input,.genericComponent.input.error .fieldContainer select,.genericComponent.input.error .fieldContainer textarea,.genericComponent.input.error .fieldContainer .suffix,.genericComponent.select.error .fieldContainer input,.genericComponent.select.error .fieldContainer select,.genericComponent.select.error .fieldContainer textarea,.genericComponent.select.error .fieldContainer .suffix,.genericComponent.textarea.error .fieldContainer input,.genericComponent.textarea.error .fieldContainer select,.genericComponent.textarea.error .fieldContainer textarea,.genericComponent.textarea.error .fieldContainer .suffix {
    padding-right: 0
}

.genericComponent.input.error .helpText,.genericComponent.select.error .helpText,.genericComponent.textarea.error .helpText {
    display: none
}

.genericComponent.input.error .errorText,.genericComponent.select.error .errorText,.genericComponent.textarea.error .errorText {
    display: block
}

.genericComponent.input.error::after,.genericComponent.select.error::after,.genericComponent.textarea.error::after {
    position: absolute;
    top: 15px;
    right: 12px;
    font-size: 24px;
    content: 'error';
    color: #ac1919;
    pointer-events: none;
    opacity: 1
}

.genericComponent.input.error.noBorder .fieldContainer,.genericComponent.select.error.noBorder .fieldContainer,.genericComponent.textarea.error.noBorder .fieldContainer {
    border-width: 2px
}

.genericComponent.input::after,.genericComponent.select::after,.genericComponent.textarea::after {
    content: '';
    opacity: 0;
    -webkit-transition: opacity .1s linear .1s;
    transition: opacity .1s linear .1s
}

.genericComponent.input.rightAlign input,.genericComponent.select.rightAlign input,.genericComponent.textarea.rightAlign input {
    text-align: right
}

.grey_background .genericComponent.moveLabel.input .label::after,.grey_background .genericComponent.moveLabel.select .label::after,.grey_background .genericComponent.moveLabel.textarea .label::after {
    background: #f1f1f1
}

.genericComponent.select .fieldContainer {
    cursor: auto
}
.genericComponent.button .inner {
    height: 100%;
    -webkit-transition: background-color .1s linear, border-color .1s linear, color .1s linear, opacity .1s linear !important;
    transition: background-color .1s linear, border-color .1s linear, color .1s linear, opacity .1s linear !important;
    border-radius: 4px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    overflow: hidden;
    opacity: 1;
	text-align: center;}
.block.calculator>.inner .results>.inner>.sizing {
    padding: 32px;
    border-radius: 4px;
    background: #2E5F2A;
    color: #fff;
    margin-top: 24px;
}
.results>.inner>.sizing h2, .results>.inner>.sizing h3{color:#fff;}
.genericComponent.select .fieldContainer::after {
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 24px;
    content: '<';
    color: #999;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: right .1s ease;
    transition: right .1s ease;
    background: #fff;
	transform:translateX(-14px) translateY(-7px) rotate(-90deg) scaleY(1.5)
}
.genericComponent.button.secondary .inner {
        background: #d7a40a;
    }
.genericComponent.button {
    display: inline-block;
    height: 48px;
    white-space: nowrap;
    border-radius: 4px;
    overflow: hidden;
}
.block.calculator>.inner .calculator .button {
    margin-top: 20px;
    width: 100%;
    min-width: 100% !important;
}
.genericComponent.button.secondary .inner {
    background: #e6af0b;
    color: #292929;
}
.genericComponent.select .fieldContainer select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    line-height: 20px
}

.genericComponent.select .fieldContainer select option[disabled] {
    display: none
}

.genericComponent.select.disabled .fieldContainer select {
    opacity: 1
}

.genericComponent.select.disabled .fieldContainer::after {
    color: #999;
    background: #f1f1f1
}



.block.calculator>.inner {
    width: 100%;
    min-width: 320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1136px
}

@media (max-width: 1024px) {
    .block.calculator>.inner {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner {
        padding-left:32px;
        padding-right: 32px
    }
}

@media (max-width: 1024px) {
    .block.calculator>.inner {
        max-width:1104px
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner {
        max-width:1120px
    }
}

.block.calculator>.inner .calculator {
    background: #f1f1f1;
    padding: 32px;
    padding-top: 37px;
    border-radius: 4px
}

.block.calculator>.inner .calculator .button {
    margin-top: 0;
    width: 100%;
    min-width: 100% !important;padding:0px
}

@media (max-width: 1024px) and (min-width: 768px) {
    .block.calculator>.inner .calculator.fencing .row:nth-child(2) {
        display:block
    }

    .block.calculator>.inner .calculator.fencing .row:nth-child(2):after {
        content: "";
        display: table;
        clear: both
    }

    .block.calculator>.inner .calculator.fencing .row:nth-child(2) .col {
        display: block;
        float: left;
        width: calc(50% - (24px / 2));
        margin-right: 24px
    }

    .block.calculator>.inner .calculator.fencing .row:nth-child(2) .col:nth-child(2n) {
        margin-right: 0
    }

    .block.calculator>.inner .calculator.fencing .row:nth-child(2) .col:nth-child(3),.block.calculator>.inner .calculator.fencing .row:nth-child(2) .col:nth-child(4) {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner .calculator {
        padding:24px;
        padding-top: 29px
    }

    .block.calculator>.inner .calculator .row {
        display: block;
        margin-bottom: 0
    }

    .block.calculator>.inner .calculator .row .col {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 24px
    }

    /* .block.calculator>.inner .calculator .row .col:last-child {
        margin-bottom: 0
    } */
}

.block.calculator>.inner .results {
    display: grid;
    grid-template-rows: 0fr;
    -webkit-transition: opacity .2s linear,grid-template-rows .2s ease-in-out;
    transition: opacity .2s linear,grid-template-rows .2s ease-in-out;
    transition: opacity .2s linear,grid-template-rows .2s ease-in-out,-ms-grid-rows .2s ease-in-out;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    height: 1px
}

.block.calculator>.inner .results>.inner {
    overflow: hidden;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.block.calculator>.inner .results>.inner>.sizing {
    padding: 32px;
    border-radius: 4px;
    background: #2E5F2A;
    color: #fff;
    margin-top: 24px
}

.block.calculator>.inner .results>.inner>.sizing h2 {
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
    display: table;
    font-size: clamp(23px, 3.1rem, 30px);
    line-height: clamp(28px, 4rem, 38px);
    margin-bottom: 24px
}

.block.calculator>.inner .results>.inner>.sizing h2::before {
    display: table;
    content: '';
    margin-top: -8px
}

.block.calculator>.inner .results>.inner>.sizing h2::after {
    display: table;
    content: '';
    margin-bottom: -8px
}

@media (max-width: 1024px) {
    .block.calculator>.inner .results>.inner>.sizing h2::before {
        margin-top:-7px
    }

    .block.calculator>.inner .results>.inner>.sizing h2::after {
        margin-bottom: -7px
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner .results>.inner>.sizing h2::before {
        margin-top:-6px
    }

    .block.calculator>.inner .results>.inner>.sizing h2::after {
        margin-bottom: -6px
    }
}

@media (max-width: 640px) {
    .block.calculator>.inner .results>.inner>.sizing h2::before {
        margin-top:-5px
    }

    .block.calculator>.inner .results>.inner>.sizing h2::after {
        margin-bottom: -5px
    }
}

.block.calculator>.inner .results>.inner>.sizing .row .col {
    background: rgba(255,255,255,0.1);
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    border-radius: 4px;
    text-align: center;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 22px
}

@media (hover: hover) {
    .block.calculator>.inner .results>.inner>.sizing .row .col:hover {
        background:rgba(255,255,255,0.2)
    }
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result {
    width: 100%
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large {
    text-align: center
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    display: table;
    font-size: clamp(18px, 2.4rem, 22px);
    line-height: clamp(22px, 3rem, 28px);
    margin-bottom: 22px;
    display: inline-table;
    vertical-align: top
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3::before {
    display: table;
    content: '';
    margin-top: -6px
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3::after {
    display: table;
    content: '';
    margin-bottom: -6px
}

@media (max-width: 1024px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3::before {
        margin-top:-5px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3::after {
        margin-bottom: -5px
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3::before {
        margin-top:-4px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3::after {
        margin-bottom: -5px
    }
}

@media (max-width: 640px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3::before {
        margin-top:-4px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3::after {
        margin-bottom: -4px
    }
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large h3+.superscript {
    display: inline-table;
    font-size: 14px;
    position: relative;
    top: -3px;
    font-weight: 600;
    vertical-align: top
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content {
    width: 100%
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .number {
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    display: table;
    font-size: clamp(30px, 4rem, 36px);
    line-height: clamp(35px, 5.1rem, 48px);
    display: inline-table;
    vertical-align: bottom
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .number::before {
    display: table;
    content: '';
    margin-top: -10px
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .number::after {
    display: table;
    content: '';
    margin-bottom: -10px
}

@media (max-width: 1024px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .number::before {
        margin-top:-9px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .number::after {
        margin-bottom: -10px
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .number::before {
        margin-top:-8px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .number::after {
        margin-bottom: -9px
    }
}

@media (max-width: 640px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .number::before {
        margin-top:-6px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .number::after {
        margin-bottom: -6px
    }
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix {
    font-size: 28px;
    line-height: 37px;
    font-weight: 700;
    display: table;
    font-size: clamp(24px, 3.2rem, 28px);
    line-height: clamp(25px, 4rem, 37px);
    display: inline-table;
    vertical-align: bottom
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix::before {
    display: table;
    content: '';
    margin-top: -8px
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix::after {
    display: table;
    content: '';
    margin-bottom: -8px
}

@media (max-width: 1024px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix::before {
        margin-top:-8px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix::after {
        margin-bottom: -7px
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix::before {
        margin-top:-5px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix::after {
        margin-bottom: -7px
    }
}

@media (max-width: 640px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix::before {
        margin-top:-5px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix::after {
        margin-bottom: -5px
    }
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.large .content .suffix+.superscript {
    font-size: 16px;
    position: relative;
    font-weight: 700;
    top: -6px
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small {
    text-align: left
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small h3 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600;
    display: table;
    font-size: clamp(18px, 2.4rem, 22px);
    line-height: clamp(22px, 3rem, 28px);
    width: 100%;
    margin-bottom: 24px
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small h3::before {
    display: table;
    content: '';
    margin-top: -6px
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small h3::after {
    display: table;
    content: '';
    margin-bottom: -6px
}

@media (max-width: 1024px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small h3::before {
        margin-top:-5px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small h3::after {
        margin-bottom: -5px
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small h3::before {
        margin-top:-4px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small h3::after {
        margin-bottom: -5px
    }
}

@media (max-width: 640px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small h3::before {
        margin-top:-4px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small h3::after {
        margin-bottom: -4px
    }
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow {
    width: 100%;
    margin-bottom: 24px;
    width: 100%
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow:after {
    content: "";
    display: table;
    clear: both
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow:last-child {
    margin-bottom: 0
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    display: table;
    font-size: clamp(15px, 1.8rem, 16px);
    line-height: clamp(20px, 2.4rem, 22px);
    display: inline-table;
    font-weight: 600;
    float: left
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label::before {
    display: table;
    content: '';
    margin-top: -5px
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label::after {
    display: table;
    content: '';
    margin-bottom: -5px
}

@media (max-width: 1024px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label::before {
        margin-top:-3px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label::after {
        margin-bottom: -6px
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label::before {
        margin-top:-4px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label::after {
        margin-bottom: -4px
    }
}

@media (max-width: 640px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label::before {
        margin-top:-4px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label::after {
        margin-bottom: -4px
    }
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    display: table;
    font-size: clamp(15px, 1.8rem, 16px);
    line-height: clamp(20px, 2.4rem, 22px);
    display: inline-table;
    font-weight: 700;
    float: right
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number::before {
    display: table;
    content: '';
    margin-top: -5px
}

.block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number::after {
    display: table;
    content: '';
    margin-bottom: -5px
}

@media (max-width: 1024px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number::before {
        margin-top:-3px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number::after {
        margin-bottom: -6px
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number::before {
        margin-top:-4px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number::after {
        margin-bottom: -4px
    }
}

@media (max-width: 640px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number::before {
        margin-top:-4px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number::after {
        margin-bottom: -4px
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label {
        width:100%;
        margin-bottom: 12px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number {
        width: 100%
    }
}

@media (max-width: 414px) {
    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .label {
        width:100%;
        margin-bottom: 12px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col .result.small .contentRow .number {
        width: 100%
    }
}

@media (max-width: 767px) {
    .block.calculator>.inner .results>.inner>.sizing {
        padding:24px
    }

    .block.calculator>.inner .results>.inner>.sizing h2 {
        margin-bottom: 24px
    }
}

@media (max-width: 640px) {
    .block.calculator>.inner .results>.inner>.sizing .row {
        display:block;
        margin-bottom: 0
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col {
        display: block;
        width: 100%;
        margin-bottom: 16px
    }

    .block.calculator>.inner .results>.inner>.sizing .row .col:last-child {
        margin-bottom: 0
    }
}

.block.calculator>.inner .results.visible {
    opacity: 1;
    grid-template-rows: 1fr;
    pointer-events: all;
    height: auto !important
}

@media (max-width: 767px) {
    .block.calculator>.inner .results .row {
        display:block;
        margin-bottom: 0
    }

    .block.calculator>.inner .results .row .col {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }

    .block.calculator>.inner .results .row .col:last-child {
        margin-bottom: 0
    }

    .block.calculator>.inner .results .row+.row {
        margin-top: 16px
    }
}

.calculator .genericComponent.input.focused:not(.noBorder) .fieldContainer .suffix {
    padding-top: 0px
}