/*
Theme Name: SimpleMag Child Theme
Theme URI: http://themesindep.com/
Author: ThemesIndep
Author URI: http://themesindep.com/
Description: Magazine theme for creative things
Template: simplemag
*/

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* Your CSS code goes here
-------------------------------------- */


#branding{
	padding-top: 15px;
	padding-bottom: 15px;
}

.home-section{
	margin-top: 60px;
}

.image-caption{
	font-style: normal;
}

.manual-excerpt{
	border-bottom: 0;
}

blockquote p{
	font-family: Oswald, impact, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 28px;
}


.list-posts{
	overflow: hidden;
}

.list-posts .post{
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
}
.list-posts .post:before{
	content:"";
	position: absolute;
	width: calc(100% - 10px);
	height: calc(100% - 7px);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	
}

.list-posts .post img{
	width: 100%;
}

.list-posts .post .hover{
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	padding: 10px;
	text-align: left;
}

.list-posts .post .hover .entry-title{
	font-size: 32px;
	line-height: 32px;
	text-transform: initial;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

.list-posts .post .hover .entry-title a{
	color: #fff;
}
.list-posts .post .hover .entry-meta a{
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	background-color: #000;
	padding: 2px 3px;
}

.entry-title{
	text-transform: initial;	
}

.post-item .entry-summary{
	margin-bottom: 15px;
}
.entries .post-item .entry-footer .read-more-link{
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
}

.masonry-layout .post-item .post-item-inner{
	padding-bottom: 30px;
	border-bottom: 1px solid #000;
}

.archive .page-title .entry-title{
	color: #fff;
	background-color: #000;
	padding: 5px 10px !important;
	display: inline-block;
	float: none;
	font-size: 28px;
} 

.single-post .page-title .entry-title{
	text-transform: initial;

} 

.widget_ti_site_authors .author-avatar img{
	border-radius: 50%;
}

.page-pagina-autori .author-avatar {
	width: 150px;
	height: 150px;
	display: block;
	margin: 30px auto;
	border-radius: 75px;
	overflow: hidden;
	position: relative;

}
.page-pagina-autori .author-avatar img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.logo{
	display: none;
}
// .home .logo{
// 	display: block;
// 	margin-left: 15px;
// }

.top-strip-logo{
	margin-right: 15px;
	position: relative;
}

// .home .top-strip-logo{
// 	margin-right: 15px;
// 	transition: all 0.3s ease;
// 	opacity: 0;
// 	visibility: hidden;
// 	left: -100%;
// 	margin-left: -100%;
// }

.manual-excerpt{
	font-size: 24px;
}

.related-posts .slick-track{
	margin-left: 0;
	margin-right: 0;
}


.top-strip .social li.top-link a{
	width: auto;
	font-family: inherit;
	color: #fff;
	transition: none;
	transform: none;
	margin-right: 5px;
}

.social li a{
	width: 24px;
	height: 24px;
	font-size: 14px;
}

#searchform input{
	font-size: 14px;
	color: #999;
}

.widget_ti_site_authors .authors-list.authors-list-home .item{
	display: inline-block;
}
.widget_ti_site_authors .authors-list.authors-list-home .author-avatar{
	float: none;
	width: auto;
	margin-right: 10px;
}

.widget_tag_cloud .widgettitle{display:none;}
.widget_tag_cloud a{
	margin-right: 5px;
}
.widget h2, .widget h3{text-align: left; text-transform: initial;}

.layout-full 
.post .page-title{
	text-align: left;
}
.title-with-sep{
	background: none !important;
}
.title-with-sep .title, 
.title-with-sep .entry-title{
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}


.sidebar .widget.widget_ti_site_authors{
	border: 1px solid #000 !important;
	padding: 10px 20px;
}

.copyright{
	text-transform: inherit !important;
}
.copyright-text{
	font-size: 10px;
	line-height: 1.2em;
}

.post-licence{
	font-size: 11px;
	padding-bottom: 80px;
}


@media only screen and (max-width: 959px){
	.mobilewhite {
		-webkit-box-shadow: none;
		box-shadow: none;
		border-right: 1px solid #000;
	}

	.lines-button{
		float: left;
	}


	.top-strip .social li .social-share-link {
		display:block;	
	}
	
	.top-strip .social > li {
		position:relative;
	}
	
	.top-strip .social li ul {
		position:absolute;
		left:0;
		top:50px;
		z-index:999;
		display:none;
	}
	
	.top-strip .social > li:hover ul {
		display:block;
	}
	
	.top-strip .search-form {
        width:50px;
        position:static;
	}
	
	.top-strip .search-form form {
		position:absolute;
        left:0;
        top:-50px;
        width:100%;
	}
	
	.top-strip .mobile-search-button {
		position:absolute;
        z-index:99;
        right:0;
        top:0;
        width:50px;
        height:50px;
        line-height:50px;
        text-align:center;
        cursor:pointer;
	}	
        .top-strip .mobile-search-button:before {
            content:"\f002";
            font-family:"icomoon";
        }

        .search-form-open .mobile-search-button:before {
            content:"\e607";
            font-size:24px;
        }

    .search-form-open {
        margin-top:50px;
    }
}


@media (min-width: 768px){

	.home .logo{
		display: block;
		margin-left: 15px;
	}


	.home .top-strip-logo{
		margin-right: 15px;
		transition: all 0.3s ease;
		opacity: 0;
		visibility: hidden;
		left: -100%;
		margin-left: -100%;
	}

}