.booknow_prop_theme
    {
    
        /* HEADER BANNER */
        --top-border-color : #000000;
        --top-bar-bg-color : #ffffff;
        --top-bar-text-color : #333333;
    
        /* TOP BUTTON */
        --top-bar-button-bg-color : #000000;
        --top-bar-button-text-color : #FFFFFF;
    
        /* SEARCH BAR */
        --search-bar-bg-color : #ffffff;
        --search-btn-bg-color : #fb9000;
    
        /* CALENDAR */
        --calendar-top-bg-color : #000000;
        --calendar-footer-bg-color : #838181;
    
        /* FOOTER */
        --footer-bg-color : #dbdbdb;
        --bottom-bar-bg-color : #000000;
    
        /* <---- Transparent Colors ----> */
    
        /* HEADER BANNER */
        --top-border-color--transparent : rgba(0, 0, 0, 0.55);
        --top-bar-bg-color--transparent : rgba(255, 255, 255, 0.55);
        --top-bar-text-color--transparent : rgba(51, 51, 51, 0.55);
    
        /* TOP BUTTON */
        --top-bar-button-bg-color--transparent : rgba(0, 0, 0, 0.55);
        --top-bar-button-text-color--transparent : rgba(255, 255, 255, 0.55);
    
        /* SEARCH BAR */
        --search-bar-bg-color--transparent : rgba(255, 255, 255, 0.55);
        --search-btn-bg-color--transparent : rgba(251, 144, 0, 0.55);
    
        /* CALENDAR */
        --calendar-top-bg-color--transparent : rgba(0, 0, 0, 0.55);
        --calendar-footer-bg-color--transparent : rgba(131, 129, 129, 0.55);
    
        /* FOOTER */
        --footer-bg-color--transparent : rgba(219, 219, 219, 0.55);
        --bottom-bar-bg-color--transparent : rgba(0, 0, 0, 0.55);
    }
    
    
?>

#header{

    border-top-color: #000000;

    background-color: #ffffff;

}

.page-wrap{

    background-color: #fff;

    background-image: url('/');

    color: #333;

    
}

.branding,

.prop-contact .fa,

.prop-contact__phone,

.prop-contact .show-map,

.prop-contact .my-bookings-trigger,

.my-bookings__options a,

#languageOptions
{

    background-color: #000000;
    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: #ffffff;

}

.b247-searchbox .btn{

    background-color: #fb9000;

    border-color: #fb9000;

}

.cal-nav{

    background-color: #000000;

}

.b247-calendar__footer{

    background-color: #838181;

}

<!-- .contact-details{

    background-color: #dbdbdb;

} -->

.contact-details {

    background-color: #000000;

}

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

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

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