/*
Theme Name: Le Nuvole Child
Version: 1.0.0
Template: lenuvole
*/

.mkd-content .mkd-content-inner>.mkd-container>.mkd-container-inner, .mkd-content .mkd-content-inner>.mkd-full-width>.mkd-full-width-inner{
	padding-top: 0;
}

/****************************
* HEADER
****************************/

body.mkd-header-standard .mkd-page-header .mkd-logo-wrapper a{
	max-height: 90px;
}

@media screen and (min-width: 1025px) and (max-width: 1060px){
	body.mkd-header-standard .mkd-page-header .mkd-logo-wrapper a{
		max-height: 75px;
	}
}

.mkd-main-menu li.button-outline a span.item_outer{
	border: 1px solid;
	padding: 7px 10px;
}

.mkd-mobile-nav li.button-outline{margin-top: 9px;}
.mkd-mobile-nav li.button-outline a,
.mkd-mobile-header .mkd-mobile-nav>.mkd-grid>ul>li.button-outline:last-child>a{
	display: inline-block;
	border:1px solid;
	padding: 7px 15px;
}




.mkd-page-header .mkd-position-right .widget ul.menu li{
	list-style: none;
	display: inline-block;
}
.mkd-page-header .mkd-position-right .widget ul.menu li,.mkd-page-header .mkd-position-right .widget ul.menu li a{
	font-family: Poppins,sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
}



.mkd-page-header .mkd-position-right .widget ul.menu li.wpml-ls-item,
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.wpml-ls-item{position: relative;}
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.wpml-ls-item a{border:0;}
.mkd-page-header .mkd-position-right .widget ul.menu li ul.sub-menu,
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li ul.submenu{
	/*display: none*/
	position: absolute;top:100%;
	height: 0;
	overflow: hidden;
}

.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.wpml-ls-item ul.sub-menu{
	/*display: block;*/
	margin-left: 0;
	margin-bottom: 20px;
}

.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.wpml-ls-item a,
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.wpml-ls-item ul.sub-menu{
	display: inline-block;
	text-transform: uppercase;

}
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.wpml-ls-item a{margin-right: 10px}


.mkd-page-header .mkd-position-right .widget ul.menu li.social a,
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.social a{
	width: 30px;
	height: 30px;
	font-size: 0;
	/*background-size: 30px !important;*/
	background-repeat: no-repeat;
	background-image: url('images/social.png');
	display: inline-block;
	position: relative;
	top: -2px;
}

.mkd-page-header .mkd-position-right .widget ul.menu li.social.fb a,
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.social.fb a{
	background-position: 0 0;
}

.mkd-page-header .mkd-position-right .widget ul.menu li.social.in a,
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.social.in a{
	background-position: -35px 0;
}

.mkd-page-header .mkd-position-right .widget ul.menu li.social.trip a,
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.social.trip a{
	background-position: -68px 0;
}
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.social{display: inline-block;}
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.social a{border:0;}
.mkd-mobile-header .mkd-right-from-main-menu-widget-inner{margin-top: 40px;}
@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
    .mkd-page-header .mkd-position-right .widget ul.menu li.social a,
    .mkd-mobile-header .mkd-right-from-main-menu-widget-inner ul.menu li.social a{
		background-size: 98px 30px !important;
		background-image: url('images/social@2x.png');
	}
}


.mkd-page-header .mkd-position-right .widget ul.menu li.social a:before{
	font-family: 'ElegantIcons';
	display: block;
	font-size: 14px;
	visibility: hidden;
}
.mkd-page-header .mkd-position-right .widget ul.menu > li{margin-left:5px;margin-right: 5px;}
.mkd-page-header .mkd-position-right .widget ul.menu li.social a{
	/*text-indent: -9999999999;*/
}
.mkd-page-header .mkd-position-right .widget ul.menu li.social a:hover{
	text-decoration: none
}
.mkd-page-header .mkd-position-right .widget ul.menu li.fb a:before{
	content: "\e093";
}
.mkd-page-header .mkd-position-right .widget ul.menu li.in a:before{
	content: "\e09a";
}
.mkd-page-header .mkd-position-right .widget ul.menu li.trip a:before{
	content: "\f262";
	font-family: FontAwesome;
}
.mkd-page-header .mkd-position-right .widget ul.menu > li.wpml-ls-item{padding-right: 15px;}
.mkd-page-header .mkd-position-right .widget ul.menu > li.wpml-ls-item:before{
	content: '';
	display: block;
	width: 12.5px;
	height: 6.5px;
	position: absolute;
	top:9px;
	right: 0;
	background-image: url('images/arrow-down.png');
	background-repeat: no-repeat;
	background-size: 12.5px 6.5px;
	transition: transform .5s linear;
	transform: rotate(0);
}
.mkd-page-header .mkd-position-right .widget ul.menu > li.wpml-ls-item:hover:before{
	transform: rotate(180deg);
}


.mkd-mobile-header .mkd-vertical-align-containers .mkd-position-center{
	position: static;
	text-align: left;
	float: left;
	width: auto;
}
.mkd-mobile-header .mkd-mobile-menu-opener{
	float: right;
}




/*********************
* FOOTER
*/
/*#text-3{text-align: center;}*/

#text-3 a.social{
	display: inline-block;
	width: 31px;
	height: 31px;
	background-image: url('images/social.png');
	background-repeat: no-repeat;
}
#text-3 a.social.in{
	background-position: -34px 0;
}
#text-3 a.social.trip{
	background-position: -68px 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { 
    
    #text-3 a.social{
		background-size: 98px 30px !important;
		background-image: url('images/social@2x.png');
	}


}






/*******************
* MENU ITEM
*/

.smarti-menu-item .head{
	display: flex;
	font-size: 15px;
	margin-bottom: 15px;
	align-items: baseline;
}
.smarti-menu-item .title{text-transform: uppercase;font-weight: 400;max-width: 70%}
.smarti-menu-item .line{border-bottom: 1px dotted #000;flex:1;display: flex;margin:0 15px;line-height: 1;}
.smarti-menu-item h3{margin:0;font-size: 15px;line-height: 1}
.smarti-menu-item .price{}



/********************
* FORM PRENOTAZIONE
********************/

body .rtb-booking-form .message{position: static;}

.booking-reservation select{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position:relative;
}
.rtb-select:after {
    content: '\f0d7';
    font: normal normal 20px/1 FontAwesome;
    position: absolute;
    color: #73848e;
    right: 0px;
    top: 8px;
    width: 50px;
    /*text-align: center;*/
    text-align: right;
    padding: 10px;
    /*height: 70%;*/
    line-height: 24px;
    -webkit-transition: all 0.3s ease;
    -moz-transition:    all 0.3s ease;
    transition:         all 0.3s ease;
}

.booking-reservation .rtb-error{margin-top:5px;color: red;/*position: absolute;top:100%;left:0;*/}

.booking-reservation {
    display: block !important;
    opacity: 1 !important;
    position: relative;
    padding: 11px 0;
}
.booking-reservation:before,
.booking-reservation:after {
    content: '';
    display: table;
}
.booking-reservation:after {
    clear: both;
}
.booking-reservation ::-webkit-input-placeholder{
    color: #485055 !important;
    position: relative;
    top: 2px;
}
.booking-reservation :-moz-placeholder{
    color: #485055;
    position: relative;
    top: 2px;
}
.booking-reservation :-ms-input-placeholder{
    color: #485055;
    position: relative;
    top: 2px;
}
.booking-reservation ::-moz-placeholder{
    color: #485055;
    position: relative;
    top: 2px;
}

.booking-reservation .input-container {
    float: left;
    /*width: calc(22% - 15px);*/
    margin: 0;
    /*margin-right: 10px;*/
    position: relative;
    width: 100%;
    margin-bottom:10px;
}
.booking-reservation .input-container input,
.booking-reservation .input-container textarea,
.booking-reservation .input-container input, .booking-reservation .input-container select{
	font-size: 13px;
	color: #485055;
}
.booking-reservation .input-container.input-container-phone,
.booking-reservation .input-container.input-container-party,
.booking-reservation .input-container.input-container-date,
.booking-reservation .input-container.input-container-time{
	width: 50%;
}
@media screen and (min-width: 992px){
	.booking-reservation .input-container.input-container-phone > div,
	.booking-reservation .input-container.input-container-date > div{margin-right: 10px;}
}
.booking-reservation .input-container.input-container-message textarea{width: 100%;padding:10px 20px;box-sizing: border-box;border-color: #2c3134;resize:none;height: 150px;}

.booking-reservation .input-container.input-container-button{
	width: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: none

}


.booking-reservation .input-container:last-child {
    /*width: 13.3%;*/
    /*margin-right: 0;*/
}
.booking-reservation .input-container .icon {
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    transform:         translateY(-50%);
}
.booking-reservation input,
.booking-reservation .Zebra_DatePicker_Icon_Wrapper,
.booking-reservation #book-submit,
.booking-reservation select {
    
    margin: 0;
    /*color: #ffffff;*/
    width: 100%;
    
}
.booking-reservation .Zebra_DatePicker_Icon_Wrapper {
    cursor: text;
}
.booking-reservation textarea{
	outline: none
}

.booking-reservation .error-container input,
.booking-reservation .error-container select {
	border-color: #f00;
}
.booking-reservation input,
.booking-reservation select {
	outline: none;
    height: 55px;
    border: 1px solid #2c3134;
    /*background-color: #1f2427;*/
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    box-sizing: border-box;
    padding: 10px 20px;
    border-radius: 0;
}
.booking-reservation #rtb-name {
    background-image: url(images/user.png);
}
.booking-reservation #rtb-email {
    background-image: url(images/email.png);
}
.booking-reservation #rtb-date {
    background-image: url(images/calendar.png);
}
.booking-reservation #rtb-time {
    background-image: url(images/clock.png);
}
.booking-reservation input:hover,
.booking-reservation select:hover,
.booking-reservation input:focus,
.booking-reservation select:focus {
    border-color: #485055;
}
.booking-reservation select {
    color: #73848e;
    background: none;
    -webkit-appearance: none
}
.booking-reservation #book-submit {
    font-size: 14px;
    letter-spacing: 0.2em;
    background: #73abb9;
    color: #ffffff;
    border: none;
    padding-right: 0;
    padding-left: 0;
    height: 55px;
    text-transform: uppercase;
    padding: 10px 20px;

}
.booking-reservation #book-submit:hover {
    background: #73abb9;
}

#rtb-time_root .picker__list-item--disabled	{ display:none;}
.rtb-booking-form .rtb-error { background:#8b7765 !important;}


.booking-reservation .result.ok{
	border:1px solid;
	border-color: green;
	margin-top: 50px;
	padding: 10px;
}

@media screen and (max-width: 991px){
    body .book-table-wrapper .booking-reservation .input-container{
        width: 100%;
        margin-top:20px;
    }
}






/**********
* BLOG
*/


.mkd-pagination li.active span, .mkd-pagination li:hover a{
	color: #73abb9;
}

.mkd-blog-holder .list-blog-container{
	display: flex;
	flex-wrap: wrap;
	margin-top: 80px;
}
.mkd-blog-holder article.post .mkd-post-info-category{color: #737c8b; font-size: 10px}

body .mkd-blog-holder article.post .mkd-post-title{
	font-size: 20px;
	font-weight: 400;

}

body .mkd-blog-holder article.post .mkd-post-title a{
	color: #73abb9;
}

body .mkd-blog-holder article.post .mkd-post-title:hover a{
	text-decoration: underline;
	color: inherit;
}


.mkd-blog-holder.mkd-blog-type-masonry article{
	position: static !important;
	display: flex

}
.mkd-blog-holder.mkd-blog-type-masonry article .mkd-post-content{
	display: flex;
	flex-direction: column;

}
.mkd-blog-holder.mkd-blog-type-masonry article .mkd-post-content, .mkd-blog-list-holder.mkd-masonry article .mkd-post-content{
	border-bottom: 6px;
	border-style: solid;
	border-color: rgba(240,242,248,1);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.mkd-blog-holder.mkd-blog-type-masonry article .mkd-post-content:hover, .mkd-blog-list-holder.mkd-masonry article .mkd-post-content:hover{
	border-color: #73abb9;
	transform: translateY(0);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.mkd-blog-holder.mkd-blog-type-masonry article .mkd-post-image{margin-bottom: 21px;}



.mkd-blog-holder.mkd-blog-type-masonry article .mkd-post-text-inner{
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0 25px;

}
.bottom-position{margin-top: auto;margin-bottom: 21px;}
.bottom-position a{padding-left: 0;color: #73abb9 !important}
.bottom-position a:hover{text-decoration: none}

.btn-arrow-right .mkd-btn-icon-holder{
	transition: left .3s linear;
	left: 0;
	display: inline-block;
}
.btn-arrow-right:hover .mkd-btn-icon-holder{left: 10px;}




/*********************
* SINGLE BLOG
*/

.mkd-social-share-holder.mkd-list li img{width: 30px}
.mkd-blog-holder.mkd-blog-single.mkd-blog-standard .mkd-post-info{
	text-transform: uppercase;
}
.mkd-blog-holder article.post .mkd-post-info-category{
	color: #ababab;
	font-size: 12px;
}

body.single.single-post article.post{margin-top: 80px;}


/***************
* RIGA TRE COLONNE CON IMMAGINI
*/
body .tre-colonne-con-immagini{
	background-position: 15% 80% !important;
}




body .tre-colonne-con-immagini.with-bg .mkd-section-inner{
	/*background: url(https://trattorialenuvole.it/wp-content/uploads/2019/02/Trattoria-le-nuvole-Ferrara-logo.png);*/
	background: url('images/Trattoria-le-nuvole-Ferrara-logo-light.png');
	background-position: bottom left;
	background-repeat: no-repeat;

}

@media screen and (max-width: 500px){
	body .tre-colonne-con-immagini.with-bg .mkd-section-inner{
		background-size: contain;
	}
}

.colonna-foto{position: relative;}

.colonna-foto .wpb_single_image.dots{display: none}
.colonna-foto .wpb_single_image.second-image{margin-top: 30px;}



@media screen and (max-width: 1024px){
	.mkd-footer-top .mkd-container-inner .mkd-grid-row.mkd-footer-top-four-cols > div:first-child{
		display: none
	}
	.mkd-footer-top .mkd-container-inner .mkd-grid-row.mkd-footer-top-four-cols > div:nth-child(3){
		clear: right;
	}
}

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

	.vc_row.testata > .mkd-full-section-inner > .wpb_column > .vc_column-inner{padding-left: 15px !important}

	h1{font-size: 30px}
	.hide-padding-left-mobile .vc_column-inner{
		padding-left: 0 !important;
	}
	.hide-padding-left-mobile.colonna-tra-le-nuvole .vc_column-inner{
		padding-left: 15px !important;
	}
	.contatti-info{padding-left: 15px}

	.lista-immagini .wpb_column .vc_column-inner{
		padding-left: 0;
		padding-right: 10%;
	}

	.menu-row .mkd-section-title{text-align: left !important;}

}

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

	body .tre-colonne-con-immagini .mkd-section-inner{
		padding-bottom: 30vh;
		
	}
	.colonna-foto .wpb_single_image.first-image{
		transform: translateY(25%);
	}

	.image-left .colonna-foto .wpb_single_image.second-image, .colonna-foto .wpb_single_image.dots{
		transform: translate3d(-14%,-50%,0);
	}
	.colonna-foto .wpb_single_image.second-image,.colonna-foto .wpb_single_image.dots{
		display: block;
		position: absolute;
		top:50%;
		left:50%;
		/*transform: translate3d(-50%,-50%,0);*/
		transform: translate3d(-70%,-50%,0);

	}
	.colonna-foto .wpb_single_image.second-image{

		width: 100%;
		margin-top: 0;
		z-index: -1;

	}


	.colonna-foto .wpb_single_image.second-image figure{
		transform: translateX(100%) translateY(-20%);
	}


	.image-left .colonna-foto .wpb_single_image.second-image figure{
		transform: translateX(-100%) translateY(-20%);
	}

	.colonna-foto .wpb_single_image.dots figure{
		transform: matrix(1, 0, 0, 1, 0, 0);
	}


	.colonna-foto .wpb_single_image.dots figure .vc_single_image-wrapper{
		transform: translateX(-90%) translateY(100%);
	}
	.image-left .colonna-foto .wpb_single_image.dots figure .vc_single_image-wrapper{
		transform: translateX(90%) translateY(100%);
	}	
}






/**************
* 404
**************/

body.error404 .mkd-container.error404{
	background-color: #fff;

	min-height: 100%;
	min-height: 100vh;
	min-height: calc(100vh - 100px);
	display: flex;
	align-items:center;

}

.mkd-page-not-found h1,.mkd-page-not-found p{
	color: #73abb9;
}


body.error404 .mkd-container.error404 .mkd-btn.mkd-btn-solid{
	background-color: #fff;
	background-color: transparent;
	border-color: #73abb9;
	color: #73abb9;
}
body.error404 .mkd-container.error404 .mkd-btn.mkd-btn-solid:hover{
	border-color: #73abb9 !important;
	background-color: #73abb9 !important;
	color:  #fff !important;
}
/*body.error404 .mkd-page-footer{border-top: 1px solid #73abb9;}*/

@media screen and (min-width: 1025px){
	body.error404 .mkd-container.error404{
		min-height: calc(100vh - 180px);
	}

}









/*****************
* FERIE
*/
body.overlay:before{
	content: '';
	display: block;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	width: 100vw;
	height: 100%;
	height: 100vh;
	background-color: #000;
	background-color: rgba(0,0,0,.7);
	z-index: 1001;
}
body .popup-ferie{
	display: none;
	position: absolute;
	max-width: 400px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background-color: #fff;
	z-index: 1001;
	padding: 30px;

}
body.overlay .popup-ferie{
	display: block;
}
body.overlay .popup-ferie .title{
	color: #73abb9;
	font-weight: 400;
	font-family: "Maven Pro", sans-serif;
	font-size: 40px;
	line-height: 140%;
	margin-bottom: 20px;

}
body .popup-ferie .close{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(50%, -50%);
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #73abb9;
	color: #fff;
}


.popup-ferie .btn{
	background-color: #73abb9;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 20px;
	font-size: 14px;
	letter-spacing: 0.2em;
	display: inline-block;
	margin-top: 30px;
	cursor:pointer;
}