/*
Theme Name: Template

Description:  Tema realizzato in Html5. 
Version: 1.0
Author: Biagio Caravano
Site: http://www.biagiocaravano.it
*/

/* Reset.css */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }


/*** General ***/
body {color: #212121;font-size: 14px; font-family: "Helvetica", Helvetica, Arial, sans-serif; font-weight:normal; line-height: 1.4;background-color: #fff;}

	/* Typography */
	a 			{color: #000;text-decoration:none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	a:hover 	{color: #666; text-decoration:none!important;}
	a:active	{outline: none;}
	dl, hr,  h2, h3,
	ol, ul, dd, pre, table, fieldset {margin-bottom: 20px;font-weight:400;}
	h1 			{color: #212121;font-size: 10px; font-family: "Helvetica", Helvetica, Arial, sans-serif; font-weight:normal; line-height: 1.4; margin-top:100px;}
	h2 			{font-size: 11px; color:#000;letter-spacing:4px; font-weight: 600;line-height: 3;text-align: center;padding: 3px 10px 100px 10px;}
	h3 			{font-size: 16px; font-weight:100; line-height:1.4;width:20%;border:solid 1px #fff;padding:20px;display:inline; float:left; margin:20px; box-sizing:border-box;}
	h4 			{font-size: 20px;margin:150px 200px 0px 0px; color:#333; line-height:1.6; font-weight:100;}
	h5 			{
		
		font-family: "Playfair Display";
     font-size: 24px;
     line-height: 1.0em;
     text-transform: normal;
     letter-spacing: -.04em;
     font-weight:100;
     color:#666;
     width:60px;
     margin-bottom:50px;
     margin-top:100px;
     border:solid 1px #666;
    padding:10px;
    text-align:center;
		
	}
	
	h6 			{
   font-size: 16px;
   line-height: 1.0em;
   text-transform: normal;
   letter-spacing: 1px;
    font-weight: 500;
    font-style: normal;
    color:#000;
}
	
	/* Structure */
	#wrapper 		{width: 100%;margin: 0 auto;}
	#header 		{width: 100%;float:left;} 
	
	#mainmenu{
	width: 100%;
    z-index: 100;
    overflow: scroll;
	text-align:center;
	}



	
	.bartop{
		font-size:14px;
		width:100%;
		display:block;
		height:10px;
		position:fixed;
		top:0px;
		background-color:#302d1d;
		z-index:10000;
		color:#000;
		
	}
	
	.barleft{
		height:100%;
		width:10px;
		position:fixed;
		left:0px;
		top:0;
		background-color:#302d1d;
		z-index:10000;
		
	}
	
	.barright{
		height:100%;
		width:10px;
		position:fixed;
		right:0;
		top:0;
		background-color:#302d1d;
		z-index:10000;
		
	}
	
	
	.navi{
		width:100%;
		background-color:#302d1d ;
		position:fixed;
		bottom:0;
		height:10px;
		z-index:10000;
		
	}
	



	
	#main 			{width: 100%;float:left;padding: 0px 0px 0px 0px!important;box-sizing: border-box ;-webkit-box-sizing: border-box ;}
	#content 		{width: 100%;float:left; margin:0px 0px; box-sizing:border-box; -webkit-box-sizing:border-box;position: relative; z-index:10;}
	#content_home 		{width: 100%;float:left; margin:0px 0px; box-sizing:border-box; -webkit-box-sizing:border-box;position: relative; z-index:10;}
	#content_foto 		{width: 100%;float:left; margin:0px 0px 0px 0px; box-sizing:border-box; -webkit-box-sizing:border-box;position: relative; z-index:10;}

	#sidebar 		{width: 270px;float:right;}
	#footer			{width: 100%;float:left;padding: 70px 0px 0px 0px;background-color:#fff; z-index:1;    position: relative;}
	#footer a 				{font: 14px;}
/*** Header ***/
#site-title a 			{ font-weight: 100; font-size:20px; text-transform:normal;float: left;color:#000;}
#site-title a:hover 	{background: none;}


/*** Menu ***/
#mainmenu ul 		{
    list-style: none;
	font-size:11px;
	list-style: none;
	letter-spacing:4px;
	line-height: 1.4;
	margin: 10px auto 0px auto;
	z-index:1000;
	text-align:center;

	}
#mainmenu ul li 	{margin: 0 auto 0 auto;position: relative; text-align:center; display:inline; }

	#mainmenu a {
  display:inline;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow:hidden;
  text-decoration: none;
  text-transform: uppercase;
  color: #000; 
  	font-weight:600; 
	  line-height: 3;
  text-align:center;
  padding: 3px 10px; 
	transition: all 3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	
	
}

	
	
#mainmenu a:hover {
	color:#666; 
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	}
	
	
	.boxcontentmenu{
	display:inline;
	margin:0 auto 0 auto;
	width:100%;
	position:absolute;
	z-index:100;
	
}


#mainmenu ul li.active a {
    text-decoration:none;
    color:rgb(172, 169, 169);

}


input{
-webkit-appearance: textfield;
color: #212121;
font-size: 12px;
background-color: #fff;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-bottom: 1px solid #999;
padding-top: 5px;
padding-right: 1px;
padding-bottom: 5px;
padding-left: 1px;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}

textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
background-color:#fff!important;
}

textarea {
-webkit-appearance: textarea;
color: #212121;
background-color: -apple-system-control-background;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-bottom: 1px solid #999;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
flex-direction: column;
resize: auto;
cursor: auto;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
white-space: pre-wrap;
word-wrap: break-word;
}

label {font-weight: normal!important; color:#ccc; font-size:12px; margin-top: 10px;}


	/* Search */
	.search{float: right;margin-top:-15px;}
	.top-search{width:160px!important;color:#999;float:right;background:#eee;border:none;padding:10px;}
	
	/* Button Responsive Menu*/
	.btn-responsive-menu{display: none;;cursor:pointer;color: #000;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8); z-index:100;width: 40px;margin: 0px auto;}
	.icon-bar1 			{display: block;width: 30px;height: 1px;margin:5px;background-color:#000; }
	
	.icon-bar2 			{display: block;width:30px;height: 1px;margin:5px;background-color:#000;}
	
	.icon-bar3 			{display: block;width: 30px;height: 1px;margin:5px;background-color:#000; }
	
	
	
	

	.show{display:block!important}
#back{
	width:100px;
	margin:0px auto;
	font-size: 11px;
	letter-spacing: 4px;
	font-weight: 600;
	text-align: center;
	padding: 3px 0px;
	background-color: #000;
	color: #ffffff;
}

#back a{color:#fff;}
#back a:hover{color:#888;}
	
/*** Post ***/
.post 					{padding: 0px 0 100px 0;}
.post_news 					{padding: 0px 0  0px 0;}
.post_press 					{padding: 0px 0  0px 0;}
.post_contatti 					{padding: 0px 0  0px 0;}


	/* Post title */
	
	.post .entry-title 	{
	margin-bottom: 20px;margin-left:20px;margin-top:10px; color:#333; 
	text-align: center;
font-family: 'Raleway', sans-serif;
font-size: 40px;
line-height: 1.0em;
text-transform: uppercase;
letter-spacing: -.04em;
font-weight: 400;
font-style: normal;
position: absolute;
	
	}
	.post .entry-title a{font-size: 28px;line-height:40px;letter-spacing: -1px; }
	.post .entry-content{margin: 100px 20px;text-align: center;}
	.post .entry-content_page{margin: 100px 20px;text-align: left;}
	.testobio{ margin:0px auto; text-align: justify; width:900px;}
	
	hr{border-bottom: 1px solid #ccc;border-top:none;border-left:none;border-right:none;margin:10px 0;}
		

.widget{padding-bottom:0px;}
#sidebar {height:100%; }
.sideb	{width: 46%;margin: 50px 20px 20px 0px;display:inline; float:left;}
.sideb2	{width: 46%;margin: 50px 20px 20px 0px;display:inline; float:right; text-align:right;}


#contentsideb{padding:0px 100px; box-sizing:border-box; -webkit-box-sizing:border-box;}

.testo_sideb{font-size: 11px;
	letter-spacing: 2px;
	margin-bottom: 30px;
	padding-bottom: 5px;
	color: #000;
	font-weight: 600;
}
.testo_sideb a{color:#000;}
.testo_sideb a:hover{color:#666;}

.textwidget {font-size:14px; }
.sideb:nth-child(2n+1)
{
	clear:both;
}	

	/* Lists in widgets */
	.widget h3			{}
	.widget li 			{
		list-style-type: none;
	display: inline;
	font-size: 11px;
	opacity:1.0!important;
	letter-spacing:1px;
	font-weight:500;
	}
.widget li 			{color:#999;}
.widget li a			{color:#999;}
.widget li a:hover			{color:#fff;}



ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment { border-bottom:1px dotted #999; padding:1em; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard { font-size: 16px; }
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { border:5px solid #ccc; float:right; margin:0 0 1em 1em; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:9px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:11px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { border-left:1px solid #ccc; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:1px solid #999; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:1px solid #ccc; margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#f6f6f6; }
ol.commentlist li.parent { border-left:1px solid #ccc; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/*** Misc ***/ 
.alignleft  	{margin: 0 20px 20px 0;}
.alignright 	{margin: 0 0 20px 20px;}
.clear 		{clear: both;}
.sep 		{padding: 0 5px;}
.hide 		{display: none;}
.alert {
  background-color: #fef9c7;
  border-color: #fcdd4a;
  color: #3b3601;
  border-radius: 0 5px 5px 0;
  padding: 10px 14px;margin:0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}


.index-thumb{
	width:100%;
	height:auto;
	margin:0 auto 60px auto; 
	text-align:center;
	 background-attachment: fixed;
	background-position: top right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	
}

.immaginethumbs{
	width:100%;
	height:auto;
	margin:0px auto;
	
}




	 
	  /*** HOME ***/ 
	 
	.fotohomepage{margin: 0px 0px 70px 0px; box-sizing:border-box; -web-kit-box-sizing:border-box;} 
	 .testo_home{
		 padding: 350px 175px 350px 175px;
		 font-size: 20px;
		  }
	

	.testo_news_home{
	
	 float:left; 
		 color:#fff; 
		 width:100%;
		 height:300px;
		 padding:50px 100px!important; 
		 box-sizing:border-box; 
		 -web-kit-box-sizing:border-box;
		 background-image:url(https://www.fabioruggiero.it/wp-content/uploads/2021/12/2.jpg);
		 background-attachment: fixed;
	background-position: top right;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	
}
 
	 /*** FINE HOME ***/ 
	 
	 
	 
	
	 
	/*** FOTO ***/ 
.fotohomepage_foto{margin: 0px 0px 50px 0px ; box-sizing:border-box; -web-kit-box-sizing:border-box;} 

		/*** FINE FOTO ***/
		

	
	   /*** CONATTI ***/ 
	   
	   .fotohomepage_contatti{margin: 0px 0px -70px 0px ; box-sizing:border-box; -web-kit-box-sizing:border-box;} 

	 
	 .testo_home_contatti{
		 padding: 300px 175px 100px 175px;
		 font-size: 14px;
		 background-color:#111;
		  }
	
	
	 
	 /*** FINE CONTATTI ***/ 
	 
	 
	  /*** PAGE ***/ 
	 .testo_home_page{
		 padding: 200px 175px 200px 175px;
		 font-size: 14px;
		 color:#999;
		  }
	 /*** FINE PAGE ***/ 
	
	

.titolo_pagina{
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
	font-size:26px;
	font-weight:500;
	font-style: normal;
	text-decoration: none!important;
	padding: 70px 0px 0px 0px;
	width:100%;
	letter-spacing: 4px;
	text-align: center;
	
	}


	.titolo_pagina a{text-decoration: none!important;}