/*
Theme Name: IDEA HORECA SOLUTION
Version: 1.0
Description: Tema child  personalizzata per Giacomini Bevande
Author: Nuvola Factory
Author URI: https://www.nuvolafactory.it
Template: Divi
*/


#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 1%;
 background: #179a8c; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

/*end menu style*/

@media (min-width: 981px) {

	.et_fullwidth_nav #main-header .container {
		padding: 0px !important;
		}
	}


/* style logo */
@media (min-width: 981px) and (max-width: 1200px)  {
#et-top-navigation {margin-right: 8% !important;}
	
	#logo {max-height: 100% !important;}

}


@media (min-width: 1201px)  {
#et-top-navigation {margin-right: 15% !important;}
	
	#logo {max-height: 100% !important;}
}


@media (min-width: 767px) and (max-width: 982px)  {
#logo {max-height: 100% !important;
	max-width:100%; margin-left:-30px !important;}	
	
}

@media (max-width: 468px)  {

#logo {margin-left: -20px;}	
	
}

@media (min-width: 1400px) 
{
	#top-menu li {padding-right: 35px !important ;}	
}

@media (max-width: 980px) {#et-top-navigation{padding-top: 22px !important;}}

/* end style logo */ 

/* da fare versione tablet e mobile

@media (min-width: 768px) and (max-width: 980x)  {
	
.et_header_style_left #logo, .et_header_style_split #logo {max-height: 100% !important;}	
}

*/


.et_pb_social_media_follow_network_0_tb_footer a.icon , .et_pb_social_media_follow_network_0_tb_footer a.icon {background-color: #fff !important;}



.logo_container img {float:left !important;}



/* font style */

#top-menu li {font-family: 'roboto-light' !important;}

.dtb-typed-0{font-family: 'bebas-neue-bold' !important;}

@media (max-width: 468px) {.dtb-typed-0 {font-size:30px !important}  }

@media (min-width: 767px) and (max-width: 982px)  {.dtb-typed-0 {font-size:35px !important}  }




@media (min-width: 983px) and (max-width: 1200px){.dtb-typed-0 {font-size: 60px !important;line-height: 1 !important}  }


@media (min-width: 1201px) {.dtb-typed-0 {font-size: 80px !important;line-height: 1 !important}  }

/* end font style */


/* submenu */
@media (min-width: 767px) {
.sub-menu li a {text-transform:uppercase; font-size: 24px;}	
	
}

/* end  submenu*/


/* BLOG */ 

@media (min-width: 980px){
	
.et_pb_post {min-height:570px !important;}	
	
}


/* END BLOG */



/* style per h1 h2 h3 h4 p */ 

@media (max-width: 468px)  {

	h1{font-size:75px  !important; line-height:0.9;}
	h2{font-size:65px !important; line-height:0.9;}
	h3{font-size:28px !important; line-height:0.9;}
	h4{font-size:18px !important; line-height:1.2;}
	h5{font-size:17px; line-height:1.1;}
	p{font-size:16px; line-height:1.2;}
	
	
		#light{line-height:0.8; font-size:50pt!important;}
}

@media (min-width: 467px) and (max-width: 767px)  { 
	
    h1{font-size:75px  !important; line-height:0.9;}
	h2{font-size:65px !important; line-height:0.9;}
	h3{font-size:28px !important; line-height:0.9;}
	h4{font-size:20px !important; line-height:1.1;}
	h5{font-size:18px; line-height:1.1;}
	p{font-size:15px; line-height:1.2;}
	
	#light{line-height:0.8; font-size:50pt!important;}
}

@media (min-width: 768px) and (max-width: 980px)  { 

    h1{font-size:75px  !important; line-height:0.9;}
	h2{font-size:65px !important; line-height:0.9;}
	h3{font-size:28px !important; line-height:0.9;}
	h4{font-size:20px !important; line-height:1.2;}
	h5{font-size:18px; line-height:1.1;}
	p{font-size:15px; line-height:1.5;}
	
	#light{line-height:0.8; font-size:50pt!important;}
}

@media (min-width: 981px) and (max-width: 1200px)  { 

    h1{font-size:82px  !important; line-height:0.9;}
	h2{font-size:72px !important; line-height:0.9;}
	h3{font-size:28px !important; line-height:0.9;}
	h4{font-size:20px; line-height:1.1;}
	h5{font-size:20px !important; line-height:1.2;}
	p{font-size:15px; line-height:1.5;}
	
	#light{line-height:0.8; font-size:52pt!important;}
}

@media (min-width: 1201px) { 

    h1{font-size:85px !important; line-height:0.9;}
	h2{font-size:75px !important; line-height:0.9;}
	h3{font-size:30px !important; line-height:0.9;}
	h4{font-size:24px !important; line-height:1.2;}
	h5{font-size:20px; line-height:1.1;}
	p{font-size:15px; line-height:1.5;}
	
	#light{line-height:0.6; font-size:74px !important;}
}




/* end style per h1 h2 h3 h4 p */