/*Fonts*/
@font-face {
    font-family: 'gwusualbold_italic';
    src: url('fonts/bold_italic-webfont.woff2') format('woff2'),
         url('fonts/bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gwusualbold';
    src: url('fonts/bold-webfont.woff2') format('woff2'),
         url('fonts/bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gwusualextrabold_italic';
    src: url('fonts/extrabold_italic-webfont.woff2') format('woff2'),
         url('fonts/extrabold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gwusualextrabold';
    src: url('fonts/extrabold-webfont.woff2') format('woff2'),
         url('fonts/extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gwusualitalic';
    src: url('fonts/italic-webfont.woff2') format('woff2'),
         url('fonts/italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gwusuallight_italic';
    src: url('fonts/light_italic-webfont.woff2') format('woff2'),
         url('fonts/light_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gwusuallight';
    src: url('fonts/light-webfont.woff2') format('woff2'),
         url('fonts/light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gwusualmedium_italic';
    src: url('fonts/medium_italic-webfont.woff2') format('woff2'),
         url('fonts/medium_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gwusualmedium';
    src: url('fonts/medium-webfont.woff2') format('woff2'),
         url('fonts/medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gwusualregular';
    src: url('fonts/regular-webfont.woff2') format('woff2'),
         url('fonts/regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Grant Westfield brand fonts */
@font-face {
    font-family: 'gwurwform';
    src: url('fonts/urw-form.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'gwmrseaves';
    src: url('fonts/mrs-eaves-roman.woff2') format('woff2'),
         url('fonts/mrs-eaves-roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*Mobile Logo Override*/
@media only screen and (max-width: 992px) {
    body#grantwestfield-site #header .logo-wrapper{
        width: 50px;
    }
  }

/*Hides country dropdown*/
body#grantwestfield-site .country-select-wrapper{
    display: none;
}

body#grantwestfield-site, #grantwestfield-site button, #grantwestfield-site input, #grantwestfield-site select, #grantwestfield-site textarea{
    font-family: 'gwurwform';
}

/*#6D7E61 and #B0BFA8*/

/*Fonts & Headings*/
#grantwestfield-site h1, #grantwestfield-site h2,#grantwestfield-site h3,#grantwestfield-site h4,#grantwestfield-site h5,#grantwestfield-site h6{
    font-family: 'gwurwform';
}
#grantwestfield-site p{
    font-family: 'gwurwform';
}

/* RTE 'Heading Serif' format -> Mrs Eaves Roman (outputs h2.heading-serif) */
#grantwestfield-site .heading-serif{
    font-family: 'gwmrseaves';
}



/*Buttons*/
#grantwestfield-site .btn{
    font-family: 'gwurwform';
    font-weight: unset;
    font-size: 1.6rem;
    height: 46px;;
    border-radius: 8px;
}
@media screen and (min-width: 576px){
    #grantwestfield-site .btn {
        width: auto;
        padding: 1rem 4rem 1rem;
    }
}

/*Seconday Button*/
#grantwestfield-site .btn--secondary{
    background-color:#6D7E61;
    color: #fff;
    /*padding: 0 4rem 0 4rem;*/
    border-bottom: none;
}
#grantwestfield-site .btn--secondary:hover{
    background-color:#ffffff;
    color: #6D7E61;
}


/*Header Where to Buy - White Border button style*/
#grantwestfield-site .btn.btn__where-to-buy{
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
}
#grantwestfield-site .btn.btn__where-to-buy:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}


/*Header Basket*/
#grantwestfield-site .header__buttons>.btn__samples{
    padding: 3.1rem 4rem 0 !important;
}

/*Hero*/
#grantwestfield-site .hero-naturepanel #hero-wrapper{
    height: 550px;
    background-size: cover;
    background-position: center center;
    position: relative;
}

@media screen and (max-width: 991px){
    #grantwestfield-site .hero-naturepanel #hero-wrapper{
        height: 450px;
    }
}


#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-main-contet{
    text-align: center;
    padding-top: 17rem;
    width: 70%;
    margin: 0 auto;
}

@media screen and (max-width: 991px){
    #grantwestfield-site .hero-naturepanel #hero-wrapper .hero-main-contet{
        width: 90%;
        padding-top: 11rem;
    }
}

#grantwestfield-site .hero-naturepanel #hero-wrapper .naturepanel-logo-sm{
    position: absolute;
    width: 100%;
    top: 25px;
}

#grantwestfield-site .hero-naturepanel #hero-wrapper .naturepanel-logo-sm img{
    text-align: center;
    margin: 0 auto;
}

#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-main-contet .naturepanel-logo-lg img{
    margin: 0 auto;
}

#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-main-contet h1.sr-only{
    visibility: hidden;
    height: 0px !important;
}

#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-main-contet .naturepanel-logo-lg{
    margin-bottom: 2rem;
}

#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-main-contet h1{
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-size: 7rem;
    line-height: 8rem;
    font-family: 'gwurwform';
    color: #fff;
}
@media screen and (max-width: 992px){
    #grantwestfield-site .hero-naturepanel #hero-wrapper .hero-main-contet h1{
        font-size: 6rem;
        line-height: 7rem;
    }
}
@media screen and (max-width: 601px){
    #grantwestfield-site .hero-naturepanel #hero-wrapper .hero-main-contet h1{
        font-size: 4rem;
        line-height: 5rem;
    }
}

#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-text,
#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-text p,
#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-text h1,
#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-text h2,
#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-text h3,
#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-text h4,
#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-text span{
    color: #fff;
}

#grantwestfield-site .hero-naturepanel #hero-wrapper .hero-text p{
    font-size: 1.8rem !important;
}

/* Hero button - White Solid style (bold text retained) */
#grantwestfield-site .hero-naturepanel #hero-wrapper a.btn.hero-btn{
    background-color: #fff;
    border: 2px solid #fff;
    color: #000;
    text-transform: uppercase;
    font-size: 1.3rem !important;
    font-family: 'gwurwform' !important;
    margin-top: 11rem;
}

#grantwestfield-site .hero-naturepanel #hero-wrapper a.btn.hero-btn:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}

/*Icon List*/
#grantwestfield-site .value-proposition-block .value-proposition__item {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
@media screen and (min-width: 992px){
    #grantwestfield-site h2.value-proposition-block__heading {
        font-size: 3.8rem;
        line-height: 4.8rem;
    }
}
@media screen and (min-width: 768px){
    #grantwestfield-site .value-proposition__text {
        font-size: 1.6rem;
        line-height: 1.8rem;
    }
}




/*Two Column Card List*/
/*Default bg-colour - nothing chosen*/
#grantwestfield-site .promotional-list-block .promotional-list__content{
    background-color: transparent;
    border: none;
}

/*Green Dark Background*/
#grantwestfield-site .promotional-list-block.np-green-dark .promotional-list__content{
    background-color: #6D7E61;
    border: none;
}
/* White text on the dark green square */
#grantwestfield-site .promotional-list-block.np-green-dark .promotional-list__content,
#grantwestfield-site .promotional-list-block.np-green-dark .promotional-list__content .promotional-list__heading,
#grantwestfield-site .promotional-list-block.np-green-dark .promotional-list__content .promotional-list__description,
#grantwestfield-site .promotional-list-block.np-green-dark .promotional-list__content p{
    color: #fff;
}
/* Button: white, no border */
#grantwestfield-site .promotional-list-block.np-green-dark .promotional-list__content .btn.promotional-list__btn{
    background-color: #fff;
    border: none;
    color: #6D7E61;
}
#grantwestfield-site .promotional-list-block.np-green-dark .promotional-list__content .btn.promotional-list__btn:hover{
    background-color: #B0BFA8;
    color: #6D7E61;
}


/*Green Light Background*/
#grantwestfield-site .promotional-list-block.np-green-light .promotional-list__content{
    background-color: #B0BFA8;
    border: none;
}
/* Button: dark green, no border */
#grantwestfield-site .promotional-list-block.np-green-light .promotional-list__content .btn.promotional-list__btn{
    background-color: #6D7E61;
    border: none;
    color: #fff;
}
#grantwestfield-site .promotional-list-block.np-green-light .promotional-list__content .btn.promotional-list__btn:hover{
    background-color: #fff;
    color: #6D7E61;
}

#grantwestfield-site h2.promotional-list-block__heading {
    font-family: 'gwurwform';
}
#grantwestfield-site h2.promotional-list-block__heading span{
    font-family: 'gwurwform';
}
@media screen and (min-width: 768px){
    #grantwestfield-site .promotional-list-block .promotional-list__content .promotional-list__heading {
        margin-bottom: 3rem;
    }
    #grantwestfield-site .promotional-list__btn {
        margin: 3rem 0 0;
    }
}





/*2 Col Rich Content*/
#grantwestfield-site .dual-rich-text-block.NPGreenLight{
    background-color: #B0BFA8;
}
#grantwestfield-site .dual-rich-text-block.NPGreenDark{
    background-color: #6D7E61;
}
#grantwestfield-site .dual-rich-text-block.Grey{
    background-color: #231F20;
}

#grantwestfield-site .dual-rich-text-block.Grey p,
#grantwestfield-site .dual-rich-text-block.Grey h1,
#grantwestfield-site .dual-rich-text-block.Grey h2,
#grantwestfield-site .dual-rich-text-block.Grey h3,
#grantwestfield-site .dual-rich-text-block.Grey h4,
#grantwestfield-site .dual-rich-text-block.Grey h5,
#grantwestfield-site .dual-rich-text-block.Grey h6{
    color: #fff;
}

@media screen and (min-width: 768px){
    #grantwestfield-site .dual-rich-text-block {
        padding: 4rem 0;
        margin-bottom: 6rem;
    }
}
/*#6D7E61 and #B0BFA8*/


/*Product card list item*/
#grantwestfield-site .product-card-list__item{
    margin: 3.2rem 0 0;
}

#grantwestfield-site h2.product-card-list-block__heading {
    font-family: 'gwurwform';
}
#grantwestfield-site h2.product-card-list-block__heading span{
    font-family: 'gwurwform';
}

#grantwestfield-site .product-card-list__item a{
    background: #E9ECF0;
}

#grantwestfield-site .product-card-list__text{
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 4rem;
}

#grantwestfield-site .product-decs{
    margin-top: 3rem;
    margin-bottom: 3.5rem;
}

#grantwestfield-site .product-decs p{
    font-size: 1.4rem !important;
}

#grantwestfield-site .card-order{
    font-size: 1.5rem !important;
}

#grantwestfield-site .card-order span{
    padding-left: 1rem;
}

@media screen and (min-width: 1200px){
    #grantwestfield-site .product-card-list__item {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}

@media screen and (min-width: 768px){
    #grantwestfield-site .product-card-list__item {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
}


/*Rich text Block*/
/*btn green*/
#grantwestfield-site .rich-text-block .btn.btn--secondary{
    background-color:#6D7E61;
}
#grantwestfield-site .rich-text-block .btn.btn--secondary a{
    color: #fff;
    text-decoration: none;
}

#grantwestfield-site .rich-text-block .btn.btn--secondary:hover{
    background-color:#ffffff;
}

#grantwestfield-site .rich-text-block .btn.btn--secondary:hover a{
    color: #6D7E61;
    text-decoration: none;
}

/*btn white*/
#grantwestfield-site .rich-text-block .btn.btn--white{
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
}
#grantwestfield-site .rich-text-block .btn.btn--white a{
    color: #000;
    text-decoration: none;
}

#grantwestfield-site .rich-text-block .btn.btn--white:hover{
    background-color: #000;
}

#grantwestfield-site .rich-text-block .btn.btn--white:hover a{
    color: #fff;
    text-decoration: none;
}


/*Product Page - hero buttons (within .product-detail-hero__content-container)*/

/* Order Sample = Black Solid */
#grantwestfield-site .product-detail-hero__content-container .btn.js-order-sample-btn{
    background-color: #000;
    border: 2px solid #000;
    color: #fff;
    text-decoration: none;
}
#grantwestfield-site .product-detail-hero__content-container .btn.js-order-sample-btn:hover{
    background-color: #fff;
    border-color: #000;
    color: #000;
}

/* Bathroom Planner / View in Planner (btn--tertiary) = White Border */
#grantwestfield-site .product-detail-hero__content-container .btn.btn--tertiary{
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    text-decoration: none;
}
#grantwestfield-site .product-detail-hero__content-container .btn.btn--tertiary:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}

/* --- Product Button Theme: Naturepanel (green #6D7E61) --- */
/* Order Sample = Green solid */
#grantwestfield-site .product-detail-hero__content-container.pdp-theme--naturepanel .btn.js-order-sample-btn{
    background-color: #6D7E61;
    border-color: #6D7E61;
    color: #fff;
}
#grantwestfield-site .product-detail-hero__content-container.pdp-theme--naturepanel .btn.js-order-sample-btn:hover{
    background-color: #fff;
    border-color: #6D7E61;
    color: #6D7E61;
}
/* Planner = Green outline */
#grantwestfield-site .product-detail-hero__content-container.pdp-theme--naturepanel .btn.btn--tertiary{
    background-color: #fff;
    border-color: #6D7E61;
    color: #6D7E61;
}
#grantwestfield-site .product-detail-hero__content-container.pdp-theme--naturepanel .btn.btn--tertiary:hover{
    background-color: #6D7E61;
    border-color: #6D7E61;
    color: #fff;
}

/* --- Product Button Theme: Laura Ashley (pink #DFC2C3) --- */
/* Order Sample = Pink Solid */
#grantwestfield-site .product-detail-hero__content-container.pdp-theme--laura-ashley .btn.js-order-sample-btn{
    background-color: #DFC2C3;
    border-color: #DFC2C3;
    color: #453536;
}
#grantwestfield-site .product-detail-hero__content-container.pdp-theme--laura-ashley .btn.js-order-sample-btn:hover{
    background-color: #fff;
    border-color: #fff;
    color: rgba(69, 53, 54, 0.35);
}
/* Planner = Pink outline */
#grantwestfield-site .product-detail-hero__content-container.pdp-theme--laura-ashley .btn.btn--tertiary{
    background-color: #fff;
    border-color: #DFC2C3;
    color: #DFC2C3;
}
#grantwestfield-site .product-detail-hero__content-container.pdp-theme--laura-ashley .btn.btn--tertiary:hover{
    background-color: #DFC2C3;
    border-color: #DFC2C3;
    color: #453536;
}


/*Footer*/
/* Bottom footer bar: GWCream instead of the default grey */
#grantwestfield-site .footer-secondary{
    background-color: #F2EBE7;
}

#grantwestfield-site .footer-nav__link--grey-bold{
    color: #000;
}

#grantwestfield-site .footer-nav__link{
    font-weight: inherit;
}

#grantwestfield-site .hero{
    background-color:#B0BFA8;
}

/*These style are for overriding the Find an Installer and Find a Showroom banner styles*/
#grantwestfield-site #main .find-installer .find-installer__search .hero__background,
#grantwestfield-site #main .showroom-filter .find-installer__search .hero__background{
    width: 100%;
    height: 100%;
    z-index: auto;
    display: block;
    position: absolute;
}

#grantwestfield-site #main .find-installer .find-installer__search .container-fluid.hero__content .hero__inner, 
#grantwestfield-site #main .showroom-filter .find-installer__search .container-fluid.hero__content .hero__inner{
    padding-top: 13rem;
    padding-bottom: 16.4rem;
}

#grantwestfield-site #main .find-installer .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper,
#grantwestfield-site #main .showroom-filter .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper{
    margin: 0 auto;
    text-align: center;
}

#grantwestfield-site #main .find-installer .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__title,
#grantwestfield-site #main .showroom-filter .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__title{
    color: #fff;
    font-size: 6rem;
    font-family: 'gwurwform';
}
@media (max-width: 580px) {
    #grantwestfield-site #main .find-installer .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__title,
    #grantwestfield-site #main .showroom-filter .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__title{
        font-size: 4rem;
    }  
}
#grantwestfield-site #main .find-installer .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__text,
#grantwestfield-site #main .showroom-filter .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__text{
    color: #fff;
}

#grantwestfield-site #main .find-installer .find-installer__search .find-installer__searchbox input[type=text],
#grantwestfield-site #main .showroom-filter .find-installer__search .find-installer__searchbox input[type=text]{
    padding: 1.4rem 1.4rem 1.4rem 1.4rem;
    text-align: center;
    font-weight: 600;
}


/* ==========================================================================
   Grant Westfield block background colours
   Applied to CardList, TwoColumnCards, TwoColumnCardList and DynamicCardList.
   Class names come from BackgroundColourBuilder (GWCream -> gw-cream, etc.).
   ========================================================================== */

/* Cream #F2EBE7 */
#grantwestfield-site .card-list-block.gw-cream,
#grantwestfield-site .two-column-card-block.gw-cream{
    background-color: #F2EBE7;
}

/* Espresso #453536 (dark) */
#grantwestfield-site .card-list-block.gw-espresso,
#grantwestfield-site .two-column-card-block.gw-espresso{
    background-color: #453536;
}
/* Light text on the dark Espresso background */
#grantwestfield-site .card-list-block.gw-espresso h1,
#grantwestfield-site .card-list-block.gw-espresso h2,
#grantwestfield-site .card-list-block.gw-espresso h3,
#grantwestfield-site .card-list-block.gw-espresso h4,
#grantwestfield-site .card-list-block.gw-espresso h5,
#grantwestfield-site .card-list-block.gw-espresso h6,
#grantwestfield-site .card-list-block.gw-espresso p,
#grantwestfield-site .two-column-card-block.gw-espresso h1,
#grantwestfield-site .two-column-card-block.gw-espresso h2,
#grantwestfield-site .two-column-card-block.gw-espresso h3,
#grantwestfield-site .two-column-card-block.gw-espresso h4,
#grantwestfield-site .two-column-card-block.gw-espresso h5,
#grantwestfield-site .two-column-card-block.gw-espresso h6,
#grantwestfield-site .two-column-card-block.gw-espresso p{
    color: #fff;
}

/* Periwinkle #D2D8EC */
#grantwestfield-site .card-list-block.gw-periwinkle,
#grantwestfield-site .two-column-card-block.gw-periwinkle{
    background-color: #D2D8EC;
}

/* Sand #DCBFA6 */
#grantwestfield-site .card-list-block.gw-sand,
#grantwestfield-site .two-column-card-block.gw-sand{
    background-color: #DCBFA6;
}

/* Dusty Rose #DFC2C3 */
#grantwestfield-site .card-list-block.gw-dusty-rose,
#grantwestfield-site .two-column-card-block.gw-dusty-rose{
    background-color: #DFC2C3;
}

/* Blush #FDE5DD */
#grantwestfield-site .card-list-block.gw-blush,
#grantwestfield-site .two-column-card-block.gw-blush{
    background-color: #FDE5DD;
}

/* Blue #002D5C (dark) */
#grantwestfield-site .card-list-block.gw-blue,
#grantwestfield-site .two-column-card-block.gw-blue{
    background-color: #002D5C;
}
/* Light text on the dark Blue background */
#grantwestfield-site .card-list-block.gw-blue h1,
#grantwestfield-site .card-list-block.gw-blue h2,
#grantwestfield-site .card-list-block.gw-blue h3,
#grantwestfield-site .card-list-block.gw-blue h4,
#grantwestfield-site .card-list-block.gw-blue h5,
#grantwestfield-site .card-list-block.gw-blue h6,
#grantwestfield-site .card-list-block.gw-blue p,
#grantwestfield-site .two-column-card-block.gw-blue h1,
#grantwestfield-site .two-column-card-block.gw-blue h2,
#grantwestfield-site .two-column-card-block.gw-blue h3,
#grantwestfield-site .two-column-card-block.gw-blue h4,
#grantwestfield-site .two-column-card-block.gw-blue h5,
#grantwestfield-site .two-column-card-block.gw-blue h6,
#grantwestfield-site .two-column-card-block.gw-blue p{
    color: #fff;
}

/* --------------------------------------------------------------------------
   2 Column Card List (promotional-list-block): the background colour goes on
   the inner content square, not the full-width section (matches Naturepanel).
   -------------------------------------------------------------------------- */
#grantwestfield-site .promotional-list-block.gw-cream .promotional-list__content{ background-color:#F2EBE7; }
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content{ background-color:#453536; }
#grantwestfield-site .promotional-list-block.gw-periwinkle .promotional-list__content{ background-color:#D2D8EC; }
#grantwestfield-site .promotional-list-block.gw-sand .promotional-list__content{ background-color:#DCBFA6; }
#grantwestfield-site .promotional-list-block.gw-dusty-rose .promotional-list__content{ background-color:#DFC2C3; }
#grantwestfield-site .promotional-list-block.gw-blush .promotional-list__content{ background-color:#FDE5DD; }
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content{ background-color:#002D5C; }

/* Light text on the dark Espresso square (scoped to the square so the block heading stays dark) */
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content,
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content .promotional-list__heading,
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content .promotional-list__description,
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content p,
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content h1,
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content h2,
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content h3,
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content h4,
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content h5,
#grantwestfield-site .promotional-list-block.gw-espresso .promotional-list__content h6{
    color: #fff;
}

/* Light text on the dark Blue square */
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content,
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content .promotional-list__heading,
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content .promotional-list__description,
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content p,
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content h1,
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content h2,
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content h3,
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content h4,
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content h5,
#grantwestfield-site .promotional-list-block.gw-blue .promotional-list__content h6{
    color: #fff;
}


/* ==========================================================================
   Grant Westfield block background colours - Two Column Rich Content
   (.dual-rich-text-block emits the RAW dropdown value as its class, e.g.
   "GWPeriwinkle", so these are matched on the value, not the kebab class.)
   ========================================================================== */

/* Cream #F2EBE7 */
#grantwestfield-site .dual-rich-text-block.GWCream{
    background-color: #F2EBE7;
}

/* Espresso #453536 (dark) */
#grantwestfield-site .dual-rich-text-block.GWEspresso{
    background-color: #453536;
}
/* Light text on the dark Espresso background */
#grantwestfield-site .dual-rich-text-block.GWEspresso p,
#grantwestfield-site .dual-rich-text-block.GWEspresso h1,
#grantwestfield-site .dual-rich-text-block.GWEspresso h2,
#grantwestfield-site .dual-rich-text-block.GWEspresso h3,
#grantwestfield-site .dual-rich-text-block.GWEspresso h4,
#grantwestfield-site .dual-rich-text-block.GWEspresso h5,
#grantwestfield-site .dual-rich-text-block.GWEspresso h6{
    color: #fff;
}

/* Periwinkle #D2D8EC */
#grantwestfield-site .dual-rich-text-block.GWPeriwinkle{
    background-color: #D2D8EC;
}

/* Sand #DCBFA6 */
#grantwestfield-site .dual-rich-text-block.GWSand{
    background-color: #DCBFA6;
}

/* Dusty Rose #DFC2C3 */
#grantwestfield-site .dual-rich-text-block.GWDustyRose{
    background-color: #DFC2C3;
}

/* Blush #FDE5DD */
#grantwestfield-site .dual-rich-text-block.GWBlush{
    background-color: #FDE5DD;
}


/* ==========================================================================
   2 Column Card List (promotional-list-block) buttons
   No background colour -> White Border; background colour applied -> White Solid.
   (Only the default border colour differs; hover is identical for both.)
   ========================================================================== */

/* Default (no background colour) = White Border */
#grantwestfield-site .promotional-list-block .btn.promotional-list__btn,
#grantwestfield-site .promotional-list-block .btn.promotional-list-block__btn{
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    text-decoration: none;
    /* Explicit padding so the .btn--secondary "padding:0 4rem" can't zero it (consistent across the 576px breakpoint) */
    padding: 1rem 4rem;
}

/* Background colour applied = White Solid (border matches the white face) */
#grantwestfield-site .promotional-list-block[class*="gw-"] .btn.promotional-list__btn,
#grantwestfield-site .promotional-list-block[class*="gw-"] .btn.promotional-list-block__btn,
#grantwestfield-site .promotional-list-block.grey .btn.promotional-list__btn,
#grantwestfield-site .promotional-list-block.grey .btn.promotional-list-block__btn,
#grantwestfield-site .promotional-list-block.off-white-dark .btn.promotional-list__btn,
#grantwestfield-site .promotional-list-block.off-white-dark .btn.promotional-list-block__btn{
    border-color: #fff;
}

/* Hover (both variants) = black fill, white text */
#grantwestfield-site .promotional-list-block .btn.promotional-list__btn:hover,
#grantwestfield-site .promotional-list-block .btn.promotional-list-block__btn:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}


/* ==========================================================================
   Dynamic Content Card List buttons
   No background colour -> White Border; background colour applied -> White Solid.
   ========================================================================== */
#grantwestfield-site .dynamic-card-list-block .btn.card-list-block__btn{
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    text-decoration: none;
}
#grantwestfield-site .dynamic-card-list-block[class*="gw-"] .btn.card-list-block__btn,
#grantwestfield-site .dynamic-card-list-block.grey .btn.card-list-block__btn,
#grantwestfield-site .dynamic-card-list-block.off-white-dark .btn.card-list-block__btn{
    border-color: #fff;
}
#grantwestfield-site .dynamic-card-list-block .btn.card-list-block__btn:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}


/* ==========================================================================
   Two Column Cards buttons
   No background colour -> White Border; background colour applied -> White Solid.
   ========================================================================== */
#grantwestfield-site .two-column-card-block .btn.two-column-card-block-list__btn{
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    text-decoration: none;
}
#grantwestfield-site .two-column-card-block[class*="gw-"] .btn.two-column-card-block-list__btn,
#grantwestfield-site .two-column-card-block.grey .btn.two-column-card-block-list__btn,
#grantwestfield-site .two-column-card-block.off-white-dark .btn.two-column-card-block-list__btn{
    border-color: #fff;
}
#grantwestfield-site .two-column-card-block .btn.two-column-card-block-list__btn:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}


/* ==========================================================================
   Form submit buttons (Umbraco Forms) - Black Solid style.
   Default black; hover flips to WHITE with a black border (not the base grey).
   Border reserved in the default state so the size doesn't jump on hover.
   ========================================================================== */
#grantwestfield-site .umbraco-forms-page [type="submit"].btn{
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
}
#grantwestfield-site .umbraco-forms-page [type="submit"].btn:hover{
    background-color: #fff;
    color: #000;
    border-color: #000;
}