/*Fonts*/
@font-face {
    font-family: 'usualbold_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: 'usualbold';
    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: 'usualextrabold_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: 'usualextrabold';
    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: 'usualitalic';
    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: 'usuallight_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: 'usuallight';
    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: 'usualmedium_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: 'usualmedium';
    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: 'usualregular';
    src: url('fonts/regular-webfont.woff2') format('woff2'),
         url('fonts/regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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


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

/*#6D7E61 and #B0BFA8*/

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



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

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


/*Header Order Sample*/
#naturepanel-site .btn.btn__where-to-buy{
    background-color:#6D7E61;
}
#naturepanel-site .btn.btn__where-to-buy:hover{
    background-color:#ffffff;
    color: #6D7E61;
}


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

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

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


#naturepanel-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){
    #naturepanel-site .hero-naturepanel #hero-wrapper .hero-main-contet{
        width: 90%;
        padding-top: 11rem;
    }
}

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

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

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

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

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

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

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

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

#naturepanel-site .hero-naturepanel #hero-wrapper a.btn.hero-btn{
    background-color: #fff;
    border: 2px solid #000;
    color: #000;
    text-transform: uppercase;
    font-size: 1.3rem !important;
    font-family: 'usualextrabold' !important;
    margin-top: 1.8rem;
}

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

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




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

/*Green Dark Background*/
#naturepanel-site .promotional-list-block.np-green-dark .promotional-list__content{
    background-color: #6D7E61;
    border: none;
}

#naturepanel-site .promotional-list-block.np-green-dark .promotional-list__content .btn--secondary {
    background-color: #B0BFA8;
    color: #000;
}

#naturepanel-site .promotional-list-block.np-green-dark .promotional-list__content .btn--secondary:hover {
    background-color: #fff;
    color: #000;
}


/*Green Light Background*/
#naturepanel-site .promotional-list-block.np-green-light .promotional-list__content{
    background-color: #B0BFA8;
    border: none;
}

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





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

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

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


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

#naturepanel-site h2.product-card-list-block__heading {
    font-family: 'usuallight';
}
#naturepanel-site h2.product-card-list-block__heading span{
    font-family: 'usualmedium';
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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


/*Product Page*/
#naturepanel-site .product-detail-hero__buttons .order-sample .btn{
    background-color:#6D7E61;
}
#naturepanel-site .product-detail-hero__buttons .order-sample .btn:hover{
    background-color:#ffffff;
}


/*Footer*/
#naturepanel-site .footer-nav__link--grey-bold{
    color: #000;
}

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

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

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

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

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

#naturepanel-site #main .find-installer .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__title,
#naturepanel-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: 'usualregular';
}
@media (max-width: 580px) {
    #naturepanel-site #main .find-installer .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__title,
    #naturepanel-site #main .showroom-filter .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__title{
        font-size: 4rem;
    }  
}
#naturepanel-site #main .find-installer .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__text,
#naturepanel-site #main .showroom-filter .find-installer__search .container-fluid.hero__content .hero__inner .hero__content-wrapper .hero__text{
    color: #fff;
}

#naturepanel-site #main .find-installer .find-installer__search .find-installer__searchbox input[type=text],
#naturepanel-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;
}