/*
 * TEMA DEAFORM
 * Realizzato da dal team di Arkys - Digital Marketing (2023)
 * 
 * Il seguente file contiene proprietà css di base del layout de sito di Deaform.
 * Dipendenze:
 * - deaform-theme-variables ( /assets/css/variables.css )
 * - hello-elemntor ( parent -> /style.css | /styles.min.css )
 */


 /* ---------------------------------------------------- *
	GLOBAL
  * ---------------------------------------------------- */

* {
	transition: all var(--df-transition_duration-std);
}


/* ---------------------------------------------------- *
	TYPOGRAPHY
 * ---------------------------------------------------- */

body {
	font-family: var(--df-font_family-body);
	font-size: var(--df-font_size-body);
	font-weight: var(--df-font_weight-body);
	text-transform: var(--df-text_transform-body);
	font-style: var(--df-font_style-body);
	text-decoration: var(--df-text_decoration-body);
	line-height: var(--df-line_height-body);
	letter-spacing: var(--df-letter_spacing-body);
	word-spacing: var(--df-word_spacing-body);
	color: var(--df-color-body);
}

h1, .h1 {
	font-family: var(--df-font_family-h1);
	font-size: var(--df-font_size-h1);
	font-weight: var(--df-font_weight-h1);
	text-transform: var(--df-text_transform-h1);
	font-style: var(--df-font_style-h1);
	text-decoration: var(--df-text_decoration-h1);
	line-height: var(--df-line_height-h1);
	letter-spacing: var(--df-letter_spacing-h1);
	word-spacing: var(--df-word_spacing-h1);
	color: var(--df-color-h1);
}

h2, .h2 {
	font-family: var(--df-font_family-h2);
	font-size: var(--df-font_size-h2);
	font-weight: var(--df-font_weight-h2);
	text-transform: var(--df-text_transform-h2);
	font-style: var(--df-font_style-h2);
	text-decoration: var(--df-text_decoration-h2);
	line-height: var(--df-line_height-h2);
	letter-spacing: var(--df-letter_spacing-h2);
	word-spacing: var(--df-word_spacing-h2);
	color: var(--df-color-h2);
}

h3, .h3 {
	font-family: var(--df-font_family-h3);
	font-size: var(--df-font_size-h3);
	font-weight: var(--df-font_weight-h3);
	text-transform: var(--df-text_transform-h3);
	font-style: var(--df-font_style-h3);
	text-decoration: var(--df-text_decoration-h3);
	line-height: var(--df-line_height-h3);
	letter-spacing: var(--df-letter_spacing-h3);
	word-spacing: var(--df-word_spacing-h3);
	color: var(--df-color-h3);
}

h4, .h4 {
	font-family: var(--df-font_family-h4);
	font-size: var(--df-font_size-h4);
	font-weight: var(--df-font_weight-h4);
	text-transform: var(--df-text_transform-h4);
	font-style: var(--df-font_style-h4);
	text-decoration: var(--df-text_decoration-h4);
	line-height: var(--df-line_height-h4);
	letter-spacing: var(--df-letter_spacing-h4);
	word-spacing: var(--df-word_spacing-h4);
	color: var(--df-color-h4);
}

h5, .h5 {
	font-family: var(--df-font_family-h5);
	font-size: var(--df-font_size-h5);
	font-weight: var(--df-font_weight-h5);
	text-transform: var(--df-text_transform-h5);
	font-style: var(--df-font_style-h5);
	text-decoration: var(--df-text_decoration-h5);
	line-height: var(--df-line_height-h5);
	letter-spacing: var(--df-letter_spacing-h5);
	word-spacing: var(--df-word_spacing-h5);
	color: var(--df-color-h5);
}

h6, .h6 {
	font-family: var(--df-font_family-h6);
	font-size: var(--df-font_size-h6);
	font-weight: var(--df-font_weight-h6);
	text-transform: var(--df-text_transform-h6);
	font-style: var(--df-font_style-h6);
	text-decoration: var(--df-text_decoration-h6);
	line-height: var(--df-line_height-h6);
	letter-spacing: var(--df-letter_spacing-h6);
	word-spacing: var(--df-word_spacing-h6);
	color: var(--df-color-h6);
}

label {
	font-family: var(--df-font_family-label);
	font-size: var(--df-font_size-label);
	font-weight: var(--df-font_weight-label);
	text-transform: var(--df-text_transform-label);
	font-style: var(--df-font_style-label);
	text-decoration: var(--df-text_decoration-label);
	line-height: var(--df-line_height-label);
	letter-spacing: var(--df-letter_spacing-label);
	word-spacing: var(--df-word_spacing-label);
	color: var(--df-color-label);
}

input {
	font-family: var(--df-font_family-input_field_label);
	font-size: var(--df-font_size-input_field_label);
	font-weight: var(--df-font_weight-input_field_label);
	text-transform: var(--df-text_transform-input_field_label);
	font-style: var(--df-font_style-input_field_label);
	text-decoration: var(--df-text_decoration-input_field_label);
	line-height: var(--df-line_height-input_field_label);
	letter-spacing: var(--df-letter_spacing-input_field_label);
	word-spacing: var(--df-word_spacing-input_field_label);
	color: var(--df-color-input_field_label);
}

a {
	color: var(--df-e-color-Secondary-60);
}
a:active, a:hover {
	color: var(--df-e-color-Secondary-50);
	text-decoration: underline;
	text-decoration-thickness: 2px;//0.5px;
}
.elementor-nav-menu .elementor-item  {
	text-decoration-thickness: 2px;
}
.elementor-nav-menu .elementor-item>is(:hover,:focus)  {
	text-decoration: underline;
}

/* ---- Elementor form typo ---- */
.elementor-search-form button, .elementor-search-form input[type="search"] {
	font-size: var(--df-font_size-input_field_label) !important;
}

		
/* ---------------------------------------------------- *
	LAYOUT
 * ---------------------------------------------------- */

	body {
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch;
	}

	ul, ol {
		margin-block-end: .9rem;
		margin-block-start: -.4rem;
	}
	ul ul, ol ol {
		margin-block-start: 0;
	}
	
	/*li {
		list-style-type: disclosure-closed;
	}*/
	li:not(:last-child) {
		margin-block-end: .2rem;
	}

	/* ----- ELEMENTOR WIDGETS ----- */

		/* ---- Elementor heading  ---- */
		.elementor-heading-title {
			padding: 0;
			margin: 0;
			line-height: var(--df-line_height-h);
		}

		/* ---- Elementor Immagine in evidenza  ---- */
		.elementor-widget-image a {
			width: 100%;
		}
		.elementor-widget-theme-post-featured-image {
			overflow: hidden;
		}

	/* ----- p ----- */
	p:last-child {
		margin-block-end: 0;
	}

	/* ----- del tag accessibility ----- 
	del::before, del::after {
		clip-path: inset(100%);
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}
	del::before {
		content: " [Inizio testo barrato] ";
	}

	del::after {
		content: " [Fine testo barrato] ";
	}*/



/* ---------------------------------------------------- *
	BUTTONS
 * ---------------------------------------------------- */

	/* ----- Elementor buttons  ----- */
	.elementor-button.elementor-size-xs {
		font-size: 70% !important;
		padding: 8px 12px;
	}
	.elementor-button.elementor-size-sm {
		font-size: 80% !important;
		padding: 10px 14px;
	}

/* ---------------------------------------------------- *
	BREADCRUMB (Yoast)
 * ---------------------------------------------------- */

#breadcrumbs > span {
	visibility: hidden;
	padding-left: 12px;
}
#breadcrumbs > span > * {
	visibility: visible;
	padding: 8px 6px;
}
#breadcrumbs > span > span:first-child {
	font-size: 0;
}
#breadcrumbs > span > span:first-child i {
	font-size: 12px;
}
#breadcrumbs > span > span:nth-child(2) {
	display: none;
}
#breadcrumbs i {
	margin-left: -14px;
	font-size: 10px;
}
#breadcrumbs a, #breadcrumbs span, #breadcrumbs strong, #breadcrumbs i {
	color: var(--df-e-color-Primary-80);
}
.breadcrumbs-light #breadcrumbs a, .breadcrumbs-light  #breadcrumbs span, .breadcrumbs-light  #breadcrumbs strong, .breadcrumbs-light  #breadcrumbs i {
	color: var(--df-e-color-Neutral-20);
	text-shadow: 0 0 4px rgba(0 0 0 / 44%);
}

/* ---------------------------------------------------- *
	FORMS
 * ---------------------------------------------------- */

.elementor-search-form__container:not(.elementor-search-form--full-screen) {
	background: transparent !important;
}
.elementor-message {
	margin-top: 44px;
	margin-bottom: 0;
}


/* ---------------------------------------------------- *
	HEADER
 * ---------------------------------------------------- */





/* ---------------------------------------------------- *
	MENÙ
 * ---------------------------------------------------- */
.elementor-nav-menu--dropdown .elementor-item:focus {
    background-color: var(--df-e-color-Secondary-50);
}
.elementor-nav-menu .sub-arrow {
    font-size: 12px;
}
.elementor-nav-menu ul.sub-menu  > li > a {
    padding-left: 28px;
}
@media screen and (max-width: 768px) {
    .elementor-nav-menu__align-right .elementor-nav-menu--layout-vertical > ul > li > a {
        justify-content: flex-start;
    }
}



/* ---------------------------------------------------- *
	MODULO DI RICERCA
 * ---------------------------------------------------- */

/* ----- Ivory Search customizzations ----- */


/* ---------------------------------------------------- *
	WOOCOMMERCE
 * ---------------------------------------------------- */

	/* ----- Widget ----- */

		/* ----- Immagine prodotto ----- */
		.woocommerce div.product div.images {
			margin-bottom: 0;
		}
		.woocommerce-product-gallery__image {
		  pointer-events: none;
		}
			/* --- cover --- */
			.woocommerce-product-gallery, .wp-post-image, .elementor-widget-image a {
				height: 100% !important;
			}
			.woocommerce-product-gallery__wrapper, .woocommerce-product-gallery__image {
				height: inherit;
			}
			.wp-post-image {
				object-fit: cover;
				object-position: center;
			}

		/* ----- Prezzo prodotto ---- */
		.woocommerce div.product p.price del, .woocommerce div.product span.price del {
			margin-bottom: 0px;
		}
		.elementor-widget-woocommerce-product-price del {
			text-decoration: none;
			position: relative;
			margin-bottom: 2px;
		}
		.elementor-widget-woocommerce-product-price del:after {
			content: "";
			position: absolute;
			width: 82%;
			height: 4px;
			background-color: var(--df-e-color-Accent-50);
			transform: rotate(-12deg);
			left: 0;
			top: 18px;
			transform-origin: center;
			box-shadow: 1px 1px 4px -1px rgba(0 0 0 / 40%);
		}
		.swiper-slide .elementor-widget-woocommerce-product-price del:after {
			top: 14px;
		}