/*
Theme Name: Australian Scaffold
Theme URI: https://digitalsix.com.au/
Author: Digitalsix
Author URI: https://digitalsix.com.au/
Version: 1.0.0
Text Domain: australian-scaffold

*/


/* =======================================
   BEM & Utility Naming Convention Used  
   - BEM for structured components  
   - Utility classes for global styles  
======================================== */

/* ========================================== 
   Responsive Global Styles
   ======================================= */

* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "Urbanist";
  src: url("/wp-content/themes/australian-scaffold/assets/fonts/Urbanist-VariableFont_wght.ttf")
    format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

#wpadminbar {
  overflow: visible !important;
}

.aus-container > .aus-wrapper {
  width: min(1440px, 100%);
  margin: 0 auto;
}

* {
  font-family: "Urbanist", sans-serif;
}

html {
  margin: 0px !important;
}

body,
body > * {
  overflow-x: hidden !important;
}

:root {
  --mb-padding: clamp(
    1.25rem,
    0.523rem + 3.636vw,
    1.5rem
  ); /* 24px - 18px for mobile screens.*/
  --aus-yellow: #ffde18;
  --aus-yellow-hover: #ffeb71;
  --aus-red: #ed1c24;
  --aus-blue: #003366;
  --aus-blue-hover: #7c91d2;
  --aus-white: #ffffff;
  --aus-black: #000000;
  --aus-lightgrey: #bababa;
  --aus-darkgrey: #333333;
  --aus-orange: #ff6b00;
  --aus-greytext: #6a6a6a;
  --aus_hero: 72px;
  --aus_h1: 48px;
  --aus_h1-lh: 1.1em;
  --aus_h2: 39px;
  --aus_h2-lh: 1.1em;
  --aus_h3: 31px;
  --aus_h3-lh: 1.1em;
  --aus_h4: 22px;
  --aus_h4-lh: 1.1em;
  --aus_h5: 18px;
  --aus_h5-lh: 1.1em;
  --aus_largebody: 20px;
  --aus_largebody-lh: 1.4em;
  --aus_body: 16px;
  --aus_body-lh: 1.4em;
  --aus_smallbody: 12px;
  --aus_smallbody-lh: 1.4em;
  --aus_body-16-14: 16px;
  --aus_body-16-14-lh: 1.4em;
  --aus_body-20: 20px;
  --aus_body-20-lh: 1.4em;
  --aus_body-12: 12px;
  --aus_body-12-lh: 1.4em;
  --aus_body-14: 14px;
  --aus_body-14-lh: 1.4em;
  --aus_body-18: 18px;
  --aus_body-18-lh: 1.4em;
}

@media (max-width: 1024px) {
  :root {
    --aus_hero: 53px;
    --aus_h1: 42px;
    --aus_h1-lh: 1.2em;
    --aus_h2: 34px;
    --aus_h2-lh: 1.2em;
    --aus_h3: 27px;
    --aus_h3-lh: 1.2em;
    --aus_h4: 21px;
    --aus_h4-lh: 1.2em;
    --aus_h5: 18px;
    --aus_h5-lh: 1.2em;
    --aus_body-16-14: 14px;
    --aus_largebody: 17.5px;
    --aus_body-16-14: 14px;
  }
}

.clip-bottom-right {
  clip-path: polygon(100% 0%, 100% 86%, 93% 100%, 0% 100%, 0% 0%);
}

.screen-reader-text {
  display: none;
}

/* ======================================= 
   Responsive Global Styles
   ========================================== */

/* ========================================== 
   Header
   ======================================= */

/* ======================================= 
  Header
  ========================================== */

/* Product Card Grid */

/* ATC Styles */
a.loading:has(.loading-spinner)::after {
  display: none !important;
}

a.added:has(.loading-spinner)::after {
  display: none !important;
}
/* ATC Styles */

span.wpcf7-spinner {
  position:absolute;
  z-index: 10;
}

.breadcrumb{
  display:flex;
  max-width:100%;
  /* flex-wrap:wrap !important; */
}

.xoo-wsc-container{
  z-index:99999999999999 !important;
}


.woocommerce-price-suffix{
  font-size: 12px !important;
  font-weight: 300 !important;
  display: inline-block !important;
  translate: 0 -3px !important;
}

/* BigPost Widget Style css code, to avoid left spacing cz of flex gap */
#bigpost-widget{
  display: none !important;
}
#woobigpost-widget{
  margin-bottom: -32px !important;
}

.wc-block-components-checkout-place-order-button{
  background: var(--aus-yellow) !important;
  border-radius:100px;
  transition: 0.5s ease !important;
  font-weight: 500 !important;
}

.wc-block-components-checkout-place-order-button:hover{
  background: var(--aus-blue) !important;
  color: white !important;
}

/* Code to hide bigpost widget on product page style.css Line 196 */
.single.single-product #woobigpost-widget{
  display:none !important;
}

.wc-block-components-checkout-step__container .wc-block-components-radio-control__description {
    display: flex !important;
}
.wc-pao-addon-name {
    font-weight: 400 !important;
    font-size: 20px;
    color: #001F5F;
}
.wc-pao-addon-container.wc-pao-addon {
    width: 100%;
    padding: 12px 15px;
    border-radius: 5px !important;
    border: 1px solid #bababa;
}
.single_variation_wrap {
    width: 100%;
}
.wc-pao-addon-wrap {
    margin-top: 10px !important;
}
.wc-pao-addon-wrap label {
    font-size: 20px;
    color: #1a1a1a;
}
.wc-pao-addon-wrap label .wc-pao-addon-price{
    font-weight: 700 !important;
}
.form-row.form-row-wide.wc-pao-addon-wrap .wc-pao-addon-checkbox {
    display: none;
}
.form-row.form-row-wide.wc-pao-addon-wrap label:before {
    content: '';
    position: relative;
    width: 22px;
    height: 22px;
    border: 1px solid #FFDE16;
    display: inline-block;
    border-radius: 50%;
    top: 4px;
    margin-right: 5px;
}
.form-row.form-row-wide.wc-pao-addon-wrap label{
    position: relative;
}
.form-row.form-row-wide.wc-pao-addon-wrap .wc-pao-addon-checkbox:checked + label:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #FFDE16;
    display: inline-block;
    border-radius: 50%;
    top: 7px;
    left: 6px;
}
.wc-pao-addon .wc-pao-addon-name {
    width: 100%;
    cursor: pointer;
}
table.variations .label {
    display: none !important;
}
table.variations select {
    font-size: 20px;
    border: 1px solid #bababa;
    border-radius: 5px;
    padding: 11px 20px;
    margin: 0 !important;
    width: 100%;
    color: #1a1a1a;
}
.woocommerce div.product form.cart .reset_variations {
    display: none !important;
}
.woocommerce div.product form.cart .variations {
    margin-bottom: 0 !important;
}
.wc-pao-addons-container {
    margin-top: 30px !important;
	min-width: 200px;
}

/* Variable Product Price Positioning */

.woocommerce-variation-price{
    position:absolute;
    top:0px;
}

.variations_form.cart{
    transition:all 0.3s ease;
    padding-top:0px;
}

.variations_form.cart:has(a.reset_variations[style*="visible"]){
    position:relative;
    padding-top:64px;
}

.single_variation_wrap{
    position:initial !important;
}

.woocommerce-variation-price,
.woocommerce-variation-price *{
    font-size:22px;
    font-weight:700;
}


/* Variable Product Price Positioning */


html:has(#wpadminbar) .site-header{
  margin-top:32px !important;
}



.wprs_unslider-arrow.next{
    translate: -24px 0px;
}

.wprs_unslider-arrow.prev{
    translate: 24px 0px;
}

/* Home Banner */
.hero-highlights{
    position:relative;

    padding:120px 0;

    /* background:url("images/scaffolding-banner.jpg") center center / cover no-repeat; */

    overflow:hidden;
}

/* Dark Overlay */

/* .hero-highlights .overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(10,15,22,.82) 0%,
            rgba(10,15,22,.70) 40%,
            rgba(10,15,22,.55) 100%
        );
} */

.container{

    position:relative;
    z-index:2;

    max-width:1440px;
    margin:auto;

    padding:0 64px;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

/* Cards */

.highlight-card{

    display:flex;
    align-items:center;
    gap:22px;

    padding:35px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,.12);

    border-radius:22px;

    transition:.35s ease;
}

.highlight-card:hover{

    transform:translateY(-8px);

    background:rgba(255,255,255,.14);

    border-color:#FFD84D;
}

/* Icons */

.icon-circle{

    width:82px;
    height:82px;

    background:#FFD84D;

    color:#111;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    font-size:28px;
    font-weight:700;

    flex-shrink:0;
}

.icon-circle svg{
    color:#111;
}

/* Typography */

.content h3{

    margin:0 0 10px;

    color:#fff;

    font-size:24px;

    font-weight:600;
}

.content p{

    margin:0;

    color:rgba(255,255,255,.80);

    line-height:1.7;

    font-size:16px;
}

/* Tablet */

@media(max-width:1024px){

    .container{

        grid-template-columns:1fr;

        padding:0 40px;
    }

    .highlight-card{

        padding:30px;
    }
}

/* Mobile */

@media(max-width:767px){

    .hero-highlights{

        padding:70px 0;
    }

    .container{

        padding:0 24px;
    }

    .highlight-card{

        flex-direction:column;

        align-items:center;

        text-align:center;
    }

    .icon-circle{

        width:70px;
        height:70px;

        font-size:24px;
    }

    .content h3{

        font-size:22px;
    }

    .content p{

        font-size:15px;
    }
}