@charset "utf-8";
/* CSS Document */
/**** Isotope Filtering ****/

.isotope-item {
	z-index: 2;
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}
/**** Isotope CSS3 transitions ****/

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}
.btn-primary-b {
	color: #fff !important;
	border-color: #fff !important;
}
img {
	vertical-align: middle;
}
.mediablog {
	background: #F5F5F5;
	border-bottom: solid 1px #c7c9c8;
	margin-bottom: 30px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	min-height: 390px;
}
.mediablog a {
	overflow: hidden;
}
.mediablog-img {
	overflow: hidden;
	position: relative;
	padding: 0;
	background-color: #CCD6DC;
	border-bottom: 1px solid #7EC1A1;
}
.mediablog-img .img-overlay {
	background: #157bbb;
	background: rgba(18, 132, 192, 0.43);
	;
	position: absolute;
	width: 100%;
	height: 100%;
	padding-top: 50%;
	text-align: center;
	z-index: 4;
	-webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.50–12.00 */
	transition: opacity 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	opacity: 0;
	visibility: hidden;
}
.lt-ie9 .mediablog-img .img-overlay {
	filter: alpha(opacity=70);
}
.mediablog .img-overlay a {
	display: none;
	position: relative;
	margin-top: -24px;
}
.mediablog:hover .img-overlay a, .mediablog .img-overlay:hover a {
	display: inline-block;
}
.mediablog .img-overlay h3 {
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 25px;
	font-size: 18px;
	margin-top: -40px;
}
.mediablog:hover .img-overlay, .mediablog .mediablog-img:hover .img-overlay {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: opacity 0.3s ease-out;  /* Firefox 4-15 */
	-o-transition: opacity 0.3s ease-out;  /* Opera 10.50–12.00 */
	transition: opacity 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.mediablog p {
	font-size: 14px;
	line-height: 19px;
}
.mediablog a:hover {
	text-decoration: none;
}
.mediablog-body {
	padding: 20px 30px 10px 35px;
}
.mediablog div.pull-left {
	overflow: hidden;
	margin-right: -15px;
	margin-left: 14px;
}
.mediablog div.mediablog-img img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 2000ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 2000ms;
	transform: scale(1, 1);
	transition-timing-function: ease-out;
	transition-duration: 2000ms;
	/*width: 100%;*/
	height: auto;
}
.mediablog:hover div.mediablog-img img {
	-webkit-transform: scale(1.15, 1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 1500ms;
	-moz-transform: scale(1.15, 1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 1500ms;
	transform: scale(1.15, 1.15);
	transition-timing-function: ease-out;
	transition-duration: 1500ms;
	position: relative;
	z-index: 3;
}
.mediablog .mediablog-testo {
	margin-top: 20px;
	margin-right: 20px;
}
/* ==========================================================================
   BLOG
   ========================================================================== */


.navbar.navbar-blog {
	z-index: 1;
	margin-bottom: 0;
}
.nav.nav-blog>li>a:hover, .nav>li>a:focus {
	background: transparent;
}
.navbar .nav.nav-blog li {
	text-align: center;
}
.blog-logo {
	padding: 90px 0 30px
}
.blog-titolo {
	display: block;
	margin-top: 0;
}
.blog-titolo {
	margin: 0 20px;
}
.blog .mediablog, .category .mediablog {
	position: relative;
}
.navbar .nav-blog {
	border-bottom: solid 1px #c7c9c8;
}
body.blog, body.category, body.single-post {
	background: #efe7e0
}
.mediablog-post a {
	display: inline;
}
#blog-blocchi {
	position: relative;
	width: auto !important;
}
#blog-blocchi .element .mediablog {
	position: relative;
}
.mediablog > .pull-left {
	margin-right: 0;
}
#blog-blocchi .element .mediablog .img-overlay {
	padding-top: 0;
}
#blog-blocchi .element .mediablog .img-overlay a {
	top: 50%;
}
.mediablog-post {
	padding: 15px 20px 15px 20px;
	overflow: hidden;
}
.mediablog-post h3 {
	margin-top: 0;
}
p.metadata {
	font-size: 13px;
	margin-bottom: 6px !important;
	color: #62696e;
}
.blog .mediablog h3, .category .mediablog h3 {
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 10px;
}
h5.blog-categorie {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #157bbb;
	color: white;
	padding: 3px 10px;
	margin: 0;
	text-transform: uppercase;
	font-size: 11px;
}
h5.blog-categorie a {
	color: #fff;
}
.blog .mediablog h5 a, .category .mediablog h5 a {
	display: inline;
	color: white;
}
.blog .mediablog p, .category .mediablog p {
	margin-bottom: 0;
}
.blog .mediablog .mediablog-post, .category .mediablog .mediablog-post {
	padding: 20px 30px 30px 30px;
}
.blog .mediablog.post-featured .mediablog-post, .category .mediablog.post-featured .mediablog-post {
	padding: 20px 15px 30px 15px;
}
.blog .post-featured.mediablog .mediablog-img, .category .post-featured.mediablog .mediablog-img, .blog .post-normale.mediablog .mediablog-img, .category .post-normale.mediablog .mediablog-img {
	max-height: 200px;
}
.single-post .main {
	margin: 0 -15px;
}
.single-post .main h1 {
	font-size: 30px;
}
.single-post .attachment-post-single.wp-post-image {
	width: 100%;
	margin-bottom: 10px;
	height: auto;
}
.single-post .articolo-box {
	background: #fff;
	padding-bottom: 40px;
	overflow: hidden;
}
.single-post .entry-content {
	background: #fff;
}
.single-post .articolo-box header {
	margin: 20px 15px;
}
.single-post .articolo-box header h1 {
	font-size: 30px;
}
.single-post h5.blog-categorie {
	position: relative;
	bottom: auto;
	right: auto;
	margin: 0 20px;
	display: inline-block;
	margin-left: 0;
	padding-left: 15px;
	margin-bottom: 10px;
}
.single-post .metadata {
	margin-bottom: 25px;
}
.addthis_floating_style.addthis_counter_style {
	width: 60px;
	position: relative;
	margin: 30px auto;
}
.single-post .articolo-box .entry-content img {
	max-width: 100%;
	height: auto;
}
#comments {
	margin-top: 30px;
	padding: 20px 30px;
}
#comments .mediablog {
	padding: 10px 0;
	border-bottom: none;
}
#comments .mediablog a {
}
.avatar {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#comments .mediablog-body {
	margin: 0;
	padding: 0 20px;
}
#comments .mediablog .mediablog {
	border-bottom: none;
}
#respond {
	background: #5388aa;
	padding: 20px 15px 0;
	color: white;
	margin-bottom: 60px;
}
#respond a {
	color: white;
	text-decoration: underline;
}
#respond .respond-footer {
	padding: 20px 15px 20px;
	margin: 0 -15px 0 -15px;
	background: #477ea2;
	margin-top: 10px;
	margin-left: -15px;
	margin-right: -15px;
}
aside h3 {
	margin-top: 0;
}
aside .mediablog .mediablog-body {
	padding: 10px 20px 10px 25px;
	line-height: 17px;
}
aside .mediablog .mediablog-body .metadata {
	margin-bottom: 0;
	font-size: 13px;
}
aside .mediablog .mediablog-body a {
	color: #262f35;
	margin-bottom: 4px;
	overflow: visible;
	display: block;
}
aside .mediablog .mediablog-body a:hover {
	color: #4f8db4;
}
.block block-blog-details > p > span {
	font-size: 13px !important;
}
