.booknow_prop_theme
    {
    
        /* HEADER BANNER */
        --top-border-color : #040404;
        --top-bar-bg-color : #020202;
        --top-bar-text-color : #dccdab;
    
        /* TOP BUTTON */
        --top-bar-button-bg-color : #000000;
        --top-bar-button-text-color : #FFFFFF;
    
        /* SEARCH BAR */
        --search-bar-bg-color : #0a0a0a;
        --search-btn-bg-color : #050000;
    
        /* CALENDAR */
        --calendar-top-bg-color : #050505;
        --calendar-footer-bg-color : #070707;
    
        /* FOOTER */
        --footer-bg-color : #dccdab;
        --bottom-bar-bg-color : #040404;
    
        /* <---- Transparent Colors ----> */
    
        /* HEADER BANNER */
        --top-border-color--transparent : rgba(4, 4, 4, 0.55);
        --top-bar-bg-color--transparent : rgba(2, 2, 2, 0.55);
        --top-bar-text-color--transparent : rgba(220, 205, 171, 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(10, 10, 10, 0.55);
        --search-btn-bg-color--transparent : rgba(5, 0, 0, 0.55);
    
        /* CALENDAR */
        --calendar-top-bg-color--transparent : rgba(5, 5, 5, 0.55);
        --calendar-footer-bg-color--transparent : rgba(7, 7, 7, 0.55);
    
        /* FOOTER */
        --footer-bg-color--transparent : rgba(220, 205, 171, 0.55);
        --bottom-bar-bg-color--transparent : rgba(4, 4, 4, 0.55);
    }
    
    
?>

#header{

    border-top-color: #040404;

    background-color: #020202;

}

.page-wrap{

    background-color: #dccdab;

    background-image: url('/look_feel/textures/vintage-concrete.png');

    color: #050505;

    
}

.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: #0a0a0a;

}

.b247-searchbox .btn{

    background-color: #050000;

    border-color: #050000;

}

.cal-nav{

    background-color: #050505;

}

.b247-calendar__footer{

    background-color: #070707;

}

<!-- .contact-details{

    background-color: #dccdab;

} -->

.contact-details {

    background-color: #040404;

}

@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;
    }
}