/*
Theme Name: Shop - After Spell Studios
Theme URI: https://www.afterspellstudios.it
Author: Riccardo Molti - After Spell Studios
Author URI: https://www.afterspellstudios.it/chi-siamo
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sas
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.fkcart-shopping-link{font-size: 18px!important; margin: 30px 0 10px 0!important;}

.term-liceo-gandini-verri .category-desc,
.term-accademia-gaffurio .category-desc,
.term-il-ramo .category-desc{display: none;}

.term-description2 h3{padding: 0 0 0 20px;}


.logged-in .pagamento_login{display: none;}


.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{padding: 1em!important; letter-spacing: 0.1em; margin-right: 0;}

.pagamento_login{
  display: block;
  margin-bottom: 30px;
}

.pagamento_login strong{font-size: 1.25em;}
.pagamento_login em a,
.wp-block-woocommerce-checkout-actions-block button,
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.button-filtri,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a,
.woocommerce .woocommerce-order-details .order-actions-button:last-child{
  font-size: 18px!important;
  line-height: 15px!important;
  font-weight: bold;
  color: var(--asblue)!important;
  background: transparent!important;
  border: 2px solid var(--asblue)!important;
  transition: all 0.4s ease-in-out;
  border-radius: 50px!important;
  text-align: center;
  padding: 13px 20px 10px 20px;
  text-transform: uppercase;
  position: relative;
  font-style: normal;
  width: 60%;
  display: block;
  text-decoration: none;
  margin: 20px auto;
}

.pagamento_login em a:hover,
.wp-block-woocommerce-checkout-actions-block button:hover,
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.button-filtri:hover,
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a:hover,
.woocommerce .woocommerce-order-details .order-actions-button:last-child:hover{
  background: var(--asblue)!important;
  color: #fff!important;
}

.woocommerce-form-login__submit,
.woocommerce-form-register__submit{font-size: 16px!important; width: 40%;}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a{width: 100%; font-size: 16px!important; line-height: 8px!important;}
.woocommerce .woocommerce-order-details .order-actions-button:last-child{font-size: 16px!important; line-height: 8px!important; margin: 0;}


@media (max-width: 768px) {
  .pagamento_login em a{width: 100%;}
}

.test{border: 5px solid red!important;}

/* ! Colors */
:root {
    --asblue: #0B7AD6;
    --asgreen: #08AD4A;
    --text-color: #03121F;
    --title-color: #02355F;
    --light: #fbfbfb;
    --green: #48ab33;
    --accent-color: #F0540C;
    --shadow10: rgba(2, 53, 95, .1);
    --shadow20: rgba(2, 53, 95, .2);
  }

body.admin-bar .header-container,
.side-cart{top: 32px; z-index: 1000;}




/* ! Reset */
body, html{ box-sizing: border-box;margin: 0; background: linear-gradient(200deg, rgb(var(--light)) 0%, rgb(235,242,247) 100%); color: var(--text-color); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
body {
  font-family: var(--wp--preset--font-family--karla);
}

*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{list-style-type: none;}
button{font-family: 'Karla';}
img{height: auto;}
hr{border:none; border-bottom: 1px solid #BDC7CF!important; box-shadow: 0 1px 1px rgb(255, 255, 255); margin: 50px 0;}
blockquote{font-style: normal; border-left: 5px solid var(--accent-color); padding: 0 20px; margin: 0; font-size: 18px;}
.muted-nav{text-decoration: none!important; cursor: default!important;}
main{padding: 160px 0 50px 0;}

@media (max-width: 768px) {
  main{padding: 90px 0 50px 0;}
}


/* -------------------------------------------------------------------------------- */
/* ! FASTIDIO */
/* -------------------------------------------------------------------------------- */
@media (max-width: 768px) {
}


/* ! Title System */
.text-0{font-size: 5rem; line-height: 1;}

h1, h2, h3, h4{letter-spacing: -1px}

h1, h2, h3, h4, ol, ul{margin-bottom: 1rem;font-weight: 600}

@media (max-width: 768px) {
  .text-0{font-size: 4rem}
}


/* ! Button system */
/* a.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wp-block-button__link,
.wp-submi
*/



.asbutton,
.wpcf7-submit {
  border-radius: 50px;
  padding: 12px 70px;
  position: relative;
  z-index: 1;
  background: linear-gradient(140deg, var(--asblue) 0%, var(--asgreen) 100%)!important;
  display: flex;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: var(--light);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  width: 240px;
  box-shadow: 2px 4px 8px rgba(2, 53, 95, 0.15);
  transition: all 0.3s cubic-bezier(.215, .61, .355, 1);
}

.asbutton:hover,
.wpcf7-submit:hover{
  box-shadow:
    -10px -10px 25px rgba(109, 236, 160, .25),
    10px 10px 25px rgba(65, 157, 234, .25);
}

.asbutton::before,
.wpcf7-submit::before{
  box-shadow: 
    5px 2px 0.5px rgba(255, 255, 255, 1) inset,
    10px 10px 20px rgba(255, 255, 255, 0.5) inset,
    0 -5px 10px rgba(255, 255, 255, 0.9) inset;
  mix-blend-mode: soft-light;
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50px;
}


.asbutton::after,
.wpcf7-submit::after {
  content:"";
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background: linear-gradient(320deg, rgba(65,157,234,1) 0%, rgba(51,217,117,1) 100%);
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}

.asbutton:hover::after,
.wpcf7-submit:hover::after {
  opacity: 1;
}

.asbutton:active,
.wpcf7-submit:active{
  background: linear-gradient(320deg, var(--asblue) 0%, var(--asgreen) 100%);
  box-shadow:
    2px 2px 10px 0 rgba(0, 0, 0, 1) inset,
    4px 4px 10px 0 rgba(0, 0, 0, 1) inset;
}

.asbutton:active.asbutton:hover::after,
.wpcf7-submit:active.wpcf7-submit:hover::after{opacity: 0;}









.asbutton2{
  border: 3px solid transparent;
  border-radius: 50px;
  background:
    linear-gradient(140deg, white, white),
    linear-gradient(140deg, var(--asblue), var(--asgreen));
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  width: 300px;
  height: 40px;
  display: block;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-color);
  text-decoration: none;
  padding: 10px 0 33px 0;
  position: relative;
  z-index: 1;
  transition: all 0.3s cubic-bezier(.215, .61, .355, 1);
  margin: 0 auto;
  box-shadow: 
    5px 2px 0.5px rgba(255, 255, 255, 1) inset,
    10px 10px 20px rgba(255, 255, 255, 0.5) inset,
    0 -5px 10px rgba(255, 255, 255, 0.9) inset;
  mix-blend-mode: soft-light;
}

.asbutton2:hover{background: linear-gradient(140deg, var(--asblue), var(--asgreen));}

.asbutton2:after{
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(320deg, rgba(65,157,234,1) 0%, rgba(51,217,117,1) 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 50px;
  z-index: -1;
  opacity: 0;
  transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}

.asbutton2:hover:after{
  opacity: 1;
}

.asbutton2:hover{
  color: var(--light);
}

@media (max-width: 768px) {
  .asbutton,
  .asbutton2{width: 100%!important; font-size: 18px; letter-spacing: 0;}
}







/* .single_add_to_cart_button{
  padding: 16px 30px 14px 30px!important;
  width: 60%!important;
  font-size: 18px!important;
  background: red!important;
  border-radius: 50px!important;
} */



.single_add_to_cart_button{
  border-radius: 50px!important;
  padding: 16px 30px 14px 30px!important;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
  position: relative;
  width: 60%!important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: linear-gradient(140deg, rgba(122,188,243,1) 0%, rgba(65,157,234,1) 100%)!important;
  border: 1px solid transparent!important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover{
  background: linear-gradient(140deg, rgba(65,157,234,1) 0%, rgba(11,122,214,1) 100%)!important;
  border: 1px solid rgba(255, 255, 255, .5)!important;
  box-shadow: 
    -4px -4px 15px rgba(65,157,234,0.25),
    4px 4px 15px rgba(65,157,234,0.25);
}

.single_add_to_cart_button:hover:after{
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 
    2px 2px 0 rgba(255, 255, 255, 1) inset,
    4px 4px 8px rgba(255, 255, 255, .4) inset;
  mix-blend-mode: soft-light;
  border-radius: inherit;
}


.single_add_to_cart_button:active{
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 1) inset!important;
  mix-blend-mode: soft-light;
}


@media (max-width: 768px) {
  button.single_add_to_cart_button.button.alt{width: 100%!important; padding: 8px!important;}
}


.single-product.woocommerce button.button.added::after{right: 20px; top: 15px;}





/* ! Header */

/* body.admin-bar .header-container {top: 32px; z-index: 1000;} */
.header-container{background: var(--light); padding: 10px 0 0 0; width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 10; transition: all 0.4s cubic-bezier(.215, .61, .355, 1); box-shadow: 0 10px 30px var(--shadow10);}
.header{display: flex; justify-content: space-between; align-items: center; max-width: 1250px; margin: 0 auto}

.header__menu{margin-bottom: 5px;width: 100%;text-align: center;display: flex; align-items: center;justify-content: center;}
.header__menu li{display: inline-block;}
.header__menu li a{color: var(--text-color); display: block; padding: 15px;font-size: 18px; font-weight: 600; text-transform: uppercase; text-decoration: none;} 
[aria-current]:not([aria-current="false"]) {color: #055DA6;}
.header__logo{width: 20%; padding-left: 10px;display: flex; align-items: center;}
.header__logo img{height: 60px;}

.header__icons{width: 20%; display: flex; justify-content: flex-end;align-items: center;}
.header__icons a:first-child{display: flex;}
.header__icons svg{height: 26px; fill: #034A84;}
.fkcart-shortcode-count{padding: 4px 2px 2px 2px!important;}


form.search-ajax{width: 100%;}

#searchInput{border: 1px solid #BDC7CF; background: #F2F6FA; padding: 10px 20px; border-radius: 50px; color: #BDC7CF; font-family: 'Karla'; font-size: 16px; font-weight: 300;}
#datafetch{background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); border-radius: 10px;}
#datafetch h3{padding: 10px 10px 7px 10px; font-size: 18px; line-height: 27px; margin: 0;}

.search-result:first-child{margin-top: 20px;}
.search-result:last-child{margin-bottom: 20px;}
.search-result{display: flex; padding: 20px;}
.search-result:hover{background: #eee;}
.thumbnail-small{width: 40px; height: 40px;}

.header__hamburger{display: none;}



@media (max-width: 768px) {

  body{padding-bottom: 48px;}
  .header-container{position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: var(--light); box-shadow: 0 10px 30px var(--shadow10); padding: 10px 20px;}
  .header__logo{width: 30%; padding-left: 0;}
  .header__logo img{height: 45px;}
  .header__menu{background: var(--light); position: absolute; top:64px; right: -100%;display: block;z-index: 99; padding: 10px; box-shadow: 0 10px 30px var(--shadow20); transition: all 1s cubic-bezier(.215, .61, .355, 1); width: 70%;}
  .header__menu li{display: block;}
  .header__menu li a{text-align: center; padding: 5%;}
  .header__hamburger{display: block; margin-bottom: 5px;}
  .header__hamburger span{height: 2px;width: 28px;margin-top: 8px;background: #333;display: block; transition: all 0.2s cubic-bezier(.215, .61, .355, 1);}

  .menu-open .header__hamburger span:nth-child(1){transform: translateY(5px) rotate(45deg);}
  .menu-open .header__hamburger span:nth-child(2){transform: translateY(-5px) rotate(-45deg);}
  .menu-open .header__hamburger span:nth-child(3){opacity: 0;}

  .menu-open .header__menu{right:0;}

  .header__icons{width: 100%; margin-right: 20px;}
  .search-panel{display: none;}
}


/* ! Side Cart */
.side-cart{
  border: 1px solid #ddd;
  width: 100%;
  max-width: 450px;
  height: 100%;
  background: #fff;
  position: fixed;
  right: -100%;
  /* right: 0; */
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 999999999;
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  transition: all 0.4s linear;
}

.side-cart__header{border-bottom: 1px solid #ddd;}
.side-cart__header-content{position: relative; padding: 16px; display: flex; align-items: center; justify-content: space-between;}
.side-cart-title{font-size: 18px; font-weight: 600;}
.side-cart span{cursor: default; font-size: 16px; /*transition: all 0.4s cubic-bezier(.215, .61, .355, 1);*/}

.side-cart__body{
  height: 100%;
  border: 1px solid red;
}

.side-cart__body .carrello-vuoto{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.side-cart__body .carrello-vuoto .subtitle{font-size: 16px; font-weight: 400; margin-top: 10px; margin-bottom: 20px;}
.side-cart__body .carrello-vuoto a.button{width: auto;}


.side-cart__footer{border: 1px solid green;}

.side-cart--open{right: 0;}

/* .side-cart span:hover{font-size: 24px;} */

.side-cart .coupon{display: none;}
.side-cart .cart_totals{width: 100%!important; margin-top: 30px;}




/* -------------------------------------------------------------------------------- */
/* ! Home Page */
/* -------------------------------------------------------------------------------- */

/* ! Hero */
.cover{
  width: 95vw;
  margin-left: calc( -100vw / 2 + 100% / 2 );
  margin-right: calc( -100vw / 2 + 100% / 2 );
  border-radius: 50px;
  margin-bottom: 40px;
  border: 2px solid rgba(255, 255, 255, 0.5);
  background-size: contain!important;
  background-repeat: no-repeat!important;
  background-position: right!important;
  box-shadow:
    4px 8px 25px rgba(255, 255, 255, 0.2) inset,
    0 10px 30px rgba(2, 53, 95, 0.1);
}

.cover .col-50:first-child{padding: 50px 0 50px 50px;}
.cover .col-50:nth-child(2){padding: 0; position: relative;}

.cover h1{
  font-size: 50px;
  font-weight: 800;
  color: var(--title-color);
  margin: 20px 0 30px 0;
}

.cover blockquote{line-height: 27px;}

.cover .asbutton{padding: 12px 20px; width: 242px;}

.box-news{
  width: 350px;
  border-radius: 50px;
  padding: 30px;
  background: linear-gradient(140deg, rgba(251,251,251,0.7) 0%, rgba(251,251,251,0.3) 100%);
  backdrop-filter: blur(20px);
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 50%;
  right: 20%;
  transform: translateY(-50%);
}

.box-news h3{color: var(--accent-color); font-size: 30px; font-weight: 600; margin: 0;}
.box-news blockquote{margin: 20px 0; line-height: 24px;}
.box-news a{color: #8E2F02; font-size: 20px; font-weight: 500; text-decoration: none;}
.box-news a:hover{text-decoration: underline;}

.cover img{height: 400px;}


@media (max-width: 768px) {
  .cover{background:linear-gradient(140deg, rgba(191,222,248,1), rgba(122,188,243,1))!important; margin: 0 14px; border-radius: 30px;}
  .cover h1{font-size: 42px;}
  .cover blockquote{line-height: 24px; font-size: 16px;}
  .cover .col-50:first-child{padding: 30px;}
  .cover .col-50:nth-child(2){padding-bottom: 30px;}


  .box-news{position: relative; transform: none; width: 90%; top: auto; right: auto; margin: 0 auto; border-radius: 30px; padding: 20px 30px;}
  .box-news h3{font-size: 28px; font-weight: 500;}

  .woocommerce .cover{border-radius: 20px!important; height: 80px!important;}
  .woocommerce .cover h1{font-size: 22px!important; margin: 10px 0!important;}

}





/* ! Quali prodotti */
.qualiprodotti{margin-bottom: 30px;}
.qualiprodotti h3{color: var(--title-color); font-weight: 700; font-size: 28px; margin-bottom: 20px;}
.qualiprodotti p{font-size: 18px;}




/* ! Categorie Prodotti */
.cat-prodotti{margin: 0 0 50px 0;}
.cat-prodotti .wp-block-column{position: relative;}
.cat-prodotti .wp-block-image a{display: block!important;}

.cat-prodotti figure{width: 100%; height: 200px; margin: 0; position: relative; border-radius: 50px; overflow: hidden; box-shadow: 4px 8px 10px var(--shadow20); transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.cat-prodotti figure img{width: 100%; height: 200px; object-fit: cover; display: block;}

.cat-prodotti figure:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-radius: inherit;
  opacity: .7;
  box-shadow: 4px 8px 10px rgba(255, 255, 255, 0.4) inset;
  transition: all 0.4s cubic-bezier(.215, .61, .355, 1);
}

.cat-prodotti .scolastiche figure:before{background: linear-gradient(220deg, rgba(188,61,3,0.5) 0%, rgba(188,61,3,1) 100%);}
.cat-prodotti .foto-saggi figure:before{background: linear-gradient(220deg, rgba(5,93,166,0.5) 0%, rgba(5,93,166,1) 100%);}
.cat-prodotti .video-saggi figure:before{background: linear-gradient(220deg, rgba(3,136,56,0.5) 0%, rgba(3,136,56,1) 100%);}


.cat-prodotti h2{
  position: absolute;
  bottom: 24px;
  left: 40px;
  z-index: 2;
  text-transform: uppercase;
  color: #FBFBFB;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.1em;
  line-height: 38px;
  transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}


.cat-prodotti a.catlink{display: block; width: 100%; height: 100%; position: relative; z-index: 9;}


.cat-prodotti a.catlink:hover figure:before{opacity: .9;}
.cat-prodotti a.catlink:hover h2{bottom: 30px; left: 45px;}
.cat-prodotti a.catlink:hover figure{transform: scale(1.05);}
.cat-prodotti .scolastiche a.catlink:hover figure{box-shadow: 0 8px 40px rgba(250, 123, 64, .4);}
.cat-prodotti .foto-saggi a.catlink:hover figure{box-shadow: 0 8px 40px rgba(65, 157, 234, .4);}
.cat-prodotti .video-saggi a.catlink:hover figure{box-shadow: 0 8px 40px rgba(51, 217, 118, .4);}





/* ! Categorie più cercate */
.categorie-cercate{
  background: linear-gradient(140deg, rgba(65,157,234,1) 0%, rgba(11,122,214,1) 100%);
  box-shadow:
    4px 8px 25px rgba(255, 255, 255, 0.2) inset,
    4px 8px 15px rgba(2, 53, 95, 0.15);
  border-radius: 50px;
  padding: 50px;
  margin-bottom: 50px;
}

.categorie-cercate h3{font-size: 32px; font-weight: 700; color: var(--light); margin-bottom: 30px;}
.categorie-cercate img{border-radius: 50px; height: 200px; width: 300px; object-fit: cover; box-shadow: 4px 8px 10px rgba(2, 53, 95, .2); border: 2px solid rgba(255, 255, 255, .2); transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.categorie-cercate img:hover{transform: scale(1.1); box-shadow: 4px 12px 30px rgba(2, 53, 95, .5);}
.categorie-cercate .linkfeaturedcat{margin: 0;}
.categorie-cercate .linkfeaturedcat a{color: var(--light); text-decoration: none; display: block; border: 2px solid var(--light); border-radius: 50px; width: 30%; margin: 0 auto; padding: 6px 0; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.categorie-cercate .linkfeaturedcat a:hover{text-decoration: underline; transform: scale(1.03);}

@media (max-width: 768px) {
  .categorie-cercate{padding: 50px 20px; border-radius: 30px;}
  .categorie-cercate img{height: 250px;}
  .categorie-cercate .linkfeaturedcat a{width: 100%;}
}



/* ! Newsletter */
.newsletter h2{color: var(--title-color); font-size: 32px; font-weight: 600; margin-bottom: 30px;}
.newsletter p{font-size: 18px; font-weight: 400; margin-bottom: 30px;}

@media (max-width: 768px) {
  .newsletter h2{font-size: 20px;}
  .newsletter p{font-size: 16px;}
}


/* ! Focus */
.focus h3{font-size: 32px; font-weight: 600; color: var(--title-color);}
.focus li{
  padding: 10px;
  width: 100%;
  border-radius: 50px;
  margin: 10px 0;
  text-align: center;
  background: linear-gradient(90deg, rgba(235,242,247,1) 0%, rgba(191,222,248,1) 100%);
  font-size: 18px;
  font-weight: 500;
  color: var(--title-color);
  border: 2px solid rgba(255, 255, 255, 1);
}

.focus p{font-size: 24px; font-weight: 600; color: var(--title-color); margin-bottom: 20px;}

@media (max-width: 768px) {
  .focus h3{font-size: 24px;}
  .focus li{font-size: 16px;}
}


/* ! Closing */
.help p{font-size: 18px; margin-bottom: 30px;}
.partner{font-size: 18px; margin-top: 50px;}
.partner a{color: var(--asblue);}
.partner a:hover{font-weight: 600;}




/* ! Sidebars */
aside{border: 1px solid red;}






/* ! Footer */
footer{
  width: 95vw;
  margin: 0 auto;
  background: linear-gradient(140deg, rgba(11,122,214,1) 0%, rgba(5,93,166,1) 100%);
  padding: 50px;
  color: #fff;
  border-radius: 50px;
  margin-bottom: 30px;
  position: relative;
}

footer .col-33{display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 20px;}
footer .col-25{display: flex; align-items: center;}

footer .footer__menu{display: none;}

.footer_links{width: 100%; display: flex; justify-content: space-evenly; padding: 10px 10px 20px 10px; text-transform: uppercase; font-size: 18px; font-weight: 500;}
.footer_links a{color: #fff; text-decoration: none;}
.footer_links a:hover{text-decoration: underline;}

.footer-logo{height: 170px; width: 170px;}

footer img.payments_mobile{display: none;}


.footer_info a{color: #FBFBFB; text-decoration: none;}
.footer_info a:hover{text-decoration: underline;}


.social-icons a{padding: 0 2px;}
.social-icons picture{
  position: relative;
  display: inline-block;
}

.social-icons picture img{position: relative; z-index: 2; left: 2px; top: 1px; transition: all 1s cubic-bezier(.215, .61, .355, 1); filter: invert(1);}

.social-icons picture:before{
  content: '';
  width: 44px;
  height: 44px;
  border-radius: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #FBFBFB;
  z-index: 2;
  opacity: 0;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
}

.social-icons picture:hover::before{opacity: 1;}
.social-icons picture img:hover{filter: invert(0);}

footer hr{margin: 30px 0;}




.footer__copy{text-align: center; font-size: 15px;}
.footer__copy.copy{padding-left: 40px;}
.footer__copy.power{padding-right: 40px; justify-content: end;}



@media (max-width: 768px) {
  footer{padding: 20px; border-radius: 30px;}
  footer img.payments,
  .footer_links{display: none;}

  footer .footer__menu{display: block; margin-top: 30px;}
  footer .footer__menu li{padding: 5px 0;}
  footer .footer__menu li a{color: #fff; text-decoration: none; text-transform: uppercase;}

  footer img.payments_mobile{display: block; width: 100%; margin-top: 30px;}


  .footer__copy.power{justify-content: center;}
}



/* -------------------------------------------------------------------------------- */
/* ! News */
/* -------------------------------------------------------------------------------- */

.page-id-1553 h1,
.page-id-1566 h1,
.page-id-3291 h1,
.page-id-3297 h1{font-weight: 800; color: var(--title-color); margin-bottom: 30px;}

.wp-block-latest-posts__list li{
  border: 1px solid rgba(11, 122, 214, .5);
  background: linear-gradient(140deg,rgba(242, 246, 250, 1) 0%, rgba(235, 242, 247, 1) 100%);
  border-radius: 25px;
  padding: 30px;
}

.wp-block-latest-posts__list li a.wp-block-latest-posts__post-title{
  font-size: 32px;
  font-weight: 600;
  color: var(--accent-color);
  text-decoration: none;
}

.wp-block-latest-posts__list li a.wp-block-latest-posts__post-title:hover{text-decoration: underline;}

.wp-block-latest-posts__list li .wp-block-latest-posts__post-date{margin: 20px 0 20px 10px; font-size: 16px; font-weight: 400;}

.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt{font-weight: 400; line-height: 24px; border-left: 3px solid var(--accent-color); padding-left: 20px; border-radius: 2.5px;}
.wp-block-latest-posts__list li .wp-block-latest-posts__read-more{display: block; color: #8E2F02; font-weight: 600; position: relative;}
.wp-block-latest-posts__list li .wp-block-latest-posts__read-more:after{
  content: ' > ';
  width: 20px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 90px;
}

@media (max-width: 768px) {
  .wp-block-latest-posts.is-grid li{margin: 10px 0;}
}


/* ! Contatti */

/* Contact Form 7 */
.wpcf7-form{margin-top: 30px;}
.wpcf7 label{width:100%; margin-bottom: 10px; display: inline-block;}

.wpcf7-form input[type='email'],
.wpcf7-form input[type='text'],
.wpcf7-form input[type='tel'],
.wpcf7-form select,
.wpcf7-form input[type='number'],
.wpcf7-form textarea{
  width: 100%;
  background: #F2F6FA;
  border: 1px solid #7ABCF3;
  border-radius: 8px;
  padding: 10px;
}

.wpcf7-form input[type='number']{width: 96%;}
.wpcf7-form [data-id="problemi_ordine"]{width: 30%; margin-top: 10px;}


@media (max-width: 768px) {
  .wpcf7-form [data-id="problemi_ordine"]{width: 100%; padding: 0 0 0 14px;}}







/* -------------------------------------------------------------------------------- */
/* ! Single */
/* -------------------------------------------------------------------------------- */
h1.single-title{font-weight: 800; color: var(--title-color);}
.meta-article{color: var(--accent-color); margin-bottom: 30px;}
.single p{font-size: 18px;}





/* -------------------------------------------------------------------------------- */
/* ! White Page */
/* -------------------------------------------------------------------------------- */
.page-template-white-page header,
.page-template-white-page footer{display: none;}

.page-template-white-page main{padding: 0; height: 94vh; align-items: center;}



/* ------------------------------------------------------------------------- *
/* ! WooCommerce */
/* ------------------------------------------------------------------------- */

.term-note-sotto-la-luna-22-giugno-foto-stampate-2024 .add_to_cart_button,
.term-gaffurio-gallery-i-tempo-15-giugno-foto-stampate .add_to_cart_button,
.term-gaffurio-gallery-ii-tempo-15-giugno-foto-stampate .add_to_cart_button,
.term-la-bella-addormentata-i-tempo-16-giugno-foto-stampate .add_to_cart_button,
.term-la-bella-addormentata-ii-tempo-16-giugno-foto-stampate .add_to_cart_button,
.term-sogno-di-una-notte-di-mezza-estate-24-maggio-foto-stampate-scuola-il-ramo .add_to_cart_button,
.term-in-time-pomeridiano-25-maggio-foto-stampate-scuola-il-ramo .add_to_cart_button,
.term-in-time-serale-25-maggio-foto-stampate-scuola-il-ramo .add_to_cart_button,
.term-hairspray-7-giugno-foto-stampate-scuola-il-ramo .add_to_cart_button,
.term-newsies-7-giugno-foto-stampate-scuola-il-ramo .add_to_cart_button,
.term-il-sogno-di-oliver-8-giugno-foto-stampate-scuola-il-ramo .add_to_cart_button,
.term-il-mondo-di-annah-8-giugno-foto-stampate-scuola-il-ramo .add_to_cart_button,
.term-carpe-diem-8-giugno-foto-stampate-scuola-il-ramo .add_to_cart_button,
.term-summer-song-2025-21-giugno-foto-stampate-scuola-il-ramo .add_to_cart_button,
.term-a-tutto-musical-22-giugno-foto-stampate-scuola-il-ramo .add_to_cart_button{display: none!important;}

/* Verri */
.term-1ac .add_to_cart_button,
.term-2ac .add_to_cart_button,
.term-3ac .add_to_cart_button,
.term-4ac .add_to_cart_button,
.term-5ac .add_to_cart_button,
.term-1bc .add_to_cart_button,
.term-2bc .add_to_cart_button,
.term-3bc .add_to_cart_button,
.term-4bc .add_to_cart_button,
.term-5bc .add_to_cart_button,

/* Sezione A*/
.term-1a .add_to_cart_button,
.term-2a .add_to_cart_button,
.term-3a .add_to_cart_button,
.term-4a .add_to_cart_button,
.term-5a .add_to_cart_button,

/* Sezione B*/
.term-1b .add_to_cart_button,
.term-2b .add_to_cart_button,
.term-3b .add_to_cart_button,
.term-4b .add_to_cart_button,
.term-5b .add_to_cart_button,

/* Sezione C */
.term-1c .add_to_cart_button,
.term-2c .add_to_cart_button,
.term-3c .add_to_cart_button,
.term-4c .add_to_cart_button,
.term-5c .add_to_cart_button,

/* Dezione D*/
.term-1d .add_to_cart_button,
.term-2d .add_to_cart_button,
.term-3d .add_to_cart_button,
.term-4d .add_to_cart_button,
.term-5d .add_to_cart_button,

/* Sezione E */
.term-1e .add_to_cart_button,
.term-2e .add_to_cart_button,
.term-3e .add_to_cart_button,
.term-4e .add_to_cart_button,
.term-5e .add_to_cart_button,

/* Sezione F */
.term-1f .add_to_cart_button,
.term-2f .add_to_cart_button,
.term-3f .add_to_cart_button,
.term-4f .add_to_cart_button,
.term-5f .add_to_cart_button,

/* Sezione G */
.term-1g .add_to_cart_button,
.term-2g .add_to_cart_button,
.term-3g .add_to_cart_button,
.term-4g .add_to_cart_button,
.term-5g .add_to_cart_button,

/* Sezione H */
.term-1h .add_to_cart_button,
.term-2h .add_to_cart_button,
.term-3h .add_to_cart_button,
.term-4h .add_to_cart_button,
.term-5h .add_to_cart_button,

/* Sezione I */
.term-4i .add_to_cart_button,

/* Digitali */
.term-liceo-classico-p-verri-download-foto-digitali-2025 .add_to_cart_button,
.term-liceo-scientifico-g-gandini-download-foto-digitali-2025 .add_to_cart_button{display: none!important;}


.related .add_to_cart_button{display: none!important;}






.woocommerce-page .page-title{display: none;}
.woocommerce .cover{height: 130px; margin-bottom: 30px; border-radius: 30px;}
.woocommerce .cover h1{margin: 28px 20px; font-size: 42px;}

.woocommerce .breadcrumbs{padding: 0 20px; margin-bottom: 20px;}
.woocommerce .breadcrumbs p{margin: 0;}
.woocommerce .breadcrumbs a{color: var(--asblue); text-decoration: none;}
.woocommerce .breadcrumbs a:hover{text-decoration: underline;}

.woocommerce.post-type-archive .category-desc,
.woocommerce.term-scuola-il-ramo .category-desc{display: none;}


.woocommerce .products_list{padding-left: 20px;}

.woocommerce ul.products li.product .button{margin-top: 0; background: linear-gradient(140deg, rgba(122,188,243,1) 0%, rgba(65,157,234,1) 100%); transition: all 0.4s cubic-bezier(.215, .61, .355, 1); border: 1px solid transparent;}
.add_to_cart_button{float: right;}
.add_to_cart_button::before {
    content: '';
    display: inline-block;
    background: url('https://shop.afterspellstudios.it/wp-content/uploads/2025/03/shopping-cart.png') no-repeat center center;
    background-size: contain;
    width: 35px;  /* Adjust the width as needed */
    height: 20px;  /* Adjust the height as needed */
    filter: invert(1);
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart{
  background: transparent;
  border-radius: 50px;
  padding: 5px 20px;
  transition: all 1s cubic-bezier(.215, .61, .355, 1);
  position: relative;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover{
  background: linear-gradient(140deg, rgba(65,157,234,1) 0%, rgba(11,122,214,1) 100%);
  border: 1px solid rgba(255, 255, 255, .5);
  box-shadow: 
    -4px -4px 15px rgba(65,157,234,0.25),
    4px 4px 15px rgba(65,157,234,0.25);
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover:after{
  content: ' ';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 
    2px 2px 0 rgba(255, 255, 255, 1) inset,
    4px 4px 8px rgba(255, 255, 255, .4) inset;
  mix-blend-mode: soft-light;
  border-radius: inherit;
}


a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:active{
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 1) inset;
  mix-blend-mode: soft-light;
}





.prev_next_buttons {
  line-height: 40px;
  margin-bottom: 30px;
}

.prev_next_buttons a[rel="prev"],
.prev_next_buttons a[rel="next"]{
  border: 1px solid var(--asblue);
  padding: 0 20px;
  border-radius: 50px;
  text-decoration: none;
  color: var(--asblue);
  line-height: 28px;
  transition: all 0.4s cubic-bezier(.215, .61, .355, 1);
}

.prev_next_buttons a[rel="prev"]:hover,
.prev_next_buttons a[rel="next"]:hover{
  background: linear-gradient(140deg, rgba(65,157,234,1) 0%, rgba(11,122,214,1) 100%);
  border: 1px solid rgba(255, 255, 255, .5);
  box-shadow: 
    -4px -4px 15px rgba(65,157,234,0.25),
    4px 4px 15px rgba(65,157,234,0.25);
  color: #fff;
}

.prev_next_buttons a[rel="prev"]:active,
.prev_next_buttons a[rel="next"]:active{
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 1) inset;
  mix-blend-mode: soft-light;
}
   
.prev_next_buttons a[rel="prev"], .prev_next_buttons a[rel="next"] {display: block;}
.prev_next_buttons a[rel="prev"] {float: right;}
.prev_next_buttons a[rel="next"] {float: left;}
   
.prev_next_buttons::after {
  content: '';
  display: block;
  clear:both;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger{z-index: 2!important;}
.woocommerce-product-gallery__image img{max-height: 400px; object-fit: contain;}
  



/* Filters */ 
.wp-block-woocommerce-filter-wrapper h3{color: var(--title-color);}
.filtri{padding-right: 20px!important;}

.button-filtri,
.filtri-mobile,
.button-filtri-container{display: none!important;}


.woocommerce div.product div.images .flex-control-thumbs li img{padding: 10px; border-radius: 20px;}



@media (max-width: 768px) {
  .button-filtri,
  .filtri-mobile,
  .button-filtri-container{display: block!important;}

  .button-filtri{margin: 0 auto!important;}

  .filtri-mobile{
    width: 90%;
    height: auto;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #007acc;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    transform: translateX(-200%);
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
  }

  .filtri-mobile--open{transform: translateX(0%);}

  p.filtri-mobile-close-btn{text-align: end;}

  .single-product .button-filtri-container,
  .single-product .button-filtri,
  .single-product .filtri-mobile,
  .post-type-archive-product .button-filtri-container,
  .filtri{display: none!important;}
  

}



/* Checkout */
.wc-block-components-product-metadata__description{display: none;}
.wc-block-components-address-form__namespace-codice-fiscale,
.wc-block-components-address-form__namespace-destinatario{flex: 0 0 100%!important;}

.wc-block-components-checkout-step__heading a{display: none;}
.is-large .wc-block-checkout__sidebar.is-sticky{top: 160px;}

.wp-block-woocommerce-checkout-order-summary-block{background: #ebf2f7;}

/* Button */
/* .woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wp-block-button__link{ background: #333; color:#fff; text-transform: uppercase;font-weight: bold;border-radius:0px}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.wp-block-button__link:hover{background: #EA4343; color:#fff} */

.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url],
.wc-block-checkout__billing-fields select{
  border-radius: 8px!important;
  border: 1px solid #7ABCF3!important;
}

@media (max-width: 768px) {
  .wc-block-checkout__actions_row{flex-direction: column;}
  button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained{width: 100%;}
}



/* Price */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{color:var(--green); font-weight: bold; font-size: 20px;}


.woocommerce form.variations_form.cart .woocommerce-variation-price{display: none;}


/* Short description */
.woocommerce-product-details__short-description{margin: 20px 0 30px 0;}

/* Prodict Meta */
.product_meta,
.product_meta .sku_wrapper{display: none;}


/* Variations */
.variations label{margin-top: 0;}

td.value label{
  border-radius: 10px!important;
  color: var(--text-color)!important;
  border: 2px solid var(--asblue)!important;
}

td.value input[type="radio"]:checked + label{
  background-color: var(--asblue)!important;
  color: #fff!important;
}


div.qty {
  float: left;
  padding: 10px;
  margin-top: 5px;
}





.product img{border-radius: 10px;}

section.related.products{clear: both; padding-top: 20px;}
section.related.products h2{font-size: 29px;}


/* Input */
input[type='email'],
input[type='number'],
input[type='search'],
input[type='text'],
input[type='tel'],
input[type='url'],
input[type='password']{height: 35px;}

.woocommerce input[type=text],
.woocommerce input[type=email] {background: #fff;border:1px solid #bbb; border-radius: 3px}

/* Column fix  */
.woocommerce-cart .woocommerce [class*='col'],
.woocommerce-checkout .woocommerce [class*='col']{padding:0;}

/* Coupon */
#coupon_code{width: 129px;}

/* Single product */
.woocommerce .quantity .qty{width: 4em; border-radius: 10px; border: 2px solid var(--asblue); margin-top: 5px;}
.woocommerce-page article{width: 100%}
.woocommerce-product-gallery {padding:0;}


/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs{position: unset; margin: -1px 0; padding: 0 50px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background: #BFDEF8;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background: var(--asblue);}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color: var(--title-color); font-weight: 600;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color: #fff;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{background: transparent;}

.woocommerce-Tabs-panel{padding: 30px!important; border: 1px solid var(--asblue); border-radius: 20px; background: linear-gradient(140deg, rgba(242,246,250,1) 0%, rgba(235,242,247,1) 100%);}


@media (max-width: 768px) {
  .woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;}
  .woocommerce-Tabs-panel{padding: 20px!important;}
  li#tab-title-ship{border-radius: 10px 10px 10px 20px;}
}


/* Minicart */


/* Products */
.woocommerce ul.products li.product{margin-bottom: 30px;}

.type-product{position: relative;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size: 16px; line-height: 18px; font-weight: 400; color: #222;}
/* .woocommerce ul.products li.product a.button{padding: 5px 20px 2px 20px; font-size: 16px; width: 100%;text-align: center; border-radius: 99999px; margin: 0;} */
.woocommerce ul.products li.product .price{font-size: 24px;color:green; float: left; margin-top: 6px;}

.product-tag{position: absolute;top: 15px; left: 15px;text-transform: uppercase; font-weight: bold;color: #fff;}
.product-cat{font-style: 18px;color:#333; position: relative;padding: 5px 0 15px 40px}
.product-cat:before{content: ' '; position: absolute; background: #333; height: 7px;width: 29px;top: 13px; left: 0;}


.added_to_cart{display: none!important;}
a.button.added::after{right: 5px!important; color: #fff;}

/* Category */
.woocommerce ul.products li.product .woocommerce-loop-category__title{font-size: 20px;padding: 0; color: var(--title-color);}
.woocommerce ul.products li.product .woocommerce-loop-category__title mark{background: #fff;font-weight: normal;color:#999; font-style: normal;}
.category-desc{color: #333;font-size: 16px;}

.products .product.product-category .category-desc{position: relative;}
.products .product.product-category .category-desc strong{position: absolute;top:-50px; right: 0;}

.woocommerce ul.products li.product a img{border-radius: 20px; box-shadow: 4px 8px 10px var(--shadow20); margin: 8px 0; transition: all 0.4s cubic-bezier(.215, .61, .355, 1);}
.woocommerce ul.products li.product a img:hover{box-shadow: none;}

/* Page */
.woocommerce-page .page-title{font-size: 32px;text-transform: uppercase;margin-bottom: 10px;}
.woocommerce-result-count{font-size: 13px;color:#999; margin-bottom: 30px!important;}
.term-description,
.term-description p{display: none;}



.term-description2{background: linear-gradient(140deg, rgba(235,242,247,1) 0%, rgba(191,222,248,1) 100%); padding: 30px; border-radius: 30px; margin-bottom: 30px; border: 2px solid rgba(255, 255, 255, .5); box-shadow: 4px 8px 15px var(--shadow10);}
.term-description2 p,
.term-description2 ul{font-size: 16px; line-height: 24px; padding: 0 0 0 20px; list-style-type: disc; font-weight: 400; list-style-position: inside;}
.term-description2 p:last-child{margin: 0;}

.term-description2 .borderleft{border-left: 3px solid var(--accent-color);}

@media (max-width: 768px) {
  .term-description2{padding: 20px; border-radius: 20px;}
}



.trattino{width: 30px;height: 7px; background: #333;margin-bottom: 40px;}


/* Product */
.single .product_title{margin-bottom: 30px;font-size: 32px; font-weight: 900; color: var(--title-color);}
.woocommerce div.product .summary .price{font-size: 40px; font-weight: 600; margin-bottom: 30px;}

.woocommerce #review_form #respond .form-submit input{margin-top: 42px;}

@media (max-width: 768px) {
  .single .product_title{margin-bottom: 10px;font-size: 18px;}
}


/* Select in shop page */
.woocommerce-ordering{margin-bottom: 40px!important;}

 .variations .value,
 .woocommerce-ordering {position: relative;}

 .variations .value select,
 .woocommerce-ordering select {
   /* border:none;
   background: transparent;
   padding: 5px 35px 5px 5px;
   font-size: 16px;
   border-radius: 0px;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   position: relative;
   z-index: 1; */
   height: 38px;
    padding: 6px 10px;
    background-color: #fcfcfc;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
 }
 .variations .value select{border: 1px solid #ddd;line-height: 20px;padding: 5px 35px 5px 10px;}
 .variations .value:before,
 /* .woocommerce-ordering:before{font-family: FontAwesome; content: '\f107';  font-size: 18px;color:#999;  position: absolute; top:5px; right:0px;z-index: 0;} */
 .variations .value:before{right:30px;top: 13px;}

 /* Button ajax */
 .woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
    font-family: WooCommerce;
    content: '\e017';
    margin-left: .53em;
    vertical-align: bottom;
    position: absolute;
    top: 10px;
    right: -3px;
}

/* Added to cart */
.woocommerce a.added_to_cart {
    position: absolute;
    bottom: -30px;
    left: 0;
}




/* -------------------------------------------------------------------------------- */
/* ! Dashboard */
/* -------------------------------------------------------------------------------- */
.woocommerce-MyAccount-navigation li{
  border: 1px solid var(--asblue);
  margin: 10px 0;
  border-radius: 20px;
  text-align: center;
  padding: 8px;
  width: 90%;
  transition: all .4s cubic-bezier(.215, .61, .355, 1);
}

.woocommerce-MyAccount-navigation li:hover{
  background: var(--asblue);
}

.woocommerce-MyAccount-navigation li a{
  text-decoration: none;
  color: var(--asblue);
  display: block;
  width: 100%;
  height: 100%;
}

.woocommerce-MyAccount-navigation li:hover a,
.woocommerce-MyAccount-navigation li:last-child:hover a{
  color: #fff;
}

.woocommerce-MyAccount-navigation li:last-child{margin-top: 30px; border: 2px solid #E9424D;}
.woocommerce-MyAccount-navigation li:last-child a{color: #E9424D;}
.woocommerce-MyAccount-navigation li:last-child:hover{background: #E9424D;}

.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation-link--payment-methods{display: none;}

.woocommerce-account .woocommerce-table--order-details th.order-actions--heading,
a.woocommerce-button.button.view.order-actions-button{display: none!important;}



.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{
  background-color: var(--asblue);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover{
  background-color: #419dea;
}



.product.outofstock{
  position: relative;
}

.product.outofstock::after{
  content: 'Esaurito';
  width: 100%;
  height: 100%;
  position: absolute;
  /* top: 30px;
  left: 85px; */
  top: 50%;
  left: 50%;
  font-size: 2rem;
  transform: rotate(-30deg) translateY(-50%);
  color: #d6101e;
  text-transform: uppercase;
}

.product.outofstock img{filter: grayscale(1); opacity: .5;}
.product.outofstock .button.product_type_simple,
.product.outofstock .price{display: none!important;}



/* .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a{border: 1px solid red;} */



/* --------------------------------------------------------------------------------------------------------------------------- */
/* WordPress Default Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 768px) {
  :where(.wp-block-columns.is-layout-flex){gap: 20px;}
}


/* Pagination */
.pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #ddd; }

.woocommerce nav.woocommerce-pagination ul{border: none;}

.woocommerce nav.woocommerce-pagination ul li{
  border: 1px solid #BDC7CF;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  margin: 30px 10px;
}

.woocommerce nav.woocommerce-pagination ul li a{color: var(--title-color);}
.woocommerce nav.woocommerce-pagination ul li span.current{color: var(--title-color); font-weight: 500; background: #BFDEF8;}

.woocommerce nav.woocommerce-pagination ul li a:hover{color: var(--title-color)!important;}


@media (max-width: 768px) {
  .woocommerce nav.woocommerce-pagination ul li{margin: 3px;}
}



/* Gallery */
.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }
.alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
    width: 100vw;
}

/* img responsive */
.img-res{width: 100%;height: auto;}

/* video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


th, td {border-bottom: none;}

/* Image Caption */
.wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #ddd; }

/* Search */
.search-form {background: #eee;}
.search-form input[type=text]{ width: 80%; color: #333; }
.search-form button{float:right;padding:10px 15px 0 0;border: none; background: none;padding: 11px;}

/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }

ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
/* ol.commentlist li.odd {background: #f9f9f9;} */
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}

input[type=text],
input[type=email] { width: 98%;margin-right: 10px; padding: 10px; border: none; background: #eee; -webkit-appearance: none; appearance: none; border-radius: 0;font-size: 14px;}
textarea { padding: 10px; width: 98%; border: none; background: #eee; -webkit-appearance: none; appearance: none; border-radius: 0;font-size: 14px;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #333; border:none; font-size: 14px;}
#comments { width: 100%; }
select{height: 38px;
  padding: 6px 10px;
  background-color: #fcfcfc;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  width: 100%;}







/* ! Grid System */
.grid{display: flex; flex-wrap: wrap; max-width: 1250px; margin: 0 auto;}
.grid--small{max-width: 900px}
.grid--center{justify-content: center;}

.col-20{width:20%}
.col-25{width:25%}
.col-30{width:30%}
.col-33{width:33.33%}
.col-40{width:40%}
.col-50{width:50%}
.col-60{width:60%}
.col-70{width:70%}
.col-80{width:80%}
.col-90{width:90%}
.col-100{width:100%}

[class*='col-']{padding: 10px;}


@media (max-width: 768px) {
  [class*='col-']{width: 100%; padding: 14px;}
  .sma-33{width: 33.33%}
  .sma-50{width: 50%}
  .sma-25{width: 25%}
  .sma-100{width: 100%;}
}


/* ! Helpers */

.dnone{display: none!important;}
.dblock{display: block;}

.br{border: 1px solid red;}
.img-res{width: 100%;}
.video-res{width: 100%;height: 100%;overflow: hidden;}
.video-res video{width: 100%;height: 100%;object-fit: cover}

.element-center{margin: 0 auto;}

.mt-0{margin-top: 0;}
.mt-1{margin-top: 1rem;}
.mt-2{margin-top: 2rem;}
.mt-3{margin-top: 3rem;}
.mt-4{margin-top: 4rem;}

.mb-0{margin-bottom: 0;}
.mb-1{margin-bottom: 1rem;}
.mb-2{margin-bottom: 2rem;}
.mb-3{margin-bottom: 3rem;}
.mb-4{margin-bottom: 4rem;}

.text-center{text-align: center}
.text-left{text-align: left}
.text-right{text-align: right}

.center-element{margin: 0 auto;}

.p-0{padding: 0;}
.p-1{padding: 1rem;}
.p-2{padding: 2rem;}
.p-3{padding: 3rem;}
.p-4{padding: 4rem;}

.pt-0{padding-top: 0;}
.pt-1{padding-top: 1rem;}
.pt-2{padding-top: 2rem;}
.pt-3{padding-top: 3rem;}
.pt-4{padding-top: 4rem;}

.pb-0{padding-bottom: 0;}
.pb-1{padding-bottom: 1rem;}
.pb-2{padding-bottom: 2rem;}
.pb-3{padding-bottom: 3rem;}
.pb-4{padding-bottom: 4rem;}


.icon-small{width: 40px;padding: 5px; cursor: pointer;}
.icon-big{width: 50px; padding: 0;}
.icon-white{filter: invert(1);}
.bg-dark{background: #000;}
.text-white{color:#fff}
.v-center{display: flex; justify-content: center; flex-flow: column;align-items: flex-start;}

.font-normal{font-weight: 400;}
.z-index-top{z-index:100}

.none{display: none;}
@media (max-width: 768px) {
  .sma-none{display: none;}
}

@media (min-width: 768px) {
  .desktop-none{display: none;}
}


/* -------------------------------------------------------------------------------- */
/* ! Dark Mode */
/* -------------------------------------------------------------------------------- */
.dark-toggle{display: flex; flex-direction: row;}

.darkmode{background: #1D1D1D; color: #fff;}

.darkmode img.dark{display: none;}
.darkmode img.light{display: block; filter: invert(1);}
img.light{display: none;}