/*****Font style******/

@font-face {
    font-family: 'Adobe Caslon Pro Regular';   
    src: url('/fonts/ACaslonPro-Regular.woff') format('woff');
    font-style: normal;
    font-weight: normal;
}

body {
    font-family: 'Adobe Caslon Pro Regular', sans-serif!important;
}

.rz-text-h1, .rz-text-display-h1 {
    font-size: 38px;
}

.rz-text-display-h2 {
    font-size: 32px;
}

.rz-text-display-h3 {
    font-size: 24px;
}

.rz-text-body1, .rz-link-text, li, span, p { 
    font-size: 18px;
}

.rz-text-h1, .rz-text-display-h1, .rz-text-display-h2, .rz-text-h3, .rz-text-display-h5, .rz-panel-menu .rz-navigation-item-text {
    font-weight: 400;
}

:root {
    --rz-secondary: #757575;
}

a:hover, a:focus, .rz-link:hover, .rz-link:focus {
    color:  #000;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper {
    background-color: #707b59;
}

.rz-panel-menu .rz-navigation-item-wrapper:hover {
    background-color: #4e563e;
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
    background-color: #383d2c;
}

.rz-panel-menu .rz-navigation-item-wrapper-active {
    background-color: #4e563e;
}

.fwbold {
    font-weight: 600;
}

.whiteBackgroundBox {
    background-color: #fff;
    text-align: left;
    background-color: #ffff;
    padding: 45px 25px 25px 25px;
    color: #000;
    
}

.greenBackgroundBox {
    background-color: #707b59;
    text-align: center;
    font-size: 22px;
    padding: 20px;
    p {
        color: #fff;
    }
}

.greenBackgroundBlockHomePage {
    display: flex;
    flex-direction: column;
    background-color: #707b59;
    text-align: left;
    font-size: 22px;
    padding: 45px 25px 25px 25px;
    justify-content: space-evenly;
    h5, h2, p {
        color: #fff;
    }
}

.greenBackgroundBoxLeftAlignedText {
    display: flex;
    flex-direction: column;
    background-color: #707b59;
    text-align: left;
    font-size: 22px;
    padding: 45px 25px 25px 25px;
    h5, h2, p {
        color: #fff;
    }

}

hr.borderBottomInGreenBox {
    width: 60%;
}

.bronzeBackgroundBoxLeftAlignedText {
    background-color: #cd7f32;
    text-align: left;
    font-size: 22px;
    padding: 45px 25px 25px 25px;
    h5, h2, p {
        color: #fff;
    }

}


.rz-login .rz-form .rz-form-row {
    display: block;
}

.rz-button.rz-primary.rz-shade-default {
    background-color: #2a4455;
    padding-right: 25px; 
    padding-left: 25px;
    padding-top: 10px;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 0;
    letter-spacing: 0.1rem;
}


/******Accordion Read More/Less******/
.rz-accordion {
    box-shadow: none;
}

.rz-accordion-content {
    margin-top: -40px;
}

.rzi {
    display: none;
}

.rz-accordion .rz-accordion-header > a, .rz-accordion-content {
    padding-inline: 0;
}

/******Images******/

.img-fluid {
    width: 100%;
    height: auto;
}

.overlayTextMobileBanner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/****mobile banner image*****/
.mobileBanner {
    position: relative;
    text-align: center;
}




/****Anchors****/

.rz-link, .underlinePageTitle {
    color: #000;
    text-decoration: underline;

}

.rz-link:hover {
    color: #000;
    text-decoration: underline;
}


.rz-layout .rz-body {
    background-color: #f5f4f4;
}


/****Headers***/

.rz-text-h3 {
    color: #000;
}

h1 {
    color: #212529;
}

.key-benefits {
    background-color: #707b59;
    color: #ffff;
    padding: 30px 15px;
    
}

.key-benefits h2 {
    color: #ffff;
}



.key-benefits hr {
    border-top: 1px solid #fff;
}

.greenBackgroundBlock {
    background-color: #707b59;
    color: #ffff;
    padding: 30px 15px;
}

.greenBackgroundBlock hr
{
    border-top: 1px solid #fff;
    width: 50%;
    margin: 0 auto;
    padding-bottom: 15px;
}



.whiteBackgroundBlock {
    text-align: left;
    background-color: #ffff;
    padding: 20px;
    color: #000;
    margin-top: 25px;
}

.whiteBackgroundBlock a{
    text-decoration: underline;
    text-underline-position: under;
    color: #000;
}

/*****Orders and quotes history*****/

.rz-grid-table-fixed {
    table-layout: auto!important;
}

.rz-grid-table thead th .rz-column-title {
    text-transform: none;
}

.rz-grid-table thead th .rz-column-title-content {
    padding: 5px;
}

/****Book a consultation space****/

.showroomDropdown .rzi, .serviceDropdown .rzi {
    display: block;
}

.rz-calendar-view span {
    font-size: 10px;
}

.in-the-spotlight-content h5{
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 0;
    color: var(--rz-text-display-h5-color);
    letter-spacing: var(--rz-text-display-h5-letter-spacing);
}

.in-the-spotlight-content p{
    padding-bottom: 10px;
    color: var(--rz-text-body1-color);
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 8px;
    letter-spacing: var(--rz-text-body1-letter-spacing);
}

.in-the-spotlight-content a{
    font-size: 18px;
    line-height: var(--rz-body-line-height);
}