// Core variables and mixins @import "/bootstrap3.2.0/less/variables.less"; @import "/bootstrap3.2.0/less/mixins.less"; // Reset and dependencies @import "/bootstrap3.2.0/less/normalize.less"; @import "/bootstrap3.2.0/less/print.less"; @import "/bootstrap3.2.0/less/glyphicons.less"; // Core CSS @import "/bootstrap3.2.0/less/scaffolding.less"; @import "/bootstrap3.2.0/less/type.less"; @import "/bootstrap3.2.0/less/code.less"; @import "/bootstrap3.2.0/less/grid.less"; @import "/bootstrap3.2.0/less/tables.less"; @import "/bootstrap3.2.0/less/forms.less"; @import "/bootstrap3.2.0/less/buttons.less"; // Components @import "/bootstrap3.2.0/less/component-animations.less"; @import "/bootstrap3.2.0/less/dropdowns.less"; @import "/bootstrap3.2.0/less/button-groups.less"; @import "/bootstrap3.2.0/less/input-groups.less"; @import "/bootstrap3.2.0/less/navs.less"; @import "/bootstrap3.2.0/less/navbar.less"; //@import "/bootstrap3.2.0/less/breadcrumbs.less"; @import "/bootstrap3.2.0/less/pagination.less"; @import "/bootstrap3.2.0/less/pager.less"; @import "/bootstrap3.2.0/less/labels.less"; @import "/bootstrap3.2.0/less/badges.less"; @import "/bootstrap3.2.0/less/jumbotron.less"; @import "/bootstrap3.2.0/less/thumbnails.less"; @import "/bootstrap3.2.0/less/alerts.less"; @import "/bootstrap3.2.0/less/progress-bars.less"; @import "/bootstrap3.2.0/less/media.less"; @import "/bootstrap3.2.0/less/list-group.less"; @import "/bootstrap3.2.0/less/panels.less"; @import "/bootstrap3.2.0/less/responsive-embed.less"; @import "/bootstrap3.2.0/less/wells.less"; @import "/bootstrap3.2.0/less/close.less"; // Components w/ JavaScript @import "/bootstrap3.2.0/less/modals.less"; @import "/bootstrap3.2.0/less/tooltip.less"; @import "/bootstrap3.2.0/less/popovers.less"; @import "/bootstrap3.2.0/less/carousel.less"; // Utility classes @import "/bootstrap3.2.0/less/utilities.less"; @import "/bootstrap3.2.0/less/responsive-utilities.less"; @body-bg:#FFF; @link-color: #666; @text-color: #666; @font-family-sans-serif:'Raleway'; @font-size-base: 23px; /* BUTTON */ input[type=text], input[type=password], input[type=email], input[type=number], input[type=image], textarea, select { width: 100%; margin:0; -webkit-appearance:none; -moz-appearance:none; border: none; -webkit-border-radius: 0px; border-radius: 0px; display:block; text-indent:5px; } #pgall input[type=submit], #pgall input[type=button], { width:100%; text-align:center; cursor:pointer; display:block; -webkit-appearance:none; -moz-appearance:none; border: none; -webkit-border-radius: 0px; border-radius: 0px; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } a, a:active,a:focus,a:visited,a:link{ color:#666; } a, a:active,a:focus,a:visited,a:link,span,.fixed, i, input[type = "submit"]{ -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; outline:none; } .slick-slide{outline:none;} label{font-weight:normal;margin:0;} input[type="radio"], input[type="checkbox"]{margin:0;} /* ***************************** */ p{margin:0;} ul{margin:0px;} h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;} .no-pad{padding:0;} .blk{max-width:2000px;margin:0 auto;width:100%; @media (min-width: @screen-lg-min) { padding:0 40px; } } .container,.container-fluid{ max-width:100%; -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease } .container-fluid{max-width:1610px;} .cont-h1{ margin-bottom:10px; } .dettaglio h4{font-size:18px;color:#202020;} .cont-h1 hr{border-top:17px #264B85 solid;margin:20px 0;max-width:160px;} h1, h2.grande{font-size:50px;line-height:50px;color:#264B85;font-weight:bold; @media (max-width: @screen-md-max) { font-size:40px; line-height:42px; } @media (max-width: @screen-sm-max) { font-size:35px; line-height:37px; } @media (max-width: @screen-xs-max) { font-size:27px; line-height:29px; } } h2{font-size:53px;line-height:46px;margin-bottom:50px; @media (max-width: @screen-md-max) { font-size:48px; line-height:44px; margin-bottom:25px; } @media (max-width: @screen-xs-max) { font-size:35px; line-height:38px; } } h2 .piccolo{font-size:35px;display:block;line-height:37px; @media (max-width: @screen-xs-max) { font-size:23px; line-height:26px; } } h3{font-size:60px;margin-bottom:0px;color:#00ADEE;font-weight:bold;text-align:center; @media (max-width: @screen-sm-max) { font-size:40px; } @media (max-width: @screen-xs-max) { font-size:28px; } } .testo{margin:0 auto;font-size:23px;padding:10px 0; @media (max-width: @screen-xs-max) { padding:15px 0; font-size:18px; } } .testo.grey hr{border-top:1px solid #aaa;} .testo-sx{padding-right:15px;text-align:left;padding-left:10px; @media (max-width: @screen-sm-max) { padding-right:10px; } @media (max-width: @screen-xs-max) { padding-right:5px; text-align:center; padding-left:5px; } } .testo-dx{padding-left:15px;text-align:left;padding-right:10px; @media (max-width: @screen-sm-max) { padding-left:10px; } @media (max-width: @screen-xs-max) { padding-left:5px;text-align:center;padding-right:5px; } } span.titolo { color:#FF9900; font-weight:600; font-style:italic } // FORM CONTATTI #ContContatti { .form-group{margin-bottom:0;} .modulo_alt { &:extend(.form-control all); height:45px; border-radius:0; background-repeat:no-repeat; box-shadow:none; padding:0; font-size:18px; background-color:#FFF; border:none; margin:10px 0; box-shadow:inset 1px 1px 6px #ccc; } .bottone_alt { &:extend(.btn all); .button-variant(#fff; #000; #000); &:extend(.btn-block all); } .privacy-form { text-align: right; } .privacy-form label { margin:0; } label { display: block; margin: 7px 0; font-size:16px; color:#222222; font-weight:bold; } textarea { min-height: 139px; @media (max-width: @screen-sm-max) { min-height: 90px; } } .separatore{margin-bottom:10px;} select.modulo_alt{background-image: url(/source/arr_down.png);} #testo_privacy{font-size:11px !Important;} } #ContContatti input.datepicker, #data_partenza_lastminute, #data_arrivo_lastminute, #ContContatti input[name="arrivo"], #ContContatti input[name="partenza"]{ background-image:url(/source/calendario.png) !important; background-repeat:no-repeat; background-position:98% 50%; cursor:pointer; color:#000; } #ContContatti input[type = "button"].bottone_alt, #pgall .wrapper_form_cont input[type = "submit"] { cursor:pointer; color:#fff; width:auto; padding:0px 10px; height:55px; line-height:51px; width:100%; font-size:20px; font-weight:bold; margin-top:10px; -webkit-appearance:none; max-width:100%; max-width:240px; float:right; background-color:#1EAF5F; } #pgall .wrapper_form_cont input[type = "submit"] { height:45px; line-height:40px;} #ContContatti input[type = "button"].bottone_alt:hover, #pgall .wrapper_form_cont input:hover[type = "submit"]{background-color:#212121;color:#fff;} #ContContatti .privacy-form label { float: right; padding: 0; } .icone-servizi{ text-align:center; img{ margin-right:10px; @media(max-width:@screen-sm-max){ max-width:60px; max-height:60px; } } @media(max-width:@screen-sm-max){ margin-bottom:20px; } } .box-immagine{ position:relative; .titolo{ position:absolute; top:20px; left:20px; color:#B20000; font-weight:bold; background: rgba(255, 255, 255, 0.75); padding: 0.5rem; line-height:1; display:inline; } } // ****************************************************** .col-lg-2_5{ @media(min-width:@screen-lg-min){ width:20%; } } .col-5 { @media(min-width:@screen-sm-min) { width:20%; float:left; padding:0 5px; } } .blk-download { text-align:center; font-size:20px; font-weight:bold; color:#FFF; img { margin-bottom:15px; display:inline-block !important; } &:hover { color:#FFF; text-decoration:underline; } } /************************************************/ .pulsante{ &.richiedi{ line-height: 50px!important; border: 2px solid #FF9900!important; color:#FF9900!important; background-color:transparent!important; max-width: 100%; text-transform: uppercase!important; &:hover{ background-color: #FF9900!important; color:#fff!important; text-decoration: none!important; } @media(max-width:@screen-md-max){ font-size: 12px!important; } } &.calcola{ line-height: 50px!important; border: 2px solid #FF9900!important; color:#fff!important; background-color:#FF9900!important; max-width: 100%; text-transform: uppercase!important; &:hover{ background-color: #00abef !important; border: 2px solid #00abef !important; color:#FFF !important; text-decoration: none!important; } @media(max-width:@screen-md-max){ font-size: 11px!important; } } } .pulsante.txt{ display: inline-block !important; padding: 0 10px; color: #fff !important; font-weight: bold; } .slider-foto-pagina{ margin-bottom:0; .slick-slide{ padding:0 5px; } } html[lang="fr"] .pulsante{ &.richiedi, &.calcola{ font-size: 12px; @media(max-width:@screen-md-max){ font-size: 10px!important; } } } html[lang="de"] .pulsante{ &.richiedi, &.calcola{ font-size: 13px; @media(max-width:@screen-md-max){ font-size: 12px!important; } } } html[lang="nl"] .pulsante{ &.richiedi, &.calcola{ font-size: 14px; } } /************************/ //banner avviso virus nel top @font-face { font-family: 'icomoon'; src: url('/source/icomoon.eot?j8ejc8'); src: url('/source/icomoon.eot?j8ejc8#iefix') format('embedded-opentype'), url('/source/icomoon.ttf?j8ejc8') format('truetype'), url('/source/icomoon.woff?j8ejc8') format('woff'), url('/source/icomoon.svg?j8ejc8#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-animazione:before { content: "\e913"; } .icon-drink:before { content: "\e914"; } .icon-aria-pulita:before { content: "\e900"; } .icon-bike:before { content: "\e901"; } .icon-camper:before { content: "\e902"; } .icon-campi-sportivi:before { content: "\e903"; } .icon-freccia-banner:before { content: "\e904"; } .icon-insurance:before { content: "\e905"; } .icon-interface:before { content: "\e906"; } .icon-parco-acquatico:before { content: "\e907"; } .icon-people:before { content: "\e908"; } .icon-people-clear:before { content: "\e909"; } .icon-question:before { content: "\e90a"; } .icon-ristorante-bar:before { content: "\e90b"; } .icon-security:before { content: "\e90c"; } .icon-spiaggia:before { content: "\e90d"; } .icon-supermercato:before { content: "\e90e"; } .icon-tenda:before { content: "\e90f"; } .icon-transport:before { content: "\e910"; } .icon-washing:before { content: "\e911"; } .icon-washing-hands:before { content: "\e912"; } .flex { @media (min-width: @screen-sm-min) { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; -moz-align-items: center; align-content: center; justify-content: center; -webkit-justify-content: center; -webkit-align-content: center; } } .avviso_virus{ //display:none; //background-color:#FF9900; position: fixed; top: 0; right: 0; left: 0; z-index: 999; padding:0; @media(max-width:@screen-sm-max){ position:relative; } /* a{ display:block; background-color:#FF9900; color:#fff; width:100%; margin:auto; line-height:30px; font-size:16px; max-width: 580px; text-align:center; padding: 0 10px; font-weight:bold; @media(max-width:@screen-xs-max){ padding:0 2px; font-size:11px; } &:hover{ background-color:#FF9900; } span.ico{ color:#fff; &.sx{ margin-right:15px; span{ line-height:30px; font-size:20px; } } &.dx{ margin-left:15px; span{ line-height:30px; font-size:15px; } } } }*/ } /* html[lang="it"], html[lang="en"], html[lang="de"]{ .avviso_virus{ display:block; } body{ @media (min-width: @screen-md-min) { padding-top:40px !important; } .barra-desktop,.barra-mobile{ top:32px; } @media(max-width:@screen-sm-max){ .level1, .level1.slide-menu, .level2 { top:92px!important; &.scrolling{ top:60px!important; } } .barra-mobile.scrolling{ top:0; } } } } */ /* form nuovo */ #ContContatti.nuovo-form{ .alloggio{ display:none; } .row_field { width: 100%; padding-right: 2%; } .tipo-piazzola{ display:none; } } // pagina vacanza SICURA .sf-scudo{ background-color: #EEEEEE; background-image: url(/source/bg-scudo.png); background-repeat: no-repeat; background-position: top left; } //fascia call to action .fascia-cta{ background-color:#00ADEE; color:#fff; border-radius:5px; cursor:pointer; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; @media(max-width:@screen-xs-max){ float:left; padding:0 25px; } [class^="colonna-"], [class*=" colonna-"] { padding:40px 5px; @media(max-width:@screen-xs-max){ padding:25px 5px; } } .colonna-icona{ font-size:40px; } .colonna-testo{ font-weight:bold; } .colonna-freccia{ font-size:25px; @media(max-width:@screen-xs-max){ text-align:right; } } &:hover{ background-color:#00ADEE; color:#fff; } } a.pulsante-sicura{ display:block; padding:40px 8.3% 40px 18%; background-color:#00ADEE; color:#fff; font-size:25px; background-image:url('/source/arr-right-sicura.png'); background-position:95%; background-repeat:no-repeat; border-radius:20px; margin-top:25px; @media (max-width:@screen-sm-max) { padding:40px 15px; background-image:none; font-size:20px; text-align:center; } @media (max-width:@screen-xs-max) { padding:20px 10px; font-size:18px; } img{ position:absolute; left:7%; @media (max-width:@screen-sm-max) { position:relative; left:auto; margin:0 auto 15px auto; display:block; } } &:hover{ background-color:#f90; } } .pad-txt-lista{ padding-bottom:20px; h3{ font-size:22px; text-align:left; } ul{ padding:15px; } } .divisore { padding-bottom: 40px; @media (max-width: @screen-xs-max) { padding-bottom: 25px; } } /* +++++++++ */ #tka-ui-datepicker-div{ @media screen and (max-width: 767px){ width: 13em !important; } @media screen and (max-width: 991px) and (min-width: 768px){ } @media screen and (max-width: 1199px) and (min-width: 992px){ width: 37em !important; left: 17.75px !important; } @media screen and (min-width: 1200px){ left: 53.75px !important; width: 43em !important; } } .little{ font-size: 23px; line-height: 26px; display: block; } .listato-img-partner{ padding:0 5px .cnt-p{ } } .pad-row{ padding:60px 0; @media (max-width:@screen-md-max) { padding:40px 5px; } @media (max-width:@screen-sm-max) { padding:30px 5px; } @media (max-width:@screen-xs-max) { padding:20px 5px; float: left; } } .video_home{ left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden; position:absolute; iframe{ height:100%; } } .logo_modello{ position:absolute; left:0; top:0px; z-index:1; @media (max-width:@screen-xs-max) { right: 0; margin: auto; width: 100%; background-color: #fff; } } .sf-logolago{ background-image:url(/source/logo-lago.png); background-repeat:no-repeat; background-position:left center; background-size: contain; margin-top: 10px; padding-top: 30px; text-align:left; font-size:15px; padding-left:10px; } .camping{ margin-bottom:10px; } .dettaglio_news{ a:hover { color:#000; } a:visited { color:#000; } a:link { color:#000; } .row_fields { margin:6px 0; } h1 { color:#284B85; line-height:50px; text-shadow:0px 0px 0px; font-size:40px; } .pulsante { border:none !important; color:#fff !important; width:300px; margin-top:50px; background-color:#1E639F; } .cb { display:block; } .pulsante:hover { background-color:#1EAF5F; } .cont-h1 { margin-top:0; } h2 { color:#000; line-height:50px; text-shadow:none; font-size:25px; } h3 span { text-decoration:none !important; } } //fascia covid .fascia-covid{ background-color:#eeeeee; padding:30px; margin:25px 0; @media (max-width: @screen-md-max) { // margin-bottom:40px; } @media(max-width:@screen-sm-max){ // padding:40px 5px; } @media(max-width:@screen-xs-max){ padding:20px 5px; margin-bottom:25px; position: relative; } .colonna-icona{ text-align:center; @media(max-width:@screen-xs-max){ /* text-align:left; margin-bottom:0; position: absolute; left: 10px; top: 30px;*/ } span{ color:@text-color; font-size:45px; @media(max-width:@screen-xs-max){ font-size:35px; } } } .colonna-testo.testo{ padding:0 5px; padding-left: 55px; font-size:18px; @media(max-width:@screen-sm-max){padding-left:25px;padding-right:25px;} @media(max-width:@screen-xs-max){ padding:25px 10px; padding-left:10px; padding-right:10px; border:none; } .riga-titolo{ line-height:50px; margin-bottom:15px; h4{ text-align:left; color:#284B85; font-weight:bold; line-height:50px; .img-title{ max-height:40px; } } .icona-titolo{ text-align:center; img{ max-height:35px; } } } &.no-border{ border:none; h4{ @media(max-width:@screen-xs-max){ padding-left:0px; } } } &.align-r{ @media(min-width:@screen-md-min){ text-align:right; .riga-titolo h4{ text-align:right; } } } } } //slider covid .slider-covid{ margin-bottom:0; padding: 0 60px; @media(max-width:@screen-sm-max){ } @media(max-width:@screen-xs-max){ } //elementi che scorrono .cnt-slider-covid{ text-align:center; padding:0 5px; // max-width:300px; margin:auto; .bg-slider-covid{ -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; background-color:#fff; padding:30px 15px; .icona-covid{ span{ font-size:45px; color:@text-color; } } .testo-covid{ padding:15px 0px; line-height:1.2; a{ color:@text-color; font-weight:bold; } } &:hover{ background-color:@text-color; a{ color:#fff !important; span{ color:#fff !important; } } } } } } .i-frame { height:400px; width:100%; border:none; @media(max-width:@screen-sm-max){ height:530px; } @media(max-width:@screen-xs-max){ height:530px; } } .newsletter-button { border: none; height: 60px; -webkit-appearance: none; background: none; background: trasparent; color: #fff; font-weight: bold; background-color: #00ADEF; font-size: 19px; max-width: 320px; min-width: 240px; margin:30px; } //privacy fixed .privacy_fixed{ position:fixed; bottom:0; right:0; z-index:1; #_privacy{ display:none; } background-color:#fff; box-shadow: -1px -1px 3px #333; padding: 5px 15px; font-size: 14px; } //personalizzazione stile cookies .cookies_policy .wrp_cp{ .cookie_consent_container { button.grant_cookies{ background: #fff; border-color: #fff; color: #333; img{ display:none; } } } } .menu-top{ .sep{ background-color:#000 !important; } ul#root_2907{ margin-right: 64px; display:block; li{ a{ text-transform:uppercase; padding:27px 13px 21px; font-size:13px !important; } } li:last-child a{ background-image: url("/source/offerta-menu.png"); padding-right: 30px; background-position: 94%; color:#f90; } .voce_menu_33515{ display:none; } } } .etichetta-new{ position: absolute; top: 20px; right: 20px; background: #f90; padding: 10px; color: #fff; @media(max-width:@screen-sm-max){ font-size:12px; top:10px; right:10px; } } //landing page no index .dett_landing{ h1 { color: #284B85; line-height: 50px; text-shadow: 0px 0px 0px; font-size: 40px; } h2{ color:#000; line-height:50px; text-shadow:none; font-size:25px; } h3 span { text-decoration:none !important; } a:hover,a:visited,a:link{ color:#000; } .row_fields { margin:6px 0; } .pulsante { border:none !important; color:#fff !important; width:300px; margin-top:50px; background-color:#1E639F; } .cb { display:block; } .pulsante:hover { background-color:#1EAF5F; } .cont-h1 { margin-top:0; } }