/*

Theme Name: wp-bootstrap CHILD

Theme URI: http://320press.com/wpbs

Template: wordpress-bootstrap-master

Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.

Version: 3.0

Author: 320press

Author URI: http://320press.com

Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options

License: GNU General Public License v2.0 & Apache License 2.0

License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0

*/



/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */





@font-face {

font-family: VAGRoundedStd;

src: url('fonts/VAGRoundedStd-Thin.otf');

font-weight: normal;

font-style: normal;

}


@font-face {

font-family: VAGRoundedStd;

src: url('fonts/VAGRoundedStd-Light.otf');

font-weight: bold;

font-style: normal;

}



body, a {

font-family: VAGRoundedStd, Helvetica, Arial, 'Arial Unicode MS', Sans-Serif;

color: #565656;

text-decoration: none;

}


a:hover {

font-family: VAGRoundedStd, Helvetica, Arial, 'Arial Unicode MS', Sans-Serif;

color: #565656;

}

body {
	padding-top: 25px !important;
	font-size: 16px;
}

hr {
	color: #565656 !important;
	border-top: 1px solid #CCCCCC !important;
}


img.alignnone {
	margin: 0 !important;
	padding: 0 1em 1em 0 !important;
}


img.alignleft {

margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom: 1em;

}

img.aligncenter {

margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom: 1em;


}

img.logo {

	margin: 0 !important;
	width: 250px;

}

img.size-thumbnail {
	width: 80px !important;
	height: 80px !important;
}

/**** CONTENT ****/

.row {
    margin: 0 !important;
}

/***** POST *****/

#main article {
	margin-bottom: 0;
	border: none;
	padding: 0 !important;
}

.lead {
	font-size: 1em !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

/***** SIDEBARS *****/

#sidebar1 ul li.down {
	padding-top: 1em !important;
}

#sidebar1 {
	/* width: 210px !important; */
	font-size: 14px;
}

#sidebar1 img {
	margin-bottom: 2em !important;
}

@media (max-width: 320px) {
	#sidebar1 {
		padding: 0 15px;
		margin: 0 35px !important;
	}
	#main  {
		padding: 0 !important;
		margin-left: 25px !important;
	}
}

ul, ul li {
	list-style-type: none !important;
	line-height: 2.5em;
	padding: 0;
	text-transform: uppercase;
}

/* #sidebar1 ul li:before {
	content: "#";
	color: #565656;
	padding-right: 0.2em;
} */

#sidebar1 ul li a:hover {
	color: none !important;
}

/***** ANIMAZIONE HOME *****/

#crossfade img.aligncenter {
	margin: 0 !important;
	padding: 0 !important;
}

#crossfade {
	position: relative;
    	height: 550px;
    	width: 550px;
	margin: 5em auto;
	float: left;
}

#crossfade img.logo-home-top {
	position: absolute;
	opacity: 1; 
	left:0;
	top: 0;
	z-index: 999;
    	-webkit-transition: opacity 0.3s;
    	-moz-transition: opacity 0.3s;
    	-o-transition: opacity 0.3s;
    	-ms-transition: opacity 0.3s;    
    	transition: opacity 0.3s;
}

#crossfade img.logo-home-top:hover {
	opacity: 0;
}

#crossfade img.logo-home-middle {
	margin: 0 !important;
	position: absolute;
	opacity: 1; 
	left:0;
	top: 0;

	z-index: 99;
}

#crossfade img.logo-home-bottom {
	margin: 0 !important;
	position: absolute;
	opacity: 1; 
	left:0;
	top: 0;

	z-index: 9;
}

@keyframes cross {
    0% {
        opacity:1;
    }
    45% {
        opacity:1;
    }
    55% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

@-webkit-keyframes cross {
    0% {
        -webkit-opacity:1;
    }
    45% {
        -webkit-opacity:1;
    }
    55% {
        -webkit-opacity:0;
    }
    100% {
        -webkit-opacity:0;
    }
}

#crossfade img.logo-home-middle {
   animation-name: cross;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   animation-duration: 5s;
   animation-direction: alternate;

   -webkit-animation-name: cross;
   -webkit-animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-duration: 5s;
   -webkit-animation-direction: alternate;
}

#crossfade img.logo-home-top {
   	animation-name: cross;
    	animation-play-state:paused;
 
	-webkit-animation-name: cross;
    	-webkit-animation-play-state:paused;
}

#crossfade img.logo-home-top:hover {
	animation-name: cross;
	animation-play-state:running;

	-webkit-animation-name: cross;
	-webkit-animation-play-state:running;

}

/****** RESPONSIVE *****/


@media (max-width: 1024px) {
	#crossfade {
    		position: relative;
    		height: 450px;
    		width: 450px;
		margin: 0 auto;
		float: left !important;
	}

}

@media (max-width: 768px) {
		.container {
    		width: 450px;
    		margin: 0 auto ;
		padding: 0;
	}

		img.logo {

	margin: 0 !important;
	width: 120px;

}

}


@media (max-width: 568px) {
	#crossfade {
    		position: relative;
    		height: 225px;
    		width: 225px;
		margin: 0 auto;
		float: left !important;
	}

}


@media (max-width: 320px) {
	#crossfade {
    		position: relative;
    		height: 220px;
    		width: 220px;
		margin: 0 auto;
	}

	body {
    		padding-top: 0 !important;
	}
	
	.container {
    		width: 220px;
    		margin: 0 auto;
	}
}

@media (max-width: 1024px) {
/***** ANIMAZIONE HOME *****/



#crossfade img.logo-home-top {
	position: absolute;
	opacity: 1; 
	left:0;
	top: 0;
	z-index: 999;
}


#crossfade img.logo-home-middle {
	margin: 0 !important;
	position: absolute;
	opacity: 1; 
	left:0;
	top: 0;

	z-index: 99;
}

#crossfade img.logo-home-bottom {
	margin: 0 !important;
	position: absolute;
	opacity: 1; 
	left:0;
	top: 0;

	z-index: 9;
}

#crossfade img.logo-home-top {
    	animation: crosstop 16s linear 2s infinite alternate;
	-webkit-animation: crosstop 16s linear 2s infinite alternate;
	-moz-animation: crosstop 16s linear 2s infinite alternate;
}

#crossfade img.logo-home-middle {
    	animation: crossmiddle 16s linear infinite alternate;
	-webkit-animation: crossmiddle 16s linear infinite alternate;
	-moz-animation: crossmiddle 16s linear infinite alternate;
}

@keyframes crosstop {
    	0%   {opacity: 1;}
	10% {opacity: 0;}
	85% {opacity: 0;}
	95% {opacity: 1;}
    	100% {opacity: 1;}
}
@-webkit-keyframes crosstop {
    	0%   {opacity: 1;}
	10% {opacity: 0;}
	85% {opacity: 0;}
	95% {opacity: 1;}
    	100% {opacity: 1;}
}
@-moz-keyframes crosstop {
    	0%   {opacity: 1;}
	10% {opacity: 0;}
	85% {opacity: 0;}
	95% {opacity: 1;}
    	100% {opacity: 1;}
}

@keyframes crossmiddle {
    	0%   {opacity: 1;}
    	45% {opacity: 1;}
	55%   {opacity: 0;}
    	100% {opacity: 0;}
}
@-webkit-keyframes crossmiddle {
    	0%   {opacity: 1;}
    	45% {opacity: 1;}
	55%   {opacity: 0;}
    	100% {opacity: 0;}
}
@-moz-keyframes crossmiddle {
    	0%   {opacity: 1;}
    	45% {opacity: 1;}
	55%   {opacity: 0;}
    	100% {opacity: 0;}
}



}


/***** TABELLE *****/

td, th {
    display: table-cell;
    vertical-align: top !important;
	padding: 0;
	margin: 0;
}

/***** LIGHTBOX *****/

.tos-desktop, .tos-wrapper, .tos-fixed {
	background-color: rgba(255,255,255,1) !important;
}

.tos-caption {
	color: #565656 !important;
	text-shadow: none !important;
}

.tos-prev, .tos-next, .tos-close {
	background: #BBB !important;
}