#custom-navbar{
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    box-shadow: 0px 3px 5px #00000024;
	z-index: 99;
}
.menu-modal{
	position: fixed;
    height: 100vh;
    width: 100%;
    background-color: whitesmoke;
    left: 0;
    top: -100vh;
    opacity: 0;
    z-index: 98;
    transition: opacity 0.5s;
}
.menu-modal.active{
    top: 0;
    left: 0;
    opacity: 1;
    transition: opacity 0.5s;
    box-shadow:  0px -4px 6px #00000066;
}
.animated-icon3 {
    width: 60px;
    height: 17px;
    position: relative;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.animated-icon3 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.animated-icon3 span {
    background: black;
}
.animated-icon3 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon3 span:nth-child(2) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon3 span:nth-child(3) {
    top: 24px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
.animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -16px;
    left: 9px;
}
.animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}
.animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 25px;
    left: 8px;
}
.custom-header{
	background-size: cover;
	background-position: center;
}
.product-card {
	background-color: white;
	border-radius: 10px;
	box-shadow: 3px 3px 10px #0000001A;
	height: 100%;
	cursor: pointer;
}
.product-card .custom-product-card-img-wrapper{
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 10px 10px 0 0;
}
.product-card .product-card-img{
	border-radius: 10px 10px 0 0;
	width: 100%;
}
.product-card .description-preview {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;	
}
.product-card .title-preview {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.btn-1{
    background-color: black;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 1px 3px 6px #000000c4;
    transition: 0.5s;
    border: unset;
    outline: unset;
}
.btn-1:hover{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: 0.5s;
    transform: scale(0.99);
}
.fixed-banner-section{
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    box-shadow: inset 0px -3px 5px #00000024;
}
#custom-footer{
    box-shadow: 0px -3px 5px #00000024;
    background-color: white;
}
/* product page */
form.cart .quantity{
    margin-bottom: 5%;
}
form.cart .quantity input{
    text-align: center;
}
form.cart button{
    background-color: black;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 1px 3px 6px #000000c4;
    transition: 0.5s;
    border: unset;
    outline: unset;
    padding: 2% 3%;  
}
form.cart button:hover{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: 0.5s;
    transform: scale(0.99); 
}
/* woocommerce cart customization */
.content-area{
    margin: 10% 0;
    padding: 0 5%;    
}
.wp-block-woocommerce-cart .wc-block-components-totals-coupon__button{
    background-color: black;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 1px 3px 6px #000000c4;
    transition: 0.5s;
    border: unset;
    outline: unset;
    text-decoration: none;
} 
.wp-block-woocommerce-cart .wc-block-components-totals-coupon__button:hover{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: 0.5s;
    transform: scale(0.99); 
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button{
    background-color: black;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 1px 3px 6px #000000c4;
    transition: 0.5s;
    border: unset;
    outline: unset;
    padding: 2% 3%;
    text-decoration: none;
}
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: 0.5s;
    transform: scale(0.99); 
}
.wc-block-cart__sidebar{
    padding: 3%;
    border-radius: 5px;
    box-shadow: 1px 3px 6px #0000004a;
}
.wc-block-cart-items .wc-block-components-product-name{
    color: black;
    text-decoration: none;
}
.wc-block-cart-items .wc-block-components-product-name:hover{
    color: black;
    text-decoration: underline;
}
.wc-block-cart-items .wc-block-cart-item__image image{
    box-shadow: 1px 3px 6px #0000004a;
}
/* woocommerce checkout customization */
.wc-block-components-checkout-place-order-button{
    background-color: black;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    box-shadow: 1px 3px 6px #000000c4;
    transition: 0.5s;
    border: unset;
    outline: unset;
    text-decoration: none;
}
.wc-block-components-checkout-place-order-button:hover{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    transition: 0.5s;
    transform: scale(0.99); 
}
/* chi siamo */
.chi-siamo-block{
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    height: 50vh;
}