/*
Theme Name: Blank theme
Theme URI: http://www.mastercamping.com
Description: Plantilla Wordpress para Blank
Author: mastercamping.com
Author URI: http://www.mastercamping.com
Version: 3.0
*/

/*---------------------------------------------
//  Admin bar
//---------------------------------------------
*/
@import url('css/wp-admin.css');
@import url('css/vilanova.css');



/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	line-height	: 140%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
.responsive img,
.responsive  object,
.responsive  embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/*---------------------------------------------
//  blank reset
//---------------------------------------------
*/

a,a:hover {text-decoration: none;}

.alignleft{float: left;margin-right: 20px;margin-bottom: 10px;}
.alignright{float: right;margin-left: 20px;margin-bottom: 10px;}
.aligncenter{display: block; margin: 20px auto;}

em {font-style: italic;}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* all elements border-box */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.wpml-ls li.wpml-ls-item-failte {
    display: none;
}
/*---------------------------------------------
//  body
//---------------------------------------------
*/

body{
    background: #f9f9f9;
    font-family: 'Open Sans', sans-serif;
	font-size: 14px;
    color: #707070;
}

#container{
    overflow: hidden;
}
.custom-title {
    padding: 3em 0 1em;
}
.hidden,
.hidden-capacity {
    opacity: 0;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    -webkit-transform: scale(0);
    transform: scale(0);
}
/*---------------------------------------------
//  header
//---------------------------------------------
*/
.gif-container{
    display: none;
}
.site-info social a,
.quick-wrapper a,
social a{
    color: white;
    font-family: 'vilanova' !important;
    speak: none;
    font-weight: normal;
    display: inline-block;
    font-size: 0;
}
.quick-wrapper a:before,
social a:before {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    line-height: 28px;
}

.quick-wrapper ul,
.quick-wrapper ul li,
.html-content social ul,
.html-content social ul li {
    list-style-type: none;
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
header.site-header {
	position: relative;
    z-index: 999;
}

#logo{
	display: inline-block;
}

#logo img{
    display: block;
}
social{
    /*border: 1px solid red;*/
    min-height: 48px;
    width: 100%;
    display: block;
}
nav.quick-wrapper,
nav.social-wrapper {
    padding: 1em 0;
}
.temp-data-line, .site-info a {
    display: block;
    font-size: 0.75em;
    /* text-transform: uppercase; */
    color: #8c8c8c;
    font-weight: 600;
}
.site-info a.telephone {
    font-size: 1.50em;
}
.site-logo {
    width: 25%;
    padding: 1em;
    text-align: center;
    background-color: white;
}
.site-logo img {
    width: 100%;
    height: auto;
    max-width: 240px;
}
.site-breadcrumbs, .site-info {
    width: 33.33%;
    /*border: 1px solid yellow;*/
    background-color: white;
}
.wpcf7 .news-email-wrapper input[type="text"] {
    background-color: white;
    padding: 0 15px;
    border-bottom: 0;
}
.wpcf7 input[type="submit"] {
    background-color: deepskyblue;
    border: none;
    padding: 6px 20px;
    border-radius: 10px;
    color: white;
    text-transform: uppercase;
}
.wpcf7 input[type="submit"]:disabled {
    background-color: #48b8e6;
    color: #2f9ac5;
}
.wpcf7 input[type="submit"],
.boton-reservar,
.btn{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}
.newsletter-wrap .wpcf7 input[type="email"] {
    border: none;
    padding: 12px 20px;
    background-color: white;
    width: 100%;
}
.col1-3.news-submit-wrapper{
    padding-left: 10px;
}
.boton-reservar:focus, .boton-reservar:active,
.btn:focus, .btn:active{
    outline: none;
}
.btn:before {
    font-family: 'vilanova' !important;
    font-weight: normal;
    display: inline-block;
    vertical-align: top;
    text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.26);
}

.btn.booking:before{
    content: "\e900";
    font-size: 2em;
    margin-right: 0.5em;
}
.btn.search:before{
    content: "\e910";
    line-height: 47px;
    margin: 0 0px 0 3px;
    font-size: 33px;
}
.btn.booking{
    text-transform: uppercase;
    padding: 0 20px;
    vertical-align: bottom;
    line-height: 50px;
    font-size: 1em;
    background-color: deepskyblue;
}
a.boton-reservar,
a.btn {
    background-color: #4ccdf5;
    border-radius: 8px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    padding: 0 20px;
    color: white;
    text-shadow: none;
    font-size: 13px;
}
a.btn.open-popup-link {
    height: auto;
    background-color: #fcd635;
}
.site-header-menu button.button.booking {
    float: right;
    height: 48px;
    min-width: 100px;
    border: none;
    color: white;
}
.site-header-menu button.booking.active {
    background-color: deepskyblue;
}
.site-header-menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.site-breadcrumbs.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.site-weather {
    width: 25%;
    background-color: white;
}
.weather-wrapper{
    padding: 1em;
}
.weather-crop > img {
    position: absolute;
    top: -25px;
    left: -1px;
    width: 178px;
}
.weather-crop {
    width: 95px;
    height: 73px;
    overflow: hidden;
    position: relative;
    display: inline-block;
}
a.video-live-wrapper {
    color: gray;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
}
.video-live .video-live-thumb {
    width: 48px;
    height: 48px;
    background-image: url(img/video-camera.png);
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center;
    display: block;
    margin: auto;
    background-color: #8c8c8c;
    border-radius: 50%;
}
.video-live {
    display: inline-block;
    color: #8c8c8c;
    text-align: center;
}
.weather-icon-wrap, .temp {
    width: 50%;
}
.offers-booking-button {
    padding: 40px 0;
}
.offers-booking-button a.boton-reservar:before {
    content: "\e900";
    font-size: 2em;
    margin-right: 0.5em;
    font-family: 'vilanova' !important;
    font-weight: 500;
    text-shadow: 2px 2px #00000045;
    vertical-align: middle;
    margin-bottom: 5px;
    display: inline-block;
}
.offers-booking-button a.boton-reservar {
    text-transform: uppercase;
    background-color: #85c860;
    border-radius: 0;
    display: inline-block;
    padding: 10px 20px;
    line-height: 1;
    height: auto;
}
.temp-line b {
    color: #707070;
}
.temp-line {
    font-family: 'Open Sans', sans-serif;
    font-size: 40px;
    color: #efefef;
}

.site-header-menu {
    position: relative;
    width: 100%;
    height: 48px;
    background-color: rgba(0, 0, 0, 0.35);
}
.site-main-links {
    /*border: 1px solid red;*/
    min-height: 48px;
    width: 100%;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.price-wrap {
    font-size: 2em;
    font-weight: 600;
}
.columna-footer-content{
    color: white;
    font-family: 'Poppins',sans-serif;
    font-size: 12px;
}
.columna-footer-content a {
    color: white;
}
.columna-footer-content a:hover{
    text-decoration: underline;
}
.badge {
    background-size: cover;
    width: 96px;
    height: 96px;
    position: absolute;
    right: 25px;
    top: 120px;
}
.ancv{
    display: none;
}
[lang*="fr"] .ancv{
    display: block;
    width: 110px;
    height: 78px;
    background-size: contain;
    position: absolute;
    right: 18px;
    top: 220px;
    background-image:url(img/ancv-min.png);
}
[lang*="es"] .badge{
    background-image:url(img/badge/es.png);
}
[lang*="en"] .badge{
    background-image:url(img/badge/en.png);
}
[lang*="ca"] .badge{
    background-image:url(img/badge/ca.png);
}
[lang*="de"] .badge{
    background-image:url(img/badge/de.png);
}
[lang*="nl"] .badge{
    background-image:url(img/badge/nl.png);
}
[lang*="fr"] .badge{
    background-image:url(img/badge/fr.png);
}
/*---------------------------------------------
//  FAQS
//---------------------------------------------
*/
.faq [type=checkbox] {
    position: absolute;
    left: -9999px;
}
.faq [type=checkbox] ~ label ~ .content-faq,
.faq [type=checkbox]:checked ~ label ~ .content-faq{
    transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
}
.faq [type=checkbox] ~ label ~ .content-faq {
    opacity: 0;
    overflow: hidden;
    height: 0;
}

.faq [type=checkbox]:checked ~ label ~ .content-faq {
    opacity: 1;
    height: auto;
    overflow: visible;
    padding: 5px 20px;
}
.faq label {
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 1em;
    display: block;
}
.faq [type=checkbox]:checked ~ label span.icon-caret-down:before {
    -webkit-transform: rotate(180deg);transform: rotate(180deg);
    display: inline-block;
}
.faq span.icon-caret-down {
    margin-left: 1em;
}
/*---------------------------------------------
//  content
//---------------------------------------------
*/

#content {
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
}
#content .wrapper{
    padding: 0 2.5em;
}
#content .section-lodgements.wrapper {
    background-color: #48b8e6;
    padding: 50px;
    margin: 2em 0 0;
}
#content .section-lodgements.wrapper .html-content *{
    color: white;
}
.section-lodgements {
    background-image: url(img/sun-logo-blue.svg);
    background-repeat: no-repeat;
    background-position: 115% 120%;
    background-size: 30%;
}
footer .max-content,
#content.max-content {
    max-width: 1600px;
    width: 95%;
    margin: 0 auto;
    z-index: 100;
    position: relative;
    min-height: 200px;
}
.item-wildcard {
    background-repeat: repeat;
    height: 85vh;
    min-height: 650px;
}
.max-content{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
#content .main-content .html-content{
    padding: 5em 2.5em 1em;
}
article.main-content {
    margin-top: -50px;
    overflow: hidden;
}
strong.search-excerpt {
    background-color: #fe0103;
    color: white;

}
.html-content form h1 {
    position: relative;
}
.html-content.left{
    text-align: left;
}
.html-content.center{
    text-align: center;
}
.html-content.right{
    text-align: right;
}

.html-content p {
    margin-bottom: 0.75em;
    line-height: 1.714em;
    font-size: 1.15em;
}
.html-content h1,
.html-content h2,
.html-content h3{
    font-weight: 400;
    line-height: 1;
}
.html-content b {
    font-weight: 700;
}
.html-content h1+p {
    margin-top: 1em;
}
.html-content h1,
.html-content h2,
.html-content h2,
.html-content h3,
.html-content h3,
.html-content h4,
.html-content h5,
.html-content h6 {
    font-family: 'Poppins', sans-serif;
    margin: 0;
}
.html-content h3 {
    font-size: 1.325em;
    margin-bottom: 0.75em;
}
.html-content h2 {
    font-size: 1.45em;
    margin-bottom: 0.75em;
}
.text-carousel.html-content h2{
    margin-bottom: 0;
}
.html-content h1 {
    font-size: 3em;

}
.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.html-content li ul, .html-content li ol {
	margin:0 1.5em;
}
.html-content ul, .html-content ol {
	margin:0 1.5em 1.5em 1.5em;
}
.html-content ul {
	list-style-type:disc;
}
.html-content ol {
	list-style-type:decimal;
}
.html-content ol ol {
	list-style: upper-alpha;
}
.html-content ol ol ol {
	list-style: lower-roman;
}
.html-content ol ol ol ol {
	list-style: lower-alpha;
}

.html-content table {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.32);
}
.html-content table th, .html-content table td {
    border-bottom: 2px solid #f9f9f9;
    padding: 10px;
    text-align: left;
}
.html-content thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit
}

.html-content tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit
}

.html-content tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit
}

.html-content table > tr {
    vertical-align: middle;
}

.html-content col {
    display: table-column
}

.html-content colgroup {
    display: table-column-group
}

.html-content tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit
}

.html-content td, .html-content th {
    display: table-cell;
    vertical-align: inherit
}

.html-content th {
    background-color: #0e3a4e;
    color: white;
    font-weight: 600;
}

.html-content caption {
    display: table-caption;
    text-align: -webkit-center
}

.html-content img {
    max-width: 100%;
    height: auto;
}
/*---------------------------------------------
//  Search
//---------------------------------------------
*/
a.search-result {
    color: #707070;
    padding: 1em 0;
    display: block;
    border-bottom: 1px solid gainsboro;
}
#search-results.main-content {
    padding-bottom: 5em;
}
.btn.button.search {
    background-color: #d20002;
    border: 0;
    width: 48px;
    height: 48px;
    color: white;
    line-height: 0;
    display: inline-block;
    vertical-align: bottom;
}
#searchform.searchform input {
    display: inline-block;
    width: auto;
}
.search-menu-wrapper input[type="submit"] {
    background-color: #123d50;
    border: none;
    border-radius: 8px;
    height: 24px;
    color: white;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    padding: 0 20px;
    display: inline-block;
}
a.search-result[data-post-type="ofertas"] h3 {
    color: #ffc800;
}
/*---------------------------------------------
//  Offers
//---------------------------------------------
*/
.title-wrapper h1 {
    font-size: 20px;
}
article.part-offers{
    background-color: white;
}
.grid-cards,
.date-countdown,
.cards-wrapper,
.offers-wrapper{
    margin-left: 1%
}
.search-results-list,
article.generic-list {
    margin: 2em 0;
}
.accommodation-wrapper{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
}
.filter-accommodation {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin: 1em;
    width: 100%;
}
.filter-rooms,
.filter-capacity{
    display: inline-block;
    margin-bottom: 1em;
}
.offers-wrapper.flex.flex-wrap-wrap {
    justify-content: center;
}
select#rooms-select,
select#capacity-select {
    background-color: #4ccdf5;
    border: none;
    border-radius: 10px;
    padding: 5px;
    color: white;
    min-width: 100px;
}
select:focus,
select:active{
    outline: none;
}
.open-all-year{
    display: none;
    float: left;
    width: 35%;
    text-align: center;
    padding: 20px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: #909090;
    border: 2px solid #f3f3f300;
    margin-top: 20px;
    text-transform: uppercase;
}
.square-card:before,
.general-card:before,
.item-accommodation:before,
a.item-offers:before {
    content: "";
    padding-bottom: 100%;
    display: block;
}

.square-card,
.item-accommodation,
a.item-offers {
    width: 100%;
    margin-right: 1%;
    margin-bottom: 1%;
    background-color: #383838;
    position: relative;
    color: white;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
a.item-offers{
    margin-bottom: 120px;
}
a.item-offers.expired {
    opacity: 0.4;
    pointer-events: none;
}
.text-carousel.item-offers:before {
    /*content: "";
    position: absolute;
    top: -1000%;
    left: -100%;
    right: -100%;
    bottom: -1000%;
    background-color: rgba(43, 43, 43, 0.62);
    z-index: -1;*/
}
.part-offers a.item-offers .item-inner-image {
    transition: all .25s ease;
}
.part-offers a.item-offers {
    /*overflow: hidden;*/
}
.part-offers a.item-offers:hover .item-inner-image {
    transform: scale(1.1);
}
.conditions-box {
    background-color: #efefef;
    font-size: 0.8em;
    padding: 2em;
    margin: 2em 0;
    display: inline-block;
}
.item-image{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right:0;
}
.item-inner-wrap-card {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.item-inner-wrap-card{
    padding: 20px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 87%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 87%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 87%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.item-accommodation .item-inner-image {
    background-color: #383838;
    height: 80%;
}
.item-inner-wrap-offers {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
a.item-offers .item-inner-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #404040;
    background-position: top;
    background-repeat: no-repeat;
}
a.item-offers .item-inner-footer {
    display: inline-block;
    z-index: 1;
    position: absolute;
    background: #404040;
    width: 100%;
    top: 100%;
}
.square-card .item-inner-image{
    position: relative;
    background-color: #383838;
    height: 100%;
}
.item-accommodation .item-inner-image{
    position: relative;
}
.item-inner-footer.flex{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.item-inner-footer.flex > div {
    text-align: center;
}

.item-accommodation .item-inner-footer  {
    height: 20%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
a.item-offers .item-inner-footer > span:nth-child(1) {
    width: 50%;
}
a.item-offers .item-inner-footer > span:nth-child(2){
    color: #9b9b9b;
}
a.item-offers .item-inner-footer > span:nth-child(3){
    color: #85c860;
}
.item-inner-footer span {
    padding: 0.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
}
.item-inner-footer > span:nth-child(n+2){
    width: 25%;
    text-align: right;
}
.date-countdown span.circle-countdown {
    background: white;
    color: black;
    width: 25%;
    height: 55px;
    margin: 2px;
    text-align: center;
}
.item-inner-wrap-offers .date-countdown {
    margin: 0 auto;
    position: absolute;
    left: 5%;
    right: 5%;
    top: 5%;
}
span.counter-text{
    display: block;
    font-size: 0.75em;
}
.title-wrapper {
    padding: 10px;
}
span.counter {
    height: 25px;
    display: block;
    font-size: 20px;
    margin-top: 5px;
}
.single-ofertas #slider-home {
    height: 30vh;
}
.text-carousel .date-countdown {
    text-shadow: none;
}
.text-carousel .date-countdown {
    margin: 1em 0 0;
    padding-top: 2em;
    border-top: 1px solid white;
}
a.item-offers .item-inner-footer span,
.item-inner-text h1,
.item-inner-text h2{
    font-family: 'Poppins', sans-serif;
    text-shadow: 1px 1px 2px black;
}

.item-inner-text h1,
.item-inner-footer span{
    font-weight: 600;
}
.item-inner-text h2{
    font-weight: 300;
}
.item-inner-text h1{
    font-size: 2em;
}
.item-inner-text h2{
    font-size: 1em;

}
.item-inner-text {
    position: absolute;
    left: 5%;
    right: 5%;
    text-align: center;
    top: 10%;
    height: 40%;
    overflow: hidden;
}
.item-accommodation .item-inner-text {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
}
.cover {
    background-size: cover;
    background-position: center;
}

.date-countdown.lastminute .circle-countdown span {
    color: red;
}

input[name="fold"] {
    display: none;
}
.inventory-download,
label.fold {
    display: block;
    vertical-align: middle;
    margin-bottom: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 10px;
    width: 100%;
    text-transform: uppercase;
}
input[name="fold"] + label + .content-box {
    display: none;
}
input[name="fold"]:checked + label + .content-box {
    display: block;
    padding-bottom: 25px;
}
label.fold:after {
    content: "\f0d7";
    font-family: 'vilanova' !important;
    margin-left: 5px;
    float: right;
}

input[name="fold"]:checked +label:after{
    content: "\f0d8";
}
a.inventory-download {
    color: #707070;
}
.inventory-download span.icon-document-file-pdf {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 5px;
    color: #fe0103;
}
/*---------------------------------------------
//  Grid
//---------------------------------------------
*/
.flex-wrap-wrap{
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.grid-card{
    background-color:#383838;
    margin: 1% 1% 0 0;
    position:relative;
}
.grid-card .item-wildcard {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.grid-card .item-wildcard.cover{
    min-height: 0;
    height: 100%;
}
.grid-type-featured .grid-card:nth-child(-n+4) {
    width: 24%;
}

.grid-type-featured .grid-card:nth-child(-n+4):before {
    content: "";
    padding-bottom: 85%;
    display: block;
}

.grid-type-default .grid-card:before,
.grid-type-featured .grid-card:nth-child(n+5):before {
    content: "";
    padding-bottom: 40%;
    display: block;
}

.grid-type-default .grid-card:nth-child(4n+1),
.grid-type-default .grid-card:nth-child(4n),
.grid-type-featured .grid-card:nth-child(4n+7),
.grid-type-featured .grid-card:nth-child(4n+6) {
    width: 65.66%;
}
.grid-type-featured .grid-card:nth-child(4n+8),
.grid-type-featured .grid-card:nth-child(4n+5) {
    width: 32.33%;
}

.grid-type-default .grid-card {
    width: 32.33%;
    background-color: #383838;
}
.general-card .item-inner-wrap-card.html-content,
.grid-type-featured .grid-card:nth-child(-n+4) .item-inner-wrap-card{
    background-color: #383838;
}
.grid-type-featured .grid-card:nth-child(-n+4) .item-inner-wrap-card *{
    text-align: center;
    color: white;
    margin-bottom: 0;
}
.general-card .item-inner-wrap-card h3,
.grid-type-featured .grid-card:nth-child(-n+4) .item-inner-wrap-card h3{
    font-size: 1.325vw;
    margin-bottom: 0;
}

a.grid-card img,
a.square-card img,
a.grid-card .item-image {
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
a.square-card,
a.grid-card {
    overflow: hidden;
}
a.search-result:hover h3,
a.item-offers:hover .item-inner-text h1,
a.square-card:hover .item-inner-text h1,
a.grid-card:hover .item-inner-wrap-card.html-content h3 {
    color: #ff3434;
}
a.grid-card:hover img,
a.square-card:hover img,
a.grid-card:hover .item-image {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.grid-type-default .grid-card .item-inner-wrap-card *,
.grid-type-featured .grid-card:nth-child(n+5) .item-inner-wrap-card * {
    text-align: right;
    color: white;
    text-shadow: 1px 1px 2px black;
    display: block;
}
.grid-type-default .grid-card .item-inner-wrap-card h3,
.grid-type-featured .grid-card:nth-child(n+5) .item-inner-wrap-card h3{
    font-size: 2vw;
    position: relative;
    margin-bottom: 0;
}
.grid-type-default .grid-card .item-inner-wrap-card span,
.grid-type-featured .grid-card:nth-child(n+5) .item-inner-wrap-card span{
    font-size: 1vw;
    position: relative;
}
.grid-type-featured .grid-card:nth-child(-n+4) span{
    display: none;
}
a.item-accommodation .item-inner-image > img,
a.square-card .item-inner-image > img,
a.general-card > img,
a.grid-card > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
a.item-accommodation .item-inner-image > img{
    opacity:0.5;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.item-accommodation:hover .item-inner-image > img {
    opacity: 1;

}
.grid-type-featured .grid-card:nth-child(n+5) .item-inner-wrap-card.html-content:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
a.general-card {
    background-color: white;
    display: block;
    position: relative;
}
.lodgements-carousel{
    margin: 2em 0;
}
@supports (-ms-ime-align:auto){
    a.general-card > img,
    a.grid-card > img{
        height: 100%;
        width: auto;
        margin: auto;
    }
    .item-carousel img {
        width: 100%;
        height: auto !important;
        /* min-height: 640px; */
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    a.general-card > img,
    a.grid-card > img{
        height: 100%;
        width: auto;
        margin: auto;
    }
    .item-carousel img {
        width: 100%;
        height: auto !important;
        /* min-height: 640px; */
    }
}
/*---------------------------------------------
//  Tooltips
//---------------------------------------------
*/
.tooltip{
    display: none;
}
.open-tooltip{
    cursor: pointer;
}
.tooltip.open {
    display: block;
    position: absolute;
    min-width: 45px;
    max-width: 180px;
    min-height: 30px;
    background-color: #383838;
    color: white;
    border: 1px solid black;
    box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.55), inset 0 0 4px #7b7b7b;
    border-radius: 5px;
    padding: 10px;
    z-index: 999;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.tooltip:before{
    content: "";
    position: absolute;
    bottom: -8px;
    left: 14px;
    width: 14px;
    height: 14px;
    display: block;
    transform: rotate(45deg);
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    background-color: #383838;
}

/*---------------------------------------------
//  tmpl mostrar hijos
//---------------------------------------------
*/

.page-child-img {
    padding: 15% 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/*---------------------------------------------
//  menu
//---------------------------------------------
*/

    .search-menu-wrapper {

        background: white;
        /* display: none; */
        position: absolute;
        top: 100%;
        left: -100%;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }
.search-open .search-menu-wrapper{
    left: 0;
    z-index: 99998;
    box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.22);
    padding: 20px;
}
.menu-item-has-children ul.sub-menu {
    display: none;
}
.menu-item-has-children.active ul.sub-menu.active {
    display: block;
}

ul.menu-principal > li.active > ul.sub-menu.active > li.active > a {
    color: #ffd60b;
}
ul.menu-principal > li > ul.sub-menu.active > li.menu-item-has-children.active > ul.sub-menu {
    display: block;
}
.main-menu-wrapper .sub-menu .menu-item-has-children ul.sub-menu li > a {
    font-weight: 600;
    font-size: 1.45rem;
}
.menu-item-has-children ul.sub-menu li > a, .main-menu-wrapper .sub-menu .menu-item-has-children ul.sub-menu li > a .title-nav {
    font-weight: 400;
    font-size: 1rem;
}

.main-menu-wrapper span.default-title:hover, .main-menu-wrapper a:hover {
    color: #fe0103;
}

.main-menu-wrapper ul > li > a {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    color: #707070;
    text-transform: uppercase;
}
.sub-menu .title-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.sub-menu .sub-menu li {
    border-bottom: 1px solid #b5b5b5;
}
.title-right span.info {
    padding: 0 5px;
}
.title-right{
    width: 50%;
    text-align: right;
}

.title-left {
    width: 50%;
    padding: 0 5px;
}
.title-nav .item.menu-img {
    width: 15%;
}
span.popup-menu {
    width: 100%;
    height: 38px;
    display: block;
}
.btn.booking:after,
.menu-principal-wrapper li.menu-item-has-children > a:after{
    font-family: 'vilanova' !important;
    font-weight: normal;
    content: "\f0d7";
    margin-left: 5px;
}
.btn.booking.active:after,
.menu-principal-wrapper li.menu-item-has-children.active > a:after{
    font-family: 'vilanova' !important;
    font-weight: normal;
    content: "\f0d8";
    margin-left: 5px;
}
.site-header-booking{
    display:none;
}
.site-header-booking.active{
    display: inline-block;
}

/*---------------------------------------------
//  footer
//---------------------------------------------
*/
footer.site-footer.html-content{
    background: rgb(56, 56, 56);
    color: #FFF;
    padding-top: 100px;
    margin-top: -50px;
    min-height: 400px;

}
footer .widget_text{
    font-size: 0.85em;
}
.textwidget {
    margin-left: 3px;
}
.footer-icons{
    padding: 20px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
a.footer-logo img {
    height: 36px;
}
a.icon-footer {
    margin: 10px;
}
social a:hover,
a.icon-footer:hover {
    opacity: 0.5;
}
a.address:hover,
a.telephone:hover {
    color: #fe0103;
}
nav.menu-pie-wrapper li {
    text-transform: uppercase;
    display: block;
    font-family: 'Poppins', sans-serif;
}
.info-footer {
    border-top: 1px solid #757575;
    padding: 0.5em 0;
    font-size: .85em;
    color: #757575;
}
/*---------------------------------------------
//  menu-footer
//---------------------------------------------
*/


.menu-pie li{
	display: inline-block;
	padding: 5px;
}


.menu-pie a{
	color: #FFF;
}

.current-menu-item{
	/**/
}

.current-menu-item a{
	/**/
}



/*---------------------------------------------
//  sidebar
//---------------------------------------------
*/

#sidebar-languages-content{
	overflow: hidden;
}

#sidebar {
	float: left;
	width: 25%;
	padding: 20px;
	background: #ccc;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#sidebar-languages-content h2{
	display: none;
}

/*---------------------------------------------
//  Imatges
//---------------------------------------------
*/

/* Medium i large img are responsive */
img.size-thumbnail,
img.size-large,
img.size-medium {
    max-width: 100%;
    height: auto;
}


/*---------------------------------------------
//  Galeries
//---------------------------------------------
*/


.owl-container {
    position: relative;
}

.galeria-default > div {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding: 1%;
}


.galeria-default a,
.galeria-default img{
    display: block;
    width: 100%;
    height: auto;
}

.galeria.col-1 > div{
    width: 100%;
}

.galeria.col-2 > div{
    width: 50%;
}

.galeria.col-3 > div{
    width: 33.3%;
}

.galeria.col-4 > div{
    width: 25%;
}

.galeria.col-5 > div{
    width: 20%;
}

.galeria.col-6 > div{
    width: 16.6%;
}

.galeria.col-7 > div{
    width: 14.28%;
}

.galeria.col-8 > div{
    width: 12.5%;
}

.galeria.col-9 > div{
    width: 11.11%;
}



/*---------------------------------------------
//  Carousel
//---------------------------------------------
*/

#carousel-container{
	position: relative;
	clear: both;
}

#carousel,
.galeria-slider,
.mini-carousel,
.galeria-slider-thumbnails{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.carousel-wildcard {
    display: block;
    height: 10em;
}



/*---------------------------------------------
//  Owl carousel
//---------------------------------------------
*/
.text-carousel {
    position: absolute;
    padding: 0 2.5em;
    z-index: 100;
    top: 50%;
    color: white;
    font-size: 1rem;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    text-shadow: 1px 1px 2px black;
}
.item-image-gallery:before {
    content: "";
    padding-bottom: 100%;
    display: block;
}
.owl-carousel .item {
    position: relative;
}
.owl-dots {
    position: absolute;
    bottom: 10%;
    right: 0;
    left: 0;
    max-width: 400px;
    margin: auto;
}
.galeria-slider {
    /*border-radius: 3px;
    box-shadow: 0 0 30px 0px #f1f1f1;*/
}
#slider-home{
    min-height: 300px;
    background-color: darkgray;
    display: block;
    font-size: 0;
}
#slider-home.mini {
    min-height: 300px;
}
.item-carousel > img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 60vh;
    /* min-height: 640px; */
}
#slider-home.mini .item-carousel > img {
    min-height: 300px;
    height: 50vh;
}

a.mini-image-carousel.has-image:hover {
    background-color: deepskyblue;
}
a.mini-image-carousel:hover img {
    opacity: 0.5;
}
a.mini-image-carousel {
    width: 120px;
    display: inline-block;
}
a.mini-image-carousel h3{
    color: white;
}
#slider-home .outer,
#slider-home .owl-stage-outer {
    width: 100%;
    margin-top: -100px;
    display: inline-block;
}

.item-carousel{
    font-size: 1em;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.mini-carousel {

}

.galeria-carousel .item,
.mini-carousel .item{

}

.owl-carousel .disabled {
    display: none;
}

.owl-carousel .owl-nav > button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    background: transparent;
    overflow: hidden;
    text-indent: -99999px;
    z-index: 50;
}
.owl-carousel .owl-nav > button > span{
    background: url(img/sprites.png) left top no-repeat;
    display: block;
    width: 34px;
    height: 58px;
}

.owl-carousel .owl-nav .owl-prev {
    left: 2%;
}

.owl-carousel .owl-nav .owl-next {
    right: 2%;
}
.owl-carousel .owl-nav .owl-prev > span{
    background-position: 0 0;
}
.owl-carousel .owl-nav .owl-next > span{
    background-position: -34px 0;
}
.owl-carousel.galeria-carousel .owl-nav > button > span,
.owl-carousel.mini-carousel .owl-nav > button > span {
    width: 17px;
    height: 29px;
}


.owl-carousel.galeria-carousel .owl-nav .owl-prev > span,
.owl-carousel.mini-carousel .owl-nav .owl-prev > span {
    background-position: -68px 0;
}

.owl-carousel.galeria-carousel .owl-nav .owl-next > span,
.owl-carousel.mini-carousel .owl-nav .owl-next > span {
    background-position: -85px 0;
}


.owl-pagination {
    list-style: none;
    position: absolute;
    bottom: 2%;
    right: 50%;
}

.owl-pagination div,
.owl-pagination span{
    display: inline-block;
}

.owl-pagination span {
    width: 7px;
    height: 7px;
    display: block;
    overflow: hidden;
    text-indent: -999px;
    background: #FFF;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 0 4px 0 0;
    border: 1px solid #FFF;
    cursor: auto;
}


.owl-pagination .owl-page.active{
    opacity: 0.5;
}
.owl-dots{
    text-align: center;
}
button.owl-dot {
    width: 18px;
    height: 18px;
    border: none;
    background-color: white;
    border-radius: 50%;
    margin: 4px;
}
button.owl-dot.active {
    background-color: #123846;
}

/*---------------------------------------------
//  Magnific Popup
//---------------------------------------------
*/

/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}.mfp-wrap{
    z-index: 10001;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
    -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
}

.white-popup {
	position: relative;
	background: #FFF;
	padding: 40px;
	width: auto;
	max-width: 900px;
	margin: 20px auto;
	text-align: left;
	font-size: 13px;
}
.comparison-popup {
	position: relative;
	background: #FFF;
	padding: 40px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	text-align: left;
	min-height: 100vh;
}
.comparison-popup a.custom-logo-link img {
    height: 100px;
    width: auto;
}
.newsletter-wrap.wrapper {
    background-color: #2b91bb;
    color: white;
}
.logged-in .comparison-popup{
    margin-top: 32px;
}
.comparison-popup .max-content{
    max-width: 100%;
    position: relative;
}
article.section-comparator {
    margin-bottom: 50px;
}
#partial-comparison ul.comparison-wrap.max-content {
    overflow-x: scroll;

}
.name-column a {
    color: #4d4d4d;
}
a.open-popup-link {
    text-transform: uppercase;
    color: #707070;
    padding: 10px;
    display: inline-block;
}
a > span.icon-th {
    margin: 0.5em;
    vertical-align: middle;
}
/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/*---------------------------------------------
//  Columnas
//---------------------------------------------
*/
.flex,
.date-countdown,
.columna-wrapper {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}

.no-flexbox .columna-wrapp#er {
    display: block;
    overflow: hidden;
}


.columna-wrapper > .columna{
    -moz-box-sixing:  border-box;
    box-sizing: border-box;
}

.no-flexbox .columna-wrapper > .columna {
    display: block;
    float:left;
}

.columna + .columna{
    padding: 0 1.5%;
}

.columna-wrapper .columna:first-child {
    padding: 0 3% 0 0;
}

.col1-4 {
    width: 25%;
}

.col1-3 {
    width: 33.3%;
}

.col1-2 {
    width: 50%;
}

.col2-3 {
    width: 66.3%;
}

.col3-4 {
    width: 75%;
}
.col20,
.col40,
.col60,
.col80,
.col100{
    width: 100%;
}

.section-content-columns .custom-title.html-content h2 {
    max-width: 350px;
    font-size: 1.85em;
    text-transform: uppercase;
    margin-bottom: 0;
}

.col100.col-text.left,
.col100.col-text.right{
    padding: 0;
}
#content .newsletter-wrap.wrapper,
#content .section-grid.wrapper{
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}
#content .section-content-columns.wrapper {
    padding-bottom: 2em;
}
.wrapper.default{

}
.wrapper.red .html-content *,
.wrapper.black .html-content *,
.wrapper.blue .html-content * {
    color: white;
}
.wrapper.red {background-color: #de0405;}
.wrapper.yellow {background-color: #fcd635;}
.wrapper.black {background-color: #383838;}
.wrapper.blue {background-color: #4ccdf5;}

#content .wrapper.red,
#content .wrapper.yellow,
#content .wrapper.black,
#content .wrapper.blue{
    padding: 0 50px 25px;
}

li.custom-icon {
    font-family: 'Poppins', sans-serif;
    font-size: 1.25em;
    display: inline-block;
    margin: 0.25em;
}
li.custom-icon img {
    height: 32px;
    width: auto;
    vertical-align: top;
}
li.custom-icon span.num{
    font-size: 1.60em;
}
.info-lodgements-wrapper span[class*="icon"]:before {
    color: #fcd635;
    font-size: 1.5rem;
}
.info-lodgements-wrapper span.info{
    font-size: 1.40em;
    font-weight: 600;
    display: inline-block;
    margin: 5px;
}
span.default,
.info-lodgements-wrapper span.default{
    font-weight: 400;
    font-size: 0.85em;
}

span.false {
    color: red;
}
span.true {
    color: green;
}
span.dog-false{background-image:url(img/plain-dog.png);}
span.dog-true{background-image:url(img/plain-dog-true.png);}
span.reduced-mobility{background-image:url(img/reduced-mobility.png)}
span.reduced-mobility,
span.dog-false, span.dog-true{
    display: inline-block;
    width: 48px;
    height: 48px;
    background-size:cover;
}
.lodgement-list span.dog-false,
.lodgement-list span.dog-true,
.name-column .reduced-mobility {
    width: 1.25em;
    height: 1.25em;
    float: right;
}
.name-column.col1-3{
    min-width: 180px;
    max-width: 200px;
}
.comparison-column span[class*="icon"]:before {
    vertical-align: top;
    font-size: 18px;
}
.comparison-column span {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 40px;
    overflow: hidden;
    text-align: center;
}
.name-column,
.comparison-column span{
    margin: 1px;
    padding: 0.35em 0;
}
.comparison-column span img{
    height: 18px;
    width: auto;
}
.lodgement-list .comparison-column > span,
.lodgement-list .name-column {
    background-color: #f6f6f6;
}
li.lodgement-list:hover div.name-column,
li.lodgement-list:hover div.comparison-column > span {
    background-color: rgba(252, 214, 53, 0.55);
}
li.lodgement-list.current .comparison-column > span,
li.lodgement-list.current .name-column {
    background-color: #fcd635;
}
.plan-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 800px;
    margin: auto;
    top: -25px;
        height: 0px;
}
a.image-link.plan-link {
    border: 4px solid white;
    box-shadow: 0 0 20px 0px rgba(212, 212, 212, 0.47);
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 128px;
    height: 128px;
    background-color: white;
    float: right;
}
.html-content .image-link.plan-link img {
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}
li.equipment-ico {
    padding: 0 5px 5px 0;

}
li.equipment-ico img {
    width: auto;
    height: 18px;
    vertical-align: bottom;
}
.html-content ul.select-equipment,
ul.select-equipment{
    list-style-type: none;
    margin: 0;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
#sidebar-header .wpml-ls-legacy-list-horizontal li a {
    padding: 6px 2px;
}
#sidebar-header .wpml-ls-legacy-list-horizontal img.wpml-ls-flag {
    width: 28px;
    height: 28px;
    display: inline-block;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #d0d0d0;
}
/*---------------------------------------------
//  Contact form
//---------------------------------------------
*/
.main-content form.wpcf7-form {
    background-color: #f9f9f9;
    padding: 20px;
}
form.wpcf7-form label {
    display: block;
    font-size: 0.75em;
}
form.wpcf7-form br{
    display: none;
}
.wpcf7-form input[type="email"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="text"] {
    width: 100%;
}
.wpcf7-form textarea,
.wpcf7-form input[type="email"],
.wpcf7-form input[type="number"],
#searchform input[type="text"],
.wpcf7-form input[type="text"] {
    border: 0;
    border-bottom: 2px solid lightgray;
    min-height: 40px;
    background-color: transparent;
}
.wpcf7-form textarea{
    height: 5em;
    width: 100%;
}
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form select:focus,
#searchform input[type="text"]:focus,
.wpcf7-form input[type="text"]:focus {
    border-color: #fe0103;
    outline: none;
}
.wpcf7-form select {
    border: none;
    width: 100%;
    padding: 10px 15px;
    background-color: #f9f9f9;
    border-bottom: 2px solid lightgray;

}
.html-content .wpcf7-form p{
    margin-bottom: 0.85em;
}
form.wpcf7-form label:hover {
    color: #fe0103;
}
.search-open button.btn.button.search {
    background-color: #ff5a5b;
}
.plyr--video .plyr__controls{
    bottom: 50px !important;
    background: transparent !important;
}
#slider-home .plyr__video-embed {
    /* padding-bottom: 56.25%; */
    padding-bottom: 0 !important;
    min-height: 120%;
    border-radius: inherit;
    overflow: hidden;
    z-index: 0;
    object-fit: cover;
    width: 100% !important;
}
#slider-home .plyr__video-embed iframe {
    transform: scale(1.65) translateY(-30px);
}
/*---------------------------------------------
//  notificaciones
//---------------------------------------------
*/
#notificacion{
	background: yellow;
	width: 250px;
	min-height: 200px;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 8;
	display: none;
}

#cerrar{
	float: right;
}

#cerrar:hover{
	cursor: pointer;
}

.loadingreservas {
    width   			: 100%;
    position   			: relative;
    height				: 300px;
    background			: url(img/load_reservas.gif) center 40%  no-repeat;
}
@media (max-width : 640px){
    a.address{
        display: none;
    }
    .grid-type-featured .grid-card:nth-child(-n+4) {
        width: 100%;
    }
    .item-inner-footer span{
        font-size: 1.4em;
    }
    .text-carousel.html-content h1 {
        font-size: 2em;
    }
    .html-content h1 {
        font-size: 2.5em;
        line-height: 1em;
        margin-bottom: 0.15em;
    }
    .columna-wrapper{
        -ms-flex-wrap: wrap;flex-wrap: wrap;
    }
    .columna{
        min-width: 400px;
    }

}
@media (min-width : 641px){
    .square-card,
    .item-accommodation,
    a.item-offers {
        width: 49%;
    }
}
@media (max-width: 800px){

    .badge{
        display: none;
    }
    .info-lodgements-wrapper span.default {
        display: none;
    }
    a.image-link.plan-link{
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    .menu-open .main-menu-wrapper {
        display: inline-block;
        overflow-y: auto;
        height: 100vh;
        height: calc(100vh - 50px);
    }
    #page-builder .custom-content a.btn {
        margin-bottom: 2em;
    }
    nav.menu-principal-wrapper {
        padding-bottom: 3em;
    }
    .main-menu-wrapper li {
        margin: 0.75em 0.35em;
    }
    .site-weather,
    .site-breadcrumbs{
        display: none;
    }
    .site-info {
        width: 65%;
        padding: 0 10px;
    }
    .site-logo {
        width: 35%;
    }
    #content .main-content .html-content {
        padding: 2.5em 2em 2em;
    }
    .general-card .item-inner-wrap-card.html-content, .grid-type-featured .grid-card:nth-child(-n+4) .item-inner-wrap-card {
        background-color: #383838b0;
    }
    .general-card .item-inner-wrap-card h3, .grid-type-featured .grid-card:nth-child(-n+4) .item-inner-wrap-card h3 {
        font-size: 1.25em;
        margin-bottom: 0;
    }

    .grid-type-featured .grid-card:nth-child(-n+4) {
        width: 49%;
    }
    .grid-type-default .grid-card,
    .grid-type-default .grid-card:nth-child(4n+1),
    .grid-type-default .grid-card:nth-child(4n),
    .grid-type-featured .grid-card:nth-child(4n+7),
    .grid-type-featured .grid-card:nth-child(4n+6),
    .grid-type-featured .grid-card:nth-child(4n+8),
    .grid-type-featured .grid-card:nth-child(4n+5) {
        width: 100%;

        min-height: 200px;
    }
    .grid-type-default .grid-card .item-inner-wrap-card h3, .grid-type-featured .grid-card:nth-child(n+5) .item-inner-wrap-card h3{
        font-size: 2em;
    }
    .grid-type-default .grid-card .item-inner-wrap-card span, .grid-type-featured .grid-card:nth-child(n+5) .item-inner-wrap-card span{
        font-size: 1em;
    }
    #page-builder .flex,
    .html-content .flex{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width : 1250px){
    /* menu mobile */

    .search-menu-wrapper,
    .main-menu-wrapper {

        background: white;
        /* display: none; */
        position: absolute;
        top: 100%;
        left: -100%;
        -webkit-transition: all .25s ease;
        transition: all .25s ease;
    }
    .menu-open .main-menu-wrapper {
        display: inline-block;
        min-width: 420px;
        min-height: 490px;
        left: 0;
        overflow-y: auto;
        padding-top: 20px;
        box-shadow: 4px 4px 25px rgba(0, 0, 0, 0.22);
        z-index: 99999;
    }

    .menu-top {
        display: inline-block;
        height: 48px;
        width: 48px;
        z-index: 9999;
        cursor: pointer;
        background-color: #fe0103;
        vertical-align: top;
        float: left;
    }

    .menu-top span {
        margin: 0 auto;
        position: relative;
        top: 22px;
    }

    .menu-top span:before,
    .menu-top span:after {
        position: absolute;
        content: '';
    }

    .menu-top span, .menu-top span:before, .menu-top span:after {
        width: 30px;
        height: 3px;
        background-color: #ffffff;
        display: block;
        box-shadow: 2px 3px 1px rgba(0, 0, 0, 0.26);
    }

    .menu-top span:before {
        margin-top: -8px;
    }

    .menu-top span:after {
        margin-top: 8px;
    }

    .icon5 span {
        -webkit-transition-duration: 0s;
        -webkit-transition-delay: .0s;
    }

    .icon-active span {
        background-color: rgba(0, 0, 0, 0.0);
        -webkit-transition-delay: .0s;
    }

    .icon5 span:before {
        -webkit-transition-property: margin, -webkit-transform;
        -webkit-transition-duration: .2s;
        -webkit-transition-delay: .2s, 0;
    }

    .icon-active span:before {
        margin-top: 0;
        -webkit-transform: rotate(45deg);
        -webkit-transition-delay: 0, .2s;
    }

    .icon5 span:after {
        -webkit-transition-property: margin, -webkit-transform;
        -webkit-transition-duration: .2s;
        -webkit-transition-delay: .2s, 0;
    }

    .icon-active span:after {
        margin-top: 0;
        -webkit-transform: rotate(-45deg);
        -webkit-transition-delay: 0, .2s;
    }
    .icon-active span{
        box-shadow: none;
    }

}
@media (min-width : 801px){
    .open-all-year{
        display: block;
    }
    .gif-container{
        display: block;
        width: 100%;
        /*border: 1px solid black;*/
        /*min-height: 100px;*/
    }
    .gif-container img {
        height: 60px;
    }
    .lodgement-description .col60{
        padding-left: 25px;
    }
    .info-lodgements-wrapper {
        float: right;
        max-width: 420px;
        text-align: right;
    }
    #slider-home{
        min-height: 300px;
    }
    #slider-home .item-carousel > img{
        min-height: 650px;
    }
    .item-carousel > .plyr {
        height: 80vh;
        overflow: hidden;
        object-fit: cover;
        min-height: 660px;
    }

    .item-carousel > img {
        height: 80vh;
    }
    .col-text.left{
        padding-left: 50px;
    }

    .col-text.right{
        padding-right: 50px;
    }
    .custom-content.flex .col-text.left {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .col20{
        width: 20%;
    }
    .col40{
        width: 40%;
    }
    .col60{
        width: 60%;
    }
    .col80{
        width: 80%;
    }
    .col100{
        width: 100%;
    }
    /*.html-content h1{
            margin-bottom: -12px;
    }*/
    .logged-in .site-header-menu.fixed {
        top: 32px;
    }

    .main-menu-wrapper li {
        padding: 0.5em 25px;
    }
    .site-breadcrumbs .breadcrumbs, .site-breadcrumbs .breadcrumbs a {
        font-size: 0.65rem;
        text-transform: uppercase;
        color: #8c8c8c;
        font-weight: 600;
    }
    .site-breadcrumbs .breadcrumbs {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        /* align-self: baseline; */
        height: 32px;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}
@media (min-width : 801px) and (max-width : 1250px){
    ul.menu-principal > li > ul.sub-menu.active > li.menu-item-has-children.active > ul.sub-menu {
        position: absolute;
        right: 0;
        top: 0;
        display: block;
        padding: 20px 0;
        z-index: 3000;
        overflow-y: auto;
        bottom: 0;
    }
    ul.menu-principal > li > ul.sub-menu > li > ul.sub-menu {
        float: right;
        vertical-align: top;
        text-align: left;
        width: 55%;
        background-color: #efefef;
        display: none;
    }
    .menu-open .main-menu-wrapper.submenu-open {
        min-width: 800px;

    }
}
@media (min-width : 1250px){
    div#partial-comparison .comparison-wrap,
    div#partial-comparison {
        max-width: 1280px;
    }
    .main-menu-wrapper ul > li > a{
        font-size: 1em;
    }
    .item-inner-text h1{
        font-size: 1.5vw;
    }
    .item-inner-text h2{
        font-size: 1vw;

    }
    .sub-menu .title-nav{
        min-width: 420px;
    }
    .square-card,
    .item-accommodation,
    a.item-offers {
        width: 24%;
    }
    .main-menu-wrapper {
        display: inline-block;
        position: absolute;
        left: 48px;
        right: 170px;
        top: 0;
    }
    div.main-menu-wrapper nav > ul > li > ul.sub-menu.active {
        overflow-y: scroll;
        max-height: 70vh;
        min-height: 160px;
        padding-top: 10px;
        margin-top: 14px;
        min-width: 320px;
        box-shadow: 0 0 45px rgba(0, 0, 0, 0.26);
    }
    ul.menu-principal > li > ul.sub-menu.active > li.menu-item-has-children.active > ul.sub-menu {
        display: block;
        position: relative;
    }
    .main-menu-wrapper li{
        display: inline-block;
    }
    .main-menu-wrapper ul > li > a {
        color: white;
    }
     .menu-item-has-children.active ul.sub-menu.active {
        display: block;
        position: absolute;
        z-index: 99999;
        background: #efefef;
    }
    .menu-item-has-children.active ul.sub-menu.active li {
        display: block;
    }
    .menu-item-has-children.active ul.sub-menu.active li a {
        color: #707070;
    }
    .main-menu-wrapper li {
        padding: 1em 25px;
    }
}