/*
 Theme Name:     Hotella Child
 Theme URI:      http://webnus.biz/themes/hotella
 Description:    Hotella Child Theme
 Author:         WEBNUS
 Author URI:     http://themeforest.net/user/WEBNUS
 Template:       hotella
 Version:        1.2.4
*/


/* Theme customization starts here
-------------------------------------------------------------- */

@font-face {
    font-family: 'Yu Gothic Bold';
    src: url('fonts/yugothib.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Yu Gothic Regular';
    src: url('fonts/yugothil.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* HEADER */
#header {
    background-color: rgba(0,0,0,0.6) !important;
    border-bottom: none !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
#header.w-header-type-13 #nav > li > a {
    font-family: "Yu Gothic Regular";
}
#wrap ul#nav * {
    font-family: "Yu Gothic Regular";
}

@media (min-width: 1366px) {
    #header.w-header-type-13 #nav-wrap {
        width: 55%;
    }
    #header.sticky #nav-wrap {
        width: 100%;
    }

    .transparent-header-w #header.sticky {
        width: 100%;
    }
}

@media (min-width: 960px), all {

    #header.w-header-type-13 .tools-section {
        top: 0;
        right: 0;
        text-align: right;
        padding-right: 31px;
    }
    .transparent-header-w #header.sticky .tools-section .book-online {
        margin-top: 8px;
        padding:  .84375em .875em .78125em;
    }
    .transparent-header-w #header.sticky .tools-section .languages {
        margin: 8px 0 0 0;
        max-height: 90px;
    }
    .transparent-header-w #header.horizontal-w.sticky #nav > li > a, 
    .transparent-header-w.t-dark-w #header.horizontal-w.sticky #nav > li > a {
        color: #ffffff;
    }

    #header.w-header-type-13 .tools-section .languages {
        float: right;
        width: 45px;
        height: 45px;
        text-align: center;
        overflow: hidden;
        margin: 25px 0 0 0;
    }

    #header.w-header-type-13 .tools-section .languages:hover {
        height: auto;
    }

    #header.w-header-type-13 .tools-section .languages ul {
        padding: 45px 0 0;
        position: relative;
        display: block;
        list-style: none;
        margin: 0;
    }

    #header.w-header-type-13 .tools-section .languages li {
        display: list-item;
        width: 100%;
        height: 45px;
    }

    #header.w-header-type-13 .tools-section .languages li.active {
        position: absolute;
        top: 0;
        left: 0;
    }

    #header.w-header-type-13 .tools-section .languages li a {
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        color: #ffffff;
        line-height: 45px;
        width: 100%;
        height: 45px;
        background: #b99e65;
    }

    #header.w-header-type-13 .tools-section .languages li a:hover {
        color: #000000;
    }

    #header.sticky .logo-sticky {
        top: 5px;
    }
    #header.sticky #nav-wrap {
        background:rgba(0,0,0,0.9);
    }
}

@media (min-width: 768px) {
    .col-sm-2 {
        width: 22%;
    }
}

.book-online {
    font-family: "Yu Gothic Regular";
    margin-top: 25px;
    margin-right: 31px;
    background-color: #b99e65;
    border: 3px solid #b99e65;
    padding: 13px 13px !important;
    font-size: 13px !important;
    text-align: center;
}
.book-online:hover {
    background-color: transparent;
    border: 3px solid #b99e65;
}

/* FOOTER */
#pre-footer .footer-subscribe-bar {
    background: #b99e65;
}
#footer .widget .textwidget p {
    padding-right: 0px;
}
#footer .widget .socialfollow {
    float: right;
}
.footer-in .textwidget {
    text-align: center;    
}
ul.custom-menu-footer {
    display: -webkit-inline-box;
    padding-top: 33px;
}
ul.custom-menu-footer li {
    margin-right: 15px;
    color: #f2f2f2;
    font-family: "Yu Gothic Regular";
    font-weight: 500;
}
ul.custom-menu-footer li:last-child {
    margin-right: 0px;
}
ul.custom-menu-footer li:hover {
    text-decoration: underline;
    cursor: pointer;
}

/****** STICKY SOCIAL BAR *******/
#icon_wrapper {
    top: 45% !important;
}
.fb-awesome-social:hover {
    color: #b99e65 !important;
}
.instagram-awesome-social:hover {
    color: #b99e65 !important;
}
.envelope-awesome-social:hover {
    color: #b99e65 !important;
}
.fa-phone-awesome-social:hover {
    color: #b99e65 !important;
}