/*
	CSS personalizado para Single DESTINOS
*/

/**************************************** GAMA DE COLORES ****************************************/

/*    Azul Oscuro: 005376 rgb(  0, 83,118) */
/*           Gris: 999999 rgb(153,153,153) */
/*     Azul Medio: 8CA8C2 rgb(140,168,194) */
/*     Azul Claro: C8D8E8 rgb(200,216,232) */
/* Azul Muy Claro: E0F3FC rgb(224,243,252) */

/*        Verde 1: 90C254 rgb(144,194, 84) */
/*        Verde 2: C8DDAB rgb(200,221,171) */
/*        Verde 3: E6F0D7 rgb(230,240,215) */

/*      Naranja 1: FF7711 rgb(255,119, 17) */
/*      Naranja 2: FFEEDD rgb(255,238,221) */

/************************************ MODIFICADOS DE syle-home ***********************************/

#main                               { padding: 0px !important; }
#main .full-container               { max-width: none !important; }
.single-destinos .entry-content *   { font-family: var(--font-family-narrow); font-weight: 400; }
.single-destinos .entry-content .fa { font-family: "FontAwesome" !important; }

/************************************** #rowCabeceraDestino **************************************/

.single-destinos #rowCabeceraDestino                     { padding: 0px !important; }
.single-destinos #rowCabeceraDestino .divCabeceraDestino { position: relative; width: 100%; height: 500px; display: flex; align-items: center; justify-content: center; }
.single-destinos #rowCabeceraDestino .divFondo           { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.single-destinos #rowCabeceraDestino .divFondo           { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.single-destinos #rowCabeceraDestino .divHeading         { margin: 0px auto; max-width: 80%; z-index: 1; }
.single-destinos #rowCabeceraDestino .divHeading:before  { width: 300px; background: #FFFFFF; height: 2px; border: solid 1px var(--color1-hex); }
.single-destinos #rowCabeceraDestino .divHeading:after   { width: 300px; background: #FFFFFF; height: 2px; border: solid 1px var(--color1-hex); }
.single-destinos #rowCabeceraDestino .divHeading h1      { color: #FFFFFF !important; font-size: 60px !important; }

.single-destinos #rowCabeceraDestino .divHeading h1 {
	text-shadow: 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 0 0 2px var(--color1-hex), 3px 3px 3px rgba(0,0,0,0.7);
}

@media (max-width: 1180px) { .single-destinos #rowCabeceraDestino .divHeading         { max-width: 90%; } }
@media (max-width: 1080px) { .single-destinos #rowCabeceraDestino .divCabeceraDestino { height: 400px; } .single-destinos #rowCabeceraDestino .divHeading h1 { font-size: 50px !important; } }
@media (max-width:  980px) { .single-destinos #rowCabeceraDestino .divCabeceraDestino { height: 360px; } .single-destinos #rowCabeceraDestino .divHeading h1 { font-size: 40px !important; } }
@media (max-width:  780px) { .single-destinos #rowCabeceraDestino .divCabeceraDestino { height: 320px; } .single-destinos #rowCabeceraDestino .divHeading h1 { font-size: 36px !important; } }
@media (max-width:  580px) { .single-destinos #rowCabeceraDestino .divCabeceraDestino { height: 300px; } .single-destinos #rowCabeceraDestino .divHeading h1 { font-size: 32px !important; } }
@media (max-width:  480px) { .single-destinos #rowCabeceraDestino .divCabeceraDestino { height: 280px; } .single-destinos #rowCabeceraDestino .divHeading h1 { font-size: 24px !important; } }

/************************************** #rowFormReservaSedes **************************************/

@media (max-width: 1180px) { .single-destinos #rowFormReservaSedes { padding: 0px 20px !important; } }

/***************************************** #rowContenido *****************************************/

.single-destinos #rowContenido             { margin: auto; max-width: 1080px; }
.single-destinos #rowContenido .divFoto    { float: right; margin: 0px 0px 10px 20px; width: 40%; }
.single-destinos #rowContenido .divFoto  a { cursor: zoom-in; }
.single-destinos #rowContenido .divTexto p { text-align: justify; }

@media (max-width: 1180px) { .single-destinos #rowContenido .divContenido { padding: 0px 20px; } }
@media (max-width:  980px) { .single-destinos #rowContenido .divFoto      { width: 50%; } }
@media (max-width:  780px) { .single-destinos #rowContenido .divFoto      { width: 60%; } }
@media (max-width:  580px) { .single-destinos #rowContenido .divFoto      { float: none; margin: 0px 0px 20px 0px; width: 100%; } }
@media (max-width:  580px) { .single-destinos #rowContenido .divTexto p   { font-size: 14px; } }
@media (max-width:  480px) { .single-destinos #rowContenido .divContenido { padding: 0px; } }
@media (max-width:  320px) { .single-destinos #rowContenido .divTexto p   { text-align: left; } }

/****************************************** #rowGallery ******************************************/

.single-destinos #rowGallery                                                  { margin: auto; max-width: 1080px; }
.single-destinos #rowGallery .divGallery                                      { display: flex; justify-content: center; }
.single-destinos #rowGallery .divGallery .divGalleryFoto                      { width: 25%; height: 210px; overflow: hidden; }
.single-destinos #rowGallery .divGallery .divGalleryFoto .divFoto             { width: 100%; height: 100%; background-repeat: no-repeat; }
.single-destinos #rowGallery .divGallery .divGalleryFoto .divFoto             { position: relative; background-size: cover; background-position: center center; }
.single-destinos #rowGallery .divGallery .divGalleryFoto .divFoto             { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.single-destinos #rowGallery .divGallery .divGalleryFoto .divFoto:after       { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; width: 100%; }
.single-destinos #rowGallery .divGallery .divGalleryFoto .divFoto:after       { content: "\f00e"; font-family: "FontAwesome"; font-size: 40px; color: #FFFFFF; line-height: normal; }
.single-destinos #rowGallery .divGallery .divGalleryFoto .divFoto:after       { text-align: center; opacity: 0; pointer-events: none; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); }
.single-destinos #rowGallery .divGallery .divGalleryFoto .divFoto:after       { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.single-destinos #rowGallery .divGallery .divGalleryFoto .divFoto:hover       { transform: scale(1.2) rotate(-5deg); }
.single-destinos #rowGallery .divGallery .divGalleryFoto .divFoto:hover:after { opacity: 1; }

@media (max-width: 1180px) { .single-destinos #rowGallery .divGallery                 { padding: 0px 20px; } }
@media (max-width:  780px) { .single-destinos #rowGallery .divGallery .divGalleryFoto { height: 180px; } }

@media (max-width:  580px) {
	.single-destinos #rowGallery .divGallery                 { flex-wrap: wrap; }
	.single-destinos #rowGallery .divGallery .divGalleryFoto { width: 50%; height: 140px; }
}

@media (max-width:  480px) {
	.single-destinos #rowGallery .divGallery                 { padding: 0px; }
	.single-destinos #rowGallery .divGallery .divGalleryFoto { height: 100px; }
}

/*************************************** #rowOtrosDestinos ***************************************/

.single-destinos #rowOtrosDestinos                    { margin: auto; max-width: 1080px; }
.single-destinos #rowOtrosDestinos .divHeading        { margin: 0px auto; max-width: 1080px; justify-content: flex-start; }
.single-destinos #rowOtrosDestinos .divHeading:before { display: none; }
.single-destinos #rowOtrosDestinos .divHeading:after  { display: none; }
.single-destinos #rowOtrosDestinos .divHeading h1     { margin: 0px !important; font-size: 48px; font-weight: 600; text-align: left; }

.single-destinos #rowOtrosDestinos #sliderDestinos { position: relative; margin: 0px auto; max-width: 1080px;  }
.single-destinos #rowOtrosDestinos .slider         { margin: auto; }
.single-destinos #rowOtrosDestinos .slider .slide  { background: none; }
.single-destinos #rowOtrosDestinos .divSlide       { margin: 20px auto 0px auto; width: 250px; height: 300px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.single-destinos #rowOtrosDestinos .divSlide *     { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.single-destinos #rowOtrosDestinos .divSlide:hover { transform: translateY(-20px); }

.single-destinos #rowOtrosDestinos .divDestinoOtros { position: relative; width: 100%; height: 100%; background-image:url("/wp-content/uploads/fondo_polaroid.png"); }
.single-destinos #rowOtrosDestinos .divDestinoOtros { background-repeat: no-repeat; background-size: contain; background-position: center center; }
.single-destinos #rowOtrosDestinos .divFoto         { position: absolute; top: 18px; left: 16px; width: 218px; height: 218px; }
.single-destinos #rowOtrosDestinos .divFoto         { background-repeat: no-repeat; background-size: cover; background-position: center center; }
.single-destinos #rowOtrosDestinos .divTitulo       { position: absolute; bottom: 25px; width: 100%; text-align: center; }
.single-destinos #rowOtrosDestinos .divTitulo h1    { font-family: var(--font-family-narrow); font-size: 24px; font-weight: 600; color: var(--color1-hex); }

.single-destinos #rowOtrosDestinos .slider_left        { top: 168px; left:  -25px; transform: translateY(-50%); font-size: 60px; color: var(--color1-hex); }
.single-destinos #rowOtrosDestinos .slider_right       { top: 168px; right: -25px; transform: translateY(-50%); font-size: 60px; color: var(--color1-hex); }
.single-destinos #rowOtrosDestinos .slider_dot         { margin: 0px 5px; width: 16px; height: 16px; background: none; border: solid 2px var(--color1-hex); cursor: pointer; }
.single-destinos #rowOtrosDestinos .slider_dot:hover   { transform: scale(1.2); background: #FFFFFF; }
.single-destinos #rowOtrosDestinos .slider_dot.current { background: var(--color1-hex); }

@media (max-width: 1180px) {
	.single-destinos #rowOtrosDestinos .divOtrosDestinos { padding: 0px 20px; }
	.single-destinos #rowOtrosDestinos #sliderDestinos   { max-width: 980px;  }
	.single-destinos #rowOtrosDestinos .divSlide         { width: 220px; height: 260px; }
	.single-destinos #rowOtrosDestinos .divFoto          { top: 15px; left: 16px; width: 189px; height: 189px; }
	.single-destinos #rowOtrosDestinos .divTitulo        { bottom: 18px; }
	.single-destinos #rowOtrosDestinos .slider_left      { top: 148px; }
	.single-destinos #rowOtrosDestinos .slider_right     { top: 148px; }
}


@media (max-width: 1080px) {
	.single-destinos #rowOtrosDestinos .divHeading h1  { margin: 0px auto !important; }
	.single-destinos #rowOtrosDestinos #sliderDestinos { max-width: 820px;  }
	.single-destinos #rowOtrosDestinos .divSlide       { width: 250px; height: 300px; }
	.single-destinos #rowOtrosDestinos .divFoto        { top: 18px; left: 16px; width: 218px; height: 218px; }
	.single-destinos #rowOtrosDestinos .divTitulo      { bottom: 25px; }
	.single-destinos #rowOtrosDestinos .slider_left    { top: 168px; }
	.single-destinos #rowOtrosDestinos .slider_right   { top: 168px; }
}

@media (max-width:  980px) {
	.single-destinos #rowOtrosDestinos #sliderDestinos { max-width: 630px;  }
	.single-destinos #rowOtrosDestinos .divSlide       { width: 190px; height: 230px; }
	.single-destinos #rowOtrosDestinos .divFoto        { top: 15px; left: 13px; width: 164px; height: 164px; }
	.single-destinos #rowOtrosDestinos .divTitulo      { bottom: 18px; }
	.single-destinos #rowOtrosDestinos .divTitulo h1   { font-size: 20px; }
	.single-destinos #rowOtrosDestinos .slider_left    { top: 134px; left:  -20px; font-size: 50px; }
	.single-destinos #rowOtrosDestinos .slider_right   { top: 134px; right: -20px; font-size: 50px; }
	.single-destinos #rowOtrosDestinos .slider_dot     { width: 14px; height: 14px; }
}

@media (max-width:  780px) {
	.single-destinos #rowOtrosDestinos #sliderDestinos { max-width: 440px;  }
	.single-destinos #rowOtrosDestinos .slider_left    { left:  -15px; font-size: 46px; }
	.single-destinos #rowOtrosDestinos .slider_right   { right: -15px; font-size: 46px; }
}

@media (max-width:  580px) {
	.single-destinos #rowOtrosDestinos #sliderDestinos { max-width: 340px;  }
	.single-destinos #rowOtrosDestinos .divSlide       { width: 160px; height: 190px; }
	.single-destinos #rowOtrosDestinos .divFoto        { top: 11px; left: 11px; width: 138px; height: 138px; }
	.single-destinos #rowOtrosDestinos .divTitulo      { bottom: 12px; }
	.single-destinos #rowOtrosDestinos .slider_left    { top: 114px; left:  -20px; font-size: 40px; }
	.single-destinos #rowOtrosDestinos .slider_right   { top: 114px; right: -20px; font-size: 40px; }
	.single-destinos #rowOtrosDestinos .slider_dotwrap { display: none; }
}

@media (max-width:  480px) {
	.single-destinos #rowOtrosDestinos #sliderDestinos { max-width: 200px;  }
	.single-destinos #rowOtrosDestinos .divSlide       { width: 190px; height: 230px; }
	.single-destinos #rowOtrosDestinos .divFoto        { top: 15px; left: 13px; width: 164px; height: 164px; }
	.single-destinos #rowOtrosDestinos .divTitulo      { bottom: 18px; }
	.single-destinos #rowOtrosDestinos .slider_left    { top: 134px; left:  -15px; font-size: 42px; }
	.single-destinos #rowOtrosDestinos .slider_right   { top: 134px; right: -15px; font-size: 42px; }
}

@media (max-width:  380px) {
	.single-destinos #rowOtrosDestinos #sliderDestinos { max-width: 180px;  }
	.single-destinos #rowOtrosDestinos .divSlide       { width: 160px; height: 190px; }
	.single-destinos #rowOtrosDestinos .divFoto        { top: 11px; left: 9px; width: 140px; height: 140px; }
	.single-destinos #rowOtrosDestinos .divTitulo      { bottom: 13px; }
	.single-destinos #rowOtrosDestinos .divTitulo h1   { font-size: 18px; }
	.single-destinos #rowOtrosDestinos .slider_left    { top: 114px; }
	.single-destinos #rowOtrosDestinos .slider_right   { top: 114px; }
}

/**************************************** #rowGoogleMaps *****************************************/

.single-destinos #rowGoogleMaps                { padding: 0px !important; }
.single-destinos #rowGoogleMaps .divGoogleMaps { width: 100%; height: 600px; line-height: 0px; }

@media (max-width: 1280px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 560px; } }
@media (max-width: 1180px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 540px; } }
@media (max-width: 1080px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 520px; } }
@media (max-width:  980px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 500px; } }
@media (max-width:  880px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 480px; } }
@media (max-width:  780px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 460px; } }
@media (max-width:  680px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 440px; } }
@media (max-width:  580px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 420px; } }
@media (max-width:  480px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 400px; } }
@media (max-width:  380px) { .single-destinos #rowGoogleMaps .divGoogleMaps { height: 380px; } }

/************************************* #rowHomeBannerTarifas *************************************/

.single-destinos #rowHomeBannerTarifas { padding: 0px !important; }
