/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/*-----------------------------------------------------------------------------------*/
/*  General Settings
/*-----------------------------------------------------------------------------------*/

/* .home {
    background-image: url(http://hotel.dbbagency.com/wp-content/uploads/2022/12/section-bg.png);
    background-repeat: repeat-y;
    background-size: contain;
    background-attachment: fixed;
    background-position: center top;
} */

.site-content {
    margin-bottom: 0px;
}

.wd-nav[class*="wd-style-underline"] .nav-link-text:after {
    height: 3px;
    background-color: #fff;
}

:is(.btn,.button,button,[type="submit"],[type="button"]):hover {
    background-color: rgb(214,177,5) !important;
}

/*-----------------------------------------------------------------------------------*/
/*  Header
/*-----------------------------------------------------------------------------------*/

.whb-sticky-shadow.whb-sticked .whb-row:last-child {
    background-color: var(--wd-alternative-color) !important;
}

/* WPML */

[class*="wpml-ls-legacy-list"] li.wpml-ls-current-language a {
    color: var(--wd-primary-color);
    font-size: 16px;
}

/*-----------------------------------------------------------------------------------*/
/*  Layout
/*-----------------------------------------------------------------------------------*/

/* Home */

div.product-grid-item .wd-entities-title {
    font-size: 18px;
}

/* .hero-image {
    overflow: hidden;
    width: 100%;
    transition: ease 2s !important;
}

.hero-image:hover {
    transform: scale(1.1);
}
 */
/* Rooms */

@media (min-width: 992px) {
    .content-block-room {
        position: relative;
        left: 170px;
        z-index: 10;
        max-width: 80%;
        padding: 30px !important;
    }

    .content-block-right-room {
        position: relative;
        left: -50px;
        z-index: 10;
        max-width: 80%;
        padding: 30px !important;
    }
}

@media (max-width: 991px) {
    .content-block-room {
        padding: 30px !important;
    }

    .content-block-right-room {
        padding: 30px !important;
    }
}

[class*="wd-carousel-spacing-"] .owl-nav>div[class*="prev"] {
    left: calc(20px + var(--wd-car-sp) / 2) !important;
}

[class*="wd-carousel-spacing-"] .owl-nav>div[class*="next"] {
    right: calc(20px + var(--wd-car-sp) / 2) !important;
}

.wd-btn-arrow:after {
    color: #fff;
}

.form-reservations {
    background-color: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-reservations input[type="submit"] {
    position: relative;
    top: 12px;
    left: -18px;
}

.reduced-gutter-col {
    margin-left: -15px;
    margin-right: -15px;
}

/* Contacts */

[type="submit"] {
    background-color: var(--wd-primary-color);
    color: #fff;
    border-radius: 5px;
}

[type="submit"]:hover  {
    color: #fff;
    box-shadow: inset 0 0 200px rgb(0 0 0 / 10%);
}

.info-phone {
    margin-bottom:0;
}

.additional-information {
    font-size: 14px;
    max-width: 100%;
}

.checkbox-your-consent {
    margin-bottom: 20px;
}

.mailto-text, .gps-text {
    color: var(--wd-text-color);
}

.mailto-text:hover, .gps-text:hover {
    color: var(--wd-primary-color);
}

.info-mail:hover {
    color: var(--wd-primary-color);
}

/*-----------------------------------------------------------------------------------*/
/*  Footer
/*-----------------------------------------------------------------------------------*/

.footer-container {
    padding-top: 40px;
}

aside.footer-sidebar {
    padding-top: 0px;
}

.mc4wp-form  input[type='email'] {
    border-bottom: var(--wd-form-brd-width) solid #fff;
    border-left: 0px;
    border-top: 0px;
    border-right: 0px;
    border-radius: 0px;
}

.mc4wp-form  input[type='email']:hover {
    border-bottom: var(--wd-form-brd-width) solid var(--wd-primary-color);
}

a.scrollToTop.button-show {
    color: var(--wd-primary-color);
}

a.scrollToTop.button-show:hover {
    color:#fff;
    background-color: var(--wd-primary-color);
}

.footer-newsletter .elementor-container {
    display: flex;
    flex-direction: column;
    padding: 20px;
}

@media (min-width: 575px) {
    .footer-newsletter .elementor-container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 40px;
    }
}

.footer-newsletter .elementor-column {
    width: 100%;
}

@media (max-width: 576px) {
    .footer-newsletter .title-wrapper .title {
        font-size: 25px;
    }
}

footer.footer-container {
    padding-top: 0px;
}

.footer-column .additional-information {
    margin-bottom: 10px;
}

div.min-footer>div {
    max-width: 100%;
    line-height: 1.6;
    flex: auto;
}

@media (max-width: 1024px) {
    .min-footer {
        flex-direction: column;
    }
    div.min-footer>div {
        max-width: 100%;
    }
    div.footer-column {
        margin-bottom: 0px;
    }
}

.booking-hotel {
    position: fixed;
    z-index: 1031;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    height: 200px;
}

.booking-hotel a {
    background: var(--wd-primary-color);
    color: #fff;
    display: flex;
    padding: 15px 5px;
    font-size: 12px;
    text-transform: uppercase;
    justify-content: center;
    align-items: center;
    text-orientation: upright;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-orientation: upright;
    text-decoration: none;
    font-weight: 700;
}

.icon-bt-booking:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f562";
    color:#fff;
    font-size: 20px;
    padding-bottom: 5px;
}

/* (1366x768) */
@media screen and (max-width: 1366px) {
    .booking-hotel {
        right: 0px;
    }
}

@media (max-width: 1024px) {
    .booking-hotel {
        right: 0px;
    }
    div.form-reservations {
        display: none;
    }
}

.mc4wp-form-fields a {
    color: #fff;
}