// 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/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
@import "slick/slick.less";
@import "slick/slick-theme.less";

// catalog
@import "catalog/less/mixins.less";
@import "catalog/less/style_css_catalog.less";
@import "catalog/less/checkout.less";
@import "catalog/less/newsletter_cms.less";

@import (less) "sidr/css/jquery.sidr.bare.css";
@import (css) "//admin.abc.sm/cms/js_lib/jquery/UI/css/ui-lightness/jquery-ui-1.10.3.custom.css";
@import (less) "jquery-ui.custom.min.css";
@import (less) "icomoon.css";

// ******************************************************
// variabili sito
@tortora: #C2B6A0;
@grigio: #393D3F;
@grigino: #858585;
@grigetto: #949392;
@sasha: #929292;
@ocra: #D0A330;
@verde: #868743;
@colore-bordi: #EBEBEB;
@sabbia: #F0EDE8;

@font-main: 'Roboto', sans-serif;
@font-alt: 'Roboto Slab', serif;

// ******************************************************
// variabili bootstrap
@container-large-desktop: 1610px;
@grid-gutter-width: 10px;
@brand-primary: @verde;
@text-color: @grigio;
@link-color: @text-color;
@font-family-sans-serif: @font-main;
@font-size-base: 13px;
@line-height-base: 1.2;
@border-radius-base: 0;

.container {
    @media (min-width: @screen-lg-min) {
        max-width: 100%;
        padding: 0 30px;
    }
    
    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
        width: auto;
    }
}

// ******************************************************
// SFONDI

// ******************************************************
// UTILITY
.link-inherit {
    a {
        color: inherit;
        
        &:hover {
            color: inherit;
        }
    }
}

// ******************************************************
// REGOLE GENERALI
img {
    max-width: 100%;
}

.bold {
    font-weight: bold;
}

.font-alt {
    font-family: @font-alt;
}

.text-alt {
    color: @ocra;
    .link-inherit;
}

.slick-dots {
    bottom: -15px;
    
    li {
        button:before {
            font-size: 36px;
        }
        
        &.slick-active button:before {
            color: @verde;
            opacity: 1;
        }
    }
}

.slick-slide {
    img {
        margin: 0 auto;
    }
}

.slick-arrow {
    font-size: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
    
    &.icon-freccia-sinistra{
        left: 0;
        @media (min-width: @screen-sm-min) {
            left: -23px;
        }
    }
    
    &.icon-freccia-destra{
        right: 0;
        @media (min-width: @screen-sm-min) {
            right: -23px;
        }
    }
    
    &:hover{
        > span{
            &:before{
                color: rgb(55, 215, 215);
                
            }
            &.path2{
                &:before{
                    color: #FFF;
                }
            }
        }
    }
}

.cat-btn,
.cat-btn-back {
    &:extend(.btn all);
    &:extend(.btn-default all);
}

.cat-btn-tracking {
    &:extend(.btn-primary all);
}

.btn-rounded {
    .button-variant(@ocra; @sabbia; @sabbia);
    border-radius: 22px;
    height: 44px;
    width: 44px;
    font-size: 18px;
    outline: none !important;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    &:hover {
        color: #fff;
        background-color: @ocra;
        border-color: @ocra;
    }
    
    span {
        display: none;
    }
}

.btn-sito {
    ciao: true;
    a {
        padding: 18px 20px;
        background-color: @ocra;
        color: #fff;
        display: inline-block;
        
        &:hover {
            background-color: darken(@ocra, 10%);
            color: #fff;
            text-decoration: none;
        }
    }
}

// ******************************************************
// MENU
.menu-sf {
    padding: 20px 0 16px;
    background-color: @verde;
    color: #fff;
    .link-inherit;
    display: none;
    
    @media (min-width: @screen-md-min) {
        display: block;
        position: sticky;
        top: 0;
        z-index: 1;
    }
}

.menu-container {
    text-align: center;
}

.menu-main {
    position: relative;
    .text-uppercase;
    
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
        font-size: 12px;
    }
    
    ul {
        padding: 0;
    }
    
    li {
        list-style: none;
        display: inline-block;
    }
    
    .level1 {
        display: flex;
        justify-content: center;
        
        > li {
            position: relative;
            padding: 0 6px 2px;
            
            @media (min-width: @screen-lg-min) { 
                padding: 0 10px 2px;
            }
            
            &:hover {
                .level2 {
                    display: block;
                }
            }
        }
    }
    
    .level2 {
        display: none;
        position: absolute;
        z-index: 180;
        background-color: @verde;
        text-align: left;
        padding: 6px 10px;
        margin-top: -2px;
        
        > li {
            display: block;
            
            + li {
                margin-top: 5px;
            }
        }
    }
    
    a {
        background-repeat: no-repeat;
        background-position: top center;
        padding-bottom: 1px;
        display: inline-block;
        border-bottom: 2px solid transparent;
        margin-bottom: 3px;
        
        &:hover,
        &:focus,
        &:active {
            text-decoration: none;
            //color: @brand-primary;
        }
        
        &:hover,
        &.cmsCurrentPage {
            border-color: @ocra;
        }
    }
    
    .-submenu {
        background-image: data-uri('v.png');
        background-repeat: no-repeat;
        background-position: center bottom;
    }
}

.sidr {
    background: @verde;
    color: #fff;
    .link-inherit;
    
    .sidr-inner {
        padding: 45px 0 0 35px;
    }
    
    ul {
        padding: 0;
        list-style: none;
        
        a {
            text-transform: uppercase;
            margin-bottom: 15px;
            display: block;
        }
    }
    
    .sidr-class-level2 {
        display: none;
        padding-left: 15px;
    }
    
    .close-sidr{
        text-align: right;
        padding: 12px 20px;
        background-color: #797A3D;
    }
}

// ******************************************************
// LAYOUT
.slider-container {
    position: relative;
}

.box-categorie {
    margin-bottom: 55px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: @colore-bordi;
    padding: 15px 10px;
    
    @media (min-width: @screen-sm-min) {
        margin-bottom: 35px;
        border-width: 1px;
    }
    
    @media (min-width: @screen-lg-min) {
        padding: 35px 20px 40px;
        
        .slick-slide:not(.slick-current) {
            .box-categoria {
                border-left: 1px solid @colore-bordi;
            }
        }
    }
    
    .slick-dots {
        left: 0;
        right: 0;
        bottom: -25px;
    }
}
    
.box-categoria {
    padding: 0 15px;
    display: flex;
}

.box-categoria-ico {
    margin-right: 35px;
    
    img {
        max-width: none;
    }
}

.box-categoria-testo {
    color: @sasha;
    .link-inherit;
    
    a {
        color: @ocra;
        text-decoration: underline;
    }
}

.box-categoria-titolo {
    font-size: 17px;
    color: @verde;
    margin-bottom: 15px;
    font-weight: 500;
}

.box-categoria-desc {
    margin-bottom: 30px;
}

.ricerca {
    display: flex;
    
    @media (max-width: @screen-sm-max) {
        justify-content: center;
        border: 1px solid @colore-bordi;
        margin: 20px 10px;
    }
    
    .cat_moduloSearch{
        border: none;
        box-shadow: none;
        //padding: 6px 12px 6px 0;
        height: unset;
        display: inline;
        
        @media (min-width: @screen-md-min) {
            width: auto;
        }
    }
    
    button {
        background-color: transparent;
        border: 0 none;
        outline: none;
    }
    
    .cat_moduloButton {
        height: 39px;
    }
}

.header-mobile-dati {
    background-color: @colore-bordi;
    color: @grigetto;
    padding: 8px 5%;
    line-height: 1;
    //text-align: center;
    
    @media (min-width: @screen-md-min) {
        display: none;
    }
    
    a {
        color: @ocra;
    }
    
    .icon {
        font-size: 20px;
    }
    
    > .cnt {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .mail {
        font-size: 30px;
    }
}

.header-mobile-menu {
    display: flex;
    align-items: stretch;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1;
    
    @media (min-width: @screen-md-min) {
        display: none;
    }
}

.header-mobile-col {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    .link-inherit;
    color: @ocra;
    padding: 15px 5px;
    border-bottom: 1px solid @colore-bordi;
    
    & + & {
        border-left: 1px solid @colore-bordi;
    }
    
    &.-carrello {
        background: @ocra;
        color: #fff;
        border-color: @ocra;
    }
}

.header-1 {
    padding-top: 10px;
    padding-bottom: 10px;
    color: @grigetto;
    .link-inherit;
    border-bottom: 1px solid @colore-bordi;
    
    .text-alt {
        font-weight: 500;
        margin-left: 10px;
    }
}

.header-row-sep + .header-row-sep {
    border-left: 1px solid @colore-bordi;
    padding-left: 5px;
    margin-left: 5px;
    
    @media (min-width: @screen-sm-min) {
        padding-left: 8px;
        margin-left: 8px;
    }
    
    @media (min-width: @screen-lg-min) {
        padding-left: 13px;
        margin-left: 13px;
    }
}

.header-row-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { 
        font-size: 12px;
    }
}

.header-login {
    white-space: nowrap;
}

.header-row-2 {
    padding: 25px 0;
    
    @media (min-width: @screen-md-min) {
        display: flex;
        align-items: center;
    }
    
    .ricerca {
        border-left: 1px solid @colore-bordi;
        padding: 5px 0 5px 10px;
    }
}

.header-search {
    display: flex;
    align-items: center;
    
}

.header-cart {
    text-align: right;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    
    @media (min-width: @screen-md-min) {
        justify-content: flex-end;
        margin-top: 0;
    }
    
    > .cnt + .cnt {
        margin-left: 15px;
    }
}

.bandiere {
    position: relative;
    color: @grigetto;
    
    a {
        color: inherit;
        display: block;
    }
    
    .export {
        display: flex;
        align-items: center;
        background-image: data-uri('v2.png');
        background-repeat: no-repeat;
        background-position: right center;
        padding: 0 10px;
        
        @media (min-width: @screen-md-min) {
            padding-left: 0;
        }
        
        span {
            margin-left: 5px;
            
            @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
                display: none;
            }
        }
    }
    
    .export-menu {
        display: none;
        position: absolute;
        z-index: 10;
        background: #fff;
        left: 0;
        right: 0;
        text-align: left;
        border: 1px solid #ddd;
        padding: 10px;
        min-width: 110px;
        
        img {
            width: 20px;
            margin-right: 5px;
        }
        
        a + a {
            margin-top: 5px;
        }
    }
    
    &:hover {
        .export-menu {
            display: block;
        }
    }
}

.txt-consegna {
    .text-alt;
    .hidden-xs;
    .hidden-sm;
}

.cart-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height: 1;
    .hidden-xs;
    .hidden-sm;
    
    .cart-icon-wrap {
        position: relative;
        display: inline-block;
        padding-right: 10px;
        margin-right: 5px;
    }
    
    .icon-cart {
        font-size: 22px;
        color: #584D49;
    }
    
    .cat_CartBoxNumero {
        display: inline-flex;
        width: 16px;
        height: 16px;
        align-items: center;
        justify-content: center;
        background-color: @ocra;
        color: #fff;
        border-radius: 8px;
        font-size: 11px;
        position: absolute;
        top: -3px;
        right: 0;
    }
    
    .cat_CartBoxTotale {
        display: inline;
        color: @ocra;
        font-weight: 500;
    }
}

.logo {
    text-align: center;
}

.search-container {
    @media (min-width: @screen-md-min) {
        display: none !important;
    }
}

.titolo {
    font-size: 30px;
    font-family: @font-alt;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.pagina-titolo {
    font-size: 30px;
    font-family: @font-alt;
    font-weight: bold;
    color: #584C46;
    margin-bottom: 10px;
    
    h1& {
        margin-bottom: 30px;
        
        @media (min-width: @screen-md-min) {
            margin-top: 30px;
        }
    }
}

.pagina-sottotitolo {
    color: #858543;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 15px;
    
    > * {
        font-size: inherit;
        margin: 0;
    }
}

.pagina-testo {
    color: @sasha;
    font-weight: 500;
    line-height: 1.4;
    
    b,
    strong {
        color: darken(@sasha, 10%);
    }
}

.pagina-separatore {
    padding-bottom: 1px;
    margin: 25px 0;
    
    @media (min-width: @screen-md-min) {
        margin: 50px 0;
    }
    
    &.-bordo {
        border-bottom: 1px solid @colore-bordi;
    }
}

.pagina-foto {
    margin-bottom: 50px;
    text-align: center;
    
    .didascalia {
        font-size: 17px;
        font-weight: 500;
        margin-bottom: 30px;
        color: #858543;
        padding: 0 15px;
    }
    
    img + .didascalia {
        margin-top: 30px;
    }
    
    &.-bordo {
        img {
            border: 5px solid @tortora;
        }
    }
    
    &.-fw {
        ciao: true;
        img {
            width: 100%;
        }
    }
}

.container-sidebar {
    display: none;
    .make-xs-column(12);
    .make-sm-column(4);
    .make-md-column(3);
    
    @media (max-width: @screen-xs-max) {
        margin-bottom: 15px;
    }
}

.container-page{
    .make-xs-column(12);
}

.footer-container {
    margin-top: 50px;
    color: @grigino;
}

.footer-row {
    display: flex;
    flex-direction: column;
    text-align: center;
    
    @media (min-width: @screen-sm-min) {
        flex-direction: row;
        padding: 50px 0;
    }
}

.footer-col {
    flex: 1;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 35px 35px;
    
    @media (min-width: @screen-sm-min) {
        padding: 0 5%;
    }
    
    + .footer-col {
        border-top: 1px solid @colore-bordi;
        padding-top: 35px;
        
        @media (min-width: @screen-sm-min) {
            margin-top: 0;
            border-top: 0 none;
            padding-top: 0;
            border-left: 1px solid @colore-bordi;
        }
    }
}

.footer-titolo {
    font-weight: bold;
    .font-alt;
    color: @verde;
    font-size: 20px;
    margin-bottom: 30px;
    
    &.-social {
        margin-bottom: 15px;
    }
}

.footer-logo {
    margin-bottom: 25px;
}

.footer-dati {
    margin-bottom: 35px;
    line-height: 1.4;
    
    .text-alt {
        font-weight: 500;
    }
}

.footer-pagamenti {
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    
    > * {
        margin: 0 5px 20px;
    }
    
    img {
        width: 40px;
        
        /*
        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
            margin: 0 6px 20px;
            max-width: 35px;
        }
        */
    }
}

.footer-bottom {
    padding: 25px 0;
    border-top: 1px solid @colore-bordi;
    display: flex;
    flex-direction: column;
    align-items: center;
    .link-inherit;
    
    @media (min-width: @screen-sm-min) {
        justify-content: space-between;
        flex-direction: row;
    }
    
    > .cnt + .cnt {
        margin-top: 20px;
        
        @media (min-width: @screen-sm-min) {
            margin-top: 0;
        }
    }
}

.specie-wrap {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 40px;
    
    @media (min-width: @screen-sm-min) {
        justify-content: space-between;
        flex-direction: row;
    }
    
    .specie {
        .link-inherit;
        text-align: center;
        margin-bottom: 20px;
        
        + .specie {
            @media (min-width: @screen-sm-min) {
                margin-left: 10px;
            }
        }
    }
    
    .specie-foto {
        //.hidden-xs;
    }
    
    .specie-titolo {
        padding: 30px 10px;
        background-color: @verde;
        color: #fff;
        
        @media (min-width: @screen-sm-min) {
            padding: 10px;
            min-height: 2.4em;
            box-sizing: content-box;
        }
        
        @media (min-width: @screen-lg-min) {
            padding: 16px 10px;
        }
        
        @media (min-width: @screen-lg-min) {
            min-height: auto;
        }
    }
    
    .specie-menu {
        border-style: solid;
        border-width: 0 1px 1px;
        border-color: @colore-bordi;
        padding: 10px;
        color: @sasha;
        line-height: 2;
        
        ul {
            padding: 0;
        }
        
        li {
            list-style: none;
        }
    }
}

// ******************************************************
// HOMEPAGE
.pg-home {
    .home2-passione {
        display: flex;
    }
    
    .maperche {
        @media (min-width: @screen-sm-min) {
            display: block;
        }
    }
}

.home-slider,
.home-video {
    margin-bottom: 10px;
    
    @media (min-width: @screen-sm-min) {
        margin-bottom: 50px;
    }
    
    video {
        max-width: 100%;
        display: block;
    }
}

.home-video {
    background-color: @verde;
}

.home-slider {
    position: relative;
    
    .slick-dots {
        bottom: -30px;
        
        @media (min-width: @screen-sm-min) {
            position: absolute;
            bottom: 10px;
            left: 15px;
            width: auto;
            
            
            li button:before {
                opacity: 1;
            }
            
            li.slick-active button:before {
                color: #fff;
            }
        }
        
        @media (min-width: @screen-md-min) {
            left: 40px;
        }
    }
}

.home-slider-text {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    .font-alt;
    font-weight: 300;
    text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.65);
    
    @media (min-width: @screen-sm-min) {
        font-size: 16px;
        top: 60px;
        left: 70px;
    }
    
    @media (min-width: @screen-md-min) {
        top: 100px;
    }
    
    .text-principale {
        font-size: 15px;
        margin-bottom: 15px;
        
        @media (min-width: @screen-sm-min) {
            font-size: 30px;
        }
    }
}

.tartarughe {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 40px;
    
    @media (min-width: @screen-sm-min) {
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
    }
    
    .tartaruga {
        background-color: @verde;
        color: #fff;
        .link-inherit;
        flex: 1;
        transition: 0.1s;
        border-bottom: 1px solid #fff;
        
        @media (min-width: @screen-sm-min) {
            border-bottom: 0 none;
        }
        
        a:hover {
            text-decoration: none;
        }
        
        &:hover {
            background-color: @ocra;
            
            @media (min-width: @screen-sm-min) {
                
                .bordo {
                    border-width: 0 8px 8px 8px;
                    border-style: solid;
                    border-color: @ocra;
                    overflow: hidden;
                    transition: border-width 0.1s;
                }
                
                .foto {
                    margin: 0 -8px -8px;
                    transition: margin 0.1s;
                    
                    img {
                        animation: bgzoom 0.3s ease-out;
                        -moz-animation: bgzoom 0.3s ease-out;
                        -o-animation: bgzoom 0.3s ease-out;
                        -webkit-animation: bgzoom 0.3s ease-out;
                        animation-fill-mode: forwards;
                        -moz-animation-fill-mode: forwards;
                        -webkit-animation-fill-mode: forwards;
                        -o-animation-fill-mode: forwards;
                    }
                }
            }
        }
        
        + .tartaruga {
            @media (min-width: @screen-sm-min) {
                margin-left: 10px;
            }
        }
    }
    
    .tartaruga-titolo {
        text-align: center;
        padding: 30px 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        
        @media (min-width: @screen-sm-min) {
            padding: 10px;
            min-height: 2.4em;
            box-sizing: content-box;
        }
        
        @media (min-width: @screen-lg-min) {
            padding: 16px 10px;
        }
        
        @media (min-width: @screen-lg-min) {
            min-height: auto;
        }
        
        i {
            font-size: 8px;
            margin-left: 5px;
        }
    }
    
    .foto {
        overflow: hidden;
        
        img {
            animation: bgzoom-reverse 0.3s ease-out;
            -moz-animation: bgzoom-reverse 0.3s ease-out;
            -o-animation: bgzoom-reverse 0.3s ease-out;
            -webkit-animation: bgzoom-reverse 0.3s ease-out;
            animation-fill-mode: forwards;
            -moz-animation-fill-mode: forwards;
            -webkit-animation-fill-mode: forwards;
            -o-animation-fill-mode: forwards;
        }
    }
    
    img {
        .hidden-xs;
    }
}

.home-ultimi-arrivi {
    margin-top: 20px;
    border-top: 1px solid @colore-bordi;
    padding: 40px 0 20px;
    margin-bottom: 50px;
    
    @media (min-width: @screen-md-min) {
        margin-bottom: 40px;
    }
}

.home-vetrina {
    padding-bottom: 20px;
    margin-bottom: 70px;
    
    @media (min-width: @screen-md-min) {
        margin-bottom: 60px;
    }
}

.maperche {
    background-color: @ocra;
    display: none;
    color: #fff;
    margin-bottom: 50px;
}

.maperche-row {
    display: flex;
    flex-direction: column;
    
    @media (min-width: @screen-md-min) {
        flex-direction: row;
    }
}

.maperche-titolo-wrap {
    background-color: #C79C2E;
    text-align: center;
    .font-alt;
    //padding: 10px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    font-size: 17px;
}

.maperche-titolo {
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 100;
}

.maperche-info {
    display: flex;
    padding: 20px;
    flex: 3;
    
    @media (min-width: @screen-lg-min) {
        padding: 55px 20px;
    }
    
    > div {
        flex: 1;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        
        + div {
            border-left: 1px solid #B08B28;
        }
    }
    
    .box-categoria {
        padding: 15px 30px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        
        @media (min-width: @screen-md-min) {
            flex-direction: row;
            text-align: left;
        }
    }
    
    .box-categoria-ico {
        font-size: 70px;
        
        @media (max-width: @screen-sm-max) { 
            margin-right: 0;
        }
    }
    
    .box-categoria-titolo {
        color: inherit;
    }
    
    .box-categoria-testo {
        color: inherit;
        
        p {
            margin-bottom: 0;
        }
    }
}

.home2-passione {
    display: none;
    flex-direction: column;
    margin-bottom: 50px;
    
    @media (min-width: @screen-sm-min) {
        flex-direction: row;
    }
    
    > div {
        @media (min-width: @screen-sm-min) {
            flex: 1;
        }
    }
}

.home2-foto {
    overflow: hidden;
}

.home2-dx {
    background-color: @sabbia;
    background-image: data-uri('inutile.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 45px 15px;
    display: flex;
    flex-direction: column;
    text-align: center;
    color: @grigino;
    align-items: center;
    justify-content: center;
    
    > .cnt {
        max-width: 450px;
    }
}

.home2-text {
    margin-bottom: 50px;
}

.home2-titolo {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 100;
    color: #584C47;
    .font-alt;
}

.home2-sottotitolo {
    font-size: 16px;
    margin-bottom: 40px;
    color: #858543;
}

.home2-partner {
    border: 1px solid @colore-bordi;
    padding: 0 20%;
    display: flex;
    flex-direction: column;
    text-align: center;
    
    @media (min-width: @screen-sm-min) {
        flex-direction: row;
        padding: 25px 0;
    }
    
    > div {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 25px;
        
        @media (min-width: @screen-sm-min) {
            padding: 0;
        }
        
        + div {
            border-top: 1px solid @colore-bordi;
            
            @media (min-width: @screen-sm-min) {
                border-left: 1px solid @colore-bordi;
                border-top: 0 none;
            }
        }
    }
}

.home2-btn {
    .btn-sito;
}

// ******************************************************
// CATALOG
/*
.cat-pg-checkout,
.cat-pg-account {
    .container-sidebar{
        display: none;
    }
}
*/

.cat-pg-account {
    .container-page {
        .make-sm-column(8);
        .make-sm-column-offset(2);
        .make-md-column(6);
        .make-md-column-offset(3);
    }
}

.cat-pg-categoria {
    .container-sidebar {
        display: block;
    }
}

.cat_breadCrumb {
    padding: 20px 0;
    border-bottom: 1px solid @colore-bordi;
    margin-bottom: 20px;
    .link-inherit;
    color: @verde;
    line-height: 1;
    
    a {
        color: @sasha;
    }
}

.cat_testoSeo:not(:empty) {
    color: #929292;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
    
    @media (min-width: @screen-sm-min) {
        column-count: 2;
    }
}

.cat_pag_prodotti {
    text-align: center;
}

.cat-dispo {
    &:before {
        content: " ";
        width: 12px;
        height: 12px;
        display: inline-block;
        margin-right: 10px;
        border-radius: 10px;
    }
}

.cat-dispo-esaurita {
    color: @brand-danger;
    
    &:before {
        background-color: @brand-danger;
    }
}

.cat-dispo-scarsa {
    color: @brand-warning;
    
    &:before {
        background-color: @brand-warning;
    }
}

.cat-dispo-ottima {
    color: @verde;
    
    &:before {
        background-color: @brand-success;
    }
}

.riquadro {
    text-align: center;
    position: relative;
    border-style: solid;
    border-color: transparent @colore-bordi transparent transparent;
    border-width: 2px 1px 2px 2px;
    transition: all .2s;
    padding: 15px;
    
    &:hover {
        border-color: @tortora !important;
        border-width: 2px;
        padding-right: 14px;
        box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.12);
    }
    
    .foto {
        position: relative;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .nome {
        font-size: 17px;
        margin-bottom: 15px;
        color: @verde;
        .link-inherit;
        min-height: 2.4em;
        font-weight: 500;
    }
    
    .prezzo {
        //padding-bottom: 20px;
        //border-bottom: 1px solid @colore-bordi;
        //margin-bottom: 20px;
        font-size: 22px;
        color: @ocra;
        
        .cat_prezzo_barrato {
            color: @grigetto;
            font-size: 13px;
        }
        
        .cat_prezzo_offerta  {
            color: inherit;
        }
    }
    
    .actions {
        margin-top: 20px;
        border-top: 1px solid @colore-bordi;
        padding-top: 20px;
        
        display: flex;
        justify-content: center;
        
        .add-wishlist {
            margin-left: 15px;
        }
    }
    
    .link_form_info,
    .btn_add_wishlist,
    .btn_add_cart {
        .btn-rounded;
    }
}

.last-xs {
    .riquadro {
        @media (max-width: @screen-xs-max) {
            border-right-color: transparent;
        }
    }
}

.last-sm {
    .riquadro {
        @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
            border-right-color: transparent;
        }
    }
}

.last-md {
    .riquadro {
        @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
            border-right-color: transparent;
        }
    }
}

.last-lg {
    .riquadro {
        @media (min-width: @screen-lg-min) {
            border-right-color: transparent;
        }
    }
}

.categorie-wrap {
    border: 2px solid @colore-bordi;
    padding: 20px;
    
    @media (min-width: @screen-lg-min) {
        padding: 35px;
    }
    
    .categorie-titolo {
        font-size: 20px;
        .font-alt;
        color: @verde;
        padding-bottom: 20px;
        border-bottom: 2px solid @colore-bordi;
        margin-bottom: 20px;
        font-weight: bold;
        line-height: 1;
    }
    
    .categorie-menu {
        font-size: 17px;
        font-weight: 500;
        
        ul {
            padding: 0;
        }
        
        li {
            list-style: none;
        }
        
        .livello_0 {
            > li {
                //padding: 10px 0;
                margin-top: 10px;
                
                + li {
                    border-top: 2px solid @colore-bordi;
                }
                
                .cat {
                    color: #584C48;
                    .link-inherit;
                    padding: 10px 0;
                }
            }
            
            ul {
                display: none;
            }
        }
        
        .livello_1 {
            > li {
                + li {
                    border-top: 1px solid @colore-bordi;
                }
                
                .cat {
                    color: @sasha;
                    padding: 8px;
                }
            }
        }
        
        .livello_2 {
            font-size: 15px;
            padding: 0 5px;
            
            ul {
                padding: 0 5px;
                font-size: 90%;
            }
        }
        
        .current_cat {
            > .cat {
                color: @verde !important;
            }
        }
        
        .vedi-tutte {
            font-style: italic;
            font-weight: normal;
        }
    }
}

.qt_cart_dec,
.qt_cart_inc {
    &:extend(.btn all);
    &:extend(.btn-default all);
    //&:extend(.btn-default all);
}

// ******************************************************
// PAGINA CATEGORIA
.wrapper_ordinamento_prodotti {
    text-align: center;
    margin-bottom: 20px;
    
    @media (min-width: @screen-md-min) {
        text-align: right;
    }
    
    @media (min-width: @screen-lg-min) {
        margin-bottom: 28px;
    }
}

.cat-elenco-prodotti {
    .make-row();
}

.cat_riqProdotto {
    .make-xs-column(6);
    .make-md-column(4);
    margin-bottom: 20px;
}

.cat_riqProduttore {
    .make-xs-column(6);
    .make-md-column(4);
    margin-bottom: 20px;
}

.cat-pg-categoria {
    .container-page {
        .make-sm-column(8);
        .make-md-column(9);
        
        @media (min-width: @screen-sm-min) {
            padding-left: 30px;
        }
    }
}

.cat-pg-categoria,
.cat-pg-prodotto {
    .catalog_titolo{
        margin-top: 0;
    }
    .container-categorie{
        margin-top: 55px;
        padding-top: 65px;
        border-bottom: 1px solid @colore-bordi;
    }
}

.cat-pg-prodotto {
    .container-categorie{
        margin-top: 80px;
    }
    .catalog_titolo{
        display: none;
    }
}

.cat_menuCategoria {
    .cat > a{
        font-size: 17px;
        font-family: @font-family-sans-serif;
        color: @text-color;
        text-transform: uppercase;
    }
}

.box-filtro {
    margin-top: 15px;
    
    .box-filtro-titolo {
        margin-bottom: 10px;
        font-size: 22px;
        font-weight: bold;
        border-bottom: 1px solid @text-color;
        padding: 25px 15px;
        .text-uppercase;
        
        @media (max-width: @screen-xs-max) {
            .text-center;
            border: 1px solid #000;
            padding: 5px;
            cursor: pointer;
            background-position: 95% center;
            background-repeat: no-repeat;
            &:extend(.ico-tr-down);
            
            &.-open {
                background-color: @gray-lighter;
            }
            
            &:hover {
                background-color: @gray-lighter;
            }
        }
    }
    
    .filtri {
        padding: 0 15px;
            
        @media (min-width: @screen-sm-min) {
            margin-top: 15px;
        }
        
        .filtro {
            margin-bottom: 15px;
            
            select {
                &:extend(.form-control all);
            }
            
            .nome {
                .text-uppercase;
                .bold;
                font-size: 17px;
                margin-bottom: 14px;
            }
            
            .nome-toggle {
                &:extend(.ico-tr-up);
                background-position: 95% center;
                background-repeat: no-repeat;
                cursor: pointer;
                
                .filtra-per {
                    display: inline;
                }
                
                &.-chiuso {
                    &:extend(.ico-tr-down);
                }
            }
            
            .checkbox {
                margin-top: 0;
                margin-bottom: 3px;
                text-transform: capitalize;
                
                label {
                    line-height: 1;
                }
            }
            
            .checkbox-col {
                .make-xs-column(12);
            }
        }
        
        .filtro-prezzo {
            //.hidden-xs();
        }
        
        #fascia_min,
        #fascia_max {
            background: @gray-lighter;
            border: 0;
            width: 55px;
            text-align: center;
            
            @media (max-width: @screen-xs-max) {
                padding: 0;
            }
            
        }
        #fascia_prezzo_inputs {
            margin-bottom: 18px;
        }
        
        #slider_fascia_prezzo {
            margin: 0 10px 10px;
            
            @media (min-width: @screen-md-min) {
                margin: 0 20px 0 0; 
            }
            
            @media (min-width: @screen-lg-min) {
                margin: 0; 
            }
        }
    }
    
    .filtri-wrap {
        height: auto;
        transition: all .2s;
        display: block;
        &.chiuso{
            height: 0;
            display: none;
        }
        
        @media (max-width: @screen-sm-max) {
            display: none;
        }
    }
}

#scheda-prodotto {
    .nome-prodotto {
        .font-alt;
        font-weight: bold;
        font-size: 30px;
        margin: 0 0 15px;
        color: #584C48;
    }
    
    .brand {
        margin-bottom: 5px;
    }
    
    .col-sx {
        @media (min-width: @screen-md-min) {
            padding-right: 20px;
            border-right: 1px solid @colore-bordi;
        }
        
        @media (min-width: @screen-lg-min) {
            padding-right: 50px;
        }
    }
    
    .col-dx {
        font-size: 17px;
        
        @media (min-width: @screen-md-min) {
            padding-left: 20px;
        }
        
        @media (min-width: @screen-lg-min) {
            padding-left: 50px;
        }
    }
    
    .box {
        padding-bottom: 30px;
        border-bottom: 1px solid @colore-bordi;
        margin-bottom: 30px;
    }
    
    .box-nome {
        display: flex;
        justify-content: space-between;
    }
    
    .sku {
        color: @sasha;
    }
    
    .box-dispo {
        img {
            display: none;
        }
    }
    
    .scheda-row {
        .prezzo {
            color: @text-color;
            font-size: 30px;
            font-weight: bold;
            border-left: solid 10px @brand-primary;
            padding-left: 15px;
        }
    }
    
    .compra-ora {
        .labelForm {
            font-weight: normal;
            color: @sasha;
        }
        
        .qt_cart_label {
            float: left;
            margin-top: 6px;
            margin-right: 15px;
        }
        
        .qt_cart_wrapper{
            float: left;
            display: flex;
        }
        
        .qt_cart {
            border-left-width: 0;
            border-right-width: 0;
            width: 60px;
            text-align: center;
        }
        
        .qt_cart,
        .qt_cart_dec,
        .qt_cart_inc {
            height: 30px;
        }
        
        .importoProdotto {
            display: none;
        }
        
        .cat_importoProdotto {
            color: @ocra;
            font-size: 26px;
        }
        
        .btn_add_cart {
            .button-variant(#fff; @ocra; @ocra);
            font-size: 13px;
            text-transform: uppercase;
            padding: 15px 33px;
            
            &.-disabled{
                display: none;
            }
        }
        
        .btn_add_wishlist {
            .btn-rounded;
        }
        
        .link_form_info {
            .btn-rounded;
            width: auto;
            
            .fas {
                margin-right: 5px;
            }
        }
    }
    
    .cat_add_cart_wrap {
        padding-top: 30px;
        border-top: 1px solid @colore-bordi;
        
        .labelForm {
            display: none;
        }
        
        .wrap {
            display: flex;
            justify-content: space-between;
        }
    }
    
    .cat-avvisa-disponibile {
        border-color: @brand-primary;
        color:@brand-primary;
        padding: 15px 33px;
    }
    
    .foto-grande,
    .foto-piccole {
        img {
            height: auto;
        }
    }
    
    .foto-grande {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        
        @media (min-width: @screen-md-min) {
            margin-top: 0;
        }
    }
    
    .foto-piccole {
        display: flex;
        //justify-content: space-between;
        flex-wrap: wrap;
        
        img {
            border: 1px solid @colore-bordi;
        }
        
        > a {
            //flex: 1;
            display: block;
            margin: 5px;
        }
    }
    
    .cat-altrafoto {
        img {
            margin: 0;
        }
    }
    
    .tab-content {
        color: @sasha;
        border: 1px solid @colore-bordi;
        padding: 50px;
        text-align: center;
    }
    
    .tab-scheda-prodotto {
        margin-top: 50px;
        margin-bottom: 30px;
        
        .nav-tabs {
            padding: 0px;
            display: flex;
            justify-content: center;
            font-weight: 500;
            
            > li {
                margin-bottom: -16px;
                outline: none;
                font-size: 16px;
                background-color: #fff;
                
                + li {
                    margin-left: 10px;
                }
                
                > a {
                    border: 1px solid @colore-bordi !important;
                    color: @sasha;
                    padding: 12px 20px;
                    background-color: #fff;
                    
                    &:hover {
                        background-color: #eee;
                    }
                }
                
                &.active {
                    > a {
                        color: @verde;
                        //border: 1px solid @colore-bordi;
                    }
                }
            }
        }
        
        ul {
            border-bottom: none;
        }
    }
    
    .titolo-correlati {
        margin-bottom: 50px;
        
        @media (max-width: @screen-xs-max) {
            font-size: 25px;
        }
    }
}

.cat-correlati-categoria {
    margin-bottom: 40px;
    
    .slick-dots {
        bottom: -35px;
    }
}

// ******************************************************
// SPECIE
.specie-titolo-pagina {
    .pagina-titolo;
    
    h1& {
        margin-bottom: 20px;
    }
}

.specie-sottotitolo {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 25px;
    color: @sasha;
}

.specie-btn {
    text-align: center;
    margin-bottom: 15px;
    
    @media (min-width: @screen-sm-min) {
        text-align: right;
        margin-top: 30px;
    }
}

.specie-testo,
.specie-testo-float {
    color: @sasha;
    font-weight: 500;
    line-height: 1.4;
}

.specie-testo {
    strong {
        color: @verde;
        font-size: 17px;
    }
}

.specie-testo-float {
    padding: 0 5px;
    
    @media (min-width: @screen-sm-min) {
        margin-left: 20px;
    }
}

.specie-testo,
.specie-categorie {
    margin-bottom: 50px;
}

.specie-categoria {
    .box-categoria;
    background-color: @sabbia;
    padding: 20px 25px;
    align-items: center;
    
    + .specie-categoria {
        margin-top: 15px;
    }
    
    .box-categoria-testo {
        @media (min-width: @screen-lg-min) {
            padding-right: 50px;
        }
    }
}

.specie-foto-float {
    margin-bottom: 20px;
    @media (min-width: @screen-sm-min) {
        margin-right: 20px;
    }
}

// ***************************************************
// PAGINA DETTAGLIO EVENTI
.eventi-riquadro {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid @colore-bordi;
    
    .eventi-titolo {
        margin-top: 0;
        font-family: @font-alt;
        font-weight: bold;
        color: #584C46;
        margin-bottom: 10px;
        .link-inherit;
    }
}

.eventi-dettaglio {
    margin-top: 15px;
    
    .eventi-foto {
        margin-bottom: 30px;
    }
    
    .eventi-sezione {
        position: absolute;
        left: 0;
        top: 20px;
        background-image: none;
    }
    
    .eventi-titolo {
        margin: 0 0 20px;
        font-size: 28px;
        .font-alt;
    }
    
    .eventi-sottotitolo {
        margin: 0 0 30px;
        font-size: 28px;
    }
    
    .eventi-descrizione {
        .font-alt;
        border-top: 1px solid @colore-bordi;
        padding-top: 40px;
        line-height: 1.5;
    }
    
    .title_social {
        display: inline;
    }
}

// ******************************************************
// PAGINA LINGUE
.page_125449,
.lang-kr,
.lang-jp,
.lang-cn,
.lang-fr,
.lang-en,
.lang-es {
    .header-1,
    .menu-main,
    #contenuto_518632,
    .cart-box {
        display: none;
    }
    
    .menu-sf {
        padding: 5px 0;
    }
    
    
}

.lingue-info {
    display: flex;
    padding: 20px;
    background-color: #F0EDE8;
    margin-top: 50px;
    
    @media (max-width: @screen-xs-max) { 
        flex-direction: column;
    }
    
    @media (min-width: @screen-lg-min) {
        padding: 55px 20px;
    }
    
    > div {
        flex: 1;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        
        + div {
            @media (min-width: @screen-sm-min) {
                border-left: 1px solid #fff;
            }
        }
    }
    
    .lingue-box {
        padding: 15px 30px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        
        @media (min-width: @screen-lg-min) {
            flex-direction: row;
            text-align: left;
        }
    }
    
    img {
        min-width: 78px;
    }
    
    .lingue-titolo {
        color: @verde;
        font-size: 17px;
        margin-bottom: 22px;
    }
    
    .lingue-testo {
        color: @sasha;
        margin-top: 20px;
        
        @media (min-width: @screen-lg-min) {
            margin-top: 0;
            padding-left: 35px;
        }
        
        p {
            margin-bottom: 0;
        }
    }
}

// ******************************************************
// VARIE ED EVENTUALI
.form-contatti {
    font-size: 16px;
    
    .modulo_alt {
        &:extend(.form-control all);
        border: 1px solid @colore-bordi;
    }
    
    textarea {
        min-height: 150px;
    }
    
    input[type="button"]{
        border:none;
        background:@brand-primary;
        box-shadow: none;
        color:#FFF;
        text-transform:uppercase;
        padding: 12px 10px;
    }
    .row > div{
        margin-bottom: 12px;
    }
}

.commento {
    //padding: 20px 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid @ocra;
    margin-bottom: 20px;
    
    
    .commento-titolo {
        margin: 0 0 15px;
        .h2;
    }
    
    .commento-nome {
        font-weight: bold;
        font-size: 16px;
        display: flex;
        align-items: center;
        margin-top: 10px;
        
        span {
            margin-left: 10px;
        }
    }
}



/* stile tab a fisarmonica */

.slider-titolo {
	cursor: pointer;
	text-decoration:underline;
    .piu{}
    .meno{
        display:none;
        }
	&.opened {
        .piu{display:none;}
        .meno{
            display:inline;
            }
	}
}

.slider-corpo {
	display: none;

}