.booknow_prop_theme
    {
    
        /* HEADER BANNER */
        --top-border-color : #f6f927;
        --top-bar-bg-color : #2ebb66;
        --top-bar-text-color : #333333;
    
        /* TOP BUTTON */
        --top-bar-button-bg-color : #f9a706;
        --top-bar-button-text-color : #FFFFFF;
    
        /* SEARCH BAR */
        --search-bar-bg-color : #ffcb0b;
        --search-btn-bg-color : #057617;
    
        /* CALENDAR */
        --calendar-top-bg-color : #f7a014;
        --calendar-footer-bg-color : #d4aa58;
    
        /* FOOTER */
        --footer-bg-color : #eae6e6;
        --bottom-bar-bg-color : #00276c;
    
        /* <---- Transparent Colors ----> */
    
        /* HEADER BANNER */
        --top-border-color--transparent : rgba(246, 249, 39, 0.55);
        --top-bar-bg-color--transparent : rgba(46, 187, 102, 0.55);
        --top-bar-text-color--transparent : rgba(51, 51, 51, 0.55);
    
        /* TOP BUTTON */
        --top-bar-button-bg-color--transparent : rgba(249, 167, 6, 0.55);
        --top-bar-button-text-color--transparent : rgba(255, 255, 255, 0.55);
    
        /* SEARCH BAR */
        --search-bar-bg-color--transparent : rgba(255, 203, 11, 0.55);
        --search-btn-bg-color--transparent : rgba(5, 118, 23, 0.55);
    
        /* CALENDAR */
        --calendar-top-bg-color--transparent : rgba(247, 160, 20, 0.55);
        --calendar-footer-bg-color--transparent : rgba(212, 170, 88, 0.55);
    
        /* FOOTER */
        --footer-bg-color--transparent : rgba(234, 230, 230, 0.55);
        --bottom-bar-bg-color--transparent : rgba(0, 39, 108, 0.55);
    }
    
    
?>

#header{

    border-top-color: #f6f927;

    background-color: #2ebb66;

}

.page-wrap{

    background-color: #eeeae4;

    background-image: url('/look_feel/textures/white_wall2_@2X.jpg');

    color: #333;

    background-attachment: fixed;

                background-size: cover;
}

.branding,

.prop-contact .fa,

.prop-contact__phone,

.prop-contact .show-map,

.prop-contact .my-bookings-trigger,

.my-bookings__options a,

#languageOptions
{

    background-color: #f9a706;
    color : #FFFFFF;

}

.prop-contact span, .prop-contact a,
.branding a
{
    color : #FFFFFF;
}

.branding .location
{
    color : rgba(255, 255, 255, 0.55);
}

.b247-searchbox{

    background-color: #ffcb0b;

}

.b247-searchbox .btn{

    background-color: #057617;

    border-color: #057617;

}

.cal-nav{

    background-color: #f7a014;

}

.b247-calendar__footer{

    background-color: #d4aa58;

}

<!-- .contact-details{

    background-color: #eae6e6;

} -->

.contact-details {

    background-color: #00276c;

}

@media only screen and (max-width : 767.80px)
{
    .map-link-sm
    {
        background-color : #FFFFFF;
        color : #f9a706;
    }

    .map-link-sm a
    {
        color : #f9a706!important;
    }

    .navbar-toggle
    {
        background-color : #FFFFFF;
        color : #f9a706;
    }
}