.booknow_prop_theme
    {
    
        /* HEADER BANNER */
        --top-border-color : #0080ff;
        --top-bar-bg-color : #ffffff;
        --top-bar-text-color : #007ffe;
    
        /* TOP BUTTON */
        --top-bar-button-bg-color : #0f87ff;
        --top-bar-button-text-color : #FFFFFF;
    
        /* SEARCH BAR */
        --search-bar-bg-color : #007ffe;
        --search-btn-bg-color : #ff8d00;
    
        /* CALENDAR */
        --calendar-top-bg-color : #0f87ff;
        --calendar-footer-bg-color : #1c8eff;
    
        /* FOOTER */
        --footer-bg-color : #eae6e6;
        --bottom-bar-bg-color : #00276c;
    
        /* <---- Transparent Colors ----> */
    
        /* HEADER BANNER */
        --top-border-color--transparent : rgba(0, 128, 255, 0.55);
        --top-bar-bg-color--transparent : rgba(255, 255, 255, 0.55);
        --top-bar-text-color--transparent : rgba(0, 127, 254, 0.55);
    
        /* TOP BUTTON */
        --top-bar-button-bg-color--transparent : rgba(15, 135, 255, 0.55);
        --top-bar-button-text-color--transparent : rgba(255, 255, 255, 0.55);
    
        /* SEARCH BAR */
        --search-bar-bg-color--transparent : rgba(0, 127, 254, 0.55);
        --search-btn-bg-color--transparent : rgba(255, 141, 0, 0.55);
    
        /* CALENDAR */
        --calendar-top-bg-color--transparent : rgba(15, 135, 255, 0.55);
        --calendar-footer-bg-color--transparent : rgba(28, 142, 255, 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: #0080ff;

    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: #0f87ff;
    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: #007ffe;

}

.b247-searchbox .btn{

    background-color: #ff8d00;

    border-color: #ff8d00;

}

.cal-nav{

    background-color: #0f87ff;

}

.b247-calendar__footer{

    background-color: #1c8eff;

}

<!-- .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 : #0f87ff;
    }

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

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