/*
Theme Name:   L'Angolo Delle Idee
Description:  Foglio di stile creato per le correzioni di Mirko
Author:  Heero.it
Author URI:  https://heero.it/
Template:  storefront
*/


/*

GENERALE E UTILITY

HEADER
-- Due menu e logo
-- Mega-menu
-- Modulo di ricerca
-- Scroll efx

FOOTER
--

HOME PAGE
--

SHOP
-- Archivio prodotti: breadcrumbs, titolo
-- Archivio prodotti: filtri
-- Archivio prodotti: loop
-- Scheda prodotto
-- Carrello, Checkout

PAGINA AZIENDALE / FILOSOFIA
--

*/


.woocommerce-NoticeGroup{
  position: fixed;
  z-index: 9999;
  width: Calc(100vw - 40px);
  top: 20px;
  left: 20px;
}

.woocommerce-NoticeGroup ul{
  margin: 0;
}

li.product:hover{
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35);
  box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.35);
}

.site-main ul.products li.product > a:nth-child(2){
  background-color: transparent;
  position: relative;
  z-index: 1;
}

.foto_principale,  .site-main ul.products li.product{
  background-color: #F2F2F2;
}

#menu-policies{
  text-align: center;
}

.footer-widgets .col-4,.footer-widget-4{
  width: 100%!important;
}

#menu-policies a{
  text-decoration: none;
}

#menu-policies li{
  display: inline-block;
}

#menu-policies li::before{
  content: "";
  display: none;
}

#menu-policies li{
  text-transform: uppercase;
}

h3.categoria-title, h3.stile-title, h3.pensiero-title{
  border-bottom: solid thin var(--main-color-1);
  padding-bottom: 10px;
  margin-bottom: 15px;
}


.mega-panel-col-image, .stile-image{
  margin-bottom: 25px;
}


#mega-menu .mega-panel .col-full{
  background-color: rgba(255,255,255,.85);
  border-bottom: solid thin var(--main-color-2);
}

#mega-menu .mega-panel{
  background-color: #FFF;
}


/* custom search */

.aws-container .aws-search-form{
  height: 60px;
  margin: 0;
}

.aws-container .aws-search-field{
  background-color: transparent;
  border: none;
  color: #FFF;
  text-transform: uppercase;

  font-family: 'EB Garamond', serif;
  font-size: 16px;
  padding: 0;
}


.aws-container .aws-search-field::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFF;
  opacity: 1; /* Firefox */
}

.aws-container .aws-search-field:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #FFF;
}

.aws-container .aws-search-field::-ms-input-placeholder { /* Microsoft Edge */
  color: #FFF;
}

.aws-container .aws-search-field:focus{
  background-color: transparent;
}

.aws-search-result{
  border: none;
  margin-top:0;
}

.aws-search-result .aws_result_link{
  padding: 15px;
}

.aws-search-result ul li{
  border: none;
}

.aws_result_item{
  background-color: var(--main-color-2)!important;
}

.aws_result_item:nth-child(even){
  background-color: var(--main-color-3)!important;
}

.aws_search_more{
  padding: 0;
}

.aws-search-result .aws_search_more a{
  background-color: var(--main-color-1)!important;
  color: #FFF!important;
  text-transform: uppercase;
  font-size: 16px;
  padding: 15px;
  line-height: normal;
}

a .aws_result_link_top, .aws_result_title{
  color: var(--main-color-1)!important;
}

.aws_result_content{
  font-size: 14px;
}

.aws-search-result .aws_result_image img {
  width: 100px;
}

.mega-panel li{
  font-size: 16px;
  margin-bottom: 4px;
}

/* prodotto */

.onsale{
  background-color: var(--main-color-1);
  margin-top: 15px;
  margin-left: 15px;
  color: #FFF;
  border:none;
  border-radius: 0;
}

.single-product div.product h1.product_title,  .contenitore-dimensioni h3{
  font-size: 32px;
}

.single-product div.product form.cart{
  margin-top: 35px;
}

.product_meta{
  font-family: 'Yanone Kaffeesatz', sans-serif;
  text-transform: uppercase;
  font-weight: 300!important;
}

.product_meta a{
  text-decoration: none!important;
  color:var(--main-color-1)!important;
}

.checkout-button{
  background-color:var(--main-color-1)!important;
  padding: 25px;
  text-transform: uppercase;
  font-weight: 300;
}

.checkout-button::after{
  display: none;
}

.contenitore-dimensioni .section-content>div{
  line-height: 12px;
  font-size: 14px
}

.contenitore-dimensioni .section-content > .dati-riga > div{
  padding-bottom: 7px;
  width: calc(50% - 10px);
  float: left;
  padding:5px 0;
  margin: 0 0 0 10px;
}

.contenitore-dimensioni .section-content > .dati-riga > div:last-child{ margin-bottom: 25px;}

.contenitore-dimensioni .section-content .dati-riga{
  margin-left: -10px;
}



/* remove spinner numer */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}


.woocommerce-product-gallery__wrapper ul{
/*
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
*/
}

.woocommerce-product-gallery__wrapper ul li img{
/*
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
*/
}


.menu-toggle{
  border: none!important;
  background-color: transparent!important;
}

.menu-toggle span{
  display: none;
}

button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before{
  width: 25px;
  background-color: var(--main-color-1);
}

.codice-prodotto{
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.single-product div.product h1.product_title{
  margin-bottom: 0;
}

.site-main ul.products li.product > a:nth-child(2) .price{
  font-size: 20px;
  text-transform: uppercase;
}


.ambiente-title{
  font-size: 35px;
}

.mega-panel-col p{
  opacity: .8;
}

.vedi-tutto{
  display: block;
  margin-bottom: 15px;
  font-weight: 600;
}

.topshop-area {
  margin-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: solid 2px var(--main-color-2);
}

/*
#mega-menu .mega-panel .col-full{padding: 25px}*/


#mega-menu #mega-menu-main-list{
  z-index: 80001;
}

#mega-menu .mega-panel::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#mega-menu .mega-panel {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.mega-panel-close{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50px;
    right: 2.617924em;
    background-color: #FFF;
    cursor: pointer;
}

.mega-panel-close > div::after, .mega-panel-close > div::before{
  content: "";
  width: 25px;
  height: 2px;
  background-color: var(--main-color-1);
  transform-origin: 12.5px 1px;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
}

.mega-panel-close > div::after{
  transform: rotate(-45deg);
}

.mega-panel-close > div::before{
  transform: rotate(45deg);
}


/* menù mobile */

.main-navigation div.menu a, .main-navigation .handheld-navigation a{
  font-size: 20px;
  padding: 5px 0;
  text-transform: uppercase;
}


.page-numbers li span, .page-numbers li a{height: 44px; line-height: 44px; width: 44px; border-radius: 22px; padding: 0!important; margin:0!important;}

.storefront-sorting:last-child{margin-top: 25px;}



/*.wcb2b-quantity{
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 6000;
}*/

.wcb2b-quantity button{
  width: 30px;
  height: 30px;
  border-radius: 150px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.wcb2b-quantity input[type=number]{
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border:solid thin var(--main-color-1);
}

.wcb2b-quantity .quantity{
  float: left;
}

.wcb2b-quantity button[type=submit]{
  width: auto;
  height: 30px;
  border-radius: 15px;
  background-color: var(--main-color-1)!important;
  color: #FFF;

  /* background-image: url(../img/addto.svg);
  text-indent: -2000px; */
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 10px;

  float: left;
  margin-left: 10px;
}

.woocommerce-pagination .next::after{
  content: ">";
      font-family: 'EB Garamond', serif;
}

.woocommerce-pagination .prev::after{
  content: "<";
      font-family: 'EB Garamond', serif;
}

@media screen and (min-width: 400px) {
  /*.site-header{height: 130px;} */
  #mega-menu .mega-panel .col-full .mega-panel-col.ambiente ul{flex-wrap: wrap;}
}

@media screen and (min-width: 600px) {

}

@media screen and (min-width: 768px) {
  #mega-menu .mega-panel .col-full .mega-panel-col{margin-bottom: 25px;}
  #mega-menu #mega-menu-main-list ul li{width: auto; padding-left: 25px; padding-right: 25px;}

    .products.columns-5{
      margin-left: -10px;
      margin-right: -10px;
    }


  /*#mega-menu .mega-panel .col-full .mega-panel-col.ambiente{ border: solid thin var(--main-color-2); padding: 25px 15px 0 15px;}*/
}

@media screen and (min-width: 900px) {
  .site-header{height: auto;}

  #mega-menu .mega-panel{
    background-color: rgba(255,255,255,.70);
  }
}

@media screen and (min-width: 1200px) {

  .product{
    /* overflow: hidden; */
    position: relative;
  }

  .site-main ul.products li.product a{
    cursor: pointer;
  }

  .site-main ul.products li.product > a:nth-child(1){
    height: 100%;
  }

  .site-main ul.products li.product > a:nth-child(2){
    bottom:-100%;
  }




  .site-main ul.products li.product:hover a:nth-child(2){
    bottom: 0;
  }

}


.woocommerce-widget-layered-nav-list{
  text-align: center;
}

.woocommerce-widget-layered-nav-list li .count{
  margin-left: 5px;
}




@media screen and (min-width: 1600px) {
}

@media screen and (max-width: 768px) {
.categoria.mega-panel-col, .stile.mega-panel-col, .ambiente.mega-panel-col, .mega-panel-col.ambiente ul li, .pensiero.mega-panel-col{margin-top: 50px; padding: 0!important}
.categoria.mega-panel-col:first-child, .stile.mega-panel-col:first-child, .ambiente.mega-panel-col:first-child, .mega-panel-col.ambiente ul li:first-child, .pensiero.mega-panel-col:first-child{margin-top: 0;}
}


  .site-main ul.products li.product > a:nth-child(2){
    position: relative;
    display: block;
    top: 0;
    left: 0;
    min-height: inherit;
  }

  .site-main ul.products li.product > a:nth-child(1) img{
    height: auto;
  }

  .wcb2b-quantity{
    padding: 0 20px;
    display: inline-block;
    float: left;
    position: relative;
    z-index: 2;
  }

  ul.products li.product.product-in-cart{
    border:solid 2px #00bb2d;
  }

  .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
    background-color: var(--main-color-1);
  }

  input[type=text], input[type=number], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search], textarea, .input-text{
    background-color: transparent;
    border: solid thin #aaa;
    border-radius: 4px;
    padding: 0 2px 2px 8px;
     box-shadow: none;
  }

  #wcmca_add_new_address_button_billing{
    width: 100%;
    text-align: center;
    border-radius: 4px;
  }

  #wcssc-button-container {
    margin-bottom: 25px;
    float: right;
  }

  #wcssc-button-container  button{
    text-transform: uppercase;
  }


  #post-5262 .woocommerce-form-register{
    border-top: solid thin var(--main-color-1);
    padding-top: 50px;
    margin-top: 50px;
  }

  #post-9 h3{
    margin-top: 0;
  }

  .rivenditore-menu a{
    color: #FFF!important;

    font-weight: bold!important;
    /* border: solid thin #000; */
    padding: 5px 20px!important;
    border-radius: 20px;
    clear: both;
    background-color: var(--main-color-1);
    color: #FFF!important;
  }

  .rivenditore-menu:hover a{
    background-color: var(--main-color-2);
    color:var(--main-color-1)!important;
  }


.header-widget-region{
  background-color: var(--main-color-1);
  color: #FFF;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  padding: 0;
  margin: 0;
  text-align: center;
  letter-spacing: .6px;
}

.header-widget-region p{
  padding: 0;
  margin: 0;
}

.header-widget-region b{
  font-weight:900;
}


.swpb-info, .swpb-thumbnail{
  float: left;
}

.swpb-info{
  margin-left: 20px;
}

/*
.pswp__scroll-wrap{
  background-color: #F2F2F2;
}

.pswp__counter{
  display: none!important;
}

.pswp__button--arrow--right, .pswp__button--arrow--left{
  filter:invert();
}
*/


/* cerca custom */

#post-9109 .aws-search-field{
  /* border:solid thin var(--main-color-1); 
  color: var(--main-color-1)!important;*/
  background-color: var(--main-color-1);
  padding-left: 10px;
  padding-right: 10px;
}

/* custom banner */

.block-site-banner-shortcut{
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  z-index: 99998;
}

.banner-shortcut{
  position:fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
  margin-top: -250px;
  z-index: 99999;
  background-color: #FFF;
}

.banner-shortcut .close-btn{
  position: absolute;
  top: -15px;
  right: -15px;
  height: 30px;
  width: 30px;
  background-color: #FFF;
  border-radius: 20px;
  z-index: 999;
  border: solid thin var(--main-color-1);
  background-image: url("../img/close.svg");
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;

  cursor: pointer;
}

.banner-shortcut .close-btn:hover{
  transform: scale(1.1);
}

.banner-shortcut .column, .guida .column{
  width: 100%;
  /* height: 100%; */
  float: left;
  display: flex;
  align-items: center;
  text-transform: uppercase;
}

.banner-shortcut .column:hover{
  opacity: .8;
}

.banner-shortcut .text-area, .guida .text-area{
  padding: 0 20px;
  font-weight: 100;
  float: left;
  display: flex;
}

.banner-shortcut .icon-btn, .guida .icon-btn{
  width: 100px;
  background-color: rgba(255, 255, 255, .3);
  float: left;
  display: flex;
}

.banner-shortcut .column, .guida .column{
  background-color: #806459;
  color: #FFF
}


.banner-shortcut .column:nth-child(even), .guida .column:nth-child(even){
  background-color: var(--main-color-6);
  color: #FFF
}

.guida .offerte{
  background-color: #D40000!important;
  color: #FFF!important;
}


.size-20{
  font-size: 20px;
}

.font-yanone{
  font-family: 'Yanone Kaffeesatz', sans-serif;
}

.img-fluid{
  width: 100%;
  height: auto;
}

.wcibd-buttons-left{
  display: none!important;
}

.wcibd-buttons-group{
  width: auto;
  float: left;
  padding:0 10px 10px 0;
  text-transform: uppercase; 
}

#wcibd-delete-selected{
  margin-right: 10px;
}

.woocommerce-cart-form__cart-item .product-thumbnail{
  position: relative;
}

.wcibd-single-item{
  position: absolute;
  top: 50%;
  margin-top: -7px;
  left: 0px;
}

a.remove::before{
  z-index: 1;
}


.site-main .cross-sells ul.products.columns-2 li.product.last{
  margin-right: 0!important;
  margin-left: 0!important;
}