/****** Magazine List ***********/

.recent-magazine-area {
	margin-bottom: 1.5em;
}

.magazine-cta-area {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.magazine-cta-area .cta-box {
	position: relative;
	padding: 1em;
}

.magazine-cta-area .cta-box .magazine-cta-img {
	background-image: url(../img/emook-bg-topbanner-2.jpg);
	background-size: cover;
	background-position: 50% 50%;
}

.magazine-cta-area .cta-box .cta-con {
	position: relative;
	padding: 1.5em;
	background-color: rgba(249,14,30,0.85);
}

.magazine-cta-area .cta-box .cta-con .cta-title,
.magazine-cta-area .cta-box .cta-con .cta-desc,
.magazine-cta-area .cta-box .cta-con .btn-cta {
	color: #fff;
}

.magazine-cta-area .cta-box .cta-con .cta-desc {
	font-weight: 400;
	margin-bottom: 1.5em;
}

.magazine-cta-area .cta-box .cta-con .btn-cta {
	border: 2px solid #fff;
}

.magazine-cta-area .cta-box .cta-con .btn-cta:before {
	background-color: #fff;
}

.magazine-cta-area .cta-box .cta-con .btn-cta:hover {
	color: #040000;
}

.recent-magazine-area .title-area,
.all-magazine-area .title-area {
	border-bottom: 0;
	margin-bottom: .5em;
}




@media all and (min-width: 981px) {
	
}

@media all and (min-width: 768px) {
	.magazine-cta-area .cta-box {
		display: flex;
		justify-content: flex-start;
	}

	.magazine-cta-area .cta-box .magazine-cta-img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.magazine-cta-area .cta-box .cta-con {
		width: 50%;
	}
}

@media all and (max-width: 767px) {
	.magazine-cta-area .cta-box {
		padding: 0;
	}

	.magazine-cta-area .cta-box .magazine-cta-img {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 54%;
	}
}










/****** Magazine Item ***********/

.magazine-item {
	background-color: #eaeaea;
	margin-bottom: 1.5em;
}

.magazine-item > div {
	padding: 1em;
}

.magazine-subtitle {
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: 400;
}

.magazine-desc {
	margin: 1.5em 0;
	font-weight: 400;
}

.magazine-buttons .btn-download {
	margin-top: 1.5em;
}










@media all and (min-width: 981px) {
	.magazine-page-title {
		display: flex;
		align-items: center;
	}

	.magazine-page-title > div {
		width: 50%;
	}

	.magazine-page-title .col-left {
		padding-right: 1em;
	}

	.magazine-page-title .col-right {
		padding-left: 1em;
	}

	.magazine-item {
		display: flex;
	}

	.magazine-item .col-left {
		width: 30%;
	}

	.magazine-item .col-right {
		width: 70%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
}

@media all and (max-width: 980px) {
	.magazine-page-title .entry-title {
		margin-bottom: .5em;
	}

	.magazine-item .col-left img {
		width: 50%;
		margin: 0 auto;
	}
}