/*
 Theme Name:     Osteria Madonnetta
 Description:    Osteria Madonnetta
 Author:         Panese Think Digital
 Author URI:     https://www.panese.it
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
body{
	font-weight: 300;
}

.m_top_header .right_menu p,
.m_top_header .wpml-ls-legacy-list-horizontal{
	display: inline-block !important;
}

.wpml-ls-legacy-list-horizontal a{
	padding-left: 0px !important;
}

.wpml-ls-statics-shortcode_actions{
	padding-left: 20px !important;
	padding-top: 0px !important;
}

h1{
	font-size: 3vw !important;
	line-height: 120%;
	line-height: 1.1em;
	padding-bottom: 5px !important;
}

h2{
	font-size: 2.3vw !important;
	line-height: 1.1em;
	padding-bottom: 5px !important;
}

.home h3,
.special h3{
	font-size: 1.9vw !important;
	line-height: 1.3em;
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif !important;
}

h3{
	font-size: 14px !important;
	line-height: 1.3em;
}


.madonnetta-domande h3{
	font-family: "Open Sans",Arial,sans-serif !important;
}

.team-slider h3{
	font-size: 16px !important;
}


.big-font a{
	font-size: 35px !important;
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
	color: #312c32 !important;
	line-height: 120% !important;
}

.flexible-column{
	display: flex;
	justify-content:center;
	flex-direction:column;
}

.flex-end{
	display: flex;
	justify-content:flex-end;
	flex-direction:column;
}

.white-link a{
	color: #fff !important;
}

.white-link a:hover{
	color: #98dafc !important;
}


.et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover{
	color: #fff !important;
	padding: 12px 25px !important;
}

.pulsante_a{
	float: left;
	margin-right: 20px;
}

.m_review i{
	color: #312c32 !important;
	padding: 10px 3px !important;
}

.m_review h4{
	font-size: 30px;
	padding-bottom: 15px;
}

.m_review p{
	padding-bottom: 0px !important;
}

.et_pb_gallery_image.portrait{
	height: 20vw !important;
}

.et_pb_gallery_image.portrait img{
	margin-top: -4vw !important;
}

.mfp-bottom-bar{
	display: none !important;
}

.m_people .et_pb_text{
	min-height: 300px;
}

.gallery_row.et_pb_gutters2.et_pb_row.et_pb_row_fullwidth{
	width: 100% !important;
	max-width: 100% !important;
}

.madonnetta-domande h2{
	font-size: 18px !important;
}

.madonnetta-domande h3{
	font-size: 14px !important;
	font-weight: 200 !important;
}

.shop-madonnetta .et_pb_text_inner h3{
	padding-bottom: 5px !important;
}

.shop-madonnetta .et_pb_text_inner p{
	font-size: 14px !important;
	line-height: 1.3em !important;
}

/* = SEZIONI SPECIALI
------------------------------------------------------- */

.column_wide{
	height: 600px !important;
}


.column_wide .column_right{
	margin-left: -5% !important;
	width: 45% !important;
	z-index: 0 !important;
}

.column_overflow{
	
}

.column_wide_right .column_left{
	margin-right: : -5% !important;
	width: 55% !important;
	z-index: 0 !important;
}

.column_wide_left .column_right{
	margin-left: : -5% !important;
	width: 55% !important;
	z-index: 0 !important;
}

.column_overflow_right{
	margin-left: -5% !important;
	padding: 5% 5% 5% 0px;
}

.column_overflow_left{
	margin-right: -5% !important;
	padding: 5% 0% 5% 10%;
}

.column_up{
	margin-top: -125px !important;
}

.et_pb_module.text_bottom{
	margin-top: 60px !important;
}


.madonnetta-menu-item{
	display: flex;
	height: 300px;
	align-items: center;
	justify-content: center;
}

.madonnetta-menu-item p{
	color: #331122 !important;
	font-weight: 500 !important;
}

.madonnetta-domande .madonnetta-menu-item{
	height: 200px !important;
}

.cta-prenotazione a{
	color: #fff !important;
	font-weight: bold !important;
}

.cta-prenotazione a:hover{
	color: #312c32 !important;
}

.cta-gruppi a{
	color: #312c32 !important;
	font-size: 30px !important;
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
}

.cta-gruppi:hover{
	color: #fff !important;
}

.horizontal-line h3{
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.horizontal-line h3:before,
.horizontal-line h3:after{
	position: absolute;
	top: 40%;
	overflow: hidden;
	width: 48%;
	height: 1px;
	content: '';
	background-color: #eaeaea;
}

.horizontal-line h3:before{
margin-left: -50%;
text-align: right;
margin-right: 15px;
}

.horizontal-line h3:after{
	margin-left: 15px !important;
}


.ricette_madonnetta h2{
}

.ricette_madonnetta .post-content p,
.ricette_madonnetta .post-content a{
	font-size: 12px !important;
	line-height: 120% !important;
}

.madonnetta_small li{
	font-size: 14px !important;
}

.madonnetta_small p{
	padding-bottom: 10px !important;
}

.small_text{
	font-size: 14px !important;
	line-height: 110%;
}

.ricette_madonnetta .entry-title{
}

.ricette_madonnetta .post-meta{
}

.home-slider .et_pb_image_wrap{
	max-height: 33vw !important;
	overflow: hidden;
}

.home-slider .et_pb_image_wrap img{
	margin-top: -19vw !important;
}

.header-img .et_pb_image_wrap{
	max-height: 15vw !important;
	overflow: hidden;
}

.header-img .et_pb_image_wrap img{
	margin-top: -25vw !important;
}


/* = 404
------------------------------------------------------- */

.error404 #main-content{
	min-height: 500px;
}

.error404 #main-content .container:before{
	display: none !important;
}

.error404 #main-content .container {
    padding-top: 60px;
}

/* = BLOG
------------------------------------------------------- */



.blog_madonnetta .et_pb_post a img{
	max-width: 50% !important;
	position: relative;
}

.blog_madonnetta .entry-title{
	position: absolute;
	padding-left: 55%;
	padding-right: 10%;
	margin-top: -28%;
	z-index: 999999;
	font-size: 3vw !important;
}

.blog_madonnetta .post-meta{
	position: absolute;
	padding-left: 55%;
	margin-top: -30%;
	z-index: 999999;
	font-size: 12px !important;
}

.blog_madonnetta .post-content p{
	display: none;
}

.blog_madonnetta .post-content a{
	position: absolute;
	right: 0px;
	margin-top: -75px;
	z-index: 999999;
  color: #fff !important;
  padding: 12px 25px !important;
  background-color: #312c32;
  text-transform: uppercase;
  font-weight: bold;
  border-width: 1px!important;
  font-size: 14px !important;
}


/* = HEADER
------------------------------------------------------- */
.et_header_style_split #et-top-navigation{
	margin-left: 40px !important;
}


#et-top-navigation{
	height: 80px !important;
	margin-left: 0px !important;
}

#top-menu-nav{
	margin-top: -30px !important;
}

#top-menu-nav .logo_container img{
	padding-top: 20px !important;
}

.et_header_style_split .centered-inline-logo-wrap{
	height: 150px !important;
	width: 150px !important;
}

#et-top-navigation li{
	font-weight: 300;
}

.m_top_header .left_menu{
	float: left;
	padding-top: 10px;
	font-size: 12px !important;
}

.m_top_header .right_menu{
	float: right;
	padding-top: 10px;
	font-size: 12px !important;}

#main-header a{
	font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
	color: #312c32 !important;
}

#main-header .m_top_header a:hover{
	text-decoration: underline;
}

.social-icons{
	padding-left: 20px !important;
}

.social-icons i{
	padding-left: 5px;
}

.social-icons i:hover{
	color: #98dafc;
}

/*** FOOTER ***/

#main-footer{
	margin-top: 100px !important;
}

#main-footer .footer-widget,
#main-footer .footer-widget .fwidget{
	width: 100% !important;
}

#main-footer .et_pb_section{
	background-color: rgba(255, 255, 255, 0) !important;
}

#main-footer #footer-credits{
	font-size: 12px !important;
	margin-top: 30px !important;
}

#main-footer h3{
	color: #fff !important;
}

#main-footer a{
	color: #fff !important;
}

#main-footer a:hover{
	color: #98dafc !important;
}

.social-footer i{
	font-size: 25px !important;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}


/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

	.blog_madonnetta .entry-title,
	body h1{
		font-size: 40px !important;
	}
	
	h2{
		font-size: 34px !important;
	}

	.home h3,
	.team-slider h3,
	.special h3{
		font-size: 22px !important;
	}

}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1404px) and (max-width: 1205px) {

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1105px) and (max-width: 1204px) {

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) and (max-width: 1104px) {

}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

	#et-top-navigation{
		height: 50px !important;
	}
	
	.et_header_style_split #main-header .mobile_nav{
		background: transparent !important;
	}
	
	.et_header_style_split #et_mobile_nav_menu{
		margin-top: 0px !important;
	}
	
	.et_header_style_split #et_mobile_nav_menu .select_page{
		display: none !important;
	}
	
	#et-top-navigation{
		position: absolute !important;
		top: 0px !important;
		right: 0px;
		z-index: 99
	}
	
	.logo_container{
		width: 20% !important;
		margin: auto !important;
		padding-top: 15px !important;
		margin-bottom: -40px !important;
	}
	
	.m_top_header{
		position: absolute !important;
		z-index: 99999;
		top: -5px !important;
	}
	
	.m_top_header .social-icons,
	.m_top_header	.left_menu{
		display: none !important;
	}
	
	.m_top_header	.left_menu{
		z-index: 999999;
	}

	.et_header_style_split .et_mobile_menu{
		top: 40px !important;
	}
	
	.blog_madonnetta .entry-title{
		font-size: 20px !important;
	}
	
	h1{
		font-size: 34px !important;
	}
	
	h2{
		font-size: 26px !important;
	}

	.home h3,
	.team-slider h3,
	.special h3{
		font-size: 20px !important;
	}
	
	.column_wide_left{
		display: flex;
	}
	
	.column_wide_left .column_overflow_left{
		width: 60% !important;
	}
	
	.column_wide_left .column_right{
		width: 45% !important;
		margin-right: -5%;
	}
	
	.column_overflow{
		padding-right: 20% !important;
	}
	
	.column_wide_right .column_left{
		width: 40% !important;
	}
	
	.column_wide_right .column_overflow_right{
		width: 65% !important;
		margin-right: -5%;
	}
	
	.full_width_mobile{
	}
	
	.blog_madonnetta .et_pb_post a img{
		max-width: 50% !important;
		position: relative;
	}
	
	.blog_madonnetta .entry-title{
		padding-right: 5%;
		margin-top: -30%;
		font-size: 20px !important;
	}
	
	.blog_madonnetta .post-meta{
		margin-top: -33%;
		font-size: 12px !important;
	}
	
	.madonnetta-domande{
		padding-left: 15px !important;
		padding-right: 15px !important;
		padding-bottom: 15px !important;
	}
	
	.column-reverse-ipad{
		display: flex !important;
		flex-direction: column-reverse !important;
	}


}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {	
	
	
.wpml-ls-statics-shortcode_actions{
	padding-left: 10px !important;
	padding-top: 0px !important;
}

	h1{
		font-size: 28px !important;
	}
	
	h2{
		font-size: 25px !important;
	}
	
	.column-reverse{
		display: flex !important;
		flex-direction: column-reverse !important;
	}
	
	.m_top_header{
		top: -15px !important;
	}
	
	.et_header_style_split .mobile_menu_bar{
		top: -7px !important;
	}
	
	.home-slider .et_pb_image_wrap{
		max-height: 50vw !important;
		overflow: hidden;
	}
	
	.home-slider .et_pb_image_wrap img{
		margin-top: 0vw !important;
	}
	.column_wide_left{
		display: block;
	}
	
	.column_wide_left .column_overflow_left{
		width: 100% !important;
		padding: 5% !important;
	}
	
	.column_wide_left .column_overflow_left .et_pb_text{
		text-align: left !important;
	}
	
	.et_pb_module.text_bottom{
		margin-top: 20px !important;
	}
	
	.column_wide_left .column_right{
		width: 100% !important;
		margin-right: 0%;
	}
	
	.column_overflow{
		padding-right: 0% !important;
	}
	
	.column_wide_right .column_left{
		width: 100% !important;
	}
	
	.column_wide_right .column_overflow_right{
		width: 100% !important;
		margin-right: 0%;
		padding: 5% !important;
	}

	.blog_madonnetta .et_pb_post a img{
		display: block;
		width: 100% !important;
		max-width: 100% !important;
	}
	
	.blog_madonnetta .entry-title{
		display: block;
		width: 100% !important;
    position: inherit;
    padding-left: inherit;
    padding-right: inherit;
    margin-top: inherit;
    z-index: inherit;
	}
	
	.blog_madonnetta .post-meta{
		display: block;
		width: 100% !important;
		position: inherit;
    padding-left: inherit;
    padding-right: inherit;
    margin-top: inherit;
    z-index: inherit;
	}
	
	.blog_madonnetta .post-content a{
		position: inherit;
		right: inherit;
		margin-top: inherit;
		z-index: inherit;
		display: inline-block;
		}

 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}