/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* FONT MONTSERRAT 
@font-face {
  font-family: 'Didot-Italic';
  src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Italic.eot') format('embedded-opentype'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Italic.ttf') format('ttf'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Italic.woff') format('woff'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Italic.woff2') format('woff2'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Italic.otf') format('oft');	  
}
@font-face {
  font-family: 'Didot-Bold';
  src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Bold.eot') format('embedded-opentype'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Bold.ttf') format('ttf'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Bold.woff') format('woff'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Bold.woff2') format('woff2'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Bold.otf') format('oft');
}
@font-face {
  font-family: 'Didot';
  src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot.eot') format('embedded-opentype'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot.ttf') format('ttf'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot.woff') format('woff'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot.woff2') format('woff2'),
       url('/wp-content/themes/hello-theme-child-master/fonts/Didot.otf') format('oft');
}


@font-face { 
font-family: Didot-Italic; 
src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Italic.ttf') format('truetype'); 
font-weight: normal; 
}
@font-face { 
font-family: Didot-Italic; 
src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Italic.eot') format('embedded-opentype'); 
font-weight: normal; 
}
@font-face { 
font-family: Didot-Italic; 
src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Italic.woff') format('woff'); 
font-weight: normal; 
}
@font-face { 
font-family: Didot-Italic; 
src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot-Italic.woff2') format('woff2'); 
font-weight: normal; 
}

@font-face { 
font-family: Didot; 
src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot.ttf') format('truetype'); 
font-weight: normal; 
}
@font-face { 
font-family: Didot; 
src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot.eot') format('embedded-opentype'); 
font-weight: normal; 
}
@font-face { 
font-family: Didot; 
src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot.woff') format('woff'); 
font-weight: normal; 
}
@font-face { 
font-family: Didot; 
src: url('/wp-content/themes/hello-theme-child-master/fonts/Didot.woff2') format('woff2'); 
font-weight: normal; 
} */





/* TUTTO IL SITO */
.testo-strong {
	font-weight:800;
}
.testo-azzurro {
	color:#01ACE5;
	text-transform:uppercase;
}

/* LINK TESTO */
p a,
#cookie-policy ul li a {
	color:#01ACE5!important;	
}

/* HEADER DOPPIO MENU */
.menu-icona a {
	background-image: url('https://www.lucagiavara.it/wp-content/uploads/icona-freccia-puslante-bianco-outline.svg');
	background-repeat: no-repeat;
	background-position: 95%;
	background-size: 70px;
}

/* MENU HEADER STICKY */

/* MENU OFF-CANVAS 
.colonna-sx-menu.slide-out {
    animation: slideOutLeft 0.4s forwards ease;
}
@keyframes colonna-sx-menu {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-100%);
        opacity: 0;
    }
} */


/* HIDES THE DARK LOGO */
.logo-lg {
 display: none;
}
/* SWITCHES LOGO ON SCROLL */
.elementor-sticky--effects .logo-lg {
 display: inline-block;
}
.elementor-sticky--effects .logo-lg-scritta {
 display: none;
}
/* CHANGES THE BACKGROUND MENU ON SCROLL */
.elementor-sticky--effects {
 background: transparent!important; /* edit here to change the background color for your sticky header*/
}
/* CONTROLS THE TRANSITION SPEED - KEEP ALL SAME SPEED TO HAVE A CLEAN EFFECT */
.elementor-sticky--effects .sticky-menu-items ul li a {
 transition: .5s all ease-in-out;
}
.elementor-sticky--effects {
 transition: .5s all ease-in-out;
}

/* SEZIONE ABOVE THE FOLD HP */
div#sezione-titolo-hero-hp {
    min-height: calc(100vh + 140px);
}
.descrizione-titolo-hp {
	font-size:95px;
}
span.titolo-hp {
    line-height: 2.5em;
}

/* CHI SONO */
.testo-bio p {
	padding-bottom:0px!important;
	margin-bottom:0px!important;
}
.title-biografia,
.title-vantaggi {
    position: sticky!important;
    top: 200px;
    z-index: 10;
    width: 100%;
}

/* PRENOTA UNA CONSULENZA */
.bookly-form .bookly-form-group > label, .bookly-form .bookly-label-error, .bookly-form .bookly-progress-tracker > .active, .bookly-form .bookly-columnizer .bookly-hour span.bookly-waiting-list, .bookly-form .hover\:text-bookly:hover, .bookly-form .text-bookly:not(:hover), .bookly-form .hover\:text-bookly:hover {
    color: #074B89!important;
}
.bookly-form .bookly-progress-tracker > .active .step, .bookly-form .bookly-columnizer .bookly-hour:active .bookly-hour-icon span, .bookly-form .bookly-btn, .bookly-form .bookly-btn:active, .bookly-form .bookly-btn:focus, .bookly-form .bookly-btn:hover, .bookly-form .bookly-btn-submit, .bookly-form .bookly-round, .bookly-form .bookly-pagination > li.active, .bookly-form .bg-bookly, .bookly-form .hover\:bg-bookly:hover, .bookly-form .bg-bookly-not-hover:not(:hover) {
    background-color: #01ACE5!important;
}
.bookly-form .bookly-service-step .bookly-week-days input[type='checkbox'], .bookly-form .bookly-repeat-step .bookly-week-days input[type='checkbox'] {
    background-color: #01ACE5!important;
}

/* SINGOLI SERVIZI */
.faq-servizi-singoli span.e-opened,
.faq-servizi-singoli span.e-closed {
    width: 30px!important;
}
.titolo-pagine-servizi h1 {
	font-size: 6.2vw!important;
}

/* FAQ */
	#block1 .elementor-shape svg,
	#block3 .elementor-shape svg {
		left: 75%;
	}
	#block2 .elementor-shape svg,
	#block4 .elementor-shape svg {
		left: 25%;
	}

/* RISORSE GRATUITE */
.pulsante-grid-blog a.elementor-button.elementor-button-link.elementor-size-sm {
    text-align: left!important;
}
.pulsante-grid-blog span.elementor-button-icon {
    font-size: 40px!important;
}
.testo-articolo .elementor-widget-container h2.wp-block-heading {
    font-size: 32px!important;
	font-weight: 700!important;
	color: #074B89!important;
	margin-top:50px!important;
}
.testo-articolo .elementor-widget-container h3.wp-block-heading {
    font-size: 26px!important;
	font-weight: 700!important;
	margin-top:20px!important;
	margin-bottom:0px!important;
}



@media screen and (max-width:1440px) {
	
	.descrizione-titolo-hp {
	font-size:70px;
	}
	
	.website-scroll {
    --spacer-size: 350px;
    max-width: 466px!important;
	}
	
	.box-lavoro-tre {
    margin-left: -20%!important;
    min-width: 750px;
	}
	
	.intro-pagina-servizi:not(.elementor-motion-effects-element-type-background), 
	.intro-pagina-servizi > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(90deg, var( --e-global-color-secondary ) 22%, var( --e-global-color-479c8a7 ) 22%)!important;
	}
	
}



@media screen and (max-width:1280px) {
	
	.blocco-testo,
	.elenco-puntato-testo .elementor-icon-list-text {
    font-size:16px!important;
	}
	
	.menu-icona a {
	background-size: 55px;
	}
	
	.intro-pagina-servizi:not(.elementor-motion-effects-element-type-background), 
	.intro-pagina-servizi > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(90deg, var( --e-global-color-secondary ) 25%, var( --e-global-color-479c8a7 ) 25%)!important;
	}
	
	#intro-contatti:not(.elementor-motion-effects-element-type-background), #intro-contatti > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(90deg, var( --e-global-color-secondary ) 30%, var( --e-global-color-479c8a7 ) 30%)!important;
	}
	
	.box-lavoro-tre {
    margin-left: -20%!important;
    min-width: 650px;
	}
	
}



@media screen and (max-width:1024px) {
	
	.marquee__group span,
	.marquee__group.destra span {
  font-size: 25vw!important;
	}
	
	.box-faq .e-n-accordion-item-title-icon {
		--n-accordion-icon-size: 30px!important;
	}
	
	#intro-contatti:not(.elementor-motion-effects-element-type-background), #intro-contatti > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(90deg, var( --e-global-color-secondary ) 38%, var( --e-global-color-479c8a7 ) 38%)!important;
	}
	
	.box-lavoro-tre {
    margin-left: 15%!important;
    min-width: 50px;
	}
	
	.intro-pagina-servizi:not(.elementor-motion-effects-element-type-background), 
	.intro-pagina-servizi > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(180deg, var( --e-global-color-secondary ) 24%, var( --e-global-color-479c8a7 ) 24%)!important;
	}
	
	.sezione-libri-consulenza {
    --min-height: 50vh!important;
	}
	
	.testo-articolo .elementor-widget-container h2.wp-block-heading {
    font-size: 28px!important;
	margin-top:50px!important;
	}
	.testo-articolo .elementor-widget-container h3.wp-block-heading {
    font-size: 22px!important;
	margin-top:20px!important;
	margin-bottom:0px!important;
	}
	
}





@media screen and (max-width:820px) { 
	
	.titolo-grande-servizi h2 {
		font-size: 3.9em!important;
	}
	.box-istruzioni-form-servizi {
    width: 90%!important;
	}
	.box-istruzioni-form-servizi .elementor-widget-container {
    padding: 15px 15px 15px 15px!important;
	}
	.accordion-faq span.e-opened,
	.accordion-faq span.e-closed {
		width: 30px!important;
		height: 30px!important;
	}
	.accordion-faq .e-con {
    --padding-left: 60px!important;
	}
	
	#intro-contatti:not(.elementor-motion-effects-element-type-background), #intro-contatti > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(90deg, var( --e-global-color-secondary ) 40%, var( --e-global-color-479c8a7 ) 40%)!important;
	}
	
}


@media screen and (max-height:1024px) and (min-height:980px) { 

	.contenitore-servizi-hp-mobile,
	.box-consulenza-mobile {
		min-height:100vh!important;
	}
	.box-web-hp-mobile {
		--justify-content: center!important;
	}
	
}


@media screen and (max-width:768px) { 
	
	.marquee__group span,
	.marquee__group.destra span {
  font-size: 20vw!important;
	}
	
		#intro-contatti:not(.elementor-motion-effects-element-type-background), #intro-contatti > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(90deg, var( --e-global-color-secondary ) 18%, var( --e-global-color-479c8a7 ) 18%)!important;
	}
	#intro-foto-contatti {
    --width: 35%!important;
	}
	#intro-testi-contatti {
    --width: 65%!important;
	}
	.sezione-libri-consulenza {
    --min-height: 45vh!important;
	}
	#analisi-brand > .elementor-widget-container {
    margin: 0% 0% 0% -22%!important;
	}
	
}



@media screen and (max-width:767px) { 
	
	.marquee__group span,
	.marquee__group.destra span {
  font-size: 30vw!important;
	}
	
	#titolo-web-mobile-hp h2,
	.sotto-titolo-hp h2 {
		text-align:left!important;
	}
	
	.descrizione-titolo-hp {
	font-size:45px!important;
	}
	
	.titolo-grande-servizi h2 {
		font-size: 2.3em!important;
	}
	.titoletti-pagine-servizi h3 {
    font-size: 1.5rem!important;
	}
	.box-istruzioni-form-servizi {
    width: 100%!important;
	}
	.box-istruzioni-form-servizi .elementor-widget-container {
    padding: 10px 10px 10px 10px!important;
	}
	.menu-icona a {
	background-size: 40px;
	}
	
		#intro-foto-contatti {
    --width: 100%!important;
	}
	#intro-testi-contatti {
    --width: 100%!important;
	}
	#intro-contatti:not(.elementor-motion-effects-element-type-background), #intro-contatti > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: transparent;
    background-image: linear-gradient(90deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-479c8a7 ) 0%)!important;
	}
	.box-lavoro-tre {
    margin-left: 5%!important;
    min-width: 50px;
	}
	
	#analisi-brand > .elementor-widget-container {
    margin: 0% 0% 0% 0%!important;
	}
	
.testo-articolo .elementor-widget-container h2.wp-block-heading {
    font-size: 26px!important;
	margin-top:30px!important;
	}
	.testo-articolo .elementor-widget-container h3.wp-block-heading {
    font-size: 22px!important;
	margin-top:10px!important;
	margin-bottom:0px!important;
	}
}




@media screen and (max-width:400px) { 
	
	.box-lavoro-tre {
    margin-left: 0%!important;
    min-width: 95%!important;
	}

	.pulsante-cta .elementor-button-text {
    font-size: 18px!important;
	}
	.pulsante-cta .elementor-widget-icon > .elementor-widget-container {
    margin: 0px 0px 0px -60px!important;
	}
	
	.titolo-elenco-servizi h2 {
    font-size: 2.5em!important;
	}
	.titolo-elenco-servizi.destra h2 {
    padding-right:1%!important;
	}
	
}


@media screen and (max-width:375px) { 
	
	#titolo-menu .elementor-heading-title {
    font-size: 60px;
	}
	.cta-hp .elementor-button-text {
    font-size: 18px!important;
	}
	.icona-cta-hp .elementor-icon {
    font-size: 50px!important;
	}
	.descrizione-titolo-hp {
	font-size:35px!important;
	}
	.elementor-12 .elementor-element.elementor-element-d686599 {
    --padding-bottom: 10%;
	}
	#box-formazione-hp-mobile {
		min-height:100vh!important;
	}
	#menu-sito .elementor-nav-menu .elementor-item {
    font-size: 20px;
	padding: 8px 13px;
	}
	.colonna-dx-menu {
    --min-height: 45vh!important;
	}
	.box-menu-sito {
    --min-height: 33vh!important;
	}
	
	.hero-servizio-singolo {
    --min-height: 100vh!important;
	}
	.titolo-grande-servizi h2 {
		font-size: 2.1em!important;
	}
	.titoletti-pagine-servizi h3 {
    font-size: 1.3rem!important;
	}
	.box-istruzioni-form-servizi {
    width: 100%!important;
	}
	.box-istruzioni-form-servizi .elementor-widget-container {
    padding: 10px 10px 10px 10px!important;
	}
	.box-istruzioni-form-contatti .elementor-widget-container {
    padding: 10px 0px 0px 5px!important;
	}
	
	.menu-icona a {
	background-size: 30px;
	font-size:27px!important;
	}
	
	.elementor-30 .elementor-element.elementor-element-0e5312f {
    align-items: center!important;
	}
	div#intro-box {
    margin-top: 30%!important;
	}
	div#intro-formazione {
    margin-bottom: 10%!important;
	}
	div#intro-landing,
	div#intro-sito {
	margin-bottom:20%!important;
	}
	
}