/*
Theme Name: Le Sode di Sant'Angelo
Theme URI: https://www.sodesantangelo.com/
Author: Trexya SRL
Author URI: https://www.trexya.it/
Description: Template responsive fullscreen per Le Sode.
Version: 1.0
Tags: responsive, fullscreen, jquery, bootstrap

*/

@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300italic,300,400italic,500,500italic,700,700italic);

body {
	background-color: #000;
	color: #FFF;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	/*
		height: 100%;
		min-height: 100%;
	*/
	}
	
a:hover { text-decoration: none; }


h1 {
	font-size: 36px;
/*	color: #000000;*/
	font-family: "garamond-premier-pro",serif;
	margin-top: 0;
	}
	
	h2 { margin-top: 0; }

.garamond { font-family: "garamond-premier-pro", serif; }
.roboto { font-family: 'Roboto', sans-serif; }
.shadow { text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
.italic { font-weight: normal; font-style: italic; }

.white, .white a { color: #FFF; }
.black, .black a { color: #000; }
.grey, .grey a { color: #999d9f; }

.text17 { font-size: 17px !important; }

.bgwhite { background-color: #FFF !important; }
.bgblack { background-color: #000 !important; }

#blog .post img {
    display: block;
    max-width: 100%;
    height: auto;
}


.padding { padding: 2.5%; }

#page-wrapper {  }

/*#page-wrapper .vc_row-o-full-height,
#page-wrapper > .vc_grid-container*/
#page-wrapper > .vc_row { margin-bottom: 0 !important; }

#page-wrapper .vc_row {  }

.page-id-130 #page-wrapper,
.page-id-131 #page-wrapper,
.page-id-194 #page-wrapper,
.page-id-197 #page-wrapper,
.page-id-196 #page-wrapper,
.page-id-193 #page-wrapper,
.page-id-154 #page-wrapper,
.page-id-153 #page-wrapper,
.archive #page-wrapper,
.single #page-wrapper { padding: 0 15px; }

.single-post #page-wrapper {  }

.wpb_text_column,
.single  #page-wrapper #blogSx { font-size: 15px; text-align: justify; }

.vc_grid-filter-select.vc_grid-filter-color-white { color: #000; }

.ult_modal-body img {
    height: auto;
}


#menuPrinc {
/*	position: absolute;*/
	position: fixed;
	background-color: #000;
	z-index: 99999;
	min-height: 100%;
	height: auto;	
	}
	
#newsletter { text-transform: uppercase; }





/* -----------------
        INTRO
-------------------*/
.page-template-page-full #page-wrapper { width: 100%; }

.page-template-page-full #page-wrapper .wpb_text_column { text-align: center }


#ultimeBlog {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 83%;
	padding: 10px;
	background-color: rgba(0,0,0,0.40);
	color: #000;
	font-size: 20px;
	}
	
	#ultimeBlog ul { padding-left: 15px; }
	
	#ultimeBlog a { color: #FFF; }
	
	


/* -----------------
        HOME
-------------------*/
.home #page-wrapper h1 {
	margin-left: 5%;
	font-size: 48px;
	color: #FFFFFF;
	}
	
	
	
/* -----------------
 sottotitolo vini h2
-------------------*/	
.parent-pageid-100  #page-wrapper h2,
.parent-pageid-95 #page-wrapper h2 {
    color: #b4bbbf;
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    font-weight: 400;
	}
	
	
/* -----------------
 BLOG & NEWS
-------------------*/

/* blog masonry */
.archive #page-wrapper { padding-top: 15px; }

	.archive #page-wrapper .post { margin-bottom: 2%; float: left; background-color: #000000;  }
	
	.archive #page-wrapper .post:hover { background-color: #673b54; }
	
	.archive #page-wrapper .post h1 { font-size: 18px; text-align: center; margin: 0; }
	
	.archive #page-wrapper .post h1 a { display: block; padding: 10px; }
	
	.archive #page-wrapper .post h1 a:hover { }
	
	.archive #page-wrapper .post img { width: 100%; }

.single-post #page-wrapper #blog { margin-top: 15px; margin-bottom: 15px; }

.single-post #page-wrapper .post p a { text-decoration: underline; }
/* end blog masonry */

.archive #page-wrapper #blogSx,
.single #page-wrapper #blogSx {
/*    width: 55%;
	float: left;
	margin-top: 15px;*/
	color: #000;
	}
	
.archive #page-wrapper #blogDx,
.single  #page-wrapper #blogDx {
/*    width: 30%;
	float: right;*/
	margin-top: 15px;
	color: #000;
	}	

.archive,	
.single { background-color: #FFFFFF; }
	
	
.archive  #page-wrapper #blogSx h1,
.single  #page-wrapper #blogSx h1 {
	font-size: 36px;
	}
	
	
	.archive  #page-wrapper #blogSx .post { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid rgba(0,0,0,0.15); }
	.archive  #page-wrapper #blogSx .post h1,
	.archive  #page-wrapper #blogSx .post h1 a { color: #000; }
	
	.archive  #page-wrapper #blogSx .post h1 a:hover { text-decoration: underline; }
	
	.archive  #page-wrapper #blogSx .post img { float: left; margin-right: 30px; display: block; }


/* Blog DX */	
.archive  #page-wrapper #blogDx ul,
.single  #page-wrapper #blogDx ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	.archive  #page-wrapper #blogDx ul li.widget,
	.single  #page-wrapper #blogDx ul li.widget {
		margin-bottom: 30px;
		/*border-bottom: 1px solid #999d9f;
		padding-bottom: 30px;*/
		}
		
		.archive  #page-wrapper #blogDx ul li.widget h2.widgettitle,
		.single  #page-wrapper #blogDx ul li.widget h2.widgettitle {
			font-size: 24px;
			font-family: "garamond-premier-pro",serif;
			margin-top: 0;
			color: #999d9f;
			}
		
	.archive  #page-wrapper #blogDx ul li.widget a,
	.single  #page-wrapper #blogDx ul li.widget a { color: #673b54; }
	
	.archive  #page-wrapper #blogDx ul li.widget a:hover,
	.single  #page-wrapper #blogDx ul li.widget a:hover { text-decoration: underline; }
	
	
	
	
@media (max-width:599px) {
	.archive #page-wrapper #blogSx,
	.single #page-wrapper #blogSx,
	.archive #page-wrapper #blogDx,
	.single  #page-wrapper #blogDx,	
	
	#tenuta #page-wrapper .col,
	#leggenda #page-wrapper .testo,
	#passione02 #page-wrapper .col,
	#territorio #page-wrapper .testo,
	#territorio #page-wrapper #imadxmobile,
	#news #page-wrapper .testo,
	#news #page-wrapper #imadxmobile,
	#scheda-vino #page-wrapper .testo,
	#scelta-vini #page-wrapper .col,
	#contatti #page-wrapper .testo,
	#contatti #page-wrapper #imadxmobile {
		width: 96% !important;
		margin: 0  !important;
		padding: 2% !important;
		clear: both;	
		}
		
	.archive #page-wrapper .grid-sizer,
	.archive #page-wrapper .post { width: 96% !important; }
	
	.archive #page-wrapper .gutter-sizer { width: 2% !important; }
			
	.xmobile { display: block !important; }	
	
	#scheda-vino #page-wrapper #imadxmobile	 { display: none; }
				
	}
	

@media (max-width:1023px) {
	
	nav#menuPrinc, .nomobile, .xmobile,
	#contatti #page-wrapper #imadx,
	#ultimeBlog { display: none; }
	
	.archive #page-wrapper .grid-sizer,
	.archive #page-wrapper .post { width: 48%; }	
	.archive #page-wrapper .gutter-sizer { width: 2%; }
	
	.mobile { display: block; }	
	
	#page-wrapper { width: 100%; /*padding-top: 25px;*/ }
	
	body, html { /*padding-top: 25px;*/ }
	
	#page-wrapper { padding-top: 47px; }
	
	body.home.page #page-wrapper h1 { text-align: left; }
	
	
	
	

	#openMobile {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;	
		background-color: #000;
		z-index: 9999;
		}
		
		#openMobile a { display: inline-block; padding: 8px 10px; }		
		
		#openMobile .fa.fa-bars { color: #FFF; }
		
		#openMobile img { max-height: 40px; }
		
		nav#mobile.open { display: block; left: 0; z-index: 9998; }
		nav#mobile.animated { display: block; left: 0; z-index: 9998; }
		
		
		
		
		
	
	#tenuta #page-wrapper div {
		position: relative;
		}
	
	
	
	
	#tenuta #page-wrapper #sx,
	#tenuta #page-wrapper #dx,
	#privacy #page-wrapper .testo {
		width: 96%;
		margin: 0;
		clear: both;		
		padding: 2%;
		}
		
	.archive #page-wrapper #blogSx,
	.single #page-wrapper #blogSx,
	.archive #page-wrapper #blogDx,
	.single  #page-wrapper #blogDx,

	#tenuta #page-wrapper .col,
	#passione02 #page-wrapper .col,
	#territorio #page-wrapper .testo,
	#territorio #page-wrapper #imadxmobile,
	#news #page-wrapper .testo,
	#news #page-wrapper #imadxmobile,
	#scelta-vini #page-wrapper .col,
	#scheda-vino #page-wrapper .testo,
	#scheda-vino #page-wrapper #imadxmobile,
	#scelta-vini #page-wrapper .col,
	#contatti #page-wrapper .testo,
	#contatti #page-wrapper #imadxmobile { width: 48%; padding: 2%; float: left;  }	
	
	
/*	#contatti #page-wrapper #imadx { width: 48%; padding: 2%; float: right; top: 0; right: 0; }
*/	
	
	
	
	#leggenda #page-wrapper .testo {
		margin-left: 5%;
		width: 50%;
/*		color: #FFF;*/
		}


	}






@media (min-width:1024px) {	

.mobile, .xmobile { display: none; }
.nomobile { display: block; }

.archive #page-wrapper .grid-sizer,
.archive #page-wrapper .post { width: 23%; }

	.archive #page-wrapper .gutter-sizer { width: 2% !important; }

.archive #page-wrapper #blogSx,
.single #page-wrapper #blogSx {
    width: 55%;
	float: left;
	}
	
.archive #page-wrapper #blogDx,
.single  #page-wrapper #blogDx {
    width: 30%;
	float: right;
	}	

	
nav {
	width: 17%;
	left: 0;		
	font-family: 'Roboto', sans-serif;
	}

#page-wrapper {
	width: 83%;
	right: 0;
	position: absolute;
/*	padding: 0 15px;*/
/*	overflow: hidden;*/
	background-color: #FFFFFF;
	}



nav #logoSx {
	margin-top: 19px;
	margin-bottom: 19px;
	padding: 0 19px;
	}



/* -----------------
        NAV SX
-------------------*/	
nav #menuSx {  }

	nav #menuSx ul,
	nav #menuSx ul li {
		margin: 0; padding: 0;
		list-style: none;
		text-align: right;		
		text-transform: uppercase;
		font-size: 13px;
		font-weight: 600;
		}
		
		
		
		nav #menuSx ul li { padding: 10px 0; }

		nav #menuSx ul li a {
			color: #FFF;
			padding: 5px 15px;
			border-right: 4px solid transparent;
			}
			
			nav #menuSx ul li a:hover { text-decoration: none; color: #FFF; background-color: #673b54; }
			
			nav #menuSx ul li.current-menu-item > a,
			nav #menuSx ul li.current-menu-parent > a,
			nav #menuSx .current-menu-ancestor > a { color: #673b54; border-right: 4px solid #673b54; }
			
				nav #menuSx ul li.current-menu-parent a:hover,
				nav #menuSx ul li.current-menu-item a:hover { text-decoration: none; color: #FFF; }
				
		/* submenu */
		nav #menuSx ul.sub-menu { margin-top: 5px; display: none; }
		nav #menuSx ul.sub-menu li { font-weight: normal; text-transform: none; padding: 5px 0 !important; }
		nav #menuSx ul.sub-menu li a { padding: 0 15px !important; }
		nav #menuSx ul.sub-menu li a:hover { text-decoration: underline; background-color: transparent; }
		
		/* submenu display on click */
		nav #menuSx .current-menu-item ul.sub-menu,
		nav #menuSx .current-menu-parent ul.sub-menu,
		nav #menuSx .current-menu-ancestor ul.sub-menu { display: block; }
		
	
nav #footer { position: absolute; width: 100%; bottom: 25px; padding: 0 15px; }





/*
selettore lingue WPML sx
*/
#lang_sel_list ul {
	list-style: none;
    margin: 0;
    padding: 0;
	text-transform: uppercase;
	}
	
	#lang_sel_list ul > li {
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
		}

#lang_sel_list a { color: #FFF; }
#lang_sel_list a:hover { font-weight: bold; }




	
/* -----------------
        TENUTA
-------------------*/	
#tenuta #page-wrapper #sx,
#tenuta #page-wrapper #dx {
	width: 50%;		
	}
	
	#tenuta #page-wrapper #sx { top: 0; left: 0; }
	
	#tenuta #page-wrapper #dx { top: 0; right: 0; }
	
	#tenuta #page-wrapper #sx #sxsopra,
	#tenuta #page-wrapper #dx #dxsopra { position: absolute; top: 0; width: 100%; height: 35%;  }
	
	#tenuta #page-wrapper #sx #sxsotto,
	#tenuta #page-wrapper #dx #dxsotto { position: absolute; bottom: 0; width: 95%; height: 60%; margin: 2.5%; }
	
	
					
	#tenuta #page-wrapper .col {
		float: left;
		width: 45%;
		height: 45%;
		margin: 2.5%;
		}
		
	
	
	
	
	
	
	
/* -----------------
        TENUTA / Tenuta > passione
-------------------*/
#passione #page-wrapper #sx,
#passione #page-wrapper #dx {
	width: 50%;		
	}
	
	#passione #page-wrapper #sx { top: 0; left: 0; }
	
	#passione #page-wrapper #dx { top: 0; right: 0; }
	
	#passione #page-wrapper #sx #sxsopra { position: absolute; top: 0; width: 100%; height: 35%; }
	
	#passione #page-wrapper #sx #sxsotto { position: absolute; bottom: 0; width: 95%; height: 60%; }
	
	#passione #page-wrapper #dx #dxsopra { position: absolute; top: 0; width: 95%; height: 60%; }
	#passione #page-wrapper #dx #dxsotto { position: absolute; bottom: 0; width: 100%; height: 35%; }
	
	#passione #page-wrapper #dxsopra { margin: 2.5%; }
	
	#passione #page-wrapper .col {
		float: left;
		width: 45%;
		height: 45%;
		margin: 2.5%;
		}







/* -----------------
        TENUTA > passione II
-------------------*/
#passione02 #page-wrapper .sopra { position: absolute; top: 0; width: 100%; height: 35%; }

	#passione02 #page-wrapper .sopra .col {
		float: left;
		height: 45%;
		margin: 2.5%;
		width: 45%;
		}

#passione02 #page-wrapper .sotto { position: absolute; bottom: 0; width: 100%; height: 65%; }

#passione02 #page-wrapper .sotto #sottoSx { position: absolute; left: 0; width: 45%; height: 90%; margin: 2.5%;  }
#passione02 #page-wrapper .sotto #sottoDx { position: absolute; right: 0; width: 45%; height: 90%; margin: 2.5%; }




/* -----------------
        TENUTA > leggenda
-------------------*/
#leggenda #page-wrapper .testo {
	margin-left: 5%;
	width: 40%;
/*	color: #FFF;*/
	}
		





/* -----------------
        TERRITORIO
-------------------*/
#territorio #page-wrapper .testo {
	margin-left: 5%;
	width: 30%;
	}

	#territorio #page-wrapper #imadx {
		width: 60%;
		top: 0;
		right: 0;
		}




/* -----------------
        VINI
-------------------*/
#scelta-vini #page-wrapper .col {
	position: absolute;
	top: 0;
	}
	
	#scelta-vini #page-wrapper .col a { width: 100%; display: block; }
	
	#scelta-vini #page-wrapper #imaSx { left: 0; height: 90%; width: 45%; margin: 2.5%; }
	#scelta-vini #page-wrapper #imaDx { right: 0; height: 90%; width: 45%; margin: 2.5%; }



	
	
	
	
/* -----------------
        SCHEDA VINO
-------------------*/
#scheda-vino #page-wrapper .testo {
	margin-left: 5%;
	width: 30%;
	}
	

	
	
	

/* -----------------
        SCHEDA VINO SASSI DAUTORE
-------------------*/	
#scheda-vino #page-wrapper #imadx { width: 60%; top: 0; right: 0; }






/* -----------------
        NEWS / masonry
-------------------*/
.grid {}

	.grid-item { width: 100%; }

	.grid-item--fullheight { height: 100%; }
	


	
#news #page-wrapper .testo {
	margin-left: 5%;
	width: 35%;
	}

	#news #page-wrapper #imadx {
		width: 55%;
		top: 0;
		right: 0;
		}




/* -----------------
        CONTATTI
-------------------*/
#contatti #page-wrapper .testo {
	margin-left: 5%;
	width: 30%;
	}
	
	#contatti #page-wrapper #imadx {
		width: 60%;
		top: 0;
		right: 0;
		}
		
		
/* -----------------
        Privacy
-------------------*/
#privacy #page-wrapper .testo {
	margin-left: 5%;
	width: 40%;
/*	color: #FFF;*/
	}

}











 /*.fluid-width-video-wrapper { padding-left: inherit !important; padding-right: inherit !important; padding-bottom: inherit !important; }*/

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 1.2em;
}