:root {
    --st-light-grey: #D0D3D4;
    --st-mid-grey: #9EA2A2;
    --st-sand-beige: #E0C6AD;

    --st-lightyellow: #faf6ec;
    --st-linenWhite: #f4eee5;
    --st-chocolatebrown: #482314;
    --st-dark: #231f20;
    --st-dark2: #333333;
    --st-white: #ffffff;
    --st-black: #000000;


    /*Theme Css*/
    --e-global-color-primary: #000000 !important;
    /*Theme Css End*/

    /*--st-radius20: 20px;
    --st-radiusfull: 50px;
    --st-radius-circle: 50%;*/

    --st-font-10: 10px;
    --st-font-12: 12px;
    --st-font-14: 14px;
    --st-font-16: 16px;
    --st-font-18: 18px;
    --st-font-20: 20px;
    --st-font-22: 22px;
    --st-font-24: 24px;
    --st-font-26: 26px;
    --st-font-28: 28px;
    --st-font-30: 30px;
    --st-font-36: 36px;
    --st-font-40: 40px;
    --st-font-60: 60px;
    --st-font-80: 80px;
    /*--st-font-100: 100px;
    --st-font-120: 120px;*/

    --st-normal: 400;
    --st-medium: 500;
    --st-sbold: 600;
    --st-bold: 700;

    --divider-color: #afada6 !important;
    --separator-color: #afada6 !important;

    /* --container-width: 1920px !important; */
    --container-width: 100% !important;
    --container-space: 60px !important;
    
    --st-mobtable: 600px;
}


@media (max-width: 1450px) {
    :root {        
        --container-space: 30px !important;
    }
}
@media (max-width: 1199px) {
    :root {     
        /*--st-font-16: 14px;*/
        --st-font-18: 16px;
        --st-font-20: 18px;
        --st-font-22: 20px;
        --st-font-24: 22px;
        --st-font-26: 24px;
        --st-font-28: 26px;
        --st-font-30: 26px;
        --st-font-36: 30px;
        --st-font-40: 34px;
        --st-font-60: 40px;
        --st-font-80: 50px;

        /*--st-font-100: 80px;
        --st-font-120: 85px;*/ 

        --container-space: 20px !important;
    }
}

/* Tablet */
/* @media (max-width: 1024px) {} */

/* Mobile */
@media (max-width: 767px) {
    :root {
        --st-font-40: 30px;
        --st-font-60: 35px;
        --st-font-80: 40px;
        /*--st-font-100: 60px;
        --st-font-120: 70px;*/
    }
}


@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Neue Montreal';
    src: url('../fonts/NeueMontreal-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'PP Eiko';
    src: url('../fonts/PPEiko-Thin.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'PP Eiko';
    src: url('../fonts/PPEiko-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


/* .e-con {  } */
.e-con > .e-con-inner { max-width: var(--container-width) !important; padding-inline: var(--container-space); }
.elementor-heading-title{ /*font-family: 'Neue Montreal', sans-serif !important;*/ font-family: inherit !important; }
.elementor-widget-icon-list .elementor-icon-list-text{ color: var(--st-black) !important; letter-spacing: 0.60px !important; }
.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title *{ font-family: 'PP Eiko' !important; letter-spacing: unset; font-weight: normal !important; }
.elementor-widget-icon-box .elementor-icon-box-description{ font-family: 'Neue Montreal', sans-serif !important; }

.container { width: 100%; 
    padding-inline: var(--container-space); max-width: var(--container-width); margin-inline: auto;
}

body { background-color: var(--st-white); font-family: 'Neue Montreal', sans-serif; font-size: 16px; font-weight: normal; color: var(--st-dark); overflow: hidden; overflow-y: auto; letter-spacing: 0.50px; line-height: 1.4; }
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; }

*{ font-family: 'Neue Montreal', sans-serif; margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


/*[class*="font-"] { line-height: normal; }*/
[class*="font-"] >*{ font-size: inherit; }
.font-10 { font-size: var(--st-font-10) !important; }
.font-12 { font-size: var(--st-font-12) !important; }
.font-14 { font-size: var(--st-font-14) !important; }
.font-16 { font-size: var(--st-font-16) !important; }
.font-18 { font-size: var(--st-font-18) !important; }
.font-20 { font-size: var(--st-font-20) !important; }
.font-22 { font-size: var(--st-font-22) !important; }
.font-24 { font-size: var(--st-font-24) !important; }
.font-26 { font-size: var(--st-font-26) !important; }
.font-28 { font-size: var(--st-font-28) !important; }
.font-30 { font-size: var(--st-font-30) !important; }
.font-36 { font-size: var(--st-font-36) !important; }
.font-40 { font-size: var(--st-font-40) !important; line-height: 1.2; }
.font-60 { font-size: var(--st-font-60) !important; line-height: 1.2; }
.font-80 { font-size: var(--st-font-80) !important; line-height: 1; }
/*.font-100 { font-size: var(--st-font-100) !important; line-height: 1.2; }
.font-120 { font-size: var(--st-font-120) !important; line-height: 1; }*/

/*[class*="fa-"]{
    font-family: "Font Awesome 6 Brands" !important;
}*/


a { color: var(--st-black); outline: none; -webkit-transition: all 250ms ease; -moz-transition: all ease 250ms; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; text-decoration: none; text-underline-offset: 3px; }
a:hover, a:focus { text-decoration: none; color: var(--st-black); outline: none; }

p{ margin-bottom: 20px !important; color: var(--st-black); }
p:last-child{ margin-bottom: 0px !important; }

img{ max-width: 100%; }

.img-cover, .img-cover img{ object-fit: cover !important; width: 100%; height: 100%; }

.ratio-1{ aspect-ratio: 1; }
.all-alignments{ inset: 0px; }

.heading-font{ font-family: 'PP Eiko' !important; letter-spacing: unset; padding-bottom: 30px !important; }
.heading-font *{ font-family: 'PP Eiko' !important; letter-spacing: unset; font-weight: normal !important; line-height: normal; }
.heading-font.pb-0{ padding-bottom: 0px !important; }
@media (max-width: 575px) {
    .heading-font{ padding-bottom: 20px !important; }
}

.body-font{ font-family: 'Neue Montreal', sans-serif !important; }
.body-font *{ font-family: 'Neue Montreal', sans-serif !important; }


.justify { text-align: justify; /*letter-spacing: -0.20px;*/ }
.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }
.italic{ font-style: italic; }

.form-control:focus{ box-shadow: none; }

.normal{ font-weight: var(--st-normal) !important; }
.medium{ font-weight: var(--st-medium) !important; }
.sbold{ font-weight: var(--st-sbold) !important; }
.bold{ font-weight: var(--st-bold) !important; }

.light-greybg{ background-color: var(--st-light-grey); }
.mid-greybg{ background-color: var(--st-mid-grey); }
.sand-beigebg{ background-color: var(--st-sand-beige); }
.darkbg{ background-color: var(--st-dark); }
.whitebg{ background-color: var(--st-white); }
.blackbg{ background-color: var(--st-black); }
.linenWhitebg{ background-color: var(--st-linenWhite); }
.chocolatebrownbg{ background-color: var(--st-chocolatebrown); }

/*.lightgreytxt{ color: var(--st-light-grey); }
.midgreytxt{ color: var(--st-mid-grey); }
.sandbeigetxt{ color: var(--st-sand-beige); }*/
.darktxt{ color: var(--st-dark) !important; }
.dark2txt{ color: var(--st-dark2) !important; }
.whitetxt{ color: var(--st-white); }
.blacktxt{ color: var(--st-black); }

.tcolor >*{ color: inherit !important; }


.letter-spacing-1{ letter-spacing: 0.48px !important; }

.lineh-1{ line-height: 1 !important; }
.lineh-1-3{ line-height: 1.3 !important; }

.min-w{ min-width: unset !important; }
.max-w{ max-width: unset !important; }


/*---- Links & Buttons ----*/
.link1{ color: var(--st-black) !important; letter-spacing: 2px; font-weight: normal; border-bottom: solid 1px var(--st-black); text-decoration: none !important; }
.link1:hover, .link1:focus{ color: var(--st-black); text-decoration: none; }

.link2{ color: var(--st-black) !important; letter-spacing: 2px; font-weight: normal; text-underline-offset: 3px; text-decoration: underline !important; }
.link2:hover, .link2:focus{ color: var(--st-black); text-decoration: none; }

.link3{ text-decoration: underline !important; }
.link3:hover, .link3:focus{ text-decoration: none !important; }

.linktext-arrow{ text-underline-offset: 3px; text-decoration: underline !important; position: relative; transition: all 250ms ease; }
.linktext-arrow:after{ font-family: "Font Awesome 6 Pro"; content: "\f061"; margin-left: 8px; font-size: 16px; display: inline-flex; align-items: center; 
    /* position: absolute; top: 0px; bottom: 0px;  */
}
.linktext-arrow:hover{ text-decoration: none !important; }

.btn{ 
    font-size: inherit; font-weight: normal; text-decoration: none !important; line-height: 1; position: relative; z-index: 1; letter-spacing: 0.70px; padding: 10px 25px; border-radius: 0px; min-width: 150px; min-height: 46px;
    display: inline-flex; align-items: center; justify-content: center; transition: all 300ms ease-in-out;
}
.btn:focus { box-shadow: none; }
@media (max-width: 575px) {
    .btn{ padding-inline: 20px; line-height: 1.3; }
}

.btn-black{ background-color: var(--st-dark2); color: var(--st-white); border: 0px; }
.btn-black:hover, .btn-black:focus{ /*background-color: var(--st-white);*/ background: transparent; color: var(--st-dark2); box-shadow: inset 0px 0px 0px 1px var(--st-dark2) !important; }

.btn-black-outline{ background-color: transparent; color: var(--st-dark); box-shadow: inset 0px 0px 0px 1px var(--st-dark) !important; border: 0px; }
.btn-black-outline:hover, .btn-white-outline:focus{ background-color: var(--st-white); color: var(--st-black); }


.btn-rounded{
    font-size: var(--st-font-14); background-color: var(--st-linenWhite); border: solid 1px var(--st-light-grey); padding: 5px 20px; min-height: 42px;
    display: inline-flex; align-items: center; justify-content: center; border-radius: 40px;
}
@media (max-width: 991px) {
    .btn-rounded{ font-size: var(--st-font-12); padding: 5px 15px; min-height: 34px; }
}
/*---- Links & Buttons End ----*/


.heading-with-sidelink{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }





[class*="space-"] { 
    /* padding-inline: 20px; */
    /* padding-inline: var(--container-space);  */
}

.space-40 { padding-block: 40px; }
.space-55 { padding-block: 55px; }
.space-70 { padding-block: 70px; }
.space-100 { padding-block: 100px; }
@media (max-width: 1199px) {
    .space-100 { padding-block: 80px; }
}
@media (max-width: 767px) {
    .space-40, .space-55 { padding-block: 30px; }
    .space-70 { padding-block: 40px; }
    .space-100 { padding-block: 50px; }
}


.seprate-line{ }
.seprate-line span.elementor-divider-separator{ border-color: var(--separator-color) !important; }

/*[class*="-divider-separator"] { border-color: var(--divider-color) !important; }*/

/*-divider-separator{ border-color: var(--divider-color); }*/



/*---- Animation Class ----*/
.data-animate { opacity: 0; }
.fadein-animation, .fadein-hook-animation{ opacity: 0; visibility: hidden; }
/*---- Animation Class End ----*/

/*------------------------------------- Header Start -------------------------------------*/

.header{ margin-bottom: 20px; }
/* .header .navbar{ padding-inline: 20px; } */

.main-header-bar{ background-color: transparent; }
.navlast{ margin-left: 15px; }
.searchbar-head{ background-color: transparent; border: 0px; border-bottom: solid 1px #333333; color: #333333; border-radius: 0px; outline: unset !important; padding: 10px 0px; font-size: 14px; letter-spacing: 1px; /* max-width: 162px; */ width: 100%;
    background-image: url("https://demo.jhkinfotech.com/m/aussietecture/wp-content/themes/aussietecture-lifestyle/assets/images/search-icon.png"); background-repeat: no-repeat; background-position: right center; background-size: 20px;
}
.searchbar-head::placeholder{ color: #333333; }
.menuright{ margin-left: 20px; }
.menuright > img{ width: 40px; min-width: 40px; }
.menuright .btn-black{ padding-inline: 15px; font-size: 14px; text-transform: uppercase; min-width: 130px; min-height: 40px; }

.megamenu{ border-bottom: solid 1px var(--separator-color) !important; margin-top: 0px; }


/*@media (min-width: 992px) {
    .main-navigation .dropdown:hover > .dropdown-menu { display: block; }
}*/

@media (min-width: 992px) {
    .header{  }
    .header .navbar{ /*background-color: #ffffff;*/ }
    /*.header.fixed .navbar { background-color: #ffffff; }*/

    .header .container{ min-height: 100px; align-items: unset; justify-content: unset; transition: all 250ms ease; position: relative; 
        /* padding-inline: 0px; */
    }
    .header .container:after{ content: ""; border-bottom: solid 1px var(--separator-color); 
        position: absolute; left: var(--container-space); right: var(--container-space); bottom: 0px; 
        /* z-index: 1001; */ height: 1px;
    }
    .header .navbar-brand{ max-width: 200px; display: flex; align-items: center; z-index: 2; padding-block: 10px !important; }

    .main-navigation{ align-items: center; height: 100%; }
    .main-navigation .nav-item { position: static; height: 100%; }
    .main-navigation .nav-item .nav-link{ font-size: var(--st-font-14); font-weight: normal; color: var(--st-dark); letter-spacing: 1px; height: 100%; align-items: center; display: flex; flex-wrap: wrap; padding: 0px; margin-inline: 20px; transition: all .3s ease-in-out; text-transform: uppercase; position: relative; }
    .main-navigation .nav-item .nav-link:hover:before, .main-navigation .nav-item.dropdown:hover .nav-link:before { 
        color: var(--st-dark); /*border-bottom: solid 1px var(--st-dark);*/ 
        content: ""; border-bottom: solid 1px var(--st-dark);
        position: absolute; left: 0px; right: 0px; margin-top: 30px;
    }
    
    .main-navigation .nav-item.dropdown .dropdown-toggle{ display: none; }

    /*-- Smooth Animation --*/
    .main-navigation .dropdown-menu { display: block; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; }
    .main-navigation .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
    /*-- Smooth Animation End --*/

    /*Mega Menu*/
    .megamenu{ background-color: var(--st-white); left: var(--container-space); right: var(--container-space); border-radius: 0px; border: 0px; 
        max-width: var(--container-width);
        /* padding-inline: var(--container-space); */
    }
    .megamenu-row{ display: flex; }
    .megamenu-sidelabel{ flex-shrink: 0 !important; width: 100%; max-width: 384px; margin-right: 20px; padding-block: 10px; }
    .megamenu-body{ flex-grow: 1 !important; }

    ul.megamenu-nav{ font-size: var(--st-font-14); max-width: 700px; }
    ul.megamenu-nav > li{ padding-block: 10px; }
    ul.megamenu-nav .megamenu-link{  }
    ul.megamenu-nav .megamenu-link:hover{ opacity: .50; }
    /*Mega Menu End*/

    .navlast{ padding-left: 10px; display: flex; align-items: center; }
}

@media (max-width: 1450px) {
    .header .navbar-brand{ max-width: 180px; margin-right: 10px; }    
    .main-navigation .nav-item .nav-link{ margin-inline: 11px; }
    .menuright { margin-left: 15px; }
    .navlast { padding-left: 0px; margin-left: 5px; }
}
@media (max-width: 1300px) {
    .main-navigation .nav-item .nav-link { font-size: 12px; margin-inline: 10px; }
}
@media (max-width: 1199px) {
    .megamenu-sidelabel{ max-width: 275px; }
    .searchbar-head{ max-width: 140px; }
    .header .navbar-brand { max-width: 150px; }
    .main-navigation .nav-item .nav-link { font-size: 11px; margin-inline: 6px; }
}

/*@media (max-width: 991px) {
    .header .navbar-brand { z-index: 2; max-width: 110px; }
    .main-navigation .nav-item .nav-link{ margin-inline: 10px; font-size: 16px; }
}*/
@media (max-width: 991px) {
    
    .header{ position: sticky; top: 0px; z-index: 9999; }
    .header .container{ min-height: 70px; }
    .header .container:after{ content: ""; border-bottom: solid 1px var(--separator-color); position: absolute; left: 0px; right: 0px; bottom: 0px; }

    .header .navbar { padding-inline: 0px; background-color: var(--st-white); }
    .header .navbar-brand { max-width: 200px; }

    .header .navbar-toggler{ border: 0px; padding: 0px; order: 2; 
        /* min-height: 26px; */
        width: 25px;

        min-height: 20px;
        line-height: 0;
        margin-top: -2px;
        margin-right: 5px;
    }
    .header .navbar-toggler:focus{ box-shadow: unset; }
    .header .navbar-toggler:not(.collapsed) .navbar-toggler-icon{ background-color: transparent; }
    .header .navbar-toggler:not(.collapsed) .navbar-toggler-icon:before{ transform: rotate(-45deg); top: 0px; }
    .header .navbar-toggler:not(.collapsed) .navbar-toggler-icon:after{ transform: rotate(45deg); bottom: 0px; }
    .header .navbar-toggler .navbar-toggler-icon { background-image: unset; position: relative; background-color: #000000; width: 30px; height: 2px; }
    .header .navbar-toggler .navbar-toggler-icon:before, .header .navbar-toggler .navbar-toggler-icon:after{ content: ""; display: block; width: 24px; height: 2px; background-color: #000000; position: absolute; transition: all 250ms; }
    .header .navbar-toggler.collapsed .navbar-toggler-icon:before { top: -9px; }
    .header .navbar-toggler.collapsed .navbar-toggler-icon:after  { bottom: -9px; }

    .header .navbar-collapse{  
        position: fixed !important; top: 70px; left: -290px;
        min-width: 230px; height: calc(100vh - 70px) !important;
        overflow: hidden !important; overflow-y: scroll !important; opacity: 0;
        background-color: var(--st-white);
        transition: all .2s !important;
        display: block !important;
        z-index: 99999;
    }
    .header .navbar-collapse.show{ width: 100%; left: 0; transition: all .2s !important; opacity: 1; /*padding-top: 20px;*/ }
    
    .main-navigation .nav-item { border-bottom: solid 1px rgba(0, 0, 0, 0.2); }
    /* .main-navigation .nav-item:last-child { border-bottom: 0px; } */
    .main-navigation .nav-item .nav-link{ padding: 20px; font-size: 16px; font-weight: normal; color: #000000; position: relative; margin-inline: 0px; display: flex; align-items: center; }
    .main-navigation .nav-item .nav-link:hover{ color: #000000; }
    .main-navigation .nav-item .nav-link.active{ color: #000000; }
    .main-navigation .nav-item .nav-link:after{ margin-left: auto; }

    /*Seprate Link*/
    .main-navigation .nav-item.dropdown > a.nav-link{ width: calc(100% - 50px); }
    .main-navigation .nav-item.dropdown .dropdown-toggle{ display: flex; align-items: center; justify-content: center; position: absolute; right: 0px; top: 0px; width: 50px; height: 65px; cursor: pointer; }
    .main-navigation .nav-item.dropdown .dropdown-toggle::after{ border: 0px; font-family: "Font Awesome 6 Pro"; content: "\f078"; transition: all 200ms ease-in-out; }
    .main-navigation .nav-item.dropdown .dropdown-toggle.show::after{ transform: rotate(-180deg); }
    /*Seprate Link End*/

    .megamenu{ margin: 0px !important; border: 0px !important; border-radius: 0px; padding: 0px 15px 15px 15px; background-color: var(--st-white); }
    .megamenu-row { display: block; }
    .megamenu-sidelabel{ padding-inline: 15px; margin-bottom: 10px; }
    /*.megamenu-body{ margin-top: 10px; }*/
    ul.megamenu-nav{ font-size: var(--st-font-14); }
    .megamenu-nav li { margin-bottom: 5px; }
    .megamenu-nav li:last-child { margin-bottom: 0px; }
    .megamenu-nav li .megamenu-link{ padding: 10px 15px; display: block; background-color: #ffffff; }

    .navlast{ margin-inline: 0px; padding-inline: 15px; }
    .menuright { margin: 5px 0px 0px 0px; }
    .menuright .btn-black{ width: 100% !important; }

}
@media (max-width: 767px) {  
    .header .navbar-brand { max-width: 150px; }
}

@media (min-width: 993px) {
    .main-navigation .nav-item.dropdown > .megamenu {
        border-radius: 0;
        box-shadow: none;

        margin-top: -1px !important;
        border-top: solid 1px transparent;
    }
    .main-navigation .nav-item.dropdown > .megamenu:not(.show) { display: none; /*opacity: 0;*/ }
    .main-navigation .nav-item.dropdown > .megamenu.show { display: block; }
    .main-navigation .nav-item.dropdown:hover > .megamenu:not(.show) { display: block; /*opacity: 1;*/ }
    .main-navigation .megamenu-row { display: flex; align-items: flex-start; gap: 0; }
    .main-navigation .megamenu-sidelabel {
        flex: 0 0 0;
        width: 0;
        max-width: none;
        margin: 0;
        padding: 10px 0;
        white-space: nowrap;
        overflow: visible;
    }
    .main-navigation .megamenu-body {
        flex: 0 0 auto;
        min-width: 0;
        margin-left: var(--submenu-links-offset, 384px);
    }
    .main-navigation ul.megamenu-nav {
        display: grid;
        grid-auto-flow: column;
        grid-template-rows: repeat(var(--submenu-link-rows, 3), auto);
        grid-auto-columns: minmax(100px, max-content);
        gap: 0 60px;
        margin: 0;
        max-width: 700px;
    }
    .main-navigation .megamenu-nav > li {
        width: auto;
        margin: 0;
        padding: 0;
    }
    .main-navigation .megamenu-nav li .megamenu-link { padding: 7px 0; display: block; }
}

/*------------------------------------- Header End -------------------------------------*/


/*------------------------------------ Footer Start ------------------------------------*/
.footer-main{ padding: 0px 0px 40px 0px; }
.footer-brand {}
.footer-logo { /*display: block;*/ width: 225px; max-width: 100%; height: auto; }
.footer-column {  }
.footer-column h3 { font-size: var(--st-font-20); font-weight: 500; margin-bottom: 15px; }
.footer-column ul {  }
.footer-column li { margin-bottom: 15px; padding: 0px; }
.footer-column li:last-child { margin-bottom: 0px; }
.footer-column li a:hover { opacity: 0.65; }
.footer-connect { margin-top: 38px; }
.footer-social { display: flex; align-items: center; gap: 28px; }
.footer-social a { font-size: 24px; }
.footer-social a:hover { opacity: 0.65; }

/* NEWSLETTER BOX */
.footer-newsletter { background-color: var(--st-linenWhite); padding: 30px; }
.footer-newsletter .col-md-12{ position: relative; }
.footer-newsletter .wpcf7-spinner{ background-color: #888888; position: absolute; right: 0px; z-index: 1; top: 10px; }
.footer-newsletter .wpcf7-not-valid-tip{ font-size: 14px; }
.footer-newsletter .wpcf7-response-output{ font-size: 14px; margin: 10px 0px 0px 0px !important; }
.newsletter-form-input { display: block; width: 100%; height: 46px; border: 1px solid #eeeeee; letter-spacing: 1px; padding: 5px 15px; }
.newsletter-form-input::placeholder { color: #a8a8a8; opacity: 1; }
.newsletter-form-input:focus { border-color: #b9aaa1; outline: none; }
@media (max-width: 1199px) {  
    .footer-brand { padding-bottom: 10px; }
}
@media (max-width: 991px) {  
    /* .footer-brand { text-align: center; }
    .footer-connect{ text-align: center; }
    .footer-social{ justify-content: center; }
    .footer-column{ text-align: center; } */
}
@media (max-width: 575px) {  
    .footer-newsletter{ padding: 20px; }
}

/*------------------------------------- Footer End -------------------------------------*/


.spinner-custom{ position: relative; }
.spinner-custom p{ margin-bottom: 0px !important; }
.spinner-custom .wpcf7-spinner{ margin: 0 15px; position: absolute; top: 50%; transform: translate(0%,-50%); }


/*header.header{ display: none; visibility: hidden; }*/

/*------------------------------------- Hero Banner -------------------------------------*/
.hero-banner{ position: relative; overflow: hidden; 
    /* padding-inline: var(--container-space); max-width: var(--container-width); */
}
.hero-banner-image{ 
    /* max-height: 768px; */
    height: 800px;
}
.hero-banner-label{ position: absolute; inset: 0px; padding: 50px; display: flex; align-items: center; justify-content: center; }
@media (max-width: 1550px) {
    .hero-banner-image{ height: 700px; }
}
@media (max-width: 1199px) {
    .hero-banner-image{ height: 600px; }
}
@media (max-width: 991px) {
    .hero-banner-image{ height: 500px; }
}
@media (max-width: 767px) {
    .hero-banner-image{ height: 400px; }
    .hero-banner-label{ padding: 20px; }
}
@media (max-width: 575px) {
    .hero-banner-image{ height: 320px; }
}
/*----------------------------------- Hero Banner End -----------------------------------*/

/*-- Breadcrumb --*/
.aus-breadcrumb{  }
.aus-breadcrumb ol.breadcrumb { margin-bottom: 15px; line-height: normal; }
.aus-breadcrumb ol.breadcrumb li.breadcrumb-item{ color: var(--st-dark); font-size: 15px; }
.aus-breadcrumb ol.breadcrumb li.breadcrumb-item a:hover{ text-decoration: underline; text-underline-offset: 3px; }
.aus-breadcrumb .breadcrumb-item + .breadcrumb-item:before{ font-family: "Font Awesome 6 Pro"; content: "\f061"; font-size: 12px; display: flex; align-items: center; height: 100%; }
/*-- Breadcrumb End --*/

hr{ opacity: 1; border-color: var(--separator-color); }


.product-space { padding-block: 44px; overflow: hidden; }
.product-space .product-rowgap { margin-inline: -22px; margin-top: -44px; }
.product-space .product-rowgap > * { padding-inline: 22px; margin-top: 44px; }
@media (max-width: 1550px) {
    .product-space { padding-block: 32px; }    
    .product-space .product-rowgap { margin-inline: -10px; margin-top: -20px; }
    .product-space .product-rowgap > * { padding-inline: 10px; margin-top: 20px; }
}
/* @media (max-width: 767px) {
    .product-space { padding-bottom: 50px; }
} */



/*---- Product Card ----*/
.product-card-grid { display: grid; column-gap: 44px; row-gap: 44px; }

.product-card { display: flex; flex-direction: column; gap: 15px; color: var(--st-dark2); position: relative; }
.product-card .product-image{ aspect-ratio: 1; overflow: hidden; height: unset !important; background-color: var(--st-white); display: flex; align-items: center; justify-content: center; }
.product-card .product-image img { width: 100%; height: 100%; object-fit: cover !important; transition: transform 0.4s ease; }
.product-card:hover .product-image img { transform: scale(1.1); }
.product-card .product-info{ display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; line-height: normal; margin: 0px !important; }
.product-card .product-title{ font-size: var(--st-font-18); font-weight: normal !important; color: var(--st-dark2) !important; line-height: normal; }
.product-card .product-location{ font-size: var(--st-font-14); font-weight: normal; color: var(--st-dark2) !important; margin-left: auto; text-align: right; }
.product-card .product-des{ font-size: var(--st-font-14); color: var(--st-dark2) !important; margin: 0px !important; }
.product-card .product-content{  }
.product-card .product-content h4{ font-size: var(--st-font-18); font-weight: var(--st-medium); color: var(--st-dark2) !important; padding-bottom: 5px; }
.product-card-overlay{ position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.2); }
.product-card-overlay-title{ font-size: var(--st-font-40); color: var(--st-white); font-family: 'PP Eiko' !important; letter-spacing: unset; }
.product-card:hover .product-card-overlay-title{ text-decoration: underline; }
@media (max-width: 1550px) {
    .product-card{ gap: 12px; }
}
@media (max-width: 1199px) {  
    .product-card-grid { column-gap: 30px; row-gap: 30px; }
    .product-card .product-title{ font-size: var(--st-font-20); font-weight: normal; }
}
@media (max-width: 767px) {  
    .product-card .product-title{ font-size: var(--st-font-16); }
}
@media (max-width: 575px) {  
    .product-card-overlay-title{ font-size: var(--st-font-30); }
}
/*---- Product Card End ----*/


.product-description{ font-size: var(--st-font-18); }


/*---- product Card ----*/
.product-card-columns .card { background: transparent; border: 0px; border-radius: 0px; margin-bottom: 10px; }
.product-card-columns .card img { width: 100%; }
@media (min-width: 576px) {
    .product-card-columns { column-count: 3; gap: 10px; orphans: 1; widows: 1; }
    .product-card-columns .card { background: transparent; display: inline-block; width: 100%; border: 0px; border-radius: 0px; margin-bottom: 10px; }
    .product-card-columns .card img { width: 100%; }
}
/*---- product Card End ----*/




.fox-walling-wrapper { background: unset !important; }
.fox-walling-layout {
    display: grid;
    grid-template-columns: minmax(280px, 1.42fr) minmax(0, 4fr);
    column-gap: 42px;
    align-items: start;
}
.fox-walling-heading-column {  }
.fox-walling-heading { font-family: 'PP Eiko' !important; letter-spacing: unset; font-size: var(--st-font-40) !important; font-weight: normal !important; }
.fox-walling-items{ display: grid; column-gap: 44px; row-gap: 44px; }

/* .fox-walling-image { width: 100%; height: auto; aspect-ratio: 1; overflow: hidden; }
.fox-walling-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.fox-walling-item:hover .fox-walling-image img { transform: scale(1.1); }
.fox-walling-item-title { font-size: var(--st-font-20); font-weight: normal; line-height: normal; margin-top: 17px; margin-bottom: 0px; } */

@media (max-width: 1199px) {
    .fox-walling-items { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 30px; row-gap: 30px; }   
}

@media (max-width: 767px) {
    .fox-walling-layout { display: block; }
    .fox-walling-heading-column { margin-bottom: 35px; }
    .fox-walling-heading { font-size: 32px; }
    .fox-walling-heading br { display: none; }
    .fox-walling-items { grid-template-columns: 1fr; column-gap: 0; }
    /* .fox-walling-image { width: 100%; height: auto; aspect-ratio: 1 / 1; } */
    /* .fox-walling-item-title { font-size: 18px; } */
}






/*--- Tab Custom ---*/
.tab-custom{  }
.tab-custom ul.nav-pills{ border-bottom: solid 1px var(--separator-color); justify-content: center; gap: 4px; }
.tab-custom ul.nav-pills li.nav-item { flex: 1; }
.tab-custom ul.nav-pills li.nav-item .nav-link{ border-radius: 0px; background: transparent; color: var(--st-dark2); font-size: var(--st-font-14); letter-spacing: 1px; padding-block: 10px; width: 100%; height: 100%; }
.tab-custom ul.nav-pills li.nav-item .nav-link.active{ background-color: var(--st-dark2); color: var(--st-white); }
.tab-custom .tab-content .tab-pane{ padding-block: 50px; }
@media (max-width: 767px) {
    .tab-custom ul.nav-pills li.nav-item{ flex: calc((100% - 8px) / 3); }
    .tab-custom ul.nav-pills li.nav-item .nav-link{ background-color: var(--st-sand-beige); }
    .tab-custom .tab-content .tab-pane{ padding-block: 50px; }
}
@media (max-width: 575px) {
    .tab-custom ul.nav-pills li.nav-item{ flex: calc((100% - 4px) / 2); }
    .tab-custom ul.nav-pills li.nav-item .nav-link{ font-size: var(--st-font-12); }
}

.colour-chart{ display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; padding-top: 20px; }
.colour-chart-box{ width: 166px; height: 116px; display: flex; flex-direction: column; justify-content: flex-end; padding: 15px; }
/*--- Tab Custom End ---*/


/*--- Collection Dropdown ---*/
.collection-dropdown{ margin-top: auto; display: inherit; position: relative; }
.collection-dropdown .btn-secondary { display: inline-flex; align-items: center; text-align: left; max-width: 100%; background-color: transparent !important; border: 0px; border-radius: 0px; color: var(--st-dark2) !important; font-weight: normal; font-size: var(--st-font-22); padding: 0px 0px 15px; border-bottom: solid 1px #8a8884; }
.collection-dropdown .dropdown-menu { max-width: 334px; width: 100%; border-radius: 0px; border: 0px; padding: 15px;
    max-height: 350px; overflow-y: auto; overscroll-behavior: contain; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
    scrollbar-width: thin; scrollbar-color: #8a8884 transparent;
    display: block; opacity: 0; visibility: hidden; transform: translateY(5px) !important; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;

    /* Lock position so Popper's inline styles don't make the menu jump/blink on close */
    position: absolute !important; top: 100% !important; bottom: auto !important; margin: 8px 0 0 !important;
    right: 0px !important; left: auto !important; z-index: 2;
}
.collection-dropdown .dropdown-menu.show{
    opacity: 1; visibility: visible; transform: translateY(0) !important;
}
.collection-dropdown .dropdown-menu::-webkit-scrollbar{ width: 4px; }
.collection-dropdown .dropdown-menu::-webkit-scrollbar-track{ background: transparent; }
.collection-dropdown .dropdown-menu::-webkit-scrollbar-thumb{ background: #8a8884; }
.collection-dropdown .dropdown-menu .dropdown-link{ display: flex; align-items: center; gap: 15px; margin-bottom: 15px; font-size: var(--st-font-20); line-height: 1.3; text-align: left; color: var(--st-dark2) !important; }
.collection-dropdown .dropdown-menu .dropdown-link:hover{ color: var(--st-black) !important; }
.collection-dropdown .dropdown-menu .dropdown-link:last-child{ margin-bottom: 0px; }
.collection-dropdown .dropdown-menu .collection-image{ width: 52px; height: 52px; flex-shrink: 0; object-fit: cover; }
.collection-dropdown .btn-secondary.dropdown-toggle::after{ border: 0px; font-family: "Font Awesome 6 Pro"; content: "\f063"; font-size: 18px; margin-left: auto; padding-left: 20px; }
.collection-dropdown .btn-secondary.dropdown-toggle.show::after{ content: "\f062"; }
@media (max-width: 991px) {
    .collection-dropdown .btn-secondary { display: flex; width: 100%; font-size: 18px; padding-bottom: 12px; }
    .collection-dropdown .btn-secondary.dropdown-toggle::after{ font-size: 16px; padding-left: 15px; }
    .collection-dropdown .dropdown-menu { max-width: 100%; max-height: 320px; }
    .collection-dropdown .dropdown-menu .dropdown-link{ font-size: 18px; gap: 12px; margin-bottom: 12px; }
    .collection-dropdown .dropdown-menu .collection-image{ width: 46px; height: 46px; }
}
@media (max-width: 767px) {
    .collection-dropdown{ margin-top: 10px; }
    .collection-dropdown .btn-secondary { font-size: 17px; }
    .collection-dropdown .dropdown-menu { padding: 12px; max-height: 290px; }
    .collection-dropdown .dropdown-menu .dropdown-link{ font-size: 16px; margin-bottom: 10px; }
    .collection-dropdown .dropdown-menu .collection-image{ width: 42px; height: 42px; }
}
/*--- Collection Dropdown End ---*/


/*-- Square Image --*/
.square-image{ aspect-ratio: 1; overflow: hidden; }
.square-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.square-image:hover img { transform: scale(1.1); }
/*-- Square Image End --*/

.tooltip .tooltip-inner { border-radius: 0px; }


/*-- Table --*/
table { font-size: 14px; }
table thead tr th { vertical-align: middle; font-weight: 500; background-color: #EEE8DA !important; border-color: var(--st-dark2); padding: 15px 18px !important; }
table thead tr th small{ font-weight: normal; color: var(--st-dark2); }
table tbody tr td{ vertical-align: middle; background: transparent !important; border-color: var(--separator-color); padding: 15px 18px !important; }
/*-- Table End --*/


.cobblestones { display: flex; align-items: center; gap: 12px; }


/*-- Product Gallery Slider --*/
#fox-product-gallery-carousel{  }
#fox-product-gallery-carousel .carousel-control-prev, #fox-product-gallery-carousel .carousel-control-next { width: auto; }
#fox-product-gallery-carousel .carousel-control-prev .carousel-control-prev-icon { background-color: #fafafa; background-size: 20px; width: 40px; height: 60px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }
#fox-product-gallery-carousel .carousel-control-next .carousel-control-next-icon { background-color: #fafafa; background-size: 20px; width: 40px; height: 60px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
/*-- Product Gallery Slider End --*/

#fox-live-search-results { display: none !important; }

.surface-row { display: flex; flex-wrap: wrap; gap: 25px; padding-top: 20px; }
.surface-box { width: 190px; aspect-ratio: 1; background-color: #81846e; color: #ffffff; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; }
.surface-box h4 { font-family: 'Neue Montreal'; font-size: var(--st-font-14); font-weight: normal; position: absolute; left: 0; right: 0; bottom: 0px; padding: 15px; text-align: center; }



/*---- Contact Page Start ----*/

.contact-sidebar{ max-width: 500px; }

.fox-office-locations { width: 100%; padding: 55px 50px !important; background-color: var(--st-linenWhite); height: 100%; }
.fox-office-location { width: 100%; }

.fox-location-title { font-size: var(--st-font-24); }

.fox-contact-item { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 30px; }
.fox-contact-item:last-child { margin-bottom: 0px; }

.fox-contact-icon { flex-shrink: 0 !important; font-size: 20px; width: 46px; height: 46px; background-color: var(--st-white); color: var(--st-black); border-radius: 50%; display: flex; align-items: center; justify-content: center; }

.fox-contact-content { flex: 1; font-size: 16px; }
.fox-contact-label { font-weight: 500; margin-bottom: 5px; }
.fox-contact-value {}
.fox-contact-value a { text-decoration: none; }
.fox-contact-value a:hover { text-decoration: underline; }

.fox-location-divider { border: 0px !important; border-top: 1px solid var(--separator-color) !important; margin: 50px 0px !important; }

@media (max-width: 1024px) {
    .contact-sidebar{ max-width: 100%; }
}

@media (max-width: 767px) {
    /*.fox-office-locations { padding: 55px 50px !important; }*/
    .fox-office-locations { max-width: 100%; padding: 30px 20px !important; }
    .fox-contact-item { gap: 15px; margin-bottom: 24px; }
    .fox-contact-icon { flex-basis: 42px; width: 42px; height: 42px; }
    .fox-contact-icon svg { width: 20px; height: 20px; }
    .fox-contact-value { font-size: 15px; }
    .fox-location-divider { margin: 40px 0 35px; }
}


/* Contact Page Form */
.fox-contact-wrapper { width: 100%; }
.fox-contact-heading { margin-top: 0; }
.fox-contact-fields { display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 30px; /*margin-bottom: 30px;*/ }
.fox-contact-field.fox-field-width-50 { width: calc(50% - 15px); }
.fox-contact-field.fox-field-width-100 { width: 100%; }

.fox-contact-field input, .fox-contact-field textarea { display: block; width: 100%; box-sizing: border-box; padding: 0 19px; border: 1px solid #b8b8b8; border-radius: 0; background: transparent; color: #111111; font-family: inherit; outline: none; }
.fox-contact-field input { height: 50px; }
.fox-contact-field textarea { height: 150px; padding-top: 15px; padding-bottom: 15px; resize: vertical; }
.fox-contact-field input::placeholder, .fox-contact-field textarea::placeholder { color: #111111; opacity: 1; }
.fox-contact-field input:focus, .fox-contact-field textarea:focus { border-color: #777777; }

.fox-contact-submit { display: block; padding: 0; border: 0; cursor: pointer; }
@media (max-width: 767px) {
    .fox-contact-fields { column-gap: 0; row-gap: 20px; }
    .fox-contact-field.fox-field-width-50, .fox-contact-field.fox-field-width-100 { width: 100%; }
}
/* Contact Page Form End */

.wpcf7-not-valid-tip{ font-size: 14px; }
.wpcf7 form .wpcf7-response-output{ margin-inline: 0px !important; }

/*---- Contact Page End ----*/

.number-round{ background-color: var(--st-linenWhite); display: flex; align-items: center; justify-content: center; aspect-ratio: 1; }


/*---- Stone Sealers ----*/
.fox-product-grid-wrapper { padding: 0px; }
.fox-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; }
@media (max-width: 768px) {
    .fox-product-grid { grid-template-columns: 1fr; }
}
.fox-product-card { background: #ffffff; padding: 30px; display: flex; align-items: center; justify-content: center; }
.fox-image-container { display: flex; align-items: center; justify-content: center; width: 100%; }
.fox-product-item{ display: flex; flex-direction: column; gap: 15px; }
.fox-product-item .product-des{ line-height: 1.8; }

.fox-product-title { font-size: var(--st-font-20); font-weight: normal; }
.fox-product-title a { color: inherit; text-decoration: none; }
.fox-product-title a:hover { text-decoration: underline; }

/*---- Stone Sealers ----*/

/*---- Stone Sealers Details ----*/
.stonesealers-details-sidebar{ max-width: 470px; }
/*---- Stone Sealers Details End ----*/


/*---- Australian Sandstone Details Page Single Full Slider ----*/
.fox-image-slider-wrapper { position: relative; width: 100%; overflow: hidden; }
.fox-slider-container { position: relative; width: 100%; height: 700px; }
.fox-slider-track { position: relative; width: 100%; height: 100%; }
.fox-slide {
    position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;
    opacity: 0; transition: opacity 0.5s ease-in-out;
}
.fox-slide.active { opacity: 1; z-index: 2; }
.fox-slide img { width: 100%; height: 100%; object-fit: cover; }
.fox-slider-prev, .fox-slider-next {
    position: absolute; top: 50%; z-index: 10;
    transform: translateY(-50%);
    background-color: var(--st-white) !important;
    border: none;
    width: 40px; height: 60px;
    cursor: pointer;
    font-size: 16px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    transition: background 0.3s, opacity 0.15s ease;
    opacity: .8;
}
.fox-slider-prev { left: 0px; }
.fox-slider-next { right: 0px; }
.fox-slider-prev:hover, .fox-slider-next:hover { background-color: var(--st-white); opacity: 1; }

@media (max-width: 1024px) {
    .fox-slider-container { height: 500px; }
}
@media (max-width: 767px) {
    .fox-slider-container { height: 400px; }
}
/*---- Australian Sandstone Details Page Single Full Slider End ----*/


.banner-over-text{ position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; }
@media (max-width: 767px) {
    .banner-over-text { position: unset; }
    .banner-over-text *{ color: #000000 !important; }
}


/*---- Portfolio Widgets ----*/
.fox-portfolio-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 44px; row-gap: 44px; width: 100%; }
.fox-portfolio-item { position: relative; overflow: hidden; }
.fox-portfolio-image { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; transition: transform .35s ease; }
.fox-portfolio-overlay { position: absolute; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .48); opacity: 0; transition: opacity .35s ease; z-index: 2; }
.fox-portfolio-title {
    font-size: var(--st-font-18); color: var(--st-white); font-weight: normal; text-decoration: underline; text-underline-offset: 3px; line-height: 1.5; 
    position: absolute; inset: 30px; top: unset; z-index: 3; margin: 0px; padding: 0px; opacity: 0;
    transform: translateY(12px); transition: opacity .35s ease, transform .35s ease;
}
.fox-portfolio-item:hover .fox-portfolio-overlay { opacity: 1; }
.fox-portfolio-item:hover .fox-portfolio-title { opacity: 1; transform: translateY(0); }
.fox-portfolio-item:hover .fox-portfolio-image { transform: scale(1.03); }
@media (max-width: 1024px) {
    .fox-portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .fox-portfolio-grid { grid-template-columns: 1fr; row-gap: 24px; }
}
/*---- Portfolio Widgets End ----*/



/*-- Pagination --*/
.fox-pagination{ background-color: var(--st-linenWhite); padding: 24px 40px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; margin-top: 50px; }
.fox-pagination-previous, .fox-pagination-next{ display: flex; flex-direction: column; width: 100%; max-width: 230px; gap: 8px; }
.fox-pagination-next{ align-items: flex-end; order: 2; text-align: right; }
.fox-pagination-previous:hover, .fox-pagination-next:hover{ opacity: .55; }
.fox-pagination-link{ font-size: var(--st-font-14); font-weight: normal; }
.fox-pagination-nav{ font-family: 'PP Eiko' !important; letter-spacing: unset; font-size: 20px; font-weight: normal; display: flex; align-items: center; gap: 10px; }
.fox-pagination-nav i{ font-size: 22px; font-style: normal; }
.fox-pagination-number{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-inline: auto; }
.fox-pagination-number a{ font-size: 20px; width: 48px; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; /*margin-inline: 5px;*/ }
.fox-pagination-number a:hover { text-decoration: underline; text-underline-offset: 3px; }
.fox-pagination-number a.active{ background-color: var(--st-dark2); color: var(--st-white) !important; }
@media (max-width: 1024px) {
    .fox-pagination-number{ width: 100%; order: 3; }
}
@media (max-width: 767px) {
    .fox-pagination-previous, .fox-pagination-next{ max-width: 100px; }
    .fox-pagination-next{ order: unset; }
    .fox-pagination{ padding: 20px; }
    .fox-pagination-nav{ font-size: 16px; gap: 8px; }
    .fox-pagination-nav i { font-size: 16px; }
    .fox-pagination-number a{ font-size: 16px; width: 34px; }
    .fox-pagination-link{ display: none; }
}
/*-- Pagination End --*/


/*---- Portfolio Page End ----*/



/*.fox-safety-protection {}
.fox-safety-protection-inner { display: flex; gap: 44px; }
.fox-safety-heading-column { width: 25%; flex: 0 0 auto; }
.fox-safety-image-column { width: 25%; flex: 0 0 auto; aspect-ratio: 1; }
.fox-safety-description-column { width: 50%; flex: 0 0 auto; }
.fox-safety-image { width: 100%; height: 100% !important; object-fit: cover; }
.fox-safety-description { margin: 0; padding: 0; font-size: 20px; line-height: 1.55; font-weight: 400; color: #171717; }
.fox-safety-description p { margin-top: 0; margin-bottom: 15px; }
.fox-safety-description p:last-child { margin-bottom: 0; }
.fox-safety-description a { color: inherit; }*/



/*-- Title Image Des HR Widgets --*/
.safety-protection-row{ 
    display: grid;
    grid-template-columns: minmax(280px, 1.42fr) minmax(0, 4fr);
    column-gap: 42px;
    align-items: start;
}
.safety-protection-side-title{  }
.safety-protection-side-media{ 
    display: grid;    
    grid-template-columns: minmax(330px, 1.42fr) minmax(0, 4fr);

    column-gap: 44px;
    row-gap: 44px;
    align-items: start;
}
@media (max-width: 1199px) {
    .safety-protection-row{ grid-template-columns: unset; }
    .safety-protection-side-title br{ display: none; }
}
@media (max-width: 1024px) {
    .safety-protection-side-media{ column-gap: 34px; row-gap: 34px; }
}
@media (max-width: 767px) {
    .safety-protection-side-media{ grid-template-columns: unset; column-gap: 30px; row-gap: 30px; }
}

/*-- Title Image Des HR Widgets End --*/




/*-- Mosaic Range Widgets --*/
.fox-mosaic-range { width: 100%; box-sizing: border-box; }
.fox-mosaic-layout { width: 100%; display: grid; grid-template-columns: 40% minmax(0, 1fr); column-gap: 58px; align-items: start; }
.fox-mosaic-image-column { min-width: 0; }
.fox-mosaic-main-image { display: block; width: 100%; height: 595px; object-fit: cover; }
.fox-mosaic-content { min-width: 0; display: flex; flex-direction: column; height: 100%; }
.fox-mosaic-content-top{ margin-bottom: 30px; }
.fox-mosaic-title { margin-left: 0; margin-right: 0; }
.fox-mosaic-description { margin: 0px 0px 20px 0px !important; }
.fox-mosaic-subtitle, .fox-mosaic-range-title { margin: 0px 0px 20px !important; font-size: var(--st-font-20) !important; font-weight: var(--st-medium) !important; }

 /*-- SPECIFICATIONS --*/
.fox-mosaic-specifications { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; row-gap: 12px !important; width: 100%; margin: 0px 0px 0px 8px !important; padding: 0px !important; list-style: none; max-width: 550px; }
.fox-mosaic-specifications li { position: relative; min-width: 0; margin: 0px; padding: 0px 0px 0px 18px; line-height: 1.5; }
.fox-mosaic-specifications li::before { content: ""; position: absolute; left: 3px; top: 0.72em; width: 5px; height: 5px; background: currentColor; border-radius: 50%; transform: translateY(-50%); }
.fox-mosaic-specifications .fox-spec-label { font-weight: var(--st-medium) !important; }
.fox-mosaic-colours { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 14px; row-gap: 14px; width: 100%; }
.fox-mosaic-colour-item { width: 100%; min-width: 0; }
.fox-mosaic-colour { display: block; width: 100%; aspect-ratio: 1; }
.fox-mosaic-colour-image { width: 100% !important; height: 100% !important; object-fit: cover !important; }
.fox-mosaic-colour-name { display: block; width: 100%; margin: 6px 0px 0px !important; font-size: 14px; }
.fox-mosaic-content-bottom{ margin-top: auto; }
.fox-mosaic-button-wrapper { margin-top: 30px !important; }
@media (max-width: 1024px) {
    .fox-mosaic-specifications { margin-left: 0px !important; }
    .fox-mosaic-layout { grid-template-columns: 40% minmax(0, 1fr); column-gap: 35px; }
    .fox-mosaic-colours { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .fox-mosaic-layout { grid-template-columns: 1fr; row-gap: 35px; }
    .fox-mosaic-main-image { height: auto; max-height: none; }
    .fox-mosaic-specifications { grid-template-columns: 1fr; margin: 0px !important; column-gap: 20px !important; }
    .fox-mosaic-colours { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
    .fox-mosaic-colours { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/*-- Mosaic Range Widgets End --*/


/*-- Honeipot Collection Page --*/
.honeipot-collection{  }
.honeipot-collection .product-card .product-image img{ height: auto; margin: 25px; }
/*-- Honeipot Collection Page End --*/


/*-- Locations Page --*/
.location-group{ margin-bottom: 40px; }
.location-group:last-child{ margin-bottom: 0px; }
.location-alphabet{ width: 50px; aspect-ratio: 1; background-color: var(--st-black); color: var(--st-white); font-size: var(--st-font-30); font-weight: var(--st-medium) !important; display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
.location-subtitle{ font-size: var(--st-font-22); font-weight: var(--st-medium) !important; margin-bottom: 20px; }

ul.locations-list{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin-bottom: 25px; }
ul.locations-list:last-child{ margin-bottom: 0px; }
ul.locations-list li{ position: relative; padding-left: 20px; }
ul.locations-list li:before{ font-family: "Font Awesome 6 Pro"; content: "\f0c8"; font-size: 9px; font-weight: bold; position: absolute; left: 0px; top: 7px; line-height: 1; }

@media (max-width: 1199px) {
    ul.locations-list{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    ul.locations-list{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 575px) {
    .location-alphabet{ margin-bottom: 20px; }
    ul.locations-list{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    ul.locations-list li{ line-height: normal; padding-left: 15px; }
    ul.locations-list li:before{ font-size: 7px; }
}
/*-- Locations Page End --*/



/*-- Terms and Conditions Page --*/
.terms-data{  }
.terms-data h3{ font-size: var(--st-font-22); font-weight: var(--st-medium) !important; margin-bottom: 15px; }
.terms-data strong{ font-weight: var(--st-medium) !important; }

.terms-data ul { margin-bottom: 15px; }
.terms-data ul li{ list-style: disc; list-style-position: inside; }
/*-- Terms and Conditions Page End --*/



/*---- Single Flooring File CSS ----*/
/*.product-actions { margin-bottom: 76px; }*/

.product-enquire { color: var(--st-dark2); text-decoration: none; border-bottom: 2px solid var(--st-dark2); padding-bottom: 2px; }
.share-product { color: var(--st-dark2); text-decoration: none; }

/*-- Share Product Popup --*/
/* Keep the share link at the right edge (even when it wraps) so the right-anchored popup stays on screen */
.share-product-wrap{ 
    /* margin-left: auto;  */
}
.share-product-wrap .share-product-toggle{ white-space: nowrap; }
.share-product-wrap .product-share-popup{ width: 330px; max-width: calc(100vw - 30px); right: 0; left: auto; top: calc(100% + 12px); border-radius: 18px; padding: 12px; }
/* "Share Product" wrapped to its own line (class set by JS in single-flooring.php) - open the popup left-aligned under the link */
.share-product-wrap.share-wrapped .product-share-popup{ left: 0; right: auto; }
.share-product-wrap.share-open .product-share-popup{ animation: shareFadeIn 0.25s ease; }
@keyframes shareFadeIn{ from{ opacity: 0; transform: translateY(10px); } to{ opacity: 1; transform: translateY(0); } }
.share-product-wrap .product-share-popup-inner{ padding: 8px 4px 4px; }
.share-product-wrap .product-share-header{ align-items: center; padding: 4px 8px 14px; }
.share-product-wrap .product-share-title{ text-align: left; }
.share-product-wrap .product-share-product-name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.share-product-wrap .product-share-divider{ margin: 0 8px 8px; }
@media (max-width: 767px) {
    .share-product-wrap .product-share-popup{ width: 300px; border-radius: 14px; padding: 8px; }
    .share-product-wrap .product-share-icon{ width: 42px; height: 42px; font-size: 20px; margin-right: 10px; }
    .share-product-wrap .product-share-header{ padding: 4px 6px 12px; }
    .share-product-wrap .product-share-buttons .a2a_kit > a{ min-height: 40px !important; padding: 6px !important; }
    .share-product-wrap .product-share-buttons .a2a_kit > a .a2a_svg{ width: 26px !important; height: 26px !important; min-width: 26px !important; max-width: 26px !important; flex: 0 0 26px !important; margin-right: 10px !important; }
}
/*-- Share Product Popup End --*/

.product-feature-links { color: var(--st-dark2); border-bottom: 1px solid var(--st-dark); padding-top: 40px; }
.product-feature-links .product-feature-item { border-top: 1px solid var(--st-dark); padding: 20px 10px; }
.product-feature-links .product-feature-link { display: flex; justify-content: space-between; align-items: center; color: var(--st-dark2); }
.product-feature-links .feature-arrow { display: inline-flex; transform: rotate(-90deg); transition: transform .25s ease; }
.product-feature-links .product-feature-item.is-open .feature-arrow { transform: rotate(0deg); }
.product-feature-links .product-detail-content { display: none; padding-top: 14px; font-size: 16px; line-height: 1.7; }
.product-feature-links .product-feature-item.is-open .product-detail-content { display: block; }

/* Features: "• item" list */
.product-dynamic-features ul { list-style: none; padding: 0; margin: 0; }
.product-dynamic-features li::before { content: "• "; }
.product-dynamic-features p:last-child { margin-bottom: 0; }

/* Grout */
.product-feature-links .fox-grout-link { color: inherit; text-decoration: underline; }

.product-grout-colours { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.product-grout-colours .product-grout-colour { width: 175px; height: 175px; }
.grout-label { font-weight: 500; }

/* Installation / downloads */
.product-file { display: flex; align-items: flex-start; gap: 14px; margin-bottom: 18px; }
.product-file:last-child { margin-bottom: 0; }

.product-file-icon { flex: 0 0 34px; width: 34px; color: var(--st-dark2); }
.product-file-icon img { display: block; width: 32px; height: 32px; object-fit: cover; margin-top: 3px; }

.product-file-title { font-size: 16px; line-height: 1.3; color: var(--st-dark2); text-decoration: underline; }

.product-file-type { font-size: 10px; letter-spacing: .03em; color: var(--st-dark); margin-top: 4px; }
.product-image-content-row { --bs-gutter-x: 60px; }
.product-specification-title { font-weight: 500; }
@media (max-width: 1199px) {
    .product-image-content-row { --bs-gutter-x: 40px; }
}
@media (max-width: 767px) {
    /*.product-actions { margin-bottom: 32px; }*/
    .product-grout-colours .product-grout-colour { width: 120px; height: 120px; }
}
/*---- Single Flooring File CSS End ----*/



/*---- Blogs Start ----*/
.blog-page {  }

.first-blog-main .blog-featured-image{ object-position: top !important; height: 100% !important; max-height: 510px !important; }

.blog-featured-layout { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(380px, 1fr); gap: 40px; align-items: start; }
.blog-featured-post { min-width: 0; }
.blog-featured-image { display: block; width: 100%; height: 420px; object-fit: cover; }
.blog-featured-content { padding: 30px 0px 0px; }
.blog-featured-content h2 { font-size: var(--st-font-28); padding-bottom: 10px; }
.blog-featured-subtitle { font-size: var(--st-font-12); margin-bottom: 7px; }
.blog-featured-excerpt { font-size: var(--st-font-18); margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

/*-- META --*/
.blog-meta { font-size: var(--st-font-14); line-height: normal; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.blog-meta-separator { margin-inline: 2px; opacity: 0.65; }
.blog-secondary-posts { display: flex; flex-direction: column; gap: 20px; }
.blog-secondary-card { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 20px; padding: 25px; background-color: var(--st-linenWhite); align-items: center; }
.blog-secondary-image { display: block; width: 110px; height: auto; aspect-ratio: 1; object-fit: cover; }
.blog-secondary-content { min-width: 0; }
.blog-secondary-subtitle { font-size: 10px; line-height: 1.4; color: #777; margin-bottom: 5px; }
.blog-secondary-title { font-size: var(--st-font-18); font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0px 0px 8px; }
.blog-secondary-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: var(--st-font-14); color: var(--st-dark2); margin-bottom: 12px; }
.blog-secondary-content .blog-meta{ font-size: var(--st-font-12); }
/* .blog-post-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 44px; row-gap: 44px; } */
.blog-card-content { display: flex; flex-direction: column; gap: 12px; color: var(--st-dark2); }
.blog-card-content .blog-meta { font-size: var(--st-font-12); }
.blog-card-subtitle { font-size: 10px; line-height: 1.4; color: #777; margin-bottom: 5px; }
.blog-card-excerpt { font-size: var(--st-font-14); }
.blog-tags { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; }
@media (max-width: 1550px) {
    /* .blog-post-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 20px; row-gap: 30px; } */
}
@media (max-width: 1199px) {
    .blog-featured-layout{ gap: 20px; align-items: start; }
    .blog-secondary-card{ gap: 15px; padding: 20px; align-items: flex-start; }
}
@media (max-width: 1100px) {
    .blog-featured-layout { grid-template-columns: 1fr; }
    .blog-secondary-posts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }    
}
@media (max-width: 991px) {
    /* .blog-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } */
}
@media (max-width: 767px) {
    .blog-featured-image { height: 280px; }
    .blog-secondary-posts { display: flex; flex-direction: column; }
    .blog-secondary-card { grid-template-columns: 95px minmax(0, 1fr); padding: 14px; }
    .blog-secondary-image { width: 95px; }
    .blog-secondary-image { height: 80px; }    
}
@media (max-width: 575px) {
    /* .blog-post-grid { grid-template-columns: 1fr; } */
}
@media (max-width: 480px) {
    .blog-featured-image { height: 230px; }
    .blog-secondary-card { grid-template-columns: 85px minmax(0, 1fr); }
    .blog-secondary-image { width: 85px; }
    .blog-secondary-image { height: 75px; }
}
/*---- Blogs End ----*/

/*---- Blogs Details Start ----*/
.blog-details{ }
.blog-details .e-con > .e-con-inner { padding-inline: 0px !important; }
.blog-details h1{ font-size: var(--st-font-28); padding-bottom: 15px; }
.blog-details ul{ margin: 0px 0px 25px 15px; }
.blog-details ul:last-child{ margin-bottom: 0px; }
.blog-details ul li{ position: relative; padding-left: 18px; }
.blog-details ul li:before{ font-family: "Font Awesome 6 Pro"; content: "\f111"; font-size: 6px; font-weight: bold; position: absolute; left: 0px; top: 10px; line-height: 1; }
.blog-details ul.elementor-icon-list-items li::before{ content: unset; }
.blog-details ol{ margin: 0px 0px 25px 15px !important; padding: 0px; list-style-type: decimal; }
.blog-details ol:last-child{ margin-bottom: 0px; }
.blog-details ol li{ position: relative; padding-left: 0px; list-style-type: decimal; list-style-position: inside; }
@media (max-width: 767px) {
    .blog-details ul{ margin-left: 0px; }
}

.blog-details .blog-meta{ padding-bottom: 15px; }
.blog-details-hero{ margin-bottom: 30px; }
.blog-details-hero img{ width: 100%; max-height: 600px; object-fit: cover; }
.blog-details-3grid{ }
.blog-details-3grid img{ width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover; }
/*---- Blogs Details End ----*/

.single-flooring-icons-grid{ display: grid; grid-template-columns: repeat(5, 1fr); row-gap: 40px; column-gap: 20px; }
.single-flooring-icons{ text-align: center; }
.single-flooring-icon{ margin-bottom: 30px; }
.single-flooring-icon img{ max-width: 90px; }
.single-flooring-icons p{ font-size: 16px; font-weight: 500; letter-spacing: 2px; text-transform: uppercase; margin: 0px; padding: 0px; }
@media (max-width: 1199px) {  
    .single-flooring-icons-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 767px) {  
    .single-flooring-icons-grid{ grid-template-columns: repeat(2, 1fr); }
    .single-flooring-icon { margin-bottom: 20px; }
    .single-flooring-icons p{ font-size: 14px; }
}
@media (max-width: 575px) {  
    .single-flooring-icon img{ max-width: 60px; }
}



/* Popup */
.enquiry-popup { display: none; position: fixed; z-index: 99999; inset: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); align-items: center; justify-content: center; padding: 20px; overflow-y: auto; }
.enquiry-popup.active { display: flex; }
.enquiry-popup-content { position: relative; width: 100%; max-width: 850px; max-height: 90vh; overflow-y: auto; background: #ffffff; padding: 40px; border-radius: 0px; box-sizing: border-box; }
.enquiry-popup-close { position: absolute; top: 12px; right: 15px; width: 35px; height: 35px; border: 0; background: transparent; font-size: 32px; line-height: 30px; cursor: pointer; color: #000000; z-index: 2; }
.enquiry-popup-close:hover { opacity: 0.6; }
body.enquiry-popup-open { overflow: hidden; }

@media (max-width: 767px) {
    .enquiry-popup { padding: 15px; }
    .enquiry-popup-content { max-height: 95vh; padding: 30px 20px; }
    .enquiry-popup-close { top: 8px; right: 10px; }
}
/* Popup End */

/* Form Secondary */
.form-secondary{ display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 25px; }
.form-secondary-inputgroup{ }
.form-secondary-input{ width: 100%; border: 0px; border-bottom: solid 1px #000000; min-height: 50px; outline: none; box-shadow: none; background-color: #ffffff; }
.form-secondary-input::placeholder{ color: #000000; }

.form-secondary-inputgroup.fox-field-width-50{ width: calc(50% - 15px); }
.form-secondary-inputgroup.fox-field-width-100 { width: 100%; }
.fox-contact-select.form-secondary-input{  
    appearance: none; -webkit-appearance: none; -moz-appearance: none;
    background-image: url("../images/select-arrow.png"); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px;
}
.form-secondary-inputgroup textarea{ max-height: 130px; }
.form-secondary-cklabel{  }
.form-secondary-cklabel .wpcf7-list-item.first.last{ margin-left: 0px; }
.form-secondary-cklabel label{ display: flex; align-items: center; gap: 10px; cursor: pointer; }
@media (max-width: 575px) {  
    .form-secondary-inputgroup.fox-field-width-50{ width: 100%; }
}


.form-secondary input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: relative;
    flex: 0 0 16px;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #222 !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    vertical-align: middle;
    cursor: pointer;
}
.form-secondary input[type="checkbox"]:checked {
    background: #222 !important;
    border-color: #222 !important;
}
.form-secondary input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.form-secondary input[type="checkbox"]:focus-visible {
    outline: 2px solid #222;
    outline-offset: 2px;
}

/* Form Secondary End */


.text-with-bg{ background-color: var(--st-chocolatebrown); padding: 100px 40px; text-align: center; color: var(--st-white); }
.text-with-bg-wrapper { margin-inline: auto; }
.text-with-bg p{ color: var(--st-white); }
@media (max-width: 991px) {  
    .text-with-bg{ padding: 60px 40px; }
}
@media (max-width: 575px) {  
    .text-with-bg{ padding: 30px 20px; }
}

.flooring-lg-text{ max-width: 1040px; margin-inline: auto; }




/* Journal Section Start */
.journal-section { width: 100%; }
.journal-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; width: 100%; }
@media (max-width: 1550px) {
    .journal-grid { gap: 20px; }
}
.journal-card { width: 100%; }
.journal-image { position: relative !important; display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; }
.journal-image img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Dark image overlay */
.journal-image-overlay { position: absolute !important; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: block; background: rgba(0, 0, 0, 0.25); pointer-events: none; }

/* Title on top of overlay */
.journal-title-wrap {
    position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 2; display: block; padding: 28px;
    font-family: 'PP Eiko' !important; letter-spacing: unset; font-size: var(--st-font-40); color: #fff !important; font-weight: 400; line-height: 1.18; pointer-events: none;
}

.journal-meta { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-top: 15px; }
.journal-date { font-size: var(--st-font-18); line-height: normal; }
.journal-read-more { font-size: var(--st-font-14); font-weight: normal; }
.journal-read-more:hover { text-decoration: underline; }

/* TABLET */
@media (max-width: 991px) {
    .journal-grid { /*gap: 35px;*/ grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .journal-title { font-size: 30px; }
    .journal-title-wrap { padding: 20px; }
}

/* MOBILE */
@media (max-width: 767px) {
    .journal-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); /*grid-template-columns: 1fr; gap: 40px;*/ }
    .journal-title { font-size: 30px; }
    .journal-title-wrap { padding: 15px; }
}
@media (max-width: 575px) {
    .journal-grid { grid-template-columns: 1fr; }
}
/* Journal Section End */



#aus-login-popup .fox-account-form, #aus-reset-popup .fox-account-form{ max-width: 600px; }
.authentication-popup-footer{ width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; padding-top: 15px; }

/* Register popup: black checkbox (e.g. mailing list) */
#fox-register-popup input[type="checkbox"] {
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
    accent-color: #000;
    position: relative; flex: 0 0 16px; width: 16px !important; height: 16px !important; margin: 0 !important; padding: 0 !important;
    border: 1px solid #000 !important; border-radius: 2px !important; background: #fff !important; vertical-align: middle; cursor: pointer;
}
#fox-register-popup input[type="checkbox"]:checked { background: #000 !important; border-color: #000 !important; }
#fox-register-popup input[type="checkbox"]:checked::after {
    content: ""; position: absolute; left: 5px; top: 1px; width: 4px; height: 9px;
    border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);
}
#fox-register-popup input[type="checkbox"]:focus-visible { outline: 2px solid #000; outline-offset: 2px; }


/*-- Our Story Page --*/
.story-post{ width: 100%; max-width: 1050px; margin-bottom: 50px; }
.story-post:nth-child(even) { flex-direction: row-reverse !important; }
.story-post:last-child{ margin-bottom: 0px; }
.story-post h2{ line-height: 1.1 !important; }
.story-post-thumb{ min-height: 300px; }
.story-line{ position: absolute; left: 0px; right: 0px; width: 1px; height: 100%; background-color: #000; margin-inline: auto; }
@media (max-width: 767px) {
    .story-post{ padding-left: 25px; margin-bottom: 40px; }
    .story-post:nth-child(odd) { flex-direction: unset !important; }
    .story-line{ left: 20px; right: auto; margin-right: auto; }
    .story-post-date{ margin-left: -35px !important; }
}
@media (max-width: 575px) {
    .story-post-thumb{ min-height: 200px; }
}
/*-- Our Story Page End --*/


/* New Contact Page Styles */
.contact-info{ font-size: var(--st-font-20); padding-left: 20px; }
.contact-info-media{ margin-bottom: 25px; }
.contact-info-media li{ display: flex; column-gap: 15px; }
.contact-info-media label{ flex-shrink: 0 !important; }
.contact-info-media .contact-info-value{ flex-grow: 1 !important; }
@media (max-width: 991px) {
    .contact-info{ padding-left: 0px; }
}
/* New Contact Page Styles End */


.fox-download-all-images{ position: absolute; left: 32px; bottom: 32px; z-index: 10; padding: 8px 18px; font-size: 20px; border-radius: 0px; }


/* Login Profile */
.aus-mp-header-chip { display: inline-flex; align-items: center; gap: 10px; color: var(--st-black); font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.aus-mp-header-chip:hover, .aus-mp-header-chip:focus { color: #000; }
.aus-mp-header-name { font-weight: 500; }
.aus-mp-header-avatar { display: flex; align-items: center; justify-content: center; flex-shrink: 0; background-color: var(--st-linenWhite); width: 36px; height: 36px; border-radius: 50%; font-size: 14px; color: var(--st-black); font-weight: 500; text-transform: uppercase; letter-spacing: 0; }
/* Login Profile End */