@import '_variable.scss';


article.article-wrap{
	overflow : hidden;
	margin-bottom:25px;
	border-top: 4px solid #C0392B;
	background-color: #FFF;
	-webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 0px 1px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	font-size: 15px;
	color: #919191;
	line-height: 28px;

	.entry-meta{
		font-size: 12px;
		text-transform: uppercase;
		color:#ac9b9b;
		a{
			color:#ac9b9b;
			&:hover{
				color:$theme-primary-color;
			}
		}
	}
	.entry-footer{
		font-size: 12px;
		background-color : lighten(#e5e5e5, 5%);
		padding : 3px 6px;
		text-transform: uppercase;
		color:#ac9b9b;
		a{
			color:#ac9b9b;
			&:hover{
				color:$theme-primary-color;
			}
		}
	}
	.entry-header{
		position:relative;
		height: 170px;
		overflow: hidden;
		width: 100%;
		background-color:darken(#e5e5e5, 1%);
	}

    &:hover.post,
    &.page {
    	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    &.post figure.post-thumb {
        display: inline-block;
        display: block;
        line-height: 1.42;
        background-color: white;
        border: 0px solid #f9f9f9;
        position: relative;
        overflow: hidden;
    }
    &.post figure.post-thumb > img {
        position: relative;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;

        width: 100%;
        opacity: 1;
        -webkit-transition: opacity 0.65s, -webkit-transform 0.65s;
        transition: opacity 0.65s, transform 0.65s;
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        border: 0px !important;
    }

}


article.article-wrap {
    -webkit-transition: -webkit-transform .28s, opacity .28s;
    -ms-transition: -o-transform .28s, opacity .28s;
    -o-transition: -o-transform .28s, opacity .28s;
    transition: transform .28s, opacity .28s;
}
.slide-out article.article-wrap {
    -webkit-transform: translate3d( 0, 100px, 0 );
    -ms-transform: translate3d( 0, 100px, 0 );
    -o-transform: translate3d( 0, 100px, 0 );
    transform: translate3d( 0, 100px, 0 );
    opacity: 0;
}


.single{
	article.post .entry-header{
		height: 340px;
	}
}


.entry-title {
    display: inline;
    margin: 0;
	font-size: 30px;
    line-height: 4.7rem;
    max-width: 99%;
    padding: 0;
	font-weight: 100;
    color: white;
    position: absolute;
    left: 0;
    bottom: -1px;
	letter-spacing: -.95px;
	a{
		color:#FFF;
	}
}

.page-content,
.entry-content {
	margin: 10px 15px;
	min-height: 120px;
	padding-bottom: 35px;
}



.entry-title span {
  text-decoration: none;
  padding: 3px;
  background-color: #C0392B;
  line-height: 25px; }

.entry-title:hover span {
  background-color: #81261d; }



.post-image,
.top-image {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.top-image {
  height: 340px;
}






/*
 *  Archive Search Page Title
 */
header{
	&.page-header {
		border-top: 4px solid #C0392B;
		background-color: #EDEDED;
		margin-top: 0px;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		display: block;
		position: relative;
		overflow: hidden;
	}
	&.page-header .page-title {
		margin: 35px;
		color: #C0392B;
		font-weight: 100;
	}
	&.page-header:after {
		content: "";
		background-repeat: no-repeat;
		background-position: right top;
		opacity: 0.1;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		position: absolute;
		z-index: 0;
		background-size: 440px 440px;
	}
}
.search header.page-header:after {
	background-image: url(../inc/assests/images/searchs.png);
}
.archive header.page-header:after {
	background-image: url(../inc/assests/images/folders.png);
}






/*
 *  Post Navigation
 */
article{
	nav.post-navigation{
		background-color:lighten(#e5e5e5, 5%);
	}
}

.sec-div{
	margin-top: 25px;
	margin-bottom : 8px;
	padding: 25px 14px;
}