/*
Theme Name: Iver Child
Theme URI: http://iver.select-themes.com
Description: A child theme of Iver Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 1.0.0
Text Domain: iver
Template: iver
*/

/** Logo SVG **/
.qodef-mobile-header .qodef-mobile-logo-wrapper img {
    height: 69px;
}

.qodef-page-header .qodef-logo-area .qodef-logo-wrapper a, .qodef-page-header .qodef-menu-area .qodef-logo-wrapper a {
    height: 74px;
}

/** Heder Top Navigation **/
.header-top-nav-element {
    text-transform: uppercase;
    margin: 15px;
    font-size: 15px;
    line-height: 36px;
    font-weight: bold;
}

/** Header Language Switcher **/
.qodef-mobile-header .widget_polylang ul li,
.qodef-page-header .widget_polylang ul li {
    display: inline-block;
    margin: 0 2px 0 0;
}

/** Footer **/
.qodef-page-footer .widget_media_image img[src$=".svg"] {
    height: 121px;
    width: 300px;
    max-width: none;
}

/** Sticky Flags **/
#ssb-container ul li {
    margin-top: 10px;
}

/** Booking Element **/
.booking-element {
    background-color: #000;
    padding: 30px 0;
}

.booking-element > .wpb_column {
    margin-bottom: 1rem;
}

.booking-element > .wpb_column:last-child {
    margin-bottom: 0;
}

.booking-element .wpb_text_column p {
    color: #fff;
}

.booking-element .qodef-btn {
    background-color: #000;
    color: #fff;
    border: 2px solid #fff;
}

.booking-element .qodef-btn.qodef-btn-outline:not(.qodef-btn-custom-hover-color):hover {
    background-color: #fff;
    color: #000 !important;
}

.booking-element .qodef-btn.qodef-btn-icon > span:not(.qodef-btn-text) {
    display: flex;
}

.booking-element .qodef-btn-text-wrapper i {
    order: -1;
    line-height: 28px;
    margin-right: 7px;
}

/** Hotel Room Detail Template **/

/** Hide Side-Navigation **/
.qodef-hotel-room-single-outer .qodef-tabs .qodef-tabs-nav {
    display: none;
}

/** Hide Fixed String ROOM DETAILS **/
.qodef-hotel-room-single-outer .qodef-tabs .qodef-hr-item-section .qodef-hotel-part-holder.qodef-hotel-room-description .qodef-hotel-room-title {
    display: none;
}

/** Blog **/
.qodef-blog-holder.qodef-blog-single article.format-link .qodef-link-title {
    color: #fff;
}

/** Hide Title in Header Section */
.qodef-title-holder .qodef-title-wrapper {
    display: none;
}

/** Anchor Tags + Smooth scrolling **/
html {
    scroll-behavior: smooth;
}

.anchor-link:before {
    content: "";
    display: block;
    height: 74px; /* same as your fixed header height */
    margin: -74px 0 0; /* negative fixed header height */
}

/*    !*title styling  *!*/
.qodef-title-holder .qodef-title-wrapper .qodef-page-title {
    background: #000;
    color: #fff;
    width: max-content;
    padding: 12px;
}



/*.qodef-main-menu ul {*/
/*    margin-right: 250px;*/
/*}*/

/*hide price in hover room */
.qodef-hrl-price {
    display: none;
}

/*hide info post comments */
.qodef-post-info-comments-holder {
    display: none !important;
}

/*team meeting page styling */
/*team inner(img) align center */
.page-template-default .qodef-team-inner {
    text-align: center;
}

/*subtitle styling */
.page-template-default .qodef-title-holder .qodef-title-wrapper .qodef-page-subtitle {
    font-family: teko !important;
    background: #000000;

    width: max-content;

    margin: 0 50px 0px 40px !important;

    padding: 12px 10px 11px 8px;
}

.page-template-default .qodef-title-holder .qodef-page-subtitle:after {
    display: none !important;

}

/*end team meeting page styling */

/*hide reservation in hotel room tempplate default */
.hotel-room-template-default .qodef-grid-small-gutter > div {

    width: 100%;
}

.hotel-room-template-default .qodef-hotel-room-reservation-holder {

    display: none;

}

/** Bugfix columns **/
@media screen and (min-width: 768px) and (max-width: 768px) {
    .booking-element {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
@media screen and (min-width: 768px) {
    .booking-element > .wpb_column {
        margin-bottom: 0;
    }

    .booking-element .qodef-btn {
        padding: 13px 26px;
    }
}

@media screen and (min-width: 1024px) {
    .booking-element .qodef-btn {
        padding: 10px 53px;
    }
}

/*end */

/** Widget styling in mobile  **/
@media only screen and (max-width: 767px){
    #TA_certificateOfExcellence188 {
        width: 50% !important ;
        margin: 0 10px 15px 0px !important ;
        border: 1px solid;
    }
    .rating {
        margin-left: 1px;
        width: 85%;
    }
    .cdsROW.narrow {
        width: 40% !important;
        margin: 1px 0 1px 0px !important;
    }

    .cdsROW .logo img {
        max-width: 43px !important;


    }

    #pSB95PlPw6 {
        max-width: 55% !important ;
        margin-left: -2px !important;
        margin-bottom: 15px ;
    }
  .vc_row.vc_row-flex {
       width: 50%;
   }
   .cdsROW .cdsRating {
       font-size: 6px !important;
   }
    .ui_bubble_rating {
        font-size: 9px !important;
    }


}
/*end */

/*Menu and Header Area,Responsive optimize ,
reduce the font and the space on the menu */
@media screen and (min-width: 1024px) and (max-width: 1106px) {
    .qodef-main-menu>ul>li>a {
        font-size: 12px;
        padding: 0px 5px;

    }
    .header-top-nav-element {
        font-size: 12px;
        margin: 5px;
    }
    .qodef-page-header .qodef-vertical-align-containers {
        padding: 0 1px;
    }
}

@media screen and (min-width: 1106px) and (max-width: 1280px) {
    .qodef-main-menu>ul>li>a {
        font-size: 12px;
        padding: 0px 9px;

    }
    .header-top-nav-element {
        font-size: 12px;
        margin: 9px;
    }
    .qodef-page-header .qodef-vertical-align-containers {
        padding: 0 15px;
    }
}
@media screen and (min-width: 1280px) and (max-width: 1528px) {
    .qodef-main-menu>ul>li>a {
        font-size: 14px;
        padding: 0px 12px;

    }
    .header-top-nav-element {
        font-size: 14px;
        margin: 12px;
    }
    .qodef-page-header .qodef-vertical-align-containers {
        padding: 0px 20px;
    }

}

 /*Sticky side buttons styling */
@media screen and (min-width: 1024px) {

    #ssb-btn-2 {
        display: none; /*hide the side buttons in mobile case*/
    }

}
#ssb-container {
    top: 65%; /*Vertical positioning of side buttons  */
}

 /*end */
/*end */