/*D:/aa/siti/aaa_ollytour.it/root/third/lightbox/css/lightbox.min.css*/ .lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} /*D:/aa/siti/aaa_ollytour.it/root/componenti/slider/slider.css*/ /* -------------------------------------------------------------------------------- */ /* ! * read me */ /* -------------------------------------------------------------------------------- */ /* * Questo file di stile contiene solamente la minima stilizzazione * possibile del componente. * */ /* -------------------------------------------------------------------------------- */ /* ! Carousel */ /* -------------------------------------------------------------------------------- */ .carousel-inner .filtro{ position: absolute; top: 0; left: 0; background: #000; opacity: 0.4; width: 100%; height: 100%; z-index: 1;} .carousel .carousel-caption{ z-index: 2; background: #000000a3;} .carousel .carousel-inner .carousel-item{ background-size: cover; background-position: center center; height: 550px; object-fit: cover;} /* ! ___display-max-md */ @media (max-width: 767.98px) { .carousel .carousel-inner .carousel-item { height: 450px;} } /* ! ___display-max-sm */ @media (max-width: 575.98px) { .carousel .carousel-inner .carousel-item { height: 300px;} } /* ! -- compatibilità */ .PageSection01 .carousel .carousel-inner .carousel-item{ height: 430px;} @media (max-width: 1023px) { .PageSection01 .carousel .carousel-inner .carousel-item{ height: 260px;} } /*D:/aa/siti/aaa_ollytour.it/root/componenti/navtab/navtab01.css*/ /* -------------------------------------------------------------------------------- */ /* ! * read me */ /* -------------------------------------------------------------------------------- */ /* * Questo file di stile contiene solamente la minima stilizzazione * possibile del componente. * */ /* -------------------------------------------------------------------------------- */ /* ! NavTab */ /* -------------------------------------------------------------------------------- */ .navTab li button.nav-link{ display: inline-flex; align-items: center;} .navTab li button.nav-link .amenity{ background-repeat: no-repeat; width: 25px; height: 25px; margin-right: 10px; background-size: cover;} .navTab li button.nav-link .icon{ background: white; border-radius: 100%; padding: 5px;} .navTab li button.nav-link .icon .div-bg{ height: 30px; width: 30px;} .navTab li button.nav-link span{ margin-left: 5px;} .navTab .amenity-img{ width: 30px; height: 30px;} .navTab .tab-content span.amenity{ display: flex; flex-direction: row; flex-wrap: wrap;} /*D:/aa/siti/aaa_ollytour.it/root/componenti/engine/engine.css*/ /* -------------------------------------------------------------------------------- */ /* ! * read me */ /* -------------------------------------------------------------------------------- */ /* * Questo file di stile contiene solamente la minima stilizzazione * possibile del componente. * */ /* -------------------------------------------------------------------------------- */ /* ! MOTORE DI RICERCA */ /* -------------------------------------------------------------------------------- */ .motoreDiRicerca span.icon{ display: block; height: fit-content!important;} /* ! - guest button */ .motoreDiRicerca .input-group-guest{display: flex; flex-direction: row; flex-wrap: nowrap;} .motoreDiRicerca .input-group-guest .btn.ospiti{background-color:#fff; color: #000;} /* ! - date picker */ input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto;} input[type="date"]::-webkit-datetime-edit{font-size: 0.85rem;} input[type="date"]::-webkit-datetime-edit-fields-wrapper { background: transparent;} input[type="date"]::-webkit-datetime-edit-text { color: black; padding: 0 0.3em;} input[type="date"]::-webkit-datetime-edit-month-field { color: black;} input[type="date"]::-webkit-datetime-edit-month-field:focus { color: #fff;} input[type="date"]::-webkit-datetime-edit-day-field { color: black;} input[type="date"]::-webkit-datetime-edit-day-field:focus { color: #fff;} input[type="date"]::-webkit-datetime-edit-year-field { color: black;} input[type="date"]::-webkit-datetime-edit-year-field:focus { color: #fff;} input[type="date"]::-webkit-inner-spin-button { display: none;} input[type="date"]::-webkit-calendar-picker-indicator {position: absolute; top: 0; left: 0; height: 50px;} /* ! - range picker */ input[type=range] { -webkit-appearance: none; margin: 18px 0; width: 100%; margin-top: 5px; margin-bottom: 0px; border: none;} input[type=range]:focus { outline: none;} input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8.4px; cursor: pointer; background: #fff; border-radius: 1.3px; border: 0.2px solid #010101;} input[type=range]::-webkit-slider-thumb { border: 1px solid #000000; height: 36px; width: 16px; background: #ffffff; cursor: pointer; -webkit-appearance: none; margin-top: -14px;} input[type=range]::-moz-range-thumb { border: 1px solid #000000; height: 36px; width: 16px; border-radius: 3px; background: #ffffff; cursor: pointer;} /* ! ___display-max--lg */ @media (max-width: 991.98px) { #Home .motoreDiRicerca div[class^='col-'] { margin-bottom: 1.25rem;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Home .motoreDiRicerca div[class^='col-'] { margin-bottom: 1rem;} #Home .motoreDiRicerca div.colonna-prezzo{ margin-bottom: 2rem;} #Home .motoreDiRicerca ul.listaOpzioniRicerca { top: -38px;} #Home .motoreDiRicerca ul.listaOpzioniRicerca li.nav-item { margin-right: 2px;} #Home .motoreDiRicerca ul.listaOpzioniRicerca .nav-item a { padding: 6px 8px 6px 8px;} } /* ! - range prezzo */ .motoreDiRicerca .tooltip { opacity: 1;} .motoreDiRicerca .tooltip .tooltip-inner{ color: #000!important;} .motoreDiRicerca .tooltip-main { display: none;} .motoreDiRicerca .tooltip-min { width: 60px;} .motoreDiRicerca .tooltip-min .tooltip-inner{ position: absolute; left: -20px; top: -20px; font-size: 0.85rem;} .motoreDiRicerca .tooltip-max { width: 60px;} .motoreDiRicerca .tooltip-max .tooltip-inner{ position: absolute; right: -17px; top: -20px; font-size: 0.85rem;} .motoreDiRicerca .tooltip:hover:before, .motoreDiRicerca .tooltip:hover:after{ display: none;} /* ! -- slider */ .motoreDiRicerca .slider-horizontal { position: relative;} .motoreDiRicerca .slider-wrapper{ display: flex; align-items: center;} .motoreDiRicerca .slider-selection { background: #e9ecef !important; border: 1px solid #ced4da;} .motoreDiRicerca .slider-success .slider-selection { background-color: #5cb85c !important;} .motoreDiRicerca .slider-primary .slider-selection { background-color: #428bca !important;} .motoreDiRicerca .slider-info .slider-selection { background-color: #5bc0de !important;} .motoreDiRicerca .slider-warning .slider-selection { background-color: #f0ad4e !important;} .motoreDiRicerca .slider-danger .slider-selection { background-color: #d9534f !important;} .motoreDiRicerca .slider.slider-horizontal { width: 100% !important; height: 20px;} .motoreDiRicerca .slider-handle { background-color: #fff; /*background-image: none !important;*/ -webkit-box-shadow: 1px 1px 5px -2px rgb(0 0 0 / 75%) !important; -moz-box-shadow: 1px 1px 5px -2px rgba(0, 0, 0, 0.75) !important; box-shadow: 1px 1px 5px -2px rgb(0 0 0 / 75%) !important;} .motoreDiRicerca .slider-strips .slider-selection { background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, 0.08) 5px, rgba(252, 252, 252, 0.08) 10px) !important; background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, 0.08) 5px, rgba(252, 252, 252, 0.08) 10px) !important; background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, 0.08) 5px, rgba(252, 252, 252, 0.08) 10px) !important; background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 252, 252, 0.08) 5px, rgba(252, 252, 252, 0.08) 10px) !important;} .motoreDiRicerca .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #bdbdbd !important; text-align: center; background-color: transparent !important; border-radius: 4px;} .motoreDiRicerca .tooltip.top .tooltip-arrow { display: none !important;} .motoreDiRicerca .slider .tooltip.top { margin-top: -25px !important;} .motoreDiRicerca .well { background: transparent !important; border: none !important; box-shadow: none !important; width: 100% !important; padding: 0;} .motoreDiRicerca .slider-ghost .slider-track { height: 5px !important;} .motoreDiRicerca .slider-ghost .slider-handle { top: -2px !important; border: 5px solid #f77500;} .motoreDiRicerca .slider-success.slider-ghost .slider-handle { border-color: #5cb85c;} .motoreDiRicerca .slider-primary.slider-ghost .slider-handle { border-color: #428bca;} .motoreDiRicerca .slider-info.slider-ghost .slider-handle { border-color: #5bc0de;} .motoreDiRicerca .slider-warning.slider-ghost .slider-handle { border-color: #f0ad4e;} .motoreDiRicerca .slider-danger.slider-ghost .slider-handle { border-color: #d9534f;} .motoreDiRicerca .slider { display: inline-block; vertical-align: middle; position: relative;} .motoreDiRicerca .slider.slider-horizontal { width: 210px; height: 20px} .motoreDiRicerca .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0} .motoreDiRicerca .slider.slider-horizontal .slider-selection, .motoreDiRicerca .slider.slider-horizontal .slider-track-low, .motoreDiRicerca .slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0} .motoreDiRicerca .slider.slider-horizontal .slider-tick, .motoreDiRicerca .slider.slider-horizontal .slider-handle { margin-left: -10px} .motoreDiRicerca .slider.slider-horizontal .slider-tick.triangle, .motoreDiRicerca .slider.slider-horizontal .slider-handle.triangle { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #2e6da4; margin-top: 0;} .motoreDiRicerca .slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%;} .motoreDiRicerca .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px;} .motoreDiRicerca .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { padding-top: 4px; display: inline-block; text-align: center;} .motoreDiRicerca .slider.slider-horizontal.slider-rtl .slider-track { left: initial; right: 0} .motoreDiRicerca .slider.slider-horizontal.slider-rtl .slider-tick, .motoreDiRicerca .slider.slider-horizontal.slider-rtl .slider-handle { margin-left: initial; margin-right: -10px;} .motoreDiRicerca .slider.slider-horizontal.slider-rtl .slider-tick-container { left: initial; right: 0;} .motoreDiRicerca .slider.slider-horizontal.slider-rtl .tooltip { -ms-transform: translateX(50%); transform: translateX(50%);} .motoreDiRicerca .slider.slider-vertical { height: 210px; width: 20px;} .motoreDiRicerca .slider.slider-vertical .slider-track { width: 10px; height: 100%; left: 25%; top: 0;} .motoreDiRicerca .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0;} .motoreDiRicerca .slider.slider-vertical .slider-track-low, .motoreDiRicerca .slider.slider-vertical .slider-track-high { width: 100%; left: 0; right: 0;} .motoreDiRicerca .slider.slider-vertical .slider-tick, .motoreDiRicerca .slider.slider-vertical .slider-handle { margin-top: -10px;} .motoreDiRicerca .slider.slider-vertical .slider-tick.triangle, .motoreDiRicerca .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #2e6da4; border-right-color: #2e6da4; margin-left: 0; margin-right: 0;} .motoreDiRicerca .slider.slider-vertical .slider-tick-label-container { white-space: nowrap;} .motoreDiRicerca .slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px;} .motoreDiRicerca .slider.slider-vertical .tooltip { -ms-transform: translateY(-50%); transform: translateY(-50%)} .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-track { left: initial; right: 25%} .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-selection { left: initial; right: 0} .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-tick.triangle, .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-handle.triangle { border-width: 10px 10px 10px 0} .motoreDiRicerca .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label { padding-left: initial; padding-right: 4px} .motoreDiRicerca .slider.slider-disabled .slider-handle { background-image: -webkit-linear-gradient(top, #dfdfdf 0, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0, #bebebe 100%); background-image: linear-gradient(to bottom, #dfdfdf 0, #bebebe 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0)} .motoreDiRicerca .slider.slider-disabled .slider-track { background-image: -webkit-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e5e5e5 0, #e9e9e9 100%); background-image: linear-gradient(to bottom, #e5e5e5 0, #e9e9e9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0); cursor: not-allowed} .motoreDiRicerca .slider input { display: none} .motoreDiRicerca .slider .tooltip-inner { white-space: nowrap; max-width: none} .motoreDiRicerca .slider .hide { display: none} .motoreDiRicerca .slider-track { position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%); background-image: -o-linear-gradient(top, #f5f5f5 0, #f9f9f9 100%); background-image: linear-gradient(to bottom, #f5f5f5 0, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px} .motoreDiRicerca .slider-selection { position: absolute;} .motoreDiRicerca .slider-track-low, .motoreDiRicerca .slider-track-high { position: absolute; background: transparent; border-radius: 4px} .motoreDiRicerca .slider-handle { position: absolute; top: 0; width: 20px; height: 20px;} .motoreDiRicerca .slider-handle.round { border-radius: 50%} .motoreDiRicerca .slider-handle.triangle { background: transparent none} .motoreDiRicerca .slider-handle.custom { background: transparent none} .motoreDiRicerca .slider-handle.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204} .motoreDiRicerca .slider-tick { position: absolute; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; opacity: .8; border: 0 solid transparent} .motoreDiRicerca .slider-tick.round { border-radius: 50%} .motoreDiRicerca .slider-tick.triangle { background: transparent none} .motoreDiRicerca .slider-tick.custom { background: transparent none} .motoreDiRicerca .slider-tick.custom::before { line-height: 20px; font-size: 20px; content: '\2605'; color: #726204} .motoreDiRicerca .slider-tick.in-selection { background-image: -webkit-linear-gradient(top, #8ac1ef 0, #82b3de 100%); background-image: -o-linear-gradient(top, #8ac1ef 0, #82b3de 100%); background-image: linear-gradient(to bottom, #8ac1ef 0, #82b3de 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef', endColorstr='#ff82b3de', GradientType=0); opacity: 1} /* -------------------------------------------------------------------------------- */ /* ! Struttura e stile di base */ /* -------------------------------------------------------------------------------- */ #Home .motoreDiRicerca { position: relative; display: flex; flex-direction: row; justify-content: space-between; } #Home .motoreDiRicerca > div{ height: 50px;} #Home .motoreDiRicerca > div > span, #Home .motoreDiRicerca > div > .form-floating, #Home .motoreDiRicerca > div > .form-floating > input{ height: inherit;} #Home .motoreDiRicerca select.form-select, #Tore .motoreDiRicerca select.form-select, #Crue .motoreDiRicerca select.form-select, #Stru .motoreDiRicerca select.form-select{padding-right: 25px;} .motoreDiRicerca .input-group .form-select:hover, .motoreDiRicerca .input-group.input-group-checkInOut .form-floating:hover input.form-control { cursor: pointer;} .motoreDiRicerca button.ospiti{flex: 1 1 auto; border: 1px solid #ced4da;} .motoreDiRicerca button.ospiti .room-number, .motoreDiRicerca button.ospiti .guest-number{padding: 5px 2px;} .motoreDiRicerca .input-group-text{ width: 34px; padding: 0; align-items: center; justify-content: center;} .motoreDiRicerca img.icon{ width: 20px; height: 20px;} .motoreDiRicerca .btn.search:hover{background: #000; color: #fff; border: 1px solid #000;} /* ! - labels */ .input-group-rangeGiorni label, .input-group-rangePriceDaA label, .input-group-rangePrezzo label{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;} /* ! - buttons filter */ .buttons-filter{ display: flex; flex-direction: row; flex-wrap: wrap; padding-left: 1rem;} .button-filter{ display: inline-block; padding: 5px 10px; background: #dbc3c3; border-radius: 5px; margin-right: 10px;} .button-filter .btn-close{ height: 10px; width: 10px; background-size: cover; margin-left: 5px;} /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { .motoreDiRicerca .input-group select{padding: 5px 8px 5px 3px;} .motoreDiRicerca button.ospiti{display: flex; align-items: center;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { .motoreDiRicerca button.ospiti{width: 100%; display: flex; align-items: center; padding-left: 15px;} .motoreDiRicerca button.ospiti .room-label{margin-right: 10px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .motoreDiRicerca{padding: 10px; margin-bottom: 50px;} .motoreDiRicerca > div.input-group-rangePrezzo{margin-bottom: 0;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .motoreDiRicerca{margin-bottom: 20px;} } /* ! ___display-min-xxl */ @media (min-width: 1400px) { /* .motoreDiRicerca button.ospiti{padding: 5px 5px 5px 10px;} */ } /* ! ___display-min-xl */ @media (min-width: 1200px) { .motoreDiRicerca > div{height: 42px;} .motoreDiRicerca .input-group > span, .motoreDiRicerca .input-group > div{height: inherit;} .motoreDiRicerca .input-group span, .motoreDiRicerca .input-group select, .motoreDiRicerca .input-group button:not(.search){padding: 5px 8px 5px 3px;} .motoreDiRicerca .input-group span.input-group-text{padding: 10px 5px;} .motoreDiRicerca .input-group span.input-group-text img.icon{width: 20px;} .motoreDiRicerca .input-group-checkInOut {gap: 0px!important;margin-bottom: 60px; display: grid; grid-template-columns: [first] 32px; grid-template-rows: [first] 42px; margin-top: 15px; position: relative;} .motoreDiRicerca .input-group-checkInOut span:first-child{height: 92px;} } /* ! - Engi & Dest */ #Engi .motoreDiRicerca > div, #Dest .motoreDiRicerca > div{ width: 100%; height: 50px; margin-bottom: 10px;} #Engi .motoreDiRicerca > div.input-group-rangePrezzo, #Dest .motoreDiRicerca > div.input-group-rangePrezzo{ padding-left: 12px; padding-right: 12px;} #Engi .motoreDiRicerca .input-group.input-group-destinazioni, #Dest .motoreDiRicerca .input-group.input-group-destinazioni{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-destinazioni .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-destinazioni .input-group-text{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-porti, #Dest .motoreDiRicerca .input-group.input-group-porti{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-porti .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-porti .input-group-text{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-mesi, #Dest .motoreDiRicerca .input-group.input-group-mesi{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-mesi .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-mesi .input-group-text{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Dest .motoreDiRicerca .input-group.input-group-rangePriceDaA{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-rangePriceDaA .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-rangePriceDaA .input-group-text{height: auto;} #Home .motoreDiRicerca .input-group.input-group-destinazioni select, #Stru .motoreDiRicerca .input-group.input-group-destinazioni select, #Tore .motoreDiRicerca .input-group.input-group-destinazioni select, #Crue .motoreDiRicerca .input-group.input-group-destinazioni select, #Dest .motoreDiRicerca .input-group.input-group-destinazioni select, #Engi .motoreDiRicerca .input-group.input-group-destinazioni select{padding: 5px 35px 5px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;} #Home .motoreDiRicerca .input-group.input-group-porti select, #Stru .motoreDiRicerca .input-group.input-group-porti select, #Tore .motoreDiRicerca .input-group.input-group-porti select, #Crue .motoreDiRicerca .input-group.input-group-porti select, #Dest .motoreDiRicerca .input-group.input-group-porti select, #Engi .motoreDiRicerca .input-group.input-group-porti select{padding: 5px 35px 5px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;} #Home .motoreDiRicerca .input-group.input-group-mesi select, #Stru .motoreDiRicerca .input-group.input-group-mesi select, #Tore .motoreDiRicerca .input-group.input-group-mesi select, #Crue .motoreDiRicerca .input-group.input-group-mesi select, #Dest .motoreDiRicerca .input-group.input-group-mesi select, #Engi .motoreDiRicerca .input-group.input-group-mesi select{padding: 5px 35px 5px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;} #Home .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Stru .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Tore .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Crue .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Dest .motoreDiRicerca .input-group.input-group-rangePriceDaA input, #Engi .motoreDiRicerca .input-group.input-group-rangePriceDaA input{border: 1px solid var(--color-title); margin-left: -1px; height: 40px; margin-top: -2px;} #Home .motoreDiRicerca .input-group.input-group-tipologie select, #Stru .motoreDiRicerca .input-group.input-group-tipologie select, #Tore .motoreDiRicerca .input-group.input-group-tipologie select, #Crue .motoreDiRicerca .input-group.input-group-tipologie select, #Dest .motoreDiRicerca .input-group.input-group-tipologie select, #Engi .motoreDiRicerca .input-group.input-group-tipologie select{padding: 5px 35px 5px 10px; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;} #Engi .motoreDiRicerca .input-group.input-group-tipologie, #Dest .motoreDiRicerca .input-group.input-group-tipologie{height: auto;} #Engi .motoreDiRicerca .input-group.input-group-tipologie .input-group-text, #Dest .motoreDiRicerca .input-group.input-group-tipologie .input-group-text{height: auto;} #Dest .motoreDiRicerca .input-group.input-group-tipologie select{white-space: break-spaces;} #Engi .motoreDiRicerca .input-group.input-group-tipologie select{white-space: break-spaces;} #Home .motoreDiRicerca .input-group.input-group-strutture .form-floating input, #Dest .motoreDiRicerca .input-group.input-group-strutture .form-floating input{ padding: 1.5rem 0.5rem 0.7rem 0.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #Engi .motoreDiRicerca .input-group.input-group-strutture .form-floating input{ padding: 1.5rem 0.5rem 0.7rem 0.5rem; white-space: break-spaces;} #Home .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Engi .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Stru .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Tore .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Crue .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"], #Dest .motoreDiRicerca .input-group.input-group-strutture div.form-floating label[for="floatingStruttura"]{padding: 0.75rem 0.75rem 0.75rem 0.4rem;} #Engi .motoreDiRicerca > div > div.form-floating input.FindStru, #Dest .motoreDiRicerca > div > div.form-floating input.FindStru, #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckIn, #Dest .motoreDiRicerca > div > div.form-floating input.FindCheckIn, #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckOut, #Dest .motoreDiRicerca > div > div.form-floating input.FindCheckOut{ height: 100%;} #Home .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckIn"], #Home .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Stru .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckIn"], #Stru .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Tore .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Crue .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Engi .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckIn"], #Engi .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"], #Dest .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckIn"], #Dest .motoreDiRicerca > div.input-group-checkInOut > div.form-floating label[for="floatingCheckOut"]{ padding: 0.75rem 0.75rem 0.75rem 0.6rem;} #Engi .motoreDiRicerca button #Dest .motoreDiRicerca button{ width: 100%; height: 50px;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1) input, #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1) input{border-radius: 0px 5px 5px 0;} #Engi .motoreDiRicerca img.icon, #Dest .motoreDiRicerca img.icon{width: 22px;} #Engi .motoreDiRicerca .input-group > span, .motoreDiRicerca .input-group > div, #Dest .motoreDiRicerca .input-group > span, .motoreDiRicerca .input-group > div{height: 50px;} /* #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut {grid-template-columns: [first] 33px;} */ #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut{display: grid; height: auto; grid-template-columns: [first] 34px;gap: 7px;} #Engi .motoreDiRicerca .input-group-checkInOut span:first-child, #Dest .motoreDiRicerca .input-group-checkInOut span:first-child{ grid-column: 1; grid-row: 1/span 2;height: auto;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1){ grid-column: 2 / span 2; grid-row: 1;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2){ grid-column: 2 / span 2; grid-row: 2;} #Engi .motoreDiRicerca button.ospiti, #Dest .motoreDiRicerca button.ospiti{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap;} #Engi .motoreDiRicerca .form-floating>label, #Dest .motoreDiRicerca .form-floating>label { opacity: .45; top: -3px; left: 0px;} #Engi .motoreDiRicerca .btn.search, #Dest .motoreDiRicerca .btn.search{ width: 100%;} /* ! ___display-min-xl */ @media (min-width: 1200px) { #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut{display: grid; height: auto; grid-template-columns: [first] 34px;gap: 7px;} #Engi .motoreDiRicerca .input-group-checkInOut span:first-child, #Dest .motoreDiRicerca .input-group-checkInOut span:first-child{ grid-column: 1; grid-row: 1/span 2;height: auto;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1){ grid-column: 2 / span 2; grid-row: 1;} #Engi .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Dest .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2){ grid-column: 2 / span 2; grid-row: 2;} #Engi .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 6px; margin-right: -6px;} #Dest .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 6px; margin-right: -6px;} #Engi .motoreDiRicerca .input-group-checkInOut .input-group-text, #Dest .motoreDiRicerca .input-group-checkInOut .input-group-text{ grid-column: 1; grid-row: 1/2;} #Engi .motoreDiRicerca .input-group-checkInOut .form-floating, #Dest .motoreDiRicerca .input-group-checkInOut .form-floating{/*width: 100%;*/ width: calc(100% - 6px);} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Engi .motoreDiRicerca, #Dest .motoreDiRicerca {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;} #Engi .motoreDiRicerca > div, #Dest .motoreDiRicerca > div{ height: 50px;} #Engi .motoreDiRicerca > div > span, #Dest .motoreDiRicerca > div > span, #Engi .motoreDiRicerca > div > .form-floating, #Dest .motoreDiRicerca > div > .form-floating, #Engi .motoreDiRicerca > div > .form-floating > input, #Dest .motoreDiRicerca > div > .form-floating > input{ height: inherit;} /* ! -- sizing */ #Engi .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Dest .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{padding: 0px 23px;width: 150px;} #Engi .motoreDiRicerca .btn.search, #Dest .motoreDiRicerca .btn.search{width: 64px; height: 50px; padding: 5px;} #Engi .motoreDiRicerca .input-group.input-group-strutture .form-floating input, #Dest .motoreDiRicerca .input-group.input-group-strutture .form-floating input{height: 100%;} #Engi .motoreDiRicerca select.form-select, #Dest .motoreDiRicerca select.form-select{padding-right: 28px;background-size: 10px 10px;} #Engi .motoreDiRicerca .input-group.input-group-strutture .form-floating input.form-control, #Dest .motoreDiRicerca .input-group.input-group-strutture .form-floating input.form-control, #Engi .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input.form-control, #Dest .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input.form-control{background: #fff;} #Engi .motoreDiRicerca, #Dest .motoreDiRicerca{height: auto; top: -35px;} #Engi .motoreDiRicerca > div, #Dest .motoreDiRicerca > div{margin-bottom: 10px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Engi .motoreDiRicerca, #Dest .motoreDiRicerca{top: -170px;} #Engi .motoreDiRicerca .input-group.input-group-destinazioni, #Dest .motoreDiRicerca .input-group.input-group-destinazioni{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-porti, #Dest .motoreDiRicerca .input-group.input-group-porti{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-mesi, #Dest .motoreDiRicerca .input-group.input-group-mesi{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Dest .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-tipologie, #Dest .motoreDiRicerca .input-group.input-group-tipologie{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-strutture, #Dest .motoreDiRicerca .input-group.input-group-strutture{width: 100%;} #Engi .motoreDiRicerca .input-group.input-group-checkInOut, #Dest .motoreDiRicerca .input-group.input-group-checkInOut{width: 100%;} #Engi .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Dest .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{padding: 0 10px; margin-left: 15px; width: 45%;} #Engi .motoreDiRicerca .btn.search, #Dest .motoreDiRicerca .btn.search { width: 25%;} } /* ! - Engi & Stru & Tore & Crue */ #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca { position: relative; display: flex; flex-direction: row; justify-content: space-between; } #Home .motoreDiRicerca > div, #Tore .motoreDiRicerca > div, #Crue .motoreDiRicerca > div, #Stru .motoreDiRicerca > div{ height: 50px;} #Home .motoreDiRicerca > div > span, #Stru .motoreDiRicerca > div > span, #Tore .motoreDiRicerca > div > span, #Crue .motoreDiRicerca > div > span, #Home .motoreDiRicerca > div > .form-floating, #Stru .motoreDiRicerca > div > .form-floating, #Tore .motoreDiRicerca > div > .form-floating, #Crue .motoreDiRicerca > div > .form-floating, #Home .motoreDiRicerca > div > .form-floating > input, #Stru .motoreDiRicerca > div > .form-floating > input{ height: inherit; width: auto;} #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{display: flex; flex-wrap: nowrap;} #Home .motoreDiRicerca > div, #Tore .motoreDiRicerca > div, #Crue .motoreDiRicerca > div, #Stru .motoreDiRicerca > div{margin-bottom: 0;} #Home .motoreDiRicerca .input-group-checkInOut, #Tore .motoreDiRicerca .input-group-checkInOut, #Crue .motoreDiRicerca .input-group-checkInOut, #Stru .motoreDiRicerca .input-group-checkInOut{margin: 0;} #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut{margin-top: 0;} #Home .motoreDiRicerca > div.input-group-rangePrezzo, #Crue .motoreDiRicerca > div.input-group-rangePrezzo, #Tore .motoreDiRicerca > div.input-group-rangePrezzo, #Stru .motoreDiRicerca > div.input-group-rangePrezzo{margin: 0;} #Home .motoreDiRicerca div.input-group-rangePrezzo .tooltip-inner, #Tore .motoreDiRicerca div.input-group-rangePrezzo .tooltip-inner, #Crue .motoreDiRicerca div.input-group-rangePrezzo .tooltip-inner, #Stru .motoreDiRicerca div.input-group-rangePrezzo .tooltip-inner{color: #000!important;} #Home .motoreDiRicerca .input-group.input-group-destinazioni, #Tore .motoreDiRicerca .input-group.input-group-destinazioni, #Crue .motoreDiRicerca .input-group.input-group-destinazioni, #Stru .motoreDiRicerca .input-group.input-group-destinazioni{width: 175px;} #Home .motoreDiRicerca .input-group.input-group-porti, #Tore .motoreDiRicerca .input-group.input-group-porti, #Crue .motoreDiRicerca .input-group.input-group-porti, #Stru .motoreDiRicerca .input-group.input-group-porti{width: 175px;} #Home .motoreDiRicerca .input-group.input-group-mesi, #Tore .motoreDiRicerca .input-group.input-group-mesi, #Crue .motoreDiRicerca .input-group.input-group-mesi, #Stru .motoreDiRicerca .input-group.input-group-mesi{width: 175px;} #Home .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Tore .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Crue .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Stru .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 175px;} #Home .motoreDiRicerca .input-group.input-group-tipologie, #Tore .motoreDiRicerca .input-group.input-group-tipologie, #Crue .motoreDiRicerca .input-group.input-group-tipologie, #Stru .motoreDiRicerca .input-group.input-group-tipologie{width: 150px;} #Home .motoreDiRicerca .input-group.input-group-strutture, #Tore .motoreDiRicerca .input-group.input-group-strutture, #Crue .motoreDiRicerca .input-group.input-group-strutture, #Stru .motoreDiRicerca .input-group.input-group-strutture{width: 135px;} #Home .motoreDiRicerca .input-group.input-group-guest, #Tore .motoreDiRicerca .input-group.input-group-guest, #Crue .motoreDiRicerca .input-group.input-group-guest, #Stru .motoreDiRicerca .input-group.input-group-guest{width: 200px;} .motoreDiRicerca .input-group.input-group-checkInOut, .motoreDiRicerca .input-group.input-group-checkInOut, .motoreDiRicerca .input-group.input-group-checkInOut, .motoreDiRicerca .input-group.input-group-checkInOut{display: grid; width: 260px;} #Home .motoreDiRicerca .input-group-checkInOut span:first-child, #Tore .motoreDiRicerca .input-group-checkInOut span:first-child, #Crue .motoreDiRicerca .input-group-checkInOut span:first-child, #Stru .motoreDiRicerca .input-group-checkInOut span:first-child{ grid-column: 1; grid-row: 1;} #Home .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Tore .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Crue .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1), #Stru .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1){ grid-column: 2; grid-row: 1; width: auto;} #Home .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Tore .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Crue .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2), #Stru .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2){ grid-column: 3; grid-row: 1; width: auto;} #Home .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Tore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Crue .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Stru .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{padding: 0px 10px; width: 130px;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 65px;} #Home .motoreDiRicerca .FindType, #Tore .motoreDiRicerca .FindType, #Crue .motoreDiRicerca .FindType, #Stru .motoreDiRicerca .FindType{min-width: 100px;} /* ! ___display-max-md */ @media (max-width: 767.98px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{display: flex; flex-wrap: wrap; gap: 15px;} #Home .motoreDiRicerca .input-group.input-group-destinazioni, #Tore .motoreDiRicerca .input-group.input-group-destinazioni, #Crue .motoreDiRicerca .input-group.input-group-destinazioni, #Stru .motoreDiRicerca .input-group.input-group-destinazioni{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-porti, #Tore .motoreDiRicerca .input-group.input-group-porti, #Crue .motoreDiRicerca .input-group.input-group-porti, #Stru .motoreDiRicerca .input-group.input-group-porti{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-mesi, #Tore .motoreDiRicerca .input-group.input-group-mesi, #Crue .motoreDiRicerca .input-group.input-group-mesi, #Stru .motoreDiRicerca .input-group.input-group-mesi{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Tore .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Crue .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Stru .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-tipologie, #Tore .motoreDiRicerca .input-group.input-group-tipologie, #Crue .motoreDiRicerca .input-group.input-group-tipologie, #Stru .motoreDiRicerca .input-group.input-group-tipologie{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-strutture, #Tore .motoreDiRicerca .input-group.input-group-strutture, #Crue .motoreDiRicerca .input-group.input-group-strutture, #Stru .motoreDiRicerca .input-group.input-group-strutture{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-guest, #Tore .motoreDiRicerca .input-group.input-group-guest, #Crue .motoreDiRicerca .input-group.input-group-guest, #Stru .motoreDiRicerca .input-group.input-group-guest{width: 100%;} #Home .motoreDiRicerca .input-group.input-group-checkInOut, #Tore .motoreDiRicerca .input-group.input-group-checkInOut, #Crue .motoreDiRicerca .input-group.input-group-checkInOut, #Stru .motoreDiRicerca .input-group.input-group-checkInOut{width: 100%; grid-template-columns: 35px 46% 46.5%;} #Home .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Tore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Crue .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Stru .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{width: 100%;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 100%; padding: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label{padding-left: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label{padding-right: 10px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-strutture .form-floating input.form-control, #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input.form-control { padding-right: 5px; } #Home .motoreDiRicerca .input-group.input-group-checkInOut, #Tore .motoreDiRicerca .input-group.input-group-checkInOut, #Crue .motoreDiRicerca .input-group.input-group-checkInOut, #Stru .motoreDiRicerca .input-group.input-group-checkInOut{width: 100%; grid-template-columns: 35px 46% 45.5%;} } /* ! ___display-min-md */ @media (min-width: 768px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{display: flex; flex-wrap: wrap; gap: 15px;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 100%; padding: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label{padding-left: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label{padding-right: 10px;} } /* ! ___display-min-lg */ @media (min-width: 992px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{display: flex; flex-wrap: wrap; gap: 15px;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 60px; padding: 5px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .guest-label{padding-left: 1px;} #Home .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label, #Stru .SECTION_motore .motoreDiRicerca .input-group.input-group-guest .room-label{padding-right: 5px;} } /* ! ___display-min-xl */ @media (min-width: 1200px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{flex-wrap: nowrap;gap: 10px; padding: 10px;} #Home .motoreDiRicerca .input-group.input-group-destinazioni, #Tore .motoreDiRicerca .input-group.input-group-destinazioni, #Crue .motoreDiRicerca .input-group.input-group-destinazioni, #Stru .motoreDiRicerca .input-group.input-group-destinazioni{width: 250px;} #Home .motoreDiRicerca .input-group.input-group-porti, #Tore .motoreDiRicerca .input-group.input-group-porti, #Crue .motoreDiRicerca .input-group.input-group-porti, #Stru .motoreDiRicerca .input-group.input-group-porti{width: 250px;} #Home .motoreDiRicerca .input-group.input-group-mesi, #Tore .motoreDiRicerca .input-group.input-group-mesi, #Crue .motoreDiRicerca .input-group.input-group-mesi, #Stru .motoreDiRicerca .input-group.input-group-mesi{width: 200px;} #Home .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Tore .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Crue .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Stru .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 200px;} #Home .motoreDiRicerca .input-group.input-group-tipologie, #Tore .motoreDiRicerca .input-group.input-group-tipologie, #Crue .motoreDiRicerca .input-group.input-group-tipologie, #Stru .motoreDiRicerca .input-group.input-group-tipologie{width: 155px;} #Home .motoreDiRicerca .input-group.input-group-strutture, #Tore .motoreDiRicerca .input-group.input-group-strutture, #Crue .motoreDiRicerca .input-group.input-group-strutture, #Stru .motoreDiRicerca .input-group.input-group-strutture{width: 150px;} #Home .motoreDiRicerca .input-group.input-group-guest, #Tore .motoreDiRicerca .input-group.input-group-guest, #Crue .motoreDiRicerca .input-group.input-group-guest, #Stru .motoreDiRicerca .input-group.input-group-guest{width: 195px;} #Home .motoreDiRicerca .input-group.input-group-checkInOut, #Tore .motoreDiRicerca .input-group.input-group-checkInOut, #Crue .motoreDiRicerca .input-group.input-group-checkInOut, #Stru .motoreDiRicerca .input-group.input-group-checkInOut{width: 260px;} #Home .motoreDiRicerca .input-group.input-group-radioDate, #Tore .motoreDiRicerca .input-group.input-group-radioDate, #Crue .motoreDiRicerca .input-group.input-group-radioDate, #Stru .motoreDiRicerca .input-group.input-group-radioDate{width: 310px;} #Home .motoreDiRicerca .input-group.input-group-dates, #Tore .motoreDiRicerca .input-group.input-group-dates, #Crue .motoreDiRicerca .input-group.input-group-dates, #Stru .motoreDiRicerca .input-group.input-group-dates{width: auto;} #Home .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Tore .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Crue .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Stru .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{width: 105px;} #Home .motoreDiRicerca .btn.search, #Tore .motoreDiRicerca .btn.search, #Crue .motoreDiRicerca .btn.search, #Stru .motoreDiRicerca .btn.search{width: 60px; padding: 5px;} } /* ! ___display-min-xxl */ @media (min-width: 1400px) { #Home .motoreDiRicerca, #Tore .motoreDiRicerca, #Crue .motoreDiRicerca, #Stru .motoreDiRicerca{padding: 20px;} } /* ! - Engi */ #Engi .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckIn"], #Engi .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckOut"]{padding: 10px 10px;} #Dest .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckIn"], #Dest .motoreDiRicerca .form-floating>.form-control:not(:placeholder-shown)~label[for="floatingCheckOut"]{padding: 10px 10px;} #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckOut, #Engi .motoreDiRicerca > div > div.form-floating input.FindCheckIn { padding: 20px 5px 10px 14px;} #Dest .motoreDiRicerca > div > div.form-floating input.FindCheckOut, #Dest .motoreDiRicerca > div > div.form-floating input.FindCheckIn { padding: 20px 5px 10px 14px;} #Home #ListaAmenities { display: none; } #Stru #ListaAmenities { display: none; } #ListaAmenities { padding: 10px 5px;} #ListaAmenities .input-group.input-group-check-amenity { padding-top: 10px; } #ListaAmenities button.btn.btn-checkAmne { width: 160px; text-align: left; background-color: white; color: black; border: 1px solid #ced4da; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } #Dest #ListaAmenities button.btn.btn-checkAmne { width: 140px; } /* -------------------------------------------------------------------------------- */ /* ! MOTORE DI RICERCA 02 - tabs */ /* -------------------------------------------------------------------------------- */ /* ! - general */ .motoreDiRicerca.motoreDiRicerca02{ flex-direction: column!important; background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; gap: 5px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list{ display: flex; flex-direction: row; gap: 5px; border: 1px solid transparent;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group-text{ display: none;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group button:not(.btn--active){ border: 1px solid transparent;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group button.btn--active{ border: 1px solid #000;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group button span{ padding: 5px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list .input-group{ width: fit-content;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters{ display: flex; padding: 10px; flex-direction: row; flex-wrap: nowrap; gap: 10px; background: #ffffffbf; backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); box-shadow: 1px 30px 30px -23px #00000038; height: fit-content!important; width: fit-content; border: 1px solid transparent;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .btn.search{height: 50px; width: 55px!important;} .motoreDiRicerca .input-group .find-euro__from, .motoreDiRicerca .input-group .find-euro__to{ width: auto; } .motoreDiRicerca .input-group .find-euro__from input, .motoreDiRicerca .input-group .find-euro__to input{ width: fit-content; max-width: 43px; padding: 0;} #Engi .motoreDiRicerca .input-group .find-euro__from input, #Engi .motoreDiRicerca .input-group .find-euro__to input, #Dest .motoreDiRicerca .input-group .find-euro__from input, #Dest .motoreDiRicerca .input-group .find-euro__to input{ width: fit-content; max-width: 56px;} #Stru .motoreDiRicerca .input-group .find-euro__from input, #Stru .motoreDiRicerca .input-group .find-euro__to input{ width: fit-content; max-width: 72px;} .motoreDiRicerca .input-group .find-euro__from .icon, .motoreDiRicerca .input-group .find-euro__to .icon{ color: #000; opacity: 0.5; font-size: 15px; } #Engi .motoreDiRicerca .input-group .find-euro__from .icon, #Dest .motoreDiRicerca .input-group .find-euro__from .icon { margin-left: -5px; margin-right: 15px;} #Engi .motoreDiRicerca .input-group .find-euro__to .icon, #Dest .motoreDiRicerca .input-group .find-euro__to .icon { margin-left: -5px;} /* ! - input-group default */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest button.ospiti{padding: 5px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group span.input-group-text{width: 35px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA span.input-group-text{width: 50px; background-color: transparent;} .motoreDiRicerca .travel-types-list__filters .input-group-rangePriceDaA{ display: flex; flex-direction: row; flex-wrap: nowrap;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut{width: fit-content; height: 50px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut .input-group-text{height: 50px;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut .form-floating .form-control{ display: block; padding-top: 22px; padding-bottom: 0; height: 100%; border: none;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut .form-floating label{ padding: 0.5rem 0.65rem;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest .room-number{display: none;} /* Stru checked */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-destinazioni{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-tipologie{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-strutture{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-guest{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-rangePrezzo{display: inline-flex;} /* .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-rangePriceDaA{display: inline-flex;} */ /* TOUR checked */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-destinazioni{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-tipologie{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-strutture{display: none;} /*.motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-guest{display: none;}*/ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-checkInOut{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-rangePrezzo{display: inline-flex;} /* .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-rangePriceDaA{display: inline-flex;} */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-mesi{display: none;} /* CRUE checked */ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-destinazioni{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-porti{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-mesi{display: inline-flex;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-tipologie{display: none;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-strutture{display: none;} /*.motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-guest{display: none;}*/ .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-checkInOut{display: none;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-rangePrezzo{display: inline-flex;} /* .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--crue .input-group-rangePriceDaA{display: inline-flex;} */ .motoreDiRicerca.motoreDiRicerca02 .input-group-porti { display: none; } .motoreDiRicerca.motoreDiRicerca02 .input-group-mesi { display: none; } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-checkInOut{ display: grid; grid-template-columns: [col-first] 35px [col-second] 135px; grid-template-rows: [row-first] 40px [row-second] 40px; } .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut .input-group-text{ grid-column-start: col-first; grid-row: 1 / span 2; } .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut .form-floating:nth-child(2){ grid-column-start: 2; grid-row: 1;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut .form-floating:nth-child(3){ grid-column-start: 2; grid-row: 2; } .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo, #Stru .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo { width: 125px; } .motoreDiRicerca .input-group.input-group-guest, #Stru .motoreDiRicerca .input-group.input-group-guest { width: 185px;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters{ flex-wrap: wrap; } .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .FindCheckOut, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .FindCheckIn{ height: 50px!important;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-destinazioni, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-porti, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-mesi, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-tipologie, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo{width: calc(33% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut{width: calc(66% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button.search{width: 100%;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--stru .input-group-checkInOut, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters.filters--tour .input-group-checkInOut{ display: flex; } } /* ! ___display-max-md */ @media (max-width: 767.98px) { .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters{ box-shadow: 1px 5px 40px 0px #00000038;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-destinazioni, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-porti, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-mesi, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-tipologie, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo{width: calc(50% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut{width: calc(100% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button.search{width: 100%;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-destinazioni{order: 1} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-porti{order: 1} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-mesi{order: 1} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-tipologie{order: 2;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-strutture{order: 3;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest{order: 3;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo{order: 4;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA{order: 4;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut{order: 5;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button.search{order: 6;} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .btn.search{width: 100%!important;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-destinazioni, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-porti, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-mesi, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePriceDaA, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-tipologie{width: calc(100% - 10px);} .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-guest, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-rangePrezzo, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters .input-group-checkInOut, .motoreDiRicerca.motoreDiRicerca02 .travel-types-list__filters button.search{width: calc(100% - 10px);} } /*D:/aa/siti/aaa_ollytour.it/root/componenti/solutions/solutions.css*/ .SECTION_costiloco { display:none; } #Pren .SECTION_soluzioni .solutions__room__item.solutions__room__item--selected { background: transparent; } #Pren .SECTION_soluzioni .solutions__room .column-1 { width: 20%; } #Pren .SECTION_soluzioni .solutions__room .column-2 { width: 20%; } #Pren .SECTION_soluzioni .solutions__room .column-3 { width: 60%; } #Pren .SECTION_soluzioni .solutions__room .column-4 { width: 20%; } .SECTION_soluzioni{padding: 50px 0px 100px 0px;} .SECTION_soluzioni .solutions__room__item.solutions__room__item--selected{ /*box-shadow: 0px 0px 0px 2px var(--deep-blue);*/ background: #e2e6fa;} .SECTION_soluzioni .solutions__room{ display: flex; flex-direction: column; gap: 20px 0; margin-bottom: 0px;} .SECTION_soluzioni .solutions__room:last-child{ margin-bottom: 0;} .SECTION_soluzioni .solutions__room__label{ font-size: 23px; font-weight: 400; margin-top: 100px;} .SECTION_soluzioni .solutions__room__item{ display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0 12px; padding: 15px; width: 100%; border: 2px solid #e2e6fa; /*box-shadow: 0px 0px 3px #00000041;*/ border-radius: 0;} .SECTION_soluzioni div[class^="column-"] { display: flex; flex-direction: column; flex-wrap: nowrap; } .SECTION_soluzioni .solutions__room .column-1{width: 180px;} .SECTION_soluzioni .solutions__room .column-2{flex: 1 1 240px; width: 240px;} .SECTION_soluzioni .solutions__room__item .item__title{ font-size: 25px; color: var(--blue-text); font-weight: 400; line-height: 25px; margin-bottom: 5px;} .SECTION_soluzioni .solutions__room__item .item__subtitle{ font-weight: 300; color: #ffffff; background: #9ea8d6; width: fit-content; padding: 0px 5px; margin-bottom: 5px; font-size: larger; } .SECTION_soluzioni .solutions__room__item .item__guests{ display: flex; flex-direction: row; margin-bottom: 5px;} .SECTION_soluzioni .solutions__room__item .item__guests-icons__icon{ width: 22px; height: 22px;} .SECTION_soluzioni .solutions__room__item .item__description { -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; min-height: 60px; max-height: 94px;} .btn-tooltip{ background-color: transparent!important; padding: 0; position: relative; top: -3px;} .btn-tooltip__icon{ width: 20px; opacity: 0.45; height: 20px;} .custom-tooltip { --bs-tooltip-bg: #26b8b5; --bs-tooltip-color: #fff; } .SECTION_soluzioni .solutions__room__item .item__thumbnail{ width: 95%; height: 100%;} .SECTION_soluzioni .solutions__room .column-3{width: 450px; justify-content: flex-start; padding-top: 30px; padding-right: 20px; } .SECTION_soluzioni .solutions__room__item .item__supplements{ display: flex; flex-direction: column;} .SECTION_soluzioni .solutions__room__item .item__supplements__label{ font-weight: 500;} .SECTION_soluzioni .solutions__room__item .item__amenities{display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 7px; margin-bottom: 10px;} .SECTION_soluzioni .solutions__room__item .item__amenities__amenity{ gap: 0 4px; display: flex; align-items: flex-start;} .SECTION_soluzioni .solutions__room__item .item__amenities__amenity__icon{width: 20px;} .items__rsoe { margin-bottom: 0px; } .line-sol { line-height: 20px !important; margin-top: 0px; margin-bottom: 4px; font-size: 1rem !important; } .SECTION_soluzioni .solutions__room__item .item__supplements__label.extra { padding-top: 15px; padding-bottom: 10px; border-top: solid 1px lightgray; margin-top: 5px; } /* .SECTION_soluzioni .item__supplements__supplement-checkbox--optional .supplement-label::before, .SECTION_soluzioni .item__supplements__supplement-checkbox--obligatory .supplement-label::before, .SECTION_soluzioni .item__supplements__supplement-number .supplement-label::before { content: '\2022'; color: #000; margin-right: 5px;} */ .SECTION_soluzioni div[class^="item__supplements__supplement-"] { gap: 0 5px; display: flex; align-items: center; font-size: 0.95rem; margin-bottom: 2px;} .SECTION_soluzioni div[class^="item__supplements__supplement-checkbox"]{ display: flex; /*flex-direction: row-reverse;*/ justify-content: space-between; align-items: center;} .SECTION_soluzioni .solutions__room__item .item__supplements__supplement-radiobutton input, .SECTION_soluzioni .solutions__room__item .item__supplements__supplement-checkbox--obligatory input, .SECTION_soluzioni .item__supplements__supplement-checkbox--optional input{ width: 15.19px; margin-left: 0px;} .SECTION_soluzioni .solutions__room__item .item__supplements .form-check-input{margin-top: -4px;} .SECTION_soluzioni .solutions__room__item .item__supplements label{ max-width: 273px; line-height: 18px; /*font-size: 0.9rem;*/ margin-right: 5px; display: flex; flex-wrap: nowrap; align-items: center; gap: 0 5px; justify-content: space-between; width: 100%; max-width: none; padding-left: 20px; text-indent: -15px; } .SECTION_soluzioni .solutions__room__item .item__supplements__label.loco { padding-top: 15px; padding-bottom: 10px; border-top: solid 1px lightgray; margin-top: 5px; } .item__supplements__supplement-number.line-sol { flex-direction: row-reverse; } .SECTION_soluzioni .solutions__room__item .item__supplements__supplement-number{ display: flex; align-items: center; justify-content: space-between; height: 30px;} .SECTION_soluzioni .solutions__room__item .item__supplements__supplement-number input{ width: 40px; height: 25px; /*padding: 0px 0px 4px 8px; border: none;*/} .SECTION_soluzioni .solutions__room__item .item__supplements__supplement-radiobutton{ justify-content: space-between;} .SECTION_soluzioni .solutions__room__item .item__supplements__supplement-radiobutton.first-supplement-type{margin-top: 10px;} .SECTION_soluzioni .solutions__room .column-4{width: 200px; gap: 3px; line-height: 2rem; padding-top: 30px;} .SECTION_soluzioni .solutions__room .column-4__container{ display: flex; justify-content: flex-start; height: -webkit-fill-available; align-items: center;} .SECTION_soluzioni .solutions__room__item .item__days{ margin-bottom: -10px;} .SECTION_soluzioni .solutions__room .column-4__container .item__luogpart{ line-height: normal;} .item__price__box { display: flex; align-items: center; justify-content: space-between; width: 100%; line-height: 25px; font-size: 18px; font-weight: 600; } .item__price__box.impovend { margin-top: 20px; } .SECTION_soluzioni .solutions__room__item .item__price{ font-weight: 600; font-size: 18px; display: inline-flex; margin: unset; } .SECTION_soluzioni .solutions__room__item .item__price:after{ content: '\20AC'; display: block;} .SECTION_soluzioni .solutions__room__item .item__btn-confirm{ background: var(--green); width: 100%; border-radius: 0; border: none; margin-top: 20px;} .SECTION_soluzioni .solutions__room__item .item__btn-confirm:hover{ background: var(--yellow); color: #000;} .SECTION_soluzioni .solutions__room__item .item__btn-confirm.btn--confirmed{ background: transparent; color: #000; background: var(--yellow);} span.item__locoHeader { margin-top: auto; } .SECTION_soluzioni .solutions.WaitSolsText { color: var(--color-primary); font-size: 1.5rem; font-weight: 600; } .SECTION_soluzioni .solutions--updateNecessary{ display: flex; justify-content: center; border: 3px dashed #fff; color: #fff; padding: 40px; margin-top: 45px; height: 200px; align-items: center;} .SECTION_soluzioni .solutions--updateNecessary .message{ font-size: 1.5rem;} /* ! ___display-min-lg */ @media (min-width: 992px) { .col-soluzioni-scelte{ position: sticky; height: fit-content; top: 200px; /*max-height: calc(100vh - 250px); overflow-y: scroll;*/} } .solutionsSelected__label{ font-size: 23px; font-weight: 400; margin-bottom: 20px; margin-top: 100px;} .solutionsSelected__rooms .room{ box-shadow: 0px 0px 3px #00000041;} .solutionsSelected__rooms .room, .offcanvas-body .room{position: relative; padding: 10px; margin-top: 15px;} .room__title{ font-size: 18px; font-weight: 200; color: #0d1a5b; opacity: 0.75;} .solutionsSelected__rooms .room--unselected .room__container, .offcanvas-body .room--unselected .room__container{ padding: 10px; background: #ddd;} .solutionsSelected__rooms .room--unselected .room__container p, .offcanvas-body .room--unselected .room__container p{ border: 3px dashed #fff; padding: 10px; text-align: center; color: #0000004d; font-weight: 500; margin-bottom: 0;} .solutionsSelected__total{ display: flex; flex-direction: column; align-items: center; background: #fff; padding: 15px;} .solutionsSelected__total__label{ font-weight: 300; font-size: 20px;} .solutionsSelected__total__price{ font-weight: 600; font-size: 26px;} .solutionsSelected__total__price__lord{ font-weight: 600; font-size: 26px;} .solutionsSelected .room__container__provisional{ display: flex; flex-direction: row-reverse; flex-wrap: wrap;} .solutionsSelected .room__container__provisional .accordion{ width: 100%; } .solutionsSelected .room__container__provisional .accordion-button{ font-size: 20px; font-weight: 500; line-height: normal; color: #0d1a5b; background: #e2e6fa !important; border-radius: 0 !important; padding: 5px; /* border: 2px solid var(--deep-blue);*/} .solutionsSelected .room__container__provisional p.accordion-header { display: flex; } .solutionsSelected .accordion-header .accordion-button{ background: var(--color-button-background); } .solutionsSelected .room__container__provisional .btn-delete{ width: 50px; background: transparent; height: 34px; /* border: 2px solid red; */ display: flex; align-items: center; justify-content: center; border-radius: 0;} .solutionsSelected .room__container__provisional .btn-delete:hover{ box-shadow: 0px 0px 3px #00000041; background: transparent;} .solutionsSelected__rooms .room__container .btn-delete__icon, .offcanvas-body .room__container .btn-delete__icon{ filter: invert(1); width: 24px; height: 24px;} .solutionsSelected__rooms .room__container .btn-delete img, .offcanvas-body .room__container .btn-delete img{filter: invert(0.7) sepia(80%) saturate(110) hue-rotate(350deg);} .solutionsSelected__rooms .room__container .btn-delete:hover, .offcanvas-body .room__container .btn-delete:hover{background-color: #ca2020;} .solutionsSelected__rooms .room__container .btn-delete:hover img, .offcanvas-body .room__container .btn-delete:hover img{filter: invert(1);} .solutionsSelected .room__container__provisional .accordion-collapse{ /*background: rgb(13 26 91 / 15%);*/ border-radius: 0!important; box-shadow: none!important;} .solutionsSelected__rooms .room__container__guests, .offcanvas-body .room__container__guests{ display: flex; flex-direction: row; /*margin-bottom: 5px;*/ padding: 5px 0px;} .solutionsSelected__rooms .room__container__guests .item__guests-icons__icon, .offcanvas-body .room__container__guests .item__guests-icons__icon{ width: 18px; height: 18px;} span.room__container__desc { width: 100%; text-align: center; display: block; /*padding-bottom: 5px;*/ } p.room__container__price { display: flex; justify-content: center; align-items: center; gap: 5px; margin-bottom: -10px; height: 40px; } span.room__container__price__vendimpo { display: flex; font-size: 18px; color: red; font-weight: 500; text-decoration: line-through; height: 100%; align-items: center; } span.room__container__price__vendimpo:before { content: '\20AC'; display: block; } span.room__container__price__vendnett { display: flex; font-size: 25px; font-weight: 600; align-items: center; } span.room__container__price__vendnett:before { content: '\20AC'; display: block; } span.room__container__price__vendlord { display: flex; font-size: 25px; font-weight: 600; align-items: center; } span.room__container__price__vendlord:before { content: '\20AC'; display: block; } span.room__container__costiloco { display: block; width: 100%; text-align: center; } .solutionsSelected .booking-link{ display: block; text-decoration: none; font-size: 20px; text-align: center; padding: 10px 10px; background: var(--green); color: #fff; text-transform: capitalize; transition: all 0.25s cubic-bezier(.215, .61, .355, 1); cursor: pointer;} .solutionsSelected .booking-link:hover{ background: var(--yellow); color: #000;} /* ! ___display-max-xxxxl */ @media (max-width: 1599.98px) { .SECTION_soluzioni .solutions__room .column-2{flex: 1 1 250px; width: 250px;} } /* ! ___display-max-xxxl */ @media (max-width: 1599.98px) { .SECTION_soluzioni .solutions__room .column-2{flex: 1 1 250px; width: 130px;} } /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { .SECTION_soluzioni .solutions__room .column-1{width: 180px;} .SECTION_soluzioni .solutions__room .column-2{width: 150px;} .SECTION_soluzioni .solutions__room .column-3{width: 275px;} .SECTION_soluzioni .solutions__room .column-4{width: 125px;} .SECTION_soluzioni .solutions__room__item .item__thumbnail{ width: 180px; height: 100%;} .SECTION_soluzioni .solutions__room__item .item__btn-confirm {padding: 10px 1px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .SECTION_soluzioni .solutions__room__item{display: grid; grid-template-columns: 50% 50%;} .SECTION_soluzioni .solutions__room .column-1{width: auto; grid-column: 1 / span 1; grid-row: 1 / span 2;} .SECTION_soluzioni .solutions__room .column-2{width: auto; grid-column: 2 / span 1; grid-row: 1 / span 1; margin-bottom: 10px; padding-right: 15px;} .SECTION_soluzioni .solutions__room .column-3{width: auto; grid-column: 1 / span 1; grid-row: 3 / span 1; margin-bottom: 10px; padding-top: 0;} .SECTION_soluzioni .solutions__room .column-4{width: auto; grid-column: 2 / span 1; grid-row: 3 / span 1; display: flex; flex-direction: column; align-items: flex-start; padding-top: 0; padding-right: 15px;} .SECTION_soluzioni .solutions__room .column-4__container{gap: 5px;} .SECTION_soluzioni .solutions__room__item .item__supplements__label{margin-bottom: 0;} .SECTION_soluzioni .solutions__room__item .item__period {font-size: 0.9rem; line-height: initial;} .SECTION_soluzioni .solutions__room__item .item__price {margin-bottom: -8px; line-height: initial; margin-bottom: -10px;} .SECTION_soluzioni .solutions__room__item .item__thumbnail{width: 100%; height: 100%;} .SECTION_soluzioni .solutions__room__item .item__amenities {gap: 0 10px; margin-bottom: 10px;} .SECTION_soluzioni .solutions__room__item .item__description{margin-bottom: 10px;} .SECTION_soluzioni .solutions__room__item .item__supplements{margin-bottom: 10px;} .item__amenities__amenity__icon{ width: 25px; height: 25px; } } /* ! ___display-max-md */ @media (max-width: 767.98px) { .SECTION_soluzioni { padding: 25px 0px 100px 0px;} .SECTION_soluzioni .solutions__room__item{ display: flex; flex-direction: column;} .SECTION_soluzioni .solutions__room__item > div[class^="column-"] { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } .SECTION_soluzioni .solutions__room__item .column-2{ margin-bottom: 0; padding-right: 0; flex: auto;} .SECTION_soluzioni .solutions__room__item .column-2 .column-2__top{ display: flex; flex-direction: row; flex-wrap: wrap; } .SECTION_soluzioni .solutions__room__item .column-2 .column-2__top .item__title{ order: 1; width: 100%; margin-bottom: 10px; font-size: 25px; margin-bottom: 0;} .SECTION_soluzioni .solutions__room__item .column-2 .column-2__top .item__subtitle{ order: 3; width: fit-content; height: 24px; margin: 0 5px 0 0!important;} .SECTION_soluzioni .solutions__room__item .column-2 .column-2__top .item__formula{ /*width: fit-content; height: 24px; margin: 0 5px 0 0!important;*/ display: none;} .SECTION_soluzioni .solutions__room__item .column-2 .column-2__top .item__guests{ order: 2; margin-right: 10px; width: fit-content;} .SECTION_soluzioni .solutions__room__item .column-2 .column-2__top .item__description{ order: 4;} .SECTION_soluzioni .solutions__room .column-3{margin-bottom: 0;} .SECTION_soluzioni .solutions__room .column-4__container{width: 100%; flex-direction: row; flex-wrap: wrap;} .SECTION_soluzioni .solutions__room .column-4__container .item__days{ width: fit-content; margin-right: 10px; margin-bottom: 0; line-height: normal; } .SECTION_soluzioni .solutions__room .column-4__container .item__period{ width: fit-content; font-size: 1rem; } .SECTION_soluzioni .solutions__room .column-4__container .item__price{ margin-top: 0; font-size: 20px;} .SECTION_soluzioni .solutions__room .column-4__container .item__subtotalPrice{line-height: normal; margin-top: 5px;} .SECTION_soluzioni .solutions__room__item .item__btn-confirm { margin-top: 10px } .SECTION_soluzioni div[class^="item__supplements__supplement-"]{ background: aliceblue; padding: 3px 10px 3px 10px;} .SECTION_soluzioni div[class^="item__supplements__supplement-"]{ margin-bottom: 7px;} .SECTION_soluzioni .solutions__room__item .item__supplements { margin-bottom: 0px;} .SECTION_soluzioni .solutionsSelected{ margin-top: 50px; } } .HideComm .item__price__box.imposcon { display: none; } .HideComm .item__price__box.imponett { display: none; } body:not(.HideComm) .item__price__box.impolord { display: none; } .HideComm .room__container__price__vendimpo { display: none; } .HideComm .room__container__price__vendnett { display: none; } body:not(.HideComm) .room__container__price__vendlord { display: none; } body:not(.HideComm) .solutionsSelected__total__price__lord { display: none; } .HideComm .solutionsSelected__total__price { display: none; } /*D:/aa/siti/aaa_ollytour.it/root/componenti/form/form_preventivoSildan.css*/ .text-bold{ font-weight: bold; } .img-icon { width: 18px; height: 18px; } .col-button-next { display: flex; justify-content: flex-end; } .col-button-send { display: flex; justify-content: center; } .col-button-next button, .col-button-send button { display: flex; align-items: center; gap: 15px; } ul.setup-panel { display: flex; justify-content: space-between; margin: 10px 20px; } ul.setup-panel li a { text-decoration: none; display: flex; flex-direction: column; align-items: center; } ul.setup-panel li.disabled a { cursor: not-allowed; opacity: 0.5;} ul.setup-panel li.disabled a .list-group-item-heading { background: transparent; } ul.setup-panel li.disabled a { cursor: not-allowed; opacity: 0.5; } ul.setup-panel li.active a .list-group-item-heading { background: #2e2ec5; color: #fff; } ul.setup-panel li a .list-group-item-heading { border: 2px solid #2e2ec5; font-size: 1.25rem; display: flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 100%; } table thead th:first-child { width: 180px; } form.container { background: #eaeaf2; } form.container .setup-content { padding: 20px 10px; } form.container #form__step-1 div[class^="col-"] { display: flex; gap: 15px; } form.container #form__step-1 div[class^="col-"] .form-floating{ flex: 1 1 50%; } .kids-table { background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; } .kids-table .add-button, .kids-table .delete-button { margin-left: 10px; margin-bottom: 10px; } .form__field { display: flex; flex-direction: row; gap: 25px; align-items: center; } .form__field__question {} .form__field__answers {} .form__title { font-size: 1.25rem; } /* SUMMARY */ #summary__step-1, #summary__step-2, #summary__step-3, #summary__step-4{ display: flex; flex-direction: column; margin-bottom: 20px; } .summary__step-1__element, .summary__step-2__element, .summary__step-3__element, .summary__step-4__element{ display: flex; flex-direction: row; gap: 10px; } /*D:/aa/siti/aaa_ollytour.it/root/css/sildanviag/comm.css*/ /* -------------------------------------------------------------------------------- */ /* ! Global */ /* -------------------------------------------------------------------------------- */ :root{ /* ! - palette colors */ --var-color-1: #DFC17B; /* Harvest Gold */ --var-color-2: #3B4445; /* Cape Cod */ --var-color-3: #A12754; /* Hibiscus */ --var-color-4: #DDDDE0; /* Iron */ --var-color-5: #003D66; /* Blue */ /* ! - other */ --var-img-space-1:20px; --var-borderRadius-1:10px; --var-borderRadius-2:15px; --var-borderRadius-3:25px; --var-marginBottom-section:50px; --bs-body-bg: #EAF4F5; } /* ! - stars */ :root{ /* FILL: riempimento delle icone { '0': vuote; '1': piene } */ --icon-fill: 0; /* WEIGHT: peso delle icone {'100', '200', '300', '400', '500', '600', '700', '800', '900'} */ --icon-wght: 400; /* GRADE: enfasi delle icone - consigliato '0' {'-25', '0', '200'}*/ --icon-GRAD: 0; /* OPTICAL SIZE: all'aumentare dell'icona, i suoi bordi non si inspessiscono { '20', '24', '40', '48' } */ --icon-opsz: 24; } .icon { font-size: 1rem; font-variation-settings: 'FILL' var(--icon-fill), 'wght' var(--icon-wght), 'GRAD' var(--icon-GRAD), 'opsz' var(--icon-opsz);} .outlined .icon { font-family: 'Material Symbols Outlined';} .rounded .icon { font-family: 'Material Symbols Rounded';} .sharp .icon { font-family: 'Material Symbols Sharp';} @media (max-width: 991px) { .navbar .dropdown.show {position: static;} } /* -------------------------------------------------------------------------------- */ /* ! General */ /* -------------------------------------------------------------------------------- */ .PageDataDiv{ margin-top: 0px;} a:hover{color: var(--var-color-1)!important;} .galleria01 .galleriaButtonModal img{transform: scale(1); transition: all 0.3s cubic-bezier(.215, .61, .355, 1);} .galleria01 .galleriaButtonModal img:hover{transform: scale(1.1);} img{ object-fit: cover;} /* ! - Buttons */ button.btn, a.btn, a.button{border: 2px solid #000;background: transparent;color: #000;border-radius: var(--var-borderRadius-2);font-weight: 600;transition: all 0.25s cubic-bezier(.215, .61, .355, 1);width: fit-content;padding: 0.75rem 1.75rem;text-decoration: none;} button.btn:hover, a.btn:hover, a.button:hover{background: var(--var-color-1)!important;color: #000!important;border: 2px solid #000;} /* ! - stars */ .card__stars svg {width: 20px; height: 20px; fill: #fac02f;/*margin-right: 5px;*/} /* .card__stars .icon{ color: #fac02f;} */ ul.stars-inline .icon{ color: #fac02f; filter: drop-shadow(0 0 0px black); font-size: 22px;} /* ! - social */ ul.nav-list-social{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;} ul.nav-list-social li{margin-right: 10px;margin-left: 10px;} ul.nav-list-social li .icon-social { width: 25px; height: 25px; object-fit: contain; } /* ! - typopgraphy */ /* h1,h2,h3,h4,h5,h6{font-family: 'merienda';color: black;} */ h1,h2,h3,h4,h5,h6{font-family: 'merienda', serif; color: black;} .font-serif{ font-family: 'merienda', serif;} /* .font-sans-serif{ font-family: 'cocomat', sans-serif;} */ p, a, span, li, label{font-family: 'poppins'; /*font-family: 'cocomat', sans-serif;*/ color: black;} .button, .btn{/*font-family: 'poppins';*/ font-family: 'cocomat', sans-serif;} /* ! - modal */ .modal-content{border-radius: var(--var-borderRadius-3);} /* -------------------------------------------------------------------------------- */ /* ! Fonts */ /* -------------------------------------------------------------------------------- */ /* ! - NEW */ @font-face { font-family: 'cocomat'; src: url('/fonts/sildan_fonts/cocomatpro-bold.woff2') format('woff2'), url('/fonts/sildan_fonts/cocomatpro-bold.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'cocomat'; src: url('/fonts/sildan_fonts/cocomatpro-regular.woff2') format('woff2'), url('/fonts/sildan_fonts/cocomatpro-regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'cocomat'; src: url('/fonts/sildan_fonts/cocomatpro-light.woff2') format('woff2'), url('/fonts/sildan_fonts/cocomatpro-light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'railey'; src: url('/fonts/sildan_fonts/railey-personaluse.woff2') format('woff2'), url('/fonts/sildan_fonts/railey-personaluse.woff') format('woff'); font-weight: normal; font-style: normal; } /* ! - OLD */ /* ! -- Marienda */ @font-face { font-family: 'merienda'; src: url('/fonts/sildan_fonts/merienda-variablefont_wght-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/merienda-variablefont_wght-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* ! -- Poppins */ @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-bold-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-light-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-medium-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-medium-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-regular-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'poppins'; src: url('/fonts/sildan_fonts/poppins-semibold-webfont.woff2') format('woff2'), url('/fonts/sildan_fonts/poppins-semibold-webfont.woff') format('woff'); font-weight: 600; font-style: normal; } /* ! Carousel */ .modal-content{ /*background: transparent;*/ background: #eaeaf2; border: none;} .modal .modal-header{ border-bottom: transparent;} .modal.fade.show { backdrop-filter: blur(10px);} .modal .carousel .carousel-inner .carousel-item img{ height: 100%; width: 100%;} .modal .modal-header { filter: invert(1);} .carousel-control-next-icon, .carousel-control-prev-icon { opacity: 1; filter: invert(1);} /* ! ___display-min-sm */ @media (min-width: 576px) { .modal-dialog { max-width: 500px;} .modal .carousel .carousel-inner, .modal .carousel .carousel-inner .carousel-item { height: 500px; width: 500px; } } /* ! ___display-min-md */ @media (min-width: 768px) { .modal-dialog { max-width: 650px;} .modal-body{ /*height: 650px;*/ width: 650px; } .modal .carousel, .modal .carousel .carousel-inner, .modal .carousel .carousel-inner .carousel-item { height: 100%; width: 100%; } .modal .carousel{ position: relative;} .modal .carousel .carousel-control-next{ position: absolute; right: -80px; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); background: #ffffff; border-radius: 15px; } .modal .carousel .carousel-control-prev{ position: absolute; left: -80px; width: 50px; height: 50px; top: 50%; transform: translateY(-50%); background: #ffffff; border-radius: 15px; } } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .carousel .carousel-indicators [data-bs-target]{height: 5px; border-radius: 10px; border: none;} .carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon{width: 40px; height: 40px;} .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{opacity: 1;} } /* ! -------------------------------------------------------------------------------- */ /* ! Pages */ /* ! -------------------------------------------------------------------------------- */ /* ! - Stru */ /* ! - Tour */ /* ! -------------------------------------------------------------------------------- */ /* ! SECTIONS */ /* ! -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* ! Social */ /* -------------------------------------------------------------------------------- */ .SECTION_social h3{line-height: normal;} /* -------------------------------------------------------------------------------- */ /* ! Footer */ /* -------------------------------------------------------------------------------- */ footer{margin-top: 50px;margin-bottom: 50px;background: #c9dfe9;margin-left: 50px;margin-right: 50px;padding: 25px;border-radius: var(--var-borderRadius-3);} footer ul{padding-left: 17px;} footer a{text-decoration: none;} footer h4{font-size: 2rem; font-family: 'merienda', sans-serif; font-weight: 500;} footer .name-site{font-size: 2rem;font-family: 'merienda', sans-serif;} /* footer .name-site .font-title{font-family: 'railey', serif;top: 5px; position: relative; text-transform: lowercase;} */ footer .second-footer{position: relative;margin-left: auto;margin-right: auto;margin-top: 15px; padding: 0; background: transparent; background: #003D66; color: #fff; border-radius: var(--var-borderRadius-2); } footer .second-footer p, footer .second-footer a{font-weight: 300;} footer .second-footer > .container > .row{/*background: #003D66;color: #fff;border-radius: var(--var-borderRadius-2);*/padding: 1rem;} footer .second-footer > .container > .row a, footer .second-footer > .container > .row p{color: #fff;margin-bottom: 0;} footer .second-footer div[class^="col"] {display: flex; gap: 0 5px; flex-wrap: wrap;} footer .second-footer div[class^="col"]:nth-child(2) {justify-content: flex-end;} footer .second-footer .col-cookie-condizioniGenerali{ display: flex; flex-direction: row; flex-wrap: wrap;} footer .second-footer .col-cookie-condizioniGenerali a{ white-space: nowrap;} /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { footer h4{font-size: 2rem;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { footer h4{font-size: 2rem;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { footer .second-footer > .container > .row{gap: 5px;} footer .second-footer div[class^="col"]:nth-child(2) {justify-content: flex-start;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { footer{margin-right: 12px;margin-left: 12px;} footer .second-footer > .container > .row{height: auto; flex-direction: column; align-items: center; justify-content: space-between; flex-wrap: nowrap;} footer .second-footer > .container > .row div[class^="col"]:nth-child(1){margin-bottom: 15px;} footer .second-footer div[class^="col"]:nth-child(2){ justify-content: center; } footer .second-footer .col-cookie-condizioniGenerali p{display: none;} footer .second-footer .col-cookie-condizioniGenerali a{text-decoration: underline;} footer .second-footer p, footer .second-footer a{text-align: center;} /* footer .second-footer div[class^="col"]{display: block;} */ footer .name-site{font-size: 1.5rem;} footer h4{font-size: 1.5rem;} } /* -------------------------------------------------------------------------------- */ /* ! slider Partner */ /* -------------------------------------------------------------------------------- */ .SECTION_partner .container{ max-width: 100%;} .SECTION_partner .container-swiper { position: relative; width: 100%; } .SECTION_partner .card { background-color: transparent; align-items: center; } .SECTION_partner .logo-slider { padding: 60px 0; background: #f5f5f5; position: relative; overflow: hidden;} .SECTION_partner{margin-bottom: var(--var-marginBottom-sectionHome--desktop);} .SECTION_partner div[class^="col"]:nth-child(1){text-align: center; /*opacity: 0.35;*/} .SECTION_partner div[class^="col"]:nth-child(2){display: flex;justify-content: space-between;} .SECTION_partner .div-img{width: 140px;height: 140px;margin-left: 15px;margin-right: 15px;} /* .SECTION_partner .div-bg{background-size: contain!important; object-fit: contain!important;} */ .SECTION_partner .div-bg img{background-size: contain!important; object-fit: contain!important;} .SECTION_partner .container{width: 100%; max-width: 100%;} .SECTION_partner .container .row > div[class^="col-"] {padding: 0;} .SECTION_partner .swiper { width: 100%; padding-top: 15px; height: 100px;} .SECTION_partner .swiper-slide {background-position: center; background-size: cover; width: 280px; height: 150px; width: auto !important; flex-shrink: 0 !important; display: flex; align-items: center; justify-content: center; padding: 0 40px;} .SECTION_partner .swiper-slide img {display: block; width: 100%; max-width: 180px; height: auto; transition: all 0.3s ease;} .SECTION_partner .swiper-wrapper { transition-timing-function: linear !important; display: flex !important; align-items: center !important; -webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important;} .SECTION_partner .swiper-pagination, .SECTION_partner .swiper-button-next, .SECTION_partner .swiper-button-prev{display: none; } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { .SECTION_partner .div-img{width: 120px;height: 120px;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { .SECTION_partner .swiper-slide{ width: 200px; } } /* ! ___display-max-md */ @media (max-width: 767.98px) { #Home .SECTION_partner h3{ font-size: 1.5rem;} .SECTION_partner div[class^="col"]:nth-child(2) {flex-wrap: wrap;} .SECTION_partner .div-img{width: 130px;height: 80px;} .SECTION_partner .swiper-slide{ padding: 0 10px; } } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .SECTION_partner{margin-bottom: var(--var-marginBottom-sectionHome--mobile);} .SECTION_partner .div-img{width: 100px;height: 80px;} .SECTION_partner .swiper-slide { width: 150px; } .SECTION_partner .swiper{margin-bottom: 0;} .SECTION_partner .swiper-slide{height: 100px;} } /* -------------------------------------------------------------------------------- */ /* ! Scroll */ /* -------------------------------------------------------------------------------- */ .SECTION_scroll{position: fixed; right: 0; bottom: 15px; z-index: 999;} .SECTION_scroll .icon{width: 25px; margin-left: 10px;} .SECTION_scroll .row {flex-direction: column;} .SECTION_scroll .row > div{width: auto;} .SECTION_scroll .row > div .btn-offcanvas, .SECTION_scroll .row > div .btn-modal{display: flex; height: 0; overflow: hidden; border: none; transition: all 0.5s cubic-bezier(.215, .61, .355, 1); padding: 0 15px; align-items: center; background: #fff;border: none;} /* ! - animations */ .SECTION_scroll .row > div .btn-modal.show, .SECTION_scroll .row > div .btn-offcanvas.show{animation-name: reveal; animation-duration: 3s; height: 45px; border: 2px solid #000; padding: 7px 15px;} @keyframes reveal {0% {opacity: 0;} 100%{opacity: 1;}} .SECTION_scroll .row > div .btn-modal:not(.show), .SECTION_scroll .row > div .btn-offcanvas:not(.show){height: 0; animation-direction: reverse; animation-name: reveal;animation-duration: 3s;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { .SECTION_scroll .icon{display: none;} } /* ! -------------------------------------------------------------------------------- */ /* ! COMPONENTS */ /* ! -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* ! Form PREVENTIVO */ /* -------------------------------------------------------------------------------- */ button[data-bs-target="#preventivoModal"]{ backdrop-filter: blur(15px); background: #ffffff78;} .modal#preventivoModal .modal-header{ position: relative; filter: invert(0); margin-bottom: 0px;} .modal#preventivoModal .modal-header .btn-close{ position: absolute; top: 25px; right: 25px;} .modal#preventivoModal .modal-body .summary-subtitle{ font-size: 1.25rem; font-weight: 200;} .modal#preventivoModal .modal-body .img-icon{ filter: brightness(0);} .modal#preventivoModal .modal-body input:not([type="checkbox"]){ border-radius: var(--var-borderRadius-2);} .modal#preventivoModal .modal-body select{ border-radius: var(--var-borderRadius-2); height: calc(3.5rem + 2px);} .modal#preventivoModal .modal-body .form-floating label{ text-align: left;} .modal#preventivoModal .modal-body ul.setup-panel li.active a .list-group-item-heading{ padding: 2px 0px 0px 1px;} .modal#preventivoModal .modal-body .col-button-send .btn:disabled{ background: transparent; color: #000; border: 1px solid #000; opacity: 0.5; cursor: not-allowed;} .modal#preventivoModal .modal-body .col-button-send .btn{ opacity: 1;} .modal#preventivoModal .modal-body .form-2 .room { border: 1px solid #ccc; padding: 15px; margin-bottom: 10px; border-radius: calc(var(--var-borderRadius-2) + 15px); position: relative;} .modal#preventivoModal .modal-body .form-2 .room h3 { margin: 0 0 10px 0;} .modal#preventivoModal .modal-body .form-2 .remove-room { position: absolute; top: 15px; right: 15px; background: #ff0f0f; color: white; border: none; cursor: pointer; border-radius: var(--var-borderRadius-2); width: 45px; height: 45px;} .modal#preventivoModal .modal-body .form-2 .remove-room:hover { background: #cb0c0c;} .modal#preventivoModal .modal-body .form-2 label { display: block; margin-top: 10px; padding-left: 6px; margin-bottom: -5px;} .modal#preventivoModal .modal-body .form-2 input { width: 100%; padding: 5px; margin-top: 5px; border: 2px solid #d5d5d5;} .modal#preventivoModal .modal-body .form-2 .add-room { border: 2px solid #067706; color: #fff; padding: 10px; cursor: pointer; display: block; width: 100%; margin-top: 15px; margin-bottom: 15px; border-radius: calc(var(--var-borderRadius-2) + 15px);} .modal#preventivoModal .modal-body .form-2 .add-room:hover { background: #067706; color: #fff;} .modal#preventivoModal .modal-body .form-2 .age-container { margin-top: 10px; display: flex; flex-direction: row; flex-wrap: wrap; gap: 2.2%;} .modal#preventivoModal .modal-body .form-2 .age-container__kid{ width: 18%;} .modal#preventivoModal .modal-body .room { border: 1px solid #ccc; padding: 15px; margin-bottom: 10px; border-radius: 5px; position: relative; } .modal#preventivoModal .modal-body .room h3 { margin: 0 0 10px 0; } .modal#preventivoModal .modal-body .remove-room { position: absolute; top: 10px; right: 10px; background: red; color: white; border: none; padding: 5px; cursor: pointer; border-radius: 3px;} .modal#preventivoModal .modal-body .remove-room:hover { background: darkred; } .modal#preventivoModal .modal-body .age-container { margin-top: 10px;} .modal#preventivoModal .modal-body .add-room, .show-data { background: green; color: white; border: none; padding: 10px; cursor: pointer; display: block; width: 100%; margin-top: 15px; border-radius: 5px;} .modal#preventivoModal .modal-body .add-room:hover, .show-data:hover { background: darkgreen; } .modal#preventivoModal .modal-body .show-data { background: blue; } .modal#preventivoModal .modal-body .show-data:hover { background: darkblue; } .modal#preventivoModal .modal-body #reservation-summary { display: none; } .modal#preventivoModal .modal-body .reservation-summary__room__title{margin-bottom: 10px;} #summary__step-1, #summary__step-2, #summary__step-3, #summary__step-4{ margin-top: 20px; margin-bottom: 20px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; background: #f1f1f1;} /* ! ___display-max-md */ @media (max-width: 767.98px) { .modal#preventivoModal .modal-body ul.nav-pills li{ width: 30%; } .modal#preventivoModal .modal-body ul.nav-pills li .list-group-item-text{text-align: center; line-height: 1rem; font-size: 0.85rem;margin-bottom: 0;} .modal#preventivoModal .modal-body ul.setup-panel li a{ border: 1px solid #ccc; border-radius: 15px; padding: 5px; height: 100%; justify-content: center; } .modal#preventivoModal .modal-body ul.setup-panel li a .list-group-item-heading{ width: 30px; height: 30px; font-size: 1rem; margin-bottom: 5px; } .modal#preventivoModal .modal-body ul.setup-panel { display: flex; margin: 10px 20px; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 5px; } form.container #form__step-1 div[class^="col-"] { display: flex; gap: 15px; flex-direction: column; } .modal#preventivoModal .modal-body .form-2 .age-container { gap: 4%; } .modal#preventivoModal .modal-body .form-2 .age-container__kid { width: 48%;} .summary__step-1__element, .summary__step-2__element, .summary__step-3__element, .summary__step-4__element { display: flex; flex-direction: column; gap: 0px; margin-bottom: 10px;} } /* -------------------------------------------------------------------------------- */ /* ! Cookie */ /* -------------------------------------------------------------------------------- */ .DivCook01 { backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); background: #15646cb8; box-shadow: 7px 12px 20px -4px #00000057; border: none; bottom: 50px; right: 50px; width: 500px; height: auto; position: fixed; padding: 30px; z-index: 1000; } .DivCookHeader01{font-size: 20px;text-align: center;font-weight: 500;color: #fff;margin-bottom: 15px;} .DivCookLogo00 {margin: 13px 0px;background-color: #fff;} .DivCookLogo00{display: none;} .DivCookTxt01 { color: #fff; } .DivCookPbs01 { margin-top: 10px; } .DivCookPbNo00 { background: rgb(185 37 37); color: #fff; padding: 5px 10px; display: inline-block; width: 49%; text-align: center; border-radius: 5px; margin-right: 1%; cursor: pointer; } .DivCookPbOk00 { background: rgb(26 153 26); color: #fff; padding: 5px 10px; display: inline-block; width: 49%; text-align: center; border-radius: 5px; margin-left: 1%; cursor: pointer; } /* ! ___display-max--sm */ @media (max-width: 575.98px) { .DivCook01{bottom: 12px;right: 12px;width: 90%;} } /* -------------------------------------------------------------------------------- */ /* ! Cards */ /* -------------------------------------------------------------------------------- */ /* ! - Cards-02 */ /* * sono quelle utilizzate in: * - #Home: per le top strutture * - #Stru: per le sistemazioni */ .Cards-02 .card h4.card__title-2{/*font-family: 'cocomat', sans-serif;*/ background: rgb(159 159 159 / 50%); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-size: 1.15rem; color: #fff; font-weight: 500; text-shadow: none;} .Cards-02 .card-body-header-text p.card__desc-1{width: fit-content; } .Cards-02 .card-body-header-text p.card__desc-2{font-weight: 600; width: fit-content; text-align: end; line-height: 1;} .Cards-02 .card .carousel .carousel-inner, .Cards-02 .card ul.amenities li.list-group-item .amenities__amenity-text{color: #000; overflow-wrap: anywhere;} .Cards-02 .card ul.amenities li.list-group-item .amenities__amenity-img{width: 19px;height: 19px;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { .Cards-02 .card .carousel .carousel-inner, .Cards-02 .card .carousel .carousel-inner .carousel-item {height: 200px!important;} .Cards-02 .card h4.card__title-2{/*font-size: 1rem;*/ text-shadow: 0px 0px 2px #000000b3;} .Cards-02 .card ul.amenities{display: none;} .Cards-02 .card a.card-link{ position: absolute; z-index: 2; height: 200px; width: 100%; margin: 0; border: transparent; color: transparent; border-radius: var(--var-borderRadius-3);} .Cards-02 .card-body-header { height: calc(200px - 2 * 0.75rem)!important;} } /* ! - Cards-03 */ /* * sono quelle utilizzate in: * - #Home: per le categorie di viaggio */ .Cards-03 .card{border-radius:var(--var-borderRadius-2);border-radius: calc(var(--card-border-radius) + var(--card-padding));} .Cards-03 .card .card-body{border-radius: var(--var-borderRadius-2);} .Cards-03 .card h3.card__title-1{font-size: 2rem; font-weight: 400; color: #fff; font-family: 'merienda', sans-serif;} .Cards-03 .card .card__desc-1{color: #fff;} .Cards-03 .card a.card__link{background: transparent; border: 2px solid white; border-radius: var(--card-border-radius); padding: 0.75rem 1.5rem!important;transition: all 0.25s cubic-bezier(.215, .61, .355, 1); color: #fff;backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px); font-weight: 400;} .Cards-03 .card a.card__link:hover{border: 2px solid #000;} .Cards-03 .card .carousel .carousel-inner, .Cards-03 .card .carousel .carousel-inner .carousel-item{ height: 425px;} .Cards-03 .card .carousel .carousel-inner .carousel-item::before { z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);} .Cards-03 .card a.card__link { position: absolute; z-index: 1; bottom: var(--card-padding); left: var(--card-padding); padding: 0.75rem 1.5rem !important; height: 50px; } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Home .Cards-03 .card h3.card__title-1{font-size: 1.75rem;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { #Home .Cards-03 .card h3.card__title-1{font-size: 2rem;} } @media (max-width: 575.98px){ .Cards-03 .card .carousel .carousel-inner, .Cards-03 .card .carousel .carousel-inner .carousel-item { height: 200px!important;} .Cards-03 .card .card-body-header{ bottom: -5%; transform: translateX(-50%); left: 50%; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} .Cards-03 .card a.card__link{ z-index: 10; width: 100%; height: 200px; bottom: 0; border-radius: var(--var-borderRadius-1); border: none; display: flex; justify-content: center; align-items: center; color: transparent; left: 0; backdrop-filter: blur(0px); -webkit-backdrop-filter: blur(0px); } .Cards-03 .card a.card__link:hover{border: none;} } /* -------------------------------------------------------------------------------- */ /* ! Modal */ /* -------------------------------------------------------------------------------- */ .modal .modal-header{flex-direction: column;} .modal .modal-header .modal-title.fs-5{font-size: 4.5rem!important;} #loginModal.modal .modal-header { margin-bottom: 0px; filter: invert(0);} /* #loginModal.modal .modal-header .modal-title{font-family: 'cocomat', sans-serif; font-size: 2rem !important; font-weight: 400;} */ #loginModal.modal .modal-header button{ position: absolute; right: 25px; top: 25px;} #loginModal.modal .modal-body { padding: var(--bs-modal-padding);} /* ! ___display-max-md */ @media (max-width: 767.98px) { .modal .modal-header .modal-title.fs-5{font-size: 3.5rem!important;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION form */ /* -------------------------------------------------------------------------------- */ #ModalScroll .modal-content{background: #efefef;} #ModalScroll .modal-header{border: none;} #ModalScroll .modal-header .div-img{height: 150px; border-radius: var(--var-borderRadius-3);} #ModalScroll .modal-body form .input-group, #Cont .SECTION_form form .input-group{margin-bottom: 20px; display: block;} #ModalScroll .modal-body form .form-textarea .form-label, #Cont .SECTION_form form .form-textarea .form-label{border-top-right-radius: var(--var-borderRadius-2);border-top-left-radius: var(--var-borderRadius-2);border-bottom-right-radius: 0;border-bottom-left-radius: 0;background: var(--var-color-4);color: #000;padding: 0.375rem 0.75rem;margin-bottom: 0px;width: 100%;} #ModalScroll .modal-body form button, #Cont .SECTION_form form button{margin-top: 25px;} /* ! - border radius */ #ModalScroll .modal-body form .input-group-text, #Cont .SECTION_form form .input-group-text{border-top-right-radius: var(--var-borderRadius-2);border-top-left-radius: var(--var-borderRadius-2);border-bottom-right-radius: 0;border-bottom-left-radius: 0;background: var(--var-color-4); color: #000;} #ModalScroll .modal-body form input:not(.form-check-input), #Cont .SECTION_form form input:not(.form-check-input){border-bottom-right-radius: var(--var-borderRadius-2);border-bottom-left-radius: var(--var-borderRadius-2);border-top-right-radius: 0;border-top-left-radius: 0;margin-left: 0;width: 100%;} #ModalScroll .modal-body form input:not(.form-check-input):focus, #Cont .SECTION_form form input:not(.form-check-input):focus{border-color: var(--var-color-1); box-shadow: 0 0 0 0.25rem rgba(253, 229, 13, 0.25);} #ModalScroll .modal-body form textarea.form-control, #Cont .SECTION_form form textarea.form-control{border-bottom-right-radius: var(--var-borderRadius-2);border-bottom-left-radius: var(--var-borderRadius-2);border-top-right-radius: 0;border-top-left-radius: 0;} #ModalScroll .modal-body form textarea.form-control:focus, #Cont .SECTION_form form textarea.form-control:focus{border-color: var(--var-color-1); box-shadow: 0 0 0 0.25rem rgba(253, 229, 13, 0.25);} #ModalScroll .modal-body form .form-check input.form-check-input, #Cont .SECTION_form form .form-check input.form-check-input{border-radius: var(--var-borderRadius-2); border-color: var(--var-color-1); box-shadow: 0 0 0 0.25rem rgba(253, 229, 13, 0.25);} /* ! ___display-max--sm */ @media (max-width: 575.98px) { #ModalScroll .modal-body form .input-group > *, #Cont .SECTION_form form .input-group > *{width: 100%;} #ModalScroll .modal-body form button, #Cont .SECTION_form form button{width: 100%;} #ModalScroll .modal-body form input:not(.form-check-input), #Cont .SECTION_form form input:not(.form-check-input){left: 0; padding: 0.375rem 0.75rem;height: 50px;} #ModalScroll .modal-body form input:not(.form-check-input):focus, #Cont .SECTION_form form input:not(.form-check-input):focus{box-shadow: 3px 5px 10px -3px #00000017; transform: translateX(0px)scale(1);} #ModalScroll .modal-body form .form-check input.form-check-input, #Cont .SECTION_form form .form-check input.form-check-input{height: 20px;width: 20px;} #ModalScroll .modal-body form .form-check-label, #Cont form .form-check-label{margin-left: 2.2rem;} /* ! - border radius */ #ModalScroll .modal-body form .input-group-text, #Cont .SECTION_form form .input-group-text{border-radius: var(--var-borderRadius-2); border-bottom-right-radius: 0; border-bottom-left-radius: 0;} #ModalScroll .modal-body form input, #Cont .SECTION_form form input{border-radius: var(--var-borderRadius-2); border-radius: var(--var-borderRadius-2);} } /* -------------------------------------------------------------------------------- */ /* ! MOTORE */ /* -------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------- */ /* ! - Home */ /* -------------------------------------------------------------------------------- */ #Home .SECTION_motore.CssSild .motoreDiRicerca select.form-select{padding: 0px 20px 5px 5px;} #Home .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie{margin-right: 0;} #Home .SECTION_motore.CssSild .motoreDiRicerca .form-floating label{padding: 12px 0px 0px 14px;} #Home .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut .form-floating input.form-control{padding-top: 21px;} #Home .SECTION_motore.CssSild .motoreDiRicerca img.icon{top: -2px;position: relative;} /* -------------------------------------------------------------------------------- */ /* ! - Engi & Dest */ /* -------------------------------------------------------------------------------- */ #Engi .SECTION_motore.CssSild .motoreDiRicerca{margin-top: 4px;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group .input-group-text{background: var(--var-color-4);border-radius: var(--var-borderRadius-2);} #Engi .SECTION_motore.CssSild .motoreDiRicerca button{background: #fff;} #Engi .SECTION_motore.CssSild .motoreDiRicerca button:hover{background: #000;} #Engi .SECTION_motore.CssSild .motoreDiRicerca select.form-select, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1) input, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2) input{border-radius: var(--var-borderRadius-2);border: none;box-shadow: 1px 2px 5px -2px #00000033;} #Engi .SECTION_motore.CssSild .motoreDiRicerca select.form-select{margin-left: 6px;} #Engi .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 0px; width: calc(100%);} #Engi .motoreDiRicerca .input-group-checkInOut .form-floating{margin-left: 0px; width: 100%;} #Engi .motoreDiRicerca .input-group-checkInOut, #Dest .motoreDiRicerca .input-group-checkInOut { grid-template-columns: [first] 34px; gap: 0px;} /* ! ___display-min-xl */ @media (min-width: 1200px) { #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut {gap: 8px; grid-template-columns: [first] 42px; grid-template-rows: 55px;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(1){height: 47px;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut div:nth-of-type(2){height: 47px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Engi .SECTION_motore.CssSild .motoreDiRicerca {margin-top: 0px;margin-bottom: 50px;justify-content: center;align-items: center;flex-direction: column;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group-checkInOut{margin-bottom: 25px;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-destinazioni{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-porti{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-mesi{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-rangePriceDaA{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-strutture{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .slider-wrapper.input-group-rangePrezzo{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca .btn.search{width: 75%;} #Engi .SECTION_motore.CssSild .motoreDiRicerca > div > .form-floating{margin-left: 6px;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-destinazioni, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-porti, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-mesi, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut, #Engi .SECTION_motore.CssSild .motoreDiRicerca .btn.search{width: 85%;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-destinazioni, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-porti, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-mesi, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-rangePriceDaA, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-tipologie, #Engi .SECTION_motore.CssSild .motoreDiRicerca .input-group.input-group-checkInOut, #Engi .SECTION_motore.CssSild .motoreDiRicerca .btn.search{width: 100%;} } /* ! -- buttons filter */ #Engi .SECTION_motore.CssSild .buttons-filter{margin-bottom: 25px; } #Engi .SECTION_motore.CssSild .buttons-filter > div{border-radius: var(--var-borderRadius-1);background: var(--var-color-1);} #Engi .SECTION_motore.CssSild .buttons-filter > div span{margin-right: 5px;} #ModalScroll .div-bg { background-size: contain!important; object-fit: contain!important; } #ModalScroll .div-bg img { background-size: contain!important; object-fit: contain!important; } .ColEngiFiltSols .buttons-filter { margin-bottom: 1rem; } /* -------------------------------------------------------------------------------- */ /* ! - Newsletter */ /* -------------------------------------------------------------------------------- */ #newsletterModal.modal .modal-content{ position: relative;} #newsletterModal.modal .modal-body{ background: #eff2f7; padding: 0;} #newsletterModal.modal .modal-header{ margin-bottom: 0; filter: invert(0); position: absolute; top: 0; right: 0;} #newsletterModal.modal .modal-header .modal-title.fs-5{ font-size: 1.5rem;} #newsletterModal.modal .modal-body{ padding: var(--bs-modal-padding);} #newsletterModal.modal .btn-close{ position: absolute; right: 20px; top: 30px;} /* ! - confirm dialog */ .jconfirm{ background: #00000073;} .jconfirm.jconfirm-supervan .jconfirm-box { background-color: #ffffff; width: 100%; margin: auto; padding: 30px; background-position: center; border-radius: 30px;} .jconfirm.jconfirm-supervan .jconfirm-box div.content{ color: #000;} .jconfirm.jconfirm-supervan .jconfirm-box .buttons button{ font-size: inherit; background: #fff; color: #000; border: 2px solid #000; border-radius: 15px;} /*D:/aa/siti/aaa_ollytour.it/root/css/sildanviag/menu.css*/ /* -------------------------------------------------------------------------------- */ /* ! Navbar02 */ /* -------------------------------------------------------------------------------- */ /* ! - general */ header.navbar02{ background: transparent;} header.navbar02 nav{ background: #ffffffc4; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-radius: 32px; box-shadow: 0px 15px 33px -6px #00000029;} header.navbar02 nav a.navbar-brand .logo{width: 45px; height: 64px; background-size: contain!important; background-repeat: no-repeat!important; margin-top: -41px; left: 25px; position: absolute;} header.navbar02 nav ul li .nav-link{/*color: #fff;*/ color: #000; text-transform: uppercase;} header.navbar02 nav ul li .nav-link:hover{ color: #917d4d !important;} header.navbar02 nav a.btn{/*border: 2px solid #fff; color: #fff;*/ border: 2px solid #000; color: #000; margin-right: 10px;background: transparent;} header.navbar02 nav a.btn:hover{border: 2px solid #000; background: rgba(0, 0, 0, 1); color: #fff;} header.navbar02 .navbar-collapse__contenuto-a-destra{display: flex; flex-direction: row; align-items: center;} header.navbar02 form{margin-bottom: 0;} .dropdown-item.active, .dropdown-item:active{ color: #000; font-weight: 500;} /* ! ___display-min-lg */ @media (min-width: 992px) { header.navbar02 nav ul.navbar-nav{margin-left: 50px;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { header .container { max-width: 970px; } } /* ! - dropdown */ header.navbar02 .dropdown-submenu>.dropdown-menu { -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px;} header.navbar02 .dropdown-submenu>a:after { border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px;} header.navbar02 .dropdown-submenu:hover>a:after { border-left-color: #fff;} header.navbar02 .dropdown-submenu.pull-left>.dropdown-menu {-webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px;} header.navbar02 .navbar-expand-lg .navbar-nav .dropdown-menu{background: #fff; border-radius: var(--var-borderRadius-2);border: none;} header.navbar02 .navbar-expand-lg .navbar-nav .dropdown-menu a.dropdown-item{background: transparent;} /* ! - Login */ #loginModal{ backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px);} #loginModal .modal-content{ backdrop-filter: blur(40px); -webkit-backdrop-filter: blur(40px); background: var(--var-color-4);} #loginModal .modal-content .modal-body .form-floating .form-control{border-radius: var(--var-borderRadius-2); border: 2px solid white; background: #0000001a; color: #fff;} #loginModal .modal-content .modal-body .btn{ border: 2px solid white; background: var(--var-color-2); color: #fff;} header.navbar02 button.button__account { border: 2px solid #000000; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);} header.navbar02 button.button__account:hover{background: var(--var-color-1)!important; border: 2px solid #000;} header.navbar02 button.button__account img{ position: relative; left: 0; top: 0; width: 20px; height: 25px;} /* header.navbar02 button.button__account:not(:hover) img { filter: invert(0%);} */ /* ! - azione allo scroll */ header.navbar02.navbar--sild{top: 20px;} #Home header.navbar02:not(.navbar--sild), #Engi header.navbar02:not(.navbar--sild), #Team header.navbar02:not(.navbar--sild){top: 90px;} header.navbar02:not(.navbar--sild){top: 20px;} /* ! ___display-max-lg */ @media (max-width: 991.98px) { header.navbar02 .navbar-toggler{/*filter: brightness(0) invert(1);*/ border: 1px solid #868686;} #Home header.navbar02:not(.navbar--sild), #Engi header.navbar02:not(.navbar--sild), #Team header.navbar02:not(.navbar--sild){top: 20px;} } /*D:/aa/siti/aaa_ollytour.it/root/css/sildanviag/stru.css*/ /* -------------------------------------------------------------------------------- */ /* ! General */ /* -------------------------------------------------------------------------------- */ :root{ --var-background: #F1F1F1; --var-borderRadius-1:25px; --var-img-squareSize-xsm: 140px; --var-img-squareSize-sm:199px; --var-img-squareSize-md:500px; --var-img-space-1:20px; } #Stru main.PageDataDiv{margin-top: 135px;} #Stru h2{font-size: 3rem;} #Stru h3{font-size: 2rem;} #Stru p{line-height: 1.65rem;} #Stru .img--full-width{margin-bottom: 50px;margin-top: 50px; height: 500px; width: 100%;} #Stru .galleria01 > button:hover{background: none;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Stru main.PageDataDiv {margin-top: 115px;} #Stru .img--full-width {height: 175px;} #Stru h2{font-size: 3rem; text-align: center;} #Stru h3{font-size: 1.75rem; text-align: center;} } /* ! - gallery */ #Stru .galleria01 img{border-radius: var(--var-borderRadius-1);width: var(--var-img-squareSize-sm);height: var(--var-img-squareSize-sm);} /* ! -- modal */ #Stru .galleria01 .modal .modal-content{background: transparent;border: none;} #Stru .galleria01 .modal .modal-content .modal-header{position: relative;} #Stru .galleria01 .modal .modal-content .modal-header, #Stru .galleria01 .modal .modal-content .modal-footer{border: none;} #Stru .galleria01 .modal .modal-content img{width: 500px;height: 500px;} #Stru .galleria01 .modal .modal-content button.btn-close{width: 35px;height: 35px;filter: invert(97%) sepia(8%) saturate(127%) hue-rotate(209deg) brightness(114%) contrast(100%);transform: scale(1.5);} #Stru .galleria01 .modal .modal-content button.btn-close:focus{box-shadow: none;} #Stru .galleria01 .modal.fade.show{backdrop-filter: blur(40px);-webkit-backdrop-filter: blur(40px);} #Stru .galleria01 .modal .carousel-control-next{right: -80px;} #Stru .galleria01 .modal .carousel-control-prev{left: -80px;} /* ! ___display-max-md */ @media (max-width: 767.98px) { #Stru .galleria01 .carousel .carousel-inner .carousel-item {height: 100%;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Stru .galleria01 .modal .modal-content{display: flex; flex-direction: column-reverse;} #Stru .galleria01 .galleriaButtonModal{margin-left: 0;gap: 10px;margin-top: 10px;justify-content: center; margin-bottom: 15px;} #Stru .galleria01 .galleriaButtonModal > img{width: var(--var-img-squareSize-xsm);height: var(--var-img-squareSize-xsm);} #Stru .galleria01 .modal .modal-content .carousel-inner{height: 75vh;} #Stru .galleria01 .modal .modal-content .carousel-inner img {height: 100%;} #Stru .galleria01 .modal .carousel-control-next{right: 0px;filter: invert(1%) sepia(8%) saturate(127%) hue-rotate(216deg) brightness(100%) contrast(100%);} #Stru .galleria01 .modal .carousel-control-prev{left: 0px;filter: invert(1%) sepia(8%) saturate(127%) hue-rotate(216deg) brightness(100%) contrast(100%);} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_name-star-pos */ /* -------------------------------------------------------------------------------- */ #Stru .SECTION_name-star-pos div[class^="col-"] {display: flex; flex-direction: column;} #Stru .SECTION_name-star-pos .card__stars{order: 1; position: relative;top: -5px;left: 5px;} #Stru .SECTION_name-star-pos h1.struttura-nome{order: 2; font-size: 4.5rem;display: inline-block;margin-bottom: 0;} #Stru .SECTION_name-star-pos p.struttura-localita{order: 3; margin-bottom: 25px;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Stru .SECTION_name-star-pos h1.struttura-nome{font-size: 3.5rem;display: inline-block;width: 100%;} #Stru .SECTION_name-star-pos p.struttura-localita {margin-bottom: 10px;} #Stru .SECTION_name-star-pos .card__stars{margin-bottom: 5px;display: block;} #Stru .SECTION_name-star-pos .card__stars svg { width: 20px; height: 20px;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_amne_price_slider_gallery */ /* -------------------------------------------------------------------------------- */ #Stru .SECTION_amne_price_slider_gallery{margin-bottom: var(--var-marginBottom-section);} /* ! - amenities */ #Stru .SECTION_amne_price_slider_gallery .col-amenity{display: flex;flex-direction: row;align-items: flex-end;margin-bottom: 25px;} #Stru ul.amenities{display: flex;flex-direction: row;gap: 0 25px;} #Stru ul.amenities li{display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;border: none;padding: 0;background: transparent;} #Stru ul.amenities li .amenities__amenity-img{margin-right: 5px;} #Stru .SECTION_amne_price_slider_gallery .col-amenity p.a-partire-da{display: inline-block;margin-left: auto;margin-right: 12px;font-style: italic;margin-bottom: 0;line-height: 0;} #Stru .SECTION_amne_price_slider_gallery .col-amenity p.prezzo{display: inline-block;font-size: 1.75rem;position: relative;top: 10px;margin-bottom: 0;} /* ! - slider */ #Stru .SECTION_amne_price_slider_gallery .col-slider{display: flex;flex-direction: row;flex-wrap: nowrap;} #Stru .SECTION_amne_price_slider_gallery .col-slider > .carousel{width: 66%;} #Stru .SECTION_amne_price_slider_gallery .col-slider > .carousel .carousel-inner .carousel-item{width: 100%;height: 420px;border-radius: var(--var-borderRadius-1); overflow: hidden;} /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Stru .SECTION_amne_price_slider_gallery .col-slider > .carousel .carousel-inner .carousel-item{height: 350px;} } /* ! - gallery */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01{display: flex;flex-wrap: wrap;justify-content: flex-end;align-content: space-between;height: 100%;width: 35%;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal{display: grid;width: 100%;gap: 20px;margin-left: 20px;gap: 10px; margin-top: 10px;} /* ! -- gallery: grid system */ /* ! --- 4 img */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-4:nth-child(1){grid-column: 1;grid-row: 1;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-4:nth-child(2){grid-column: 2;grid-row: 1;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-4:nth-child(3){grid-column: 1;grid-row: 2;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-4:nth-child(4){grid-column: 2;grid-row: 2;} /* ! --- 3 img */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-3:nth-child(1){width: 100%;grid-column: 1 / span 2;grid-row: 1;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-3:nth-child(2){grid-column: 1;grid-row: 2;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-3:nth-child(3){grid-column: 2;grid-row: 2;} /* ! --- 2 img */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-2:nth-child(1){width: 100%;grid-column: 1 / span 2;grid-row: 1;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-2:nth-child(2){width: 100%;grid-column: 1 / span 2;grid-row: 2;} /* ! --- 1 img */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-1:nth-child(1){width: 100%;height: 420px;grid-column: 1 / span 2;grid-row: 1 / span 2;} /* ! ___display-max-xxl */ @media (max-width: 1399.98px) { #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01{width: 43%;} } /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01{width: 59%;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { #Stru .SECTION_amne_price_slider_gallery .col-amenity ul.amenities{width: 100%;} #Stru .SECTION_amne_price_slider_gallery .col-amenity{flex-wrap: wrap;} #Stru .SECTION_amne_price_slider_gallery .col-slider{flex-wrap: wrap;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01{width: 100%;} #Stru .galleria01 .galleriaButtonModal{display: flex;flex-wrap: wrap;margin-top: 20px;margin-left: 0!important;} #Stru .SECTION_amne_price_slider_gallery .col-slider > .carousel{width: -webkit-fill-available;} #Stru .SECTION_amne_price_slider_gallery .col-slider > .carousel .carousel-inner{width: 100%;} /* ! -- gallery: grid system */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img{width: 100%;} /* ! --- 4 img */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-4:nth-child(1){grid-column: 1;grid-row: 1;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-4:nth-child(2){grid-column: 2;grid-row: 1;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-4:nth-child(3){grid-column: 1;grid-row: 2;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-4:nth-child(4){grid-column: 2;grid-row: 2;} /* ! --- 3 img */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-3:nth-child(1){width: 100%;grid-column: 1;grid-row: 1;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-3:nth-child(2){grid-column: 2;grid-row: 1;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-3:nth-child(3){grid-column: 3;grid-row: 1;} /* ! --- 2 img */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-2:nth-child(1){width: 100%;grid-column: 1;grid-row: 1;} #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-2:nth-child(2){width: 100%;grid-column: 2;grid-row: 1;} /* ! --- 1 img */ #Stru .SECTION_amne_price_slider_gallery .col-slider .galleria01 .galleriaButtonModal > img.tot-images-1:nth-child(1){grid-column: 1;grid-row: 1;height: 200px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Stru .SECTION_amne_price_slider_gallery .col-amenity{margin-bottom: 15px; order: 2;} #Stru .SECTION_amne_price_slider_gallery .col-slider{order: 1;} #Stru .SECTION_amne_price_slider_gallery .col-amenity ul.amenities{gap: 10px;flex-direction: column;width: 100%;} #Stru .SECTION_amne_price_slider_gallery .col-amenity p.a-partire-da{font-size: 0.85rem;margin-bottom: 4px;} #Stru .SECTION_amne_price_slider_gallery .col-amenity p.prezzo{font-size: 1.5rem;font-weight: 600;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_description */ /* -------------------------------------------------------------------------------- */ /* ! - col-1 */ #Stru .SECTION-description{margin-bottom: var(--var-marginBottom-section);} /* ! - col-2 sidebar*/ #Stru .SECTION-description .sidebar{top: 45px; position: relative;width: 32.5%;background: #fff;border-radius: var(--var-borderRadius-1);padding: 2rem 1.5rem;height: fit-content;box-shadow: 0px 20px 33px -10px #0000002e;} #Stru .SECTION-description .sidebar p.vuoi-conoscere{ font-size: 1.5rem; margin-bottom: 15px; line-height: 28px;} #Stru .SECTION-description .sidebar a{color: #000;text-decoration: underline;display: block;margin-bottom: 5px;} /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Stru .SECTION-description .sidebar{margin-top: -25px;margin-bottom: 30px;margin-left: auto;margin-right: auto;width: inherit;} } /* ! ___display-max-lg */ @media (max-width: 991.98px) { #Stru .SECTION-description .sidebar{width: 90%;} } /* ! ___display-max-md */ @media (max-width: 767.98px) { #Stru .SECTION-description .sidebar p.vuoi-conoscere {font-size: 2rem; line-height: 30px; } } /* -------------------------------------------------------------------------------- */ /* ! SECTION_gallery */ /* -------------------------------------------------------------------------------- */ #Stru .SECTION_gallery{margin-bottom: var(--var-marginBottom-section);} #Stru .SECTION_gallery .galleria01 .galleriaButtonModal{display: flex;flex-direction: row;flex-wrap: wrap;gap: 20px;} /* ! ___display-max-md */ @media (max-width: 767.98px) { #Stru .SECTION_gallery .galleria01 .galleriaButtonModal{ justify-content: center;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Stru .SECTION_gallery .galleria01 .galleriaButtonModal{margin-left: 0;gap: 10px;margin-top: 10px;justify-content: center;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_dettagli */ /* -------------------------------------------------------------------------------- */ #Stru .SECTION_dettagli{margin-bottom: var(--var-marginBottom-section);} #Stru .SECTION_dettagli h2{position: absolute;} #Stru .SECTION_dettagli h3{max-width: 650px;margin-left: auto;margin-right: auto;} #Stru .SECTION_dettagli p{max-width: 650px;margin-right: auto;margin-left: auto;} .div-bg{border-radius: var(--var-borderRadius-1);} /* ! ___display-max-xl */ @media (max-width: 1199.98px) { #Stru .SECTION_dettagli h2{position: relative;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_sistemazioni */ /* -------------------------------------------------------------------------------- */ :root{ --card-padding: 1.25rem; --card-border-radius: 15px; --card-slideSize:300px; } #Stru .SECTION_top-stru{margin-bottom: var(--var-marginBottom-section);} #Stru .SECTION_top-stru .row{justify-content: center;} #Stru .SECTION_top-stru .row [class^='col-']{width: auto;} #Stru .SECTION_top-stru .card{width: var(--card-slideSize);border-radius: calc(var(--card-border-radius) + var(--card-padding));} #Stru .SECTION_top-stru .card .card-body{padding: 0;flex: inherit;display: flex;flex-direction: column;justify-content: space-between; height: 100%;justify-content: flex-start;} #Stru .SECTION_top-stru .card .card-body .card-body-header .card__stars{display: none;} #Stru .SECTION_top-stru .card .list-inline{display: none;} #Stru .SECTION_top-stru .card-body-header{position: absolute;z-index: 1;top: var(--card-padding);left: var(--card-padding);width: calc(100% - 2 * var(--card-padding));height: calc(var(--card-slideSize) - 2 *var(--card-padding));} #Stru .SECTION_top-stru .card h3.card__title-1{padding: calc(0.75*var(--card-padding)) calc(0.75*var(--card-padding));border-radius: var(--card-border-radius);background: rgba(188, 188, 188, 0.5);backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); font-weight: 700; width: fit-content; font-size: 0.75rem;} #Stru .SECTION_top-stru .card h4.card__title-2{display: none;} #Stru .SECTION_top-stru .card-body-header-text{display: none;} #Stru .SECTION_top-stru .card-body-header-text p.card__desc-1{line-height: normal; display: none;} #Stru .SECTION_top-stru .card-body-header-text p.card__desc-2{font-weight: 500; font-size: 1rem;text-align: center;line-height: normal;margin-bottom: 0;} #Stru .SECTION_top-stru .card .carousel .carousel-inner, #Stru .SECTION_top-stru .card .carousel .carousel-inner .carousel-item{height: var(--card-slideSize)!important;border-radius: calc(var(--card-border-radius) + var(--card-padding)) ;} #Stru .SECTION_top-stru .card .card-text{margin: var(--card-padding); -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box;} #Stru .SECTION_top-stru .card ul.amenities{margin-top: var(--card-padding);margin-bottom: var(--card-padding);} #Stru .SECTION_top-stru .card ul.amenities li.list-group-item .amenities__amenity-text{color: #000;} #Stru .SECTION_top-stru .card a.card-link{margin: var(--card-padding); margin-top: auto; border: 2px solid #000; background: transparent; color: #000; border-radius: var(--card-border-radius);font-weight: 600; transition: all 0.25s cubic-bezier(.215, .61, .355, 1);display: flex;justify-content: center; align-items: center; font-family: 'poppins';padding: 0.75rem; width: -webkit-fill-available;} #Stru .SECTION_top-stru .card a.card-link:hover{background: #000;color: #fff;} /* ! ___display-max--xxl */ @media (max-width: 1399.98px) { :root{--card-slideSize:260px;} } /* ! ___display-max--xl */ @media (max-width: 1199.98px) { :root{--card-slideSize:215px; --card-padding: 0.75rem;} #Stru .SECTION_top-stru .row [class^='col-']{margin-bottom: 2rem;} #Stru .SECTION_top-stru .card a.card-link{height: 40px;} } /* ! ___display-max--lg */ @media (max-width: 991.98px) { :root{--card-slideSize:300px;} } /* ! ___display-max--md */ @media (max-width: 767.98px) { :root{--card-slideSize:240px;} } /* ! ___display-max--sm */ @media (max-width: 575.98px) { :root{--card-slideSize: 180px;--card-padding: 0.75rem;} #Stru .SECTION_top-stru{margin-bottom: var(--var-marginBottom-sectionHome--mobile);} #Stru .SECTION_top-stru .row{gap: 10px 10px;} #Stru .SECTION_top-stru .row [class^='col-']{width: 85%;} #Stru .SECTION_top-stru .row .card{width: 100%;} #Stru .SECTION_top-stru .card-body-header-text{padding: 0.25rem 0.75rem;} #Stru .SECTION_top-stru .card-body-header-text p.card__desc-1 {font-size: 0.85rem;} #Stru .SECTION_top-stru .card-body-header-text p.card__desc-2{font-size: 1rem;} #Stru .SECTION_top-stru .card ul.amenities li.list-group-item{margin-bottom: 0;} } /* ! ___display-max--xsm */ @media (max-width: 400.98px) { :root{--card-slideSize: 150px;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_trattamenti */ /* -------------------------------------------------------------------------------- */ /* ! - card */ #Stru .SECTION_trattamenti-card .row{justify-content: center;} #Stru .SECTION_trattamenti-card .card {width: var(--card-slideSize);border-radius: calc(var(--card-border-radius) + var(--card-padding));} #Stru .SECTION_trattamenti-card .card .carousel .carousel-inner, #Stru .SECTION_trattamenti-card .card .carousel .carousel-inner .carousel-item {height: var(--card-slideSize)!important;border-radius: calc(var(--card-border-radius) + var(--card-padding));} #Stru .SECTION_trattamenti-card .card .card__title-1{font-size: 1.25rem;} #Stru .SECTION_trattamenti-card .card .card-text{margin: var(--card-padding);} #Stru .SECTION_trattamenti-card .card .card-text > br{margin-bottom: 10px;display: block;content: '';} /* ! ___display-max--sm */ @media (max-width: 575.98px) { #Stru .SECTION_trattamenti-card{margin-bottom: var(--var-marginBottom-sectionHome--mobile);} #Stru .SECTION_trattamenti-card .row{gap: 10px 10px;} #Stru .SECTION_trattamenti-card .row [class^='col-']{width: -webkit-fill-available;} #Stru .SECTION_trattamenti-card .row .card{width: 100%;} #Stru .SECTION_trattamenti-card .card-body-header-text{padding: 0.25rem 0.75rem;} #Stru .SECTION_trattamenti-card .card-body-header-text p.card__desc-1 {font-size: 0.85rem;} #Stru .SECTION_trattamenti-card .card-body-header-text p.card__desc-2{font-size: 1rem;} #Stru .SECTION_trattamenti-card .card ul.amenities li.list-group-item{margin-bottom: 0;} } /* -------------------------------------------------------------------------------- */ /* ! SECTION_collapseTab */ /* -------------------------------------------------------------------------------- */ #Stru .SECTION_collapseTab{margin-bottom: var(--var-marginBottom-section);} #Stru .SECTION_collapseTab .accordion-item{border: none;margin-bottom: 25px;border-radius: var(--var-borderRadius-2);} #Stru .SECTION_collapseTab .accordion-button{font-family: 'cocomat', sans-serif; background: var(--var-color-2);color: #fff;border-radius: var(--var-borderRadius-2);} #Stru .SECTION_collapseTab .accordion-button:focus{box-shadow: none;} #Stru .SECTION_collapseTab .accordion-button::after {filter: invert(97%) sepia(8%) saturate(127%) hue-rotate(209deg) brightness(114%) contrast(100%);} /* -------------------------------------------------------------------------------- */ /* ! SECTION_map */ /* -------------------------------------------------------------------------------- */ .SECTION_map #StruMap{height: 500px;margin-bottom: 40px;border-radius: var(--var-borderRadius-1);} /* -------------------------------------------------------------------------------- */ /* ! SECTION_social */ /* -------------------------------------------------------------------------------- */ #Stru .SECTION_social{margin-bottom: var(--var-marginBottom-section);} #Stru .SECTION_social h3{text-align: center;}