// 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"; // ****************************************************** // variabili bootstrap @container-large-desktop: 1910px; @brand-primary: #37644B; .container{ max-width: 100%; } .container-fluid{ max-width: 1910px; } // ****************************************************** // variabili sito @bianco: #ffffff; @nero: #000000; @grigio: #DDDDDD; @verde:#37644B; @verdone:#274736; @default-hover:@verde; @testo:#666666; // ****************************************************** .bold { font-weight: bold; } #menu_2338 { .level1 { li { position: relative; } > li:hover { ul.level2 { display: block; } } } ul.level2 { background-color: #fff; column-count: 3; width: 950px; left: -260px; border: 1px solid @verde; padding: 5px; font-weight:normal; font-family:@lora-regular; @media (min-width:@screen-lg-min){ width: 1070px; left: -320px; } @media (min-width: 1440px){ width: 1240px; left: -470px; } li { text-align: left; a { padding: 1px 3px; color: #666; transition: none; text-transform: none; font-weight: normal; font-family: @lora-regular; font-size: 18px; line-height: 1.4; &.cmsCurrentPage { color: #fff; } &:hover { box-shadow: none; color: #fff; background-color: @verde; } } } } } /* // per correggere immagini sfocate in chrome // https://stackoverflow.com/questions/37906602/blurry-downscaled-images-in-chrome // https://css-tricks.com/almanac/properties/i/image-rendering/ img { image-rendering: -webkit-optimize-contrast; } */ //Font Generici @muli-regular: 'Mulish', sans-serif; @muli-bold: 'Mulish', sans-serif; @lora-regular: 'Lora', serif; @lora-bold: 'Lora', serif; //@freightbig-bold: 'freightbig-bold', sans-serif; body{ font-family: @lora-regular; font-size:18px; line-height:1.2em; color: @testo; background-color: @bianco; @media (max-width:@screen-md-max){ font-size:16px; } } //.light{font-family: 'heilveticaneue-ultralight', sans-serif;} b, strong{ font-family: @lora-bold; font-weight:bold; } .italic{font-style:italic;} a { color: #666666; text-decoration: none; } a:hover, a:focus { color: @default-hover; text-decoration: none; } //************************************** /*** BORDINO BLU CHROME ***/ .slick-slide a, .slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img, a img, input:hover, input:focus, input:active, input[type="button"]{ outline: none; } *:focus { outline: 0 !important; } a:hover, a:active, a:focus { outline: none; } .ellipsis { text-overflow: ellipsis; /* Required for text-overflow to do anything */ white-space: nowrap; overflow: hidden; } //********************** //TABELLA VERTICALE **************** .vtable{ float: left; text-align: center; width: 100%; } //***************** // CURRENT PAGE LINK .top-menu a.cmsCurrentPage, a.cmsCurrentPage { //color: @rosso; } .menu-mobile-container a.cmsCurrentPage:link, .menu-mobile-container a.cmsCurrentPage:visited, .menu-mobile-container a.cmsCurrentPage:active{ color: #000000; } .sidebar-categorie a.cmsCurrentPage{ //color: @rosso; } .sidebar-categorie .cat0{ margin-bottom: 22px !important; } //********************** .relative{ position: relative; } img.desaturate { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } img.lighter{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .fill { align-items: center; display: flex; justify-content: center; overflow: hidden; } .fill img { flex-shrink: 0; min-height: 100%; min-width: 100%; } .vcenter{ position:relative; } .vcenter img { position:absolute; top:0; bottom:0; margin:auto; } .ocenter img { position:absolute; left:0; right:0; margin:auto; } .cookies_policy{ line-height: normal; letter-spacing: normal; line-height: initial; letter-spacing: initial; } /* .cat_riqProdotto{ .make-xs-column(12); .make-sm-column(6); .make-md-column(3); .make-lg-column(12/5); } .cat_riqProduttore{ .make-xs-column(6); .make-sm-column(6); .make-md-column(4); .make-lg-column(3); } } */ .elenco-categorie { .make-row(10px); } .cat_riqCategoria{ .make-xs-column(12, 10px); .make-sm-column(6, 10px); //.make-md-column(6, 5px); .make-lg-column(3, 10px); } .prodotti-home .cat_riqProdottoBox{ .make-xs-column(12); .make-sm-column(6); .make-md-column(3); .make-lg-column(2); } .cat_riqProdottoBox{ .make-xs-column(6); .make-sm-column(6); .make-md-column(3); .make-lg-column(2); } .cat_riqProdotto{ .make-xs-column(12); .make-sm-column(6); .make-md-column(3); //.make-lg-column(3); } .correlato{ .make-xs-column(6); .make-sm-column(6); .make-md-column(3); .make-lg-column(2); } .cat_riqCategoria, .cat_riqProdottoBox, .cat_riqProdotto{ margin:0px; } #contenuto_324080 .cat_riqProdottoBox{ .make-xs-column(12); .make-sm-column(6); .make-md-column(4); .make-lg-column(2); } /************************/ .bg-verde{ background-color:@verde; } .top-menu{ border:0; ul{ float:right; padding-left:0; li{ //padding:30px; text-align:center; min-width:80px; a{ color:@bianco; text-transform:uppercase; font-size:15px; font-weight:bold; font-family:@muli-regular; @media (max-width:@screen-md-max){ font-size:14px; } } } } } /********* EFFETTI BOTTONI ******************/ /*general*/ .top-menu ul li a, .btn-verde{ cursor:pointer; padding:25px 25px; display:inline-block; //margin:0 20px; transition:all 0.8s, color 0.3s 0.3s; background:@verde; color:@bianco; text-transform:uppercase; @media (max-width:@screen-md-max){ padding:25px 15px; } } .btn-verde{ @media (max-width:@screen-md-max){ padding:25px 10px; } } /*general hover*/ .top-menu ul li a:hover, .btn-verde:hover{ color:#fff;} /*effects*/ .top-menu ul li a:hover, .btn-verde:hover{ box-shadow:-300px 0 0 0 rgba(0,0,0,0.5) inset;} /* .btn-left:hover{ box-shadow:300px 0 0 0 rgba(0,0,0,0.5) inset;} .btn-top:hover{box-shadow:0 150px 0 0 rgba(0,0,0,0.5) inset;} .btn-bottom:hover{box-shadow:0 -150px 0 0 rgba(0,0,0,0.5) inset;} .btn-special1:hover{box-shadow:0 0 0 10px rgba(0,0,0,0.5) inset;} .btn-special2:hover{box-shadow: 0 0 0 10px #9ACC5F inset, 0 0 0 150px rgba(0,0,0,0.5) inset;} .btn-special3:hover{box-shadow: 300px 0 0 0 rgba(0,0,0,0.25) inset, -300px 0 0 0 rgba(0,0,0,0.25) inset;} .btn-special4:hover{box-shadow: 0 80px 0 0 rgba(0,0,0,0.25) inset, 0 -80px 0 0 rgba(0,0,0,0.25) inset;} /*******************************************/ .slider-brand{ height:130px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; .cont-brand { //padding: 20px 10px; padding-top:20px; padding-bottom:20px; text-align: center; a{ color:#6A6D6B; line-height:90px; text-transform:lowercase; font-size:18px; img { display: inline-block; } &:hover{ color:@verdone; } } h3{ margin-top:0px; margin-bottom:0px; } } .slick-prev::before, .slick-next::before{ color:@verdone; } .slick-prev{ left:0px; } .slick-next{ right:0px; } .slick-list { margin: 0 auto; max-width: 94%; } } .titolo-newsletter{ position:absolute; top:-80px; @media(max-width:@screen-xs-max){ top: -32px; max-width: 300px; } } .newsletter{ color:@bianco; font-family:@muli-regular; .newsletter_min_cont_privacy { display: inline-block; margin-left: 25px; max-width: 320px; font-size:14px; font-weight:bold; a{ color:@bianco; &:hover{ color:@nero; } } margin-top:10px; @media(max-width:@screen-xs-max){ display:block; width:100%; clear:both; max-width:80%; } } .modulo_email_min { border:0px solid; border-bottom:1px solid #739381; background-color: @verde; border-radius: 0px; color: white; min-height: 60px; } .bottone_email_min{ min-height: 60px; margin-left:25px; background-color:@bianco; border:0px; color:@verde; text-transform:uppercase; padding-left:30px; padding-right:30px; @media(max-width:@screen-xs-max){ margin:0 auto; } } .field_email_min, .field_button_min{ @media(max-width:@screen-xs-max){ display:block; width:100%; margin-top:20px; text-align:center; padding-bottom:20px; } } .field_email_min{ @media(min-width:@screen-lg-min){ min-width:400px; } } .newsletter_min_cont_privacy{ @media(max-width:@screen-xs-max){ margin-top:20px; text-align:center; } } .modulo_email_min{ box-shadow:none; } } .box-menu-footer{ font-family:@muli-regular; //color:#212121; color:#666666; font-size:17px; a{ //color:#212121; color:#666666; &:hover{ color:@verde; } } &.social{ border:0px; ul{ li{ margin-bottom:20px; a{ >span{ display: inline-block; min-width: 30px; } } } } } margin-top:60px; margin-bottom:60px; @media(max-width:@screen-xs-max){ margin-top:20px; margin-bottom:20px; } h2{ margin-top:0px; margin-bottom:30px; font-family:@lora-regular; //color:#212121; color:#666666; text-transform:uppercase; font-size:17px; font-weight:bold; } ul{ margin:0; padding:0; list-style-type:none; li{ line-height:1.2em; } li:nth-child(1) b{ font-family:@lora-regular; font-weight:normal; } } } .box-dove-siamo{ margin-top:60px; margin-bottom:60px; @media(max-width:@screen-sm-max){ margin-top:20px; margin-bottom:20px; } h2{ margin-top:0px; margin-bottom:30px; font-family:@lora-regular; color:@verde; text-transform:uppercase; font-size:17px; font-weight:bold; } ul{ margin:0; padding:0; list-style-type:none; li{ line-height:1.2em; } li:nth-child(1) b{ font-family:@lora-regular; font-weight:normal; } } } .foto-pagina{ .p1{ text-align:center; } } .scroll-top{ position:relative; img { position: absolute; right: 15px; top: -30px; @media(max-width:@screen-sm-max){ position:static; margin:0 auto; } } &:hover{ cursor:pointer; } } .barra-top { padding: 15px; text-align: center; font-size: 19px; font-weight: bold; line-height: 1.2; background-color: #c2dcb5; color: #000; @media (max-width:@screen-sm-max) { font-size: 24px; } a { color: inherit; } &.barra-natale { background-image: url('/source/sfondo-natale3.gif'); background-color: #a17931; background-position-x: center; color: #fff; @media (max-width:@screen-sm-max) { background-image: url('/source/sfondo-natale3-mobile.gif'); background-size: cover; } } } /********* BARRA BLOCCATA ******************/ .barra-bloccata{ display: none; width: 100%; z-index: 4; //box-shadow: 0 4px 4px -2px #222222; } /*******************************************/ .barra-bloccata-bianco{ min-height:60px; padding-top:15px; padding-bottom:15px; } .carrello-top{ #cat_CartBoxTotale{ display:inline-block; width:unset; border:0px; } #cat_CartBoxTotale, span{ font-weight:bold; font-size:14px; color:@verde; vertical-align:middle; } } .barra-bloccata-verde{ min-height:60px; } .catalog_search_value{ margin-top:13px; border:1px solid #87A293; background-color:@verde; border-radius:0px; color:@bianco; min-height:45px; width:100%; } .box-news{ .foto{ position:relative; display: inline-block; float: left; padding-right: 20px; padding-bottom: 20px; @media(max-width:@screen-xs-max){ margin-bottom:10px; } .etichetta-news{ position:absolute; top:0; left:35px; padding:10px 25px; display:inline-block; background-color:@verde; color:@bianco; text-transform:uppercase; z-index:1; font-weight:bold; font-size:12px; } img{ max-width:100%; height:auto; } } .testo{ border:1px solid #ADD1BD; min-height:300px; padding:25px 40px; h2{ font-weight:bold; font-size:20px; margin-bottom:25px; a{ color:@verde; font-weight:bold; } } .descrizione{ font-size:17px; margin-bottom:80px; } .continua{ text-transform:uppercase; font-weight:bold; font-size:12px; text-align:right; a{ color:@verde; img{ display:inline-block; padding-left:10px; } &:hover{ color:#6a6d6b; } } } } } .login-top{ a{ color:@nero; font-size:14px; font-weight:bold; text-transform:uppercase; &:hover{ color:@verde; } } a + a{ margin-left:30px; } } @sfondo: @verde; //@giallo-menu: #ffcb2d; /*** MENU MOBILE ***/ .barra-mobile{ position:fixed; top:0; left:0; width:100%; z-index:3; background-color:@verde; padding-top:15px; padding-bottom:15px; /* &.natale{ @media (max-width:@screen-sm-max){ top:50px; } @media (max-width:@screen-xs-max){ top:73px; } } */ div.row{ > div{ text-align:center; } } } .menu-mobile{ font-family:@muli-regular; #contenuto_322639{ margin-top:20px; } .divisore-menu{ display:none; } background-color: @sfondo; opacity: .98; position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; box-sizing: content-box; z-index: 999; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(-101%, 0, 0); -moz-transform: translate3d(-101%, 0, 0); -ms-transform: translate3d(-101%, 0, 0); -o-transform: translate3d(-101%, 0, 0); transform: translate3d(-101%, 0, 0); -webkit-transition-duration: 1s; overflow-y: auto; opacity: 0; padding: 30px 0 0; float: none; margin-bottom: 0; margin-top: 0; border: none; line-height: 1.8em; ul#level2{ background: rgba(197, 148, 0, 0.98); } ul#level2 li{ padding: 2px 30px; } a:link, a:visited, a:active { color: @bianco; } &.open { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); -webkit-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s; opacity: 1; } .nav-menu { text-align: center; padding-top: 50px; } .nav-menu > div { display: inline-block; } .nav-menu > div ul { padding: 0; margin: 0; } .nav-menu > div ul li a { text-transform: uppercase; color: @bianco; font-size: 32px; padding: 10px; font-weight: normal; } .nav-menu > div ul li a:hover, .nav-menu > div ul li a:active, .nav-menu > div ul li a:focus, .nav-menu > div ul li a.cmsCurrentPage { text-decoration: none; //color: @giallo-menu; } ul.level2, ul.level3{ display: block !important; visibility: visible !important; position: relative !important; } //verticalizza il menu classe del menu = menu-verticale &.menu-verticale ul.level1 li{ float: none !important; } .btn-menu { background: transparent; border: none; box-shadow: none; font-size: 20px; color: @bianco; font-weight: normal; } .btn-menu .icon { font-size: 35px; } .btn-close-menu{ position: absolute; top: 10px; right: 20px; } //Verticalizza ul.level1{ margin-left:0; padding-left:0px; li { float: none !important; text-align:left; //font-size:28px; line-height:2.5; a{ padding-left:20px; &:hover{ background:@verdone !important; } } } /* width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */ } ul{ margin-left:0; margin-left:0; li{ text-transform:uppercase; font-weight:bold; font-size:15px; } } } //divisore .barra-mobile-divisore { height: 64px; /* &.natale{ @media(max-width:@screen-sm-max){ height: 55px; } @media(max-width:@screen-xs-max){ height: 51px; } } */ } /*** FINE MENU MOBILE ***/ .punti-forza{ border:0; padding-top:35px; //padding-bottom:35px; text-align:center; font-family:@muli-regular; @media(max-width:@screen-sm-max){ padding-top:25px; .slick-slider{ margin-bottom:20px; } } .punto-forza{ position:relative; margin-bottom:20px; @media(min-width:@screen-md-min){ &::before{ content:""; position:absolute; top:0; left:0; width:1px; height:40px; background-color:#DDDDDD; } } > img{ display:inline-block; @media(max-width:@screen-md-max){ display:block; margin:0 auto; padding-bottom:5px; } @media(max-width:@screen-xs-max){ //padding-bottom:5px; } } div.testo{ display:inline-block; max-width:300px; margin-left:25px; vertical-align:middle; text-align:left; font-weight:bold; //color:#444444; color:#666666; font-size:15px; @media(max-width:@screen-xs-max){ max-width:100%; text-align:center; font-size:16px; } a{ color:#444444; &:hover{ color:@verde; } } } } } .loto{ text-align:center; margin-top:5px; margin-bottom:30px; .descrizione{ display:inline-block; max-width:700px; text-align:left; font-family: 'La Belle Aurore', cursive; color:#AAAAAA; margin-left:60px; font-size:32px; line-height:1; vertical-align:middle; } } .slick-categorie-home{ .slick-slider{ margin-bottom:5px; } } .scopri-cat { color: @verde; font-weight: bold; margin-right: 10px; } .cat-home{ border:0px; > div{ position:relative; > img{ //object-fit: cover; padding-right:10px; @media(max-width:@screen-xs-max){ margin:0 auto; } } .titolo{ position:absolute; top:10%; margin:0 auto; left:0; right:0; font-family: 'Lora', serif; font-weight:700; font-size:25px; color:@bianco; text-align:center; max-width:400px; text-shadow:1px 1px #444; a{ color:@bianco; } } .link{ position:absolute; top:80%; margin:0 auto; left:0; right:0; color:@bianco; text-align:center; background-color:@verde; padding:20px 25px; font-size:14px; font-weight:bold; text-transform:uppercase; max-width:150px; } } } /********** SLIDER CATEGORIE HOME **********************/ #contenuto_323432{ /* position:relative; .freccia-categorie::before{ content: '\2190'; bottom: 20px; font-size: 20px; height: 20px; position: absolute; left: 33px; width: 20px; color:@verde; } .freccia-categorie::after{ content: '\2192'; bottom: 20px; font-size: 20px; height: 20px; position: absolute; right: 33px; width: 20px; color:@verde; } */ } .scrolling-categorie{ //border:1px solid #000; height:170px; width:100%; padding:20px 0px 0px 0px; margin-bottom:15px; position:relative; .wrap-categorie { //width: 10000px; } > div{ .slide-cat{ //border:1px solid #CCC; float:left; min-width:200px; //height:200px; float:left; display:inline-block; > a{ display:inline-block; width:200px; vertical-align:middle; font-size:14px; font-weight:bold; text-transform:uppercase; text-align:center; color:@verde; } > a:nth-child(2){ width:150px; text-align:left; } } } } /***********/ /******************************************************/ .prodotti-home{ border:0px; } .prodotto{ //border: 1px solid #e9e9e9; margin-bottom: 20px; background-color: @bianco; padding: 40px 20px 10px; position: relative; .foto { min-height: 250px; margin-bottom: 5px; @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { min-height: 90px; } a { line-height: 210px; display: block; text-align: center; @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { line-height: 90px; } img { //max-height: 210px; max-width: 100%; display: inline-block; @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { max-height: 90px; } } } } .nome{ min-height: 3.9em; line-height: 1.1; //overflow: hidden; padding: 5px 0px; font-weight:bold; text-transform:uppercase; font-size:15px; text-align:Center; a{ //color: #444444; color:#666666; } a:hover{ color: @verdone; } } .prezzo{ color: @verde; font-weight: bold; font-size:20px; min-height:2.3em; text-align:center; > span { display: block; } > span.cat_testoRed{ color:@verde; font-size:20px; } > span.cat_prezzo_barrato{ //color: #444444; color:#666666; font-size: 15px; } } .aggiungi { margin-top: 10px; text-align: center; .cat_button .btn_add_cart{ border:0px; border-radius:0px; } .cat_button.btn_add_cart{ background-color: transparent; border-color: transparent; color: transparent; background-image: url('/source/ico-add-cart.png'); background-size: contain; background-repeat: no-repeat; width: 38px; height: 38px; position:absolute; top:0px; right:40px; } .cat_button.btn_add_cart:hover, .cat_button.btn_add_cart:focus { background-color: transparent; border-color: transparent; color: transparent; background-image: url('/source/ico-add-cart-hover.png'); background-size: contain; background-repeat: no-repeat; width: 38px; height: 38px; } } .cat_button.btn_add_wishlist{ background-color: transparent; border-color: transparent; color: transparent; background-image: url('/source/ico-prod-wishlist.png'); background-size: contain; background-repeat: no-repeat; width: 38px; height: 38px; position:absolute; top:0px; right:0px; } .cat_button.btn_add_wishlist:hover, .cat_button.btn_add_wishlist:focus { background-color: transparent; border-color: transparent; color: transparent; background-image: url('/source/ico-prod-wishlist-hover.png'); background-size: contain; background-repeat: no-repeat; width: 38px; height: 38px; } .etichetta-prodotto{ font-family:@muli-regular; position:absolute; top:0px; right:70px; line-height:40px; font-weight:bold; text-transform:uppercase; font-size:12px; color:#065819; padding-right:15px; } } .titolo-interna{ text-align:center; h1,h2{ font-size:30px; color:#666666; border:1px solid #ADD1BD; outline:1px solid #ADD1BD; outline-offset:3px; padding:13px; margin-top:10px; @media(max-width:@screen-md-max){ font-size:26px; padding:10px; } } margin-bottom:40px; @media(max-width:@screen-md-max){ margin-bottom:30px; } } .quadro{ float:left; padding-right:20px; @media(max-width:@screen-xs-max){ padding-bottom:20px; } } .bo_gallery_photoswipe_title{ margin-top:10px; } h3.bo_gallery_photoswipe_title{ position:relative; background-color:@verde; color:@bianco; //font-family:@titilliumweb-bold; font-size:30px; font-style:italic; text-align:left !important; padding:20px 35px; margin-bottom:0px; cursor:pointer; &::before{ content: "\2b"; color:@bianco; position:absolute; right:35px; font-style:normal; } &.tab-closed::before{ content: "\2212"; color:@bianco; position:absolute; right:35px; font-style:normal; } } .bo_gallery_photoswipe .pswp__caption__center{ text-align:center !important; } .gamma-container{ padding-bottom:40px; } .bo_gallery_photoswipe{ background-color:#F8F8F8; padding-bottom:40px; figure{ text-align:center; position: relative; cursor: pointer; width:20%; padding:10px; @media (max-width:@screen-md-max){ width:25%; } @media (max-width:@screen-sm-max){ width:33.3333333%; } @media (max-width:@screen-xs-max){ width:50%; } img { max-width:100%; //padding:10px; } } figcaption { display:block !important; font-size: 16px; line-height: 1.1; margin-top: 10px; min-height: 36px; text-align: center; } } .scritta-chi-siamo{ display:block; margin:0 auto; margin-bottom:40px; } .testo-chi-siamo{ padding:100px 100px 200px; @media (max-width:@screen-xs-max){ padding:20px; } } .contatti{ border:0px solid; max-width:1000px; margin:0 auto; label.input-lab{ text-transform:uppercase; font-size:17px; //font-family:@karla-regular; color:@verde; @media (max-width:@screen-md-max){ font-size:15px; } } .modulo_alt{ background-color: #E5E5E5; border-radius:0px; border: 0px solid #cccccc; margin-bottom: 30px; padding: 20px; width: 100%; //box-shadow: 0 1px 1px #000; } } .contatti .bottone_alt{ background-color: @verde; /* Sfondo Bottone */ border: 1px solid @verde; /* Sfondo Bottone */ color: #fff; font-size: 17px; padding: 20px 100px; text-transform: uppercase; margin-top: 10px; } .contatti .bottone_alt:hover{ background-color: @verdone; /* Bottone Hover */ color: #ffffff; /* Testo Hover */ } .contatti #textarea_alt{ min-height: 190px; } .contatti .privacy{ text-align:right; margin-bottom:18px; } .contatti span#testo_privacy{ padding-left: 8px; color:#303030; } span#testo_privacy a:link, span#testo_privacy a:active, span#testo_privacy a:visited, span#testo_privacy a:hover{ color: #303030; } .contatti .privacy label, .contatti .privacy .labelForm{ display: inline; font-weight:normal; } .lista-news{ border:0px; .box-news{ margin-bottom:20px; .continua{ font-size:12px; text-align:left; a{ vertical-align:middle; } img{ vertical-align:unset; } } } } .notizia{ margin-bottom:40px; .testo-news{ h1 { color: @verde; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; } } } .menu-condizioni{ margin-bottom:20px; ul{ margin:0; padding:0; list-style-type:none; li{ line-height:2; a{ font-size:!4px; color:@verde; font-weight:bold; text-transform:uppercase; } } } } .titoletto-condizioni{ font-weight:bold; font-size:20px; text-transform:uppercase; margin-bottom:40px; margin-top:70px; color:@verde; display:block; &.first{ margin-top:0px; } position:relative; &::before{ content:""; position:absolute; width:100%; height:1px; background-color:#dddddd; top:-40px; } &.first::before{ display:none; } } .riq-categoria { position: relative; margin-bottom: 10px; .nome { font-size: 18px; font-family: 'Lora', serif; font-weight:700; position: absolute; top: 40px; left: 0; right: 0; z-index: 2; text-align: center; padding: 0 6px; max-width: 352px; margin-left: auto; margin-right: auto; a { color: @bianco; text-shadow: 1px 1px #444; } @media (min-width: @screen-md-min) { font-size: 19px; } @media (min-width: @screen-lg-min) { font-size: 25px; } } .scopri { position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; //z-index: 2; } .link { color: @bianco; line-height: 1; padding: 10px; text-align: center; } .immagine{ text-align: center; img { max-width: 100%; filter: brightness(85%); } } &:hover { .immagine{ img { filter: brightness(95%); } } } } .links_paginator { text-align: right; } .sidebar{ border:0px; h2{ background-color: @verde; color: @bianco; font-size: 20px; padding: 5px 10px; text-transform: uppercase; } .box-sidebar{ border-bottom: 1px solid @verde; margin-bottom: 20px; padding-bottom: 20px; .newsletter_min_cont_privacy{ margin-top:10px; display:block; clear:both; font-size:14px; } .bottone_email_min{ background-color:@verde; border:0px; text-shadow:none; padding-top:5px; padding-bottom:5px; color:@bianco; margin-left:5px; &:hover{ background-color:@verdone; } } .cat_menuCategoria{ b{ font-weight:normal; font-family:@lora-regular; &.cmsCurrentPageContainer{ a{ font-weight:bold; font-family:@lora-bold; } } } .cmsCurrentPageContainer{ a{ font-weight:bold; font-family:@lora-bold; } } } } .carrello-sidebar{ .cat_CartBoxTotale{ display:inline-block; } } } #schedaProd{ .descrizioni{ max-width:800px; div,p,span{ font-size:18px !important; @media (max-width:@screen-md-max){ font-size:16px !important; } } } .marchio-scheda{ text-align:right; @media (max-width:@screen-sm-max){ text-align:left; margin-bottom:20px; } } .dati-prodotto{ .prezzo{ color: @verde; font-weight: bold; font-size:35px; //min-height:2.3em; padding-bottom:14px; span{ > span { display: block; } > span.cat_testoRed{ color:@verde; font-size:35px; font-weight:bold; line-height:1; } > span.cat_prezzo_barrato{ //color: #444444; color:#666666; font-size: 22px; padding-bottom:10px; } } } } .qt_cart_dec, .qt_cart_inc{ display:none; } .bollino{ color:@verde; text-transform:uppercase; font-size:12px; font-weight:bold; } /**** BOTTONI *****/ .cat_add_cart_wrap{ padding-top:30px; //padding-bottom:50px; > input { @media (max-width:@screen-sm-max){ width: 100%; } } } .compra-ora { .btn_add_cart{ cursor:pointer; padding:30px 22px; display:inline-block; transition:all 0.8s, color 0.3s 0.3s; background:@verde; color:@bianco; text-transform:uppercase; margin-right:10px; max-width:300px; white-space:normal; @media (max-width:@screen-md-max){ padding:30px 5px; } @media (max-width:@screen-sm-max){ margin-bottom:10px; max-width:100%; } } /*effects*/ .btn_add_cart:hover{ box-shadow:-400px 0 0 0 rgba(0,0,0,0.5) inset; @media (max-width:@screen-sm-max){ box-shadow:-500px 0 0 0 rgba(0,0,0,0.5) inset; } @media (max-width:@screen-xs-max){ box-shadow:-700px 0 0 0 rgba(0,0,0,0.5) inset; } } .btn_add_cart{ background-color: @verde; border-radius: 0px; border: none; padding: 20px; font-size: 14px; font-weight: bold; color: @bianco; text-transform: uppercase; background-image: url('/source/ico-carrello-mobi.png'); background-repeat: no-repeat; background-position: 20px center; padding-left: 80px; padding-right:40px; //margin-bottom:20px; } .btn_add_cart:hover { background-color: @verdone; } } .cat-avvisa-disponibile{ cursor:pointer; padding:30px 22px; display:inline-block; transition:all 0.8s, color 0.3s 0.3s; background:@verde; color:@bianco; text-transform:uppercase; margin-right:10px; max-width:300px; @media (max-width:@screen-md-max){ padding:30px 5px; } @media (max-width:@screen-sm-max){ margin-bottom:10px; } } /*general hover*/ .cat-avvisa-disponibile:hover{ color:#fff;} /*effects*/ .cat-avvisa-disponibile:hover{ box-shadow:-400px 0 0 0 rgba(0,0,0,0.5) inset;} .cat-avvisa-disponibile{ background-color: @verde; border-radius: 0px; border: none; padding: 20px; font-size: 14px; font-weight: bold; color: @bianco; text-transform: uppercase; //background-image: url('/source/ico-carrello-mobi.png'); background-repeat: no-repeat; background-position: 20px center; padding-left: 20px; //margin-bottom:20px; } .cat-avvisa-disponibile:hover { background-color: @verdone; } .cat_add_cart_wrap .btn_add_wishlist{ cursor:pointer; padding:30px 22px; display:inline-block; transition:all 0.8s, color 0.3s 0.3s; background:#dddddd; color:@verde; text-transform:uppercase; max-width:300px; white-space:normal; @media (max-width:@screen-md-max){ padding:30px 5px; } @media (max-width:@screen-sm-max){ max-width:100%; } } /*general hover*/ .cat_add_cart_wrap .btn_add_wishlist:hover{ color:#fff;} /*effects*/ .cat_add_cart_wrap .btn_add_wishlist:hover{ box-shadow:-400px 0 0 0 rgba(0,0,0,0.5) inset; @media (max-width:@screen-sm-max){ box-shadow:-500px 0 0 0 rgba(0,0,0,0.5) inset; } @media (max-width:@screen-xs-max){ box-shadow:-700px 0 0 0 rgba(0,0,0,0.5) inset; } } .cat_add_cart_wrap .btn_add_wishlist{ background-color: #dddddd; border-radius: 0px; border: none; padding: 20px; font-size: 14px; font-weight: bold; color: @verde; text-transform: uppercase; background-image: url('/source/ico-wishlist.png'); background-repeat: no-repeat; background-position: 20px center; padding-left: 80px; padding-right:28px; margin-right:10px; } .cat_add_cart_wrap .btn_add_wishlist:hover { background-color: @verde; background-image: url('/source/ico-wishlist-hover.png'); } /*********************/ .cat-form-addcart{ .labelForm, .nome_attributo { display:inline-block; vertical-align:middle; } .fieldForm, .select_attributo { display: inline-block; vertical-align: middle; min-width: 223px; margin-bottom: 15px; } } .cat-form-addcart select, input.qt_cart{ min-height:60px; border-radius:0px; border:1px solid @verde; padding-left:20px; @media (max-width:@screen-sm-max){ width:100%; } } .compra-ora { .labelForm, .nome_attributo { color:@verde; font-size:15px; width:20%; @media (max-width:@screen-md-max){ width:25%; } @media (max-width:@screen-sm-max){ width:100%; } } .fieldForm, .select_attributo { @media (min-width:@screen-lg-min){ max-width:300px; } @media (max-width:@screen-sm-max){ width:100%; } } } .cat_obbligatorio{ display:none; } .informazioni > div { display:none; } .informazioni{ .contatti{ max-width:100%; } > div { font-size:18px !important; /* div, p{ font-size:18px !important; } */ } .cat_obbligatorio{ display:inline-block; } } h3.titolo-toggle{ position:relative; color:@verde; font-size:17px; font-weight:bold; text-transform:uppercase; text-align:left !important; padding:30px 35px 15px 0px; margin-bottom:0px; cursor:pointer; border-top:1px solid #dddddd; /* &.last{ padding-bottom:20px; } */ &::before{ content: "\2b"; color:@verde; position:absolute; right:35px; font-style:normal; } &.tab-closed::before{ content: "\2212"; color:@verde; position:absolute; right:35px; font-style:normal; } } .contatti{ margin-top:30px; .cat_button{ .btn-verde; border-radius:0px; font-size:17px; max-width:300px; } /*general hover*/ .cat_button:hover{ color:#fff;} /*effects*/ .cat_button:hover{ box-shadow:-300px 0 0 0 rgba(0,0,0,0.5) inset;} } #FOTO_0_GRANDE{ max-width:100%; } #cat_zoom_gallery { margin-top: 10px; .cat-altrafoto-clear{ display: none; } a { background-color: @bianco; text-align: center; display: inline-block; margin-right: 5px; img { max-width: 42px; width: 100%; } } @media(min-width:@screen-lg-min){ a { img { max-width: 100px; } } } } .addthis_inline_share_toolbox{ margin-top:30px; } } .n-prodotti .cat_CartBoxNumero { background-color: #37644b; border-radius: 100%; color: #fff; font-size: 14px; margin-left: -15px; margin-right: 13px; padding: 2px 7px; text-align: center; } .btn-avanti input{ background-image:none; &:hover{ //background-image:none; } } .cat-fattura-elettronica { // chiesto da polly 6/03/2019 .cat_obbligatorio { display: none !important; } } .cat-reguser, .cat_wrapper_account, .cat_wrapper_login, .cat_wrapper_welcome_account{ max-width:1200px; margin:0 auto; display:block; .labelForm{ color:@verde; } margin-bottom:40px; } .cat_wrapper_output { margin-bottom: 40px; } /* .scrolling-categorie::-webkit-scrollbar { width: 12px; } .scrolling-categorie::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } .scrolling-categorie::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } */ /* Let's get this party started */ .scrolling-categorie::-webkit-scrollbar { width: 12px; } /* Track */ .scrolling-categorie::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } /* Handle */ .scrolling-categorie::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(55,100,75,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .scrolling-categorie::-webkit-scrollbar-thumb:window-inactive { background: rgba(55,100,75,0.4); } @-moz-document url-prefix(http://),url-prefix(https://) { scrollbar { -moz-appearance: none !important; background: rgb(0,255,0) !important; } thumb,scrollbarbutton { -moz-appearance: none !important; background-color: rgb(0,0,255) !important; } thumb:hover,scrollbarbutton:hover { -moz-appearance: none !important; background-color: rgb(255,0,0) !important; } scrollbarbutton { display: none !important; } scrollbar[orient="vertical"] { min-width: 15px !important; } } .logo { max-width: 100%; max-height: 113px; } .pag-interna .logo{ //max-width:400px; //width:100%; } .form-control::-moz-placeholder, .cat_modulo::-moz-placeholder, .modulo_email_min::-moz-placeholder, .cat_moduloLogin::-moz-placeholder, .cat_moduloSearch::-moz-placeholder{ color:@bianco; } input:focus::-webkit-input-placeholder { color:transparent; opacity:0; } input:focus:-moz-placeholder { color:transparent; opacity:0;} /* FF 4-18 */ input:focus::-moz-placeholder { color:transparent; opacity:0;} /* FF 19+ */ input:focus:-ms-input-placeholder { color:transparent; opacity:0;} /* IE 10+ */ // CURRENT PAGE LINK .top-menu ul li a.cmsCurrentPage //,a.cmsCurrentPage { background:@verdone !important; } .menu-mobile-container a.cmsCurrentPage:link, .menu-mobile-container a.cmsCurrentPage:visited, .menu-mobile-container a.cmsCurrentPage:active{ color: #000000; } /*Custom skin*/ .scrollable.custom-skin { padding-right: 17px; } .scrollable.custom-skin .scroll-bar { //border: 1px solid gray; //background-color: #d3d3d3; } .scroll-bar.horizontal{ position:relative; &::before{ position:absolute; content:""; background-color: #dddddd; top:50%; width:100%; height:1px; } } .scrollable.custom-skin .scroll-bar .thumb { background-color: @verde; } .scrollable.custom-skin .scroll-bar:hover .thumb { background-color: @verdone; } /* .scrolling-categorie{ .scroll-bar{ width:70%; .thumb{ -webkit-transition: width 2s; // Safari transition: width 2s; &:hover{ width:100%; } } } } */ .scrollable.custom-skin .scroll-bar.vertical { width: 10px; } .scrollable.custom-skin .scroll-bar.horizontal { height: 10px; margin-top: 2px; } .btn_add_cart.-disabled{ display:none !important; } // UTILITY MIXIN .input-placeholder(@color){ &::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: @color; } &::-moz-placeholder { /* Firefox 19+ */ color: @color; } &:-ms-input-placeholder { /* IE 10+ */ color: @color; } &:-moz-placeholder { /* Firefox 18- */ color: @color; } } #email_min, .cat_moduloSearch{ .input-placeholder(#ffffff); } #catElencoProdotti{ .cat_pag_prodotti, .wrapper_ordinamento_prodotti{ float:right; } .cat_pag_prodotti .cat_pagination{ margin-top:0px; } .cat_pag_prodotti{ margin-top:0px; margin-left:15px; } .cat_select_listbox_order{ height:37px; } .cat_select_listbox_order{ margin-bottom:60px; } } .logout-mobi{ a{ text-transform:uppercase; color:@bianco; display: inline-block; padding-top: 8px; } a + a { margin-left:15px; @media(max-width:@screen-xs-max){ margin-left:5px; } } } .descrizione-categoria{ margin-top:20px; text-align: center; img { max-width: 100%; height: auto; display:block; margin: 0 auto; } span, div, p { //font-size: 18px !important; font-family: @lora-regular !important; //text-align: center !important; } } .banner-natale{ position:relative; .testo-natale { color: white; left: 0; position: absolute; right: 0; text-align: center; z-index: 1; text-shadow: 1px 1px #AD871A; @media (min-width:@screen-md-min){ top:10px; } @media (max-width:@screen-sm-max){ top:5px; } span{ font-family: @muli-bold; font-weight:700; font-size:16px; text-transform:uppercase; } .special{ font-family:@lora-regular; font-size:28px; text-transform:unset; @media (max-width:@screen-xs-max){ font-size:24px; } @media (max-width:@screen-sm-max){ display:block; clear:both; padding-bottom:5px; } } display:none; @media (max-width:@screen-md-max){ display:block; } } .sfondo-natale { height: auto; max-width: 100%; min-height: 58px; object-fit: cover; @media (max-width:@screen-xs-max){ min-height: 85px; } @media (max-width:@screen-md-max){ display:none; } } .link{ @media (max-width:@screen-md-max){ background-color:#D08403; display: block; min-height: 52px; //background-image:url('/source/banner-natale.png'); //background-size:cover; } @media (max-width:@screen-xs-max){ min-height: 72px; } } } /* .sfondo-loto{ background-image: url('/source/sf-loto.png'); background-position:right bottom; background-repeat:no-repeat; } */ .sfondo-loto::before{ content:""; position:absolute; right:0; bottom:0; background-image: url('/source/sf-loto.png'); background-position:right bottom; background-repeat:no-repeat; width:100%; height:120%; z-index: -1; opacity:0.8; @media (max-width:@screen-xs-max){ width:50%; background-size:contain; } } .wrapper_coupon{ .clearfix(); > a { &:extend(.btn all); &:extend(.btn-success all); text-decoration: none !important; float: left; width: 40%; margin-left: 1%; } .modulo_coupon { float: left; width: 59%; } }