.entry {
	position: relative;
	margin-bottom: 3rem;
	font-size: 1.4rem;
	line-height: 1.85;
}

.entry-media {
	position: relative;
	background-color: #ccc;
	margin-bottom: 2.4rem;

	> a {
		position: relative;
		display: block;
	}

	img {
		display: block;
		max-width: none;
		width: 100%;
		height: auto;
	}
}

.entry-video {
	a {
		&:after {
			content: '\ec2c';
	   		font-family: "molla";
			display: -ms-inline-flexbox;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 7rem;
			height: 7rem;
			position: absolute;
			left: 50%;
			top: 50%;
			margin-left: -3.5rem;
			margin-top: -3.5rem;
			font-size: 1.8rem;
			line-height: 1;
			color: #fff;
			background-color: transparent;
			border-radius: 50%;
			border: .2rem solid #fff;
			-webkit-transition: all .35s ease;
			transition: all .35s ease;
		}

		&:hover,
		&:focus {
			&:after {
				color: $primary-color;
				background-color: #fff;
    			box-shadow: 0 0 0 1.6rem rgba(255, 255, 255, 0.2);
			}
		}
	}
}

.entry-meta {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	color: #777;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: .5rem;

	.text-center & {
		justify-content: center;
	}

	a {
		color: inherit;
		transition: all .3s ease;

		&:hover,
		&:focus {
			color: $primary-color;
			box-shadow: 0 1px 0 $primary-color;
		}
	}
}

.meta-separator {
	margin-left: 1.1rem;
	margin-right: 1.1rem;
}

.entry-title {
	color: #333333;
	font-weight: 600;
	font-size: 2.2rem;
	line-height: 1.25;
	letter-spacing: -.025em;
	margin-bottom: .6rem;

	a {
		color: inherit;

		&:hover,
		&:focus {
			color: $primary-color;
		}
	}
}

.entry-cats {
	color: #777;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;

	a {
		color: inherit;
		transition: all .3s ease;

		&:hover,
		&:focus {
			color: $primary-color;
			box-shadow: 0 1px 0 $primary-color;
		}
	}
}

.entry-content {
	p {
		margin-bottom: 1.3rem;
	}
}

.read-more {
	display: inline-block;
	position: relative;
	font-weight: 400;
	letter-spacing: -.01em;
	padding-bottom: .1rem;
	transition: all .3s ease;


	&:after {
		font-family: 'molla';
		content: '\f274';
		font-size: 1.5rem;
		line-height: 1;
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -.75rem;
		opacity: 0;
		transition: all .25s ease;
		transform: translateX(-6px);

	}

	&:hover,
	&:focus {
		padding-right: 2.2rem;
		box-shadow: 0 1px 0 0 $primary-color;

		&:after {
			opacity: 1;
			transform: translateX(0);
		}
	}
}

.menu-cat {
	margin: 0 0 2rem;
	padding: 0;
	display: flex;
	align-items: center;
	flex-flow: wrap;

	li {
		margin-right: 3.6rem;

		&:last-child {
			margin-right: 0;
		}
	}

	&.justify-content-center li {
		margin-left: 1.8rem;
		margin-right: 1.8rem;

		&:lat-child {
			margin-right: 1.8rem;
		}
	}

	a {
		display: inline-block;
		color: #333333;
		font-weight: 300;
		font-size: 1.4rem;
		line-height: 1.5;
		padding-top: .4rem;
		padding-bottom: .4rem;

		span {
			color: #cccccc;
			font-weight: 400;
			margin-left: .8rem;
		}

		&:hover,
		&:focus {
			color: $primary-color;
		}
	}

	li.active {
		a {
			color: $primary-color;
			box-shadow: 0 1px 0 $primary-color;
		}
	}
}

/* Entry Grid */
.entry-grid {
	.entry-title {
		font-size: 1.8rem;
	}

	.entry-media {
		margin-bottom: 1.4rem;
	}

	.entry-cats {
		margin-bottom: .9rem;
	}
}

/* Masonry */
.entry-container {
	position: relative;
	margin: 0 -1rem .5rem;
	transition: height .4s;
	@include clearfix();
}

.entry-item {
	float: left;
	padding: 0 10px;
}

/* Entry list */
.entry-list {
	p {
		margin-bottom: 1rem;
	}
}

/* Entry Overlay */
.entry-mask {
	&.entry {
		margin-bottom: 2rem;
	}

	&:before {
		content: '';
		display: block;
		height: 50%;
		position: absolute;
		bottom:0;
		left: 0;
		right: 0;
		z-index: 3;
		background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,1) 100%);
		opacity: .75;
		transition: all 0.3s;
		pointer-events: none;
	}

	.entry-media {
		margin-bottom: 0;
	}

	.entry-video,
	.entry-gallery {
		a {
			&:after {
				width: auto;
				height: auto;
				left: 3rem;
				top: 3rem;
				margin-left: 0;
				margin-top: 0;
				font-size: 1.6rem;
				line-height: 1;
				border: none;
			}

			&:hover,
			&:focus {
				&:after {
					color: #fff;
					background-color: transparent;
	    			box-shadow: none;
				}
			}
		}
	}

	.entry-gallery {
		a {
			&:after {
				color: #fff;
				position: absolute;
				content: '\f24d';
		   		font-family: "molla";
		   		top: 2.6rem;
			}
		}
	}

	.entry-body {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 1.7rem 1.8rem 2.7rem 2.8rem;
		z-index: 5;
	}

	.entry-meta,
	.entry-cats {
		color: #ebebeb;
	}

	.entry-cats {
		margin-bottom: 0;
	}

	.entry-title {
		color: #fff;
		font-size: 2rem;
	}

	&:hover {
		&:before {
			opacity: .9;
		}
	}
}

.widget {
	margin-bottom: 4.5rem;
}

.sidebar {
	margin-top: 3rem;

	.widget:last-child {
		margin-bottom: 1.5rem;
	}
}

.widget-title {
	color: #333;
	font-weight: 400;
	font-size: 1.8rem;
	line-height: 1.1;
	letter-spacing: -.01em;
	margin-bottom: 2rem;
}

.widget-search {
	.widget-title {
		margin-bottom: 1.3rem;
	}

	form {
		position: relative;
	}

	.form-control {
		height: 40px;
		padding: .95rem 5rem .95rem 1.4rem;
		font-weight: 300;
		font-size: 1.3rem;
		background-color: transparent;
		margin-bottom: 0;
	}

	.btn {
		position: absolute;
		right: .8rem;
		top: 50%;
		min-width: 0;
		font-weight: normal;
		font-size: 1.8rem;
		color: #666;
		padding: 0;
		width: 3rem;
		height: 3rem;
		margin-top: -1.4rem;

		i {
			margin: 0 !important;
		}

		&:hover,
		&:focus {
			color: $primary-color;
		}
	}
}

.widget-cats {
	ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	li:not(:last-child) {
		margin-bottom: 1rem;
	}

	a {
		color: #333;
		display: block;
		font-weight: 300;
		font-size: 1.4rem;
		line-height: 1.5;

		span {
			float: right;
		}

		&:hover,
		&:focus {
			color: $primary-color;
		}
	}
}

.widget-banner-sidebar  {
	position: relative;
}

.banner-sidebar-title {
	color: #777;
	text-align: center;
	font-weight: 300;
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: -.01em;
	margin-bottom: .8rem;
	text-transform: uppercase;
}

.posts-list {
	list-style: none;
	padding: .4rem 0 .2rem;
	margin: 0;

	li {
		@include clearfix();
		margin-bottom: 2rem;

		&:last-child {
			margin-bottom: 0;
		}
	}

	figure {
		float: left;
		max-width: 80px;
		margin-right: 2rem;
		margin-bottom: 0;

		a {
			display: block;
		}
	}

	div {
		padding-top: .6rem;
	}

	span {
		display: block;
		color: #cccccc;
		font-weight: 300;
		font-size: 1.4rem;
		line-height: 1.25;
		letter-spacing: -.01em;
		margin-bottom: .5rem;
	}

	h4 {
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.4;
		letter-spacing: 0;
		margin-bottom: 0;
	}

	a {
		color: #333;

		&:hover,
		&:focus {
			color: $primary-color;
		}
	}
}

.banner-sidebar {
	position: relative;
	text-align: center;
	line-height: 0;

	> a {
		display: inline-block;
	}
}

.tagcloud {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	padding-top: .3rem;
	margin-right: -1rem;
	margin-bottom: -1rem;

	a {
		display: block;
		color: #777;
		font-weight: 300;
		font-size: 1.4rem;
		line-height: 1.4;
		border-radius: .3rem;
		padding: .65rem .9rem;
		background-color: #fafafa;
		border: .1rem solid #ebebeb;
		margin-right: 1rem;
		margin-bottom: 1rem;
		transition: all .3s ease;

		&:hover,
		&:focus {
			color: $primary-color;
			background-color: #fff;
		}
	}
}

.widget-text {
	p:last-child {
		margin-bottom: 0;
	}
}

@include mq('md') {
	.entry-title {
		font-size: 2.4rem;
	}

	.entry-list {
		margin-bottom: 5rem;
		
		.col-md-5 {
			-ms-flex: 0 0 45%;
			flex: 0 0 45%;
			max-width: 45%;
		}

		.entry-media {
			max-width: 376px;
			margin-bottom: 0;
		}

		.col-md-7 {
			-ms-flex: 0 0 55%;
			flex: 0 0 55%;
			max-width: 55%;
		}
	}
}

@include mq('lg') {
	.sidebar {
		margin-top: -.3rem;
	}

	.entry {
		margin-bottom: 6rem;
	}

	.entry-grid {
		margin-bottom: 4rem;
	}

	.max-col-2 .entry-grid {
		.entry-media {
			margin-bottom: 2.4rem;
		}

		.entry-title {
			font-size: 2.4rem;
		}

		.entry-cats {
			margin-bottom: 1.5rem;
		}
	}

	.max-col-4 .entry-grid {
		.entry-video {
			a {
				&:after {
					width: 5rem;
					height: 5rem;
					margin-left: -2.5rem;
					margin-top: -2.5rem;
				}

				&:hover,
				&:focus {
					&:after {
		    			box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0.2);
					}
				}
			}
		}
	}

	.entry-list {
		margin-bottom: 7rem;

		&:last-of-type {
			margin-bottom: 6rem;
		}
		.entry-body {
			padding-left: 1.5rem;
		}
	}

	.entry-mask {
		.entry-title {
			font-size: 2.4rem;
		}
	}
}

@include mq('xl') {
}