/* STYLE COPORATIVO PRINCESS INDIVIDUAL */ /*---------------------------------------------------------------------------*/ /*--------------------------------- FONTS -----------------------------------*/ /*---------------------------------------------------------------------------*/ /* LOCAL ICON FONT */ @font-face { font-family: "princessfont"; src: url("/files/princessfont.eot"); src: url("/files/princessfont.eot") format("embedded-opentype"), url("/files/princessfont.woff") format("woff"), url("/files/princessfont.ttf") format("truetype"), url("/files/princessfont.svg") format("svg"); font-weight: normal; font-style: normal; } [class^="licon-"]:before, [class*=" licon-"]:before, .check-list li:before, .bullet-list li:before, .carousel-control:before, i.icon-lock:before, .offers-slide .slide .no-offers:before, [class^="princessfont-"]:before, [class*=" princessfont-"]:before { speak: none; font-variant: normal; font-size: inherit; /* line-height: 50px; */ text-decoration: none; font-style: normal; letter-spacing: normal; font-weight: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; } [class^="princessfont-"]:before, [class*=" princessfont-"]:before { font-family: princessfont; } /* ICONS */ .princessfont-youtube-logo:before{content:"\f100"}.princessfont-flickr-logo-of-two-dots:before{content:"\f101"}.princessfont-add-circular-button:before{content:"\f102"}.princessfont-facebook-logo:before{content:"\f103"}.princessfont-google-plus-logo:before{content:"\f104"}.princessfont-liquor:before{content:"\f105"}.princessfont-tournament:before{content:"\f106"}.princessfont-discount:before{content:"\f107"}.princessfont-snowflake:before{content:"\f108"}.princessfont-spa:before{content:"\f109"}.princessfont-hotel:before{content:"\f10a"}.princessfont-video-player:before{content:"\f10b"}.princessfont-fruit:before{content:"\f10c"}.princessfont-play-button:before{content:"\f10d"}.princessfont-play-button-1:before{content:"\f10e"}.princessfont-tracker:before{content:"\f10f"}.princessfont-quality:before{content:"\f110"}.princessfont-customer:before{content:"\f111"}.princessfont-clock:before{content:"\f112"}.princessfont-expand:before{content:"\f113"}.princessfont-bed:before{content:"\f114"}.princessfont-clock-1:before{content:"\f115"}.princessfont-monitor:before{content:"\f116"}.princessfont-wifi:before{content:"\f117"}.princessfont-info:before{content:"\f118"}.princessfont-photo-camera:before{content:"\f119"}.princessfont-facebook:before{content:"\f11a"}.princessfont-glass:before{content:"\f11b"}.princessfont-zoom-in:before{content:"\f11c"}.princessfont-plus:before{content:"\f11d"}.princessfont-success:before{content:"\f11e"}.princessfont-add:before{content:"\f11f"}.princessfont-wifi-1:before{content:"\f120"}.princessfont-like:before{content:"\f121"}.princessfont-star:before{content:"\f122"}.princessfont-garbage:before{content:"\f123"}.princessfont-snowflake-1:before{content:"\f124"}.princessfont-percent:before{content:"\f125"}.princessfont-google-plus:before{content:"\f126"}.princessfont-discount-1:before{content:"\f127"}.princessfont-minibar:before{content:"\f128"}.princessfont-bedroom:before{content:"\f129"}.princessfont-whiskey:before{content:"\f12a"}.princessfont-youtube:before{content:"\f12b"}.princessfont-bell:before{content:"\f12c"}.princessfont-percentage:before{content:"\f12d"}.princessfont-checklist:before{content:"\f12e"}.princessfont-gallery:before{content:"\f12f"}.princessfont-sun-umbrella:before{content:"\f130"}.princessfont-whiskey-1:before{content:"\f131"}.princessfont-rating:before{content:"\f132"}.princessfont-vip:before{content:"\f133"}.princessfont-fruits:before{content:"\f134"}.princessfont-harvest:before{content:"\f135"}.princessfont-whiskey-2:before{content:"\f136"}.princessfont-checklist-1:before{content:"\f137"}.princessfont-facebook-1:before{content:"\f138"}.princessfont-instagram:before{content:"\f139"}.princessfont-youtube-1:before{content:"\f13a"}.princessfont-wine:before{content:"\f13b"}.princessfont-instagram-1:before{content:"\f13c"}.princessfont-twitter:before{content:"\f13d"}.princessfont-fruit-1:before{content:"\f13e"}.princessfont-whiskey-3:before{content:"\f13f"}.princessfont-brands-and-logotypes:before{content:"\f140"}.princessfont-flower:before{content:"\f141"}.princessfont-water:before{content:"\f142"}.princessfont-sunbed:before{content:"\f143"}.princessfont-sunset:before{content:"\f144"}.princessfont-rating-1:before{content:"\f145"}.princessfont-door:before{content:"\f146"}.princessfont-worldwide:before{content:"\f147"}.princessfont-worldwide-1:before{content:"\f148"}.princessfont-whiskey-4:before{content:"\f149"}.princessfont-cocktail:before{content:"\f14a"}.princessfont-pub:before{content:"\f14b"}.princessfont-birthday-and-party:before{content:"\f14c"}.princessfont-beach:before{content:"\f14d"}.princessfont-cocktail-1:before{content:"\f14e"}.princessfont-tennis-racket:before{content:"\f14f"}.princessfont-drink:before{content:"\f150"}.princessfont-minibar-1:before{content:"\f151"}.princessfont-serving-dish:before{content:"\f152"}.princessfont-checklist-2:before{content:"\f153"}.princessfont-instagram-2:before{content:"\f154"}.princessfont-tennis:before{content:"\f155"}.princessfont-rate:before{content:"\f156"}.princessfont-instagram-3:before{content:"\f157"}.princessfont-sunset-1:before{content:"\f158"}.princessfont-position:before{content:"\f159"}.princessfont-bell-1:before{content:"\f15a"}.princessfont-cocktails:before{content:"\f15b"}.princessfont-picture:before{content:"\f15c"}.princessfont-food-and-restaurant:before{content:"\f15d"}.princessfont-bell-2:before{content:"\f15e"}.princessfont-hotel-bell:before{content:"\f15f"}.princessfont-credit-card:before{content:"\f160"}.princessfont-bell-3:before{content:"\f161"}.princessfont-food-and-restaurant-1:before{content:"\f162"}.princessfont-aromatherapy:before{content:"\f163"}.princessfont-food-and-restaurant-2:before{content:"\f164"}.princessfont-tennis-ball:before{content:"\f165"}.princessfont-curtain:before{content:"\f166"}.princessfont-adult:before{content:"\f167"}.princessfont-tennis-ball-1:before{content:"\f168"}.princessfont-tennis-ball-2:before{content:"\f169"}.princessfont-tv:before{content:"\f16a"}.princessfont-bell-4:before{content:"\f16b"}.princessfont-files-and-folders:before{content:"\f16c"}.princessfont-tv-1:before{content:"\f16d"}.princessfont-bracelet:before{content:"\f16e"}.princessfont-cocktail-2:before{content:"\f16f"}.princessfont-medal:before{content:"\f170"}.princessfont-success-1:before{content:"\f171"}.princessfont-sports-and-competition:before{content:"\f172"}.princessfont-sports-and-competition-1:before{content:"\f173"}.princessfont-sports-and-competition-2:before{content:"\f174"}.princessfont-sports-and-competition-3:before{content:"\f175"}.princessfont-sports-and-competition-4:before{content:"\f176"}.princessfont-sports-and-competition-5:before{content:"\f177"}.princessfont-sports-and-competition-6:before{content:"\f178"} [class^="licon-"]:before, [class*=" licon-"]:before,*/ .check-list li:before, .bullet-list li:before, .carousel-control:before, i.icon-lock:before, .offers-slide .slide .no-offers:before { speak: none; font-variant: normal; font-size: inherit; line-height: inherit; text-decoration: none; font-style: normal; letter-spacing: normal; font-weight: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; } /* ICONS */ i.icon-lock:before { font-family: 'mirai-icofonts'; content: '\e990'; } .back a:before, a.fwd-link:after, #main .go-to-calendar:after, .rooms-detail-wrapper .detail-links li a:after { content: '\e966'; font-family: 'mirai-icofonts'; font-size: .85em; line-height: .85em; font-weight: normal; margin: 0 .5em; vertical-align: middle; display: inline-block; text-decoration: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } /* mete la clase .fwd-link a los enlaces que quieras meter una flecha hacia adelante */ a:hover { text-decoration: none; } a.fwd-link:after { content: '\e967'; } a.fwd-link:hover:after { margin-left: 1em; margin-right: 0; } .back a:hover:before { margin-right: 1em; margin-left: 0; } /* GENERAL FONT STYLES */ html, body { font-size: calc(14px + 0.25vw); line-height: normal; } body, .ui-datepicker-inline *, .wpcf7 input, #ui-datepicker-div { font-family: 'Open Sans', 'sans-serif'; /* cambialo segun boceto */ } /* normal links */ a, #cuadroOpiniones div.hssurveys_full .noLink, #cuadroOpiniones div.hssurveys_full .noLink a, #main .offer-detail-1 .go-to-calendar { color: #222; } a:hover, #cuadroOpiniones div.hssurveys_full .noLink:hover, #cuadroOpiniones div.hssurveys_full .noLink a:hover, #main .offer-detail-1 .go-to-calendar:hover { color:#FFB200; } /* TITLES */ /* reset Bootstrap styles */ h1, h2, h3, h4, h5, p, li {line-height: normal;} p{margin-bottom:0;} .p-small { font-size: 0.8em; } /* reset categories title blog */ .blog-wrapper #posts_con_categoria { font-size: initial; margin: 0; text-align: left; text-decoration: none; text-transform: none; } .main-title { font-size: 50px; margin-bottom: 30px; display: block; color: #fff; text-shadow: 0 0 15px rgba(0, 0, 0, .5); text-align: center; z-index: 30; margin: 0 auto; } .mi-title2, #cookies-wrapper-content h1, .rooms-listing-wrapper h2, #cookies-wrapper-content h2, .blog-wrapper h2, .blog-wrapper h1, .blog-wrapper #posts_con_categoria, .mi-iata-content h2, .starter-offers .offers-mashup dl dt { font-size: calc( 2em + 1.5vw); font-family: 'Montserrat', sans-serif; } .mi-title3, .rooms-listing-wrapper h3, .rooms-detail-wrapper h2, .offers-listing-wrapper h2, .offers-detail-wrapper h2, .rooms-detail-wrapper h3, .offers-listing-wrapper h3, .offers-detail-wrapper h3, .blog-wrapper h3, .mi-iata-content h3 { font-size: calc( 0.8em + 1vw); font-family: 'Montserrat', sans-serif; /*font-family: 'Playfair Display', serif;*/ } .mi-title4, .rooms-detail-wrapper h4, .offers-detail-wrapper h4 { font-size: 1.3em; font-weight: lighter; } /*---------------------------------------------------------------------------*/ /*----------------------------- GENERAL FIXES -------------------------------*/ /*---------------------------------------------------------------------------*/ input[type="radio"], input[type="checkbox"] {margin: 0} select, textarea, input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {border-radius: initial;font-family: inherit;} select[disabled] {cursor: not-allowed!important;} img {width: auto} .container {max-width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;} .btn {-webkit-box-shadow: none;box-shadow: none;text-align:inherit;} ul.menu a {color: inherit;} #back-top {z-index: 200;} .btn:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus {outline: none;} .mi-iata-content {padding: 80px 0;} .mi-iata-content h2, .mi-iata-content h3 {margin-bottom: 20px;} .span6.mi-agencies {padding-right: 20px; padding-top: 20px; padding-bottom: 20px;} .span6.mi-companies {padding-left: 20px; padding-top: 20px; padding-bottom: 20px;} .mi-iata-content .mi-action .tab-content {overflow: visible;} .collapse {overflow: hidden;} dt, dd {line-height: 1;} .socialmedia ul li a:before {color: inherit; display: block; font-size: inherit; padding: 0; background: transparent;} /* ENGINE SELECTS, QTRANSLATE SELECT AND MULTIROOM BUTTON APPEARANCE RESET */ .widget_qtranslate select, .common-form select { border-radius: 0; line-height: 1; appearance: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; text-indent: 0.01px; text-overflow: ""; margin-bottom: 0; font-size: inherit; } .widget_qtranslate select::-ms-expand, .common-form select::-ms-expand {display: none;} .widget_qtranslate select, .common-form select {width: auto;} /*---------------------------------------------------------------------------*/ /*--------------------------- GENERIC CLASSES -------------------------------*/ /*---------------------------------------------------------------------------*/ .relative {position: relative} .absolute {position: absolute} .absolute.full {bottom: 0;top: 0;right: 0;left: 0;} .full-width {width: 100%; overflow: auto;} .full-height {height: 100%} .block {display: block} .inline-block {display: inline-block !important} .align-left {text-align: left} .align-center {text-align: center} .align-right {text-align: right} .vertical-align > * {vertical-align: middle} .overflow-h {overflow: hidden} .img-cover {height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover;} .center { position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%,-50%); } /* FLEX RULES */ .flex.row:before, .flex.row:after, .flex.container:before, .flex.container:after {display:none;} .flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; } /* y axis */ .fx-align-center { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .fx-align-end { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } /* x axis */ .fx-justify-center { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; } .fx-space-between { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .fx-justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* changing axes */ .fx-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* break line */ .fx-wrap { -ms-flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; flex-wrap: wrap; } .fx-self-center { -ms-flex-item-align: center; align-self: center; } .flex:before, .flex:after { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .bullet li{ list-style: circle; } .g1 { gap: 1em; } /* MARGIN - PADDING */ .pa0 {padding: 0} .ptxs {padding-top: 4px;} .prxs {padding-right: 2px;} .pbxs {padding-bottom: 4px;} .plxs {padding-left: 2px;} .phxs {padding-right: 2px; padding-left: 2px;} .pvxs {padding-top: 4px; padding-bottom: 4px;} .paxs {padding: 4px;} .pts {padding-top: 20px;} .prs {padding-right: 20px;} .pbs {padding-bottom: 20px;} .pls {padding-left: 20px;} .phs {padding-right: 20px; padding-left: 20px;} .pvs {padding-top: 20px; padding-bottom: 20px;} .pas {padding: 20px;} .ptm {padding-top: 60px;} .prm {padding-right: 60px;} .pbm {padding-bottom: 60px;} .plm {padding-left: 60px;} .phm {padding-right: 60px; padding-left: 60px;} .pvm {padding-top: 60px; padding-bottom: 60px;} .pam {padding: 60px;} .ptl {padding-top: 150px;} .prl {padding-right: 150px;} .pbl {padding-bottom: 150px;} .pll {padding-left: 150px;} .phl {padding-right: 150px; padding-left: 150px;} .pvl {padding-top: 150px; padding-bottom: 150px;} .pal {padding: 5%;} .pvxl { padding-top: 300px; padding-bottom: 300px; } .mtxs {margin-top: 4px;} .mrxs {margin-right: 2px;} .mbxs {margin-bottom: 4px;} .mlxs {margin-left: 2px;} .mhxs {margin-right: 2px; margin-left: 2px;} .mvxs {margin-top: 4px; margin-bottom: 4px;} .maxs {margin: 2px;} .mts {margin-top: 20px;} .mrs {margin-right: 20px;} .mbs {margin-bottom: 20px;} .mls {margin-left: 20px;} .mhs {margin-right: 20px; margin-left: 20px;} .mvs {margin-top: 20px; margin-bottom: 20px;} .mas {margin: 20px;} .mtm {margin-top: 70px;} .mrm {margin-right: 70px;} .mbm {margin-bottom: 70px;} .mlm {margin-left: 70px;} .mhm {margin-right: 70px; margin-left: 70px;} .mvm {margin-top: 70px; margin-bottom: 70px;} .mam {margin: 70px;} .mtl {margin-top: 150px;} .mrl {margin-right: 150px;} .mbl {margin-bottom: 150px;} .mll {margin-left: 150px;} .mhl {margin-right: 150px; margin-left: 150px;} .mvl {margin-top: 150px; margin-bottom: 150px;} .mal {margin: 150px;} .ma0 {margin: 0} .m0auto {margin: 0 auto} /* BACKGROUNDS & COLORS */ .white-text, .white-text *, .white-text a:hover, .white-text .offers-mashup * { color: #fff!important; } .bg-black { background: #131313; } .bg-light { background: rgba(255,255,255,.7); } .bg-dark-fill { background: rgba(0,0,0,.3); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */ } .bg-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),to(rgba(255,255,255,0))); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ position: absolute; left: 0; top: 39px; height: 7em; width: 100%; z-index: 0; } .upper{ text-transform: uppercase; } /* borders */ .white-text *, .white-text { border-color: #fff; } .bld{ font-weight: bold; } .brd-space::before { content: ""; position: absolute; top: 0; right: 50%; width: 90%; -webkit-transform: translateX(50%); transform: translateX(50%); border-top: 2px solid; max-width: 1200px; } .brd-l { border-left: 2px solid; } .brd-l-s { border-left: 1px solid; } .brd-r { border-right: 2px solid; } .brd-r-s { border-right: 1px solid; } /* Scroll Effects */ .scroll-v { overflow-y: scroll; overflow-x: visible; direction: rtl; -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 450px; } .scroll-v > * { direction: ltr; } /* width */ .scroll-v::-webkit-scrollbar {width: 6px;} /* track */ .scroll-v::-webkit-scrollbar-track {background: transparent;border-left: 1px solid #3f3539;} /* handle */ .scroll-v::-webkit-scrollbar-thumb {background: #3f3539;} /* handle on hover */ .scroll-v::-webkit-scrollbar-thumb:hover {background: #555;} /*------------------- SCROLL EFFECTS -------------------*/ #container { overflow-x: hidden; } .cat-offer-detail #container { overflow: hidden; } .m-animate { -webkit-transform: none; transform: none; opacity: 1; -webkit-transition: 1s ease-in-out; transition: 1s ease-in-out; } .m-animate.m-stop { opacity: 0; } .m-animate.m-stop[data-custom="left"] { -webkit-transform: translateX(-50px); transform: translateX(-50px); } .m-animate.m-stop[data-custom="right"] { -webkit-transform: translateX(50px); transform: translateX(50px); } .m-animate.m-stop[data-custom="bottom"] { -webkit-transform: translateY(50px); transform: translateY(50px); } .c-header-page_line { position: absolute; bottom: 0; left: 50%; z-index: 2; width: 1px; background-color: #fff; height: 60px; -webkit-animation: header-line 2.6s infinite; animation: header-line 2.6s infinite; } @-webkit-keyframes header-line { 0% { -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(0); transform: scaleY(0) } 24% { -webkit-transform-origin: center top; transform-origin: center top } 25% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; transform-origin: center bottom } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; transform-origin: center bottom } } @keyframes header-line { 0% { -webkit-transform-origin: center top; transform-origin: center top; -webkit-transform: scaleY(0); transform: scaleY(0) } 24% { -webkit-transform-origin: center top; transform-origin: center top } 25% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; transform-origin: center bottom } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center bottom; transform-origin: center bottom } } /*---------------------------------------------------------------------------*/ /*--------------------------- COMMON ELEMENTS -------------------------------*/ /*---------------------------------------------------------------------------*/ /* CAROUSEL CONTROLS (bootstrap & swiper ) */ .carousel-control, .flickity-prev-next-button { -webkit-box-shadow: none!important; box-shadow: none!important; height: auto; line-height: 1; font-size: 40px; width: 40px; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: none; background: transparent; color: #000!important; opacity: .6; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .carousel-control { text-indent: -99999px; text-shadow: none; } .carousel-control, .flickity-prev-next-button.previous {left: 0px;} .carousel-control.right, .flickity-prev-next-button.next {left: auto; right: 0px;} .carousel-control:before, .flickity-prev-next-button:before { text-indent: 0; font-family: 'mirai-icofonts'; display: block; float: left; } .carousel-control.left:before, .flickity-prev-next-button.previous:before {content: '\e962'; color:#fff;} .carousel-control.right:before, .flickity-prev-next-button.next:before {content: '\e963'; color:#fff;} .carousel-control:hover, .flickity-prev-next-button:hover { opacity: 1; } .flickity-button:hover { background: transparent; } /* SWIPER FLICKITY */ /* full screen */ .full-screen-container .flickity-enabled, .full-screen-container .flickity-viewport, .full-screen-container .carousel-cell { height: 100% !important; } .full-screen-container .carousel-cell { width: 100%; } .full-screen-container .flickity-page-dots { bottom: 0px; padding: 20px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; right: 0; width: auto; } .carousel-cell { display: block; min-height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .flickity-page-dots { bottom: 5%; right: 2%; text-align: right; } /* arrows */ .flickity-prev-next-button { border-radius: 0; width: 48px; height: 48px; } .flickity-prev-next-button svg { display: none; } .flickity-page-dots .dot { background: transparent; height: 15px; width: 15px; border: 2px solid #fff; opacity: 1; } li.dot.is-selected{ background: #222; } .only-desktop-large{ display: none; } /* Menu chain */ .pagination-carousel .carousel-cell:before { content: ''; width: 100%; position: absolute; bottom: 0; left: 0; height: 1px; background-color: #d8d8d8; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .pagination-carousel .carousel-cell.is-selected:before, .pagination-carousel .carousel-cell:hover::before { height: 4px; background-color: #8a8a8a; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .chain-carousel .flickity-prev-next-button { border: solid 1px #a6a6a6; } /* BOOTSTRAP MODAL */ .modal:focus {outline: none;} .modal {border: none;} body.modal-open {overflow: hidden; -ms-touch-action: none; touch-action: none;} .modal-header .close { float: none; position: absolute; right: 13px; top: 50%; font-size: 20px; width: 20px; /* firefox fixing - mismo que font-size */; -webkit-box-sizing: content-box; box-sizing: content-box; margin-top: -20px; padding: 10px; color: inherit; opacity: .75; text-shadow: none; } .modal-header .close:hover { opacity: 1; } .modal-header { background: transparent; border-bottom: none; padding-right: 57px; padding: 15px; position: relative; } /* modal title */ .modal-header .mi-title3 { color: inherit; font-weight: normal; } /* MIRAI MODAL */ body.mirai-modal-active #main { position: static; } .mirai-modal { position: fixed; top: 0; bottom: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1050; background-color: rgba(0, 0, 0, 0.8); color: #fff; } .mi-modal-close { background: transparent; color: #222; border: 0; display: inline-block; cursor: pointer; line-height: 1; } #engine-modal.mirai-modal{ background-color: rgba(255, 255, 255, 0.95); color: #222; } #engine-modal.mi-modal-close{ color: #222; } .mirai-modal > .mi-modal-close, .mi-modal-header > .mi-modal-close { position: absolute; right: 20px; top: 20px; } .mi-modal-header > .mi-modal-close { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .mi-modal-header #logo { display: none; } .mi-modal-close i { font-size: 32px; display: inline-block; vertical-align: middle; } .mi-modal-close span { display: inline-block; vertical-align: middle; padding-right: 10px; padding-left: 10px; font-family: Gotham; text-transform: uppercase; letter-spacing: 0.1px; } .mi-modal-close span, .mi-modal-close i { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .mi-modal-close:hover span { padding-right: 20px; padding-left: 0; } .mi-modal-close:hover i { -webkit-transform: scale(1.1); transform: scale(1.1); } .mi-modal-header { text-align: center; position: absolute; padding: 30px 0; width: 100%; left: 0; top: 0; z-index: 1; } .mirai-modal .mi-modal-content { height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .mirai-modal .mi-modal-content > div { max-height: 100%; } /* left */ .mirai-modal[data-to="left"] { left: -100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .mirai-modal[data-to="left"].mi-active {left: 0;} /* right */ .mirai-modal[data-to="right"] { right: -100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .mirai-modal[data-to="right"].mi-active {right: 0;} /* fade */ .mirai-modal[data-to="fade"] { opacity: 0; left: -100%; -webkit-transition: opacity .3s ease-in 0s, left 0s ease-in .3s; transition: opacity .3s ease-in 0s, left 0s ease-in .3s; } .mirai-modal[data-to="fade"].mi-active { opacity: 1; left: 0; -webkit-transition: left 0s ease-in 0s, opacity .3s ease-in; transition: left 0s ease-in 0s, opacity .3s ease-in; } /* SHADOWBOX */ #sb-container {z-index: 1100;} /* SIDE MODAL BUTTON */ .fixed-modal-link { background: #d8d8d8; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); position: fixed; right: 0; top: 30%; padding: 30px 10px; z-index: 200; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .fixed-modal-link:hover { padding: 30px 20px 30px 10px; } /* FORMS */ .wpcf7-recaptcha > div {width: 100%!important;} /* mete la clase .common-form al contenedor del formulario para que le afecten los estilos estandar */ .common-form br { display: none; } .common-form { margin: 0 auto; max-width: 1000px; } .common-form .row:not(:nth-child(2)) { margin-top: 1em; padding-top: 1em; /*border-top: 1px dashed #dcdcdc;*/ } .common-form div[class^="col-"] { position: relative; padding: 24px 16px 16px; } .common-form input[type="text"], .common-form input[type="email"], .common-form input[type="number"], .common-form input[type="date"], .common-form select, .common-form textarea { display: block; width: 100%; padding: 0; margin: 0; height: 50px; border: none; border-bottom: 1px solid; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; font-weight: bold; font-size: 1.2em; -webkit-transition: .5s; transition: .5s; -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; background: rgba(240,240,240,.2); } .common-form .inputComplete input, .common-form .inputComplete textarea { border-color: #FFB200; -webkit-box-shadow: 0 2px 0 #d0be90; box-shadow: 0 2px 0 #d0be90; -webkit-transition: .2s; transition: .2s; } .common-form textarea { line-height: 35px; height: 150px; font-weight: 400; padding: 10px 0; } .common-form label { position: absolute; text-transform: uppercase; line-height: 50px; top: 24px; font-size: 80%; letter-spacing: 0.1em; color: #666; -webkit-transition: .5s; transition: .5s; } /* contact form */ .cv-wrapper{ display:none!important; } .is-visible{ display:block!important; } .common-form .cv-wrapper label{ top: -25px; } .common-form .inputComplete label { top: -15px; -webkit-transition: .2s; transition: .2s; } .common-form .wpcf7-captcha-captcha { position: absolute; top: 38px; right: 25px; } .common-form div.accept-privacity { padding: 10px 0; } .common-form input[type="radio"], .common-form input[type="checkbox"] { width: 18px; height: 18px; margin-right: 12px; } .common-form input[type="file"]{ background: rgba(240,240,240,.2); border-bottom: 1px solid; padding: 20px; width: calc(100% - 40px); } .common-form .wpcf7-submit { width: 40%; min-width: 240px; } .common-form .wpcf7-not-valid-tip { color: #e26464; font-size: 80%; text-align: left; padding-top: 3px; } .common-form .wpcf7-response-output { padding: 1.5em; margin: 16px; border: none; background: #efefef; } .common-form .wpcf7-validation-errors { background:#f7c9c9; } .common-form .wpcf7-mail-sent-ok { background: #f4ffdb; } /* poner de nombra 'selector' al shortcode del input-select en el formulario para que aparezca la flecha (el nombre se lo pone de clase al control-wrap) */ .common-form .selector, .common-form .your-recipient, .common-form .needs { display: block; } .common-form .wpcf7-form-control-wrap.selector-consulta select:after, .common-form .wpcf7-form-control-wrap.your-recipient:after, .common-form .needs:after { content: "\e961"; font-family: 'mirai-icofonts'; pointer-events: none; position: absolute; right: 30px; top: 50%; margin-top: 0; font-size: 15px; color: inherit; line-height: 1; } .wpcf7-form-control-wrap.selector-consulta{ position:inherit; } select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.cv-box { -webkit-appearance: menulist-button; -moz-appearance: menulist-buttom; } /*IATA*/ #request { display: none; } #request.active { display: block } .mi-iata-content .mi-action { display: block; } .mi-iata-content .mi-be { display: block!important; } .wpcf7 .wpcf7-form input.wpcf7-submit{ padding: 15px; } .wpcf7 .wpcf7-form input.wpcf7-submit:hover{ background: #FFB200; } #edit-field-tu-destino-und label { position: relative; } .select-vacio label { position: relative; } .field-name-field-tu-destino > .form-item > .form-radios > .form-item { width: 32%; display: inline-block; margin: 0 .5%; position: relative; cursor: pointer; } .field-name-field-tu-destino > .form-item > .form-radios > .form-item > label::after { content: ''; position: absolute; left: 0; right: 0; top: 35px; bottom: 0; background: black; opacity: 0.4; -webkit-transition: all .55s ease; transition: all .55s ease; } .field-name-field-tu-destino > .form-item > .form-radios > .form-item > input { margin-top: 11px; margin-left: 1rem; } .field-name-field-tu-destino > .form-item > .form-radios > .form-item > label { font-size: 1.6rem; font-weight: 500; vertical-align: top; line-height: 3.5rem; text-transform: uppercase; color: #444444; -webkit-transition: all .55s ease; transition: all .55s ease; cursor: pointer; } .field-name-field-tu-destino > .form-item > .form-radios > .form-item > label::before { font-family: 'mirai-icofonts'; content: '\e990'; position: absolute; left: 0; width: 100%; top: 50%; text-align: center; font-size: 5rem; font-weight: 600; color: white; opacity: 0; -webkit-transition: all .55s ease; transition: all .55s ease; } .field-name-field-tu-destino > .form-item > .form-radios > .form-item > label.seleccionado::after, .field-name-field-tu-destino > .form-item > .form-radios > .form-item > label:hover::after { opacity: 0.1; } #edit-field-tu-destino-und .common-form input[type="radio"], #edit-field-tu-destino-und .common-form input[type="checkbox"]{ margin-right: 0 } .field-name-field-tu-destino > .form-item > .form-radios > .form-item > label.seleccionado::before { opacity: 1; } /* BACK TO TOP */ #back-top { background-color: #9a9a9a; } /* BACKGROUND IMAGE */ .bg-img { position: absolute; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; left: 0; top: 0; } /* BUTTONS */ /* utiliza la clase .primary-btn para aquellos botones que quieras que se comporten como el de reservar, y .secundary-btn para los de tipo ofertas */ /* primary */ .offers-detail-wrapper .offer-calendar-wrapper .offer-button, .rooms-detail-wrapper .room-calendar-wrapper .room-button, .landing-booking-button, .offers-detail-wrapper a.booking_mobile, .rooms-detail-wrapper a.booking_mobile, .all-calendar input[type="button"], .primary-btn { border: none; /* fixing booking button in details pages */ border-radius: 0; /* fixing buttons in bookingstep */ -webkit-box-shadow: none; box-shadow: none; /* fixing buttons in bookingstep */ text-shadow: none; /* fixing buttons in bookingstep */ text-transform: uppercase; letter-spacing: 0.1em; background: #FFB200; color: #222; font-weight: bold; letter-spacing: 3px; padding: 12px 25px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .offers-detail-wrapper .offer-calendar-wrapper .offer-button:hover, .rooms-detail-wrapper .room-calendar-wrapper .room-button:hover, .landing-booking-button:hover, .offers-detail-wrapper a.booking_mobile:hover, .rooms-detail-wrapper a.booking_mobile:hover, .all-calendar input[type="button"]:hover, .primary-btn:hover { text-decoration: none; background: #FFCE08; color: #222; } .primary-btn, .secundary-btn { display: inline-block; } /* secundary */ .offers-listing-wrapper .offer .offer-button, .rooms-detail-wrapper .offer .offer-button, .mapa .formRuta input.calculaRuta, #respond .form-submit #submit, .wpcf7 .wpcf7-form input.wpcf7-submit, input.wpcf7-form-control.wpcf7-submit, .offers-mashup .more-info-link, .widget_search form input[type="submit"], .rooms-listing-wrapper .room-box .room-book a, .mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview, .secundary-btn { background: #222; /* fixing offers mashup button */ border-radius: 0; /* fixing offers mashup button */ color: #fff; font-size: calc( 0.6em + 0.5vw); text-transform: uppercase; letter-spacing: 1.4px; padding: 13px 40px 13px 20px; position: relative; text-shadow: none; text-transform: uppercase; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; } .rooms-listing-wrapper .room-box .room-book a { padding: 13px 20px} .rooms-listing-5 .price-box{ background-color: #222; color:#fff; } .white-text .secundary-btn, .white-text .offers-mashup .more-info-link { color: #fff; } .offers-listing-wrapper .offer .offer-button:hover, .rooms-detail-wrapper .offer .offer-button:hover, .mapa .formRuta input.calculaRuta:hover, #respond .form-submit #submit:hover, .offers-mashup .more-info-link:hover, .widget_search form input[type="submit"]:hover, .rooms-listing-wrapper .room-box .room-book a:hover, .mirai_opiniones #xdhsReviewSummaryContent-XdHs #hsRating .mirai_btReview:hover, .secundary-btn:hover { text-decoration: none; background: transparent; color: inherit; } .secundary-btn span:after, .secundary-link span:after{ content: "\310"; cursor: pointer; display: block; font-family: 'mirai-icofonts'; letter-spacing: 20px; position: absolute; right: -3%; top: 33%; width: 25px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .secundary-btn:hover::after, a.secundary-link:hover::after { right: -10%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .secundary-btn:hover span:after{ right: -5%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .secundary-link span{ position: relative; } .secundary-link span:after { top: 22%; right: -7.5%; font-size: 0.9em; } .secundary-link span:hover::after { right: -8.5%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .p-small .secundary-link span:after { right: -24%; top: 4px; font-size: 0.9em; position: absolute; } .p-small .secundary-link span:hover::after { right: -28%; } .secundary-link{ color: #222; } .secundary-link:hover { color: #FFB200; text-decoration: none; } .white-text .secundary-btn:hover, .white-text .offers-mashup .more-info-link:hover { background: transparent; } .color-link { color: #e19e04; } /* disabled buttons */ #main .offers-detail-wrapper .offer-calendar-wrapper .offer-button:disabled, #main .rooms-detail-wrapper .room-calendar-wrapper .room-button:disabled, .wpcf7 .wpcf7-form input.wpcf7-submit:disabled, input.wpcf7-form-control.wpcf7-submit:disabled, input.wpcf7-form-control.wpcf7-submit:disabled:hover, .wpcf7 .wpcf7-form input.wpcf7-submit:disabled:hover, .all-calendar input[type="button"]:disabled { background-color: #b9b9b9!important; border-radius: 0; -webkit-border-radius: 0; } /* fixing padding for details submit button */ .offers-detail-wrapper .offer-calendar-wrapper .offer-button, .rooms-detail-wrapper .room-calendar-wrapper .room-button {padding: 0;} /*---------------------------------------------------------------------------*/ /*----------------------------- ENGINE CALENDAR -----------------------------*/ /*---------------------------------------------------------------------------*/ /* FIXING */ #ui-datepicker-div {z-index: 400 !important;} body.modal-open #ui-datepicker-div {z-index: 1060 !important;} .offers-detail-wrapper .calendar-legend-offer-day a {border: 0!important;} .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkin-date._checkout-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date._checkout-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkin-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkout-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkout-date a {border-radius: 0;} /* wrapper in detail pages */ .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline { padding: 10px; } /* months */ .ui-datepicker-multi .ui-datepicker-group { padding: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* header */ .ui-datepicker .ui-datepicker-header { border: 0; border-radius: 0; padding: 6px!important; } /* month - year */ .ui-datepicker .ui-datepicker-title { font-size: 1em; font-weight: bold; margin: 0!important; } /* color name weekdays */ .ui-datepicker th { color: #999!important; } /* color name weekend */ .ui-datepicker th.ui-datepicker-week-end { color: #444!important; } /* days (number) */ .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month {border: 0;} .ui-datepicker .ui-datepicker-calendar td {padding: 0; border: 1px solid #e4e7e7;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, #noDispo .ui-datepicker td span, #noDispo .ui-datepicker td a { border: 0!important; background: transparent!important; padding: 6px; text-align: center; } /* weekend (number) */ .ui-datepicker-week-end .ui-state-default, .ui-datepicker-week-end .ui-widget-content .ui-state-default, .ui-datepicker-week-end .ui-widget-header .ui-state-default { background: transparent!important; } /* arrows */ .ui-widget-header .ui-icon, .ui-widget-content .ui-icon, .ui-icon, #main #noDispo .ui-widget-header .ui-icon {display: none!important;} .ui-dialog-titlebar-close .ui-icon-closethick {display: block!important;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border: 1px solid #e4e7e7!important; top: 50%!important; padding: 0.3em 0.7em; text-decoration: none; width: auto!important; height: auto!important; border-radius: 3px; line-height: 1; font-size: 1em; margin-top: -.8em; font-weight: normal; color: #82888a; } .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {cursor: pointer;} .ui-datepicker .ui-datepicker-prev {left: 7px!important;} .ui-datepicker .ui-datepicker-next {right: 7px!important;} .ui-datepicker .ui-datepicker-next:after, .ui-datepicker .ui-datepicker-prev:after { color: inherit; cursor: pointer; font-family: 'mirai-icofonts'; line-height: 1; font-size: inherit; display: block; } .ui-datepicker .ui-datepicker-prev:after {content: "\eb28";} .ui-datepicker .ui-datepicker-next:after {content: "\eb25";} /* header (month&year) and old calendar buttons */ .ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-datepicker-buttonpane button, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .ui-datepicker-header { background: #fff!important; color: #666!important; } .all-calendar {-webkit-box-shadow: none;box-shadow: none; border: 1px solid #e4e7e7;} .all-calendar .ui-datepicker .ui-datepicker-title {text-transform: none; font-weight: bold!important;} .all-calendar .ui-datepicker thead th {font-weight: normal; font-size: 0.9em;} /* offers 4 and rooms 5 templates */ .detail-services-dates {max-width: 800px;margin: 0 auto;} .offer-detail-4 .offer-dates, .offer-detail-4 .room-offer, .rooms-detail-5 .room-dates, .rooms-detail-5 .room-offer .offer-list {background: transparent;} .offer-detail-4 .offer-dates, .rooms-detail-5 .room-dates {padding-right: 0;} @media (max-width: 979px) { .detail-description, .offer-detail-4 .offer-dates, .rooms-detail-5 .room-dates {padding-left: 0; padding-right: 0;} } /* ------------------------------ CHANGE THESE COLORS & BACKGROUNDS ------------------------------ */ /* selected and hover days */ .ui-datepicker-calendar ._selected-date span, .ui-datepicker-calendar ._selected-date a, .ui-datepicker-calendar ._checkin-date span, .ui-datepicker-calendar ._checkin-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkin-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._selected-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day a:hover, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkin-date._checkout-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline ._checkin-date._checkout-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date._checkout-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkin-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._selected-date a, .ui-datepicker td:hover a, .all-calendar .ui-datepicker-calendar ._selected-date span, .all-calendar .ui-datepicker-calendar ._selected-date a, .all-calendar .ui-datepicker-calendar ._checkin-date span, .all-calendar .ui-datepicker-calendar ._checkin-date a, .all-calendar .ui-datepicker-calendar a:hover { -webkit-transition: all .3s ease; transition: all .3s ease; background: #FFB200!important; color: #222; font-weight: 400!important; text-decoration: none; } /* last selected day */ .ui-datepicker-calendar ._checkout-date span, .ui-datepicker-calendar ._checkout-date a, .offers-detail-wrapper .offer-calendar-wrapper .offer-date .ui-datepicker-inline .calendar-legend-offer-day._checkout-date a, .rooms-detail-wrapper .room-calendar-wrapper .room-date .ui-datepicker-inline ._checkout-date a, .all-calendar .ui-datepicker-calendar ._checkout-date span, .all-calendar .ui-datepicker-calendar ._checkout-date a { background: #FFCE08!important; color: #222; font-weight: 400!important; text-decoration: none; } /* hover arrows (engine, details and no dispo calendars) */ .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover { border: 1px solid #c4c4c4!important; background: transparent!important; } /* ----------------------------------------------------------------------------------------------- */ /*---------------------------------------------------------------------------*/ /*------------------------------ STRUCTURE ----------------------------------*/ /*---------------------------------------------------------------------------*/ #header .content, #main .content, #footer .content {position: relative} /* HEADER */ #header {} #header .content {} #pre-header, #header .qts-lang-menu, #header .qts-lang-menu option { background-color: #222; text-transform: uppercase; } /* ------- */ #pre-header { border-bottom: 1px solid #666; padding: 10px 0; } #pre-header * { color: #fff; text-transform: capitalize; vertical-align: baseline; } .contact-header { font-size: 16px; } .contact-header > div:last-child { padding-right: 0; } .contact-header > li, .contact-header > div { padding: 0 20px; position: relative; } .contact-header li:first-child { padding-left: 0; } .intro-contact-header li { display: block; float: left; padding: 0 10px; position: relative; } .contact-header li:before { content: ''; border-left: 1px solid; height: 70%; position: absolute; top: 15%; left: 0; } .contact-header > li:first-child, .contact-header > div:first-child { padding-left: 0; } .contact-header > li:first-child:before, .contact-header > div:first-child:before, .socialmedia ul li:before, .intro-contact-header ul li:first-child:before { display: none; } .contact-header i { display: inline-block; } #pre-header .socialmedia a { padding: 2px; } #pre-header .socialmedia li { padding: 0 4px; } #fixed-header { position: absolute; left: 0; right: 0; z-index: 600; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } #fixed-header[data-transparent="false"] { background-color: white; } #fixed-header[data-transparent="true"] { background-color: transparent; } #fixed-header.offset-active { position: fixed; top: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #fixed-header.offset-active[data-transparent="true"]:before { display: none; } #fixed-header.offset-active[data-transparent="true"] { background-color: white; } .intro-contact-header div[data-mirai-engine=mirai_mlr], .intro-contact-header div[data-mirai-engine=mirai_mlr] > div { display: inline-block; } #fixed-header.offset-active #header #logo, #fixed-header.offset-active #header .burguer-wrapper { -webkit-filter: invert(100%); -moz-filter: invert(100%); filter: invert(100%); } #fixed-header.offset-active #header{ background: #222; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } #fixed-header.offset-active .bg-gradient{ display: none; } #header #navigationweb { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 10px; position: relative; } .offset-active #navigationweb { padding: 10px 0; } .burguer-wrapper { z-index: 600; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .menu-modal-btn { display: block; position: relative; width: 55px; height: 47px; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu-modal-btn::before,.menu-modal-btn::after,.menu-modal-btn i::before,.menu-modal-btn i::after { content: ""; position: absolute; left: 5px; right: 5px; height: 0; border-bottom: 3px solid; -webkit-transition: .4s .2s ease , color .2s; transition: .4s .2s ease , color .2s; color: #222; border-radius: 10px; } .menu-modal-btn::before { top: 10px; } .menu-modal-btn::after { bottom: 10px; right: 20px; } .menu-modal-btn:hover::after { right: 5px; } .menu-modal-btn i::after,.menu-modal-btn i::before { -webkit-transition: .2s; transition: .2s; } .menu-modal-btn i { position: absolute; -webkit-transition: .2s , color 0s; transition: .2s , color 0s; top: 50%; margin-top: -2px; left: 0; right: 0; color: #070C4C; } .menu-modal-btn .menu-text { position: absolute; left: 110%; top: 50%; font-size: 18px; line-height: 1; margin-top: -9px; padding: 0 5px; width: 150px; height: 18px; overflow: hidden; letter-spacing: .1em; font-weight: 100; /* pointer-events: none; */ -webkit-transition: opacity .6s .3s; transition: opacity .6s .3s; color: #222; } .menu-modal-btn .menu-text span { display: block; } .menu-modal-btn .menu-text span:last-child { -webkit-transition: .5s; transition: .5s; } .menu-modal-btn .menu-text span:first-child { -webkit-transition: .5s; transition: .5s; } .menu-modal-btn.toggle-close { z-index: 10; width: 55px; padding-right: 0; -webkit-transition: border .2s .4s; transition: border .2s .4s; } .menu-modal-btn.toggle-close::before { opacity: 0; -webkit-transition: .4s; transition: .4s; } .menu-modal-btn.toggle-close::after,.menu-open .menu-modal-btn:hover::after { opacity: 0; -webkit-transition: .4s; transition: .4s; } .menu-modal-btn.toggle-close i { left: 10px; right: 10px; } .menu-modal-btn.toggle-close i::after, .menu-modal-btn.toggle-close i::before { left: 0; right:0; } .menu-modal-btn.toggle-close i::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: .4s .2s ease; transition: .4s .2s ease; } .menu-modal-btn.toggle-close i::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: .4s .2s ease; transition: .4s .2s ease; } .menu-modal-btn.toggle-close span:first-child { margin-top: -18px; -webkit-transition: .4s; transition: .4s; } /* booking modal button */ .cat-room-detail .booking-modal-btn, .cat-offer-detail .booking-modal-btn, .cat-booking .booking-modal-btn, .cat-offer-detail .booking-modal-btn { display: none; } #header .modal-engine-wrapper.offset-active { width: auto; opacity: 1; } #header .modal-engine-wrapper { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; text-align: right; overflow: hidden; margin-left: 0; width: 0; opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .engine-text { font-family: 'Open Sans', sans-serif; letter-spacing: -0.5px; } #engine-modal.mirai-modal .engine-advan ul li { color: #222; padding: 0 20px; } #engine-modal.mirai-modal .my-princess{display: none;} /* booking link for mobile */ .booking-link {display: none!important;} /* logo */ #logo { height: auto; line-height: 1; margin: 0; padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } /* qtranslate */ .widget_qtranslate { text-align: right; position: relative; padding-left: 20px; } .widget_qtranslate:after, #header .widget_qtranslate:before { content: "\e971"; font-family: 'mirai-icofonts'; pointer-events: none; position: absolute; right: 0; top: 50%; margin-top: -4px; font-size: 9px; } #header .widget_qtranslate:before { content: '\e9a4'; right: auto; left: 2px; font-size: 16px; margin-top: -8px; } .widget_qtranslate select { border: none; padding-right: 14px; padding-top: 0; padding-bottom: 1px; line-height: normal; height: auto; } .widget_qtranslate select option { padding: 6px 10px !important; } .widget_qtranslate ul { text-transform: uppercase; line-height: 1; } .widget_qtranslate ul li { float: left; border-right: 1px solid; padding: 0 8px; margin: 0; } .widget_qtranslate ul li:last-child { padding-right: 0; border-right: none; } .widget_qtranslate ul li a {display: block;} #container .widget_qtranslate ul li.active a, #container .widget_qtranslate a:hover { color: #9a9a9a; text-decoration: none; } .widget_qtranslate ul li.active a {cursor: default;} /* MENU MODAL */ #modal-menuweb { background:none; color: inherit; z-index: 599; } #modal-menuweb .full-width:before, #modal-menuweb .full-width:after{ background-color: white; bottom: 0; content: ''; left: 0; pointer-events: none; position: fixed; top: 0; width: 50%; z-index: -2; } #modal-menuweb .full-width:after { background-image: url(/files/background-detalle.png); background-color: transparent !important; background-size: 45%; background-position: center; background-repeat: no-repeat; -webkit-filter: invert(1); -moz-filter: invert(1); filter: invert(1); opacity: .2; pointer-events: none; } #modal-menuweb .mi-modal-content { position: relative; z-index: 1; } .engine-content { width: 50%; float: left; position: relative; } .engine-content > div { max-width: 600px; padding: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; } .blck-bg { background: rgba(0,0,0,0.4); padding: 20px 0; } .menu-content > div { margin-left: auto; margin-right: 0; } ul#menu_web, .menu-web-end { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 1.6rem; font-weight: 300; display: inline-block; letter-spacing: 3px; text-transform: uppercase; position: relative; width: 50%; } ul#menu_web > li > a { position: relative; padding: 10px 0; color: #222; display: inline-block; font-size: 0.9em; font-weight: 400; -webkit-transition: color .3s ease-out; transition: color .3s ease-out; } ul#menu_web > li > a:hover, ul#menu_web > li.menu-item-has-children:hover > a, ul#menu_web > li.current-menu-item > a, ul#menu_web > li.current-menu-ancestor > a, ul#menu_web > li.current-menu-parent > a { color: #FFB200; } ul#menu_web>li:before { content: ""; position: fixed; background-size: cover; z-index: 1; right: 0; top: 0; bottom: 0; width: 50%; pointer-events: none; -webkit-transition: .3s; transition: .3s; opacity: 0; } ul#menu_web>li:hover:before { z-index: 2; opacity: 1; } ul#menu_web>li.current-menu-item:before { opacity: 1; } ul#menu_web > li > ul.sub-menu li:hover a { opacity: 1; -webkit-transition: .15s all .3s ease-out; transition: .15s all .3s ease-out; } ul#menu_web > li > ul.sub-menu li { font-size: 0.8em; padding-left: 0; } ul#menu_web > li > ul.sub-menu li > a { color: #222; font-size: 1rem; position: relative; opacity: 0.6; display:block; padding: 0px 0 0 30px; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; } ul#menu_web > li > ul.sub-menu li:hover > a:before { opacity: 0.6; } ul#menu_web > li ul.sub-menu li > a:hover, ul#menu_web > li ul.sub-menu li.current-menu-item > a { color: #FFB200; } ul#menu_web li.menu-not-active > ul > .duplicated-menu-item { display: none; } ul#menu_web li:last-child { padding-left: 1.2em; } .menu-princess:after { content: ''; background-image: url(/files/princess-HR.png); background-repeat: no-repeat; -o-object-fit: cover; -o-object-fit: cover; height: 100px; left: 0; object-fit: cover; object-fit: cover; opacity: 1; position: absolute; width: 30px; } /* sub-menu*/ ul#menu_web > li > ul.sub-menu { opacity: 0; top: 50%; -webkit-transition: 250ms all 5s ease-in-out; transition: 250ms all 5s ease-in-out; transform: translateY(0%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } ul#menu_web > li > ul.sub-menu li > a { color: #222; font-size: 0.8em; padding: 20px; white-space: nowrap; } li.duplicated-menu-item { display: none; } ul#menu_web .menu-item-has-children:after { content: ''; position: absolute; left: 41%; top: 50%; width: 30px; height: 1px; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: 250ms all 0s ease-in-out; transition: 250ms all 0s ease-in-out; } ul#menu_web .menu-item-has-children:hover::after { width: 20%; left: 28%; -webkit-transition: 250ms all ease-in-out; transition: 250ms all ease-in-out; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } ul#menu_web .menu-item-has-children:hover ul.sub-menu { opacity: 1; left: 238px ; -webkit-transition: 250ms all 250ms ease-in-out; transition: 250ms all 250ms ease-in-out; } #modal-menuweb .mi-modal-content { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 50px; } .menu-web-end { font-size: 1em; } .menu-web-end li{ border-right: 1px solid; display: inline-block; } .menu-web-end li a{ color: #222; font-weight: 400; } .menu-web-end li:last-child{ border:0; } .menu-web-end li a:hover{ color: #FFB200; text-decoration: none; } /* Backgrounds menus */ .menu-rooms:before { background-image: url(/wp-content/uploads/sites/1736/nggallery/menu-bg/MENU_HABITACIONES_CABECERA.jpg); } .menu-services:before { background-image: url(/wp-content/uploads/sites/1736/nggallery/menu-bg/MENU_SERVICIOS_CABECERA1.jpg); } .menu-restaurant:before { background-image: url(/wp-content/uploads/sites/1736/nggallery/menu-bg/MENU_RESTAURANTE_CABECERA1.jpg); } .menu-terrace:before { background-image: url(/wp-content/uploads/sites/1736/nggallery/menu-bg/MENU_TERRAZA_CABECERA.jpg); } .menu-offers:before { background-image: url(/wp-content/uploads/sites/1736/nggallery/menu-bg/MENU_OFERTAS_CABECERA1.jpg); } .menu-location:before { background-image: url(/wp-content/uploads/sites/1736/nggallery/menu-bg/MENU_LOCALIZACION_CABECERA.jpg); } .menu-reviews:before { background-image: url(/wp-content/uploads/sites/1736/nggallery/menu-bg/bg-reviwes.jpg); } .menu-gallery:before { background-image: url(/wp-content/uploads/sites/1736/nggallery/menu-bg/MENU_RESTAURANTE_CABECERA1-1.jpg); } .menu-princess:before { background-image: url(/wp-content/uploads/sites/1736/nggallery/menu-bg/MENU_MY_PRINCESS_CABECERA.jpg); } /* FOOTER */ /* hidden old contact row and widget translate */ .home #footer .content > address.address_phone, #footer .content > .widget_qtranslate {display: none!important;} #footer { font-size: 0.9em; } #footer p { margin-bottom: 0; } #footer br { display: none; } footer#footer a:hover { text-decoration: none; color: #FFB200; } .prefooter { background-color: #eee; padding: 30px 0; } .mainfooter { background-color: #000; padding: 60px 0; } .mainfooter, .mainfooter a { color: #fff; } .mainfooter a:hover { } .postfooter { padding: 20px 0; } /* postfooter background */ .postfooter { background-color: #fff; } .postfooter, .postfooter a { color: #222; } /* logos footer */ .logos { text-align: center; } .logos li { display: inline-block; margin-right: 20px; } .logos li:last-child { margin-right: 0; } /* newsletter */ #newsletter-modal { background: transparent; -webkit-box-shadow: none; box-shadow: none; color: #fff; filter: alpha(opacity=93); opacity: 0.93; overflow: hidden; } #newsletter-modal .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.95; filter: alpha(opacity=95); } .modal-header { border-bottom: none; padding: 15px; padding-right: 57px; position: relative; } .modal-header .close { float: none; position: absolute; right: 13px; top: 50%; font-size: 20px; width: 30px; -webkit-box-sizing: content-box; box-sizing: content-box; margin-top: -20px; padding: 10px; color: inherit; opacity: .75; } .newsletter > * { display: inline-block; vertical-align: middle; } #newsletter-modal .modal-body { overflow-y: visible; max-height: 430px; padding: 15px; } #newsletter-modal .common-form * { color: #fff; } #newsletter-modal .common-form label{ position: relative; margin-bottom: 5px; } #newsletter-modal .common-form input:-webkit-autofill, #newsletter-modal .common-form input:-webkit-autofill:hover, #newsletter-modal .common-form input:-webkit-autofill:focus{ background: transparent; color: #fff; -webkit-text-fill-color: #fff; -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } #newsletter-modal .common-form input[type="email"] { text-align: center; } .newsletter > div { padding: 0 10px 0 0; } .newsletter .mi-title2 { font-weight: bold; font-size: 1.4em; } i.close02-micon { font-size: 30px; } #newsletter-modal .wpcf7-submit { background: #888; width: auto; margin-top: 15px; } #newsletter-modal .wpcf7-submit:hover{ background: #FFB200; } #newsletter-modal .wpcf7-recaptcha { padding: 20px 0 10px; } /* footer titles */ .hotelschema .name, #footer .mi-title { display: inline-block; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; /*font-family: 'Playfair Display', serif;*/ } /* hotelschema - vcard */ .hotelschema > br {display: none;} .hotelschema .phone-label, .hotelschema .fax-label {display: none;} .hotelschema { line-height: 1.3em; } .hotelschema .address, .hotelschema .tel, .hotelschema .fax, .hotelschema .mail { display: block; } .hotelschema .tel:before, .hotelschema .fax:before, .hotelschema .mail:before { vertical-align: middle; margin-right: 6px; display: inline-block; font-family: 'mirai-icofonts'; } .hotelschema .tel:before {content: '\e9b3';} .hotelschema .fax:before {content: '\e9bd';} .hotelschema .mail:before {content: '\e9bf';} .hotelschema a { line-height: 2em; } /* featured links */ .featured-links li, .featured-links .menu li { display: block; margin-bottom: 7px; } /* social media */ #footer .socialmedia a { border-radius: 100%; color: #fff; font-size: 1.5em; font-weight: normal; padding: 10px; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; } #footer .socialmedia a:hover { background: #000; color: #FFB200; } /* logo footer */ .logo-footer { text-align: center; padding-top: 50px; } /* menu postfooter (legal and contact) */ .postfooter .menu li:first-child { padding-left: 0; } /* menu corporate */ ul#menu_aux1, ul#menu_aux2 { padding: 10px 0; } ul#menu_aux1 li, ul#menu_aux2 li{ border-right: 1px solid; display: inline-block; } ul#menu_aux1 li a, ul#menu_aux2 li a, .menu-web-end li a { padding: 10px; -webkit-transition: .4s; transition: .4s; } ul#menu_aux1 li:first-child a, ul#menu_aux2 li:first-child a, .menu-web-end li:first-child a { padding-left: 0; } ul#menu_aux2 li:last-child a { padding-right: 0; } ul#menu_aux1 li:last-child, ul#menu_aux2 li:last-child, .menu-web-end li:last-child{ border: 0; } /* view/cancel link */ .icon-lock { background: none; display: inline-block; width: auto; height: auto; line-height: 1; } #footer a.tracking-link { padding: 10px; } /* developed by mirai */ #developed-wrapper { padding: 10px; } #developed-wrapper a { text-transform: lowercase; color: red; font-weight: bold; } .postfooter #engine-tracking-link-wrapper{ padding:10px; } /* MAIN ELEMENTS */ /* Problem engine z-index resolved */ body[style="overflow: hidden; touch-action: none; position: fixed; top: 0px; width: 100%;"] .engine-wrapper { z-index: inherit; } #fixed-header.offset-active { z-index: 601; } #content-header { position: relative; min-height: 70vh; z-index: inherit; } body.modal-menuweb-active #modal-menuweb { z-index: 601; } body.modal-menuweb-active #fixed-header { z-index: 602; } /* Problem engine z-index resolved */ #content-header > img { width: 100%; -o-object-fit: cover; object-fit: cover; } .picbox { min-height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 50px 0; } .engine-wrapper { pointer-events: none; padding-top: 30px; position: relative; width: 100%; padding-bottom: 0; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 1.4s .4s; transition: 1.4s .4s; z-index: 600; } .booking { display: none; } /*section#content-header { min-height: calc(100vh - 39px); }*/ .engine-wrapper-absolute { position: absolute; bottom: 10%; } .engine-wrapper .mi-be, .engine-wrapper a, .engine-wrapper button, .engine-wrapper *[role="button"] { pointer-events: all; } /* Advantages row */ .advantages-row .mi-title span, .advantages-row li span { display: block; } .advantages-row .mi-title span:first-child { font-size: 30px; text-transform: uppercase; } .advantages-row li span:first-of-type { text-transform: uppercase; } .advantages-row .mi-title { position: relative; padding-right: 50px; text-align: center; } .advantages-row ul { display: table; } .advantages-row li { position: relative; padding-left: 50px; display: table-cell; float: none; vertical-align: middle; } .advantages-row li i, .advantages-row .mi-title i { display: block; } .advantages-row li i, .advantages-row .mi-title i { position: absolute; top: 50%; font-size: 30px; margin-top: -15px; /* poner la mitad del font-size */ left: 10px; } .advantages-row .mi-title i { left: auto; right: 5px; } /* small screens */ @media (min-width: 768px) and (max-width: 979px) { .advantages-row li { padding: 0; text-align: center; vertical-align: top; } .advantages-row li i { position: static; display: block; padding-bottom: 10px; font-size: 40px; margin-top: 0; } .advantages-row .mi-title { padding: 20px 0 0; } .advantages-row .mi-title i { display: none; } } /* icons list */ .icons-list i { font-size: 50px; display: block; margin-bottom: 10px; color: #222; } .icons-list li { padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } ol li { list-style: decimal; } .box-in{ background: rgba(0,0,0,0.3); bottom: 0; position: absolute; } /*---------------------------------------------------------------------------*/ /*--------------------------------- PAGES -----------------------------------*/ /*---------------------------------------------------------------------------*/ /* HOME */ /* advantages */ .my-princess { background: #222; color: #fff; font-size: 0.8em; max-width: 300px; padding: 10px 20px; position: absolute; right: 29.5%; top: -14%; } .my-princess a { color: #FFB200; font-size: 1.2em; } .my-princess a:hover{ color: #FFCE08; } .my-princess a span:after { font-size: 0.8em; position: absolute; right: -31px; top: 5px; } .my-princess a span:hover::after{ right: -35px; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .triangle-banner { border-right: 20px solid transparent; border-left: 20px solid transparent; border-top: 15px solid #222; position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .advantages-home li { color: #fff; display: inline-block; font-size: 18px; padding: 25px 10px 5px; text-align: center; width: 100%; } .advantages-home li i { font-size: 2em; } .advantages-home li p { padding-top: 15px; } /* go to anchor */ #content-header .go-to-anchor { display: inline-block; vertical-align: top; color: #FFFFFF!important; text-shadow: 0 0 15px rgba(0, 0, 0, .5); } #content-header .go-to-anchor:hover { text-decoration: none; } #content-header .go-to-anchor i { display: block; padding: 10px; -webkit-transition: all .2s linear; transition: all .2s linear; font-size: 30px; line-height: 1; } #content-header .go-to-anchor:hover i { padding: 17px 10px 3px; } span.stars { font-size: .8em; } .stars:before{ content: '\e998\e998\e998\e998'; font-family: 'mirai-icofonts'; letter-spacing: 5px; } .bg-princess { bottom: 35px; position: absolute; } .bg-princess img { height: 30em; } /* offers mashup */ .offers-mashup { background: #fff; padding: 40px; text-align: center; max-width: 560px; margin: 0 auto; } .offers-mashup dl dt { font-size: 2em; font-weight: 400; line-height: 1.8em; text-transform: uppercase; } .offers-mashup dl { padding: 0 40px; } .offers-mashup dl span { font-size: 1.5em; font-weight: 600; letter-spacing: 1px; line-height: 2em; padding: 50px 0; } .offers-mashup dl dd, .offers-mashup dl span {display: block;} #carousel-no-pictures-offers {padding: 100px 0px;} .offers-mashup dl dt, .offers-mashup dl span, .offers-mashup dd { min-height: 2em; } .offers-slide .slide .no-offers { padding: 20px 15px; font-size: 30px; max-width: 600px; margin: 0 auto; } .offers-slide .slide .no-offers:before { font-family: 'mirai-icofonts'; content: '\ea75'; font-size: 50px; line-height: 1; margin-bottom: 10px; display: block; } .starter-offers .offers-mashup .more-info-link { margin-top: 50px; } .starter-offers .offers-mashup dl dt { margin-bottom: 30px; } .starter-offers .offers-mashup .carousel-inner { width: 650px; max-width: 100%; margin: 0 auto; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Boxes */ .over-hdn { overflow: hidden; } .box-image img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; overflow: hidden; width: 100%; } .box-image:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .bottom { position: absolute; bottom: 100px; } .p-right { right: 100px; } .p-left{ left: 100px; } .room-icon { text-align: center; } .room-icon img { display: block; margin: 0 auto; padding:15px 0; width: 80px; } .service-list li { padding: 4% 0 0; } .service-list li:last-child { padding: 4% 0; } .service-list i { display: inline-block; font-size: 2.5em; padding: 0 20px; vertical-align: middle; } ol.service-list li span { display: block; } .instabox { background: #222; } .instabox span { display: block; } .instabox i { font-size: 4em; } .instabox:hover{ text-decoration: none; } .instabox:hover * { color: #FFB200; } /* LOCATION */ /* SERVICES */ /* MY PRINCESS */ .myprincess #container { overflow-x: visible; } /* GALLERY */ .ngg-gallery-thumbnail { background: none!important; border: 0px!important; margin: 14px 10px!important; } .ngg-gallery-thumbnail img { border:none!important; background:none!important; } .ngg-gallery-thumbnail-box { float:none!important; display:inline-block; } .ngg-galleryoverview .ngg-gallery-thumbnail img { width: 200px; } /* OFFERS & ROOMS TEMPLATES */ /* align text center when no offers */ .offers-listing-wrapper.no-offers {text-align: center;} .offer-discount span[class*="span"] {display: inline; width: auto; float: none;} #main .go-to-calendar:after, .rooms-detail-wrapper .detail-links li a:after {content: '\e965';} #main .go-to-calendar:hover:after, .rooms-detail-wrapper .detail-links li a:hover:after {content: '\e965'; -webkit-transform: translateY(0.3em); transform: translateY(0.3em);} #main .go-to-calendar {padding: 5px; width: auto; display: inline-block; background: transparent; color: inherit;} .offers-listing-wrapper { padding: 80px 20px; } .offers-listing-wrapper .offers-listing {padding-top: 40px;} /* template 2 offers & rooms */ .room-box .room-detail .price-box .min-price span, .rooms-detail-wrapper .room-box-image .room-box-detail .box-price span {margin: 0;} .room-box .room-detail .price-box .min-price, .rooms-detail-wrapper .room-box-image .room-box-detail .box-price { background-color: #9a9a9a; height: auto; } .room-services-list li.item-service { display: none; } .offer .offer-deco { background-color: #9a9a9a; } .offers-listing-wrapper.offers-listing-2 .offer .offer-intro, .offers-listing-wrapper.offers-listing-2 .offer .offer-date-range, .offers-detail-wrapper.offers-listing-2 .offer-info-wrapper { background-color: #8e6061; } .offer .offer-box, .offers-detail-wrapper .offer-features-wrapper .offer-boxes-wrapper .offer-box.main-box { color: #222; } /* template 4 detail & rooms detail 5 */ .offer-detail-4, .rooms-detail-5 {padding-bottom: 80px;} .rooms-detail-5 .only-one-photo > img {width: 100%;} .offer-detail-4 .offers-room-detail, .room-detail-5 .offer-room {background: #f3f3f3; padding: 30px;} .room-detail-5 .offer-room {font-size: 14px;} .offer-detail-4 .offers-room-detail h2 {padding: 0;} .offer-detail-4 .offers-room-detail .room-offer {padding: 30px 0 0;} .room-detail-5 .offer-discount {font-size: 1em!important;} /* template 5 offers - gradient boxes */ .offers-listing .offer .offer-link-5, .offers-detail-wrapper.offer-detail-5 .offer-wrapper { background: #565656; } /* cada 3 cajas cambia ligeramente el tono del background */ .offers-listing .offer:nth-child(6n+4) .offer-link-5, .offers-listing .offer:nth-child(6n+5) .offer-link-5, .offers-listing .offer:nth-child(6n+6) .offer-link-5 { background: #999; /*-webkit-filter: hue-rotate(145deg) saturate(1.3); filter: hue-rotate(145deg) saturate(1.3);*/ } /* COOKIES */ div#cookies-wrapper-content { padding: 80px 0; } #cookies-wrapper-content ul { overflow: hidden; padding: 20px 0; } #cookies-wrapper-content ul li { float: left; margin-bottom: 14px; width: 33%; } #cookies-wrapper-content h1, #cookies-wrapper-content h2 { margin: 20px 0; } /* LEGAL */ /* REVIEWS */ #cuadroOpiniones { padding: 40px 0 100px; display: none; } #cuadroOpiniones p { margin-bottom: 0!important; } #cuadroOpiniones .paging { padding: 20px 0; } #cuadroOpiniones .paging span a { border: none; background: none; } #cuadroOpiniones .paging span.current a, #cuadroOpiniones .paging span.current a:hover, #cuadroOpiniones .paging span.current a, #cuadroOpiniones .paging span.current a:hover { font-size: inherit; cursor: default; } #cuadroOpiniones div.hssurveys_full { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #cuadroOpiniones div.hssurveys_full > div.hssurveys_full { padding: 0; } #cuadroOpiniones div.hssurveys_full > div.hssurveys_full > div { margin-bottom: 50px; background: #f3f3f3; padding: 30px; } #cuadroOpiniones div.hssurveys_full div.note, #cuadroOpiniones div.hssurveys_full .comments { float: none; width: 100%; } #cuadroOpiniones div.hssurveys_full .comments { margin: 10px 0 0; } #cuadroOpiniones div.hssurveys_full div.note { background-image: none; font-size: 26px; height: auto; width: auto; display: inline-block; text-align: left; padding: 0 0 0 45px; position: relative; } #cuadroOpiniones div.hssurveys_full div.note:before { content: '\ea44'; font-size: 38px; font-weight: normal; display: inline-block; position: absolute; line-height: 1; left: 0; bottom: 0; font-family: 'mirai-icofonts'; color: #888; } #cuadroOpiniones div.hssurveys_full .ratingBarUser { margin-top: 5px; margin-left: 0; } #cuadroOpiniones div.hssurveys_full .comments p.commentsPerson { font-size: 20px!important; font-weight: normal; } #cuadroOpiniones div.hssurveys_full .comments p.commentsPerson span.date { font-size: 14px; color: #8e8e8e; } div.hssurveys_full ul.questions li { padding: 0 0 10px; } div.hssurveys_full ul.questions li:last-child { padding: 0; } #cuadroOpiniones div.hssurveys_full ul.questions.like li p.question { } #cuadroOpiniones div.hssurveys_full ul.questions.like li .answer { width: auto; overflow: hidden; } #cuadroOpiniones div.hssurveys_full p.more { padding: 10px 0; } #cuadroOpiniones div.hssurveys_full p.more a { background: none; padding-right: 0; white-space: nowrap; } div.hssurveys_full p.more a:after { font-family: 'mirai-icofonts'; content: '\e961'; display: inline-block; margin-left: 5px; vertical-align: middle; } div.hssurveys_full p.more a.opened:after { content: '\e964'; } #cuadroOpiniones div.hssurveys_full ul.listSubject { float: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; } #cuadroOpiniones div.hssurveys_full ul.listSubject li span.subject, #cuadroOpiniones div.hssurveys_full ul.questions li p.question { display: block; float: none; width: 100%; font-weight: bold; text-align: left; padding: 0; line-height: normal; } #cuadroOpiniones div.hssurveys_full ul.listSubject li span.note { float: none; display: inline-block; background: none; font-size: 16px; margin-right: 0; color: #76a71d; width: auto; text-align: left; border-radius: 2px; height: auto; line-height: normal; padding: 2px 0; } #cuadroOpiniones .ratingBarSubject { float: none; display: inline-block; margin-left: 5px; display: none; } #cuadroOpiniones div.hssurveys_full ul.listSubject li .reviewcomment { width: auto; margin-left: 0; float: none; display: block; clear: both; } #cuadroOpiniones div.hssurveys_full ul.listSubject.long li { padding: 0 0 30px; } #cuadroOpiniones div.hssurveys_full ul.questions { padding: 30px 0 0; margin: 00; border-top: 1px solid #ccc; } #cuadroOpiniones div.hssurveys_full ul.questions.like { padding: 0; margin: 10px 0 0; border-top: none; } .reviewsOn .questions li .yesText, .reviewsOn .questions li .noText { background: none; text-align: left; padding-left: 0!important; margin-left: 0!important; color: inherit!important; font-weight: normal!important; padding: 0!important; } #cuadroOpiniones div.hssurveys_full ul.questions li .answer { float: none; line-height: normal; margin-right: 0; width: auto; } #cuadroOpiniones div.hssurveys_full .ratingBarStar, #cuadroOpiniones div.hssurveys_full div.answer p { float: none; display: inline-block; } /*CONTACT*/ .wpcf7 .wpcf7-form input.wpcf7-submit{ padding: 15px; } .wpcf7 .wpcf7-form input.wpcf7-submit:hover{ background: #FFB200; } .cv-wrapper label{ top:-24px; } .cv-wrapper div.wpcf7 input[type="file"]{ background: rgba(240,240,240,.2); padding: 15px; border-bottom: 1px solid; width: 93%; } /* NOT FOUND - 404 */ .not_found .modal-engine-wrapper {display: none;} .not_found #main { background: url('https://cdnwp0.mirai.com/images/bg-404.png') no-repeat center center transparent; margin-bottom: 0; min-height: 570px; text-align: center; } .not_found #main h2 { padding-top: 100px; } /* BOOKINGSTEP */ .engine-wrapper-booking { padding: 10px 0; background: #ababab; } .bookingstep1 #fixed-header.offset-active, .chain_results #fixed-header.offset-active { position: static!important; } /* AFFIX */ .affix, .ex-affix { left: 0; top: 0; width: 100%; z-index: 600 !important; } .ex-affix { position: fixed!important; } .ex-affix{ z-index:9999!important; } /*---------------------------------------------------------------------------*/ /*---------------------------------- BLOG -----------------------------------*/ /*---------------------------------------------------------------------------*/ /* ºblog */ /* BLOG PAGE */ .blog-wrapper { margin: 0 auto; padding-top: 48px; padding-bottom: calc(var(--space) * 2); padding-bottom: 48px; padding-bottom: calc(var(--space) * 2); } /* blog titles */ .blog-wrapper h2, .blog-wrapper h1, .blog-wrapper h3 { margin-bottom: 10px; font-weight: bold; } .post h2 a { color: inherit; } /* small fonts */ .post .meta, .post .entry .categorias, .post .comment-notes, .post #gasp_p label, .post .commentmetadata, .post li.comment .reply { font-size: 0.8em; } .post .meta, .post .commentmetadata { border-bottom: 1px solid #CCC; padding-bottom: 5px; color: #fff; text-indent: -8px; } .blog-wrapper .entry { padding-bottom: 60px; } .post .entry .listado { margin: 20px 0 ; } .post .entry .listado li { list-style: disc; margin: 0 0 0 25px; } .post .entry .categorias { border-top: 1px solid #CCC; padding-top: 5px; display: inline-block; margin-top: 20px; width: 100%; } .post .entry img { margin: 0 0 24px; max-width: 100%; display: block; } /* navigator */ .blog-wrapper p.paginaAnterior { float: left; } .blog-wrapper p.paginaSiguiente { float: right; } /* ARCHIVE */ #posts_con_categoria, .archive .meta, .archive .blog-wrapper p br { display: none; } .archive .blog-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1896px; margin: 0 auto; padding: 48px 24px; padding: calc(var(--space) * 2) var(--space); } .archive .blog-wrapper p { padding-bottom: 0; } .archive .blog-wrapper .post { position: relative; float: left; width: 50%; width: 50%; padding: 24px; padding: var(--space); -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .archive .blog-wrapper .post h2 { margin: 0; } .archive .blog-wrapper .post h2 a { position: absolute; top: 24px; left: 24px; right: 24px; color: #fff; margin: 0; height: 400px; padding: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } .archive .blog-wrapper .post h2 a:hover { text-decoration: none; background: rgba(0, 0, 0, 0.1); } .archive .blog-wrapper .post img { /*height: 400px;*/ /*width: 100%;*/ -o-object-fit: cover; object-fit: cover; } /* SINGLE POST */ .widget.atwidget { display: none; } .single-post .widget.atwidget { display: block; position: absolute; z-index: 1; bottom: 24px; right: 24px; } .single-post .post .entry { padding-top: 30px; overflow: hidden; } .single-post .post h1 { font-size: calc(var(--font-size) * 3.1); } .mi-post-content > p:first-child img { position: absolute; top: 0; left: 0; width: 100%; height: 75vh; -o-object-fit: cover; object-fit: cover; } .post .entry p { line-height: 1.6; padding-bottom: 24px; padding-bottom: calc( var(--font-size) * 1.6); } .single-post .post .entry img.post-header { position: absolute; top: 0; left: 0; width: 100%; height: 75vh; -o-object-fit: cover; object-fit: cover; } /* mi sidebar */ .mi-post-content { width: 60%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; } .mi-sidebar { width: 40%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 24px 0 16vh 8vw; } .mi-sidebar h4, .post .entry h4 { font-size: 1.3em; padding: 20px 0 20px 0; font-weight: bold; } .mi-sidebar .mi-title3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.5em; margin-bottom: 12px; } .mi-sidebar .mi-title3 i { font-size: 45px; margin-right: 24px; } .post #prev_post a, .post #next_post a { padding: 10px; background: #f5f5f5; } .post .autor_post, .post .comentarios_post { display: none; } .post .meta .fecha_post { color: #8c8c8c; } /* comments */ /* .single-post .comment-author { margin-bottom: 5px; } .single-post .comment-author img { border-radius: 100%; } .single-post .comment-author cite.fn { font-weight: bold; margin-left: 5px; } .post ol > li.comment { padding: 20px 0; } .post li.comment > div > p { padding-top: 20px; } .post li.comment .reply { text-align: right; } .post li.comment .reply a:before { content: '\eb19'; font-family: 'mirai-icofonts'; font-size: .8em; color: inherit; display: inline-block; margin-right: 5px; text-decoration: none; } .post ol > li.comment li.comment { padding-top: 10px; } .post ol > li.comment > ul.children { padding-left: 40px; } .post ol > li.comment > ul.children > li.comment > ul.children { padding-left: 20px; } */ /* comment form */ /* .post #respond form .comment-form-comment textarea, .post #respond .comment-form-author input, .post #respond .comment-form-email input { width: 100%; display: block; margin-top: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 40px; margin-bottom: 20px; box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; } .post .comment-notes, .post #gasp_p { color: #8e8e8e; margin-bottom: 30px!important; } .post #respond label { display: inline; } .post #respond .comment-form-author, .post #respond .comment-form-email { width: 50%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .post #respond .comment-form-author { padding-right: 15px; } .post #respond .comment-form-email { padding-left: 15px; } .post #gasp_p { margin-top: 30px; } .post #gasp_p input { vertical-align: -2px; } */ /* SEARCH POST & CATEGORIES PAGES */ /* .search-results .blog-wrapper > form > fieldset > input, .search-results .blog-wrapper > form > fieldset > label, .search-no-results .blog-wrapper > form > fieldset > input, .search-no-results .blog-wrapper > form > fieldset > label, .search-no-results #addthis-widget-2 { display: none!important; } .search-results h2#results-title, .search-no-results h2#results-title, .blog-wrapper #posts_con_categoria { margin: 0 0 50px!important; font-weight: normal; } */ .cat-landing .blog-sidebar, .cat-landing .post .entry .categorias, .cat-landing #prev_post, .cat-landing #next_post, .cat-landing .post .meta {display:none} /*---------------------------------------------------------------------------*/ /*----------------------------------- HACKS ---------------------------------*/ /*---------------------------------------------------------------------------*/ /* IE9 & IE 8 HACK */ /* hidding icons from after in selects */ .ie9 .widget_qtranslate:after, .ie8 .widget_qtranslate:after { display: none!important; } .ie9 .widget_qtranslate select, .ie8 .widget_qtranslate select { padding-right: 0; } /* flex hacking */ .ie9 .flex, .ie8 .flex { display: table!important; } .ie9 .flex > *, .ie8 .flex > * { display: table-cell!important; border-collapse: collapse; } .ie9 .flex.fx-align-center, .ie9 .flex.fx-align-center > *, .ie8 .flex.fx-align-center, .ie8 .flex.fx-align-center > * { vertical-align: middle; } /*---------------------------------------------------------------------------*/ /*------------------------------- IMPROVEMENTS ------------------------------*/ /*---------------------------------------------------------------------------*/ .common-form .wpcf7-form-control-wrap.selector:after{ } #modal-menuweb .mi-modal-content { -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 110px; } .tel-header i { margin-right: 5px; } /*---------------------------------------------------------------------------*/ /*-------------------------------- MEDIA QUERYS -----------------------------*/ /*---------------------------------------------------------------------------*/ /* [col-lg] Medium desktop */ @media (min-width: 1200px) { ul#menu_web .menu-item-has-children:after { left: 42%; } .ngg-galleryoverview .ngg-gallery-thumbnail img { width: 315px; } .contact-header { font-size: 12px; } } /* [col-xl] Large desktop */ @media (min-width: 1920px) { ul#menu_web .menu-item-has-children:after { left: 48%; } .ngg-galleryoverview .ngg-gallery-thumbnail img { width: 296px; } .engine-wrapper { padding-bottom: 2%; } .mi-modal-header #logo { display: block; } .menu-web-end{ display:block; } } @media (max-width: 1024px) { .contact-header { font-size: 12px; } } /* [col-sm] Tablet vertical */ @media (max-width: 979px) { .pam, .plm , .phm, .prm, .pvm, .pvl{ padding: 30px; } ul#menu_web > li > a{ line-height: 1.1; } ul.menu-web-end { padding: 30px 0; width: 100%; } #ui-datepicker-div{ font-size: 14px !important; left: 10px!important; } .fx-column-md { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .col-sm-0{ display: none; } .intro-contact-header.contact-header-right { padding-top: 10px; } /* BLOG */ .blog-wrapper { padding: 50px 30px; } .blog-sidebar .widget_search form input[type="text"] { width: auto; margin-bottom: 0; } .bg-gradient { display: none; } ul#menu_web > li > ul.sub-menu { display: block; opacity: 1; top: 0;} #modal-menuweb .mi-modal-content { width: 100%;} ul#menu_web .menu-item-has-children:after { display: none;} ul#menu_web>li:before{ width: 30%;} ul#menu_web>li:hover>ul.sub-menu { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); top: 0; } ul#menu_web > li > ul.sub-menu li > a { font-size: 15px; padding: 10px 0; } ul#menu_web .menu-item-has-children:hover ul.sub-menu{ left: 0; } ul#menu_web>li>ul.sub-menu, ul#menu_web>li:hover>ul.sub-menu{ position: relative; } ul#menu_web > li > ul.sub-menu { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); } .brd-l{ border:none; } .scroll-v { max-height: 300px; } .service-list { padding: 20px 0 0; } .service-list i { padding: 0 20px 0 0; } #footer .plm { padding-left: 15px; } #footer .socialmedia a { padding: 7px; } .align-right{ text-align: left; } #modal-menuweb .full-width:before, #modal-menuweb .full-width:after { width: 80%; } .engine-wrapper { padding-bottom: 0; } .colum-rev { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .mobile-rel .bg-img{ position: relative; } .my-princess { top: -7%; } } /* MIRAI CLUB */ #header [class*='club-login__access-icon']{ display: none; } #header button:not([class*="login__access--logged"])>[class*="club-login__access-text"]{ font-size: 0; width: 70px; } #header button:not([class*="login__access--logged"])>[class*="club-login__access-text"]::before{ content: 'MyPrincess'; font-size: 12px; line-height: 1.5; } .is-mobile.mim-modal-open #pre-header{ display: block; overflow: hidden; height: 0; padding: 0; } #pre-header .mi-club-login__popup{ z-index: 601; } #pre-header .mi-club-login__popup *, .is-mobile #pre-header .mi-be-modal *{ color: #333333; } .is-mobile #pre-header .mi-be-modal button{ color: #FF9B05; } /*------------------------------------------------------------------------------*/