// Core variables and mixins @import "bootstrap3.2.0/less/variables.less"; @import "bootstrap3.2.0/less/mixins.less"; // Reset @import "bootstrap3.2.0/less/normalize.less"; @import "bootstrap3.2.0/less/print.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/glyphicons.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"; // ****************************************************** // import less // catalog @import "catalog/less/style_css_catalog.less"; @import "catalog/less/checkout.less"; //@import (css) "http://admin.abc.sm/cms/js_lib/jquery/effects/slick-slider/slick.css"; //@import (less) "classic.css"; //@import (less) "classic.date.css"; //mport (less) "jquery.pagepiling.css"; // ****************************************************** // variabili sito @colorPlace:#333; @official:#660000; @giallo:#F0B93C; @oro:#A98B63; @verde:#5F664D; @verde-light:#E5E6C7; @rosso:#8C271E; @grigio-scuro: #292929; @grigio-chiaro: #EFEFEF; @grigio: #888888; @nero: #535353; @bianco:#ffffff; @marrone:#38302D; @verde-leggero: #5F664C; // ****************************************************** // variabili bootstrap //@container-large-desktop: 1860px; @container-large-desktop: 1270px; @grid-gutter-width: 10px; @brand-primary: @official; @text-color: @nero; @font-family: 'Lato', sans-serif; @font-special: 'Open Sans', sans-serif; @font-special-bold: 'Open Sans', sans-serif; @font-size-base: 16px; .bold { font-weight:bold; } body{ //letter-spacing:1.4px; font-size:20px; font-weight:400; line-height:1.2; color:@verde; font-family:@font-family; font-weight:400; @media (max-width:@screen-md-max){ font-size:16px; } @media (max-width: @screen-xs-max) { font-size:15px; padding-left: 5px; padding-right: 5px; } } a { color:@verde; } a:hover { color:@verde-light !important; text-decoration:none; } .verde-light { color:@verde-light !important; a { color:@verde-light !important; } } h1,h2,h3,h4 { font-family:@font-special-bold; font-weight: 700; margin-top:0px !important; margin-bottom:20px; } h1 { font-size:45px; /* text-transform:uppercase;*/ font-weight:900; @media (max-width: @screen-md-max) { font-size: 35px; } @media (max-width: @screen-sm-max) { font-size: 35px; } @media (max-width: @screen-xs-max) { font-size: 30px; margin-bottom:10px; text-align:center; } } h2 { font-size:45px; @media (max-width: @screen-xs-max) { font-size:28px; text-align:center; } } h3 { font-size:30px; margin-top:2px; margin-bottom:2px; font-weight:400; @media (max-width: @screen-sm-max) { font-size: 22px; } @media (max-width: @screen-xs-max) { font-size: 18px; } } h4 { font-size:25px; margin-top:2px; margin-bottom:2px; @media (max-width: @screen-sm-max) { font-size: 22px; } @media (max-width: @screen-xs-max) { font-size: 18px; } } #slide_thumbs_scheda { margin-bottom:0px; } /*Gestione Video Catalogo Scheda prodotti */ div.cat-video iframe { width:650px; height:420px; @media (max-width: @screen-sm-max) { width:600px; height:400px; } @media (max-width: @screen-xs-max) { width:290px; height:250px; margin:0 auto; } } /* Fine Gestione Video Catalogo Scheda prodotti*/ .cont_h1 { margin-bottom:40px; @media (max-width: @screen-sm-max) { margin-bottom:20px; } @media (max-width: @screen-xs-max) { margin-bottom:20px; } } .cx { text-align:center; } .dx { text-align:right; } .container { max-width:100%; @media (min-width: @screen-lg-min) { padding-left: 25px; padding-right: 25px; } } .cart_top { display: flex; padding:0; > div{ position: relative; z-index: 2; padding: 10px 2px; background-color:#8C271E; &#contenuto_418006{ text-align: left; padding: 10px 13px; } } .box-login-top{ border-right: 1px solid #ECAEA6; } &:before{ content: ''; display: block; position: absolute; left: 5px; right: -5px; top: 0; bottom: -5px; background:url('/source/bg-griglia.png'); z-index: 1; } } img { max-width:100%; } .site-menu { width: 100%; height: 100%; margin-top: 0px; z-index: 999; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; margin-bottom: 0; border: none; ul { @media (max-width: @screen-md-max) { padding-left: 0px !important; } } li { padding-top: 100px; background-image: url('/source/tratto_vert.jpg'); background-repeat: no-repeat; background-position: center -100px; transition: all 0.3s ease 0s; @media (max-width: @screen-sm-max) { padding-top: 40px; border-bottom: 3px solid transparent; } } li:hover { background-position: center 0; @media (max-width: @screen-sm-max) { background-image: none; border-bottom: 3px solid @verde-light; } } li+li { margin-left: 25px !important; @media (max-width: @screen-sm-max) { margin-left: 10px !important; } } a { color:#fff; font-size:20px; font-weight:bold; @media (max-width: 1200px) { font-size:16px; } @media (max-width: @screen-sm-max) { font-size:16px; } } li a:hover { color: @bianco !important; } .cmsCurrentPageContainer { background-position:center 0; @media (max-width: @screen-sm-max) { background-image: none; border-bottom: 3px solid @verde-light; } } } .visible { display:block !important; } .hidden { display:none; } .barra-fixed{ display: none; position: fixed; top: 0; left: 0; width: 100%; background: @verde-light; z-index: 980; .logo_fixed { padding-top:5px; padding-bottom:5px; } .lingueTop { margin-top: 22px !important; } .site-menu { line-height: 61px; width: auto; height: auto; margin-top: 0px; z-index: 999; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; margin-bottom: 0; border: none; li { padding-top:0px; background: none; } li:hover { background-image:none; border-bottom:3px solid @verde; } li+li { margin-left:15px !important; } a { color:@verde; font-size:17px; font-weight:bold; } a:hover { color:@verde !important; } .cmsCurrentPageContainer { border-bottom:3px solid @verde; background-image:none; } } } .icone-social-top { margin-top:30px; text-align:center; width:268px; max-width:100%; img { margin-right:30px; } @media (max-width: @screen-sm-max) { margin-top:20px; } } .totCart { position: absolute; right: 0px; bottom: 0px; @media (max-width: @screen-sm-max) { right: 0px; } } .cat_CartBoxNumero { color:@official; background-color:@bianco; display: inline-block; width: 24px; height: 24px; border-radius: 50%; text-align:center; line-height: 24px; font-size: 11px; @media (max-width: @screen-sm-max) { width: 22px; height: 22px; font-size: 10px; } } .lingueTop { margin-top:53px; @media (max-width: @screen-xs-max) { margin-top:10px; margin-bottom:20px; } @media (max-width: @screen-sm-max) { margin-top:35px; } span { background-color:@bianco; padding: 1px 5px; width: 38px; display: inline-block; text-align: center; } a { color:#60664E; font-weight:bold; font-size: 18px; line-height: 18px; } .currentLang { background-color:#60664E; a { color:@bianco; } } } .claim_top { margin-top:150px; margin-bottom:150px; color:@bianco; @media (max-width: @screen-sm-max) { margin-top:50px; margin-bottom:50px; } @media (max-width: @screen-xs-max) { margin-top:50px; margin-bottom:50px; } h1 { font-size:50px; @media (max-width: @screen-sm-max) { font-size:40px; } @media (max-width: @screen-xs-max) { font-size:25px; } } } .datiAnTop { font-size:25px; color:@bianco; font-weight:bold; line-height:35px; a { color:@bianco; } @media (max-width: @screen-sm-max) { font-size:20px; } } #blk_63147 video { opacity:0.8 !important; } .bgHeader{ height: 180px; padding-top: 0px; position: relative; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/source/top_chisiamo.jpg'); @media (max-width: @screen-xs-max) { height: 245px; background-size:cover !important; } @media (min-width: @screen-md-min) { height: 240px; } } .telTop { padding-left:40px; background-image:url('/source/ico_tel.png'); background-repeat:no-repeat; background-position:center left; margin-bottom:20px; } .whatsappTop { padding-left:40px; background-image:url('/source/ico-whatsapp.png'); background-repeat:no-repeat; background-position:center left; margin-bottom:20px; } .emailTop { padding-left:40px; background-image:url('/source/ico_email.png'); background-repeat:no-repeat; background-position:center left; margin-bottom:100px; } .cont_button { padding:10px; padding-top:0px; padding-left:0px; width:260px; background-position:105% bottom; opacity:1; &:hover{ opacity:0.7; } a:hover{ color: #5f664d !important; } @media (max-width: @screen-xs-max) { margin:0px auto; } } .top_cont_button { padding: 10px; padding-bottom: 0px; padding-right: 0px; padding-left: 0; width: 330px; background-position: 105% top; opacity: 1; background-repeat: no-repeat; &:hover{ opacity:0.7; } a:hover{ color: #5f664d !important; } @media (max-width: @screen-xs-max) { margin:0px auto; } } .w_shadow { background-image:url('/source/ombra_white.png'); } .g_shadow { background-image:url('/source/ombra_green.png'); } .top_shadow { background-image:url('/source/sf-contoterzi-bordo.png'); } #contenuto_480134 #finestra_video iframe { @media (min-width: @screen-md-min){ height: 450px; max-width: 70%; }} .bottone { background-color: @verde-light !important; background-image:url('/source/go_button_white.png'); background-repeat:no-repeat; background-position:83.5% center; text-align:left; border-radius: 0px; display: inline-block; font-size: 16px; border: 0px; padding: 12px; border-radius: 0px; width:100%; font-weight:bold; transition: all 0.3s ease 0s; &.red{ background-color: #8C271E !important; } } .bottone:hover { background-position:93.5% center; /*background-color: #CDCE93 !important;*/ } .btn-white-go { background-color: @bianco !important; } .btn-white-go:hover { /*background-color: #DCDED3 !important;*/ } .link_form_info { background-color: @verde-light !important; color:@verde; background-image:url('/source/ico_info.png'); background-repeat:no-repeat; background-position:93.5% center; text-align:left; border-radius: 0px; display: inline-block; font-size: 16px; border: 0px; padding: 12px; border-radius: 0px; width:100%; font-weight:bold; transition: all 0.3s ease 0s; } .link_form_info:hover { color:@rosso; } .btn_add_cart { background-color: @rosso !important; color:@bianco; background-image:url('/source/ico_add.png'); background-repeat:no-repeat; background-position:93.5% center; text-align:left; border-radius: 0px; display: inline-block; font-size: 16px; border: 0px; padding: 12px; border-radius: 0px; width:100%; font-weight:bold; transition: all 0.3s ease 0s; &:hover{ background-color: #571813 !important; color:@bianco; } &.-disabled { display: none; } } .cat-avvisa-disponibile { &:extend(.btn-block all); border-radius: 0px; } .button_red_bottom{ background-image:url(/source/button_red_bottom.png); background-repeat:repeat-x; color:#fff; max-width:180px; height:40px; padding:10px; font-size: 14px; } .slick-slider img, .slick-slide img { display:inline-block !important; vertical-align:top !important; } .cat-linkprod { color: @verde-leggero; } img { max-width:100%; } .cat_riqProdotto { .make-xs-column(12); .make-sm-column(6); .make-md-column(4); margin-bottom: 60px; @media (max-width: @screen-xs-max) { margin-bottom: 30px; } } .box_prodotto_slide{ background-color: transparent; text-align: center; margin-bottom: 30px; margin-right: 5px; border: 1px solid #B0B69C; margin-left: 5px; @media (max-width: @screen-xs-max) { margin-bottom:20px; } .tit_slide { color:@verde; font-size:28px; font-family:@font-special-bold; font-weight: 700; margin-bottom:20px; min-height: 2.2em; line-height: 1.1; } .img_slide { margin-bottom: 20px; height: 250px; //max-height: 350px; @media (max-width: @screen-xs-max) { //min-height: 200px; height: 200px; } img { max-height: 250px; @media (max-width: @screen-xs-max) { max-height: 200px; outline: none; } } } .riquadro-attributi { min-height: 60px; margin-bottom: 15px; } .elenco-opzioni { font-size: 15px; span { padding: 2px 5px; display: inline-block; border: 1px solid #C6CAB9; border-radius: 3px; margin: 0 3px 5px; } } a{ &:hover, &:active, &:focus{ outline: none; } } .desc_slide { margin-bottom:20px; font-size:16px; min-height:100px; padding:0 15px; } .price_slide { font-size:28px; color:@rosso; margin-bottom:20px; font-weight:bold; } .cont_button { margin:0px auto; padding-bottom:0; } .fascia-prezzo{ height:65px; background-color:#EFEFDC; float:none; padding:0; padding-left:20px; .cnt-prezzo{ padding: 5px 10px; text-align: left; padding-bottom: 0; .rosso{color:@rosso;font-size:25px;} } .cnt-pulsante-card{ text-align: right; padding:0; margin-left:auto; background-image:url(/source/sf-button-add.png); background-repeat:no-repeat; background-position:30% 50%; .btn_add_cart{ width: 75px; color: transparent; background-position: 50%; height:65px; } } } } .slick .box_prodotto_slide { margin-right:20px; @media (max-width: @screen-xs-max) { margin-right:0px; } } .wrapper_ordinamento_prodotti { margin-bottom:50px; @media (max-width: @screen-xs-max) { margin-bottom:30px; margin-top:40px; text-align:center; } } .cont_correlati { position:relative; .tit_prodotti { display:none; } @media (max-width: @screen-xs-max) { margin-top:30px; } } .sx_correlati .box_info_olio { padding-bottom:50px; padding-top:50px; @media (max-width: @screen-sm-max) { padding-bottom:25px; padding-top:25px; } @media (max-width: @screen-xs-max) { margin-bottom:30px; padding-bottom:25px; padding-top:25px; } } .tratto_red { width:60px; margin:0px auto; margin-top:15px; margin-bottom:15px; border-top:1px solid @rosso; } .tratto_full { width:100%; margin-top:10px; margin-bottom:10px; border-top:1px solid @verde-light; } .irregolare_light { background-image:url('/source/irregolare_light.png'); background-repeat:no-repeat; background-position: left; height:185px; z-index:1200; width:100%; /* left:0px; bottom:0px; position:absolute; */ } .bigger { font-size:26px; } .box_frase { width:780px; max-width:90%; margin:0px auto; position:relative; padding:20px; text-align:center; font-family:@font-special-bold; font-weight: 700; font-size:26px; color:@bianco; margin-bottom:20px; margin-top:120px; @media (max-width: @screen-sm-max) { margin-bottom:30px; margin-top:50px; } a{ color:#fff !important; text-decoration:underline !important; } } .aut_frase { margin-bottom:200px; } .bianco { color:@bianco; } .apici_apri { position:absolute; left:0px; top:-20px; } .apici_chiudi { position:absolute; right:-20px; bottom:-20px; } .box_cont_info { margin-top:40px; margin-bottom:50px; position:relative; border-right:3px solid #B6B99C; border-bottom:3px solid #B6B99C; padding-right:3px; padding-bottom:3px; @media (max-width: @screen-xs-max) { max-width:90%; margin:0px auto; text-align:center; margin-top:30px; margin-bottom:30px; } } .box_info { padding:25px; background-color:@verde; color:@verde-light; line-height:28px; font-size:22px; } .cnt_center { margin:0px auto; } .box_news { margin-bottom:45px; @media (max-width: @screen-xs-max) { margin-bottom:20px; } } #slide_news .box_news { position:relative; margin-right:20px; @media (max-width: @screen-xs-max) { margin-right:0px; } a{ &:hover, &:active, &:focus{ outline: none; } } } .img_news { position:relative; } .cat_news { position:absolute; width:170px; line-height:38px; background-image:url("/source/coda_1601.png"); background-position:left; background-repeat:no-repeat; top:65px; left:-35px; text-align:center; color:#fff; padding-left:30px; padding-right:30px; font-family:@font-special; font-size:16px; /*browser basati Chrome, Safari...*/ -webkit-transform: rotate(-90deg); /*Firefox*/ -moz-transform: rotate(-90deg); /*Internet Explorer*/ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); a { color:@bianco; } } .go_news { margin-top:20px; text-align:right; width:100%; @media (max-width: @screen-xs-max) { text-align:center; } } .tit_filtri { @media (max-width: @screen-sm-max) { margin-bottom:10px; } @media (max-width: @screen-xs-max) { text-align:center; margin-bottom:10px; } } .filtro-cat { background-image: url('/source/puls_1601.png'); background-repeat:no-repeat; width:176px; height:38px; color:@bianco; font-size:17px; text-align:center; line-height:38px; font-weight:bold; transition: all 0.3s ease 0s; a { color:@bianco; text-transform:uppercase; } @media (max-width: @screen-xs-max) { margin:0px auto; margin-bottom:20px; } } .button-cat-1601 .filtro-cat { background-image: url('/source/puls_1601.png'); } .button-cat-1602 .filtro-cat { background-image: url('/source/puls_1602.png'); } .button-cat-1603 .filtro-cat { background-image: url('/source/puls_1603.png'); } .btn-arrow{ background-color: #E6BD64; color:@bianco; text-align:center; border-radius: 0px; display: inline-block; border: 0px; padding: 12px; border-radius: 0px; width:auto; font-weight:bold; transition: all 0.3s ease 0s; } .btn-arrow:hover { background-color: #571813 !important; color:@bianco; } .cont_news_1601 { .cat_news { background-image:url("/source/coda_1601.png"); } .btn-arrow { background-color:#E6BD64; } } .cont_news_1602 { .cat_news { background-image:url("/source/coda_1602.png"); } .btn-arrow { background-color:#D16166; } } .cont_news_1603 { .cat_news { background-image:url("/source/coda_1603.png"); } .btn-arrow { background-color:#84A366; } } /* .cat-reguser .cat_modulo, .form-control, .cat_modulo, .modulo_email_min, .cat_moduloLogin, .cat_moduloSearch, .wrapper_email_min .modulo_email_min{ max-width: 400px; } */ .tit_news { font-family:@font-special; font-weight: bold; font-size:23px; margin-bottom:10px; height:85px; overflow:hidden; a { color:@verde; } @media (max-width: @screen-xs-max) { min-height:auto; } } .cont_txt_news { position:relative; text-align:center; background-color:@bianco; padding:15px; width:85%; margin:0px auto; margin-top:-40px; z-index:1000; position:relative; @media (max-width: @screen-xs-max) { margin-top:-23px; } } .bo_gallery_photoswipe figure { text-align:center; position: relative; cursor: pointer; width: 50%; img { max-width:100%; padding:5px; } @media (min-width: @screen-sm-min) { width:33.3333333%; } @media (min-width: @screen-md-min) { width:25%; } @media (min-width: @screen-lg-min) { width:33%; } } .datiAnBottom { font-size:20px; color:@bianco ; @media (max-width: @screen-xs-max) { font-size:16px; } a { color:@bianco ; } .nomeAttFooter { font-size:40px; color:@verde-light; @media (max-width: @screen-xs-max) { font-size:37px; } } } .footer-menu { position:relative; ul { margin-left:0px; padding-left:0px; } li { padding-left:50px; background-image:url('/source/tratto.png'); background-repeat:no-repeat; background-position:left center; margin-bottom:20px; @media (max-width: @screen-xs-max) { text-align:center; padding-left:0px; margin-bottom:10px; background-image:url(none); } } a { color:#fff; font-size:20px; font-weight:bold; } a:hover { color:@bianco; } } .icone-social-footer { line-height:25px; img { margin-bottom:20px; } a { color:#fff; font-size:20px; font-weight:bold; } } .credits { font-size:16px; color:@bianco ; a { color:@bianco ; } } .bg_irregolare { height: 140px; background-image: url('/source/irregolare_verde.png'); background-repeat: repeat-x; background-position: left bottom; background-size:auto; position:relative; @media (max-width: @screen-xs-max) { height: 50px; background-size:contain; } } .bg_irregolare_light { background-image: url('/source/irregolare_light.png'); } .bg_irregolare_white { background-image: url('/source/irregolare_white.png'); } .box_info_olio { width:600px; max-width:90%; color:@bianco; margin:0px auto; border-right:3px solid #B6B99C; border-bottom:3px solid #B6B99C; padding-right:3px; padding-bottom:3px; a { color:@bianco; } } .box_info_olio { padding:25px; background-color:@verde; color:@bianco; line-height:30px; font-size:25px; } .box_info_correlati { position:relative; margin-top:200px; z-index:1000; @media (max-width: @screen-sm-max) { margin-top:50px; text-align:center; } @media (max-width: @screen-xs-max) { margin-top:20px; } } .ramoCorrelati { position:absolute; top:-300px; @media (max-width: @screen-sm-max) { text-align:center; width:100%; top:-190px; img { max-width:350px; } } } .nopad { padding:0px !important; } #modulo_gen input[type="text"], #modulo_gen select, #modulo_gen textarea, #filtriRicerca select, .wrapper_form_info_offers .form_info_offers input[type="text"], .wrapper_form_info_offers .form_info_offers select, .wrapper_form_info_offers .form_info_offers textarea{ -moz-appearance: none; background-color: #eee; border: 1px solid #eee; color: #4d443c; font-size: 18px; height: 52px; text-indent: 8px; width: 100%; padding:3px; } #modulo_gen .hidden_contatti{ display: none; } .box_dett_news #modulo_gen .hidden_contatti{ display: block; } #modulo_gen textarea, .wrapper_form_info_offers .form_info_offers textarea{ height: 125px; } #riga_privacy { font-weight:normal; font-size:15px; text-align:right; font-weight:400; color:@oro; a { color:@oro; } @media (max-width: @screen-xs-max) { text-align:center; } } #modulo_gen label { display:inline; font-weight:400; } #modulo_gen a:link {color:@oro} #modulo_gen textarea.modulo {height:80px; } #modulo_gen .bottone_alt { background-color: @oro; border: 0 none; color: #fff; cursor: pointer; font-size: 17px; font-weight: bold; height: 55px; margin: 10px 0 auto auto; text-transform: uppercase; width: 215px !important; max-width:100%; } .riga_modulo { margin-bottom:10px; line-height:24px; } .colonna_modulo { margin-bottom:20px; } .cat-pg-prodotto .catalog_titolo { display:none; } .scheda-nome { font-family:@font-family; font-weight: 400; margin-bottom: 15px; } #importoProdotto, #cat_importoProdotto { font-size:20px; color:@rosso; } .cat_modulo { width:auto; } #submit_button { width:223px; max-width:90%; margin-bottom:20px; display:block; } #scheda-prodotto{ .separatore{ border-color: #C8CBBC; margin: 0; } .btn_add_cart{ max-width:320px; background-image: url(/source/ico_add-scheda.png); height:55px; } .cat-quantity-input { padding-top:10px; .qt_cart{ width:100%; max-width:80px; } } .bottoni { margin-top: 25px; } } .scheda-prezzo{ font-size:28px; color:@rosso; margin-bottom: 30px; margin-top: 25px; } .foto-piccole{ padding-top:50px; } .foto-grande, .foto-piccola { text-align:center; @media (max-width: @screen-sm-max) { margin-bottom:20px; } } .cat-buybox { font-size: 15px; li { padding: 6px; border-radius: 6px; &.selected { background-color: #fff; border-color: @rosso; border-width: 2px; padding: 5px; } } .cat-quantity { margin-bottom: 15px; } } .separatore { border-top:1px solid @verde; margin-top:30px ; margin-bottom:25px; width:100%; } .col_sped { text-align:center; margin-bottom:10px; font-size:16px; @media (max-width: @screen-xs-max) { margin-bottom:20px; } } .form-control, .cat_modulo, .modulo_email_min, .cat_moduloLogin, .cat_moduloSearch, #submit_button { display:inline-block; } #compra_ora { @media (max-width: @screen-xs-max) { text-align:center; } } .separa_foto_prod { border:1px dashed @verde; margin:0px auto; margin-top:25px; margin-bottom:25px; width:100px; } /* barra mobile **/ .top_mobile { background-color: #FFF; line-height: 53px; width: 100%; left: 0; top: 0; right: 0; z-index: 800; position: fixed; border-bottom: 1px solid #ccc; @media (min-width: @screen-md-min) { display: none; } /* .btn-mobilemenu { background-color: transparent; background-image: url('/source/btn-menu.png'); background-position: center; background-size: contain; background-repeat: no-repeat; height: 25px; border: none; box-shadow: none; outline: none; width: 100%; max-width: 30px; vertical-align:middle; } &.-open { left: 220px; .btn-mobilemenu { background-image:url('/source/close_black.png'); max-width: 14px; } } */ } .btn-mobilemenu{ background-color: transparent; background-image: url('/source/btn-menu.png'); background-position: center; background-size: contain; background-repeat: no-repeat; height: 25px; border: none; box-shadow: none; outline: none; width: 100%; max-width: 30px; vertical-align:middle; } .openMobile { background-image:url('/source/closeMenu.png') !important; } .box-carrello { position:relative; } .cont-nav-slide { position:relative; margin-top:15px; } .next-slide { position:absolute; top:-50px; right:10px; cursor:pointer; } .prev-slide { position:absolute; top:-50px; left:10px; cursor:pointer; } h2 img { @media (max-width: @screen-xs-max) { max-width:100px; float:right; margin-top:-20px; } } /** MENU XS */ .sidr { display: block; position: fixed; top: 52px; height: 100%; z-index: 999999; width: 240px; overflow-x: hidden; overflow-y: auto; font-family: "Lato",tahoma,verdana,arial,sans-serif; font-size: 15px; background: @verde; color: #333; box-shadow: 0 0 0px 0px ; ul,li { border:0px !important; } li a { color:@bianco !important; font-weight:bold; font-size:18px; } li a:hover { font-size:18px; } .lingueTop { margin-left:20px; } } .sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span { box-shadow: 0 0 0px 0px ; color:@bianco; border:0px; } .sidr-class-containerLingue { padding-bottom:10px; border-bottom:1px solid #0069D2; margin-bottom:15px; } #sidr-mobile{ background-color:@verde; color:@bianco; ul{ li{ a.cmsCurrentPage, a.sidr-class-cmsCurrentPage{ color:@bianco; font-weight:bold; } } } } .img_news { @media (max-width: @screen-xs-max) { margin-bottom:20px; } } .back_news { margin-top:40px; margin-bottom:20px; } .cat_wrapper_login, .cat_wrapper_carrello, #div_FormRegUser { max-width:90%; margin:0px auto; } .cat_moduloButton { margin-bottom:20px; } #cat_addCart, #cat_login, #cat_response_add_cart { top:10% !important; z-index:3000; } #cat_login { max-height:90% !important; .cat_button { margin-bottom:30px; } } #darkLayer { z-index:3000; } #bt_avanti { /* width:300px !important; max-width:90%; float:right; padding:10px; */ margin-top: 30px; } // BOX NEWSLETTER .wrapper_email_min { .result_inscr_newsl_min{ color:#fff !important; } @media (max-width: @screen-xs-max) { margin-top:10px; } max-width: 480px; width: 100%; .modulo_email_min { &:extend(.form-control all); width: 100%; height:auto; padding:10px; text-indent: 5px; border-radius:0px; font-size:16px; } .bottone_email_min { font-family:@font-special; &:extend(.btn all); &:extend(.btn-block all); .button-variant(@bianco; @official; @official); .text-uppercase; height: auto; font-size: 18px; @media (max-width: @screen-sm-max) { font-size: 16px; } @media (max-width: @screen-xs-max) { font-size: 14px; } background-color:@verde-light; color:@verde; border:1px solid @verde-light; border-radius:0px; padding:9px; } .bottone_email_min:hover { } .field_email_min{ width: 73%; @media (max-width: @screen-md-max) { width: 67%; } @media (max-width: @screen-xs-max) { width: 70%; } } .field_button_min{ width: 27%; @media (max-width: @screen-md-max) { width: 33%; input { padding-left: 3px; padding-right: 3px; } } @media (max-width: @screen-xs-max) { width: 30%; } } .newsletter_min_cont_privacy{ font-size: 14px; color:@bianco; margin-top: 10px; a { color:@bianco; } } } .box_newsletter_home { .bottone_email_min { font-size: 18px; } } .box_newsletter_footer input[type="text"] { background-color:#DDDDDD !important; } .fascia_decorazione{ overflow: hidden; width: 100%; img{ @media(max-width: @screen-sm-min){ width: 800px !important; max-width: 800px; } } } #catElencoProdotti { .tit_slide a:hover { color:@rosso !important; } } .wrapper_ordinamento_prodotti { display: none; } .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; } } } .box_bg{ background-repeat:no-repeat; background-size:cover; background-position: center; @media (max-width: @screen-xs-max) { min-height:200px; } } .slider-commenti .modal-content{ color:#5f664d !important; } .slider-commenti .modal{ top:20% !important; } .fullWidth { img{ max-width:100%; } } .elenco-commenti .logo img { max-width: 90px; } .elenco_video_youtube{ .img_news{ padding-bottom: 55%; iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } } .thankyou_message { color: #fff; border: 2px dashed #E5E6C7; padding: 10px; font-size: 18px; } .elenco-news{ display:flex; flex-direction:row; flex-wrap:wrap; } .videogallery_wrapper{ display: flex; flex-direction: row; width: 100%; flex-wrap: wrap; article.video{ align-content: start; .videoTitle { text-align:center; font-size:15px; white-space: break-spaces !important; overflow:hidden; margin:0 5% } @media (min-width: @screen-md-min) { width:31%; .videoTitle { font-size:21px; } } } } .bottone_email_min { font-weight: bold !important; } .fix-wapp { position: fixed; bottom: 10vh; right: 0; width: 200px; z-index: 501; .dati-wapp { background: @verde; border-radius: 50px 0 0 50px; padding: 6px; transform: translateX(145px); transition: transform .6s ease; box-shadow: 0 0 20px 0 rgba(51, 51, 51, .3); &:hover, &.fisso { transform: translateX(0); } a { color: @bianco; font-size: 14px; display: flex; align-items: center; gap: 15px; outline:none; text-align: left; [class*="icon-"], [class^="icon-"] { width: 45px; height: 45px; display: flex; align-items: center; align-content: center; justify-content: center; background: $primary; border-radius: 50%; &:before { color: @bianco; font-size: 45px; } } } } }