:root{ --main-color-grey:#505255; --green-color: #989c6d; --light-pink: #f0ebe6; } .oxy-modal-backdrop.live{z-index:999999999999999 !important;} .grecaptcha-badge{display:none !important;} .oxy-video-background .oxy-video-container video{width:100% !important; object-fit: cover !important;} /*IUBENDA*/ body #iubenda-cs-banner .iubenda-banner-content:not(.iubenda-custom-content) *, body #iubenda-cs-banner [class*=" iub"], #iubenda-cs-banner [class^=iub], body #purposes-content-container .purposes-header .purposes-header-title{font-family: 'gotham' !important;} body #iubenda-cs-banner.iubenda-cs-default-floating.iubenda-cs-center:not(.iubenda-cs-top):not(.iubenda-cs-bottom) .iubenda-cs-opt-group button, body #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-bottom):not(.iubenda-cs-center) .iubenda-cs-opt-group button, body #iubenda-cs-banner.iubenda-cs-default-floating:not(.iubenda-cs-top):not(.iubenda-cs-center) .iubenda-cs-opt-group button{font-family: 'gotham' !important; text-transform: uppercase !important;border-radius: 5px !important;} /*ANIMATIONS*/ body:not(.logged-in) h1, body:not(.logged-in) h2, body:not(.logged-in) h3, body:not(.logged-in) .titoletto, body:not(.logged-in) .oxy-rich-text:not(.noanim){opacity: 0;} body:not(.logged-in) .bfor-button:not(.noanim), body:not(.logged-in) .form-octorate, body:not(.logged-in) .animate { opacity: 0; transform: translateY(40px);} .animated { opacity: 1 !important; transform: none;} html { scroll-behavior: smooth;} body:not(.logged-in) .ct-inner-content .ct-section:not(.noover):first-of-type { position: fixed !important; top: 0; left: 0; width: 100%; z-index: 0;} body:not(.logged-in) .ct-inner-content .ct-section:not(:first-of-type) { position: relative; z-index: 1; background: #fff; width:100%;} .split-line { display: block; overflow: hidden;} .split-line > div { display: inline-block; clip-path: inset(0% 0 0% 0); } body .ct-inner-content .ct-section:last-of-type {margin-bottom:-120px} body, html{overflow-x: hidden !important; max-width: 100%; } /*LIGHTBOX*/ .pswp{z-index: 999999999999 !important;} .pswp__caption__center{text-align:center !important;} .pswp__bg{background:rgba(0,0,0,0.8) !important;} /*TEXT*/ .ul-list ul{margin: 0; padding: 0; } .ul-list ul li{margin-bottom:10px; position:relative;margin-left: 25px;} .ul-list ul li:before{content:""; position:absolute; left: -25px; width: 20px; top: 0; height: 8px; background-color: var(--green-color); border-radius: 2px; transform: translateY(6px);} .ul-list ul li::marker{content: none !important;} .ul-list.ul-list-alt ul li:before{background-color: var(--light-pink); } .ul-list.columns ul{column-count: 2; } /*HEADER*/ header.header{z-index: 99999998 !important;} body header:after { content: ""; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background-color: #fff; z-index: -1; transition:all .4s ease-in-out;} body.sticky-header header:after{width:100%; border-color:var(--main-color-grey);} body.sticky-header header{border-bottom-color: var(--main-color-grey) !important; top: 0;} .humb-menu{cursor:pointer;} body:not(.oxygen-builder-body) .mega-menu{overflow:scroll; transition:all .4s ease-in-out; clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); margin-top: 1px;} body:not(.oxygen-builder-body).open-menu .mega-menu{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); transition:all .4s ease-in-out; } body header .humb-line{ transition: all .4s ease-in-out !important; } body.open-menu header .humb-line:nth-child(1){ transform: rotate(45deg) translate(6px, 5px);} body.open-menu header .humb-line:nth-child(2){ width:0;} body.open-menu header .humb-line:nth-child(3){transform: rotate(-45deg) translate(6px, -5px);} /*OCTORATE WIDGET*/ .form-octorate form{ display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; align-items: center; justify-content: space-between; padding:0 !important; overflow: hidden !important;} .form-octorate form > div:not(.octorate-tooltip):not(.octobooksubmit){width: calc((100% - 50px) / 4); padding: 0 0 0 10px; display: flex;flex-direction: row-reverse; align-content: center; justify-content: flex-end; align-items: center; position: relative; border-right:1px solid #fff;} .form-octorate form > div.octobookchild{border-right:none !important;} .form-octorate label{ text-transform: uppercase; font-size: 14px; font-weight: 700; color:var(--light-pink); } .form-octorate .octobook-date label{position: absolute; left: 65px;} .form-octorate label.active{opacity:0;} .form-octorate .octobook-date > div > div{box-shadow:none !important;} .form-octorate form > div.octobookpax, .form-octorate form > div.octobookchild{flex-direction: row !important; padding-left:10px !important; justify-content: flex-start !important;} .form-octorate .octobooksubmit{width:60px; flex-direction: column; flex-wrap: nowrap; align-content: center; align-items: center; } .form-octorate .octobook table td.day{font-size: 35px; color: #fff;} .form-octorate .textdate table td, .form-octorate .textdate table td .year{color:#fff;} .form-octorate .octobook-date .textdate{font-size:12px !important;} .form-octorate .octobook-date .textdate table{min-height: 20px !important; height:20px; } .form-octorate .octobook-date .textdate table tbody tr:nth-child(2){margin-top: -7px; display: block;} .form-octorate .octobookcategory.Large > div > select, .form-octorate .octobooknetwork.Large > div > select, .form-octorate .octobookpax.Large > div > select, .form-octorate .octobookcheckin > .inputdate > div > select, .form-octorate .octobookcheckout > .inputdate > div > select, .form-octorate .octobookchild.Large > div > select{min-height: 44px; padding: 0; line-height: 30px; background: none; box-shadow: none; color: #fff; width: 30px !important; text-align: center !important; font-size: 30px;} select:not(:-internal-list-box):not([multiple])::picker{color: #000 !important; } .form-octorate .octobookpax.Large:before, .form-octorate .octobookchild.Large:before{content: ""; height: 55px; width: 30px; background-image: url(img/people.svg); display: block; background-position: center; background-size: contain; background-repeat: no-repeat; border-radius: 0; margin-right:5px;} .form-octorate .octobookchild.Large:before{ background-image: url(img/child.svg);} .form-octorate .octobooksubmit > div:before{content:""; height: 50px; width: 50px; position: absolute; left: 0; top: 0; background-image: url("img/search.svg"); background-size: 27px; background-position: center; background-repeat: no-repeat; pointer-events: none; } .octobook .fa-calendar:before{content:"" !important; height: 33px; width: 33px; background-image: url(img/calendar.svg); display: block; background-position: center; background-size: contain; background-repeat: no-repeat;} .form-octorate .octobooksubmit{height:50px;} .form-octorate .octobooksubmit > div{position:relative;} .form-octorate .octobooksubmit > div:before{content:""; height: 50px; width: 50px; position: absolute; left: 0; top: 0; background-image: url("img/search.svg"); background-size: 27px; background-position: center; background-repeat: no-repeat; pointer-events: none; } .form-octorate .octobooksubmit input{height: 50px; width: 50px; font-size: 0; border: none; border-radius: 5px; background-color: #fff !important;} /*OCTORATE WIDGET .form-octorate .octobook form { overflow: hidden !important;} .form-octorate *{font-family: 'gotham';} .form-octorate .octobook-date.octobookcheckout{ margin-left: -5%;} .form-octorate .octobook-date:after{content:""; height: 100%; width: 1px; position: absolute; right: 0px; background-color: var(--light-pink);} .form-octorate form{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center;} .form-octorate .octobook-date{ display: flex !important; flex-direction: row-reverse; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center; position:relative;} .form-octorate .octobookcheckin > div > div, .form-octorate .octobookcheckout > div > div{box-shadow:none !important; width: 100%;} .form-octorate .octobook-date label{position: absolute; left: 50px; text-transform: uppercase; font-size: 14px; font-weight: 700; color:var(--light-pink); margin-left: 23px;} .form-octorate .octobookpax, .form-octorate .octobookchild{ display: flex !important; flex-direction: row-reverse; align-content: center; align-items: center;} .form-octorate .octobookpax label, .form-octorate .octobookchild label{margin-top:3px;} .form-octorate .octobookpax select, .form-octorate .octobookchild select{padding: 0 !important; background: none; font-size: 28px !important; color: var(--light-pink); border: none; box-shadow: none; min-height: 30px !important; text-align: center; height:30px;} .form-octorate .octobookpax label, .form-octorate .octobookchild label{text-transform: uppercase; font-size: 14px; font-weight: 700; color:var(--light-pink);} .form-octorate .octobook-date label.active{ margin-top: -30px; } .form-octorate .textdate {min-width: 180px;} .octobook .fa-calendar:before{content:"" !important; height: 33px; width: 33px; background-image: url(img/calendar.svg); display: block; background-position: center; background-size: contain; background-repeat: no-repeat;} .octobook table td.day > i{left: -15px; position: relative;} .form-octorate .textdate .tbody, .form-octorate .textdate .tbody tr, .form-octorate .textdate :is(tr, div._important), .form-octorate .textdate :-webkit-any(tr, div._important){display: flex !important; flex-direction: column;} .form-octorate td.day{color:var(--light-pink); position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 48px !important; min-width: 70px !important; text-align: right !important;} .form-octorate .textdate .tbody tr, .form-octorate .textdate :is(tr, div._important), .form-octorate .textdate :-webkit-any(tr, div._important){ padding-left: 65px !important;} .form-octorate .textdate tr:first-child td:not(.day){margin-top: 30px; color: var(--light-pink);} .form-octorate .textdate tr:last-child{margin-top:-4px; } .form-octorate .textdate tr td{color: var(--light-pink);} .form-octorate .textdate tr td .year{color: var(--light-pink); font-weight:600;} .form-octorate .octobooksubmit{height:50px;} .form-octorate .octobooksubmit > div{position:relative;} .form-octorate .octobooksubmit > div:before{content:""; height: 50px; width: 50px; position: absolute; left: 0; top: 0; background-image: url("img/search.svg"); background-size: 27px; background-position: center; background-repeat: no-repeat; pointer-events: none; } .form-octorate .octobooksubmit input{height: 50px; width: 50px; font-size: 0; border: none; border-radius: 5px;} .octobookpax.Large, .octobookchild.Large{position:relative;} .octobookpax.Large > div, .octobookchild.Large > div{width:50px;} .octobookpax.Large:before, .octobookchild.Large:before{content: ""; height: 55px; width: 30px; background-image: url(img/people.svg); display: block; position: absolute; left: -22px; top: 50%; transform: translateY(-50%); background-position: center; background-size: contain; background-repeat: no-repeat; border-radius: 0;} .octobookchild.Large:before{ background-image: url(img/child.svg);} */ /*Slider*/ .pagination-wrapper{position: relative; height: 20px; width: 56.65%; margin-top: 20px;} .swiper-pagination-progressbar{background-color:var(--light-pink);} .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#989c6d !important; } .swiper-button-next{right:-80px !important;} .swiper-button-prev{left:-80px !important;} .swiper-button-next, .swiper-button-prev{color:var(--main-color-grey) !important; width: 40px !important; height: 40px !important; border: 1px solid var(--main-color-grey); border-radius: 5px;} .swiper-button-next:after, .swiper-button-prev:after{font-size:18px !important; } .gallery .swiper-wrapper{ display: flex; width: auto !important; align-items: flex-start; justify-content: flex-start; flex-direction: row; flex-wrap: nowrap !important;} #galleryBfor.oxy-gallery-flex .oxy-gallery-item-sizer{padding-bottom:0 !important;} .gallery .swiper-wrapper { display: flex; flex-wrap: nowrap !important; align-items: flex-start; } .gallery .swiper-slide { display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; } .gallery .swiper-slide img { height: 100%; width: auto; object-fit: contain; opacity: 1 !important; display: block; } .gallery .oxy-gallery-item-contents {position:relative !important; background: none !important; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; margin: 0; } .gallery figcaption{display:none !important;} /* .gallery .swiper-wrapper .swiper-slide{ height: 350px; width: auto !important; display: flex; align-items: center; justify-content: center;} .gallery .swiper-wrapper .swiper-slide .oxy-gallery-item-contents{position:relative; background:none !important;} .gallery .swiper-wrapper .swiper-slide img{height: 100%; width: auto !important; object-fit: contain; opacity: 1 !important; display: block;} .gallery .swiper-slide figure { margin: 0; height: 100%; display: flex; align-items: center; justify-content: center; }*/ /*BLOG*/ .blog-single img{transition: all .4s ease-in-out;} .blog-single:hover img{transform: scale(1.05); filter: brightness(110%);} .single.single-post h2, .single.single-post h3, .single.single-post h4{text-transform: uppercase;} .title-archive > div > span{ display: flex; flex-direction: column; align-content: center; flex-wrap: nowrap; justify-content: center; font-size: 14px;} .title-archive > div > span > span{font-size:45px; font-weight:700;} /*FORM*/ .bfor-form input[type="text"], .bfor-form input[type="email"], .bfor-form input[type="tel"], .bfor-form textarea { width: 100%; padding: 35px 18px 18px; border: 1px solid #989c6d; border-radius: 5px; font-family: inherit; font-size: 16px; color: #333; background-color: transparent;text-transform: uppercase; font-weight: 600; outline: none; box-sizing: border-box;} .bfor-form textarea { min-height: 150px; resize: vertical;} .bfor-form .full:not(.accept) label { display: block; margin-bottom: 8px; font-weight: 600; text-transform: uppercase; font-size: 14px; color: #989c6d; position: absolute; left: 9px; top: 5px;} .bfor-form .full { display: flex; flex-wrap: wrap; gap: 0px; justify-content: space-between;} .bfor-form .mid p, .bfor-form .full p{margin:0 !important; position:relative; width: 100%; height: 100%;} .bfor-form .mid { flex: 1 1 49%; min-width: 49%; margin-bottom: 20px; max-width: 49%;} .bfor-form .full.accept { align-items: center; gap: 10px; display: flex; font-size: 15px; color: #000; text-transform: none;} .bfor-form .full.accept input[type="checkbox"] { width: 20px; height: 20px; border: 1px solid #989c6d; border-radius: 4px; appearance: none; -webkit-appearance: none; outline: none; cursor: pointer; position: relative; top: 4px !important;} .bfor-form .full.accept input[type="checkbox"]:checked::before { content: "✔"; position: absolute; font-size: 14px; color: #989c6d; left: 3px; top:0;} .bfor-form .sub input[type="submit"] {padding: 16px 50px; font-size: 18px; cursor: pointer; } .wpcf7 form .wpcf7-response-output { border-radius: 5px; border-width: 1px;} .light .bfor-form input[type="text"], .light .bfor-form input[type="email"], .light .bfor-form input[type="tel"], .light .bfor-form textarea, .light .bfor-form .full.accept input[type="checkbox"] {border: 1px solid #fff;} .light .bfor-form .full:not(.accept) label, .light .bfor-form .full.accept input[type="checkbox"]:checked::before{color:#fff;} .bfor-form.dayuse input[type="text"], .bfor-form.dayuse input[type="email"], .bfor-form.dayuse input[type="tel"], .bfor-form.dayuse textarea{padding: 26px 18px 8px;} .bfor-form.dayuse .sub input[type="submit"]{background-color:#fff; color:#989c6d; padding:8px 40px;} .bfor-form.dayuse .ter{width:32%;} .bfor-form.dayuse .ter.data input, .bfor-form.dayuse .ter select, .bfor-form.dayuse .ter.fascia input{ top: 30px; position: relative; background: none; padding: 0 6px; color: #fff; text-transform: uppercase; font-family: 'gotham'; text-align: left; width: 100%; border: none !important; outline: none !important; padding-right: 9px;} .fascia span.wpcf7-form-control-wrap{ height: 100%; display: block;} .fascia input{ height: 100%; position: absolute !important; left: 0; top: 0 !important; padding-top: 30px !important;} .bfor-form .mid.data input, .bfor-form .mid select, .bfor-form .tipo select{top: 30px; position: relative; background: none; padding: 0 6px; color: #989c6d; text-transform: uppercase; font-family: 'gotham'; text-align: left; width: 100%; border: none !important; outline: none !important; padding-right: 9px;} .bfor-form .mid.data input{ padding: 0 11px; } .bfor-form .mid select, .bfor-form .tipo select .bfor-form .mid.data input{width: 97%;} .bfor-form .tipo, .bfor-form .mid.data{border: 1px solid #989c6d; border-radius: 5px; height: 65px;} .bfor-form .mid select:active, .bfor-form .mid select:focus, .bfor-form .mid select:focus-active{border: none !important; outline: none !important;} .bfor-form .full.tipo{margin-bottom:15px;} .bfor-form.dayuse .ter.fascia input, .bfor-form.dayuse .ter.data input{ padding: 0 11px; } .bfor-form.dayuse .ter select, .bfor-form.dayuse .ter.data input{width: 97%;} .bfor-form.dayuse .ter.tipo, .bfor-form.dayuse .ter.data, .bfor-form.dayuse .ter.fascia{border: 1px solid #fff; border-radius: 5px; height: 65px;} .bfor-form.dayuse .ter.fascia label{ line-height: 1; padding-top: 5px;} .bfor-form.dayuse .ter select:active, .bfor-form.dayuse .ter select:focus, .bfor-form.dayuse .ter select:focus-active{border: none !important; outline: none !important;} .bfor-form.dayuse .full.accept{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-top:15px;} .bfor-form.dayuse .full.accept .wpcf7-list-item{margin:0 !important;} .bfor-form.dayuse .full.accept span{font-size:12px;} .bfor-form.dayuse .full.accept .sub p{ display: flex; flex-direction: row-reverse; flex-wrap: nowrap; align-content: center; justify-content: flex-end; align-items: center;} .bfor-form.dayuse .ter small{font-size: 9px; display:block;} .bfor-form.dayuse .full.accept .wpcf7-list-item-label{color:#fff;} .bfor-form.dayuse .full.accept .wpcf7-list-item-label a{color:#fff;} body .xdsoft_datetimepicker .xdsoft_calendar td:hover, body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{background-color:#989c6d !important;} body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background-color:#989c6d !important;} .light .bfor-form .wpcf7-not-valid-tip{font-size:12px !important; color:#fff !important;} .bfor-form input::-webkit-calendar-picker-indicator{background-image: url("img/calendar-dark.svg");} .bfor-form.dayuse input::-webkit-calendar-picker-indicator { background-image: url("img/calendar.svg");} .fascia span.wpcf7-form-control-wrap:after{content:"";position: absolute; right: 12px; bottom: 14px; background-image: url(img/arrow.svg); width: 5px; height: 11px; background-position: center; background-size: contain; background-repeat: no-repeat; transform: rotate(90deg);} @media (min-width:993px){ .sticky-sidebar{position:sticky; top:140px;} } @media (max-width:992px){ .bfor-form .mid { flex: 1 1 100%; min-width: 100%; max-width: 100%;} .form-octorate .octobook-date label{left: 55px;} .form-octorate .octobookpax.Large:before, .form-octorate .octobookchild.Large:before{display:none !important;} } @media (max-width:776px){ body .ct-inner-content .ct-section.noover{min-height:80vh !important;} body:not(.logged-in) .ct-inner-content .ct-section:not(.noover):first-of-type{min-height:100vh !important;} .form-octorate form{flex-wrap: wrap; padding: 0 20px !important;} .form-octorate form > div:not(.octorate-tooltip):not(.octobooksubmit){width:50% !important; margin: 0; padding: 0;} .form-octorate form > div:not(.octorate-tooltip):not(.octobooksubmit){ justify-content: flex-start;} .form-octorate .octobook-date, .form-octorate form > div.octobookpax{border-right:none !important;} .form-octorate .octobookpax.Large:before, .form-octorate .octobookchild.Large:before{display:block !important;} .form-octorate .octobooksubmit input, .form-octorate .octobooksubmit > div, .form-octorate .octobooksubmit{width:100% !important;} .form-octorate .octobooksubmit{margin-top:20px;} .form-octorate .octobooksubmit > div:before{padding-left: 180%;} .form-octorate .octobooksubmit > div:after { content: "Cerca"; font-family: 'gotham'; font-weight: 600; color:var(--green-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%); padding-left: 20px; font-size: 16px; text-transform: uppercase;} .gallery .swiper-slide {width: 100vw !important; margin:0 !important; padding:0 10px !important;} .ul-list.columns ul{column-count: 1; } .bfor-form.dayuse .ter{width:100%; margin-bottom:10px;} .bfor-form.dayuse .ter.data, .bfor-form.dayuse .ter.fascia{width:48%;} .bfor-form.dayuse .full:not(.accept) label{font-size:11px;} .bfor-form.dayuse input[type="text"], .bfor-form.dayuse input[type="email"], .bfor-form.dayuse input[type="tel"], .bfor-form.dayuse textarea{padding:20px 9px 6px; font-size:12px;} .bfor-form.dayuse .ter.tipo, .bfor-form.dayuse .ter.data, .bfor-form.dayuse .ter.fascia{padding:0 0 20px 0;} .bfor-form.dayuse .ter.data input, .bfor-form.dayuse .ter select, .bfor-form.dayuse .ter.fascia input{ top: 17px; font-size: 13px;} .bfor-form.dayuse .full:not(.accept) label{ left: 6px; top: 2px;} .bfor-form.dayuse .full.accept input[type="checkbox"]{width: 13px; height: 13px;} .bfor-form.dayuse .full.accept input[type="checkbox"]:checked::before{ font-size: 9px;} .bfor-form.dayuse .full.accept span{font-size: 9px;} .bfor-form.dayuse .sub input[type="submit"]{font-size:14px;} } @media (max-width:500px){ .form-octorate .octobookpax.Large:before, .form-octorate .octobookchild.Large:before{display:none !important;} .bfor-form.dayuse .full.accept{ flex-direction: column; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; padding-top: 0px;} .bfor-form.dayuse .full.accept .sub p{flex-direction: row;} .bfor-form.dayuse .mid{margin-bottom:10px;} } @media (prefers-color-scheme: dark) { :root{ --main-color-grey:#505255; --green-color: #989c6d; --light-pink: #f0ebe6; } .form-octorate{background-color: #989c6d;} }