/*ESTILOS DEL LOADING*/
.banner-filtro {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    width: 100%;
    background-position: center;
}


.bg-loader {
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #f5f5f5;
    width: 100%;
    height: 500px;
    position: relative;
}

/*CONTENEDOR DEL LOADING*/
.preloader-2 {
    margin: 120px auto 0;
    color: #EC6E4C; /*Rojo*/
    text-align: center;
    font-weight: 500;
}

/*LINEAS DE LOADING*/
.preloader-2 .line {
    width: 4px;
    height: 12px;
    background: #EC6E4C;
    margin: 0 1px;
    display: inline-block;
    animation: opacity-2 1000ms infinite ease-in-out;
}

.preloader-2 .line-1 {
    animation-delay: 800ms;
}

.preloader-2 .line-2 {
    animation-delay: 600ms;
}

.preloader-2 .line-3 {
    animation-delay: 400ms;
}

.preloader-2 .line-4 {
    animation-delay: 200ms;
}

.preloader-2 .line-6 {
    animation-delay: 200ms;
}

.preloader-2 .line-7 {
    animation-delay: 400ms;
}

.preloader-2 .line-8 {
    animation-delay: 600ms;
}

.preloader-2 .line-9 {
    animation-delay: 800ms;
}

/*ANIMACION DEL LOADING*/
@keyframes opacity-1 {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes opacity-2 {
    0% {
        opacity: 1;
        height: 15px;
    }
    50% {
        opacity: 0;
        height: 12px;
    }
    100% {
        opacity: 1;
        height: 15px;
    }
}


#new-calendar {
    display: none;
    padding-top: 50px;

}

/* name month*/
#name-month {
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 768px;
    margin: 0 auto;
}

/*linea horizontal del mes */
#name-month:before {
    content: '';
    width: 150px;
    height: 2px;
    background-color: #000;
    margin-right: .5em;
}

/*Contenedor del filtro*/
.dropdown {
    margin-top: 5px;
}

/*titulo del filtro*/
.title-filter {
    margin-right: 10px;
}

/*filtro alineado a la derecha*/
.filter-right {
    text-align: right;
}

/*letra color rojo al pasar el mouse y color gris*/
.colormuestra {
    transition: background-color .5s;
}

.colormuestra:hover {
    /*background-color:#f5f5f5;*/
    color: #EC6E4C; /*rojo*/
}

/*boton filtro*/
.btn-filter {
    background-color: #fff;
    border: 1px solid #3c3c3c;
    padding: 0.2rem .5rem;
    font-weight: 400;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-toggle {
    white-space: nowrap;
}

/* Lista del boton por hotel*/
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 15;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-menu.show {
    display: block;
}

/* color de fondo del cuadro del dia */
.bg-color-orange {
    color: rgba(255, 188, 62, 0.7);
}

.bg-color-red {
    color: rgba(229, 5, 17, 0.7);
}

.bg-color-blue {
    color: rgba(13, 171, 255, 0.7);
}

.bg-color-green {
    color: rgba(39, 155, 58, 0.7);
}

.bg-color-black {
    color: rgba(0, 0, 0, 0.7);
}

/* color de fondo del cuadro del dia */
.bg-color-actividades-diarias {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/actividades_-diarias.png); /* 16px x 16px */
}

.bg-color-kids-zone {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/kids_zone.png);
}

.bg-color-festividades {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/festividades.png);
}

.bg-color-alimentos-y-bebidas {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/ayb.png);
}

.bg-color-eventos-socios {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/eventos_socios.png);
}

.bg-color-eventos-marca {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/eventos_marca.png);
}

.bg-color-show-nocturnos {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/shows_nocturnos.png);
}

.bg-color-actividades-diarias1 {
    background-color: #F08A76;
}

.bg-color-kids-zone1 {
    background-color: #8FB9AB;
}

.bg-color-festividades1 {
    background-color: #83B574;
}

.bg-color-alimentos-y-bebidas1 {
    background-color: #E6BE7C;
}

.bg-color-eventos-socios1 {
    background-color: #314D63;
}

.bg-color-eventos-marca1 {
    background-color: #E34444;
}

.bg-color-show-nocturnos1 {
    background-color: #BDACED;
}


/*elementos calendario*/
.box-calendar {
    display: flex;
    flex-wrap: wrap;
}

.box-calendar2 {
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -ms-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    -o-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    flex-direction: column;
    align-content: stretch;
    padding-bottom: 1rem;
    margin-bottom: 2rem; /*angy*/
}

/*Imgen del calendario*/
.item-img {
    height: auto;
    overflow: hidden;
    margin-bottom: 0px; /*10px*/
}

/*encabezado del calendario*/
.item-head-calendar {
    padding-left: 38px;
    padding-right: 25px;
    margin-bottom: 10px;
    margin-top: 34px;
}

/*color del numero del dia del mes FILTRO*/
.item-color {
    font-weight: lighter;
    color: transparent;
    margin: 0;
    font-size: 18px;
    text-align: center;
    padding: 10px;
}

.item-color .month {
    margin-bottom: 20px;
}

.item-color span {
    display: block;

}

/*dia del mes*/
.item-day {
    position: absolute;
    top: 0;
    z-index: 5;
    overflow-wrap: break-word;
    width: 55px;
    /*height: 55px;*/
    height: 283px;
    padding: 15px;
}

/*Linea que divide*/
.item-meta-datos {
    display: flex;
    align-items: center;
    min-height: 44px;

}

/*titulo del calendario */
.item-title {
    font-size: 14px;
    font-family: sans-serif;
    color: dimgray;
}

/* localizacion de actividad*/
.item-location {
    flex-grow: 1;
    /*border-right: 1px solid #3c3c3c;*/
    border-right: 0px solid #3c3c3c;
    font-size: 14px;
    padding-bottom: 10px;
}

/*Hora de actividad*/
.item-hour {
    flex-grow: 1;
    text-align: right;
    font-size: 15px;
}

/* contenedor del calendario*/
.item-conten {
    position: relative;
}

.calendar-row {
    /*padding-top: 15px;*/
    /*padding-bottom: 15px*/
}

/*botones de navegacion*/
.calendar-row2 {
    padding-top: 15px;
    padding-bottom: 15px
}

/*description de la actividad*/
.calendar-row .description p { /*p-quitar*/
    margin-bottom: 10px;
    padding-left: 0px; /*65*/
    padding-right: 0px;
}

/* Boton de Navegacion */
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #3c3c3c;
    background-color: #fff;
    border: 1px solid #3c3c3c;
}

/* Boton previus month */
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

/* numero de paginacion */
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #000;
    border-color: #000;
    display: none;
}

/* boton previus y next */
.page-link:hover, .page-link:focus {
    z-index: 2;
    color: #fff;
    background-color: #000;
    border-color: #000;
    text-decoration: none;
}

/*header 26-02-2020*/
.global-container {
    /*margin-top: -40px;*/
}

.page-id-1875 .global-container,
.page-id-5026 .global-container {
    margin-top: 0px !important;
}

/*Movil calendario*/
@media screen and (max-width: 767px) {
    #title-filters .wpb_column {
        width: 100%;
    }

    #name-month {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #name-month:before,
    #name-month:after {
        width: 15%;
        content: '';
    }

    .dropdown {
        text-align: center;
    }

    .banner-filtro {
        min-height: 250px;
        background-position: center;
    }

    .bg-color-festividades {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/festividades.png);
    /* font-size: 91%; */
    height: 80px;
    width: 80px;

    }

.bg-color-actividades-diarias {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/actividades_-diarias.png); /* 16px x 16px */
    height: 80px;
    width: 80px;
}

.bg-color-kids-zone {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/kids_zone.png);
    height: 80px;
    width: 80px;
}

.bg-color-festividades {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/festividades.png);
    height: 80px;
    width: 80px;
}

.bg-color-alimentos-y-bebidas {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/ayb.png);
    height: 80px;
    width: 80px;
}

.bg-color-eventos-socios {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/eventos_socios.png);
    height: 80px;
    width: 80px;
}

.bg-color-eventos-marca {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/eventos_marca.png);
    height: 80px;
    width: 80px;
}

.bg-color-show-nocturnos {
    background-image: url(https://www.sunsetworldresorts.com/sw2018/wp-content/uploads/2022/01/shows_nocturnos.png);
    height: 80px;
    width: 80px;
}

}

/*movil lista activity*/
@media screen and (max-width: 480px) {

    .item-day {
        position: absolute;
        top: 0;
        z-index: 5;
        overflow-wrap: break-word;
        width: 45px;
        /*height: 55px;*/
        height: 233px;
        padding: 10px;
    }

    .calendar-row .description p {
        margin-bottom: 10px;
        padding-left: 0px; /*55*/
        padding-right: 25px;
    }

    .item-head-calendar {
        padding-left: 55px;
        padding-right: 25px;
        margin-bottom: 10px;
        padding-top: 30px;
    }






}


/*TAXONOMI FEBRERO 24*/
#name-hotel {
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 768px;
    margin: 0 auto;
}


#name-hotel:before {
    content: '';
    width: 150px;
    height: 2px;
    background-color: #000;
    margin-right: .5em;
    text-transform: uppercase;
}

/*nombre del mes vertical*/
.item-day2 {
    position: absolute;
    top: 0;
    z-index: 5;
    overflow-wrap: break-word;
    width: 45px;
    height: 283px;
    padding: 15px;
}

.calendar-row .description2 p { /*p*/
    margin-bottom: 10px;
    padding-left: 55px;
    padding-right: 25px;
}

.item-head-calendar2 {
    padding-left: 55px;
    padding-right: 25px;
    margin-bottom: 10px;
}

/*Movil taxonomi*/
@media screen and (max-width: 767px) {
    #title-filters .wpb_column {
        width: 100%;
    }

    #name-hotel {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    #name-hotel:before,
    #name-hotel:after {
        width: 15%;
        content: '';
    }

    .dropdown {
        text-align: center;
    }
}


/*movil lista taxonomy*/
@media screen and (max-width: 480px) {

    /*.tax-cat-activity .description2 ul {
        padding-left: 0px;
        padding-right: 0px;
    }*/
    .item-day2 {
        position: absolute;
        top: 0;
        z-index: 5;
        overflow-wrap: break-word;
        width: 45px;
        /*height: 55px;*/
        height: 233px;
        padding: 10px;
    }


    .calendar-row .description2 p { /*p*/
        margin-bottom: 10px;
        padding-left: 55px;
        padding-right: 25px;
    }

    .item-head-calendar2 {
        padding-left: 55px;
        padding-right: 25px;
        margin-bottom: 10px;
    }

}

i {
    position: absolute;
    margin-top: -25px;
    margin-left: 40%;
    font-size: 40px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}

i > img {
    display: block;
}