/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Feb 12, 2015, 12:06:49 PM
    Author     : andrea
*/
/* ICONS */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-search:before {
  content: "\f002";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-square-o:before {
  content: "\f096";
  /* checkbox unchecked */
}
.fa-check-square:before {
  content: "\f14a";
  /* checkbox checked */
}
.fa-circle-o:before {
  content: "\f10c";
  /* radiobox unchecked */
}
.fa-dot-circle-o:before {
  content: "\f192";
  /* radiobox checked */
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-heart:before {
  content: "\f004";
}
.fa-list:before {
  content: "\f03a";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-login {
    width: 24px;
    height: 19px;
    background: url(../images/icn-user-small.png) no-repeat center center;
    background-size: 24px;
}
.fa-icon-chevron-left:before {
  content: "\f053";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.fa-comment:before {
  content: "\f075";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-calendar:before {
  content: "\f073";
}
/* END ICONS  */





/* ============================================ *
 * Layered Navigation (da riga 2831 a riga 2935 di syles css per i vecchi blocchi)
 * da eliminare quando completato (check media queries)
 * ============================================ */

/*
* TODO: Warning: the list will have a border bottom to the last element
* of the list on internet explorer 9< because on the css will not be
* able to recognize the :last-child attribute. try to avoid this
*/

.block-layered-nav .left-navigation{
    border: 1px solid #e2d9c8;
}
.block-layered-nav .left-navigation li{
    border-bottom: 1px solid #e2d9c8;
    position: relative;
}
.block-layered-nav .left-navigation li:last-child{
    border-bottom: none;
}
.block-layered-nav .left-navigation li a{
    background-color: #ffffff;
    display: block;
    line-height: 43px;
    padding: 5px 15px;
    text-decoration: none;
}
.block-layered-nav .left-navigation li a:hover{
    background-color: #eae3d7;
}
.block-layered-nav .left-navigation li a i{
    float: right;
    line-height: 43px;
    color: #e2d9c8;
}
.block-layered-nav .level-1{
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    z-index: 1;
    display: none;
}

/* CATALOG CATEGORY PAGE */

.options-list{
    margin-top: 13px;
    font-size: 0.001px;
}
.button.view-details{
    width: 100%;
}
.action-button span span{
   height: 24px;
   line-height: 16px;
   font-size: 16px;
   text-transform: none;
   padding: 5px 0 0;
   color: #693935;
   background-color: #e2d9c8;
}
.action-button.add-to-list{
    width: 37%;
    margin-right: 2%;
}
.action-button.add-to-favorites{
    width: 100%;
    margin-left: 0px;
}
.action-button i{
    color: #f49626;
}
.action-button:hover i{
    color: #ffffff;
}
.action-button:hover span > span{
   background-color: #f49626;
   color: #ffffff;
}
.action-button span i{
  font-size: 16px;
  line-height: 16px;
}
.button span i{
    margin-right: 5px;
}
/*
* Styles for the static pages, should be arranged in a new file? a fle for every static page?
* Wuch could be the best pratice?
*/

/* HOME PAGE */

#splash-page-buttons-container{
    display:block;
    font-size: 0.001px;
    width: 100%;
}
.splash-button{
    position:relative;
    width: 32.5%;
    display: inline-block;
    margin-right: 1.13%;
}
.splash-button.last{
   margin-right: 0%;
}
.splash-button .overlay{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}
#eataly-magazine-banner{
    margin-top: 25px;
    display: inline-block;
    width: 100%;
    border: 3px solid #6a3935;
}
#eataly-magazine-banner .box{
    float: left;
    position: relative;
    width: 16%;
    padding: 0 0.2%;
    margin: 0.4% 0;
    overflow: hidden;
}
#eataly-magazine-banner .box.first{
    padding: 0%;
    width: 20%;
    overflow: visible;
}
#eataly-magazine-banner .box.first img{
    position: absolute;
    top: -10px;
    margin-left: 14.5%;
    width: 70%;
}
#eataly-magazine-banner .box.first a{
    text-decoration: none;
}
#eataly-magazine-banner .box.first p{
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 23%;
    padding: 0 10px;
    text-align: center;
    text-transform: uppercase;
}
#eataly-magazine-banner .box.first .subtitle{
    font-size: 16px;
    margin-top:10px;
}
#eataly-magazine-banner .box .box-title {
    background: rgba(59, 43, 41, 0.8);
    position: absolute;
    padding: 3px 8px;
    width: 97.6%;
    top: 155px;
    height: 200px;
    color: #ffffff;
    -webkit-transition-property: top, bottom;
    -webkit-transition-duration: 0.5s;
}
#eataly-magazine-banner .box:hover .box-title {
    top: 20%;
}

#eataly-magazine-banner .box .box-title .title-small{
    font-weight: 700;
    font-size: 18px;
}

#eataly-magazine-banner .box .title-big {
    display: block !important;
}
#eataly-magazine-banner .box .box-title .line{
    background-color: #ffffff;
    height: 1px;
    width: 100%;
    margin: 2px 0 8px;
}

#splash-page-blocks-container{
    width: 100%;
    display: inline-block;
    margin-top: 25px;
    font-size: 0.001px;
}
#splash-page-block-1, #splash-page-block-2{
    display: inline-block;
}
#splash-page-block-1{
    float: left;
}
#splash-page-block-2{
    float: right;
}
#splash-page-blocks-container a{
    display: block;
}

/* HOME PAGE SHOP */

/*
* These rules overwrite the standard settings of the flexslider tool
* I prefer overwriting it istead of changing the standard in case i need it elsewere.
*/

.flex-control-paging li a {
    width: 13px;
    height: 13px;
    border-radius: 0px;
    background: #e2d9c8;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    -o-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}
.flex-control-paging li a:hover {
    background: #e2d9c8;
}
.flex-control-paging li a.flex-active {
    background: #693935;
}
.flex-control-nav li {
    margin: 0 6px 0 0;
}
/*
* This correction are meant to be used to avoid the animation of the slider control and keep it always present and
* static on the slider
*/
.flexslider{
    border: 0;
}
.flexslider .flex-next{
    opacity: 0;
    right: 10px;
}
.flexslider .flex-prev{
    opacity: 0;
    left: 10px;
}
.col-main ul.flex-direction-nav li a.flex-next::before {
    content: "\f054";
    font-size: 16px;
}
.col-main ul.flex-direction-nav li a.flex-prev::before{
    content: "\f053";
    font-size: 16px;
}

.col-main .world-shops ul.flex-direction-nav li a.flex-next::before {
    font-size: 16px;
}
.col-main .world-shops ul.flex-direction-nav li a.flex-prev::before{
    font-size: 16px;
}

.flex-direction-nav a:before , .flex-direction-nav a:after{
    font-family: "fontAwesome";
    color: #693935;
}


.flex-direction-nav a{
    height: 45px;
    width: 45px;
    background-color: #ffffff;
    text-decoration: none;
    font-size: 0;
    line-height: 45px;
}
.articles-boxes{
    font-size: 0.001px;
}

/*
* Setting for the carousel item, to be different from the  normal carousel or the previous settings on the flexslider
*/
.flexslider-carousel{
    margin-bottom: 0;
    margin-top: 47px;
}
.flexslider-carousel .carousel-title{
    background-color: #f4efe8;
    padding: 4px 20px;
    margin-bottom: 7px;
    margin-right: 82px;
    height: 24px;
}
.flexslider-carousel .carousel-title span{
    text-transform: uppercase;
    font-weight: 700;
}
.flexslider-carousel .flex-direction-nav .flex-prev, .flexslider-carousel .flex-direction-nav .flex-next{
    opacity: 1;
    background-color: #f4efe8;
    border: 0;
}
.flexslider-carousel .flex-direction-nav a{
    height: 24px;
    width: 36px;
    top: 0;
    margin: 0;
}
.flexslider-carousel .flex-direction-nav a.flex-next::before {
    content: "\f105";
    font-size: 21px;
    line-height: 24px;
    margin-left: 14px;
}
.flexslider-carousel .flex-direction-nav a.flex-prev::before {
    content: "\f104";
    font-size: 21px;
    line-height: 24px;
    margin-left: 14px;
}
.flexslider-carousel .flex-direction-nav a.flex-next, .flexslider-carousel:hover .flex-direction-nav .flex-next{
  right: 0;
  opacity: 1;
}
.flexslider-carousel .flex-direction-nav a.flex-prev, .flexslider-carousel:hover .flex-direction-nav .flex-prev{
  left: auto;
  right: 41px;
  opacity: 1;
}
.flexslider-carousel .carousel-item{
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #e2d9c8;
    padding: 8px;
}
.carousel-item .product-image{
    margin-bottom: 5px;
}
.carousel-item .product-name{
    font-size: 16px;
    display: block;
    min-height: 50px;
}
.carousel-item .product-manufacturer{
    margin: 0 0 10px;
}
.carousel-item .price-box{
    margin: 0 0 5px;
}
.carousel-item:hover{
    border: 1px solid #f49626;
    box-shadow: -4px 4px 4px 0 #d9d9d9;
}
.carousel-item:hover .actions{
    display: block;
}
.carousel-item .actions{
    padding-top: 10px;
}
/*
* Settings for the special green slider for the newest products
*/
.flexslider-carousel.news .carousel-title, .flexslider-carousel.news .flex-direction-nav .flex-prev, .flexslider-carousel.news .flex-direction-nav .flex-next{
    background-color: #8baa33;
    color: #ffffff;
}
.flexslider-carousel.news .flex-direction-nav a.flex-next::before, .flexslider-carousel.news .flex-direction-nav a.flex-prev::before{
    color: #ffffff;
}

/*
* Settings for the special category slider for categories with less than 5 elements
*/
#flexslider-category-carousel{
    margin-bottom: 15px;
}
#flexslider-category-carousel li .carousel-category-item{
    margin: 0px 9px;
}
#flexslider-category-carousel li:first-child .carousel-category-item{
    margin-left: 0px;
}
#flexslider-category-carousel li:last-child .carousel-category-item{
    margin-right: 0px;
}
#flexslider-category-carousel .carousel-category-item{
    padding: 22px;
    border: 1px solid #8baa33;
}
#flexslider-category-carousel .carousel-category-item .product-image, #flexslider-category-carousel .carousel-category-item .product-info{
    display: inline-block;
    vertical-align: bottom;
    width: 49.5%;
}
#flexslider-category-carousel .carousel-category-item .product-name{
    margin-bottom: 25px;
}
#flexslider-category-carousel .flex-direction-nav a.flex-prev, .flexslider-carousel:hover .flex-direction-nav .flex-prev{
  left: auto;
  right: 41px;
  opacity: 1;
}
#flexslider-category-carousel .carousel-category-item .special-product-seals{
    margin-bottom: 15px;
}
#flexslider-category-carousel .carousel-category-item .special-product-seals img{
    max-width: 27px;
}

/*
* Settings for the special cart slider
*/
#flexslider-cart-carousel{
    margin-bottom: 34px;
    border: 1px solid #e2d9c8;
    border-top: 0 none;
}
#flexslider-cart-carousel .carousel-cart-item{
    margin: 10px;
}
#flexslider-cart-carousel .carousel-cart-item .product-price{
    font-size: 20px;
    margin: 16px 0px;
}
#flexslider-cart-carousel .carousel-cart-item .product-image{
    position: relative;
    border: 1px solid #e2d9c8;
}
#flexslider-cart-carousel .carousel-cart-item .product-image-overlay{
    display:none;
    background-color: rgba(255,255,255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#flexslider-cart-carousel .carousel-cart-item .product-image:hover .product-image-overlay{
    display: inline-block
}
#flexslider-cart-carousel .carousel-cart-item .product-image-overlay .product-info{
   position: relative;
   top:30%;
   text-align: center;
}
.carousel-cart-item .product-name{
    text-transform: none;
    margin-bottom: 20px;
}

.carousel-modal-product-image, .carousel-modal-product-data{
    display: inline-block;
    vertical-align: middle;
    margin-top: 25px;
    margin-bottom: 20px;
}
.carousel-modal-product-data{
    margin-left: 18px;
    min-height: 225px;
}
.carousel-modal-product-image img{
    width: 225px;
    height: 225px;
    border: 1px solid #e2d9c8;
}

/* TINY SCROLLBAR */
.scrollbar-container .viewport{
    height: 327px;
    overflow:hidden;
    position:relative;
}
.scrollbar-container .overview{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    padding: 0 20px 0 0;
}
.scrollbar-container .scrollbar{
    background:transparent url(../images/scrollbar/bg-scrollbar-track-y.png) no-repeat 0 0;
    position:absolute;
    background-position:0 0;
    right: -7px;
    top:0;
    width:15px;
}
.scrollbar-container .track{
    background:transparent url(../images/scrollbar/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
    height:100%;
    width:13px;
    position:relative;
    padding:0 0;
}
.scrollbar-container .thumb{
    background:transparent url(../images/scrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
    height:20px;
    width:20px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-4px;
    z-index: 1;
}
.scrollbar-container .thumb .end{
    background:transparent url(../images/scrollbar/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
    overflow:hidden;
    height:5px;
    width:20px;
}
.scrollbar-container .disable{
    display:none;
}
.noSelect{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}

/* tinyScroll: minicart */
.scrollbar-container .viewport.minor3items{
    height: auto;
}
.scrollbar-container .viewport.minor3items  .overview{
    position: relative;
    padding: 0;
}
.scrollbar-container .scrollbar.minor3items{
    display:none;
}
.minicart-wrapper .scrollbar-container .scrollbar{
    opacity: 1;
}
.minicart-wrapper .scrollbar-container .scrollbar.js-init-fadein-effect{
    opacity: 0;
    transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -ms-transition: opacity .25s ease-in-out;
   -o-transition: opacity .25s ease-in-out;
}

/* tinyScroll: mobile primary nav */



/* SECURITY WARNING STATIC BLOCK */

#security-warning{
    display:inline-block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
#security-warning-title{
    color: #f49626;
}
#security-warning-title i{
    margin-right: 5px;
}

.is-blog .post-list, .is-blog .blog-desc {
    padding-top: 10px;
}

.slider-menu-container{
    padding-bottom: 10px;
    position: relative;
}

.shop-calendar .shop-calendar-title .flex-direction-nav{
    display: none !important;
}

.col-main .slider-menu-container .flex-direction-nav .flex-nav-prev {
    left: 7px;
}

.col-main .slider-menu-container .flex-direction-nav .flex-nav-next {
    right: 7px;
}

.slider-menu-container .flex-direction-nav li.flex-nav-prev,  .slider-menu-container .flex-direction-nav li.flex-nav-next{
    top: 30px;
}