/* BLOG */

.blog{

}
.blog .page-main, .archive .page-main{
	margin-top:30px; 
	background:transparent;
	box-shadow: none;
	padding: 0;
	text-align: center;
	max-width: 1100px;
}
.blog .page-intro, .archive .page-intro{
	background: transparent;
	text-align: left;
	padding: 50px 0 205px;
}
.blog .page-cover, .archive .page-cover{
	height: 500px;
}
.blog  .page-intro__inner, .archive .page-intro__inner{
	border-left: 2px solid #24B0B3;
	max-width: 1100px;
}



.blog #articles{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.blog article{
	width: 510px;
	height: 710px;
	margin:30px 20px;
	background-color: #fff;
}
.blog article .gradient{
	height: 5px;
	width: 100%;
	background-image: linear-gradient(-90deg, #5CC5ED 0%, #59BFAC 100%);
}
.blog article .date{
	font-family: "Archivo";
	font-weight: 600;
	font-size: 13px;
	color: #AAAAAA;
	text-transform: uppercase;
	margin:30px 0 10px 0;
}
.blog article h2{
	padding: 0 70px;
	height: 50px;
}
.blog article h2 a{
	font-family: "Poppins";
	font-weight: 600;
	font-size: 20px;
	color: #000000;
	line-height: 30px;
	text-decoration: none;
	color: #000;
}
.blog article .image{
	margin:30px 0;
}
.blog article .text{
	font-family: "Archivo";
	font-size: 14px;
	color: #777777;
	line-height: 24px;
	padding: 0 30px;
	text-align: left;
	height: 128px;
}
.blog article .link{
	text-align: right;
	margin: 30px 30px 0 0;
}
.blog article .link a{
	font-family: "Poppins";
	font-weight: 700;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 3px;
	padding: 10px 30px 10px 20px;
	display: inline-block;

	background: #24B0B3 url(../img/arrow.svg) no-repeat 90% center;
}


#categories{
	text-align: left;
	padding-left: 20px;
	margin: 50px 0 10px 0;
}
#categories .category{
	display: inline-block;
	margin-right: 25px;
}
#categories .category a{
	font-size: 16px;
	color: #333333;
	font-family: "Archivo";
	font-weight: 500;
	text-decoration: none;
}
#categories .category.selected a{
	color: #007AA5;
}
/*
.category .circle {
	margin:-2px 5px 0 0;
	font-size: 3.5em;
	display: inline-block; 
	width: 0.4em; 
	height: 0.4em; 
	border: 0.05em solid #5CC5ED; 
	position: relative; 
	border-radius: 0.35em;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
}
*/
.category .circle {
	width: 24px;
	height: 24px;
	background: transparent url(../img/news-category-selector.svg) center center no-repeat;
	display: inline-block;
	margin-bottom: -6px;
}
.category .circle .active { 
	width: 10px; 
	height: 10px; 
	background: red; 
	border-radius: 5px;
	margin:7px 0 0 7px;
}



nav.pagination{
	display: flex;
	justify-content: space-between;
	margin: 30px 0;
}
nav.pagination .count{
	font-family: "Archivo";
	font-size: 16px;
	color: #333333;
	font-weight: 700;
}


nav.pagination .blognav, nav.pagination .blognav a{
	font-family: "Poppins";
	font-weight: 700;
	font-size: 14px;
	color: #24B0B3; 
	text-transform: uppercase;
	width: 178px;
}
nav.pagination .blognav a{
	
}
nav.pagination .blognav.prev a, nav.pagination .blognav.prev .disable{
	background: transparent url(../img/pagination-prev.svg) no-repeat center left;
	padding-left: 20px;
	text-align: left;
	margin-left: 20px;
}
nav.pagination .blognav.next a, nav.pagination .blognav.next .disable{
	background: transparent url(../img/pagination-next.svg) no-repeat center right;
	padding-right: 20px;
	text-align: right;
	/*margin-right: 20px;*/
}

nav.pagination .disable{
	opacity: 0.25;
	text-decoration: underline;
}
nav.pagination{

}
nav.pagination{

}
nav.pagination{

}



/* SINGLE BLOG */

.single-post .page-intro{
	background: transparent;
	text-align: left;
	padding: 50px 0 200px;
}
.single-post .page-cover{
	height: 500px;
}
.single-post .page-intro__inner{
	border-left: 2px solid #24B0B3;
	max-width: 1280px;
}

.single-post .back-to-blog{
	text-align: center;
	margin-bottom: 40px;
}


.single-post .page-main{
	padding: 50px 110px;
	text-align: center;
}

.single-post .back-to-blog a{
    background: transparent url(../img/pagination-prev.svg) no-repeat center left;
    padding-left: 20px;
    text-align: left;
    margin-bottom: 20px;
    font-family: "Poppins";
    font-weight: 700;
    font-size: 14px;
    color: #24B0B3;
    text-transform: uppercase;
    display: inline-block;
}


.single-post article .date{
	font-family: "Archivo";
	font-weight: 600;
	font-size: 13px;
	color: #AAAAAA;
	text-transform: uppercase;
	margin-bottom:15px;
}

.single-post article h1{
	font-family: "Poppins";
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: #333333;
}
.single-post article .image{
	margin:45px 0 50px 0;
}
.single-post article .content{
	font-family: "Archivo";
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	text-align: left;
}





@media (max-width: 1199px) { 
	.single-post .image img{
		width: 100%;
		height: auto;
	}
}

@media (max-width: 991px) {
	.page-main {
	    margin: 0 auto 60px;
	    box-shadow: none;
	    border-radius: 0px;
	}
	.single-post .page-main {
	    padding: 40px 60px;
	}
}

@media (max-width: 767px) {
	.single-post .page-main {
	    padding: 40px 30px;
	}
}


@media (max-width: 575px) {
	.blog article {
    	width: 100%;
    	height: auto;
	}
	.blog article h2 {
	    height: auto;
	}
	.blog article img{
	    width: 100%;
	    height: auto;
	}
	.blog article .text {
	    height: auto;
	    padding-bottom: 20px;
	}
	.blog article .link {
	    margin: 0px 20px 20px 20px;
	}
	nav.pagination .blognav, nav.pagination .blognav a {
	    font-size: 12px;
	    white-space: nowrap;
	}
	nav.pagination .count {
	    margin-top: 40px;
	    white-space: nowrap;
	}

}