/*

COLORI
------------------
ARANCIONE: #F69126
ROSSO: #DE1507;

*/



/* asoggetti custom css 2014 */
body{padding-top:2em;}


/* ----- COL SX SITO -----*/

	/* Titolo sito (asoggetti) */
		span.site-title{display:block; width:auto; clear:both; margin:5em 0 3em 0;}		
		span.site-title a{font-size:1.4em; letter-spacing:0em; color:#999; font-family: 'Roboto', sans-serif; font-weight:400;}
		span.site-title a:hover{text-decoration:none;}
		
		
	/* Main menu */
	ul#menu-main-menu{width:100%;}
	ul#menu-main-menu li{display:block; width:100%; float:left; clear:both;}
		ul#menu-main-menu li a{color:#999; font-family: 'Roboto', sans-serif; font-weight:300; text-transform:none; display:block; width:100%; padding:2% 0; font-size:1em;}
		ul#menu-main-menu li a:hover, ul#menu-main-menu li.current-menu-item a{color:#DE1507; text-decoration:none;}
		li.current-menu-item a{font-weight:300;}
		ul#menu-main-menu li{display:block; width:auto; clear:both;}
	
	
	/* Social */
		a i.fa-instagram{font-size:2em;}
		a i.fa-instagram:hover{font-size:2em; color:#DE1507;}
	
	
	
	
/* ----- COL DX SITO -----*/

/* Testi */
	div.page{max-width:1344px; width:100%; padding-top:2em;}
	h1.entry-title{position:absolute; top:-100%; left:-100%; text-indent:-99999px;}
	div.text-wrapper{display:none; font-family: 'Roboto', sans-serif; font-weight:300; color:#999;}

	

	/* simple max-width query */
	@media screen and ( max-height: 1000px ){
	    div.page{max-width:1200px; width:100%; padding-top:2em;}
	}






	
	/* Slider */
		div.metaslider,	div.metaslider img{max-width:1344px!important; width:100%!important;}
		
		
		/* Caption slider (dove presente) */
		div.caption-wrap{position:absolute; top:78px; left:0; opacity:0.7!important; background:transparent!important;
		margin: 0; display:block; font-family: 'Roboto', sans-serif; font-weight:100; width:50%!important; display:none!important;}
		
		div.caption-wrap .caption{padding:54px; margin:0; color:#FFF; background:#999; letter-spacing:0.1em; font-size:1.6em; line-height:20px;}
		
		
		
		
	/* Loader 
		div#loadingImage{background:url(http://www.asoggetti.it/wp-content/themes/asoggetti/pics/loader.gif) center no-repeat;} */
	

		
		
		/* Navigation dots */
			ol.flex-control-paging li a {width:6px; padding:0px!important; height:6px; display: block; background: #999; cursor: pointer; text-indent: -9999px;}
			ol.flex-control-paging li a:hover{background: #999;}
			ol.flex-control-paging li a.flex-active {background:#DE1507; cursor:default;}
			ol.flex-control-paging li a.flex-active:hover{background:#999; cursor:default;}
			






/* Footer */
	/* Col sx - Footer */
		.col-lg-2{position:relative; }
		.col-lg-2 footer{position:absolute; bottom:0;}
		footer *{color:#999; font-size:0.9em; font-family: 'Roboto', sans-serif; font-weight:300;}
		footer span{clear:both; display:block; width:auto;}
		footer a:hover{text-decoration:none; color:#DE1507;}
	
	
	/* Piede allineato alle foto per schermi grandi */
		div.col-footer{position:absolute; left:15px; top:42em; max-width:165px;}
	
	
	
/* PRELOADER */



	
	
	
	
	


			
			
	/* Responsive */
		/* Extra small devices (phones, less than 768px) */
		/* No media query since this is the default in Bootstrap */
		
		/* Small devices (tablets, 768px and up) */
		@media (min-width: @screen-sm-min) {}
		
		/* Medium devices (desktops, 992px and up) */
		@media (min-width: @screen-md-min) {}
		
		/* Large devices (large desktops, 1200px and up) */
		@media (min-width: @screen-lg-min) {}
		
	
	
	
	/* Responsive asoggetti */
		@media (max-width: 767px) {
			body{padding-top:0;}
			span.site-title a{font-size:2.0em;}
			button.menu-toggle{width:100%; margin-bottom:0.6em;}
			body.page-template-template-black button.menu-toggle{background:#333; color:#111; border:0 none; text-shadow:0 none;}
			div.caption-wrap, div.caption-wrap .caption{display:none!important;}
			div.text-wrapper{display:block; text-align:justify;}

		}	
		
		
		@media (min-width: 767px) {
			ol.flex-control-paging{margin-top:5%}
			ul.slides{margin-bottom:5%;}

		}			
		
		
			
		
		@media (max-width: 1199px) {
			span.site-title{margin:1.8em auto; display:block; width:100%;}
			div.col-footer{position:relative; left:auto; top:2em; max-width:inherit; padding-bottom:4em;}
			
		}
		
		
		
		
		
		@media (min-width: 1199px) {
		/* Arrows metaslider (solo per schermi grandi)  */
			.flex-direction-nav a{background:transparent!important;} /* tolgo frecce ner di default */
			
			div.flexslider{position:relative;}
			
			.flex-direction-nav a{position:absolute; display:block; z-index:999;}
			.flex-direction-nav a.flex-prev{width:50%; height:100%; top:0; left:0; padding:0; margin:0;}
			.flex-direction-nav a.flex-next{width:50%; height:100%; top:0; right:0; padding:0; margin:0;}
			
			.flex-direction-nav a.flex-prev{cursor:url(http://www.asoggetti.it/wp-content/themes/asoggetti/pics/prev.png), auto!important;}
			.flex-direction-nav a.flex-next{cursor:url(http://www.asoggetti.it/wp-content/themes/asoggetti/pics/next.png), auto!important;}		
		
		}
		
		
		
		
		
		@media (min-width: 768px) and (max-width: 991px) {
			
			
			
			}
	
	
	
	/* iPad in landscape */
		@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px) 
		and (orientation : landscape) {
			
				body{margin-top:0.8%;}
				.col-lg-2, .col-footer{display:none;}
				.col-lg-10 .page{margin-top:0; padding:0 4em;}
				div.text-wrapper{display:none!important;}
			
			
			}
		
	/* iPad in portrait */
		@media only screen 
		and (min-device-width : 768px) 
		and (max-device-width : 1024px)  {
			
				span.site-title{margin:0 auto 1.8em auto;}
				div.caption-wrap, div.caption-wrap .caption{display:none!important;}
				div.text-wrapper{display:block; text-align:justify;}				
				
			
			}		
			
			
			
			
	/* iPhone 5 in landscape */
		@media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 568px) 
		and (orientation : landscape) {
			
				body{margin-top:2.5%;}
				.col-lg-2, .col-footer{display:none;}
				.col-lg-10 .page{margin-top:0; padding:0 1em;}
			
			}			
			
			
	/* iPhone 2G-4S in landscape */
		@media only screen 
		and (min-device-width : 320px) 
		and (max-device-width : 480px) 
		and (orientation : landscape) {
			
				body{margin-top:2.5%;}
				.col-lg-2, .col-footer{display:none;}
				.col-lg-10 .page{margin-top:0; padding:0 1em;}
				div.text-wrapper{display:none;}
			
			}		


/* LOADER (non usato) */

#circleG{width:116.66666666666667px;}

.circleG{
background-color:#FFFFFF;
float:left;
height:25px;
margin-left:13px;
width:25px;
-moz-animation-name:bounce_circleG;
-moz-animation-duration:1.9500000000000002s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:17px;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:1.9500000000000002s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:17px;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:1.9500000000000002s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:17px;
-o-animation-name:bounce_circleG;
-o-animation-duration:1.9500000000000002s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:17px;
animation-name:bounce_circleG;
animation-duration:1.9500000000000002s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:17px;
}

#circleG_1{
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#circleG_2{
-moz-animation-delay:0.9099999999999999s;
-webkit-animation-delay:0.9099999999999999s;
-ms-animation-delay:0.9099999999999999s;
-o-animation-delay:0.9099999999999999s;
animation-delay:0.9099999999999999s;
}

#circleG_3{
-moz-animation-delay:1.1700000000000002s;
-webkit-animation-delay:1.1700000000000002s;
-ms-animation-delay:1.1700000000000002s;
-o-animation-delay:1.1700000000000002s;
animation-delay:1.1700000000000002s;
}

@-moz-keyframes bounce_circleG{
	0%{}
	50%{background-color:#DE1507}
	100%{}
}

@-webkit-keyframes bounce_circleG{
	0%{}
	50%{background-color:#DE1507}
	100%{}
}

@-ms-keyframes bounce_circleG{
	0%{}
	50%{background-color:#DE1507}
	100%{}
}

@-o-keyframes bounce_circleG{
	0%{}
	50%{background-color:#DE1507}
	100%{}
}

@keyframes bounce_circleG{
	0%{}
	50%{background-color:#DE1507}
	100%{}
}





/* BLACK TMPL */
body.page-template-template-black{background:#111;}
body.page-template-template-black span.site-title a{color:#858585;}


		body.page-template-template-black ul#menu-main-menu li a{color:#858585;}
		body.page-template-template-black ul#menu-main-menu li a:hover, 
		body.page-template-template-black ul#menu-main-menu li.current-menu-item a{color:#DE1507; text-decoration:none;}
		
		
		
		/* Navigation dots */
			body.page-template-template-black ol.flex-control-paging li a {background: #858585;}
			body.page-template-template-black ol.flex-control-paging li a:hover{background: #666;}
			body.page-template-template-black ol.flex-control-paging li a.flex-active {background:#DE1507;}
			body.page-template-template-black ol.flex-control-paging li a.flex-active:hover{background:#666;}		
		
		
		
/* Footer */
	/* Col sx - Footer */
		body.page-template-template-black footer *{color:#858585;}
		body.page-template-template-black footer a:hover{text-decoration:none; color:#DE1507;}		




/* HOME
body.home img{border:40px solid #FFF;} */



/*

ul.slides
{
  width: 100%!important;
  padding: 0!important;
  margin: 0 0 2em 0!important;
  list-style-type: none!important;
}

ul.slides li
{
  float: left!important;
  width: 33.3%!important;
  padding: 0!important;
  margin: 0!important;
  background-color: #000!important;
  border: 10px solid #fff!important;
  -moz-box-sizing: border-box!important;
  box-sizing: border-box!important;
  overflow: hidden!important;
}



ul.slides li img
{
  display: block!important;
  max-width: 100%!important;
}

*/