/*
Theme Name: Grupo Bali
Theme URI: https://hotelcabana.comercial.cc/
Author: Avanza
Author URI: https://avanzaeninternet.com/
Template: carmelina
Description: Carmelina is the best of hotel booking theme that you had selected.  A perfect solution with a sleek and modern design, fully responsive and easy to customize with the Elementor builder. The layout is fully responsive, ensuring that your website will look great on all devices, including desktops, laptops, tablets, and smartphones. Carmelina is also highly customizable, allowing you to easily modify the layout, colors, and fonts to match your brand and style.
Version: 1.1.5
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: carmelina-child
Tags: hotel, booking, reservation, resort, room, hostel, travel, vacation, hotel theme, hotel wordpress, hotel booking, hotel city, hotel beach, hotel luxury, hotel mountain, hotel wedding, hotel golf, hotel restaurant, rooms, apartment, accommodation, travel, rent, elementor
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v49-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v49-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/roboto-v49-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v49-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/roboto-v49-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


.pxl-readmore .pxl-icon,
.pxl-readmore::after,
.pxl-btn.btn-outline-light::after,
.pxl-btn::after,
.elementor-6589 .elementor-element.elementor-element-2d732d2 > .elementor-background-overlay,
.home #pxl-pagetitle,
.wpml-ls-display.icl_lang_sel_translated,
.pxl-links.layout-2 li a:hover span::after{
    display: none;
}

.item-readmore a{
    color: #23305E;
    border: 1px solid #23305E;
    padding: 12px 24px;
    text-decoration: none;
    font-family: Roboto;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 5px;
    text-align: center;
    background-color: #fff;
}

.item-readmore a:hover{
    background-color: #23305E;
    color: #fff;
}

.pxl-swiper-slide .item-content .item-content-inner{
    background-color: #F8F8F8;
    color: #23305E;
}

.item-title a{
    color: #23305E;
}

.pxl-post-carousel.layout-room-6 .item-content-inner .room-metas{
    color: #23305E;
}

.pxl-swiper-dots.style-bullets-number{
    color: #23305E;
}

.pxl-swiper-dots.style-bullets-number .pxl-swiper-pagination-bullet.swiper-pagination-bullet-active:not(:last-child)::after {
    background-color: #23305E;
}

.pxl-post-carousel.layout-room-6 .item-content-inner .room-price-wrap{
    color: #23305E;
}

.pxl-readmore{
    color: #fff;
    background-color: #23305E;
    border: 1px solid #23305E;
    padding: 12px 24px;
    margin-top: 30px;
}

.pxl-readmore:hover{
    color: #23305E;
    background-color: #fff;
}

.pxl-mailchimp.style-default .mailchimp-form button{
    font-family: Roboto;
    font-weight: 600;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 5px;
    text-align: center;
    text-transform: uppercase;
    background-color: #23305E;
    border: 1px solid #23305E;
    color: #fff;
    min-width: 300px;
}

.pxl-mailchimp.style-default .mailchimp-form button:hover{
    background-color: #fff;
    color: #23305E;
}

.elementor-6579 .elementor-element.elementor-element-a2553e1,
.elementor-22927 .elementor-element.elementor-element-a2553e1,
.elementor-22960 .elementor-element.elementor-element-a2553e1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}

.pxl-header-transparent{
    top: 38px;
}

.elementor-6579 .elementor-element.elementor-element-70ab3f1 .pxl-fancybox-wrap .pxl-fancy-icon,
.elementor-6579 .elementor-element.elementor-element-0233eb6 .pxl-fancybox-wrap .pxl-fancy-icon{
    padding-right: 0;
}

.btn-reservas .pxl-btn:hover svg path,
.btn-reservas .pxl-btn:active svg path,
.btn-reservas .pxl-btn:focus svg path{
    fill: #23305E;
}

#pxl-main{
    padding-top: 0;
}

.pxl-btn:hover{
    background-color: #fff;
    color: #23305E;
    border: 1px solid #23305E;
}

.elementor-widget-icon-box .elementor-icon-box-icon {
  display: inline-block;
  flex: 0 0 auto;
  line-height: 0;
}

.elementor-element-a2553e1 .elementor-widget-icon-box .elementor-icon-box-content{
    flex-grow: 1;
    display: inline-flex;
    width: 75%;
    vertical-align: top;
}

.elementor-element-a2553e1 .elementor-widget-icon-box .elementor-icon-box-content a{
    color: #fff;
}

.pxl-readmore .pxl-button-text{
    letter-spacing: 5px;
}

.pxl-tabs-list.layout-2 .divider{
    opacity: 0.3;
}

.elementor-6579 .elementor-element.elementor-element-70c7dfc .pxl-anchor-icon span,
.pxl-language-switcher .current-item .pxl-icon{
    color: #fff;
}

.pxl-page-title .sub-title{
    font-family: Roboto;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 6px;
    text-align: center;
    text-transform: uppercase;
}

.wpcf7-form input,
.wpcf7-form textarea{
    color: #23305E;
}

input[type="text"]:hover, input[type="text"]:focus, input[type="text"]:active, input[type="email"]:hover, input[type="email"]:focus, input[type="email"]:active, input[type="url"]:hover, input[type="url"]:focus, input[type="url"]:active, input[type="password"]:hover, input[type="password"]:focus, input[type="password"]:active, input[type="search"]:hover, input[type="search"]:focus, input[type="search"]:active, input[type="tel"]:hover, input[type="tel"]:focus, input[type="tel"]:active, input[type="number"]:hover, input[type="number"]:focus, input[type="number"]:active, input[type="range"]:hover, input[type="range"]:focus, input[type="range"]:active, input[type="date"]:hover, input[type="date"]:focus, input[type="date"]:active, input[type="month"]:hover, input[type="month"]:focus, input[type="month"]:active, input[type="week"]:hover, input[type="week"]:focus, input[type="week"]:active, input[type="time"]:hover, input[type="time"]:focus, input[type="time"]:active, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime"]:active, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="datetime-local"]:active, input[type="color"]:hover, input[type="color"]:focus, input[type="color"]:active, textarea:hover, textarea:focus, textarea:active, select:hover, select:focus, select:active, .select2-container.select2-container--default .select2-selection--single:hover, .select2-container.select2-container--default .select2-selection--single:focus, .select2-container.select2-container--default .select2-selection--single:active{
    border-color: #23305E;
}

.pxl-primary-menu .sub-menu li > a{
    color: #23305E;
}

.pxl-primary-menu .sub-menu li > a:hover{
    color: #23305E;
}

.wpml-ls-legacy-list-horizontal a{
    color: #fff;
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{
    padding-top: 0;
    margin-bottom: 0px;
}

a{
    color: #23305E;
}

.pxl-post-list.layout-room-list-3 .item-content .pxl-divider-separator{
    border: 0;
}

.pxl-post-list.layout-room-list-3 .item-content .room-metas .meta-item,
.pxl-post-list.layout-room-list-3 .item-content .item-excerpt{
    font-family: Roboto;
    color: #23305E;
}

.pxl-post-list .item-title a{
    font-family: Roboto;
    font-weight: 300;
    font-size: 40px;
    text-transform: uppercase;
}

.pxl-pt-wrap .main-title{
    font-weight: 300;
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0 !important;
}

.pxl-hidden-template.pxl-side-mobile .pxl-close::before, .pxl-hidden-template.pxl-side-mobile .pxl-close::after {
    background-color: #fff;
}

.pxl-mobile-menu .main-menu-toggle::before {
    color: #fff;
}

.pad23{
    padding-top: 23px;
}

.wpcf7-form label{
    text-transform: none;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select, .select2-container.select2-container--default .select2-selection--single,
.wpcf7-form-control::placeholder,
.wpcf7-form label{
    border-color: #23305E;
    color: #23305E;
}

.pxl-scroll-top{
    background-color: #23305E;
}

.tabla-salones .table-header{
    background-color: #23305E;
    color: #fff;
}

.tabla-salones table, .tabla-salones table th, .tabla-salones table td{
    border: 0;
}

.tabla-salones tr:nth-child(even) td {
    background-color: #f2f2f2;
}

.room-price{
    padding-left: 10px;
}

.swiper-pagination-bullet-active{
    font-weight: 800;
}

.pxl-fancybox-wrap.layout-2 .fancybox-inner .title-bottom .title{
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 6px;
}

.pxl-fancybox-wrap.layout-2 .fancybox-inner .inner-wrap .desc{
    font-family: 'Roboto';
}

.pxl-post-list.layout-room-list-3 .item-content .room-price{
    background-color: #23305E;
}

.hidden {
    display: none !important;
}

.btn, button, .button, input[type="submit"], input[type="button"], .added_to_cart, .pxl-btn{
    letter-spacing: 5px;
    border: 1px solid #23305E;
}

.btn:active, .btn:hover, .btn:focus, button:active, button:hover, button:focus, .button:active, .button:hover, .button:focus, input[type="submit"]:active, input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:active, input[type="button"]:hover, input[type="button"]:focus, .added_to_cart:active, .added_to_cart:hover, .added_to_cart:focus, .pxl-btn:active, .pxl-btn:hover, .pxl-btn:focus{
    color: #23305E;
    background-color: #fff;
}

.pxl-header-sticky .pxl-primary-menu > li > a::after {
    background-color: #23305E;
}

.contentReserva .campos {
    float: left;
    margin-right: 15px;
    height: 45px;
    line-height: 33px;
    border-right: 1px solid #23305E;
}

.contentReserva #idHotel{
    float: left;
    max-width: 195px;
    margin-right: 15px;
    border-right: 1px solid #23305E;
}

.contentReserva .campo_promo{
    float: left;
    max-width: 175px;
}

.contentReserva #sandbox-container{
    float: left;
}

.contentReserva .bt_enviar{
    float: right;
}

#edad-container-dk{
    display: none;
    padding-bottom: 10px;
    padding-top: 20px;
    float: left;
    width: 100%;
}

.edad_ninos select{
    float: left;
    max-width: 150px;
    margin-right: 15px;
}

.contenedorReserva select,
.contenedorReserva input{
    border: 0;
}

.contenedorReserva #diallegada,
.contenedorReserva #diasalida{
    background: #fff;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    background: url('img/bx-calendar.png') no-repeat left center;
    padding-left: 35px;
    max-width: 140px;
}

.contenedorReserva #diallegada::placeholder,
.contenedorReserva #diasalida::placeholder{
    color: #23305E;
}

.contenedorReserva #adultos{
    background: url('img/bx-group.png') no-repeat left center;
    padding-left: 35px;
    max-width: 150px;
    text-align: center;
}

.contenedorReserva #children{
    padding-left: 0;
}

.contenedorReserva #enviarReservas .imagen{
    background: url('img/bx-dish.png') no-repeat left center;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.contenedorReserva #enviarReservas:hover .imagen{
    background: url('img/bx-dish-hover.png') no-repeat left center;
}

.contenedorReserva #idHotel{
    background: url('img/bx-map.png') no-repeat left center;
    padding-left: 35px;
}

.contenedorReserva #children{
    background: url('img/bx-face.png') no-repeat left center;
    padding-left: 30px;
    text-align: center;
}

.contenedorReserva #promo_code{
    background: url('img/discount.png') no-repeat left center;
    padding-left: 30px;
}

.reserva_responsive {
    display: none;
    position: fixed;
    z-index: 100;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    -webkit-transform: none;
    transform: none;
}

#Booking .modal-dialog {
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 0;
    width: 100%;
    height: 100%;
}

#Booking .contentReserva {
    padding: 15px;
}

#Booking .modal-content {
    height: 100%;
}

.modal .modal-header {
    padding-bottom: 5px;
    border-bottom: 0;
}

.close{
    opacity: 1;
}

.close span{
    font-size: 40px;
}

.content-reservas{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-color: #fff;
    z-index: 10;
}

#BookingHeader .modal-dialog{
    width: 90%;
}

#BookingHeader .modal-content{
    height: 200px;
    max-width: 1200px;
    margin: 0 auto;
}

#edad-container-mv{
    display: none;
    padding-bottom: 20px;
}

.pxl-pagetitle.layout-df .pxl-page-title .main-title{
    text-transform: uppercase;
    font-weight: 300;
}

.pxl-pagetitle.layout-df .pxl-page-title .sub-title {
    font-size: 18px;
}

.pxl-text-editor,
p,
.elementor-widget-text-editor,
.item-desc{
    line-height: 22px !important;
}

.line50 p{
    line-height: 50px !important;
}

.selector-idiomas{
    width: 90px !important;
}

.pxl-fancy-icon .fa-phone,
.pxl-fancy-icon .zmdi-email,
.pxl-fancy-icon .fa-phone-alt{
    vertical-align: -moz-middle-with-baseline;
}

.elementor-6579 .elementor-element.elementor-element-0233eb6 .fancybox-inner .pxl-fancybox-content .title,
.elementor-22927 .elementor-element.elementor-element-0233eb6 .fancybox-inner .pxl-fancybox-content .title{
    margin-top: 9px;
}

.fancybox-inner .pxl-fancy-icon{
    padding-right: 0;
}

.live-cam .elementor-icon-box-title{
    margin-top: 3px;
}

.wpml-ls-native{
    color: #23305E;
}

html[lang="fr-FR"] .contenedorReserva #idHotel {
    padding-right: 15px;
    margin-right: 10px;
}

html[lang="fr-FR"] .contenedorReserva #diallegada{
    max-width: 155px;
}

html[lang="fr-FR"] .contenedorReserva #diasalida{
    max-width: 140px;
}

html[lang="fr-FR"] .contentReserva .campos{
    margin-right: 10px;
}

html[lang="fr-FR"] .contenedorReserva #adultos{
    padding-left: 30px;
    padding-right: 20px;
}

html[lang="fr-FR"] .contenedorReserva #children{
    padding-right: 20px;
}

.elementor-22960 .elementor-element.elementor-element-0233eb6 .fancybox-inner .pxl-fancybox-content .title{
    margin-top: 10px;
}


@media (max-width: 991px){
    .elementor-7277 .elementor-element.elementor-element-96f3903,
    .elementor-7279 .elementor-element.elementor-element-33e4744,
    .elementor-20829 .elementor-element.elementor-element-96f3903,
    .elementor-22907 .elementor-element.elementor-element-96f3903,
    .elementor-22912 .elementor-element.elementor-element-33e4744,
    .elementor-22917 .elementor-element.elementor-element-96f3903,
    .elementor-23056 .elementor-element.elementor-element-96f3903,
    .elementor-23051 .elementor-element.elementor-element-33e4744,
    .elementor-23046 .elementor-element.elementor-element-96f3903{
        width: 100%;
    }
}


@media (max-width: 980px) {
    .selector-fechas,
    .btn-reservas .pxl-button-wrapper,
    .btn-reservas{
        display: none !important;
    }

    .reserva_responsive {
        display: block;
    }

    #formureservas #idHotel,
    #formureservas .campos,
    #formureservas .bt_enviar,
    .contentReserva #sandbox-container,
    #formureservas #datepicker,
    .contentReserva .campo_promo,
    #enviarReservas{
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .contentReserva #sandbox-container,
    #formureservas #datepicker{
        margin-bottom: 0;
    }

    .contentReserva .campos{
        border: 0;
    }

    #diallegada,
    #diasalida{
        background-color: #fff;
    }

    #diallegada::placeholder,
    #diasalida::placeholder,
    #promo_code::placeholder{
        color: #23305E;
    }
}

@media (min-width: 576px) {
    .elementor-7958 .elementor-element.elementor-element-b23f317 {
        width: 20%;
    }

    .elementor-7958 .elementor-element.elementor-element-7d236d5,
    .elementor-7958 .elementor-element.elementor-element-3814074{
        width: 25%;
    }
}

@media (max-width: 575px) {
    .elementor-7279 .elementor-element.elementor-element-7884335 .elementor-widget-wrap {
        min-height: 60px;
    }

    .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-prev,
    .pxl-slider-arrow-wrap.arrow-on-hover.separate .pxl-slider-arrow-next{
        height: 40px;
        top: auto;
    }

    .elementor-7958 .elementor-element.elementor-element-b17940c{
        padding-top: 0;
    }

    .elementor-444 .elementor-element.elementor-element-9b8b38a{
        background-color: #23305E;
    }

    .footer-servicios li{
        padding-bottom: 15px;
    }

    .pxl-swiper-dots.style-bullets-number{
        margin-top: 0;
    }
}