/* variabili colori */
:root {
	--first_color: #d6e2cc; /* verde chiaro */
	--second_color: #77826e; /* verde scuro */
	
	--third_color: #382823;	/*	marrone */
	--fourth_color:	#ffffff; /* bianco */
	
	--light_brown: #79574b; /* marrone chiaro */
	
	--first_text: #383838; /* grigio scuro */
}

/* font */

@font-face {
	font-family: 'American Typewriter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../fonts/American-Typewriter-Regular.ttf) format('TrueType');
}

@font-face {
	font-family: 'American Typewriter';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(../fonts/American-Typewriter-Bold.ttf) format('TrueType');
}

a:focus, a:hover {
	color: unset;
}

/* -- -- */

body {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	color: var(--first_text);
	background: url(https://www.gicmodanaturale.it/img/cms/skin/legno_sfondo.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-color: color-mix(in srgb, var(--fourth_color) 76%, transparent);
	background-blend-mode: overlay;
}

a {
	color: var(--first_text);
}

.h1, .h2, .h3, .h4 {
	color: var(--first_text);
}

.h1, h1 {
	font-size: 24px;
}

#wrapper {
	background-color: var(--fourth_color);
	max-width: 1400px;
	margin: auto;
	box-shadow: 0px 0px 23px;
}

#wrapper:has(.page-home) {
	padding: unset;
}


#content-wrapper:has(.page-home) {
	padding-left: 5px;
	padding-right: 5px;
}


.label, label {
	color: var(--first_text);
}

/* banner tazze overlay */

.container_overlay_banner {
	display: none;
	width: 100%;
    height: 100%;
    margin: auto;
    background-color: color-mix(in srgb, var(--first_text) 70%, transparent);
    position: fixed;
    top: 0;
    left: 0;
	z-index: 999;
}

.div_img_overlay_banner {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img_overlay_mobile {
	max-width: 320px;
	height: auto;
	border: 4px solid var(--second_color);
}
.img_overlay_desktop {
	display: none;
	border: 4px solid var(--second_color);
}
@media screen and (min-width : 768px) {
	.img_overlay_desktop { display: inline-block; max-width: 700px; height: auto; }
	.img_overlay_mobile { display: none; }
}

/* header */

#header {
	color: var(--second_color);
}

@media screen and (min-width : 768px) {
	#header .container { width: 100%; }
}
@media screen and (min-width : 992px) {
	#header .container { width: 100%; }
}

#header .header-top {
	padding: 0;
}

#header .header-top>.container>.row:first-of-type {
	display: block;
}

.header_top_content {
	max-width: 1400px;
    margin: auto;
    padding: 10px 5px;
	display: flex;
    align-items: center;
	position: relative;
	min-height: 100px;
}

.header_top_content .top_right {
	display: flex;
	flex-direction: row;
}

#_desktop_logo {
	max-width: 190px;
}
@media screen and (min-width : 576px) and (max-width : 992px) {
	.col-sm-4#_desktop_logo { padding: unset; max-width: 100px; }
}
@media screen and (min-width : 993px) and (max-width : 1199px) {
	.col-sm-4#_desktop_logo { padding: unset; max-width: 190px; }
}
@media screen and (min-width : 1200px) {
	.col-sm-4#_desktop_logo { max-width: 210px; }
}

#header a {
	color: var(--third_color);
	text-align: center;
}
@media screen and (max-width : 67px) {
	#header a { text-align: left; }
}

#header a i {
	color: var(--second_color);
}

#header a:hover {
	color: var(--third_color);
}

#header a.account {
	color: var(--second_color);
}

#wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
	color: var(--second_color);
}

.layout_layout5 .ets_mm_megamenu_content {
	background-color: var(--fourth_color);
	border-bottom: unset;
	max-width: 1400px;
	margin: auto;
}

.layout_layout5 .mm_menus_ul .mm_menus_li:not(:nth-child(2)):after {
	display: none;
}

.ets_mm_megamenu {
	margin-top: unset;
	width: unset;
	margin: auto;
}
@media screen and (max-width : 767px) {
	.ets_mm_megamenu .container { background-color: unset; }
	.ets_mm_megamenu.hook-custom { margin-top: unset; width: 78%; padding: 0 30px 0 10px; }
	.ets-dir-ltr .ybc-menu-button-toggle_icon { float: unset; height: auto; display: block; }
}

.ets_mm_block > h4 {
	border-bottom: unset;
}

.ets_mm_megamenu .mm_columns_ul {
	border: unset;
}

.layout_layout5 .ets_mm_block.mm_block_type_html > h4 {
	padding-bottom: unset;
}

.ets_mm_block.mm_block_type_html {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	.layout_layout5 .ets_mm_block.mm_block_type_html > h4 { margin-bottom: unset; }
	.mm_blocks_li:not(:last-child) { margin-bottom: 0px; }
}

.mm_block_type_html a {
	text-transform: initial;
	font-weight: 400;
}

.mm_block_type_html .ets_mm_block_content {
	display: none;
}

@media screen and (min-width : 576px) {
	.container { width: unset; }
}

.mm_menus_ul {
	justify-content: center;
	align-items: center;
}

.active .mm_menus_li {
	max-width: unset;
}

.mm_menus_li {
	max-width: 145px;
}
@media screen and (min-width : 993px) {
	.mm_menus_li { margin: 0 10px; }
}

.ets_mm_megamenu .mm_columns_ul {
	top: 75%;
}

.mm_menus_li > a {
	padding: 10px;
}
@media screen and (max-width : 767px) {
	.mm_menus_li > a { font-size: 15px; }
}

#_desktop_user_info {
	float: right;
	font-size: 22.5px;
	margin-right: 10px;
}

.menu_and_cattree {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.hook-default:not(.scroll_heading) .mm_menus_ul, .ets_mm_megamenu.hook-default {
	position: static;
}

.ets_mm_megamenu.hook-default:not(.scroll_heading) .mm_columns_ul:before {
	height: 45px;
}

.ets_mm_megamenu.scroll_heading {
	background-color: var(--fourth_color);
	box-shadow: 0 2px 5px 0 color-mix(in srgb, var(--third_color) 30%, transparent);
	transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}

.ets_mm_megamenu ul {
	text-align: left;
}

.ybc-menu-toggle .icon-bar {
	clear: unset;
	float: unset;
	display: block;
}

.ets_mm_block_content {
	color: var(--third_color);
}

/* menu scroll */

.ybc-menu-toggle {
	padding: unset;
}

.ybc-menu-toggle .icon-bar {
	width: 25px;
}

.ybc-menu-button-toggle_icon .icon-bar {
	margin: 5px auto;
}

@media screen and (max-width: 767px) {
	.transition_floating .close_menu, .transition_full .close_menu { text-align: right; background-color: color-mix(in srgb, var(--fourth_color), var(--first_color) 35%); }
	.active .pull-right { display: flex !important; justify-content: space-between; float: unset; }
	.logo_menu_over { max-width: 190px; }
	.mm_menus_li { border-top: unset; }
	.arrow:before, .arrow:after { border-color: var(--third_color); }
	.mm_menus_ul.active { background-color: color-mix(in srgb, var(--fourth_color), var(--first_color) 35%); }
	.mm_columns_ul.active { float: unset; }
	ul.ets_mm_categories { margin-bottom: 20px; }
	.ets_mm_block_content ul li { float: unset; }
	.ets_mm_megamenu .mm_menus_ul .close_menu.active { padding: 10px 15px 50px; }
	.ets_mm_megamenu .mm_menus_ul .close_menu * { color: var(--second_color) !important; }
	.ets_mm_megamenu ul { text-align: center; }
}

/*@media screen and (max-width: 992px) {
	.ybc-menu-toggle { display: block; }
}*/

.mm_menus_back_icon {
	border-left: unset;
	border-top: unset;
	transform: unset;
	-webkit-transform: unset;
	-ms-transform: unset;
	-o-transform: unset;
	width: 40px;
	font-size: 31px;
}

	
/* carrello */

.cart-preview .cart-products-count {
	background-color: var(--third_color);
	color: var(--fourth_color);
    border-radius: 50%;
    font-size: 12px;
    height: 15px;
    left: 9px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 15px;
}

#_desktop_cart {
	float: right;
	font-size: 23px;
}

/* -- -- */


/* search */

#search_widget {
	overflow: unset;
	margin-bottom: unset;
	margin-right: 23px;
	float: right;
	font-size: 22px;
	cursor: pointer;
}

#search_widget form {
	position: absolute;
    width: 100%;
    top: 18%;
    padding: 10px 20px;
	right: 0;
	z-index: 10;
}
@media screen and (min-width : 767px) {
	#search_widget form { width: 290px; top: 31px; }
}

#search_widget form i.clear {
	right: 35px;
}

#search_widget form .icon_form_search {
	top: 13px;
}


@media only screen and (min-width: 992px) {
	#search_widget { min-width: unset; }
}

.ui-menu .ui-menu-item a {
	display: flex;
	align-items: center;
}

.ui-widget {
	font-family: 'Lato', sans-serif;
}

.ui-autocomplete.searchbar-autocomplete {
	min-height: unset;
	box-shadow: 0 2px 5px 0 color-mix(in srgb, var(--third_color) 30%, transparent)
}


/* -- -- */


/* homepage */


.title_section, .featured-products .products-section-title {
	font-family: 'American Typewriter';
	font-size: 37px;
	color: var(--third_color);
	line-height: 40px;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
}
@media screen and (min-width : 768px) {
	.title_section, .featured-products .products-section-title { font-size: 48px; line-height: 50px; }
}

.featured-products.mt-3 {
	margin-top: unset!important;
}

.featured-products .all-product-link {
	background-color: var(--second_color);
    color: var(--fourth_color);
    padding: 10px;
}


.all-product-link.h4 {
	font-size: 1rem;
}
	


/* moduli testo html custom */

.div_padding {
	padding: 10px;
}

	/* modulo quadrati */
	
.container_square_block {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	margin: 30px 0 0;
}
@media screen and (min-width : 600px) {
	.container_square_block { flex-direction: row; }
}
@media screen and (min-width : 993px) {
	.container_square_block { margin: 50px 45px 30px; }
}

.square_1 {
	position: relative;
	margin-bottom: 20px;
	
}
@media screen and (min-width : 600px) {
	.square_1 { margin-right: 10px; margin-bottom: unset; width: 600px; }
	.square_2 { margin-left: 10px; width: 600px; }
}

.square_content img {
	width: 100%;
}

.square_1 .square_content img {
	filter: contrast(0.8);
}

.title_1 {
	position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
    left: 0;
    margin: 0 15px;
    text-align: center;
	text-transform: uppercase;
    font-size: 30px;
    color: var(--fourth_color);
    line-height: 37px;
	font-weight: 700;
}
@media screen and (min-width : 360px) {
	.title_1 { font-size: 40px; line-height: 50px; }
}
@media screen and (min-width : 600px) and (max-width : 711px) {
	.title_1 { font-size: 30px; line-height: 37px; }
}


.title_1 a {
	color: var(--fourth_color);
}

.abs_1 {
	position: absolute;
    bottom: 0;
    transform: translate(0, -50%);
    right: 0;
    left: 0;
    margin: 0 15px;
    text-align: center;
	background-color: var(--second_color);
    padding: 10px 5px 10px 15px;
    width: 150px;
    margin: auto;
	text-align: center;
}

.abs_1 a {
	color: var(--fourth_color);
}


	/* modulo testo */
	
#custom-text {
	margin-top: 1.5rem;
	position: relative;
	padding: 20px 0;
}

.container_custom_text {
	margin: 0 10px;
}
@media screen and (min-width : 768px) {
	.container_custom_text { width: 590px; left: 0; right: 0; top: 50%; transform:translate(0, -50%); position: absolute; margin: auto; background-color: color-mix(in srgb, var(--fourth_color) 80%, transparent); }
}

.container_img_background_text {
	display: none;
}
@media screen and (min-width : 768px) {
	.container_img_background_text, .container_img_background_text img { display: inline-block; width: 100%; height: auto; opacity: 0.4; }
}
	
	
	/* modulo btt prodotti */

.container_btt_prodotti {
	position: relative;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(32% - 1px), var(--second_color) calc(30%), var(--second_color) calc(47%), rgba(0, 0, 0, 0) calc(46% + 1px));
}

	
.div_btt_type {
	max-width: 900px;
	display: flex;
	flex-direction: column;
	font-family: 'American Typewriter';
	font-size: 35px;
	line-height: 40px;
	margin: 65px auto;
	max-height: 222px;
}
@media screen and (min-width : 768px) {
	.div_btt_type { flex-direction: row; font-size: 50px; line-height: 55px; }
}

.div_btt_type a {
	color: var(--third_color);
}

.btt_type_1, .btt_type_2 {
	position: relative;
	width: 100%;
	height: 150px;
    overflow: hidden;
}
@media screen and (min-width : 768px) {
	.btt_type_1, .btt_type_2 { height: auto; }
}

.div_btt_type img {
	width: 100%;
	transform: translate(0, -10%);
}
@media screen and (min-width : 768px) {
	.div_btt_type img { transform: unset; }
}

.text_btt_prodotti {
	position: absolute; 
	left: 0;
	transform: translate(0, -50%);
	right: 0;
	top: 50%;
	text-align: center;
}
/*@media screen and (min-width : 768px) {
	.text_btt_prodotti { left: 85px; width: 300px; }
}*/

	

	/* modulo faq */

.container_faq {
	background: linear-gradient(to bottom, rgba(255,255,255,0) 20%, rgba(255,255,255,1)), url(/img/cms/img_home/bg_faq_1600.jpg);
	background-repeat: repeat-y;
	background-size: cover; /*contain quando erano più lunghe*/
	padding: 40px 30px 40px 20px;
}

.faq_type_1, .faq_type_2 {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: 900px;
	margin: auto;
	text-align: left;
	margin-bottom: 30px;
}
@media screen and (min-width : 993px) {
	.faq_type_1, .faq_type_2 { margin-bottom: 110px; }
}

.box_qa {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 30px;
	box-shadow: 6px 6px 0px var(--third_color);
}
@media screen and (min-width : 993px) {
	.box_qa { flex-direction: row; margin-left: unset; }
}

.number_faq {
	width: 60px;
	height: 60px;
	display: flex;
	font-family: 'American Typewriter';
	font-weight: 700;
    font-size: 38px;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 25%;
	z-index: 3;
}
@media screen and (min-width : 993px) {
	.number_faq { left: -39px; top: unset; }
}

.question_faq {
	width: 100%;
    font-family: 'American Typewriter';
    font-size: 20px;
    padding: 20px 20px 20px 50px;
	position: relative;
    z-index: 2;
	font-weight: 
}
@media screen and (min-width : 993px) {
	.question_faq { max-width: 390px; }
}

.answer_faq {
	width: 100%;
	font-size: 20px;
	padding: 20px 20px 20px 50px;
	font-weight: 300;
	box-shadow: 6px 6px 0px var(--third_color);
}
@media screen and (min-width : 993px) {
	.answer_faq { position: absolute; right: 0px; top: 35px; padding: 20px 20px 20px 80px; max-width: 545px; }
}

.faq_type_1 .number_faq {
	background-color: var(--fourth_color);
	color: var(--third_color);
	
}

.faq_type_1 .question_faq {
	background-color: var(--second_color);
	color: var(--fourth_color);
}

.faq_type_1 .answer_faq {
	background-color: var(--first_color);
}

.faq_type_2 .number_faq {
	background-color: var(--second_color);
	color: var(--fourth_color);
	
}

.faq_type_2 .question_faq {
	background-color: var(--fourth_color);
	color: var(--third_color);
}

.faq_type_2 .answer_faq {
	background-color: var(--light_brown);
	color: var(--fourth_color);
}

.link_page_faq {
	padding: 10px;
	background-color: var(--second_color);
	width: 150px;
	text-align: center;
	margin: auto;
}

.link_page_faq a {
	color: var(--fourth_color);
}


	/* content faq */

.page-header:has(~ #content .container_content_faq) {
	display: none;
}

.container_content_faq {
	background-image: url(/img/cms/img_home/bg_faq_1600.jpg);
	background-repeat: repeat-y;
	background-size: contain;
	padding: 40px 30px 40px 20px;
}

.page-content.page-cms:has(> .container_content_faq) {
	padding: unset;
	margin-left: -10px;
	margin-right: -10px;
}

	/* modulo banner */
	
.container_banner {
	display: flex;
	margin: 50px auto;
	flex-direction: column;
}
@media screen and (min-width : 600px) {
	.container_banner { flex-direction: row; }
}
@media screen and (min-width : 993px) {
	.container_banner { margin: 50px 45px 30px; }
}

.banner_section_1, .banner_section_2, .banner_section_3 {
	position: relative;
}

.banner_content img {
	width: 100%;
}

.title_banner {
	position: absolute;
	color: var(--fourth_color);
	text-transform: uppercase;
	bottom: 20px;
    left: 20px;
	font-weight: 700;
}

.title_banner a {
	color: var(--fourth_color);
}

/* moduli prodotti home */

.featured-products {
	padding: 10px;
}

.featured-products .products-section-title {
	margin-bottom: 50px;
}

.featured-products .products-section-title.text-uppercase {
	text-transform: capitalize !important;
}
	
.featured-products .products {
	position: relative;
	z-index: 2;
	background: linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), var(--second_color) calc(50%), var(--second_color) calc(59%), rgba(0,0,0,0) calc(50% + 1px));
}
@media screen and (min-width: 993px) {
	.featured-products .products { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24%, var(--second_color) 0%, var(--second_color) 29%, var(--second_color) 0%, rgba(0, 0, 0, 0) 27%, rgba(0, 0, 0, 0) 74%, var(--second_color) 0%, var(--second_color) 79%, rgba(0, 0, 0, 0) 31%); }
}

.product-miniature .thumbnail-container /*da togliere se non utilizzo lo scroll per i prodotti*/{
	margin-bottom: unset;
}

/*
.featured-products .products::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	border-top: 30px solid var(--second_color);
	width: 100%;
	transform: translateY(-115%);
	z-index: -1;
	overflow: visible;
}
*/
@media screen and (min-width : 768px) {
	.product-miniature .thumbnail-container { max-width: 250px; }
	.slick-track::after { content: ''; position: absolute; top: 50%; left: 0; border-top: 30px solid var(--second_color); width: 100%; transform: translateY(133px); z-index: -1; }
	.slick-list.draggable { position: relative; }
}

.featured-products .products, .product-accessories .products /*da togliere se non utilizzo lo scroll per i prodotti*/ {
	flex-wrap: nowrap;
	overflow: scroll;
	scrollbar-width: none;
	justify-content: unset;
}

@media screen and (min-width : 993px) {
	.featured-products .products, .product-accessories .products { flex-wrap: wrap; }
	.featured-products .thumbnail-container { margin-top: 20px; }
}

.featured-products .thumbnail-container {
	min-width: 230px;
}

@media screen and (min-width: 1200px) {
	.featured-products .product.col-xl-3 { width: 20%; }
}

@media screen and (min-width: 992px) {
	.featured-products .thumbnail-container { min-width: unset; }
	.featured-products .product.col-lg-4 { width: 20%; }
}

	/* slick slider */

.slick-track::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	border-top: 30px solid var(--second_color);
	width: 100%;
	transform: translateY(133px);
	z-index: -1;
}

.slick-list.draggable {
	position: relative;
}


/* footer */


#footer {
	background-color: var(--second_color);
}

#footer .h3 {
	color: var(--fourth_color);
}

.footer-container {
	max-width: 1400px;
	margin: auto;
	padding-top: unset;
}

.block-contact, .footer-container li a {
	color: var(--fourth_color);
}

.footer-container li a:hover {
	color: var(--fourth_color);
}

#block_myaccount_infos .myaccount-title a {
	color: var(--fourth_color);
}

#contact-infos a, #contact-infos a:hover {
	color: var(--fourth_color);
}

.block-contact .block-contact-title {
	color: var(--fourth_color);
}

.block-contact .navbar-toggler .material-icons {
	color: var(--fourth_color);
}

@media screen and (max-width : 767px) {
	.footer-container .links ul>li { font-weight: 400; border-bottom: unset; }
	.footer-container .links ul>li a { color: var(--fourth_color); }
	.footer-container .links ul { background-color: var(--second_color); }
	.links .title { border-bottom: unset; color: var(--fourth_color); }
}


.block-social  {
	text-align: left;
}

@media screen and (max-width : 767px) {
	.block-social { margin-top: 20px; }
}

.block-social .h4 {
	color: var(--fourth_color);
	text-transform: uppercase;
}

.block-social a {
	color: var(--fourth_color);
}

.div_social {
	display: flex;
	flex-direction: row;
	font-size: 25px;
}

.div_social_facebook {
	margin-right: 30px;
	font-size: 23px;
}

.div_social_instagram {
	margin-right: 30px;
}

.footer-container .text-sm-center {
	padding-top: 10px;
	border-top: 1px solid var(--fourth_color);
	margin-top: 20px;
}

.footer-container .text-sm-center {
	color: var(--fourth_color);
	text-align: center;
}



/* page content */

#wrapper .breadcrumb {
	margin-top: 1rem;
}

.page-content.page-cms ul, p {
	color: var(--first_text);
}

.page-header {
	text-transform: uppercase;
}


/* page chi siamo */

.container_content_img {
	max-width: 300px;
    margin: 0 auto 20px;
}
@media screen and (min-width : 600px) {
	.container_content_img { float: left; margin: 0 20px 10px 0; }
}

.container_content_img img {
	width: 100%;
}


/* page i nostri filati */

.img_text_container {
	display: flex;
	flex-direction: column;
	margin: 20px 0 35px;
	border: 1px solid var(--second_color);
    background-color: color-mix(in srgb, var(--first_color) 50%, transparent);
}
@media screen and (min-width : 993px) {
	.img_text_container { flex-direction: row; margin: 20px 0 45px; }
}

@media screen and (min-width : 993px) {
	.img_div { margin-right: 20px; }
}

.img_div img {
	width: 100%;
}

.text_div {
	text-align: center;
    max-width: 500px;
    margin: auto;
	font-size: .9375rem;
	padding: 20px;
}
@media screen and (min-width : 768px) {
	.text_div { font-size: 20px; line-height: 25px; }
}

.text_incipit {
	font-family: 'American Typewriter';
	font-size: 27px;
	line-height: 40px;
	color: var(--third_color);
	font-weight: 600;
	margin-bottom: 20px;
}
@media screen and (min-width : 993px) {
	.text_incipit { font-size: 39px; line-height: 50px; margin-bottom: 40px; }
}



/* page tutorial */

.container_playlist_cover {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
@media screen and (min-width : 481px) {
	.container_playlist_cover { flex-direction: row; justify-content: center; }
}

	.playlist_cover {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-bottom: 30px;
		text-align: left;
	}
	@media screen and (min-width : 481px) and (max-width : 768px) {
		.playlist_cover { width: 42%; margin: 0 30px 30px 0; }
		.playlist_cover:last-child { margin-right: 0; }
	}
	@media screen and (min-width : 768px) {
		.playlist_cover { width: 29%; margin: 0 30px 30px 0; }
		.playlist_cover:last-child { margin-right: 0; }
	}
		
		.playlist_cover a {
			color: var(--first_text);
			cursor: pointer;
		}
		
		.playlist_cover img {
			width: 100%;
			margin-bottom: 10px;
		}
		

/* page recensioni */

.container_recensioni {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
@media screen and (min-width : 481px) {
	.container_recensioni { flex-direction: row; justify-content: center; }
}

	.item_recensioni {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-bottom: 30px;
		text-align: left;
		/*border: 1px solid var(--second_color);
		background-color: color-mix(in srgb, var(--first_color) 50%, transparent);*/
	}
	@media screen and (min-width : 481px) and (max-width : 768px) {
		.item_recensioni { width: 42%; margin: 0 30px 30px 0; }
		.item_recensioni:last-child { margin-right: 0; }
	}
	@media screen and (min-width : 768px) {
		.item_recensioni { width: 29%; margin: 0 30px 30px 0; }
		.item_recensioni:last-child { margin-right: 0; }
	}

		.item_recensioni img {
			width: 100%;
		}
		
		.text_recensioni {
			padding: 10px;
		}
		
			.filato_recensioni {
				font-family: "American Typewriter";
				font-weight: 600;
				font-size: 21px;
				margin-bottom: 10px;
			}
		
		
		
/* listing */

#category-description {
	margin-bottom: 20px;
}

#products .product article {
	margin-bottom: 20px;
}

.product-miniature .product-title {
	margin: 10px 5px 0;
}

.product-miniature .product-description {
	background-color: var(--first_color);
	padding: 10px 0;
}

.product-miniature .product-description:has(> .product-list-reviews) {
	padding: 0 0;
}

.product-list-reviews:has(> .grade-stars.small-stars:empty) {
	padding: 0;
}

.grade-stars.small-stars:empty, .comments-nb:empty {
	display: none;
}

.product-miniature .product-title a {
	font-weight: 700;
	color: var(--first_text);
	text-transform: uppercase;
}

.price {
	color: var(--third_color);
	display: inline-block;
	margin: 10px 5px;
}

.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
	background: var(--light_brown);
	margin-top: 10px;
}

.product-flags li.product-flag {
	margin-top: unset;
}

.has-discount .page-content.page-cms ul, .has-discount p, .has-discount.product-price, .page-content.page-cms .has-discount ul {
	color: var(--third_color);
}

.product-miniature .highlighted-informations .quick-view:hover {
	color: unset;
}

.product-flags li.product-flag.on-sale {
	display: none;
}

.block-category {
	min-height: unset;
}

.product-list-reviews {
	position: unset;
	background-color: var(--fourth_color);
}


.container_img_title {
	background-color: var(--fourth_color);
    font-family: 'American Typewriter';
    font-weight: 700;
    color: var(--second_color);
    font-size: 24px;
    padding: 10px;
    border-bottom: 1px solid var(--second_color);
    text-align: center;
	text-transform: capitalize;
}

.product_flag_position {
	top: 40px;
}

.products article .whislist_button_position {
	top: 50px;
}

.container_label_out_of_stock {
	background-color: #c21818;
    padding: 5px;
    text-align: center;
    margin-top: 10px;
	color: var(--fourth_color);
}

.label_out_of_stock i {
	margin-right: 5px;
}
	
.pagination .current a {
	color: var(--second_color);
}


	/* filtri */
	
.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover {
	background: var(--second_color);
}

#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
	color: unset;
}

#subcategories.card.card-block {
	display: none;
}

.category-sub-menu li[data-depth="3"]:last-child {
	margin-bottom: 1rem;
}

.active_filters .active-filter-title {
	color: var(--third_color);
}

.active_filters {
	background: color-mix(in srgb, var(--first_color) 50%, transparent);
}


@media screen and (max-width : 767px) {
	#category #left-column #search_filters_wrapper { margin-right: -15px; margin-left: -15px; }
}

@media screen and (max-width : 767px) {
	#category #left-column #search_filters_wrapper { margin-right: -15px; margin-left: -15px; }
}

	/* anteprima */
	
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
	border: 1px solid var(--second_color);
}

.btn-primary, .btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover, .btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle {
	background-color: var(--second_color);
	outline: unset;
}

.social-sharing .facebook:after {
	content: none;
}

.facebook.icon-gray:hover, .facebook::before {
	background-image: url(../css/b252849e892c264f4f22.svg);
}

.twitter.icon-gray:hover, .twitter::before {
	background-image: url(../css/740f1557cae714dc4b18.svg);
}

.pinterest.icon-gray:hover, .pinterest::before {
	background-image: url(../css/91fc2885f1aa34fb73f6.svg);
}




/* product */

.has-discount .discount {
	background: var(--light_brown);
}

.product-price {
	color: var(--third_color);
}

@media screen and (min-width : 576px) {
	.modal-dialog { max-width: 1000px; }
}

#product-modal .modal-content .modal-body {
	margin-left: unset;
}

#product-modal .modal-content .modal-body .product-images img:hover {
	border: 1px solid var(--second_color);
}

@media screen and (min-width : 992px) {
	#product-modal .modal-content .modal-body .product-images { display: flex; flex-direction: column; }
}

#blockcart-modal .product-name {
	color: var(--first_text);
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
	color: var(--second_color);
	border-bottom: 3px solid var(--second_color);
}

.btn-comment, .btn-comment:hover {
	background-color: var(--light_brown);
}

.btn-comment-big {
	padding: 8px;
	height: 36px;
}

@media screen and (max-width : 452px) {
	.block-social ul, .product-quantity { flex-wrap: wrap; }
	.qty, .bootstrap-touchspin { width: 100%; }
	.product-quantity #quantity_wanted { width: 90%; }
}

.btn-primary, .btn-secondary {
	padding: 10px;
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
	background-color: var(--second_color);
}

#product-availability {
	display: inline-block;
}

#product .product-flag.out_of_stock {
	display: none;
}

.product-flag.pack {
	display: none;
}

.product-flags li.product-flag {
	background: unset;
}

.product-flag.new {
	position: relative;
}

.product-flag.new i {
	font-size: 50px;
	color: var(--second_color);
}

.product-flag.new .text_new {
	position: absolute;
	top: 34%;
	font-size: 12px;
	left: 14px;
}

.tabs {
	padding: unset;
}



/* recensioni */

.star::after {
	display: none;
}

.btn-comment-inverse:hover {
	background-color: var(--fourth_color);
	color: var(--first_text);
}

.modal-header .material-icons.feedback {
	color: var(--second_color);
}


/* carrello */

.product-line-grid-right .cart-line-product-actions, .product-line-grid-right .product-price, .product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart {
	color: var(--third_color);
}

/* checkout */

body#checkout .container {
	max-width: 1600px;
	margin: auto;
}

@media screen and (max-width : 767px) {
	body#checkout #header .header-nav  { padding: .9375rem 0; }
}

body#checkout section.checkout-step .address-item.selected {
	border: 1px solid var(--first_color);
}

body#checkout .col-md-6.text-xs-right.hidden-sm-down {
	float: right;
}

.text-muted i {
	vertical-align: text-top;
}

.text-muted .fa-pencil {
	margin-right: 2px;
}

body#checkout a:hover {
	color: var(--first_text);
}

body#checkout section.checkout-step.-reachable.-current .step-number {
	background-color: var(--second_color);
}

body#checkout .additional-information {
	margin-bottom: 1.25rem;
}

.done {
	color: var(--second_color);
}

body#checkout #footer {
	text-align: center;
}


/* registrazione */

.form-control:focus {
	outline: .1875rem solid var(--first_color);
}

.form-control:focus {
	border-color: var(--first_color);
}


/* il tuo account */


.page-my-account #content .links {
	justify-content: center;
}

.page-my-account #content .links a i {
	color: var(--second_color);
}

.page-my-account #content .links a {
	color: var(--first_text);
}

.page-my-account #content .links a:hover i {
	color: var(--second_color);
}

.page-my-account #content .links a span.link-item {
	border: 1px solid var(--first_color);
}

#my-account .page-footer {
	text-align: center;
}

#my-account .page-footer .text-sm-center {
	background-color: var(--light_brown);
    width: 150px;
    padding: 10px;
	margin: auto;
}

#my-account .page-footer .text-sm-center a {
	color: var(--fourth_color);
}

.page-footer .account-link:first-child {
	background-color: var(--light_brown);
	padding: 10px;
	display: inline-block;
	text-align: center;
	margin: auto;
}

.page-footer a.account-link:first-child {
	color: var(--fourth_color);
}

.page-footer .account-link:nth-child(2) {
	display: none;
}

.page-footer:has(> a.account-link) {
	text-align: center;
}


.alert.alert-info {
	background-color: var(--first_color);
	border-color: var(--second_color);
	color: var(--first_text);
}


/* cookie */

.cookie-banner {
	background-color: var(--second_color);
	position: fixed;
    bottom: 20px;
    width: 100%;
    max-width: 300px;
    height: auto;
    z-index: 30000;
    right: 20px;
    padding: 20px;
    padding-top: 10px;
	box-shadow: 0 0 5px 0 var(--first_text);
	left: unset;
}
@media screen and (min-width : 481px) {
	.cookie-banner { right: 50px; bottom: 50px; }
}

.cookie-banner a {
	color: var(--third_color);
	font-weight: 600;
}

.cookie-banner p {
	color: var(--fourth_color);
}

.cookie_sett_container {
	text-align: center;
	margin: 30px 0;
}

.active_box {
	display: flex;
	justify-content: space-between;
	width: 250px;
	margin: auto;
	margin-bottom: 10px;
	align-items: center;
}

.neces_box { pointer-events: none; }

.active_label { cursor: pointer; }

.save_cookie_prefs {
	border: none;
	font: inherit;
	outline: inherit;
	background-color: var(--second_color);
	padding: 8px 20px;
	color: white;
	display: inline-block;
	margin-top: 10px;
	cursor: pointer;
}

.cookie-banner button {
	border-radius: unset;
}


/* The switch - the box around the slider */

.switch_box {
	position: relative;
	display: inline-block;
	min-width: 45px;
	height: 25px;
	margin-left: 10px;
	font-size: 13px;
	line-height: 24px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Hide default HTML checkbox */

.switch_box input {
	opacity: 0;
	width: 0;
	height: 0;
}


/* The slider */

.switch_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 25px;
}

.switch_slider:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

.switch_box input:checked + .switch_slider {
	background-color: var(--second_color);
}

.switch_box input:focus + .switch_slider {
	box-shadow: 0 0 1px var(--first_color);
}

.switch_box input:checked + .switch_slider:before {
	-webkit-transform: translateX(19px);
	-ms-transform: translateX(19px);
	transform: translateX(19px);
}