@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lilita+One&family=Permanent+Marker&family=Special+Elite&family=Poppins&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

html {scroll-behavior: smooth;}

.ubuntu-light {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.ubuntu-regular {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.ubuntu-medium {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.ubuntu-bold {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.ubuntu-light-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 300;
  font-style: italic;
}
.ubuntu-regular-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.ubuntu-medium-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-style: italic;
}
.ubuntu-bold-italic {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
  font-style: italic;
}
/* COLORI */
.bianco {color:#fff;}
.blu {color:#4b73a4;}
.blumao {color: #2f527d;}
.sfondoblu {background-color:#4b73a4;}
.grigioscuro {color:#555;}
.grigiochiaro {color:#aaa;}
.centro {margin:0 auto; text-align:center;}
.arancione {color:#00ff00 ;} /* ARANCIO ff8c00 */ /* VERDE LIME e8ff12*/
.maiuscolo {text-transform:uppercase;}
.nascondi {display:none !important;}

/* LOGO */
.et_b_header-logo.et_element-top-level {width:350px;}

/* STICKY MENU COLOR */
.et-wrap-columns flex align-items-center {background-color: #fff !important;}
/* .header-main {background-color: #2f527d !important;} */
/* TEST TRASPARENZA .header-main {background-color:rgba(47, 82, 125,0.5) !important;} */
/* PORTO BARRETTINA SU HOVER SOTTO LE SCRITTE */
.header-main-menu.et_element-top-level .menu > li > a {padding-bottom:0px; margin-bottom:45px;}
/* CAMBIO DIMENSIONE FONT HEADER */
.site-header {font-size:18px;}
.bottoneiniziapercorso a {background-color: #00ff00 !important; color: #000 !important;
  margin-top: 0px !important;  margin-right: 0px !important; margin-bottom: 0px !important;margin-left: 0px !important;
  padding-top: 0.9em !important; padding-right: 1.7em !important; padding-bottom: 0.9em !important; padding-left: 1.7em !important;
  border-style: none !important; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important;}
.bottoneiniziapercorso a:hover {background-color: #fff !important; color: #1254a0 !important;}

.menu-item-5493 a:hover:before {width:0px !important;}
li.current-menu-item > a::before {width:0px !important;}
/* .menu-item-4827 a:hover:before {width:0px !important;} */
/* .menu-items-underline .menu > li.current-menu-item > a::before, .menu-items-underline .menu > li.opened > a::before, .menu-items-underline .menu > li > a:hover::before */

/* riduco spazio prima riga da header */
.first-section {padding-top:100px !important;}

/* VIDEO VIDEO VIDEO */
.row-introvideo {}
.VideoHomePage {margin-top: -40px; width: 100%;}

.riga-overlayvideo {margin-top:-35%; padding-bottom: 40px;}
/* .titolo-overlayvideo {margin-top:-45%; background: rgba(50, 50, 50, 0.3); width: 100%; font-style: italic;} */
.titolo-overlayvideo {color:#fff; font-family:Poppins; font-size:60px; line-height:90px; padding-left:20px; padding-right:20px;}
.titolodifferente {color: #00ff00; font-family:Ubuntu; font-size: 80px; font-style: italic;}

.testi-overlay-video {background: rgba(50, 50, 50, 0.3); width: 100%;}
.bottoneinizia-videooverlay {margin-top:20px; font-size:18px !important; font-weight:500; padding-bottom: 4px;}

.titolihomemetodo {color:#444554; font-family:Roboto; font-size:20px; letter-spacing:-1;}
.hometestometodo {font-size:16px;}
.numeriMetodo2 {font-size:70px; font-family:'Special Elite'; color:#1254a0;margin-bottom:5px;}
.titoliMetodo {text-align:left; padding-right:20px; color:#383838; font-family:Poppins; font-size:26px; font-weight:800;line-height:36px; padding-bottom:30px;}
.paragrafoMetodo {text-align:left; padding-right:20px; color:#545454; font-family:Poppins; padding-bottom:30px;}

/* DA CANC - TROPPO SPAZIO IN HOMEPAGE .boxmetodo {padding-bottom:100px;} */
.metodo {margin-top:80px; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; width: 100%; text-align:center;}
.metodoSX {width:33.3%;text-align:left;}
.metodoCENTRO {width:33.3%;text-align:left;}
.metodoDX {width:33.3%;text-align:left;}
.metodo img {border-radius:25px;margin:0 auto; width:300px; margin-bottom:30px;}


/***** CITAZIONI VARIE **********/
.rigacitazione1 {margin-top:30px; margin-bottom:30px;}
.rigacitazione2 {margin-top:30px; margin-bottom:30px;}
.boxcitazione {padding-top:200px;}
.citazione {font-family:"Ubuntu Light"; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex; display: flex; width: 100%;}
.citazione {max-width: 1000px;margin: 0 auto;text-align: center; text-transform:unset !important; line-height:32px !important; font-size:24px; font-style:italic !important;}
.citazione div {}
.citazioneVirgoletteAperte {float:left;width:50%;margin-top:-32px;}
.citazioneSX {font-size:120px;z-index:0;}
.citazioneCENTRO {z-index:1; font-size:20px; line-height:28px;text-align:center;}
.citazioneDX {font-size:120px;z-index:0;}
.citazioneAUTORE {margin:0 auto; max-width:1000px; padding-top:15px; font-size:16px; text-align:right; width: 100%;}
.citazioneVirgoletteChiuse {float:right;width:50%;}

.titolosezioneLeggi {padding-top:60px;}
.LeggiDenaroBox {height:250px; background-color:#fff; border-radius:25px; margin-left: 20px; margin-right: 20px;
		margin-top:40px; background-position-x: center; background-position-y:top;
		box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;}
.LeggiDenaroIcon {margin:0 auto; text-align:center;padding-top:50px;}
.titoliLeggi {color:#383838; font-family:Ubuntu; font-size:26px; font-weight:400;line-height:32px; padding-top: 50px; padding-bottom: 20px;}
.titoliLeggiBianco {color:#fff; font-family:Ubuntu; font-size:26px; font-weight:400;line-height:32px; padding-top: 50px; padding-bottom: 20px;}
.paragrafoLeggi {padding-left:20px; padding-right:20px; color:#545454; font-family:Ubuntu; height:150px;}
.paragrafoLeggiBianco {padding-left:20px; padding-right:20px; color:#fff; font-family:Ubuntu; height:150px;}


.sottolineaConGrafica {background-position:center; background-repeat: no-repeat; background-position-y: 50px !important; background-image: url(https://investdifferent.it/it/wp-content/uploads/2024/06/sfondo_sottolineatoverdeORIZZV9.png);}


/***** RIGA PERCHE DIFFERENT *****/
.riga_perchedifferent {margin-bottom:-80px;}

/****** INIZIA IL PERCORSO ********/
.riga_inizia_percorso {background-position: left center !important; background-repeat: no-repeat;
    background-position-x: 50px !important; background-image: url(https://investdifferent.it/it/wp-content/uploads/2024/05/sfondo_sottolineatoverde.png);}

.iconainiziapercorso {width:300px;}

.titolosezioneInizia {padding-top:20px;padding-bottom:20px;}
.boxiniziapercorso {margin:0 auto; max-width:800px;}

div.wpforms-container-full .wpforms-field-label {text-align:left;}
div.wpforms-container-full .wpforms-captcha-question {text-align:left;}
/* div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full textarea {max-width: 540px;} */
.wpforms-submit-container {text-align:left;}
.bottoneinvia {border-radius:25px !important; padding-left: 30px !important; padding-right: 30px !important;
    padding-top: 15px !important; padding-bottom: 30px !important;}


.vc_progress_bar .vc_single_bar .vc_label {padding: 0.5em 1em; font-size: 20px;line-height: 36px;}

/******BLOG TITOLI MINUSCOLI E VARIE *******/
.read-more {text-transform:none;}
.post-heading h2 a {text-transform:none;}
.widget-title {text-transform:none;font-size:18px;font-weight:400;}
.sidebar .recent-posts-widget .post-widget-item h4 a {text-transform:none;}

/********* INVESTI IN ***********/
.riga_investiin {padding-top:100px;padding-bottom:80px; background: url('https://investdifferent.it/it/wp-content/uploads/2024/05/investiin_background1280.jpg');background-repeat:no-repeat;background-size:cover;  background-attachment: fixed;}
.investiincolonna {padding-left:90px; padding-right:90px;}

/******* ICONA ASSISTENZA *******/
.helpIcon {position: fixed; right: 13px; bottom: 15px; height: 48px; width: 48px; border-radius: 50px; z-index: 999;}


/* FOOTER */
.footer .menu-element.horizontal li a {font-family:Poppins, sans-serif; font-weight:200; font-size:14px;}
.footer-menu-text {color:#fff; font-size:18px;}
.footer-bottombar-text {color:#fff; font-size:13px;}
.footer-link-text {color:#fff;}
.footer-bottone-inizia {margin-left:10px; font-size:18px;}
.logofooter {width:300px; margin-top:30px; margin-bottom:30px;}
.footer_bottomrow {margin-bottom:-20px;}

/************************/
/***** RESPONSIVE ******/
/************************/

@media all and (max-width:1200px) {
		.metodo img {border-radius:15px; width:80%;}
		.riga_inizia_percorso {background-position-x: -150px !important;}		
}
@media all and (max-width:992px) {
		/* LARGHEZZA E POSIZIONE LOGO MOBILE */
		.mobile-header-wrapper .et_b_header-logo.et_element-top-level img {width: 250px; margin-top: 3px;}
		/* span.fixed > img.et_b_header-logo-img {display:none !important;} */
		/* LARGHEZZA LOGO MOBILE E COLORE HAMBURGER MENU */		
		.mobile-menu-content .et_b_header-logo img {width: 100%;}
		.mobile-header-wrapper .et_b_header-mobile-menu > span svg {color:#efefef;}
		/* riduco spazio prima riga da header */
		.first-section {padding-top:20px !important; padding-bottom:150px !important;}
		/* CAMBIO dimensione e peso del FONT NEL MENU MOBILE e spazio bottone inizia percorso */
		div.mobile-menu-content .et_b_header-menu .menu li a {font-size:18px;font-weight: 400;}
		.bottoneiniziapercorso {margin-top: 10px !important;}
		/******* VIDEO MOBILE ***********/
		.VideoHomePage {position: inherit; margin-top: -5px;}
		.riga-overlayvideo {margin-top:-45%;}
		
		.investiincolonna {padding-left:30px; padding-right:30px;}		

		.titoliMetodo {font-size:20px; font-weight:800;line-height:30px; padding-bottom:30px;}
		
		.citazioneVirgoletteAperte {margin-top:-20px;}
		


		/* FOOTER VARIE */
		.logofooter {text-align: center !important;}
		.footer_bottomrow {padding-top:20px; padding-bottom:20px;}
		.footermenu {margin-bottom:30px;}
		.colonnabottonefooter {margin-left:-20px;}
		.header-main-menu.et_element-top-level {margin:-20px auto !important;}
}

/* FIX PER TEMA E SPAZIO PRIMA SEZIONE CON BG */
@media screen and (max-width: 980px) {
    body .section-bg-repeat {
        background-size: cover !important;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
}

@media all and (max-width:767px) {

		.titoliMetodo {font-size:18px; line-height:24px;}		

		.VideoHomePage {width: 1200px;margin-left: -300px; height:667px;}
		.riga-overlayvideo {margin-top:-667px; height:635px; padding-top: 180px;padding-left: 30px;padding-right: 30px;}
		.titolo-overlayvideo {font-size:50px !important; line-height:70px; padding-left:10px; padding-right:10px;}

		
		.rigacitazione1 {margin-bottom:80px;}
		.rigacitazione2 {margin-top:-10px;}
		
		
		/* .boxforminizia {max-width:100%;} */
		.boxiniziapercorso {padding-left:10px; padding-right:10px;}
		
		
		.footer_bottom_column1 .footer_bottom_column2 .footer_bottom_column3 {text-align:center; margin:0 auto;}
		.logofooter {margin-bottom: -20px;margin-top: 10px;}
		.footer-social-text-container .footer-bottombar-text-container .footer-link-text-container {margin-bottom:-20px !important;}
		footer.footer * {text-align: center !important;}
		.footer_bottom_column1 .footer_bottom_column2 .footer_bottom_column3 {margin-bottom:-30px !important}
		.margineinferiorecolonnefooter {margin-bottom:-60px !important}
}
		
@media all and (max-width:640px) {

		.titoliMetodo {padding-right:10px;}
		.paragrafoMetodo {padding-right:10px;}
		
		.metodo {display: block;}
		.metodoSX {width:100%;}
		.metodoCENTRO {width:100%;}
		.metodoDX {width:100%;}
		.metodo img {width:50%;}		
		/* SOLO SE CON IMMAGINI - DA CANCELLARE SE APPROVATA
		 * VERSIONE A GRADIENTI 
		 * .LeggiDenaroBox {background-position-y: bottom;} */

}		
		
@media all and (max-width:550px) {
		.logofooter {margin-top: 30px;}
		.header-main-menu.et_element-top-level {margin-bottom:20px !important;}
		.citazioneVirgoletteAperte {margin-top:-10px;}
}


@media all and (max-width:480px) {
		/* riduco ancora di più lo spazio da prima riga a header */
		.first-section {padding-top:0px !important;  margin-top:-30px !important; margin-bottom:-100px !important;}
		.prima-sezione {padding-top:0px !important;  margin-top:-110px !important;}
		/*.citazione {margin-top:-110px !important; margin-bottom:50px;}		 */
		.primaimmagine {margin-left:-7px;}

		.titolo-overlayvideo {font-size:40px !important; line-height:70px;}
		.titolodifferente {font-size: 60px;}		
		/*.riga-overlayvideo {margin-top:-120%; padding-bottom:100px;}			 */
		
		.metodo {display:block;}
		.metodoSX {width:100%;}
		.metodoCENTRO {width:100%;}
		.metodoDX {width:100%;}
		.metodo img {width:80%;}	
		.titoliMetodo {padding-bottom:30px;}
		.paragrafoMetodo {padding-bottom:60px;}
	
		/* tolgo margine impostato dal tema e metto il mio */
		footer.footer .wpb_single_image {margin-bottom: unset !important;}
		.footer_logo_column1 {margin-bottom: 0px;}
}