/* Stylesheet for the 'Plone THEME Salou' Plone theme */ /* Reset Styles ***********************/ html, body {font-family: 'Open Sans', sans-serif;color:#393127;font-size: 16px;line-height: 27px;margin:0;padding:0;height:100%;} /*body {line-height: 21px;background-color: #fff;}*/ body {background-color: #fff;} body, a, p, div, span, strong, table, td, tr, dd, dl, ul, li, th, [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, select {font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;} .row {max-width: 78rem;} html[lang="de"] *, html[lang="ru"] * {word-wrap: break-word;} #content input[type="checkbox"] {float: none} #content input[type="checkbox"] + label {float: none} #content-core a.internal-link.bgimage {height: 250px;margin-bottom: 2rem;} html[lang="ru"] body {font-size: .9em} .gran-menu .wrapper-img img {max-width: 100%;} #video-frame .thumb {background-size: cover;} .container {max-width: 100%;} .container iframe {max-width: 100%;} /*initialization*/ a:focus {outline: medium none !important;border-color: transparent !important;border-width: 0 !important;} a {color: #393127;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} a:hover, a:focus {color: #393127;/*text-decoration: underline;*/} a.white:hover {color:#fff;/*opacity:0.8;*/} ::selection {background: #298FC2;color:#fff;} ::-moz-selection {background:#298FC2;color:#fff;} /*Utility*/ hr {border-color: #ddd;max-width: 100%;} hr.grey {border-color: #ddd;border-width: 4px;margin:2em auto;} .cite, .date {font-family: 'Open Sans', sans-serif;font-size: 1em;} .uppercase {text-transform: uppercase;} .lowercase {text-transform:inherit !important;} .style-none {list-style: none;margin:0;} .label {border-radius: 0px;color: #fefefe;cursor: default;display: inline-block;font-size: 0.7rem;line-height: 1;white-space: nowrap; right:0;} /*titles*/ h1, h2, h3, h4, h5, h6 {font-family: 'Ropa Sans', sans-serif;color:#222222;} h1, h2, h3, h4, h5, h6, .title, .sub-title, .section-title, .sub-section-title, #top-bar .actions li {font-family: 'Ropa Sans', sans-serif;-webkit-font-smoothing: antialiased;} h2.title {text-align: center;color: #ccc;font-size: 4em;} /*.callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {line-height: 1.4;color:#444;} a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color: #9B132B;}*/ /*font*/ .worksans {font-family: 'Open Sans', sans-serif;} .fs-15 {font-size: 1.5em;} .fw-300 {font-weight:300 !important;} .fw-400 {font-weight:400 !important;} .fw-500 {font-weight:500 !important;} .fw-600 {font-weight:600 !important;} .fw-700 {font-weight:700 !important;} /*p*/ .xsmall {font-size:0.7em;} .small {font-size:0.9em;} .medium {font-size:1.2em;} .large {font-size:1.4em;} /*block*/ .block {display: block;} /*inline*/ .inline {display: inline-block;} ul.inline {list-style: none;margin-left:0;margin-bottom:0;} ul.inline li {display: inline-block;margin-left:0.3em;} ul.no-bullets {list-style: none;} /*colors*/ .white {color: #fff;} .yellow {color: #fcaa41;} .pink {color: #f03b47;} .grey {color: #999;} /*bg colors*/ .bg-white {background-color: #fff;} .bg-yellow {background-color: #fcaa41;} .bg-pink {background-color: #f03b47;} .bg-cream {background-color: #f0eaea;} .bg-grey {background-color: #eaeaea;} .bg-grey2 {background-color: #e8e9ea;} .bg-eee {background-color: #EEEEEE;} .bg-gradient {background: #f03b47;background: -moz-linear-gradient(left, #f03b47 0%, #fa9342 100%);background: -webkit-linear-gradient(left, #f03b47 0%,#fa9342 100%);background: linear-gradient(to right, #f03b47 0%,#fa9342 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03b47', endColorstr='#fa9342',GradientType=1 );} .bg-opacity {background-color: rgba(0,0,0,0.6);position: absolute;top:0;width: 100%;height:100%;} .bg-shadow {background-color: #fff;box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.7);} .bg-aaa {background-color: #aaa;} .bg-bbb {background-color: #bbb;} /*bgfixed*/ .bgfixed {background-attachment: fixed !important;} /*bgimage*/ .bgimage {background-position: center center;background-size: cover;background-repeat: no-repeat;display: block;width: 100%;position: relative} .bgimage.xs {min-height: 60px;} .bgimage.small {min-height: 80px;} .bgimage {min-height: 120px;} .bgimage.medium {min-height: 200px;} .bgimage.big {min-height: 280px;} .bgimage.xl {min-height: 310px;} .bgimage.xxl {min-height: 380px;} .bgimage.xxxl {min-height: 440px;} .bgimage img.absolute {position:absolute;left:-10000px;} /*line*/ .xsLine{padding:0.3em 0;} .smallLine{padding:0.8em 0;} .mediumLine{padding:1.8em 0;} .line{padding:3em 0;} .largeLine {padding: 5em 0;} .xlLine {padding: 10em 0;} .xxlLine {padding: 12em 0;} /*margins*/ .xsMargin {margin-bottom:0.3em;} .smallMargin {margin-bottom:0.8em;} .mediumMargin {margin-bottom:1.5em;} .largeMargin {margin-bottom:2.5em;} .xlMargin {margin-bottom:3.5em;} .xxlMargin {margin-bottom:5.5em;} /*button*/ .button {padding: 1em 2em;font-weight: 300;letter-spacing: .05em;} .button {text-transform:uppercase;border-radius:0;background-color: #298FC2;border-color: transparent;border-style: none;border-width: 0;box-shadow: none;color: #fff;cursor: pointer;} .button:hover, .button:focus {background-color: #2E73B9;} .button.border {background-color: transparent;border: 1px solid #393127;color: #393127;font-weight: 400;} .button.border:hover, .button.border:focus {background-color: #393127;color: #fff;border-color:#393127;} .button.border-white {background-color: transparent;border: 1px solid #fff;color: #fff;font-weight: 400;} .button.border-white:hover, .button.border-white:focus {background-color: #fff;color: #374348 !important;border-color:#fff;} .button.transparent {border: 1px solid white;background-color: transparent;} /*borderline*/ .borderline {position: relative} .borderline::after {background: #333 none repeat scroll 0 0;bottom: 0;content: "";display: block;height: 1px;margin: 0 auto;position: absolute;transition: all 0.2s ease-in-out 0s;width: 30%;} .borderline.active::after, .borderline:hover::after, .float:hover .borderline::after {width: 40%;} .borderline.white::after {background: #fff none repeat scroll 0 0;height: 2px;} .borderline.left::after {margin: 0;left:0;} .borderline.right::after {margin: 0;right:0;} /*callout*/ .callout {border: 1px solid rgba(0, 0, 0, 0.1) !important;border-radius: 0;display:block;} .callout.b-0 {border:none !important;} .callout.grey {background-color: #f1f1f1;border:none;} .callout.grey2 {background-color: #e6e6e6;border:none;} .callout.black {background-color: rgba(0,0,0,0.5);} /*padding*/ .p-a-0 {padding:0;} .p-x-0 {padding-left:0;padding-right:0;} .p-y-0 {padding-top:0;padding-bottom:0;} .p-t-0 {padding-top:0;} .p-r-0 {padding-right:0;} .p-b-0 {padding-bottom:0;} .p-l-0 {padding-left:0;} .p-a-05 {padding:0.5em;} .p-x-05 {padding-left:0.5em;padding-right:0.5em;} .p-y-05 {padding-top:0.5em;padding-bottom:0.5em;} .p-t-05 {padding-top:0.5em;} .p-r-05 {padding-right:0.5em;} .p-b-05 {padding-bottom:0.5em;} .p-l-05 {padding-left:0.5em;} .p-a-1 {padding:1em;} .p-x-1 {padding-left:1em;padding-right:1em;} .p-y-1 {padding-top:1em;padding-bottom:1em;} .p-t-1 {padding-top:1em;} .p-r-1 {padding-right:1em;} .p-b-1 {padding-bottom:1em;} .p-l-1 {padding-left:1em;} .p-a-15 {padding:1em;} .p-x-15 {padding-left:1.5em;padding-right:1.5em;} .p-y-15 {padding-top:1.5em;padding-bottom:1.5em;} .p-t-15 {padding-top:1.5em;} .p-r-15 {padding-right:1.5em;} .p-b-15 {padding-bottom:1.5em;} .p-l-15 {padding-left:1.5em;} .p-a-2 {padding:2em;} .p-x-2 {padding-left:2em;padding-right:2em;} .p-y-2 {padding-top:2em;padding-bottom:2em;} .p-t-2 {padding-top:2em;} .p-r-2 {padding-right:2em;} .p-b-2 {padding-bottom:2em;} .p-l-2 {padding-left:2em;} .p-a-25 {padding:2.5em;} .p-x-25 {padding-left:2.5em;padding-right:2.5em;} .p-y-25 {padding-top:2.5em;padding-bottom:2.5em;} .p-t-25 {padding-top:2.5em;} .p-r-25 {padding-right:2.5em;} .p-b-25 {padding-bottom:2.5em;} .p-l-25 {padding-left:2.5em;} .p-a-3 {padding:3em;} .p-x-3 {padding-left:3em;padding-right:3em;} .p-y-3 {padding-top:3em;padding-bottom:3em;} .p-t-3 {padding-top:3em;} .p-r-3 {padding-right:3em;} .p-b-3 {padding-bottom:3em;} .p-l-3 {padding-left:3em;} /*margin*/ .m-a-0 {margin:0;} .m-x-0 {margin-left:0;margin-right:0;} .m-y-0 {margin-top:0;margin-bottom:0;} .m-t-0 {margin-top:0;} .m-r-0 {margin-right:0;} .m-b-0 {margin-bottom:0;} .m-l-0 {margin-left:0;} .m-a-05 {margin:0.5em;} .m-x-05 {margin-left:0.5em;margin-right:0.5em;} .m-y-05 {margin-top:0.5em;margin-bottom:0.5em;} .m-t-05 {margin-top:0.5em;} .m-r-05 {margin-right:0.5em;} .m-b-05 {margin-bottom:0.5em;} .m-l-05 {margin-left:0.5em;} .m-a-1 {margin:1em;} .m-x-1 {margin-left:1em;margin-right:1em;} .m-y-1 {margin-top:1em;margin-bottom:1em;} .m-t-1 {margin-top:1em;} .m-r-1 {margin-right:1em;} .m-b-1 {margin-bottom:1em;} .m-l-1 {margin-left:1em;} .m-a-15 {margin:1em;} .m-x-15 {margin-left:1.5em;margin-right:1.5em;} .m-y-15 {margin-top:1.5em;margin-bottom:1.5em;} .m-t-15 {margin-top:1.5em;} .m-r-15 {margin-right:1.5em;} .m-b-15 {margin-bottom:1.5em;} .m-l-15 {margin-left:1.5em;} .m-a-2 {margin:2em;} .m-x-2 {margin-left:2em;margin-right:2em;} .m-y-2 {margin-top:2em;margin-bottom:2em;} .m-t-2 {margin-top:2em;} .m-r-2 {margin-right:2em;} .m-b-2 {margin-bottom:2em;} .m-l-2 {margin-left:2em;} .m-a-25 {margin:2.5em;} .m-x-25 {margin-left:2.5em;margin-right:2.5em;} .m-y-25 {margin-top:2.5em;margin-bottom:2.5em;} .m-t-25 {margin-top:2.5em;} .m-r-25 {margin-right:2.5em;} .m-b-25 {margin-bottom:2.5em;} .m-l-25 {margin-left:2.5em;} .m-t-3, .m-y-3 { margin-top: 3em;} .m-b-3, .m-y-3 { margin-bottom: 3em;} .m-l-3, .m-x-3 { margin-left: 3em;} .m-r-3, .m-x-3 { margin-right: 3em;} .m-t-5, .m-y-5 { margin-top: 5em;} .m-b-5, .m-y-5 { margin-bottom: 5em;} .m-l-5, .m-x-5 { margin-left: 5em;} .m-r-5, .m-x-5 { margin-right: 5em;} /*border*/ .b-a-0 {border:none;} .b-a-1 {border:1px solid #ddd;} /*pagination*/ ul.pagination li {display: inline-block;float: none;} ul.pagination li a, ul.pagination li button {border:1px solid #ddd;} ul.pagination li.arrow a, ul.pagination li.arrow button {border:none;} ul.pagination li.current {background-color: #374348;} /*ul icon*/ /*ul.icon {list-style: none;margin:0;} ul.icon li {background:url('../images/theme/icon-list.jpg') no-repeat 0 0 transparent;padding-left:3em;margin-bottom:1.5em;}*/ ul.list-style {list-style: none;padding:0;margin:0;} ul.list-style li {padding-left: 1em; text-indent: -1em;margin-bottom:1em} ul.list-style li:before {content: "• ";color: #872031;} /*accordion*/ .accordion {background-color: #fff;} .accordion .accordion-title, .accordion .is-active .accordion-title {padding: 1.25rem 0rem;font-size: 1.2em;color:#9BBCAB;font-weight: 700;border-color: transparent transparent #384349 transparent;border-style: solid;border-width: 0 0 1px 0;} .accordion .accordion-title:hover, .accordion .accordion-title:focus {background-color: #fff;border-bottom: 1px solid #384349 !important;} :last-child:not(.is-active) > .accordion-title {border-bottom: 1px solid #384349;} .accordion .accordion-content {border:none;padding: 1rem 0;} /*hovers effects box*/ /* Common style */ /*figure {cursor: pointer;float: left;margin: 0 0 1.7em;max-width: 480px;min-height: 290px;min-height: 360px;min-width: 100%;overflow: hidden;position: relative;text-align: center;width: 100%;} figure figcaption {text-transform: inherit;} figure img {display: block;min-height: 100% !important;min-width: 120%;width: auto !important;}*/ /*customs ruby*/ figure.effect-ruby .bg-color {position:absolute;height:100%;width:100%;display:block;background-color: rgba(51,13,22,0.5);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} figure.effect-ruby:hover .bg-color {background-color: rgba(51,13,22,0.8);} figure.effect-ruby .bg-color.c-black {background-color: rgba(0,0,0,0.5);} figure.effect-ruby:hover .bg-color.c-black {background-color: rgba(0,0,0,0.8);} figure.effect-ruby h5 {margin-top: 20%;transform: translate3d(0px, 20px, 0px);transition: transform 0.35s ease 0s;} figure.effect-ruby:hover h5 {transform: translate3d(0px, 0px, 0px);} /*item-overlay*/ .item {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;} .item-overlay {height:100%;width:100%;background:rgba(0,0,0,0);position:absolute;opacity:0;box-sizing:border-box;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .item:hover .item-overlay {background:rgba(0,0,0,0.8);opacity:1;} .item .item-magnified {opacity:0;top: 35%;position: absolute;font-size: 2em;-ms-transform: translateY(10%);-webkit-transform: translateY(10%);-o-transition:translateY(10%);transform: translateY(10%);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .item:hover .item-magnified {opacity:1;-ms-transform: translateY(50%);-webkit-transform: translateY(50%);-o-transition:translateY(50%);transform: translateY(50%);-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .list-overlay li, .list-overlay .column {margin-bottom:1.5em;} /*tooltip*/ .has-tip {border-bottom: medium none;} .tooltip {background-color: #328DB5;max-width: 11.5rem !important;text-align:center;} .tooltip.top::before {border-color: #328DB5 transparent transparent;} .tooltip::before {border-color: transparent transparent #328DB5;} /*cookie-bar*/ #cookie-bar.fixed {z-index: 1000000000000000000000;} /*forms*/ input::-moz-placeholder, textarea::-moz-placeholder {opacity: 0.9 !important;} form *:focus {border:1px solid #ddd !important;} [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea, select {border-radius: 0;box-shadow: none;border-color:#ddd;font-weight: 300;} label {font-weight: 300;} input::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #898989;font-style: italic;} input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #898989;opacity: 1;font-style: italic;} input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #898989;opacity: 1;font-style: italic;} input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #898989;font-style: italic;} * li {display: inherit;} /*menu-overlay*/ .menu-overlay{visibility: hidden;display: flex;justify-content: center;align-items: center;position: fixed;top: 0;left: 0;height: 100%;width: 100%;opacity: 0;background-color: rgba(8, 8, 8, 0.9);transform: scale(1);transition: all 200ms ease-in-out;z-index: 1000000000000000000000000000000000000;} .menu-overlay ul li.first-item {margin-bottom:1.5em;} .menu-overlay ul li a.large {font-size:1.8em;} .menu-overlay ul li a {color: #fff;padding:0.3em;} .menu-overlay ul li a:hover {color: #f03b47;} .menu-overlay .is-accordion-submenu-parent > a::after {border:none;} .menu-overlay.full-menu {visibility: visible;opacity: 1;transform: scale(1);} .menu-toggle {border: 0;color: #fff;background-color: transparent;font-size: 2em;cursor: pointer;} .menu-cerrar{position: absolute;top: 30px;right: 30px;} #contentActionMenus {z-index: 9999;} .listingBar {clear: both;} /*anchor*/ #content-core h2, #content-core h3, #content-core h4 {color:#969A9D; font-weight: 100; font-family: 'Open Sans', sans-serif;} a.blue {color:#187F9A;} a.blue:hover {color:#187F9A;text-decoration:underline;} html, body {color: #444; font-size: 16px} #content ul, #content ol, #content p, #content span, #content div {font-size: .85rem;} body[data-offcanvas="open"] { overflow-y: hidden; } .actionMenuContent { z-index: 99999; } .notransition {-webkit-transition: none !important;-moz-transition: none !important;-o-transition: none !important;transition: none !important;} .body-filler {position: fixed;top: 0;left: 0;right: 0;width: 100%;background-color: #9e8dda;z-index: -1;} .no-shadow, .no-shadow a:before {box-shadow: 0px 0px 0px 0px #000 !important;} .searchPage.searchButton {background-color: #3098c0; border: 0; color: white; padding: .22em 2em;} .section-professional p {font-size: .85em;line-height: 1.85em;color: #111;} .white {color: white !important} .clear {clear: both} img:focus {outline: 0;border: 0;} a, a:focus, a:hover, a:active {outline: 0 !important;} .wrapper-img {position: relative} #content a:link, dl.portlet a:link {color: #00607d;} #content a:not([class*="item"]):link:hover, dl.portlet a:not([class*="item"]):link:hover, .decorate-underline:hover {text-decoration: underline;} #parent-fieldname-description {color: #222;font-size: 1.5em;font-weight: 400;line-height: 1.75em;} #portal-breadcrumbs {font-size: 0.9em;margin: 1em 0;} #portal-breadcrumbs span, #portal-breadcrumbs span a, #portal-breadcrumbs span span {color: #aaa;transition: .25s ease;} #portal-breadcrumbs span a:hover {color: #222;text-decoration: underline;} body:not(.section-professional) #portal-breadcrumbs #breadcrumbs-1, #portal-breadcrumbs #breadcrumbs-you-are-here {display: none} .flex {display: flex; flex-flow: wrap row; justify-content: flex-start; align-items: center; align-content: flex-start;} /* Dormir i menjar */ .web #imatge.fitxaImatge { height: auto; } #portal-breadcrumbs #breadcrumbs-current {color: #222} .web #imatge { position: relative;background-position: center;background-size: cover;background-repeat: no-repeat;min-height: 75vh;} .web #imatge .title {position: absolute;bottom: 0;width: 100%;pointer-events: none;} .web #imatge .title #parent-fieldname-title, .web #imatge .documentFirstHeading {display: inline-block;margin: 0;padding: .25em .5em;background-color: rgba(255, 255, 255, 0.5);font-size: 4.5em;text-transform: uppercase;color: #333;} .fl {opacity: 0; transition: .35s ease} @media only screen and (min-width:40em){ body.template-salou_allotjament_view #content .documentActions { padding: 0 .9375rem; } } @media only screen and (min-width:64em){ .web #imatge.fitxaImatge { padding: 2rem;padding-bottom: 4rem;} .bgFitxa { position: absolute;left: 0;top: 0;right: 0;bottom: 0;object-fit: cover;object-position: center center; z-index: 0; width: 100%;height: 100%;} #allotjament-info { position: relative;z-index: 1;} body.template-salou_allotjament_view #content .documentActions { margin-top: 1rem;} } /*item-zoom*/ .item-zoom {position: relative;display: inline-block;width: 100%;} .item-zoom .black-veil {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.75);transition: .35s ease-in-out;opacity: 0;} .item-zoom .black-veil [class^="ion"] {position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%) scale(0.9);-webkit-transform: translateY(-50%) translateX(-50%) scale(0.9);/*transform: translateY(-150%) translateX(-50%) scale(0.5);-webkit-transform: translateY(-150%) translateX(-50%) scale(0.5);*/font-size: 3em;color: white;transition: .35s ease-in-out;opacity: 0;} .item-zoom .wrapper-img {position: relative;width: 100%;height: 100%;padding: 0;padding-top: 75%;overflow: hidden;display:block;} .item-zoom .wrapper-img.rounded {border-radius: 50%; z-index: 100;display: block;height: 200px;margin: 0 auto 1.5em;overflow: hidden;padding: 0 !important;position: relative;width: 200px;} .item-zoom .wrapper-img img {height: auto;width: auto;min-width: 111%;min-height: 111%;max-width: none;max-height: none;position: absolute;left: 50%;top: 50%; transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);} .item-zoom .wrapper-img img {transform: translateY(-50%) translateX(-50%) scale(0.9);-webkit-transform: translateY(-50%) translateX(-50%) scale(0.9);transition: .35s ease-in-out;} .item-zoom:hover .wrapper-img img {transform: translateY(-50%) translateX(-50%) scale(1);-webkit-transform: translateY(-50%) translateX(-50%) scale(1);} .item-zoom:hover {color: #333;} .item-zoom:hover .black-veil {opacity: 1;} .item-zoom:hover .black-veil [class^="ion"] {opacity: 1;transform: translateY(-50%) translateX(-50%) scale(1);-webkit-transform: translateY(-50%) translateX(-50%) scale(1);} .item-zoom .title {font-size: 1.75em;} .item-zoom.opacity-50 .black-veil {opacity: 1;background-color: rgba(0, 0, 0, 0.50);} .item-zoom.opacity-50:hover .black-veil {opacity: 1;background-color: rgba(0, 0, 0, 0.75);} .item-zoom.opacity-50 .black-veil [class^="ion"] {opacity: 1;} .wrapper-img .black-veil {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);transition: .35s ease;} .wrapper-img:hover .black-veil {background-color: rgba(0, 0, 0, 0.5);} /* foundation overwrites */ .slider {position: static;height: auto;margin: 0;background-color: transparent;touch-action: initial;cursor: initial;} .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;} .bx-wrapper img {max-width: 100%;display: block;} /*separador*/ .separator {display: block;margin-right: auto;margin-left: auto;background-color: #333;height: 1px;width: 50%;} .w-100 {width: 100%;} /*see-more*/ .see-more {background-color: #333333;color: white;font-weight: 100;padding: .75em 2em;display: inline-block;box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);transition: .2s ease;} .see-more:hover {color: white;font-weight: 100;transform: translateY(-3px);-webkit-transform: translateY(-3px);box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.45);} .drop-shadow { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);transition: .2s ease; } .drop-shadow:hover {transform: translateY(-3px);-webkit-transform: translateY(-3px);box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.45); text-decoration:none !important} .drop-shadow.inset:hover {box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px rgba(0, 0, 0, 0);text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);} .drop-shadow.inset:hover {box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.45), inset 3px 3px 0px rgba(0, 0, 0, 0.45);text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.45);} /*relative*/ .relative {position: relative;} /*Tabs*/ li.tabs-title {display: inherit;} /*bg*/ .bg-aaa {background-color: #aaa;} .bg-bbb {background-color: #bbb;} ul.arrows {list-style: none;} ul.arrows li {display: list-item;} ul.arrows li:before {content: "❯";font-size: .65em;font-weight: bolder;vertical-align: middle;margin-right: 5px;} /* Search Overlay */ .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform input[type=submit] {position: absolute;width: 50px;height: 100%;background-color: transparent;border: 0;right: 0;top: 0;} #mk-fullscreen-searchform *:focus{outline: none !important;border: none !important;} .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon {font-size: 52px;position: absolute;right: 15px;width: 50px;top: 0px;color: #fff;color: rgba(255, 255, 255, .2);} .fullscreen-search-icon:hover, .fullscreen-search-icon:focus{border: none;outline: none;color: #fff !important;} #mk-fullscreen-searchform {position: relative;vertical-align: middle;} .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .searchField { width: 800px;background-color: transparent;box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1);border: 0;text-align: center;font-size: 35px;padding: 20px;height: auto;color: #fff; -webkit-box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 3px 0 0 rgba(255, 255, 255, .1); -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;} .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .searchField:focus{border: none;outline: none;} .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show {visibility: visible;opacity: 1;} .mk-fullscreen-search-overlay { width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;visibility: hidden;background-color: rgba(0, 0, 0, .94);text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s;} .mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0);} .mk-fullscreen-search-overlay {z-index: 999;} .mk-fullscreen-search-overlay .mk-fullscreen-close:link, .mk-fullscreen-search-overlay .mk-fullscreen-close:visited {color: #fff;} .mk-fullscreen-search-overlay .mk-fullscreen-close {position: absolute;right: 50px;top: 50px;font-size: 36px;} .mk-fullscreen-search-overlay .mk-fullscreen-close:focus {border: none;outline: none;} .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper { opacity: 1;visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper { display: inline-block;max-width: 1000px;vertical-align: middle;text-align: center;font-size: 18px;opacity: 0;visibility: hidden; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -ms-transform: scale(0.9); -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s;} .mk-search-trigger { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out} .searchField:focus{box-shadow: 0px 3px 0px 0px rgba(255,255,255,0.54) !important;} /* ========================================================================== OFFCANVAS ==========================================================================*/ .off-canvas {background: #298fc2 none repeat scroll 0 0;color: #fff;} .off-canvas a {color: #fff;} .off-canvas a:hover {opacity:0.5;} .off-canvas hr {border-color: rgba(255,255,255,0.3);} .js-off-canvas-overlay {background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;} .off-canvas .links-bar {font-size:0.8em;} .off-canvas .links-bar li {margin-bottom:0.5em;} .off-canvas .links-bar .wrapper-arrow {display: inline-block;position: relative;} .off-canvas .links-bar select {background-color: transparent;border: 0;padding: 0;line-height: 1em; appearance:none;-moz-appearance:none;-webkit-appearance:none;position: relative;padding-right: 8px;text-transform: uppercase;padding-right: 12px;background-image: none;} .off-canvas .links-bar select {height: 1.3rem;} .off-canvas .links-bar select:focus {box-shadow: none;} .off-canvas .links-bar .arrow {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: white transparent transparent;border-image: none;border-style: solid;border-width: 3px;content: "";display: inline-block;height: 0;position: absolute;right: 5px;top: 50%;width: 0;} .js-off-canvas-overlay {transform: translateX(0px); transition: .5s ease; opacity: 0; background: rgba(255, 255, 255, 0.0) none repeat scroll 0 0; } .js-off-canvas-overlay.is-visible {opacity: 1;visibility: visible;transform: translateX(-250px);background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;} body[data-offcanvas^="open"] .share-buttons {display: none;} /* ========================================================================== HEADER ==========================================================================*/ /*languages*/ #languages #lang {display: none;} #languages .ui-selectmenu-button {background-color: transparent;display: inline-block;height: auto;padding: 0;width: 6.5em !important;} /*#languages .ui-selectmenu-button .ui-icon-triangle-1-s {background-image: url("++resource++plonetheme.salou.images/ui-icons_205c90_256x240-white.png");}*/ #languages .ui-selectmenu-button-closed .ui-icon-triangle-1-s {background-position: -64px -19px;} #languages .ui-selectmenu-button-open .ui-icon-triangle-1-s {background-position: 0 -19px;} .ui-selectmenu-open {z-index: 2147483647 !important;} .ui-selectmenu-open #lang-menu {background: #fff none repeat scroll 0 0;border: medium none !important;color: #298fc2;padding:0 !important;font-size:0.8em;} .ui-selectmenu-open #lang-menu .ui-menu-item {border-bottom:1px solid #298fc2;} .ui-selectmenu-open #lang-menu .ui-menu-item .ui-menu-item-wrapper {padding:0.5em 3em 0.5em 1em !important;} .ui-selectmenu-open #lang-menu .ui-state-active, .ui-selectmenu-open #lang-menu .ui-widget-content .ui-state-active, .ui-selectmenu-open #lang-menu .ui-widget-header .ui-state-active {background: #298fc2 none repeat scroll 0 0 !important;border-color: #298fc2;color:#fff;} /* top bar */ .navbar{-ms-transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;background-color: rgba(255, 255, 255, 0.9);} .navbar .links-bar {-ms-transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;opacity: 1;margin-top: 0px;margin-bottom:0em;} .navbar .logo { max-width: 150px; -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -moz-transform-origin: top left; -webkit-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -ms-transition: all .7s ease; -webkit-transition: all .7s ease; transition: all .7s ease; } .navbar-animate{-ms-transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;background-color: rgba(255, 255, 255, 1);} .navbar.navbar-animate .logo { width: auto;height:70px; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -moz-transform-origin: top left; -webkit-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; transform-origin: top left; -ms-transition: all .7s ease; -webkit-transition: all .7s ease; transition: all .7s ease; } #top-bar .li-menu-icon .hamburguer:focus {border: none;outline: none;} .navbar-animate .links-bar {transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;opacity: 0;margin-top: -40px;margin-bottom:1em;} #top-bar {position: fixed;top: 0;left: 0;right: 0;width: 100%;color: white;z-index: 99999;} #top-bar .actions {line-height: 1em;color: #298FC2;} .inline.actions a {color: #298FC2;} #top-bar .actions li {font-family: 'Ropa Sans', sans-serif;margin-left: 2em;font-size: .75em;} #top-bar select {background-color: transparent;border: 0;padding: 0;line-height: 2em;appearance:none;-moz-appearance:none;-webkit-appearance:none;position: relative;padding-right: 8px;/*height: 1em;*/text-transform: uppercase;padding-right: 12px;background-image: none;} #top-bar .wrapper-arrow {position: relative;display: inline-block;} #top-bar .ion-android-textsms {display: inline-block;} #top-bar .arrow {content: "";width: 0;height: 0;display: inline-block;position: absolute;border: 3px solid;border-color: white transparent transparent transparent;right: 5px;top: 50%;} #top-bar select:focus, #top-bar select option:focus {outline: none;box-shadow: none;} #top-bar select option {background-color: #333;} #top-bar [class^="ion"] {margin-right: 5px;display: inline-block;} img.logo:focus, img.logo, img.logo:active {outline: none;border: 0;} .gran-menu { display: flex;} @media only screen and (min-width: 40em) { .gran-menu { display: block;} } /*menu-bar-fullwidth*/ .menu-bar-fullwidth ul {margin:0;text-align: right;list-style: none;} .menu-bar-fullwidth ul > li.first-level {display: inline-block;margin: 0px 0px 0px 20px;} .menu-bar-fullwidth a.section {font-family: 'Open Sans', sans-serif;font-size:1rem;color:#222222;background: #FFF;padding: 1rem !important;font-weight:300;display: inline-block;border-bottom:4px solid #fff;} .menu-bar-fullwidth a.section:hover, .menu-bar-fullwidth a.section.active {color:#93005d;border-color:#93005d;} .menu-bar-fullwidth li:hover a.section {color:#ce0c75;border-color:#93005d;} .menu-bar-fullwidth li:hover .custom-dropdown {display: block;} .menu-bar-fullwidth .gran-menu a {color: #298FC2;} .menu-bar-fullwidth .gran-menu a.section-title {padding:12px 0;display:block;text-transform: uppercase;} .menu-bar-fullwidth .gran-menu a.section-title::after {bottom:5px;height: 3px;} .menu-bar-fullwidth .gran-menu .search {font-size: 1.5em;vertical-align: middle;} .menu-bar-fullwidth .gran-menu li:hover .custom-dropdown {visibility: visible;opacity: 1;display: block;} .menu-bar-fullwidth .gran-menu li:hover a.section-title::after {width: 100%;} .menu-bar-fullwidth .gran-menu .custom-dropdown {font-size:0.8em;width:100%;position: absolute;left:0;z-index: 1000;display: none;background-color: #EEEEEE;border-top:1px solid #ddd;text-align:left;padding:1.5em 1em;box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2);background-position:left top;background-repeat:no-repeat;min-height: 370px;color: #333;} .menu-bar-fullwidth .gran-menu .custom-dropdown .sub-section-title {font-size: 1.3em;} .menu-bar-fullwidth .gran-menu .custom-dropdown hr {border-color:#000;margin-top:0;margin-bottom: 0.5em;} .menu-bar-fullwidth .gran-menu .custom-dropdown a, .menu-bar-fullwidth .gran-menu .custom-dropdown p, .menu-bar-fullwidth .gran-menu .custom-dropdown div {color: #333;} .menu-bar-fullwidth .gran-menu .custom-dropdown ul {text-align: left;margin:0;} .menu-bar-fullwidth .gran-menu .custom-dropdown ul.nav li {display: block;line-height: 2.2em;} .menu-bar-fullwidth .gran-menu .custom-dropdown ul.nav li a {padding:0 !important;font-size:0.9em;color:#C1076C;} .menu-bar-fullwidth .gran-menu .custom-dropdown ul.nav li a:hover {color:#93005d;} .menu-bar-fullwidth .gran-menu .custom-dropdown ul.nav li img {margin-right:.3em;} .menu-bar-fullwidth .gran-menu .custom-dropdown p {font-size:0.9em;} .menu-bar-fullwidth .gran-menu .custom-dropdowna.button, .menu-bar-fullwidth .gran-menu .custom-dropdowna.button:hover {color:#fff;} .menu-bar-fullwidth .gran-menu .custom-dropdown .title {font-weight: 400;text-transform: uppercase;} .menu-bar-fullwidth .gran-menu .custom-dropdown .subtitle {font-weight: 700;text-transform: uppercase;font-size:.9rem;} .menu-bar-fullwidth .gran-menu .custom-dropdown .bgimage {border:1px solid #bcbcbc;margin-bottom:.5rem;} .menu-bar-fullwidth .gran-menu .custom-dropdown > .row {margin: 0 auto;} .menu-bar-fullwidth .gran-menu li .custom-dropdown {visibility: hidden;opacity: 0;display: block;-webkit-transition: all 0.15s linear 0.2s;-moz-transition: all 0.15s linear 0.2s;-o-transition: all 0.15s linear 0.2s;transition: all 0.15s linear 0.2s;} .menu-bar-fullwidth .borderline {display: inline-block} .menu-bar-fullwidth .borderline:after {width: 0%;background-color: #298fc2;height: 2px;} .menu-bar-fullwidth .custom-dropdown .borderline:after {background-color: #444; height: 1px;} .menu-bar-fullwidth .borderline.active:after, .menu-bar-fullwidth .borderline:hover:after, .menu-bar-fullwidth .float:hover .borderline:after {width: 100%; text-decoration: none !important} .menu-bar-fullwidth .flex-top-bottom {display: flex;flex-flow: nowrap column;justify-content: space-between;height: 100%;width: 100%;} .menu-icon::after {content: '';position: absolute;display: block;width: 100%;height: 3px;background: #298fc2;top: 0;left: 0;box-shadow: 0 7px 0 #298fc2, 0 14px 0 #298fc2;} .menu-icon--close { display: none;position: relative;width: 20px;height: 16px;} .menu-icon--close::before, .menu-icon--close::after { content: '';display: block;position: absolute; background-color: #298fc2; height: 3px; width: 100%;top: 5px;} .menu-icon--close::before { transform: rotate(45deg);} .menu-icon--close::after { transform: rotate(-45deg);} .off-canvas.is-open ~ .off-canvas-content .menu-icon { display: none;} .off-canvas.is-open ~ .off-canvas-content .menu-icon--close { display: inline-block;} .menu-icon:hover::after {background: #298fc2 none repeat scroll 0 0;box-shadow: 0 7px 0 #298fc2, 0 14px 0 #298fc2;} #top-bar .custom-dropdown .link-title {color: #222; padding-top: 5px; font-size: .9rem;overflow-wrap: break-word; word-wrap: break-word;} .link-title {overflow-wrap: break-word; word-wrap: break-word;} html[lang="ru"] .gran-menu, html[lang="de"] .gran-menu {font-size: 1em;} html[lang="ru"] .menu-bar-fullwidth .gran-menu .custom-dropdown {font-size:1em;} /* slider portada */ .wrapper-slider.portada .slide {height: 100vh;overflow: hidden;position: relative;} .wrapper-slider.portada .slide img {height: auto;width: auto;min-width: 100%;min-height: 100%;max-width: none;max-height: none;position: absolute;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);} .wrapper-slider.portada .slide .info {position: absolute;bottom: 0;left: 0;right: 0;width: 100%;transition: .35s ease;} #slider-portada .slide:hover .info {transform: translateY(0px) !important;} #slider-portada .slide:hover .info .bg-white {background-color: rgba(255, 255, 255, 1);-ms-transition: all .7s ease;-webkit-transition: all .7s ease;transition: all .7s ease;} .wrapper-slider.portada .slide .info .title {font-size: 3em;color: #333;text-align: center;line-height: initial;text-transform: uppercase;} .wrapper-slider.portada .slide .info .bg-white {background-color: rgba(255, 255, 255, 0.6);} .wrapper-slider.portada .slide .info .separator {width: 150px;} .wrapper-slider .bx-controls, .wrapper-slider .bx-controls-direction {position: absolute;left: 0;right: 0;top: 0;bottom: 0;pointer-events: none;transition: .35s ease;z-index: 999;} .wrapper-slider .bx-prev, .wrapper-slider .bx-next {top: 50%;pointer-events: initial;pointer-events: auto;transform: translateY(-50%);position: absolute;display: inline-block;font-size: 5em;color: white;background-color: rgba(0, 0, 0, 0.3);text-align: center;line-height: 0;} .wrapper-slider .bx-prev {padding: 0px 0.3em 0 0.2em;} .wrapper-slider .bx-next {padding: 0px 0.2em 0 0.3em;} .wrapper-slider .bx-prev:hover {padding-left: .35em;} .wrapper-slider .bx-next:hover {padding-right: .35em;} .wrapper-slider .bx-prev {left: 0;} .wrapper-slider .bx-next {right: 0;} /* .gran-menu .custom-dropdown li:not(.first-level) > a:hover {text-decoration: underline;} */ /* ========================================================================== CONTENT ==========================================================================*/ /*search-bar*/ .wrapper-searcher .tabs, .wrapper-searcher .tabs-content {border: none;} .wrapper-searcher .tabs {padding: 0;} .wrapper-searcher .tabs a {background-color: #575757;color: white;font-size: 1em;padding: .5em;} .wrapper-searcher [class^="ion"] {color: white;font-size: 2em;vertical-align: middle;font-weight: 100;margin-right: 5px;} .wrapper-searcher .tabs-panel {padding: 1.25em;} .wrapper-searcher .tabs-content, .wrapper-searcher .tabs .is-active, .wrapper-searcher .tabs .is-active a {background-color: #333333;} .wrapper-searcher .tabs-title {width: 25%;text-align: center;border: 1px #333;border-style: hidden solid hidden hidden;} .wrapper-searcher .tabs-title:last-child {border: none;} .wrapper-searcher .cutlery {display: inline-block;} .wrapper-searcher .input-group {margin: 0;} .wrapper-searcher .input-group-label {font-weight: 600; border: 0} .wrapper-searcher .input-group-field {border: none;} .wrapper-searcher input[type="text"]:focus, .wrapper-searcher input[type="password"]:focus, .wrapper-searcher textarea:focus {box-shadow: none;} input.focus-white:focus {background-color: white; outline: 0; box-shadow: none;} .wrapper-searcher .input-group-label.gray {border-left: 1px solid #C6C6C6; border-style: hidden hidden hidden solid; background-color: #dddddd;} .wrapper-searcher .input-group-field.gray {background-color: #DDDDDD;border: none;} .wrapper-searcher input[type="text"].gray:focus, .wrapper-searcher input[type="password"].gray:focus, .wrapper-searcher textarea.gray:focus {background-color: #DDDDDD;outline: 0;box-shadow: none;} .wrapper-searcher .input-group-button {background-color: #298FC2;color: white;padding: 0 1em;cursor: pointer;} .wrapper-searcher .input-group-button .search {font-size: 2em;vertical-align: middle;} .wrapper-searcher .input-group-button input {background-color: #298FC2;} .wrapper-searcher .input-group-button input:focus {outline: none;box-shadow: none;} .wrapper-searcher select.input-group-field {background-color: white;border: 1px solid #cacaca;color: #0a0a0a;text-align: center;white-space: nowrap;height: 100%;border-left: none;} .wrapper-searcher select.input-group-field:focus {box-shadow: none;border: 1px solid #cacaca !important;border-left: 0px !important;} .wrapper-searcher input.input-group-field.gray {white-space: nowrap;border-left: none;display: table-cell;vertical-align: middle;height: 45px;text-align: left;} .wrapper-searcher .tabs .tabs-title a, .wrapper-searcher .tabs .tabs-title a:hover, .wrapper-searcher .tabs .tabs-title a:focus {border-top:5px solid #575757 !important;} .wrapper-searcher .tabs-content .button {background-color: transparent;} .wrapper-searcher .tabs .tabs-title.tab-ondormir.is-active a, .wrapper-searcher .tabs .tabs-title.tab-ondormir.is-active a:hover, .wrapper-searcher .tabs .tabs-title.tab-ondormir.is-active a:focus {border-color:#43B02A !important;} .wrapper-searcher .tabcontent-ondormir .input-group-button {background-color: #43B02A;} .wrapper-searcher .tabs .tabs-title.tab-onmenjar.is-active a, .wrapper-searcher .tabs .tabs-title.tab-onmenjar.is-active a:hover, .wrapper-searcher .tabs .tabs-title.tab-onmenjar.is-active a:focus {border-color:#FFB81C !important;} .wrapper-searcher .tabcontent-onmenjar .input-group-button {background-color: #FFB81C;} .wrapper-searcher .tabs .tabs-title.tab-quefer.is-active a, .wrapper-searcher .tabs .tabs-title.tab-quefer.is-active a:hover, .wrapper-searcher .tabs .tabs-title.tab-quefer.is-active a:focus {border-color:#CE0037 !important;} .wrapper-searcher .tabcontent-quefer .input-group-button {background-color: #CE0037;} .wrapper-searcher .tabs .tabs-title.tab-planol.is-active a, .wrapper-searcher .tabs .tabs-title.tab-planol.is-active a:hover, .wrapper-searcher .tabs .tabs-title.tab-planol.is-active a:focus {border-color:#9E007E !important;} /*6-bar*/ /* .6-bar .title {text-align: center;font-size: 1.1em;} .6-bar .separator {width: 50%;} .6-bar .desc {text-align: center;} */ /*slide portada 2*/ #pager-slider-portada-2 a {color: #323232;margin: .2em .5em;display: inline-block;} #pager-slider-portada-2 .borderline:after {background-color: #323232;height: 1px;width: 0%;left: 50%;} #pager-slider-portada-2 .borderline:hover:after, #pager-slider-portada-2 .borderline.active:after {background-color: #323232;height: 1px;width: 100%;left: 0%;} #slider-portada-2 .slide {height:700px;} #slider-portada-2 .slide .info {position: absolute;bottom: 0;left: 0;right: 0;top: 50%;width: 100%;transition: .35s ease;height: 0;} #slider-portada-2 .slide .info .title {font-size: 3.5em;word-wrap: break-word;} #slider-portada-2 .slide .info .title, #slider-portada-2 .slide .info .desc {color: #333;} #slider-portada-2 .slide .info .separator {height: 1px;} #slider-portada-2 .info .bg-white {transform: translateY(-50%);-webkit-transform: translateY(-50%);background-color: transparent;} #slider-portada-2 .ion-play {display: inline-block;width: 21px;height: 21px;background-color: white;color: #333;border-radius: 50%;text-align: center;line-height: 21px;padding-left: 2px;margin-right: 10px;} /*slider-6-coses*/ #slider-6-coses .item-zoom .wrapper-img.rounded {transition: all .3s ease-in-out;} #slider-6-coses .item-zoom:hover .wrapper-img.rounded {border-radius: 0%;} /*activiy-bar*/ .activity-bar .separator {width: 143px;} /*banners-bar*/ .banners-bar .content-banner {position: relative;} .rounded-border {border: 9px solid #eee;border-radius: 58px;padding: 1em;text-align: center;display:inline-block;} /* diagonal-banners */ .template-portada_view .diagonal-banners .content-banner {height: 440px;} .template-portada_view #diagonal-container {width: 100%;height: 440px;margin: 0 auto;} .template-portada_view .diagonal-banners {position: relative;overflow: hidden;} .template-portada_view .diagonal-banners .bg-opacity {background-color: rgba(0, 0, 0, 0.3);} .template-portada_view .diagonal-banners .child, .template-portada_view .diagonal-banners .separator, .template-portada_view .diagonal-banners .border, .template-portada_view .diagonal-banners .border .line {position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 1248px;height: 440px;transition: 1s ease;backface-visibility: hidden;-webkit-backface-visibility: hidden;filter: blur(0);-webkit-filter: blur(0);-webkit-perspective: 1000px;perspective: 1000px;} .template-portada_view .diagonal-banners .content {position: relative;z-index: 1000;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;height: 440px;} .template-portada_view .diagonal-banners .separator, .template-portada_view .diagonal-banners .border {width: 55%;width: calc(50% + 65px);transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);-webkit-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);-moz-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);overflow: hidden;margin-left: -65px;z-index: 2000;} .template-portada_view .diagonal-banners .border {overflow: inherit;overflow: initial;pointer-events: none;} .template-portada_view .diagonal-banners .border .line {content: "";position: absolute;left: initial;right: 0;top: 0;bottom: 0;height: 100%;width: 15px;background-color: white;transform: translateX(50%) translateZ(0) scale(1.0, 1.0);-webkit-transform: translateX(50%) translateZ(0) scale(1.0, 1.0);-moz-transform: translateX(50%) translateZ(0) scale(1.0, 1.0);} /*.diagonal-banners:hover .border .line {width: 0px;}*/ .template-portada_view .diagonal-banners .separator .child {transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);-webkit-transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);-moz-transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);margin-left: 65px;} .template-portada_view .diagonal-banners.right .separator, .template-portada_view .diagonal-banners.right .border {width: 55%;width: calc(55% + 65px); transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0); -webkit-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0); -moz-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);} .template-portada_view .diagonal-banners.left .separator, .template-portada_view .diagonal-banners.left .border {width: 45%;width: calc(45% + 65px); transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0); -webkit-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0); -moz-transform: skewX(-20deg) translateZ(0) scale(1.0, 1.0);} .template-portada_view .diagonal-banners.right .separator .child, .template-portada_view .diagonal-banners.left .separator .child { transform: skewX(20deg) translateZ(0) scale(1.0, 1.0); -webkit-transform: skewX(20deg) translateZ(0) scale(1.0, 1.0); -moz-transform: skewX(20deg) translateZ(0) scale(1.0, 1.0);} /*.diagonal-banners.right .content.text-right .bg-opacity {background-color: rgba(0,0,0,0.7);transition: 1s ease;} .diagonal-banners.right .content.text-right .content-banner {opacity: 0.3;transition: 1s ease;} .diagonal-banners.left .separator .bg-opacity {background-color: rgba(0,0,0,0.7);transition: 1s ease;} .diagonal-banners.left .separator .content-banner {opacity: 0.3;transition: 1s ease;}*/ /*salouretro-bar*/ .salouretro-bar {background-position: top;} /* offices-bar */ .offices-bar p {color: black;font-size: .8em;line-height: 21px;} .cool-info {position: absolute;right: 7px;top: -12px;background-color: #298FC2;color: white;text-align: center;font-size: 2em;width: 42px;height: 42px;} .cool-info .triangle {position: absolute;height: 12px;right: 100%;top: 0;border: 6px solid;border-color: transparent #063B49 #063B49 transparent;} .cool-info .ion-ios-information-outline:before {line-height: 42px;} /* newsletter-bar */ .extended-bg {position: relative;} .extended-bg .extended {content: "";position: absolute;height: 100%;width: 100vw;top: 0;left: 0;background-color: #298FC2;z-index: 0;} .extended-bg .content {position: relative;} /*z-index: 100; */ .weather .image-aemet {display: block;margin: 0;width: 90%;} /* gallery */ .galeria .more-images {margin-top:1.5em;} .img-wrap img {border-radius: 3px;transition: .35s ease;} .galeria .grid {margin: 0;} .grid__item .img-wrap {position: relative;display: inline-block;} .grid__item .img-wrap .black-veil {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.75);opacity: 0;transition: .35s ease;} .grid__item .img-wrap .black-veil h3 {color: #fff;font-weight: 100;text-transform: uppercase;font-size: 1.25em;position: absolute;top: 50%;transform: translateY(-102%);margin: 0;transition: .5s ease;padding: 0 10%;} .grid__item:hover .img-wrap .black-veil h3 {transform: translateY(-52%);} .grid__item:hover .img-wrap .black-veil {opacity: 1;} .grid {max-height: 750px;overflow: hidden;transition: 1s ease;} .more-images {background-color: #298FC2;color: white;padding: .75em 0;font-weight: 100;margin: 0 9px;font-size: 1.33em;cursor: pointer;transition: .25s ease;} .more-images:hover {background-color: #0d596d;} .black-veil:before, .black-veil:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border: 1px solid white;margin: 12px;transition: .5s ease;} .black-veil:before {border-style: solid hidden;left: 50%;right: 50%;} .black-veil:after {border-style: hidden solid;top: 50%;bottom: 50%;} body:not(.template-portada_view) .grid__item:hover .black-veil:before, body:not(.template-portada_view) .wrapper-img:hover .black-veil:before {left: 0%;right: 0%;} body:not(.template-portada_view) .grid__item:hover .black-veil:after, body:not(.template-portada_view) .wrapper-img:hover .black-veil:after {top: 0%;bottom: 0%;} .mesinfo dt .documentByLine {display: none;} #content .mesinfo dt a {color: #000;text-transform: uppercase;font-weight: 400;} #content .mesinfo dt a[class^="contenttype"] {padding-left: 0px !important;background: none;} #content .mesinfo dt a.contenttype-link:before {content: "\f1fe";display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 1.5em;margin-right: 5px;padding-left: 5px;vertical-align: middle;transform: rotate(-45deg);} #content .mesinfo dt a.contenttype-file:before {content: "\f12e";display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 1.5em;margin-right: 5px;padding-left: 5px;vertical-align: middle;} #content .documentActions, .documentActions {border-bottom: 1px solid #e1e1e1;padding-bottom: .5em;margin-top: 5em; text-align: center;} #content .documentActions ul, .documentActions ul {margin: 0;} #content .documentActions li, .documentActions li {margin-bottom: 0.25em;line-height: 1.5em;display: inline-block;} .documentActions li:not(:last-child) {margin-right: 10px;} #document-action-send_to:before {content: "\f2c3";display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 5px;vertical-align: middle;} #document-action-print:before {content: "\f490";display: inline-block;font-family: "Ionicons";speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;text-rendering: auto;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 5px;vertical-align: middle;} #content .documentActions li a, .documentActions li a {color: black;font-size: .85em;} .documentActions .compartir {text-align: center; margin-top: 1rem;} @media only screen and (min-width: 40em) { #content .documentActions { text-align: left;} .documentActions .compartir { text-align: right;margin-top: 0;} } /* block listing */ .block-listing .item {margin-bottom: 2em;} .block-listing .item .wrapper-img {height: 265px;overflow: hidden;} .block-listing .item .wrapper-img img {min-height: 100%;min-width: 100%;width: auto;max-width: none;transform: translate(-50%, -50%);position: absolute;left: 50%;top: 50%;transition: .5s ease;} .block-listing .item .wrapper-img:hover img {transform: translate(-50%, -50%) scale(1.2);} .block-listing .item .wrapper-img .black-veil, .template-folder_events_view .wrapper-img .black-veil {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;transition: .5s ease;z-index: 999;opacity: 1;background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(39%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.73))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 39%, rgba(0,0,0,0.73) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );} .block-listing .item .wrapper-img:hover .black-veil, .template-folder_events_view .wrapper-img:hover .black-veil {opacity: 0;} .block-listing .item .wrapper-img .black-veil.full, .template-folder_events_view .wrapper-img .black-veil.full {transition: .5s ease;opacity: 0; background: rgba(0,0,0,0.75); background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.75)), color-stop(100%, rgba(0,0,0,0.75))); background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );} .block-listing .item .wrapper-img:hover .black-veil.full, .template-folder_events_view .wrapper-img:hover .black-veil.full {opacity: 1;} #content .wrapper-img .title, .wrapper-img .title {color: white;position: absolute;bottom: 0;left: 0;margin: 0;padding: 2em;text-transform: uppercase;font-size: 1.35em;font-weight: 400;z-index: 9999;transform: translateY(0%);transition: .5s ease;} #content .wrapper-img .features, .wrapper-img .features {color: white;position: absolute;bottom: 10px;left: 0;margin: 0;padding: 2em;text-transform: uppercase;font-size: 1.35em;font-weight: 400;z-index: 9999;transform: translateY(0%);transition: .5s ease; opacity: 0; visibility: hidden;} #content .wrapper-img:hover .title, .wrapper-img:hover .title {bottom: 75%;transform: translateY(73%);padding: 0 2em;text-shadow: 2px 2px 2px #333;} #content .wrapper-img:hover .features, .wrapper-img:hover .features {padding: 0 2em;text-shadow: 2px 2px 2px #333; visibility: visible; opacity: 1;} #content .block-listing .item .desc {background-color: #E4E4E4;color: #222;padding: 1.5em 2em;line-height: 1.5em;font-size: 1.1em;} body.history-of-salou .wrapper-full-content {background-image: url('++resource++plonetheme.salou.images/history-salou.png');background-repeat: no-repeat;background-position: top center;background-size: cover;} body.history-of-salou a.external-link {display: inline-block;} body.history-of-salou a.external-link:after { content: " "; display: block; height: 0; clear: both; } body:not(.template-portada_view) form#cercador {background-color: #222222;} body:not(.template-portada_view) form#cercador #minusvalids {float: none;} body:not(.template-portada_view) form#cercador .field.check {padding-top: 24px;} body:not(.template-portada_view) form#cercador input[type="text"], body:not(.template-portada_view) form#cercador select {height: 28px;background-position: right center;padding: .25em;} body:not(.template-portada_view) form#cercador .field, body:not(.template-portada_view) form#cercador input {margin: 0;} body:not(.template-portada_view) form#cercador label {color: white;} body:not(.template-portada_view) form#cercador fieldset {margin: 0;padding: .25em 1em 1em;} body:not(.template-portada_view) form#cercador input[type="Submit"] {padding: .5em 3em;} body:not(.template-portada_view) form#cercador input[type="Submit"]:focus, body:not(.template-portada_view) form#cercador input[type="Submit"]:active, body:not(.template-portada_view) form#cercador input[type="Submit"] {outline: 0;} body:not(.template-portada_view) form#cercador .formControls {margin: 0;text-align: right;padding-top: 24px;} #mostraplanol2 {background-color: #222222;color: white;text-align: center;margin-bottom: 2rem;cursor: pointer;border-top: 1px solid #888;} #portlets div, #portlets span {font-size: .9rem;} #portlets b {color: #555;} .imperdible li {margin-bottom: .75em;padding-bottom: .75em;border-bottom: 1px dotted #ccc;} .imperdible li img {margin-right: 5px;} .imperdible li .titol {font-size: 1.1em;} #portlets h3 {color: #aaa;font-weight: 100;text-transform: uppercase;font-family: 'Open Sans';font-size: 1.75em;} .template-folder_allotjaments_view #content-core .wrapper-img .title, .template-folder_activitats_view #content-core .wrapper-img .title { font-weight: 400; color: white; text-shadow: 2px 2px 2px #333;} .template-folder_allotjaments_view .tileItem, .template-folder_activitats_view .tileItem {margin-bottom: 3em; border-bottom: 1px solid #bbb; padding-bottom: 2em;} #content .block-listing .features > div {margin-bottom: 10px; color: white} #content .block-listing .features i {margin-right:5px;} #content .block-listing .features .categoria {text-transform: uppercase; border-left: 3px solid #bbb; padding-left: 5px; margin-bottom: 15px;} #content .block-listing .features a {color: white; text-decoration: underline;} #content .block-listing .features > div.serveis {margin-top: 25px;} #content .block-listing .features > div.serveis img {float: left;max-width: 36px;max-height: 36px;width: auto;margin: 0px 5px 6px 0;height: auto;} #content .wrapper-img .features > div {margin-bottom: 10px; color: white} #content .wrapper-img .features i {margin-right:5px;} #content .wrapper-img .features a {color: white; text-decoration: underline;} .gm-style * {width:auto;height:auto;} .template-salou_allotjament_view .planol {position: relative; pointer-events: none;} .template-salou_allotjament_view .planol:before {content: ''; position:absolute; top:0;left:0;right:0;bottom:0;box-shadow: inset 0px 8px 7px -7px #333;z-index: 10;pointer-events: none;} .template-salou_allotjament_view .planol #map {z-index: 0; pointer-events: auto; pointer-events: all;} .template-professionals_view .banner .text {font-size: 12px;} body.template-salou_allotjament_view .flex > img {flex: 0 1 36px; margin: 0px 15px 15px 0;} body.template-folder_events_view #content .column .info {background-color: rgb(228, 228, 228); } body.template-folder_events_view #content .column:hover .info * {text-decoration: none !important} body.template-folder_events_view #content .column .info .date {margin: 0; color: #666;} /*portlets*/ #portlets .banners ul .column-block {margin-bottom: 0.5rem;} #portlets .banners ul .column-block:last-child {margin-bottom: 2em;} #portlets .banners {margin-bottom: 2em;} #portlets .imperdible, #portlets .temps, #portlets .tripadvisor {margin: 2em 0;} #portlets .tripadvisor #CDSWIDDMO {width: 100%;} /* section-professional*/ .section-professional .navbar {background-color: #F4F4F4} .section-professional .navbar a, .section-professional .navbar li {color: #2A4989} .section-professional .web #imatge { min-height: 35vh; height: auto; padding: 6em 0; } .section-professional .web #imatge .title { position: relative; z-index: 10;} .section-professional .web #imatge .title #parent-fieldname-title {background-color: transparent;} .section-professional .off-canvas-wrapper {padding-top: 79px} .section-professional #imatge .bg-blue { background: rgba(49,37,158,1); background: -moz-linear-gradient(left, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(49,37,158,1)), color-stop(100%, rgba(51,134,166,1))); background: -webkit-linear-gradient(left, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%); background: -o-linear-gradient(left, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%); background: -ms-linear-gradient(left, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%); background: linear-gradient(to right, rgba(49,37,158,1) 0%, rgba(51,134,166,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31259e', endColorstr='#3386a6', GradientType=1 ); width: 100%;height: 100%;transform: skewX(-25deg) translateX(-45%);border: 4px solid white;border-style: hidden solid;opacity: .75;position: absolute;top: 0;left: 0;z-index: 0;} .section-professional .web #imatge .title #parent-fieldname-title {line-height: 1em;color: white;font-size: 3.25em;background-color: transparent;} .section-professional .web #imatge .documentFirstHeading {line-height: 1em;color: white;font-size: 4.25em;background-color: transparent;} .lists-links .links {margin: 0;background-color: #EEEEEE;padding: 1em 1.5em;} .lists-links .links a {font-size: .9em;color: #001346;font-weight: 600;margin-bottom: 1em;display: inline-block;} .lists-links h3 {font-size: 1.5em;font-weight: 400;color: black;} .lists-links h3 .blue {color: #095288;font-size: inherit;font-weight: 600;} .lists-links .professionals, .lists-links .premsa {margin-bottom: 2em;} .section-professional #portal-breadcrumbs {border-bottom: 1px solid #ccc;} .section-professional .banners .banner { display: inline-block; background-color: #CE352D; width: 100%; margin-bottom: 1em; } .section-professional .banners .banner .icon {background-color: #AF241D;color: white;width: 72px;height: 72px;text-align: center;font-size: 4em;vertical-align: middle; display: inline-block; padding-top: 15px;} .section-professional .banners .banner .icon span {line-height: 72px;} .section-professional .banners .banner .title {display: inline-block;color: white;font-weight: 100;font-size: 1.25em;font-family: 'Open Sans', sans-serif;padding-left: 1em;} .section-professional .button {background-color: #2B4590;} .section-professional .extended-bg .extended {background-color: #2B4590;} .section-professional .menu-bar-fullwidth .borderline:after {background-color: #2B4590;} .template-professionals_view .banner .text {display: inline-block; padding-left: 10px; color: #2b4590;font-weight:600} /* icons //////////// */ .ui-menu-item-wrapper {padding-left: 32px !important;} .ui-selectmenu-button {background-color: white;border-radius: 0;width: 100% !important;height: 45px;max-width: 100%;outline: 0;border: 0 !important;} .ui-selectmenu-button:focus {outline: 0 !important;border: 0 !important;} .ui-selectmenu-text {line-height: 2.25em;} .ui-selectmenu-icon {display: block !important;top: 8px;} .ui-menu {padding: 1em !important; border-radius: 0; border: 1px solid #555;} .ui-selectmenu-menu {box-shadow: 2px 2px 3px rgba(0, 0, 0, .5);} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #298fc2 !important;} .icon-salou {position: absolute;left: 0;top: 0;bottom: 0;height: 100%;width: 29px;background-image: url('++resource++plonetheme.salou.images/icons/icons-salou.png');background-repeat: no-repeat;} .icon-salou.all, .icon-salou.undefined {background-position: 0 0;} /*dormir*/ .icon-salou.hotels {background-position: -29px 0;} .icon-salou.hotel-apartament {background-position: -58px 0;} .icon-salou.pensions {background-position: -87px 0;} .icon-salou.campings {background-position: -116px 0;} .icon-salou.apartaments {background-position: -145px 0;} .icon-salou.empreses-habitatges-dus-turistic {background-position: -174px 0;} /*on menjar*/ .icon-salou.braseria {background-position: -29px -29px;} .icon-salou.cuina-casolana {background-position: -58px -29px;} .icon-salou.cuina-dautor {background-position: -87px -29px;} .icon-salou.cuina-marinera {background-position: -116px -29px;} .icon-salou.cuina-mediterrania {background-position: -145px -29px;} .icon-salou.cuina-de-mercat {background-position: -174px -29px;} .icon-salou.pizzeria {background-position: -203px -29px;} .icon-salou.cuina-internacional {background-position: -232px -29px;} .icon-salou.buffet {background-position: -261px -29px;} .icon-salou.menjar-rapid {background-position: -290px -29px;} .icon-salou.tapes {background-position: -319px -29px;} /*que fer*/ .icon-salou.platges-i-cales {background-position: -29px -58px;} .icon-salou.llocs-interes {background-position: -58px -58px;} .icon-salou.divertirme {background-position: -87px -58px;} .icon-salou.fer-esport {background-position: -116px -58px;} .icon-salou.portaventura {background-position: -145px -58px;} /*.share-buttons*/ .share-buttons.fixed {position: fixed;right: 0;top: 90px;margin: 25px !important;z-index: 99999;pointer-events: none} .share-buttons.fixed li {float: left;clear: left;} .share-buttons.fixed a {position: relative;display: inline-block;line-height: 0; pointer-events: auto; pointer-events: all; } .share-buttons.fixed a:before {position: absolute;transition: .35s;width: 100%;height: 100%;background-color: #222;content: "";z-index: -1;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(.8);box-shadow: 1px 3px 7px 0px #333;} .share-buttons.fixed a:hover:before {background-color: white;box-shadow: 2px 6px 14px 6px #333;} /*template-search*/ .template-search #content {margin-bottom:8em;} .template-search #content p.discreet {border-bottom: 3px solid #eee;padding-bottom: 1.5em;} .template-search #content h1.documentFirstHeading {margin-bottom:0;text-align: center;} .template-search #content h1.documentFirstHeading span {font-size: 1em;} .template-search #content p.discreet {text-align: center;} .template-search .searchResults dt {border-top: 1px solid #eee;padding-top: 1em;} .template-search .searchResults dt:first-child {border-top: none;} .template-search .searchResults dd {margin: 0 0 1em 0 !important;font-style: italic;} .template-search div.listingBar {margin-top: 3em;padding-top: 3em;border-top: 3px solid #eee;} /*template-folder_galeries_view*/ .template-folder_galeries_view #fotosivideos-tabs {list-style: none;border-bottom:3px solid #eee;margin-bottom:0.5em;padding-bottom:0.5em;} .template-folder_galeries_view #fotosivideos-tabs .tabs-title {margin-right:0.5em;} .template-folder_galeries_view #fotosivideos-tabs .tabs-title a {border-radius:10px;color:#999;font-weight: 700;font-size: 1em;border:1px solid #e6e6e6;} .template-folder_galeries_view #fotosivideos-tabs .tabs-title a:hover, .template-folder_galeries_view #fotosivideos-tabs .tabs-title a:focus {text-decoration: none;color:#222;border:1px solid #e6e6e6 !important;} .template-folder_galeries_view #fotosivideos-tabs .tabs-title.is-active a {color:#222;} .template-folder_galeries_view .tabs-panel #list .tileItem {border-bottom:1px solid #ddd;margin-bottom:1.5em;padding-bottom:1.5em;} .template-folder_galeries_view .tabs-panel #list .tileItem:last-child {border:none;} .template-folder_galeries_view .tabs-panel #list .tileItem .moreInfo a {margin-right: 1em;} /*platges de salou*/ body.template-platja_info_view .wrapper-full-content {background-image: url('++resource++plonetheme.salou.images/platges-salou.jpg');background-repeat: no-repeat;background-position: top center;background-size: cover;} /*portlets tripadvisor*/ #Alnwbgb9HYE a {padding: 1em;} /* PLATJES DE SALOU */ .float-hover { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .float-hover:hover, .float-hover:focus, .float-hover:active {-webkit-transform: translateY(-8px);transform: translateY(-8px);} /*icones slide*/ .template-platja_info_view .external-info .banner {background-color: transparent;border: medium none;display: inline-block;margin-bottom: 0;text-align: left;width: 100%;} .template-platja_info_view #content .msg {background-color: #298fc2; color: white; padding: 2em 4em;} .template-platja_info_view #content .msg .text-center {font-size: 1.25rem; font-weight: 100; line-height: 1.25em;padding-top: 1.25rem;} .template-platja_info_view #content .msg .ion-chatbubbles {font-size: 6rem; display: inline-block;} .template-platja_info_view .external-info {left: 0;position: absolute;top: 170px;transform: translateY(-50%);width: 260px;} .template-platja_info_view .external-info .banner .icon {background-color: transparent;box-shadow: none;color: white;display: inline-block;font-size: 4em;height: 72px;text-align: center;vertical-align: middle;width: 72px;} .template-platja_info_view .external-info .banner .icon span { line-height: 72px;} /*beaches-map*/ .template-platja_info_view .external-info .banner .title {color: white;display: inline-block;font-family: "Ropa Sans",sans-serif;font-size: 1.25em;font-weight: 100;position: static !important;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);width: auto !important;} .wrapper-beaches-map .marker-item { position: absolute; font-size: 2.5em; transition: .35s ease; transform: translateY(0px); opacity: 1;} .wrapper-beaches-map .marker-item[data-state="off"] { transform: translateY(10px); opacity: 0; } .wrapper-beaches-map .marker-item[data-beach="ponent"] {top: 19%; left: 20%;} .wrapper-beaches-map .marker-item[data-beach="llevant"] {top: 17%; left: 34%;} .wrapper-beaches-map .marker-item[data-beach="capellans"] {top: 33%; left: 50%;} .wrapper-beaches-map .marker-item[data-beach="llenguadets"] {top: 46%; left: 53%;} .wrapper-beaches-map .marker-item[data-beach="llarga"] {top: 43%; left: 61%;} .wrapper-beaches-map .marker-item[data-beach="penyaTallada"] {top: 60%; left: 72%;} .wrapper-beaches-map .marker-item[data-beach="font"] {top: 66%; left: 74%;} .wrapper-beaches-map .marker-item[data-beach="vinya"] {top: 69%; left: 75%;} .wrapper-beaches-map .marker-item[data-beach="crancs"] {top: 74%; left: 84%;} .wrapper-beaches-map .marker-item .box {background-color: #333333;color: white;font-size: .5em;font-weight: 100;text-align: center;padding: .5em 1em;box-shadow: 0px 0px 6px #333;position: absolute;left: 50%;transform: translate(-50%, -100%);bottom: 100%;width: 250px;opacity: 0;transition: .35s ease;pointer-events: none;} .wrapper-beaches-map .marker-item:hover .box {transform: translate(-50%, 0%);opacity: 1;pointer-events: all;pointer-events: auto;} .wrapper-beaches-map .marker-item .collision-box {width: 60px;height: 70px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 15px);} .wrapper-beaches-map .marker-item[data-beach="vinya"] .collision-box {width: 40px; transform: translate(-30%, 15px);} .wrapper-beaches-map .marker-item .box .more-info {font-size: .7em;text-decoration: underline;} .template-platja_info_view .beaches-list {background-color: #333333; color: white; padding:1em; display: flex; justify-content: space-around;} .template-platja_info_view .beaches-list .beach-item {cursor: pointer;color: white;} .template-platja_info_view .beaches-list .beach-item:hover {color:#298fc2;} /*banner-featured*/ .banner-featured {position: relative;display: block;} .banner-featured .text {color: #fff;font-family: "Ropa Sans",sans-serif;font-size: 2.5em !important;line-height: 1em;padding: 0 1em;position: absolute;text-align: center;text-transform: uppercase;top: 15%;width: 100%;} /*template-fitxa_platja_view*/ .template-fitxa_platja_view .icon {margin-top: 5px;max-width: 30px;vertical-align: top;} .template-fitxa_platja_view .wrapper-video .bg {box-shadow: none;} .template-fitxa_platja_info_view .icon {margin-top: 5px;max-width: 30px;vertical-align: top;} .template-fitxa_platja_info_view .wrapper-video .bg {box-shadow: none;} /* ========================================================================== FOOTER ==========================================================================*/ .img-gray {-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: .35s ease;} .img-gray:hover {-webkit-filter: grayscale(0%);filter: grayscale(0%);} .footer-bar p, .footer-bar a {color: #000;font-size: .75em;} .footer-bar p a {font-size: 1em;} .footer-bar li {line-height: 1em;} .footer-bar a.borderline:after {background: #888 none repeat scroll 0 0;bottom: 0;left: 50%;content: "";display: block;height: 1px;margin: 0 auto;position: absolute;transition: all 0.2s ease-in-out;width: 0%;} .footer-bar a.borderline:hover:after {width: 100%;left: 0%;} #FormModal {max-width: 1000px;margin: 50px auto;background-color: white;padding: 2em;position: relative;} #FormModal .close-reveal-modal {position: absolute;right: 0;top: 0;font-size: 4em; margin: 10px;} a.see-more:focus, a.button:focus, a.btn:focus { color: white !important; } img.image-left, img.image-right, .captioned img { border: 0; } .listingBar a:hover, .listingBar .next a:hover {color: white !important; text-decoration: none !important;} .listingBar a:focus, .listingBar .next a:focus {border: 1px solid #329fd7 !important;} span.triangle { display: inline-block; border-color: white transparent transparent transparent; border-width: 7px 5px 0px 5px; border-style: solid; width: 10px; height: 10px; margin: 0 5px; transform: translateY(2px) rotate(0deg); transition: .25s ease; } span.triangle.up { transform: translateY(-1px) rotate(180deg); } .description.description--preview .img-wrap, .description.description--preview .img-wrap h3:hover, .description.description--preview .img-wrap p:hover {text-decoration: none !important} #swipebox-overlay {background: rgba(13, 13, 13, 0.7) !important;} #swipebox-overlay .swipebox-video-container {max-width: 1600px !important;} #swipebox-bottom-bar, #swipebox-top-bar { background: rgba(13, 13, 13, 0.7) !important; } #video-player { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #0D0D0D; z-index: 9999; opacity: 0; transition: .35s ease; } #video-player.off { pointer-events: none;} #video-player.off iframe { display: none !important; } #video-player.on iframe { display: block !important; } #video-player.on { pointer-events: all; pointer-events: auto; opacity: 1; } #video-player .ion-android-close:hover { cursor: pointer; } #video-player .relative { width: 100%; height: 100%; padding-top: 65px; } #video-player #video { display: block; margin: 0 auto; } /* ========================================================================== FITXA PLATJA ==========================================================================*/ .template-fitxa_platja_view .wrapper-slider.portada .slide {height: 70vh} .template-fitxa_platja_view .wrapper-slider .title {position: absolute; bottom:0; left:50%;transform:translateX(-50%);z-index: 999;width:100%;text-align:center;} .template-fitxa_platja_view .wrapper-slider.portada .title .bg-white {background-color: rgba(255, 255, 255, 0.6);} .template-fitxa_platja_view .wrapper-slider .documentFirstHeading {font-size: 3em;color: #333;text-align: center;line-height: initial;text-transform: uppercase;margin:0} .template-fitxa_platja_view #content .attributes-group {margin-bottom: 60px;} .template-fitxa_platja_view #content .attributes-group.framed { background-color: #fafafa; padding: .5em 1em; border: 1px solid #aaa; border-style: hidden solid solid solid; } .template-fitxa_platja_view #content .attributes-group h2 {font-size: 2em; color: #444; display: inline-block; margin-left: 10px;} .template-fitxa_platja_view #content .attributes-group .attribute { font-weight: 600; color: #000; margin-right: 3px; line-height: 2em;} .template-fitxa_platja_view #content .attributes-group .value { font-weight: 400; color: #333; } .template-fitxa_platja_view .wrapper-video {padding: 100px 0; position: relative;} .template-fitxa_platja_view .wrapper-video .bg {position: absolute; left: 0; top: 0; bottom: 0; width: 200%; background-color: #f1f1f1; z-index: -1; transform: translateX(-25%); box-shadow: inset 0px 0px 8px #333;} .template-fitxa_platja_info_view .wrapper-slider.portada .slide {height: 70vh} .template-fitxa_platja_info_view .wrapper-slider .title {position: absolute; bottom:0; left:50%;transform:translateX(-50%);z-index: 999;width:100%;text-align:center;} .template-fitxa_platja_info_view .wrapper-slider.portada .title .bg-white {background-color: rgba(255, 255, 255, 0.6);} .template-fitxa_platja_info_view .wrapper-slider .documentFirstHeading {font-size: 3em;color: #333;text-align: center;line-height: initial;text-transform: uppercase;margin:0} .template-fitxa_platja_info_view #content .attributes-group {margin-bottom: 60px;} .template-fitxa_platja_info_view #content .attributes-group.framed { background-color: #fafafa; padding: .5em 1em; border: 1px solid #aaa; border-style: hidden solid solid solid; } .template-fitxa_platja_info_view #content .attributes-group h2 {font-size: 2em; color: #444; display: inline-block; margin-left: 10px;} .template-fitxa_platja_info_view #content .attributes-group .attribute { font-weight: 600; color: #000; margin-right: 3px; line-height: 2em;} .template-fitxa_platja_info_view #content .attributes-group .value { font-weight: 400; color: #333; } .template-fitxa_platja_info_view .wrapper-video {padding: 100px 0; position: relative;} .template-fitxa_platja_info_view .wrapper-video .bg {position: absolute; left: 0; top: 0; bottom: 0; width: 200%; background-color: #f1f1f1; z-index: -1; transform: translateX(-25%); box-shadow: inset 0px 0px 8px #333;} .raise {box-shadow: 0px 0px 9px #aaa;} /* ========================================================================== PLATJES DE SALOU ==========================================================================*/ .template-platja_info_view #content .msg {background-color: #298fc2; color: white; padding: 2em 4em;} .template-platja_info_view #content .msg .text-center {font-size: 1.25rem; font-weight: 100; line-height: 1.25em;padding-top: 1.25rem;} .template-platja_info_view #content .msg .ion-chatbubbles {font-size: 6rem; display: inline-block;} .template-platja_info_view .external-info { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 260px; } .template-platja_info_view .external-info .banner { display: inline-block; width: 100%; margin-bottom: 1em; } .template-platja_info_view .external-info .banner .icon {color: white; width: 72px; height: 72px; text-align: center; font-size: 4em; vertical-align: middle; display: inline-block;} .template-platja_info_view .external-info .banner .icon span { line-height: 72px;} .template-platja_info_view .external-info .banner .title {text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85);display: inline-block;color: white;font-weight: 100;font-size: 1.25em;font-family: 'Open Sans', sans-serif; padding-right: 1em; position: static !important; width: auto !important; } .wrapper-beaches-map .marker-item { position: absolute; font-size: 2.5em; transition: .35s ease; transform: translateY(0px); opacity: 1; } .wrapper-beaches-map .marker-item[data-state="off"] { transform: translateY(10px); opacity: 0; } .wrapper-beaches-map .marker-item[data-beach="ponent"] {top: 23%; left: 19%;} .wrapper-beaches-map .marker-item[data-beach="llevant"] {top: 21%; left: 33%;} .wrapper-beaches-map .marker-item[data-beach="capellans"] {top: 37%; left: 49%;} .wrapper-beaches-map .marker-item[data-beach="llenguadets"] {top: 50%; left: 52%;} .wrapper-beaches-map .marker-item[data-beach="llarga"] {top: 47%; left: 60%;} .wrapper-beaches-map .marker-item[data-beach="penyaTallada"] {top: 65%; left: 70%;} .wrapper-beaches-map .marker-item[data-beach="font"] {top: 73%; left: 72%;} .wrapper-beaches-map .marker-item[data-beach="vinya"] {top: 77%; left: 73%;} .wrapper-beaches-map .marker-item[data-beach="crancs"] {top: 82%; left: 82%;} .wrapper-beaches-map .marker-item .box { background-color: #333333; color: white; font-size: .5em; font-weight: 100; text-align: center; padding: .5em 1em; box-shadow: 0px 0px 6px #333; position: absolute; left: 50%; transform: translate(-50%, -100%); bottom: 100%; width: 250px; opacity: 0; transition: .35s ease; pointer-events: none; } .wrapper-beaches-map .marker-item:hover .box { transform: translate(-50%, 0%); opacity: 1; pointer-events: all; pointer-events: auto; } .wrapper-beaches-map .marker-item .collision-box { width: 60px; height: 70px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 15px); } .wrapper-beaches-map .marker-item .box .more-info { font-size: .7em; text-decoration: underline; } .template-platja_info_view .beaches-list {background-color: #333333; color: white; padding: .5em 1em; display: flex; justify-content: space-around;} .template-platja_info_view .beaches-list .beach-item {cursor: pointer;color: white;} .guia-turistica .title { color: #333; font-size: 1.75em !important; margin-top: 10px; text-align: center; text-shadow: 1px 0px 1px #aaa; } .guia-turistica:hover { text-decoration: none !important; } .template-fitxa_platja_view .serveis .icon { float: left; margin: 0 5px 5px 0; } .template-fitxa_platja_info_view .serveis .icon { float: left; margin: 0 5px 5px 0; } .template-atct_edit form[name="edit_form"] .field {margin-bottom: 2rem} .template-atct_edit form[name="edit_form"] .field.ArchetypesBooleanWidget {background-color: #f1f1f1; padding: .75em 1em .5em; border-radius: 3px; box-shadow: 1px 1px 4px #aaa;} .template-atct_edit form[name="edit_form"] .field label.formQuestion {display: block; font-size: 1.25em;} /* ========================================================================== Media Queries ==========================================================================*/ /* Small screens */ @media only screen {} /* Define mobile styles */ @media only screen and (max-width: 639px) { /*titles*/ h2.title {font-size: 2.5em;} #imatge iframe {padding: 4rem 0;} /*banners-bar*/ .banners-bar .borderline.right::after {left: 0;margin: 0;right: 0;} /*top-bar*/ #top-bar img.logo {max-height: 60px;} .navbar-animate .logo {padding: 1em 0;} #top-bar .li-menu-icon, #top-bar .li-search-icon {border-left: 1px solid rgba(255, 255, 255, 0.9);display: inline !important; height: 60px;margin: 0;} #top-bar .li-menu-icon .hamburguer {display: block;padding: 0.8em 1em;} #top-bar .li-search-icon {font-size: 1.3em;padding: 0.3em 1em;text-align: center;} #top-bar .li-search-icon .search {margin:0;} /*title slide*/ .web #imatge .title #parent-fieldname-title, .web #imatge .documentFirstHeading {font-size: 1.8em;display: block;} /*beaches-list*/ .template-platja_info_view .beaches-list {display: block;text-align: center;} .template-platja_info_view .beaches-list .beach-item {display: block;} /*banner-featured*/ .wrapper-banners {text-align: center} .banner-featured {position: relative;display: inline-block;margin-bottom: 1em;text-align: center;} .banner-featured .text {font-size: 2em !important;} /*enquesta*/ .msg {text-align: center;} /* Search Overlay */ .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .searchField {width: 300px;text-align: left;font-size: 25px;padding: 20px 0;} .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon {font-size: 35px;right: 15px;top: 11px;width: 15px;} .mk-fullscreen-search-overlay .mk-fullscreen-close {position: absolute;right: 20px;top: 20px;font-size: 36px;z-index: 10000000000000;} /*slider*/ .wrapper-slider.portada .slide .info .bg-white {background-color: rgba(255, 255, 255, 1);} .wrapper-slider.portada .slide .info .title {font-size: 2em;} .wrapper-slider .bx-prev, .wrapper-slider .bx-next {font-size: 3em;} /*slide portada 2*/ #slider-portada-2 .slide {height:500px;} #slider-portada-2 .slide .info .title {font-size: 2.5em;} /*search-bar*/ .search-bar .tabs-panel {padding: 0.5rem;} /*activity-bar*/ .activity-bar h2 {font-size: 2.5rem;} /*salouretro-bar*/ .salouretro-bar.xxlLine {padding: 6em 0;text-align: center;} /*offices-bar*/ .offices-bar.xlLine {padding: 6em 0;} /*newsletter-bar*/ .newsletter {text-align: center;} /*weather*/ .weather {text-align: center;} .weather h2 {font-size: 2.5rem;} .weather .icon{text-align: right;} .weather .icon img {display: inline;margin-right: 1em;max-width: 7em;} .weather .data {font-size: 1.5rem;text-align:left !important;} /*galeria*/ .galeria .description--preview h3 {font-size: 2em;} /*footer-bar*/ .footer-bar {text-align:center;} .preview--open {width: 100% !important} /* .preview--open .original { max-width: 100vw !important; max-height: none !important; width: 100vw; height: auto; } */ .description--preview { bottom: -25% !important; top: initial !important; left: initial !important; right: initial !important; } .description--preview > * { background-color: white; padding: 0px 9px; } .galeria .grid { margin: 0 auto !important; } .section-professional #imatge .bg-blue { transform: none; border: 0; } .section-professional .web #imatge .documentFirstHeading { width: 90%; font-size: 1.5em !important; padding:2em 1em !important; } .template-professionals_view a.banner { margin-bottom: 20px; display: inline-block; } .wrapper-slider.portada .slide {height: 50vh;} .wrapper-slider.portada .slide img {width: auto;height: auto;min-width: 135%;min-height: 135%;max-height: 50vh;max-width: none;position: none;left: 0;top: 0;transform: translateY(0px) translateX(-25%);-webkit-transform: translateY(0px) translateX(-25%);} .wrapper-slider.portada .slide .info .bg-white {background-color: rgba(255, 255, 255, 0.6);padding: 0.5em; } .wrapper-slider.portada .slide .info .title {font-size: 1.5em;} /*section-professional*/ .section-professional .off-canvas-wrapper {padding-top: 0px} .profesionals {margin-left: 5px !important;font-size: .6em !important;} .documentActions .compartir {/*display: none */} .share-buttons.fixed {display: none;} } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ /* Medium screens */ @media only screen and (min-width: 40.063em) {} /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 63.9375‬em) { /*top-bar*/ .navbar-animate .logo {padding:1em 0;} #top-bar .li-menu-icon, #top-bar .li-search-icon { display: inline !important;} #top-bar .actions {font-size: 0.8em;} #top-bar .actions li {margin-left: 1em;} /*banners-bar*/ .banners-bar .borderline.right::after {left: 0;margin: 0;right: 0;} html[lang="ru"] .gran-menu {font-size: 0.8em;} html[lang="de"] .gran-menu {font-size: 0.7em;} /* Search Overlay */ .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .searchField {width: 400px;} /*banner-featured*/ .wrapper-banners {text-align: center} .banner-featured {position: relative;display: inline-block;margin-bottom: 1em;text-align: center;} .banner-featured .text {font-size: 2em !important;} /*slide portada 2*/ #slider-portada-2 .slide {height:500px;} /*offices-bar*/ .offices-bar.xlLine {padding: 6em 0;} /*section-professional*/ .section-professional .web #imatge .title #parent-fieldname-title {font-size: 2.25em;} /*banners-bar*/ .banners-bar .links-banner {text-align: center;} .banners-bar .rounded-border {margin-bottom: 1em;} /*salouretro-bar*/ .salouretro-bar.xxlLine {padding: 6em 0;} /*weather*/ .weather {text-align: center;} .weather h2 {margin-top:1em;} .weather .icon img {display: inline;max-width: 7em;} .weather .data {font-size: 1.5rem;margin-top:1em;} .weather .data .day {margin-bottom: 0.5em !important;} .share-buttons.fixed {display: none;} } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 64.063em) and (max-width: 84em) { /*.custom-dropdown {display:none !important;}*/ .menu-bar-fullwidth .gran-menu a.section-title { font-size: 0.9em; } } /* Large screens */ @media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */ @media only screen and (min-width: 64em) and (max-width: 90em) { /*display: none;*/ .hamburguer {display: none;} } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ /* XLarge screens */ @media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */ @media only screen and (min-width: 90.063em) and (max-width: 120em) {} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ /* XXLarge screens */ @media only screen and (min-width: 120.063em) {} /* min-width 1921px, xxlarge screens */ .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr td {width: 50%; max-width: 380px;} #instafeed { padding: 1em 0; display: table; } #instafeed a { margin-bottom: 1em; box-shadow: 0px 0px 0px #000; transition:.15s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); display: inline-block; position: relative; z-index: 0; display: table-cell; } #instafeed a:hover { box-shadow: 0px 2px 4px #444; transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); z-index: 10; } #instafeed a:hover, #instafeed a:focus, #instafeed a:active { border: 0; outline: none; } @media only screen and (max-width: 40em) { #instafeed {display: flex;flex-wrap: wrap;justify-content: space-around;} .salou-live-and-360-deg #parent-fieldname-text table:first-of-type, .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody {display: block; width: 100%;} .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr {display: table; width: 100%;} .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr td {display: table-row; width: 100%} .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr td:first-child {text-align: center} .salou-live-and-360-deg #parent-fieldname-text table:first-of-type tbody tr td:first-child > *{display: table-cell; max-width: 100%} } .template-folder_events_view .list-months .column { margin-bottom: 2.5em; } .iframe-desktop { display: block; } .iframe-mobile { display: none; } @media screen and (max-width: 640px) { .iframe-desktop { /* display: none; */ } .iframe-mobile { display: none; } } #content .wrapper-img .features-360, .wrapper-img .features-360 { color: white; position: absolute; left: 50%; top: 50%; margin: 0; padding: 2em; text-transform: uppercase; font-size: 1.35em; font-weight: 400; transform: translate(-50%, -50%); z-index: 9999; transition: .5s ease; opacity: 0; visibility: hidden; } /* On Menjar i On Dormir*/ .web #imatge #cercador-header { width: 80%; position: absolute; right: 50%; transform: translateX(50%); top: 90px; max-width: 700px; z-index: 1000; background-color: #328DB5; text-align: center; } @media (min-width: 40em) { .web #imatge #cercador-header { top: 190px; width: calc( 100% - 30px); } .medium-p-r-0 { padding-right: 0 !important; } .medium-p-l-0 { padding-left: 0 !important; } .medium-m-t-2 { margin-top: 2em; } .medium-m-b-0 { margin-bottom: 0 !important; } } @media (min-width: 769px) { .web #imatge #cercador-header { top:110px; } } @media (min-width: 64em) { .large-p-r-0 { padding-right: 0 !important; } .large-p-l-0 { padding-left: 0 !important; } .large-m-t-2 { margin-top: 2em; } .large-m-b-0 { margin-bottom: 0 !important; } } .web #submit-cercador{ width: 100%; background-color: #343536; } .web #cercador-header-detall { background-color: #328DB5; /* margin-top: 61px; */ /* padding-top: 1em; */ } .web #cercador-header-detall::before {content: '';display: block;height: 61px;background-color: #FFFFFF;margin-bottom: 1em;} @media (min-width: 40em) { .web #cercador-header-detall::before { height: 174px;} .off-canvas.is-open ~ .off-canvas-content #top-bar { top: 84px !important;} } @media (min-width: 769px) { .web #cercador-header-detall::before { height: 84px;} .off-canvas.is-open ~ .off-canvas-content #top-bar { top: 0 !important;} } .text-white { color: white; } .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 50%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); position: relative; border-radius: 6px; background-clip: padding-box; outline: 0; } #landing-popup .modal-content { margin: 0; } #restaurants-platja .bx-controls-direction a:hover { background-color: #3098C0; color: white; text-decoration: none !important; } #restaurants-platja .bx-controls-direction a { display: block; font-weight: bold; height: 50px; width: 50px; border-radius: 25px; box-shadow: 3px 2px 6px rgba(0,0,0,0.16); background-color: white; color: #3098C0; font-size: 25px; line-height: 50px; text-align: center; } #restaurants-casc .bx-controls-direction a:hover { background-color: #3098C0; color: white; text-decoration: none !important; } #restaurants-casc .bx-controls-direction a { display: block; font-weight: bold; height: 50px; width: 50px; border-radius: 25px; box-shadow: 3px 2px 6px rgba(0,0,0,0.16); background-color: white; color: #3098C0; font-size: 25px; line-height: 50px; text-align: center; } #restaurants-platja .bx-controls-direction { position: absolute; left: -50px; right: -50px; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; } #restaurants-casc .bx-controls-direction { position: absolute; left: -50px; right: -50px; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; } #restaurants-platja ul, #restaurants-casc ul{ margin-left: 0; } .checkBoxSelector { display: inline-block;background-color: #f1f1f1; padding: 8px 14px; white-space: nowrap;} .checkBoxSelector > * { display: inline-block;} .checkBoxSelector > input[type="checkbox"] {display: none;} .checkBoxSelector label {margin-right: 0;position:relative;} .checkBoxSelector label::before { content:''; display: inline-block;height: 1em;width: 1em;background-color: #ffffff; margin-right: .5em; border: 1px solid #CCC;margin-top: 2px;} .checkBoxSelector input:checked + label::before {background-color: #328DB5; color: #FFFFFF;border-color: #328DB5;} .checkBoxSelector input:checked + label::after { font-family: "Ionicons"; content:"\f122"; color: #FFFFFF;font-size: .8em; position: absolute; left: 0.125em;top: -0.125em;} /* ----------------------------------------------*/ /* ON DORMIR */ .tipusAllotjament { display: block; position: relative; border-bottom: 22px solid #3098C0; } .tipusAllotjament::after { content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; background: linear-gradient(rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.8) 100%); transition: background-color .35s ease; background-color: transparent; } .tipusAllotjament:hover::after, .tipusAllotjament:focus::after { background-image: none; background-color: rgb(48, 152, 192, .75); } .tipusAllotjament .text {position: absolute; bottom: 28px; left: 30px; right: 30px; color: white; z-index: 2; } .tipusAllotjament__title {font-size: 16px !important; font-weight: bold; margin-bottom: 6px; } .wrapper-img.lent::after {position: absolute; content: ''; display: block; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.8) 100%); } #content .wrapper-img:hover .features, .wrapper-img:hover .features { margin-bottom: 10px !important; } #restaurants-platja .bx-controls-direction .bx-prev, #restaurants-platja .bx-controls-direction .bx-next, #nuevas-aperturas .bx-controls-direction .bx-prev, #nuevas-aperturas .bx-controls-direction .bx-next { position: absolute; bottom: 50%; transform: translateY(50%); } #restaurants-platja .bx-controls-direction .bx-prev, #nuevas-aperturas .bx-controls-direction .bx-prev {left: 0;} #restaurants-platja .bx-controls-direction .bx-next, #nuevas-aperturas .bx-controls-direction .bx-next { right: 0;} #nuevas-aperturas .bx-controls-direction a { display: block; font-weight: bold; height: 50px; width: 50px; border-radius: 25px; box-shadow: 3px 2px 6px rgba(0,0,0,0.16); background-color: white; color: #3098C0; font-size: 25px; line-height: 50px; text-align: center; } #nuevas-aperturas .bx-controls-direction a:hover { background-color:#3098C0; color: white; text-decoration: none; } #content .tipusEstancia__item { display: flex; padding: 20px; align-items: center; justify-content: flex-start; background-color:#E1E1E1; color: black; margin-bottom: 16px; font-size: 16px; } #content .tipusEstancia__item:hover { background-color: #666; color: white !important; } #content a.tipusEstancia__item {height: 100%;} #content a.tipusEstancia__item, #content a.tipusEstancia__item:link { color: black;} .tipusEstancia__image { flex: 0 0 87px; margin-right: 15px; text-align: center; } .tipusEstancia__image img { width: 64px;height: auto; } @media (max-width: 767px) { #section-on-dormir.container { position: relative !important; top: 0; } } /* ----------------------------------------------*/ /* ON MENJAR */ #content-core .restaurants-list .item.bg-grey { overflow: visible;} #content-core .restaurants-list .get-detail.item { background-color: #E1E1E1; color: #333333 !important;position: relative; overflow: visible;} #content-core .restaurants-list .get-detail { position: relative;} #content-core .restaurants-list .get-detail .title { color: #333333; font-weight: bold; font: bold 16px/1.25 'Open Sans';} #content-core .restaurants-list .get-detail .get-detail__detalles { background-color: #3098C0;color: white; margin-left: -1em; margin-right: -1em;} #content-core .restaurants-list .get-detail .get-detail__detalles--abs { position: absolute;bottom: 0;left: 0;right: 0;transform: translateY(1em);display: none;margin: 0;} #content-core .restaurants-list .get-detail .features { min-height: 44px;} /* #content-core .restaurants-list .get-detail:hover, #content-core .restaurants-list .get-detail:focus { background-color: #F6F6F6; text-decoration: none !important; } #content-core .restaurants-list .get-detail:hover .get-detail__detalles , #content-core .restaurants-list .get-detail:focus .get-detail__detalles { background-color: #3098C0;display: block;} #content-core .restaurants-list .get-detail:hover .get-detail__detalles--abs , #content-core .restaurants-list .get-detail:focus .get-detail__detalles--abs { display: block;} */ #landing-popup {} .salouModal { border-radius: 0; border: 6px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; background-position: center center; max-width: 60.0rem; min-height: 20.0rem; } .salouModal::before { content: ''; display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #000000; opacity: .33; z-index: 0;} .salouModal > * { position: relative; z-index: 1;} .salouModal__close { position: absolute !important; right: 15px; top: 15px; color: white; } #landing-popup .salouModal { position:absolute; right: 40px; bottom: 0; border-radius: 0; border: 6px solid #FFFFFF; background-repeat: no-repeat; background-size: cover; background-position: center center; max-width: 31.0rem; min-height: 20.0rem; } #landing-popup .salouModal::before { content: ''; display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #000000; opacity: .33; z-index: 0;} #landing-popup .salouModal > * { position: relative; z-index: 1;} #landing-popup .salouModal__close { position: absolute !important; right: 15px; top: 15px; color: white; } /* ----------------------------------------------*/ /* GENERIC */ .m-b-0 { margin-bottom: 0 !important;} .m-t-50 { margin-top: 50px !important;} .flex.row {align-items: stretch;} .flex.row::before, .flex.row::after {content: none;} .text-black { color: #333333 !important;} .text-grey-3 { color: #707070 !important;} .link-format { color: #3098C0; text-decoration: underline;} .display-block { display: block !important;} #content .small {font-size: .9em;} #content a.button:hover, #content a.button:focus {text-decoration: none !important;} .border-0 { border: none !important;} .text-bold { font-weight: bolder !important;} #section-on-dormir .bx-wrapper img {width: 100%;height: 173px;} /* Banner on menjar */ .img-michelin { width: 18px !important; height: 18px !important; display: inline !important; margin-left: 5px; } .title-flex { display: flex; align-items: center; } .banner-info { top: 0; margin: 30px; width: 350px; } .banner-title { color: white !important; font-weight: 900 !important; font-size: 45px; width: 350px; } .banner-link { color: white !important; font-weight: 600; margin-top: 5px; } .banner-link-title { border-bottom: 2px solid white; padding-bottom: 3px; font-size: 18px !important; } .pos-absolute { position: absolute !important } .pos-relative { position: relative !important; } .partners-bg .img-gray { transition: .35s ease; max-height: 120px; width: auto; margin-left: auto; margin-right: auto; display: block; } #content-core a.button { color: white !important; text-decoration: none; } @supports (object-fit: cover) { .block-listing .item .wrapper-img img { width: 100% !important; height: 100% !important; object-fit: cover !important;min-width: 0 !important;min-height: 0 !important;transform: none !important;left: 0 !important;top: 0 !important;} .block-listing .item .wrapper-img:hover img { transform: scale(1.2) !important;} } /* ----------------------------------------------*/ /* MIRADORS */ /* Llistat mobile */ #content-core .wrapper-miradors-listing .item-zoom { border-bottom: 1px solid #ccc; margin-bottom: 32px; text-decoration: none; } #content-core .wrapper-miradors-listing .item-zoom .wrapper-img { height: 200px; padding-top: 0; } #content-core .wrapper-miradors-listing .item-zoom .wrapper-img img { width: 100%; height: 100%; object-fit: cover; object-position: center center; min-width: 0; min-height: 0;position: static; transform: none; } #content-core .wrapper-miradors-listing .item-zoom:hover .wrapper-img img, #content-core .wrapper-miradors-listing .item-zoom:focus .wrapper-img img { transform: scale(1.1); } #content-core .wrapper-miradors-listing .title { color: #222222; font-family: 'Ropa Sans', sans-serif; } #content-core .wrapper-miradors-listing .desc { color: #393127; font-size: 16px; } @media screen and (min-width: 40em) { #content-core .wrapper-miradors-listing { display: flex; flex-wrap: wrap; } #content-core .wrapper-miradors-listing .item-zoom { flex: 0 0 calc(50% - 16px); margin: 8px; } } /* Mapa desktop */ #content-core .miradors-list-wrapper { position:relative; max-width:100%; } .miradorsButton { display:inline-flex; border:none; box-shadow: none; justify-content: center;align-items: center;width: 40px;color: white; background-color: #393127;position:absolute; right:0; top: 0; bottom: 0; } .miradorsButton:hover, .miradorsButton:focus { background-color: white;color: #393127; } .miradorsButton.hide { display: none; } .overflow { position:absolute;right:0; display:none; flex-direction: column;z-index: 100; } .overflow.show { display: flex; } #content-core .miradors-list { display: flex; flex-wrap: nowrap; position: relative;z-index: 1; padding-right: 40px; } #content-core .miradors-list-wrapper a { flex: 1 1 0; background-color: #393127; display: flex;align-items: center; padding: 8px; color: white !important; text-decoration: none;text-align: center; text-transform: uppercase; font-size: 12px; line-height: 1.25; min-width: 100px; } #content-core .miradors-list-wrapper a:hover, #content-core .miradors-list-wrapper a:focus { background-color: #298fc2; } #content-core .miradors-list-wrapper .overflow a { padding-top: 10px; padding-bottom: 10px; } #miradors-map .markers-list .marker-item { position: absolute;z-index: 10; transition: all .35s; } #miradors-map .markers-list .marker-item.amagar { opacity: 0; margin-top: 8px; } #miradors-map .markers-list .marker-item::before { font-size: 40px; color: #ffca12; } #miradors-map .markers-list .marker-item .collision-box { display: none; font-weight: bold; background-color: #393127; padding: 16px; text-align: center; color: white; text-decoration: none !important; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); } #miradors-map .markers-list .marker-item .collision-box * { white-space: nowrap; } #miradors-map .markers-list .marker-item:hover .collision-box { display: block; } .markers-list .marker-item { transform: translate(-3px, -18px);} .markers-list .marker-item[data-mirador="mirador-0"] { left: 11.90%; top: 14.80%; } .markers-list .marker-item[data-mirador="mirador-1"] { left: 15.99%; top: 15.18%; } .markers-list .marker-item[data-mirador="mirador-2"] { left: 34.11%; top: 25.80%; } .markers-list .marker-item[data-mirador="mirador-3"] { left: 35.52%; top: 29.22%; } .markers-list .marker-item[data-mirador="mirador-4"] { left: 38.90%; top: 31.30%; } .markers-list .marker-item[data-mirador="mirador-5"] { left: 38.59%; top: 43.36%; } .markers-list .marker-item[data-mirador="mirador-6"] { left: 44.74%; top: 42.98%; } .markers-list .marker-item[data-mirador="mirador-7"] { left: 50.89%; top: 46.20%; } .markers-list .marker-item[data-mirador="mirador-8"] { left: 53.60%; top: 53.00%; } .markers-list .marker-item[data-mirador="mirador-9"] { left: 53.80%; top: 57.50%; } .markers-list .marker-item[data-mirador="mirador-10"] { left: 56.30%; top: 60.60%; } .markers-list .marker-item[data-mirador="mirador-11"] { left: 58.28%; top: 66.50%; } .markers-list .marker-item[data-mirador="mirador-12"] { left: 59.63%; top: 69.45%; } .markers-list .marker-item[data-mirador="mirador-14"] { left: 68.23%; top: 77.99%; } .markers-list .marker-item[data-mirador="mirador-13"] { left: 58.59%; top: 77.61%; } .markers-list .marker-item[data-mirador="mirador-15"] { left: 69.38%; top: 81.21%; } .markers-list .marker-item[data-mirador="mirador-16"] { left: 72.92%; top: 80.65%; } .markers-list .marker-item[data-mirador="mirador-17"] { left: 74.64%; top: 83.21%; } .markers-list .marker-item[data-mirador="mirador-18"] { left: 75.89%; top: 80.65%; } .markers-list .marker-item[data-mirador="mirador-19"] { left: 69.70%; top: 64.00%; } .markers-list .marker-item[data-mirador="mirador-20"] { left: 76.88%; top: 74.00%; } .markers-list .marker-item[data-mirador="mirador-21"] { left: 73.65%; top: 64.80%; } .markers-list .marker-item[data-mirador="mirador-22"] { left: 77.13%; top: 63.28%; } .markers-list .marker-item[data-mirador="mirador-23"] { left: 82.66%; top: 54.55%; } .markers-list .marker-item[data-mirador="mirador-24"] { left: 90.20%; top: 46.50%; } .markers-list .marker-item[data-mirador="mirador-25"] { left: 85.42%; top: 50.66%; } .markers-list .marker-item[data-mirador="mirador-26"] { left: 90.10%; top: 47.06%; } .markers-list .marker-item[data-mirador="mirador-22"] { z-index: 11 !important;} .markers-list .marker-item[data-mirador="mirador-20"] { z-index: 12 !important;} .markers-list .marker-item[data-mirador="mirador-18"] { z-index: 14 !important;} .markers-list .marker-item[data-mirador="mirador-17"] { z-index: 15 !important;} body.template-miradors_view #cos #parent-fieldname-text { max-width: 78rem; margin-left: auto; margin-right: auto; } @media screen and (min-width: 64em) { body.template-miradors_view #cos { width: 100%; max-width: none;} body.template-miradors_view #portal-column-content { padding-left: 0 !important; padding-right: 0 !important;} body.template-miradors_view #content { margin-left: 0;margin-right: 0;} } @media screen and (min-width: 100em) { .markers-list .marker-item::before { font-size: 56px; } } .template-platja_info_view .external-info { background-color: rgba(0,0,0,.66); padding-top: 16px; } .controlBeach { text-decoration: none !important; display: flex;padding: 32px; width: 100%; position: relative; mix-blend-mode: multiply; margin-top: 32px; background-image: linear-gradient(-45deg, #e95629 0%, #e95629 33%, #f6e900 33%, #f6e900 66%,#88c03c 66%, #88c03c 100%);} .controlBeach__text { transition: background .25s; margin: 0 auto; line-height: 1.25; background-color: rgba(255, 255, 255, 0.5); color: #333; padding: 16px; font-size: 3em; font-family: "Ropa Sans",sans-serif; text-transform: uppercase; display: inline-block; font-weight: 400; max-width: 480px; text-align: center;} .controlBeach__text.russian{ max-width: 550px; } .controlBeach:hover .controlBeach__text, .controlBeach:focus .controlBeach__text { background-color: rgba(255,255,255,1);} a.banner-featured--tres { text-decoration: none !important; height: 100%; display: flex;flex-direction: column;justify-content: center;} .banner-featured--tres .text { position: relative; z-index: 1; display: flex;padding: 16px; top: 0;} @media screen and (min-width: 64em) { .banner-featured--tres.russian { font-size: smaller;} } .banner-featured--tres img{ position: absolute; z-index: 0; top: 0;left: 0;width: 100%; height: 100%; max-width: none; object-fit: cover;} .template-platja_info_view #content .msg a { color: white !important;} .template-folder_descarregues_view #parent-fieldname-text { width: 100%; text-align: center; margin-bottom: 2rem; }