/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

h6 {
	margin-top: 10px !important;
	-webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #158C08;
}

h1 {
	font-size: clamp(50px, 3.6vw, 70px) !important;
}

@media (max-width: 768px) {
	.bott-col {
		display: none !important;
	}
}


label.wpforms-field-label {
    margin-bottom: 10px !important;
}

.wpforms-container .wpforms-field {
    padding: 10px 0;
}


/*RICETTE*/

.ricetta-hero-layout {
	display: grid;
	grid-template-columns: 2fr 3fr 3fr;
	gap: 40px;
	align-items: start;
}

/* Immagine */
.ricetta-col-image img {
	display: block;
	width: auto;
	max-height: 500px;
}

.ricetta-col-image {
	display: flex;
	justify-content: center;
}

/* Contenuto */
.ricetta-col-content {
	min-width: 0;
}

/* sidebar ingredienti */
.ricetta-col-sidebar {
	position: sticky;
	top: 100px;
	align-self: start;
	background: #EBEAE1;
	padding: 50px;
}


/* lista ingredienti */
.ingredienti-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ingrediente-item {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid #1E1E1E10;
}

/* lista icone */
.icon-list {
  list-style: none;
  padding: 0;
  margin: 0;
	
}

ul.icon-list {
    display: inline-flex;
	gap: 10px;
	padding-top: 25px;
}

.ricetta-full-image {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.ricetta-full-image img {
    display: block;
    width: 100%;
    height: auto;
}

.ricetta-hero-layout .icona-item svg circle {
    fill: #3ABF2B50;
}

.ricette-correlate{
    width:100%;
    background:#EBEAE1;
    padding:100px 0;
}

.related-header{
    max-width:1220px;
    margin:0 auto 60px;
    text-align:center;
	padding: 0 30px;
}

.related-grid{
	max-width:1220px;
    margin:0 auto 60px;
    text-align:center;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
	justify-items: center;
}

.related-card img{
    display:block;
	max-height: 450px;
	width: auto;
    object-fit:cover;
}

.related-card h3{
    margin-top:20px;
    text-align:center;
	color: #3ABF2B;
}

.related-card a{
    text-decoration:none;
    color:inherit;
}

.product-icon {
    padding: 0 5px;
}

.woocommerce-product-details__short-description {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

span.ct-product-divider {
    margin-top: 35px;
}

table.shop_table a {
    font-size: 20px;
}

.woocommerce-cart-form__cart-item.cart_item .price {
    font-size: 20px;
}

.woocommerce-cart-form__cart-item.cart_item .woocommerce-Price-amount span, .woocommerce-cart-form__cart-item.cart_item .woocommerce-Price-amount {
	font-size: 20px;
}
.ct-woocommerce-cart-form .cart_totals h2 {
    font-size: 30px !important;
}

.woocommerce-cart .cart_totals th, .woocommerce-cart .cart_totals td {
    font-size: 20px;
}

.woocommerce-shipping-methods label {
    font-size: 20px !important;
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel-inner .Num_of_store {
    background-color: #13414D !important;
}
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .sl-main-row .asl-panel .search_filter .asl-store-search .span-geo {
    border-color: #13414D !important;
    background-color: #13414D !important;
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .btn.btn-asl {
    color: var(--sl-action-btn-color, #FFF);
    background-color: #158C08 !important;
    border-color: #158C08 !important;
}
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .sl-main-row .asl-panel .search_filter label {
    color: #000 !important;
}

#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-addr-list-title, #asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec h3 {
    color: #158C08 !important;
    font-size: 18px !important;
	text-transform: uppercase !important;
    margin-bottom: 10px;
    font-weight: 600;
    display: block;
}


#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box .sl-list-wrapper .sl-list .sl-item.highlighted {
    background-color: #EBEAE150 !important;
}

#asl-storelocator.asl-cont .agile-modal-content .btn.btn-default {
    background: #158C08 none repeat scroll 0 0 !important;
    border-radius: 0;
    color: #fff;
    font-size: var(--sl-btn-size, 14px);
    height: 37px;
    border-radius: 3px !important;
    padding: 5px 10px !important;
    font-weight: 600;
    text-transform: capitalize;
}

#asl-storelocator.asl-cont .sl-form-group .sl-loct-icon svg circle {
    stroke: #158C08 !important;
}

#asl-storelocator.asl-cont .sl-form-group .sl-loct-icon svg path {
    stroke: #158C08 !important;
}

.asl-cont.asl-template-0.asl-bg-0 {
    --sl-primary: #158C08 !important;
	--sl-header: #fbfbfb;
    --sl-header-color: #1E1E1E !important; 
    --sl-infobox-color: #1E1E1E !important; 
    --sl-infobox-bg: #fff;
    --sl-infobox-a: #158C08 !important;
    --sl-action-btn-color: #fff;
    --sl-action-btn-bg: #158C08 !important;
    --sl-color: #1E1E1E !important; 
    --sl-list-bg: #fff;
    --sl-list-title: #1E1E1E !important; 
    --sl-list-sub-title: #1E1E1E !important; 
    --sl-highlighted: #faeae6;
    --sl-highlighted-list-color: #158C08 !important;
    --asl-mrk-infobox-clr: #158C08 !important;
    --sl-search-text: #158C08 !important;
    --sl-search-btn-bg: #158C08 !important;
}

/* ---------- TABLET ---------- */
@media (max-width: 1024px) {

	.ricetta-hero-layout {
		grid-template-columns: 1fr 2fr;
		gap: 30px;
	}

	.ricetta-col-sidebar {
		grid-column: 1 / -1;
	}
	
	.related-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}
	
	.ricette-correlate {
		padding: 80px 0;
	}

}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {

	.ricetta-hero-layout {
		grid-template-columns: 1fr;
		gap: 25px;
	}

	.ricetta-col-sidebar {
		position: static;
		padding: 20px;
	}

	.ricetta-col-image,
	.ricetta-col-content,
	.ricetta-col-sidebar {
		width: 100%;
	}
	
	.related-grid {
		grid-template-columns: 1fr;
		gap: 25px;
	}
	
	.ricette-correlate {
		padding: 60px 0;
	}

}