/*
Theme Name:     TwinDigit
Theme URI:      https://www.twindigit.it
Template: 		hello-elementor
Author:         TwinDigit di Cristiano Fino
Author URI:     https://www.twindigit.it
Description:    TwinDigit è un tema custom derivato dal tema Hello Elementor. Sviluppato ad hoc per la mia web agency
Version:        1.0.0
License:        GNU General Public License v3 or later
License URI:    http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:    resgea
Tags: 			flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* ## Set smooth scrolling to entire site
--------------------------------------------- */

html {
	scroll-behavior: smooth;
}

.elementor form a,
.elementor footer span a,
.elementor-widget-container p a { text-decoration: underline; text-underline-offset: 3px;}


/* ## header, sticky header shrink and logo shrink
--------------------------------------------- */

header.sticky-header.e-con.elementor-element {
	--header-height: 90px; 
	--shrink-header-to: 0.6; 
	--transition-timing: .45s cubic-bezier(.4, 0, .2, 1);
	background-color: rgba(255, 255, 255, 1); 
	min-height: var(--header-height);
	transition: background-color var(--transition-timing), backdrop-filter var(--transition-timing), box-shadow var(--transition-timing),
				min-height var(--transition-timing);
}
header.sticky-header.e-con.elementor-element.elementor-sticky--effects {
	background-color: rgba(255, 255, 255, .8);
	box-shadow: 0px 4px 33px 1px rgba(0, 0, 0, .07);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

header.sticky-header.e-con.elementor-element.elementor-sticky--effects .elementor-button {
	padding-top: 10px;
	padding-bottom: 10px;
}

/***
* class: .logo
*/

header.sticky-header .logo img,
header.sticky-header .logo.elementor-widget-theme-site-logo img,
header.sticky-header .logo .elementor-icon svg {
	--logo-width: 180px; 
	--logo-shrink-to: 0.70;
	width: var(--logo-width);
	transition: width var(--transition-timing);
}
header.sticky-header.elementor-sticky--effects .logo img,
header.sticky-header.elementor-sticky--effects .logo.elementor-widget-theme-site-logo img,
header.sticky-header.elementor-sticky--effects .logo .elementor-icon svg {
	width: calc(var(--logo-width) * var(--logo-shrink-to));
}
header.sticky-header .logo .elementor-icon svg {
	width: auto;
}

/***
* Optional: Shorter header on mobile
*/

@media only screen and (max-width: 767px) {
	header.sticky-header.e-con.elementor-element {
	--header-height: 54px; 
	--shrink-header-to: 1.0; 
	}
	
	header.sticky-header .logo img,
	header.sticky-header .logo.elementor-widget-theme-site-logo img,
	header.sticky-header .logo .elementor-icon svg {
		--logo-width: 140px; 
		--logo-shrink-to: 1.0;
	}
}

/***
* Contacts: contacts menu item like a button
*/

.contacts-btn > .elementor-item {
	background-color: #fff;
	border-radius: 30px;
	border-style: solid;
	border-width: 2px;
	border-color: #333;
	color: #000 !important;
	padding: 5px 21px !important;
	text-transform: capitalize !important;
}

.contacts-btn > .elementor-item:hover {
	color: #2B6C96 !important;
	border-color: #2B6C96;
}

/***
* Off-canvas menu properties
*/

@media (min-width:1025px) {
    body:not(.elementor-editor-active) .off-canvas-menu {
        display:none !important;
    }
}

/* ## seacrh form skin minimal
--------------------------------------------- */

.elementor-search-form--skin-minimal:focus-within {
    outline-width: 0 !important;
    outline-style: none !important;
}


/* ## headings & img spacing on post content
--------------------------------------------- */

#twindigit_post h2 { margin-bottom: 40px; margin-top: 50px; } 
#twindigit_post h3 { margin-bottom: 30px; margin-top: 40px; } 
#twindigit_post h4 { margin-bottom: 25px; margin-top: 30px; } 
#twindigit_post h5,
#twindigit_post h6 { margin-bottom: 25px; margin-top: 25px; } 

#twindigit_post img { margin-top: 30px; margin-bottom: 30px; border-radius: 30px; } 


/* Iubenda plugin */


#iubenda_policy h1, 
#iubenda_policy h2, 
#iubenda_policy h3, 
#iubenda_policy h4, 
#iubenda_policy h5, 
#iubenda_policy h6 {
	font-family: "Montserrat", Sans serif !important;
}

#iubenda_policy p, 
#iubenda_policy ul, 
#iubenda_policy ol, 
#iubenda_policy li {
	font-family: "Poppins", Sans serif !important;
}


#iubenda_policy .box_10 {
    padding: 10px !important;
}


/* Google reCaptcha */

.grecaptcha-badge { visibility: hidden; }