//#wpadminbar{ display: none !important; }
body{
font-family: Poppins, Helvetica, sans-serif;
text-align: left;
margin:0 0 0 0;
cursor:default;
font-size: 1vw;
}
input[type="button"],button{
border:none;
background:none;
font-size:1em;
cursor:pointer;
}
img{
border:none;
}
a{
color: inherit;
text-decoration: none;
}
*[onclick],*[href]{
cursor: pointer;
}
textarea{
resize:none;
}
.clr{
clear:both;
}
.columnas2{
-webkit-column-count:2;
-moz-column-count:2;
column-count:2;
}
.columnas3{
-webkit-column-count:3;
-moz-column-count:3;
column-count:3;
}
.columnas4{
-webkit-column-count:4;
-moz-column-count:4;
column-count:4;
}
.grid2{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1em;
}
.grid3{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em;
}
.grid4{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1em;
}
.grid5{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 1em;
}
.flex{
display: flex;
flex-flow: row wrap;
align-content: space-between;
justify-content: space-between;
}
.flex>*{
flex-grow: 1;
flex-shrink: 1;
flex-basis: auto;
text-align: center;
}
.site_error>div{
margin: 0 auto;
padding: 0.5em;
color: #C44;
border:#C44 solid 1px;
background: #EDD;
text-align: center;
width: 50%;
min-width: 280px;
border-radius: 0.15em;
font-weight:600;
}
.site_error{
position: fixed;
top:-20em;
opacity: 0;
z-index: 10;
width: 100%;
-webkit-animation: siteError 5s 1;
-moz-animation: siteError 5s 1;
animation: siteError 5s 1;
}
.site_success>div{
margin: 0 auto;
padding: 0.5em;
color: #494;
border:#494 solid 1px;
background: #DED;
text-align: center;
width: 50%;
min-width: 280px;
border-radius: 0.15em;
font-weight:600;
}
.site_success{
position: fixed;
top:-20em;
opacity: 0;
z-index: 10;
width: 100%;
-webkit-animation: siteError 5s 1;
-moz-animation: siteError 5s 1;
animation: siteError 5s 1;
}
@keyframes siteError{
0%{opacity:1;top:5em;}
90%{opacity:1}
99%{opacity:0;top:5em;}
100%{opacity:0;top:-20em;}
}
.hide_me{
height: 0;
width: 0;
overflow: hidden;
opacity: 0;
font-size: 1px;
}
a,input,button,*[onclick],*[href]{
transition: all .25s ease-in-out;
cursor: pointer;
}
h1,h2,h3,h4,footer{
font-family: Poppins, Helvetica, sans-serif;
} body>header{
position: fixed;
top:0;
left:0;
right: 0;
z-index: 10;
background:rgba(0,0,0,0.8);
color: white;
font-family: Poppins, Helvetica, sans-serif;
font-weight: 300;
height: 5.5em;
overflow: visible;
}
#topbar{
background: black;
padding: 0.25em 2.5%;
height: 1.5em;
line-height: 1.5em;
display: none;
}
#topbar a{
display: inline-block;
margin-right: 1em;
font-size: 0.9em;
}
#topbar a:hover{
color: #39C;
}
#topbar>a>i.fa{
display: inline-block;
margin-right: 0.5em;
}
#menu_redes{
display: inline-block;
float: right;
}
#header_content{
padding: 0.5em 2.5%;
height: 4em;
line-height: 4em;
}
#logo{
float: left;
}
#logo>img{
display: block;
height: 8em;
}
menu{
text-align: right;
margin: 0;
padding: 0;
font-size: 1.25em;
}
menu ul{
margin: 0;
padding: 0;
}
menu li{
list-style: none;
padding: 0 0.25em;
margin: 0 0.5em;
display: inline-block;
transition: all .25s ease-in-out;
}
menu li:hover,menu li.active{
box-shadow: #39C 0 -3px 0 0 inset;
}
footer{
background: black;
color: #CCC;
font-weight: 300;
}
footer>div.grid4{
padding: 2.5%;
column-gap:0;
}
footer>div.grid4>div{
border-right: #666 solid 1px;
padding: 1em;
min-height: 20em;
}
footer>div.grid4>div:last-child{
border-right: none;
}
footer>div h4{
margin: 0 0 1em 0;
color: white;
text-transform: uppercase;
font-weight: bold;
}
footer>div ul{
padding: 0;
margin: 0;
}
footer>div li{
list-style: none;
padding: 0;
margin: 0 0 1em 0;
}
footer>div a:hover{
color: #6CF;
}
#footer_bottom{
padding: 0.5em;
text-align: center;
background: #333;
color: #999;
}
#footer_social{
line-height: 2em;
}
#footer_social b{
font-weight: 700;
}
#footer_social>div a{
font-size: 1.5em;
display: inline-block;
margin: 0 0.5em;
}
footer>div.grid4>div:nth-child(2) a{
display: block;
padding: 0.75em 0;
border-bottom: #333 solid 1px;
}
#content{
min-height: 90vh;
}
.elementor-container{
max-width: 100% !important;
}
#inicio_reel{
background: black;
min-height: 40vw;
color: white;
width: 100%;
overflow: hidden;
}
#inicio_reel_content{
width: 1000%;
position: relative;
left: 0;
transition: all .5s ease-in-out;
}
#inicio_reel_content>div{
width: 8%;
float: left;
height: 30vw;
background-size: cover;
padding: 5vw 1%;
text-align: right;
box-shadow: black 0 -15em 10em -10em inset;
}
#inicio_reel_content>div h2{
margin: 0 0 0 30%;
padding-top: 10vw;
font-size: 4em;
line-height: 1.1em;
text-shadow: black 0 2px 5px;
text-transform: uppercase;
}
#inicio_reel_content>div a{
background: #00AEEF;
padding: 1em 2em;
display: inline-block;
margin-top: 1em;
}
#inicio_reel_content>div a:hover{
color: #00AEEF;
background: white;
box-shadow: #00AEEF 0 0 0 3px;
}
#inicio_reel_control{
height: 0;
position: relative;
overflow: visible;
text-align: center;
font-size: 1.25em;
top: -3em;
}
#inicio_reel_control i.fa{
margin: 0 0.25em;
opacity: 0.4;
}
#inicio_reel_control i.fa.custom_active,#inicio_reel_control i.fa:hover{
opacity: 1;
}
#inicio_titles{
padding: 5%;
}
#inicio_titles h2 i.fa{
color: #00AEEF;
}
#inicio_titles h2 a{
font-size: 0.5em;
float: right;
display: inline-block;
padding-top: 1em;
color: #00AEEF;
font-weight: 300;
}
#inicio_titles .elementor-column{
margin-right: 2.5%;
}
.eael-entry-header{
text-transform: uppercase;
}
.eael-entry-header h3{
height: 2.5em;
line-height: 1.25em;
}
.eael-entry-header h3 a{
color: #00AEEF !important;
}
.eael-entry-header h3 a:hover{
opacity: 0.7;
} #textos_header{
background: black url(//lucesmexicanas.com/wp-content/themes/lucesmexicanas2021/images/textos_header.jpg) center bottom no-repeat;
padding: 15% 5% 5% 5%;
color: white;
background-size: cover !important;
}
#textos_header h1{
font-size: 3em;
text-transform: uppercase;
margin: 0;
}
#textos_content{
color: #666;
line-height: 1.8em;
padding: 10%;
text-align: justify;
font-weight: 300;
}
#textos_content.blog_container{
float: left;
padding: 5% 7.5%;
width: 65%;
}
#textos_content strong{
font-size: 1.5em;
color: #00AEEF;
}
#textos_content a{
color: #00AEEF;
}
#textos_content img{
display: block;
max-width: 100%;
margin: 0 auto;
} #tour_header{
background-size: cover;
background-attachment: fixed;
background-position: center top;
padding: 30% 5% 0 5%;
color: white;
box-shadow: black 0 -20vh 30vh -5vh inset;
}
#tour_header h1{
display: inline-block;
max-width: 70%;
margin: 1em 0;
font-size: 3em;
height: 2em;
line-height: 1em;
}
#tour_contact{
float: right;
width: 30%;
height: 4em;
overflow: visible;
position: relative;
z-index: 2;
}
#tour_contact h4{
margin: 0;
padding: 1em;
background: #00AEDF;
text-align: center;
}
#tour_contact_price_tag{
padding: 2.7em 1em;
background: rgba(0,160,200,0.9);
text-align: center;
}
#tour_contact_price_tag i.fa{
font-size: 1.5em;
margin-right: 0.5em;
}
#tour_contact_price_tag b{
font-size: 2em;
}
#tour_contact_price_tag sup i.fa{
opacity: 0.6;
position: relative;
top: -1em;
}
#tour_contact_price_tag sup i.fa:hover{
opacity: 1;
}
#tour_contact_price_tag sup i.fa:hover::after{
content:"El precio inicial está basado en la tarifa más baja disponible para 1 adulto.";
background:black;
color: white;
font-size: 0.7em;
transform: translate(-90%,-100%);
position: absolute;
width: min(200px,20vw);
font-family: Poppins, Helvetica, sans-serif;
padding: 0.5em;
cursor: pointer;
}
#tour_contact form{
background: white;
box-shadow: rgba(0,0,0,0.2) 0 0 0.5em;
padding: 2em;
}
form input[type="text"],form input[type="tel"],form input[type="email"],form textarea{
font: inherit;
padding: 0.5em 2%;
width: 96%;
box-shadow: #DDD 0 0 0 2px;
margin:0 auto 2em auto;
display: block;
border:none;
color: #666;
}
form label{
color: #999;
font-weight: 300;
margin-bottom: 1em;
}
form input[type="button"],form input[type="submit"],form button{
background: #C06;
font: inherit;
color: white;
padding: 1em;
width: 100%;
display: block;
font-weight: 600;
font-size: 1.2em;
}
form input[type="button"]:hover,form input[type="submit"]:hover,form button:hover{
background: #EEE;
color: #C06;
box-shadow: #C06 0 0 0 3px;
}
#tour_contact_views{
padding: 1em;
background: #F8F8F8;
text-align: center;
color: #333;
border-top: #CCC solid 1px;
font-size: 1.25em;
box-shadow: rgba(0,0,0,0.2) 0 0 0.5em;
}
#tour_contact_views i.fa{
color: #09C;
font-size: 1.2em;
margin-right: 0.5em;
}
#tour_why_us{
margin-top: 2em;
background: #F8F8F8;
padding: 2em;
font-size: 1.2em;
font-weight: 300;
}
#tour_why_us h3{
margin: 0;
color: black;
font-size: 1em;
}
#tour_why_us div{
border-bottom: #CCC solid 1px;
padding: 1em 0;
color: #666;
}
#tour_why_us div:last-child{
border-bottom: none;
}
#tour_why_us i.fa{
color: #FA0;
font-size: 1.2em;
margin-right: 0.2em;
}
#tour_contact_data{
margin: 2em 0;
padding: 4em 2em;
background: #069 url(//lucesmexicanas.com/wp-content/themes/lucesmexicanas2021/images/tour_contact.jpg) center center;
background-size: cover;
font-weight: 300;
color: white;
}
#tour_contact_data h3{
font-size: 1.75em;
margin-top: 0;
line-height: 1em;
font-weight: normal;
}
#tour_contact_data a{
color: #FC3;
font-size: 1.5em;
}
#tour_content{
color: #333;
}
#tour_content_requirements{
background: #F8F8F8;
padding: 2.5% 35% 2.5% 5%;
line-height: 2em;
font-size: 1.2em;
color: #666;
font-weight: 300;
}
#tour_content_requirements i.fa{
color: #09C;
margin-right: 0.5em;
}
#tour_content_menu{
background: #EEE;
padding: 0 35% 0 5%;
line-height: 2em;
color: #777;
line-height: 6em;
position: sticky;
top: 6em;
z-index: 1;
}
#tour_content_menu a{
display: inline-block;
padding: 0 1.5em;
}
#tour_content_menu a:hover{
color: black;
background: #F6F6F6;
}
#tour_content_menu a.active{
color: black;
box-shadow: #09C 0 -3px 0 0 inset;
}
.tour_text_content{
width: 55%;
padding: 5% 2.5%;
margin: 0 5%;
line-height: 2em;
color: #787878;
font-weight: 300;
border-bottom: #CCC solid 1px;
}
.tour_text_content:last-child{
border-bottom: none;
padding: 2.5%;
}
.tour_text_content h2{
color: #333;
font-size: 2.5em;
font-weight: normal;
margin-top: 0.5em;
}
.tour_text_content h2 i.fa{
color: #09C;
margin-right: 0.25em;
}
#tour_gallery a{
display: block;
margin-bottom: 1em;
box-shadow: #EEE 0 0 0 2px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
background: #999;
}
#tour_gallery a:hover{
opacity: 0.8;
box-shadow: #09C 0 0 0 4px;
}
#tour_gallery img{
display: block;
max-width: 100%;
max-height: 18em;
margin: 0 auto;
}
#tour_schedule div{
margin-bottom: 1em;
padding: 0.5em 1em;
font-size: 1.2em;
background: #F8F8F8;
border-radius: 0.2em;
border-left:#09C solid 3px;
}
#tour_cta{
display: block;
background: #C06;
color: white;
padding: 1em;
font-size: 1.5em;
text-align: center;
margin-bottom: 1em;
font-weight: 600;
}
#tour_cta:hover{
background: #EEE;
color: #C06;
box-shadow: #C06 0 0 0 3px;
}
#tour_reservation_response span{
display: block;
background: #EEE;
padding: 1em;
} .blog_thumb{
display: block;
float: left;
width: 28%;
margin: 0 2.66% 4em 2.66%;
font-size: 1em;
}
#blog_articles .blog_thumb:nth-child(5n-4){
width: auto !important;
float: none;
clear: both;
}
.blog_thumb>div{
height: 12em;
background: black;
overflow: hidden;
margin-bottom: 0.5em;
}
.blog_thumb img{
display: block;
width: 100%;
}
#blog_articles>h3{
color: #C06;
font-size: 3em;
}
#blog_articles .blog_thumb:nth-child(5n-4)>div{
width: 64.33%;
float: left;
height: 24em;
margin-right: 1.66%;
margin-bottom: 4em;
}
.blog_thumb h4{
font-size: 1.5em;
margin: 0.2em 0 0 0;
height: 4.5em;
line-height: 1.25em;
font-weight: 400;
text-transform: uppercase;
color: #09C;
}
.blog_thumb h5{
font-size: 0.8em;
}
.blog_thumb h6{
text-align: right;
font-size: 1em;
font-style: italic;
}
.blog_thumb p{
font-size: 0.8em;
font-weight: 300;
}
#blog_articles .blog_thumb:nth-child(5n-4)>h4{
padding-top: 2em;
}
.blog_thumb:hover h4,.blog_thumb:hover h6{
text-decoration: underline;
}
.blog_thumb:hover>div{
box-shadow: white 0 0 0 3px;
}
#blog_sidebar{
float: right;
width: 17%;
padding: 2em 1.5%;
background: #09C;
min-height: 90vh;
position: -webkit-sticky;
position: -moz-sticky;
position: sticky;
top:6em;
color: white;
text-align: left;
}
#blog_sidebar h4{
margin: 0 0 0.5em 0;
font-size: 2em;
line-height: 1em;
text-transform: uppercase;
}
#blog_sidebar a{
display: block;
line-height: 2em;
}
#blog_sidebar input{
margin-bottom: 1em;
}
#blog_sidebar a:hover{
padding-left: 1em;
color: #7A6;
}
#blog_articles{
padding: 5% 2.5%;
width: 75%;
float: left;
text-align: left;
background: white;
color: #565;
min-height: 100vh;
}
#blog_articles .blog_thumb h5{
font-size: 0.8em;
color: #999;
}
#blog_header{
background: #CCC url(//lucesmexicanas.com/wp-content/themes/lucesmexicanas2021/images/blog.jpg) center top no-repeat fixed;
background-size: 100% auto;
}
#blog_header>h1{
margin: 0;
padding: 15vw 2.5% 5vw 2.5%;
background: linear-gradient(0deg,rgba(0,0,0,0.4),rgba(0,0,0,0));
color: white;
font-size: 6em;
position: relative;
text-align: left;
text-transform: uppercase;
line-height: 1em;
} #nosotros_header{
background: black url(//lucesmexicanas.com/wp-content/themes/lucesmexicanas2021/images/nosotros_header.jpg) center bottom no-repeat fixed;
padding: 20% 5% 5% 5%;
color: white;
background-size: cover !important;
}
#nosotros_header h1{
font-size: 3em;
text-transform: uppercase;
margin: 0;
}
#nosotros_header p{
font-size: 1.5em;
font-weight: 300;
} #destinos_header{
background: black url(//lucesmexicanas.com/wp-content/themes/lucesmexicanas2021/images/destinos_header.jpg) center top no-repeat fixed;
padding: 20% 5% 5% 5%;
color: white;
background-size: cover !important;
text-align: center;
box-shadow: black 0 -20vh 30vh -10vh inset;
}
#destinos_header h1{
font-size: 4em;
text-transform: uppercase;
margin: 0;
}
#destinos_header p{
font-size: 1.5em;
font-weight: 300;
} #tours_header{
background: black url(https://lucesmexicanas.com/wp-content/uploads/2018/01/Guanajuato.jpg) center center no-repeat fixed;
padding: 25% 5% 5% 5%;
color: white;
background-size: cover !important;
text-align: center;
box-shadow: black 0 -20vh 30vh -10vh inset;
}
#tours_header h1{
font-size: 4em;
text-transform: uppercase;
margin: 0;
}
#tours_header p{
font-size: 1.5em;
font-weight: 300;
}
.tour_thumb{
background: #F8F8F8;
display: block;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
font-size: 0.8em;
color: #777;
border-bottom: #09C solid 0.5em;
transition: all .25s ease-in-out;
}
.tour_thumb:hover{
border-bottom: #C06 solid 0.5em;
}
.tour_thumb_cover{
height: 16em;
background-size: cover;
background-position: center center;
transition: all .25s ease-in-out;
position: relative;
z-index: 1;
}
.tour_thumb:hover .tour_thumb_cover{
filter: brightness(1.3);
}
.tour_thumb_data{
padding: 1.5em;
}
.tour_thumb_data h4{
font-size: 1.5em;
color: black;
text-transform: uppercase;
margin: 0 0 0.5em 0;
float: left;
width: 70%;
line-height: 1em;
height: 4em;
}
.tour_thumb:hover .tour_thumb_data h4{
color: #C06;
}
.tour_thumb_price{
float: right;
width: 26%;
text-align: right;
}
.tour_thumb_price b{
color: #09C;
font-size: 1.5em;
display: block;
}
.tour_thumb_price strike{
display: block;
}
.tour_thumb_data p{
line-height: 2em;
}
.tour_thumb_data p i.fa{
color: #09C;
font-size: 1.2em;
margin-right: 0.5em;
} #contacto_header{
background: black url(//lucesmexicanas.com/wp-content/themes/lucesmexicanas2021/images/contacto_header.jpg) center bottom no-repeat fixed;
padding: 20% 5% 5% 5%;
color: white;
background-size: cover !important;
text-align: center;
}
#contacto_header h1{
font-size: 3em;
text-transform: uppercase;
margin: 0;
}
#contacto_header p{
font-size: 1.5em;
font-weight: 300;
}
#contacto_content_datos{
text-align: center;
font-size: 1.25em;
color: #777;
padding: 5%;
font-weight: 300;
}
#contacto_content_datos i.fa{
font-size: 4em;
color: black;
}
#contacto_content_datos h4{
font-size: 1.25em;
color: black;
}
#contacto_form{
padding: 5% 15%;
background: #EEE;
text-align: center;
}
#contacto_form h2{
font-size: 3em;
margin: 0;
text-transform: uppercase;
}
#contacto_form p{
color: #777;
font-size: 1.25em;
margin-bottom: 3em;
font-weight: 300;
}
#contacto_form form{
text-align: left;
} #tienda_menu{
position: -webkit-sticky;
position: -moz-sticky;
position: sticky;
top:4.25em;
overflow: visible;
text-align: center;
line-height: 3em;
font-size: 1.5em;
font-weight: 600;
background: #474;
z-index: 2;
}
#tienda_menu>a{
color: white;
display: inline-block;
padding: 0 1.5em;
border-left: #7A7 solid 1px;
cursor: pointer;
text-transform: uppercase;
}
#tienda_menu>a:last-child{
border-right: #7A7 solid 1px;
}
#tienda_menu>a:hover{
background: #696;
}
#tienda_welcome{
text-align: center;
padding: 5%;
}
#tienda_welcome>p{
font-size: 1.25em;
margin: 3em auto;
}
#tienda_destacados{
text-align: center;
}
#tienda_destacados .woocommerce ul.products li.product{
float: none !important;
margin: 1em auto !important;
}
#tienda_productos{
padding: 5%;
}
.products_content{
min-height: 20vw;
}
#tienda_productos>h4{
color: white;
margin-bottom: 0.5em;
height: 0;
position: relative;
font-size: 8em;
padding: 0 2.5%;
top: -3em;
}
#tienda_productos>p{
float: right;
width: 27.5%;
}
#tienda_productos>div{
float: left;
width: 70%;
}
.add_to_cart_button,.single_add_to_cart_button{
background: #595 !important;
border-radius: 0.2em !important;
}
.add_to_cart_button:hover{
opacity: 1 !important;
background: #EEE !important;
color: #095 !important;
box-shadow: #095 0 0 0 3px !important;
}
span.woocommerce-Price-amount.amount{
color: #000 !important;
font-weight: bold !important;
}
.product{
text-align: center !important;
}
.onsale{
background: #F39 !important;
}
.clr{
clear: both !important;
float: none !important;
}
.gdlr-core-tab-item-content-wrap p,.gdlr-core-center-align p,.gdlr-core-center-align ul,.woocommerce-product-details__short-description p{
text-align: left !important;
}
#content>.woocommerce{
padding: 10%;
text-align: left;
}
.woocommerce-tabs{
text-align: left;
font-weight: 300;
color: #777;
}
.categories{
font-size: 0em;
color: white;
margin: 0;
padding: 0;
display: block;
}
.cat-item{
font-size: 0.85rem;
color: #09C;
list-style: none;
margin: 0 0 1em 0;
padding: 0;
display: block;
font-weight: 300;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.cat-item:hover{
text-decoration: underline;
}
.categories ul{
margin: 0;
padding: 0;
}
#tours_content>h2{
padding: 1em;
text-transform: uppercase;
margin: 0;
background: #EEE;
text-align: center;
color: #00AEEF;
}
#whatsapp_link{
float: right;
position: fixed;
bottom: 1em;
right: 1em;
color: white;
z-index: 5;
}
#whatsapp_link>i.fa{
font-size: 3em;
background: #00ae41;
width: 1.4em;
height: 1.4em;
line-height: 1.4em;
border-radius: 2em;
text-align: center;
transition: all .25s ease-in-out;
}
#whatsapp_link>i.fa:hover{
background: white;
color: #49C87A;
box-shadow: #49C87A 0 0 0 3px;
} #modal{
background:rgba(0,0,0,0.8);
position:fixed;
display:none;
top:0;
left:0;
bottom:0;
right:0;
z-index:10;
text-align:center;
} #mailchimp_contenedor{
font-size: 0.85em;
}
#mailchimp_contenedor input{
margin-bottom: 1em;
box-shadow: none;
}
#mailchimp_contenedor form button{
padding: 0.5em 0;
} .mobile_only{
display:none !important;
}
@media all and (max-width:960px){
body{
font-size:14px;
}
.mobile_only{
display:block !important;
}
.desktop_only{
display:none !important;
}
.columnas2,.columnas3,.columnas4{
-webkit-column-count:1;
-moz-column-count:1;
column-count:1;
}
.grid2,.grid3,.grid4,.grid5,.flex{
display: block;
}
body>header{
height:60px !important;
padding: 0;
background: black !important;
position: sticky;
}
#header_content{
height: 60px;
padding: 0;
}
#menu_opener{
float:left;
margin: 5px;
width:44px;
height:44px;
background: #444;
border-radius: 0.2em;
transition: all .25s ease-in-out;
}
#menu_opener>div{
height:2px;
margin: 4px auto 0 auto;
background: white;
width: 36px;
transition: all .25s ease-in-out;
opacity: 1;
position: relative;
top: 0;
transform: rotate(0);
}
#menu_opener>div:first-child{
margin-top: 14px;
}
#menu_opener.opened{
background: #00AEEF;
}
#menu_opener.opened>div:first-child{
top:6px;
transform: rotate(45deg);
}
#menu_opener.opened>div:last-child{
top:-6px;
transform: rotate(-45deg);
}
#menu_opener.opened>div:nth-child(2){
opacity: 0;
width: 0;
}
menu{
position: fixed;
top: 60px;
left: 0;
right: 0;
background: #00AEEF;
color: white;
line-height: 40px;
display: none;
}
menu li{
display: block;
text-align: left;
padding: 0 2em;
}
#redes_movil{
text-align: center;
padding: 1em;
}
#redes_movil a{
display: inline-block;
margin: 0 0.5em;
font-size: 1.25em;
}
#blog_articles,#blog_sidebar,#textos_content{
width: auto !important;
float: none !important;
}
#blog_sidebar{
min-height: 0;
padding: 10%;
font-size: 1.2em;
line-height: 1.6em;
position: static !important;
}
.blog_thumb,.blog_thumb:nth-child(5n-4){
width: 100% !important;
float: none;
margin: 1em auto;
padding-bottom: 1em;
border-bottom: white solid 1px;
}
.blog_thumb:nth-child(5n-4)>div{
height: 14em;
width: auto !important;
float: none !important;
}
.blog_thumb>h4,.blog_thumb:nth-child(5n-4)>h4{
margin: 0.5em 0 !important;
height: auto !important;
padding: 0 !important;
}
.blog_thumb>p,.blog_thumb>h6{
display: none;
}
.blog_thumb>div{
height: auto !important;
max-height: 40vh;
margin-bottom: 0 !important;
}
#textos_header h1{
text-align: center;
font-size: 2em;
}
#tour_header{
height: auto !important;
background-size: 120% auto !important;
padding: 20% 0 0 0;
}
#tour_header h1{
font-size: 2em;
margin: 1em auto;
width: auto !important;
margin: 1em 5%;
text-shadow: black 0 0 0.5em,black 0 0 1em;
}
#tour_contact{
float: none !important;
height: auto !important;
width: auto !important;
}
#tour_contact_price_tag{
background: #08B;
}
#tour_content_menu{
position: static;
}
#tour_content_menu a{
display: block;
line-height: 4em;
}
.tour_text_content{
width: auto !important;
font-size: 0.8em;
}
footer>div.columnas4>div{
min-height: 0;
border-right: none !important;
border-bottom: #999 dotted 2px;
}
#reservnow{
padding: 0;
position: fixed;
bottom: 0;
border-bottom: 0;
width: 100%;
left: 0;
right: 0;
}
footer{
position: relative;
z-index: 2;
}
#inicio_reel_content>div{
text-align: center;
padding: 2.5% 1%;
}
#inicio_reel_content>div h2{
font-size: 4.5vw;
margin: 0.5em;
}
#tour_header h1{
font-size: 5vw;
line-height:1.5em;
max-width: none !important;
margin-bottom: 1em;
height: auto !important;
text-transform: uppercase;
text-align: center;
}
#tour_content_requirements{
padding: 2.5% 5%;
}
#tour_content_requirements>div>div{
margin-bottom: 1em;
font-size: 0.8em;
}
}