/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/*Inizio colore prodotto per contrasto */


.an_advantages .an_advantages-item p:not(.an_advantages-item-title), #product #ps_checkout-payment-method-logo-block-title,
 .product-prices .tax-shipping-delivery-label {
color:#000000;
}
.product-additional-info label {
color:#000000; 
  font-weight: 600;
}
#product .product-prices .current-price {
font-size: 24px;
}
/*fine colore prodotto per contrasto */



.mm_block_type_product span.product_combination {

display: none;
}
.anhp-banner-global-bottom {

display: none;
}

.mm_block_type_product .product-price-and-shipping {
text-align: inherit !important;
margin-bottom: 50px;
    margin-left:100px !important;
    position:relative;
    top:-20px;
}
ul, menu, dir {
display: block;
list-style-type: none;
margin-block-start: 1em;
margin-block-end: 1em;
padding-inline-start: 20px;
}
.mm_block_type_product .thumbnail-container .product-title > a {
font-weight: 600;
line-height: 18px;
text-align: left;
font-size: 22px;
    position:relative;
    left:100px;

}
.mm-product-description {
width: calc(100% - 90px);
    padding-left:12%;
}
.mm_block_type_product .thumbnail-container .thumbnail > img {

padding: 8px;
}

.mm_block_type_product .thumbnail-container .thumbnail {
border: 1px solid darkgreen;
  width: 25% !important;

}
#products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a, .product-information-dropdown h5 a, .product-desc a, .product-name a {
color: #000000;
font-size: 21px;
font-weight: 600;
  text-transform: none;
}

h3.h3.product-title {text-transform: normal !important;}
.product-miniature .thumbnail-container {
margin-bottom: 20px;
}
.mm_block_type_product span.product_combination {

    display: none;
}
.mm-product-description .an_productattributes-qty-add  {

    display: none;
}
.mm-product-description .product-price-and-shipping span{
font-size: 1em;
}
.ets_mm_block_content article.product-miniature .thumbnail-container {

border-bottom: 1px solid #D0D0D0;
}

.mm-product-description .an_wishlist-mini   {

    visibility: hidden;
}
.mm_menu_content_title {
float: left;
padding: 0 8px;
position: relative;
min-height: 55px;
}

.an-sfsl{
padding: 10px;
}
.an-sfsl p {
font-size: 18px;
font-weight: 600;
}
.product-discounts {
margin-bottom: 5px;
}
.an_homeslider-desc {
width: 50% !important;
height: 100%;
text-align: left !important;
margin-left: 30px !important;
}
.an_homeproducts-container {
position: relative;
top: 25px;
}
.an_homeslider .an_homeslider-desc .h2, .anthemeblocks-homeslider-desc h2 {

font-size: 2.5em !important;

}

.an_homeslider-desc .btn-primary {

margin-top: 20px !important;
}
.h1.products-section-title {
  font-size: 40px;
  font-weight: 600;
}
.an_advantages .an_advantages-item .an_advantages-item-title {

font-size: 22px;

}
.an_advantages .an_advantages-item p:not(.an_advantages-item-title) {

font-size: 11px;

}
.an_homeproducts-products .product-miniature {

padding: 0 12px;
}

#stores .page-stores .store-item-container .store-description ul, #stores .store-description table ul {
margin-bottom: 14px;
}

#stores .page-stores .store-item-container address br {
display: block;
}

@media (max-width: 767px){
    
.transition_floating .mm_menus_ul {
width: 100%;
max-width:480px
}

.an_homeslider .an_homeslider-desc h3, .anthemeblocks-homeslider-desc h3 {

display:none !important;

}
  .an_homeslider .an_homeslider-desc .h2, .anthemeblocks-homeslider-desc h2 {

font-size: 1.5em !important;

}
}

/*nuovo codice personalizzato*/

#cms .page-header {display:none;}

.hero-cuore h1, .hero-cuore p, .video-banner .overlay h1, .video-banner .overlay p, .video-banner-semi .overlay-semi h1,
.didascalia, .titolo, .titolo2, .banner-piante, .text-section-piante, .text-section-piante h2, .text-section-piante h1, .text-section-piante p.sanskrit,
.section-rituali h2, .section-rituali h1{
   font-family: "Crimson Pro", serif;
}

.hero-cuore h1, .container-cuore h1, .video-banner .overlay h1 {
    font-weight:500;
    font-size: 2.7rem;
}
.hero-cuore h5, .container-cuore h5, .video-banner .overlay h5 {
    font-weight:700;
    font-size: 1.6rem;
  font-family: "Crimson Pro", serif;
  padding-bottom:30px;
}
.video-banner .overlay p, .v-banner-p {
 font-family: "Crimson Pro", serif;
  font-size:3rem;
  font-weight:700;
line-height:1;
}

 .contenitore-principale {
      display: flex;
      gap: 10px;
      justify-content: center;
      flex-wrap: wrap;
    }

    .contenitore {
      flex: 1 1 300px;
      max-width: 500px;
      text-align: left;

      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }
    .contenitore2 {
      flex: 1 1 300px;
      max-width: 500px;
      text-align: left;

      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .contenuto-media {
      width: 100%;

      overflow: hidden;
 
    }

    .contenuto-media video,
    .contenuto-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
   
    }

    .titolo {
      font-size: 2rem;
      font-weight: 500;
    }
 .titolo a {
      color:#000;
    }
 .titolo a:hover {
      color:#8d6924;
    }
    .titolo2 {
      font-size: 2rem;
      font-weight: 500;
    }
 .titolo2 a {
      color:#8d6924;
    }
 .titolo2 a:hover {
      color:#000000;
    }
    .didascalia {
      margin-top: 10px;
      font-size: 1.2em;
      font-weight: 700;
      color: #8d6924;
    }
 .didascalia2 {
      margin-top: 10px;
      font-size: 0.9rem;
      font-weight: 500;
      color: #000000;
   line-height: 1.5;
    }


.video-banner {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.video-banner-semi {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.video-banner video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
  display: block;
}
.video-banner-semi video {
  position: absolute;
  top: 50%;
  left: 23%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  z-index: 1;
  display: block;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 45%;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #645506;
  text-align: left;
  padding: 0 4% 0 5%;
  color: #ece3bd;
}
.overlay-semi {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  padding: 0 4% 0 7%;
  color: #8d6924;
}
.overlay h1 {
  font-size: 2.5rem;
  margin-bottom: 10px;
  color:#ede3bd;
}

.overlay p {
  font-size: 1.3rem;
  
  max-width: 700px;
    color: #ede3bd;
  text-align:left;
}
.overlay-semi h1 {
  font-size: 3.4rem;
  margin-bottom: 10px;
  color:#8d6924;
  text-align:left !important;
  font-weight:700;
}

.overlay-semi p {
  font-size: 1.3rem;
  margin-bottom: 20px;
  max-width: 700px;
    color: #8d6924;
  text-align:left;
}
.cta-button {
  background-color: #ff914e;
  color: #ede3bd;
  padding: 12px 25px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.3rem;
  transition: background-color 0.3s ease;
}

.cta-button:hover {
  background-color: darkorange;
    color: black;
}



    .hero-cuore {
      background-image: url('https://shop.virya.com/img/nuovi-media/bacelli.jpg'); 
      background-size: contain;
	background-position-x: -222px;
		background-repeat: no-repeat;
  height: 500px;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      padding: 1rem;
    }

    .hero-cuore-text {
      max-width: 500px;
      text-align: left;
      padding: 1.5rem;
      color:#8d6924;
    }

    .hero-cuore-text h1 {
  font-size: 3.4rem;
margin-bottom: 1rem;
font-weight: 700;
}


    .hero-cuore-text p {
      line-height: 1.2;
      font-size: 1.6rem;
      color:#8d6924;
    }




.container-cuore {
  display: flex;
  width: 100%;
  height: 55vh;
  overflow: hidden;
}

.colonna-sinistra,
.colonna-destra {
  width: 50%;

  display: flex;
  flex-direction: column;
}
      .pattern {
          background-image: url("https://shop.virya.com/img/nuovi-media/pattern-sx.jpg");
          position: relative;
      }
      
      .pattern img {
          width: 65%;
          position: absolute;
          bottom: 0;
          right: 0; 
          
      }
.box-alto {
  background-color: #8e8151;
  background-size: cover;
  color: white;
  padding-bottom: 2rem;
  flex: 1;
}
.box-alto2 {
  background-color: #a89668;
  background-size: cover;
  color: white;
  flex: 1;
}
.nuovo-colore {
  background-color: #abc078;

}
		.nuovo-colore2 {
  background-color: #8d6924;

}
		.colore-terra {
  background-color: #8d6924;

}
			.nuovo-colore3 {
  background-color: #e89d8b;

}
			.colore-rosa {
  background-color: #e89d8b;

}
					.nuovo-colore4 {
  background-color: #9c6340;

}
						.colore-terra2 {
  background-color: #9c6340;

}	
.box-alto h1 {
  margin: 2rem 4rem 1rem;
  font-size: 2.5rem;
  text-align: left !important;
}
.box-alto2 h1 {
  margin: 2rem 4rem 1rem;
  font-size: 2.5rem;
    text-align: left !important;
}
.box-alto p{
  margin: 1rem 4rem 4rem;
   color:white; 
font-size: 1.1rem;
  line-height:1.1;
    width:80%;

}
.box-alto2 p{
  margin: 4rem;
color:white;
    width:80%;
font-size: 1.1rem;
  line-height:1.1;
}

.distanze-p{
  margin: 2rem 4rem 4rem;

    width:80%;

}
.leaf-decoration {

  height: 100px;
    margin-top: -50px;
    padding-top: 0;
}

.immagine, .immagine1 {
  width: 100%;
  height: 70%;
  object-fit: cover;
}

.meditation-immagine {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

video.cuore {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	video.cuore2 {
      width: 100%;

      object-fit: cover;
    }	
 .hero-cuore-text {
        width: 90%;
		  margin-top: 0;

      }

  .banner-piante {
              background-color: #665100; /* Marrone */
        width:100%;
  height: 500px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 1rem 2rem;
      gap: 0;
      flex-wrap: wrap;
    }

    .text-section-piante {
      flex: 1 1 300px;
      max-width: 500px;
      margin-left: 5%;
    }

    .text-section-piante h2 {
      width:70%;
      font-size: 1.8rem;
      font-weight: normal;
      text-transform: uppercase;
      text-decoration: underline;
      color: #fff0c7;
    }

    .text-section-piante p.sanskrit {
      width:70%;
      font-size: 1.2rem;
      margin: 0.5rem 0 1.5rem;
      color: #fff0c7;
    }

    .text-section-piante h1 {
      width:70%;
      font-size: 2.8rem;
      font-weight: bold;
      margin: 0;
      color: #fff0c7;
      text-align: left !important;
    }

    .video-section-piante {
      flex: 1 1 300px;
      max-width: 600px;
      aspect-ratio: 16 / 9;
    }

    .video-section-piante iframe {
      width: 100%;
      height: 100%;
      border: none;
    }

    .section-ayurveda {
  
      margin: 25px auto;
      text-align: center;
    }
 .section-ayurveda p{
  width: 100%;

    }
    .section-ayurveda h2 {
      font-size: 1rem;
      color: #645506;
      letter-spacing: 0.2em;
    }

    .section-ayurveda h1 {
      font-size: 2rem;
      margin: 0.5rem 0;
      color: #1a1a1a;
    }

    .section-ayurveda p {
      font-size: 1.1rem;
      margin-bottom: 2rem;
    }

    		.blocco {
			display:flex;
			flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
		}
		.blocco2 {
			width: 60%;
			margin: auto;
			text-align: center;
			display: flex;
  align-items: center;
  justify-content: center;
		}
		.sx, .dx {
			width:45%;
			text-align: center;

		}
		p.piante {
			width:60%;
			margin: 10px auto;
			text-align: center;

		}
		img.immagine {
		max-width:180px;
			width:100%;
			margin: 0 auto;
	}
		.freccia {
			width:160px;
		}
		.freccia-su {
			width:280px;
		}
    .section-rituali {
      
      margin: 50px auto;
      text-align: center;
    }

    .section-rituali h2 {
      font-size: 1.8rem;
      color: #8c6a0f;
      margin-bottom: -10px;

    }

    .section-rituali h1 {
      font-size: 2.8rem;

      color: #7b5206;
    }

    .grid-rituali {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 2rem;
      padding: 0 1rem;
      margin-top:2rem;
    }

      .card-rituali {
  background-color: #fff;
  border: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 350px; /* Puoi regolarlo in base al design */
  padding-bottom: 1rem;
}
.card-rituali-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  padding: 0rem;
}

    .card-rituali img {
      width: 100%;
      height: auto;
      border-radius: 4px;
    }

    .card-rituali-title {
      margin: 1rem 0;
      font-weight: bold;
      font-size: 1rem;
      letter-spacing: 0.05em;
      color: #5a3b02;
    }

    .card-rituali button {
  min-width: 120px;
  max-width: 200px;
  padding: 0.5rem 1.5rem;
  margin-top: 0rem;
  border: 1px solid #a3771a;
      border-radius:8px;
  background-color: transparent;
  font-weight: bold;
  color: #333;
  cursor: pointer;
  transition: all 0.2s ease;
  align-self: center;
}

    .card-rituali button:hover {
      background-color: #a3771a;
      color: white;
    }
 .title-rituali-container {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 10px 0;
    }

    .line-rituali {
      flex: 1;
      height: 1px;
      background-color: #8c6a0f;
      margin: 0 15px;
    }
  h1.title-rituali-text {
      font-size: 2.8rem;
      font-weight: bold;
      white-space: nowrap;
    }

@media (max-width: 768px) {
  .container-cuore {
    flex-direction: column;
    height: auto;
    background-position-x:0;
  }

  .colonna-sinistra,
  .colonna-destra {
    width: 100%;
    height: auto;
  }

  .box-alto,
  .box-alto2 {
    flex: unset;
    height: auto;
  }

  .box-alto h1 {
    margin: 5rem 2rem 1rem;
    font-size: 1.5rem;
  }

  .box-alto p,
  .distanze-p {
    margin: 1rem 2rem 2rem;
    width: 90%;
  }

  .leaf-decoration {
    height: 60px;
    margin-top: -50px;
  }

  .immagine,
  .immagine1,
            {
    height: auto;
  }
        .pattern,
  .pattern img {
    min-height: 35vh;
  }
.pattern img {
width: 65%;
height: 65%;
object-fit: contain;
bottom: -40px;
}

      .contenitore-principale {
        flex-direction: column;
        align-items: center;
      }

      .contenitore {
        max-width: 90%;
      }

  .video-banner {
    height: 300px;
  }

  .overlay h1 {
    font-size: 1.5rem;
  }

  .overlay p {
    font-size: 1rem;
  }
   .banner-piante {
        flex-direction: column;
        padding: 1.5rem;
      }

      .text-section-piante, .video-section-piante {
        max-width: 100%;
      }

      .text-section-piante h1 {
        font-size: 1.5rem;
      }
}

.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
color: #8d6924;

}