/* Custom Vikbooking CSS for Search module */
.vbo-horizsearch-showcalendar,
.vbmodhorsearch-hum-guests-count {
    display: flex;
    align-items: center;
    min-height: 60px;
    background: #ffffff;
}

.vbmodhorsearch-humcalcont .vbo-horizsearch-dpicker-cont-active,
.vbmodhorsearch-humcalcont .vbo-horizsearch-showcalendar:hover {
    border-color: #8e6d45;
}

.vbmodhorsearch-hum-guests-count-active,
.vbmodhorsearch-hum-guests-count:hover {
    border-color: #8e6d45;
}

.vbmodhorsearch-hum-guests-wrap .vbmodhorsearch-hum-guests-count>div label {
    margin: 0px 5px 0;
    text-transform: inherit;
    font-size: 12px;
}

.vbo-horizsearch-showcalendar i {
    margin: 0px 15px 0 0;
    font-size: 22px;
    color: #8e6d45;
}

.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .btn {
    padding: 20px 30px !important;
    background: #8e6d45;
    color: #ffffff;
    border-radius: 4px;
}

.vbmodhorsearchmaindiv form .vbmodhorsearchbookdiv .btn:hover {
    background: #17a2b8;
}

.ui-datepicker-calendar td.checkin-date>*,
.ui-datepicker-calendar td.checkout-date>*,
.ui-datepicker-calendar td>*.ui-state-active {
    background: #8e6d45;
    color: var(--vbo-contrast-text-color);
}

.ui-datepicker-header .ui-corner-all {
    color: #8e6d45;
}

.ui-datepicker-header .ui-corner-all.ui-state-hover {
    border-color: #8e6d45 !important;
    background: #8e6d45 !important;
    color: #ffffff;
}

.ui-datepicker td>*,
.ui-datepicker td>*.ui-state-default {
    font-size: 14px !important;
    text-align: center !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    border: 1.5px solid #f7f7f7;
}

.ui-datepicker td span:hover,
.ui-datepicker td a:hover {
    background: rgb(0 0 0 / 12%);
    border-color: #8e6d45;
    color: #000000;
}

.vbo-results-wrapper, .vbo-showprc-head-wrapper, .vbo-results-head, .vbo-oconfirm-summary-room-wrapper, .vbcustomfields, .vbo-booking-details-topcontainer, .vbo-booking-rooms-wrapper, .vbo-booking-costs-list, .vbo-booking-upsell-container {
    background: #f8f5f0;
    padding: 2%;
    border-radius: 6px;
    margin-bottom: 30px;
}

.vbvordroominfo, .vbo-booking-details-bookinfos, .vbo-booking-details-udets, .vbo-booking-details-actions {
    background: #ffffff;
}

.vbo-oconfirm-paymentopts {
    border-top: 1px solid #8e6d45;
    border-bottom: 1px solid #8e6d45;
}

ol.vbo-stepbar li.vbo-step-complete:before {
    background-color: #17a2b8;
}

ol.vbo-stepbar li.vbo-step-complete, ol.vbo-stepbar li.vbo-step-current, ol.vbo-stepbar li.vbo-step-current:before, .vbo-coupon-outer, .vbo-enterpin-block {
    border-color: #17a2b8 !important;
}

.vbmodalrdetails a {
    background: #17a2b8;
    color: #ffffff;
}

.room_resultdiffusage, .vbo-showprc-room-head, .vbo-showprc-option-entry, .vbo-showprc-price-entry, .vbo-showprc-room-block {
    border: 1px solid #8e6d455c !important;
    border-radius: 3px;
}

.room_resultdiffusage .vblistroomblock {
    border-right: 2px solid #8e6d45;
}

.vbo-showprc-optionstable .vbo-showprc-option-entry > div select, .vbo-availability-controls select {
    padding: 10.5px 30px 10.5px 9px !important;
}

input[type="tel"]:not(.form-control) {
    padding: 0.5rem 0 0.5rem 3.2rem !important;
}

.vbselectr-result, .booknow, .vbselectr .btn {
    background: #17a2b8;
    color: #ffffff;
    border-radius: 3px;
    padding: 8px 25px;
}

.vbselectr-result:hover, .booknow:hover, .vbselectr .btn:hover {
    background: #8e6d45;
    color: #ffffff;
    border-radius: 3px;
}

.vbo-results-head > div, .vbo-results-numadults, .vbo-summary-date {
    border-right: 1px solid #8e6d455c;
}

.vbo-oconfirm-summary-room-row {
    border-bottom: 1px solid #8e6d455c;
}

.room_result-inner {
    background: #f8f5f0;
    border-radius: 6px;
}

.vblistroomblock {
    border-right: 2px solid #8e6d455c;
}

.vbvordpaybutton form input[name="bouton"] {
    background-color: #17a2b8;
    color: white;
    font-size: 20px;
    padding: 0.8rem 2rem;
    border: none;
    letter-spacing: 1px;
    border-radius: 0.325rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.vbvordpaybutton form input[name="bouton"]:hover {
    background-color: #8e6d45;
}

.vbo-promotion-bottom-block {
    border: 3px solid #3286b8;
    border-radius: 1rem;
    background: #f8f5f0;
}

.vbo-promotion-room-block {
    border: 1px solid #737373;
    background: #ffffff;
}

.vbo-promotion-discount-details {
    float: none;
    text-align: center;
    margin-bottom: 20px;
}

.vbo-promotion-room-img img {
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.vbo-promotion-room-book-block a {
    background: #3286b8;
    color: #ffffff;
}

.vbo-promotion-room-book-block a:hover {
    background: #ffffff;
    color: #3286b8;
    border-color: #3286b8;
}

.vblistroomblock img.vblistimg {
    object-fit: cover;
    aspect-ratio: 1 / 1;
}



/* Custom Bottom */
#sp-bottom {
    background-color: transparent;
    background: -moz-linear-gradient(180deg, rgba(32, 49, 88, 1) 60%, rgba(16, 29, 61, 1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(32, 49, 88, 1) 60%, rgba(16, 29, 61, 1) 100%);
    background: linear-gradient(180deg, rgba(32, 49, 88, 1) 60%, rgba(16, 29, 61, 1) 100%);
    color: rgba(248, 248, 248, 1);
}

#sp-footer .container-inner {
    border-top: 1px solid rgb(255 255 255);
}


/* Custom Header */
#sp-header-topbar {
    background-color: #203158 ;
}

#sp-header-topbar .container-inner {
    border-bottom: none;
}

#sp-menu ul.social-icons a, #sp-header-topbar a {
    color: #f8f7f4;
}

#sp-menu ul.social-icons a:hover, #sp-header-topbar a:hover {
    color: #17a2b8;
}

.sp-megamenu-parent > li > span {
    color: #6e6d7a;
}

#sp-header-topbar .sp-contact-info {
    color: #f8f7f4;
}

ul.social-icons>li {
    font-size: 1.4rem;
}

ul.sp-contact-info>li .fas, li .far {
    font-size: 1.2rem;
    padding-right: 4px;
}

header,
header a {
    color: rgb(248, 248, 248);
}

header a:hover {
    color: rgb(0, 0, 0);
}

.border-bottom {
    border-bottom: none !important;
}

.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after {
    background-color: rgb(248, 248, 248);
}

/* Module Mx Cool Page - Custom */
.ss2-back-texts {
    top: 10%;
    color: rgb(142 109 69 / 8%);
}

.ss2-back-text .bt-char {
    overflow: inherit;
}

.ss2-project .title-line {
    overflow: inherit;
    color: #8e6d45;;
}

.ss2-button {
    position: absolute;
    width: 120px;
    height: 120px;
    background: #17a2b8;
    border-radius: 50%;
    bottom: 20%;
    left: 50%;
    -webkit-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%);
    z-index: 2;
}

.ss2-button a {
    text-decoration: none;
    color: #fbfbfb;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.ss2-button a::after {
    margin-top: 2px;
}

.ss2-button a:hover {
    color: #000000;
}



/* Blog - Custom */
.article-list .article {
    background: #f8f5f0;
}

.article-list .article .article-header h2 {
    font-size: 2rem;
}

.article-details .article-ratings-social-share {
    border-top: 1px solid #8e6d45;
    border-bottom: 1px solid #8e6d45;
}

.article-info>span a {
    color: #17a2b8;
}