/*
Theme Name: Pierre &amp; Vacances - Andorra
Description: Pierre & Vacances - Andorra
Author: Creaktiva
Template: flatsome
Version: 3.0
*/


/*************** ADD CUSTOM CSS HERE.   ***************/

.texto_iconbox .icon-box-img {
    margin-bottom: 0;
}

.texto_iconbox .icon-box-text {
    line-height: 1.1rem;
}

.etiqueta_ofertas.box-badge .box-text {
    bottom: 0;
}

.button.secondary.btn_ofertas {
    position: absolute;
    bottom: 0;
    left: 15px;
}

.text.texto_ofertas {
    margin-bottom: 60px;
}

.imagen_actividades_home .text.texto_actividades_imagen_home {
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.imagen_actividades_home:hover .text.texto_actividades_imagen_home {
    opacity: 1;
}

.texto_anuncio_superior {
    min-height: 40px;
    padding: 0 15px 10px !important;
}

.texto_anuncio_superior p {
    margin: 0;
    padding: 0;
}

.texto_anuncio_superior>div {
    padding: 7px 0;
}

.scroll-to-bullets a {
    border-color: #BD2D4E !important;
    background-color: #fff !important;
}

.scroll-to-bullets a:hover,
.scroll-to-bullets a.active {
    background-color: #BD2D4E !important;
}

.mapa_establecimiento .ums_map_opts,
.mapa_establecimiento .ums_map_opts .umsMapDetailsContainer,
.mapa_establecimiento .ums_map_opts .ums_MapPreview {
    height: 100% !important;
}

.fs-14 {
    font-size: 14px;
}

.c-menu-footer .ux-menu-link__link.flex {
    min-height: 2em;
}

.scroll-to-bullets.hide-for-medium {
    display: block !important;
}


/*.box_precio_boton{*/


/*position: absolute;*/


/*width: 100% !important;*/


/*bottom: 0;*/


/*}*/

h2.titulo_establecimiento {
    /*min-height: 90px;*/
}

.menu_footer_andorra {
    list-style: none;
    line-height: 1.5rem;
    text-align: left;
}

.section.formulario_booking.fixedBook {
    position: fixed !important;
    top: 83px;
    width: 100%;
    z-index: 29;
}

.establecimientos-template-default .banner {
    background-color: #ffffff;
}

.establecimientos-template-default h3.section-title.section-title-center {
    font-size: 1.3em;
}

.cuadro_habitacion .box-text {
    pointer-events: none;
}

.contenedor_apartamentos_detalles {
    position: fixed;
    top: 100%;
    width: 100%;
    height: 100%;
    right: 0;
    z-index: 9991;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    overflow-y: scroll;
}

.contenedor_apartamentos_detalles:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    height: 100%;
    background: rgb(245, 245, 245);
}

.contenedor_apartamentos_detalles .section {
    /*height: 100%;*/
}

.contenedor_apartamentos_detalles.activo {
    top: 0;
    opacity: 1;
}

.cuadro_apt {
    cursor: pointer;
}

.cuadro_apt .box-text {
    padding-left: 10px;
    padding-right: 10px;
}

.cuadro_apt .box-text .box-text-inner {
    line-height: 1.3rem;
}

.fs-09 {
    font-size: 0.9em;
}

.pb-0 p {
    padding-bottom: 0;
    margin-bottom: 10px;
}

.acordeon_habitaciones,
.acordeon_habitaciones .accordion-inner {
    padding: 1em 1em;
}


/*Fancybox*/

.fancybox__container {
    z-index: 9999;
}


/*fin lightbox*/


/*    Filtro establecimientos */

.ms-options-wrap {
    width: 24%;
    float: left;
    margin: 0 5px;
    z-index: 999;
}

.ms-options-wrap>button {
    border-radius: 5px;
    text-transform: none;
    font-size: 0.85em !important;
}

.ms-options-wrap>button ::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    margin-left: 5px;
}

#ms-list-2.ms-options-wrap>button ::before,
#ms-list-1.ms-options-wrap>button ::before {
    content: "\f5a0"
}

#ms-list-4.ms-options-wrap>button ::before,
#ms-list-3.ms-options-wrap>button ::before {
    content: "\f562"
}

#ms-list-6.ms-options-wrap>button ::before,
#ms-list-5.ms-options-wrap>button ::before {
    content: "\f124"
}

#ms-list-8.ms-options-wrap>button ::before,
#ms-list-7.ms-options-wrap>button ::before {
    content: "\f594"
}

#ms-list-10.ms-options-wrap>button ::before,
#ms-list-9.ms-options-wrap>button ::before {
    content: "\f509"
}

.ms-options-wrap>.ms-options {
    top: 50px;
    border-radius: 5px;
    padding: 5px 10px;
    z-index: 999;
}

.ms-options-wrap>.ms-options .ms-selectall {
    text-transform: initial;
    text-decoration: underline;
}

.ms-options-wrap .ms-options ul>li {
    margin-left: 0;
    margin-bottom: 0;
}

.ms-options-wrap>.ms-options>ul input[type="checkbox"] {
    top: 9px;
}

.ms-options-wrap>.ms-options>ul label {
    padding: 4px 4px 4px 25px;
}

.ms-options-wrap>.ms-options>ul label:hover,
.ms-options-wrap>.ms-options>ul li.selected label {
    background-color: #b62b4e;
    color: #fff;
}

section.align-items-normal {
    align-items: inherit;
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .imagen_establecimiento_home>div.img-inner.image-cover {
        padding-top: 240px !important;
    }
    .texto_iconbox .icon-box-text {
        padding-right: 5px;
        padding-left: 5px;
    }
    .mapa_establecimiento {
        height: 350px;
    }
    .iconos-sociales-footer {
        text-align: center;
    }
    .c-menu-footer a.ux-menu-link__link.flex {
        display: inline-block;
    }
    /*************** ISOTOPE ************/
    .ms-options-wrap {
        width: 100%;
        float: left;
        margin: 0 5px;
        z-index: 999;
    }
    #ms-list-2,
    #ms-list-1 {
        z-index: 9999;
    }
    #ms-list-4,
    #ms-list-3 {
        z-index: 9998;
    }
    #ms-list-6,
    #ms-list-5 {
        z-index: 9997;
    }
    #ms-list-8,
    #ms-list-7 {
        z-index: 9996;
    }
    #ms-list-10,
    #ms-list-9 {
        z-index: 9995;
    }
}