// 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:#ffffff; @link-color: #AE7D5C; @text-color: #2a2a29; @font-size-base: 18px; @font-family-sans-serif: 'latoregular'; @font-alternative:'letter-gothic-reg'; @font-alternative-bold:'letter-gothic-bld'; @marrone-scuro:#3D1F12; @marrone-chiaro:#AE7D5C; @verde:#B0CA87; ::selection { background:@marrone-chiaro; color:#fff; } ::-moz-selection { background:@marrone-chiaro; color:#fff; } body{ background: url('/source/sf-pagina.jpg') top center no-repeat; background-size: cover; background-attachment: fixed; } .bold, b, strong{ font-family: 'latobold'; } .marrone-chiaro{ color:@marrone-chiaro; } .play{ font-family:@font-alternative; } .fa{ font-size:30px; color:@marrone-chiaro; @media (min-width: @screen-md-min) { font-size: 15px; color: #fff; background-color: #CB902D; width: 30px; height: 30px; text-align: center; padding: 8px 0; border-radius: 50%; } } .revealedBox{ > span{ background: @marrone-chiaro !important; } } /* 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,.fixed, i, input[type = "submit"],.preventivo, .scroll:before{ -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; } .transition_400, .freccia-none, .slick-prev, .slick-next,.prev-gallery,.next-gallery,.box-sezione .cont-img img,.pulsante{ -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -ms-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; } .transition_600{ -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -ms-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; } .slick-slide{outline:none;} .slick-prev, .slick-next{ color: @marrone-chiaro !important; height: 70px !important; width: 70px !important; -webkit-border-radius: 50% !important; border-radius: 50% !important; top: 50% !important; background-color: @text-color !important; border: 6px solid #ffffff !important; z-index: 100; &:hover{ color: @marrone-chiaro !important; border-color: @marrone-chiaro !important; &:before{ color: @marrone-chiaro !important; } } &:before{ opacity: 1 !important; font-size: 25px !important; } } .slick-prev{ left: 0px !important; } .slick-next{ right: 0px !important; } label{font-weight:normal;margin:0;} input[type="radio"], input[type="checkbox"]{margin:0;} .pulsante, .pulsante:link, .pulsante:active, .pulsante:visited, .pulsante:focus{ text-align:center; display:block; line-height:50px; color:@text-color; font-size:25px; margin:0 auto; background-color:@marrone-chiaro; max-width:100%; &:hover{ background-color:@text-color; color: @marrone-chiaro; } } /* ***************************** */ 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; @media (max-width: @screen-md-max) { padding-right:15px; padding-left:15px; } } .cont-h1{text-align:center;padding-top:150px;text-shadow:1px 1px 1px @text-color; @media (max-width: @screen-md-max) { padding-top:75px; } @media (max-width: @screen-sm-max) { padding-top:135px; } @media (max-width: @screen-xs-max) { padding-top:50px; } } h1, h2.grande{ font-size:50px; color:@text-color; line-height:50px; padding-bottom:0px; font-family:@font-alternative-bold; @media (max-width: @screen-sm-max) { font-size:40px; line-height:40px; } @media (max-width: @screen-xs-max) { font-size:30px; line-height:30px; } } h2{font-size:35px; font-family:@font-alternative-bold; @media (max-width: @screen-md-max) { font-size:28px;line-height:30px; } @media (max-width: @screen-xs-max) { font-size:21px;line-height:22px; } } h3{line-height:25px;font-size:25px;padding:15px 0 10px 0; font-family:@font-alternative-bold; @media (max-width: @screen-xs-max) { font-size:23px; line-height:23px; } } h4{font-size:22px;font-weight:normal;margin-bottom:25px;padding-top:25px; @media (max-width: @screen-sm-max) { font-size:22px; } } .titolo-trattino{ position: relative; font-weight: bold; /*&::before{ content: ''; border: 2px solid @marrone-chiaro; width: 90px;; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; }*/ span{ background-color: @marrone-chiaro; } @media(max-width:767px){ padding-left:0; } } .testo{padding:25px 5px;margin:0 auto;word-wrap: break-word;padding-top:0; @media (max-width: @screen-sm-max) { padding:25px 5px; } @media (max-width: @screen-xs-max) { padding:10px 15px; } } .testo-sx{padding-right:15px;text-align:left; padding-top:15px; @media (max-width: @screen-sm-max) { padding-right:10px; } @media (max-width: @screen-xs-max) { padding:15px 5px; } } .testo-dx{padding-left:15px;text-align:left; padding-top:15px; @media (max-width: @screen-sm-max) { padding-left:10px; } @media (max-width: @screen-xs-max) { padding:15px 5px; } } /* ***************************** */ .table-box { display: table; table-layout: fixed; width:100%; @media (max-width: @screen-xs-max) { display:block; } } .table-cell { display: table-cell; vertical-align: middle; float: none; @media (max-width: @screen-xs-max) { display:block; } } .mobile-center{ @media (max-width: @screen-sm-max) { text-align:center; } } /* ***************************** */ .txt-menu{ font-size:20px; } .link-icona{ text-transform: uppercase; padding-top: 15px; img, a{ vertical-align: middle; display: inline-block; } a{ color: #2a2a29; text-decoration: underline !important; &:hover{ color: #2a2a29; text-decoration: none !important; } } img{ border: none !important; margin-right: 5px; } } .specifiche{ text-align: center; margin-bottom: 15px; span{ display: inline-block; vertical-align: middle; margin: 0 25px; background-repeat: no-repeat; background-position: left center; padding-left: 35px; &.distanza{ background-image: url('/source/ico-distanza.png'); } &.dislivello{ background-image: url('/source/ico-dislivello.png'); } } } .modal-header{ .close{ margin-top: -13px; } } .modal-body { position: relative; padding: 15px; } // FORM CONTATTI #ContContatti { color:#3F4348; .form-group{margin:3px 0;} .modulo_alt { &:extend(.form-control all); height:40px; background-repeat:no-repeat; box-shadow:none; padding:0; font-size:20px; background-color:#FFF; margin:5px 0; color:#3F4348; border-radius:0; text-indent:10px; border:1px solid #3F4348; option{color:@text-color;} } .modulo_alt[readonly], .modulo_file{ background-image: url('/ATScripts/form/img/attach.png'); background-repeat: no-repeat; background-position: 5px center; cursor:pointer; text-indent:25px; background-color:transparent; } .bottone_alt { &:extend(.btn all); .button-variant(#fff; @text-color; @text-color); &:extend(.btn-block all); @media (max-width: @screen-sm-max) { float:none; margin:10px auto } } .privacy-form { text-align: right; } .privacy-form label { margin:0; display:inline; } label { display: block; margin: 5px 0; font-size:19px; color:#3F4348; } textarea { min-height: 125px; @media (max-width: @screen-sm-max) { min-height: 100px; } } .separatore{margin-bottom:10px;} select.modulo_alt{ background-image: url(/source/arr_down.png); background-repeat: no-repeat; background-position: 95% 50%; background-position: right 6px bottom 50%;} } #testo_privacy, .txtred_alt{font-size:14px !Important;color:#212121;} #ContContatti input.datepicker, #data_partenza_lastminute, #data_arrivo_lastminute, #ContContatti input[name="arrivo"], #ContContatti input[name="partenza"], #ContContatti input[name="disponibilita_da"], #ContContatti input[name="disponibilita_a"]{ background-color:trasparent !important; background-image:url(/source/calendario.png) !important; background-repeat:no-repeat; background-position:98% 50% !important; cursor:pointer; color:#3F4348; } #ContContatti input[type = "button"].bottone_alt, #pgall .wrapper_form_cont input[type = "submit"]{ cursor:pointer; color:#fff; background-color:@marrone-chiaro; padding:0px 10px; height:55px; width:100%; line-height: 45px; -webkit-appearance:none; float:right; margin:0 auto; margin-top:20px; font-weight:bold; outline:none; font-size: 30px; max-width: 240px; @media (max-width: @screen-xs-max) { float:none; } } #ContContatti input[type = "button"].bottone_alt:hover, #pgall .wrapper_form_cont input[type = "submit"]:hover{ background-color: #333;} #ContContatti .privacy-form label { padding: 0; } // ******************************************************