// 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: #1F1F1F; @text-color: #1F1F1F; @font-family-sans-serif: 'Nunito Sans', sans-serif; @font-size-base: 18px; @bold: 'Nunito Sans', sans-serif; @grassetto:'Oswald', sans-serif; @celeste:#5EA5BF; @light: 'Nunito Sans', sans-serif; .celeste { color:@celeste; } .bold { font-family:@bold; font-weight: 700; } .light { font-family:@light; font-weight: 300; } .grassetto{ font-family:@grassetto; } /* BUTTON */ input[type=email], input[type=image], input[type=number], input[type=password], input[type=text], select, textarea { width: 100%; margin: 0; -webkit-appearance: none; -moz-appearance: none; border: none; -webkit-border-radius: 0; border-radius: 0; display: block; text-indent: 5px; } #pgall input[type=button], #pgall input[type=submit] { width: 100%; text-align: center; cursor: pointer; display: block; -webkit-appearance: none; -moz-appearance: none; border: none; -webkit-border-radius: 0; border-radius: 0; -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:link, a:visited, 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; } .freccia-none, .pulsante, .slick-next, .slick-prev, .tendina-lingue, .transition_400 { -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; } label { font-weight: normal; margin: 0; } input[type="checkbox"], input[type="radio"] { margin: 0; } /* ***************************** */ .table-box { display: table; table-layout: fixed; width:100%; @media (max-width: @screen-xs-max) { display:block; width:auto; } } .table-cell { display: table-cell; vertical-align: middle; float: none; @media (max-width: @screen-xs-max) { display:block; } } p { margin: 0; } ul { margin: 0; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } .no-pad { padding: 0; } .blk { max-width: 2000px; margin: 0 auto; width: 100%; @media (min-width: @screen-lg-min) { padding: 0 25px; } @media (min-width: @screen-md-min) { padding: 0 15px; } } .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; } h1, h2.grande { font-size: 40px; color:#fff; font-weight:normal; background-color:rgba(13,71,97,.8); padding:40px; text-align:center; position:absolute; top:0; bottom:0; margin: auto; left:50px; height:130px; @media (max-width: @screen-md-max) { font-size: 35px; height:105px; padding:35px 20px; } @media (max-width: @screen-sm-max) { font-size:30px; height:83px; padding:25px 20px } @media (max-width: @screen-xs-max) { font-size: 22px; padding: 15px 15px; left: 15px; height: 50px; } &.blk-home{ left:5px; right:5px; margin:auto; max-width:385px; padding:20px; top: initial; bottom: 35px; a{color:#fff !important;} @media (max-width: @screen-md-max) { height:auto; } @media (max-width: @screen-xs-max) { } .bodyFont{ font-size: 18px; font-family: 'nunitoregular'; display: block; padding: 15px 0; } } } .image-container{ &.grayscale{ img{ -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease; } &:hover{ img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); } } } } .cont-h1 { } h2 { font-size: 35px; line-height: 1; color:#333; margin:0; padding:0; font-weight:400; @media (max-width: @screen-md-max) { font-size: 30px; } @media (max-width: @screen-sm-max) { font-size: 25px; } @media (max-width: @screen-xs-max) { font-size: 20px; } } .divisore { padding-bottom: 40px; @media (max-width: @screen-xs-max) { padding-bottom: 20px; } } h3 { font-size:25px; line-height:30px; text-align:center; color:#1F2620; } .testo { padding: 35px 5px; word-wrap: break-word; line-height: 1.5; font-family:@light; font-weight: 300; @media (max-width: @screen-sm-max) { padding: 25px 5px; } @media (max-width: @screen-xs-max) { padding: 20px 5px; text-align: center; } b,strong{ font-family:@bold; font-weight: 700; } a{text-decoration:underline !important;} } .testo-sx { padding-right: 20px; text-align: left; line-height:1.5; @media (max-width: @screen-sm-max) { padding-right: 5px; text-align: center; } @media (max-width: @screen-xs-max) { padding-right: 5px; } } .testo-dx { padding-left: 20px; text-align: left; line-height:1.5; @media (max-width: @screen-sm-max) { padding-left: 5px; text-align: center; } @media (max-width: @screen-xs-max) { padding-left: 5px; } } .circle{background-color:#212623;display:block;border-radius:50%;line-height:35px;width:100%;max-width:35px;text-align:center;color:#fff;margin:0 auto;margin-bottom:15px; @media (max-width: @screen-md-max) { line-height:30px;max-width:30px; } @media (max-width: @screen-sm-max) { line-height:40px;max-width:40px; } } .img-divisore{ @media (max-width: @screen-sm-max) { text-align:center; } } .img-top{margin-top:15px; @media (max-width: @screen-sm-max) { margin-top:0; } } .white{ color:#fff; a{ color:#fff; } } .medagliere{ table{ th,td{ padding:0 10px; @media (max-width: @screen-xs-max) { font-size: 10px; padding: 10px 10px; img{ max-width:25px; } } } th{ line-height:44px; background-color:#5EA5BF; color:#fff; } td{ border-bottom:1px solid #212121; line-height:70px; @media (max-width: @screen-md-max) { line-height:1; padding:20px 10px; } } } @media (max-width: @screen-sm-max) { margin-bottom:25px; padding:0; } } // FORM CONTATTI #ContContatti { color: #444; .form-group { margin: 3px 0; } .modulo_alt { &:extend(.form-control all); height: 45px; background-repeat: no-repeat; box-shadow: none; padding: 0; font-size: 19px; background: #fff; margin: 5px 0; color: #333; border: none; border-radius: 0px; text-indent: 10px; border: 1px solid #D6D8DA; option { color: #19; } &.required_module { box-shadow: 0 0 6px red; } } .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: #fff; } .bottone_alt { &:extend(.btn all); .button-variant(#fff; #000; #000); &: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: 18px; color: #5D595F; font-family:@light; font-weight: 300; @media (max-width: @screen-xs-max) { font-size: 15px; } } .sep { padding-bottom: 10px; } textarea { min-height: 130px; } .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 10px bottom 50%; } .privacy-form { @media (max-width: @screen-xs-max) { margin-top: 10px; } label { padding: 0; } } } #testo_privacy, .txtred_alt { font-size: 15px !Important; color: #5D595F; font-weight: normal; } #ContContatti input.datepicker, #ContContatti input[name="arrivo"], #ContContatti input[name="partenza"], #data_arrivo_lastminute, #data_partenza_lastminute { background-color: transparent !important; background-image: url("/source/calendario.png") !important; background-repeat: no-repeat; background-position: 98% 50% !important; cursor: pointer; color: #5D595F; } #ContContatti input[type = "button"].bottone_alt, #pgall .wrapper_form_cont input[type = "submit"] { cursor: pointer; color: #fff; background:#0D4761; text-transform:uppercase; padding: 0 10px; height: 50px; width: 100%; line-height: 45px; -webkit-appearance: none; float: right; margin: 20px auto 0; outline: none; font-size: 18px; max-width: 200px; border-radius: 0; font-family:@light; font-weight: 300; @media (max-width: @screen-xs-max) { float: none; max-width: 250px; } } #ContContatti input[type = "button"].bottone_alt:hover, #pgall .wrapper_form_cont input[type = "submit"]:hover { background:#A2CEE1; } #pgall .wrapper_form_cont .privacy_check div { display: inline-block; } #ContContatti #testo_privacy a:link, #ContContatti #testo_privacy a:active, #ContContatti #testo_privacy a:visited{ color:#5D595F!important } // ******************************************************