@charset 'UTF-8';


/* CATEGORY */

#category-description {
	width: 100%;
}


/* BLOG ARCHIVE */

#blog-archive {
	height: auto;
	width: 100%;	
	
	overflow: auto;
}


/* FAETURED POST */

.blog-archive-post:first-of-type {
	height: auto;
	width: 100%;
	
	position: relative;	
	
	overflow: auto;
	
	border-top: none;
	border-bottom: none;
}

.blog-archive-post:first-of-type img {
	height: 600px;
	width: 100%;
	
	position: relative;
			
	object-fit: cover;
}

.blog-archive-post:first-of-type .blog-archive-post-title h2 {
	max-width: 60%;
}

.blog-archive-post:first-of-type .blog-archive-post-title p {
	max-width: 100%;
}


/* POST ARCHIVE */

.blog-archive-post {
	height: auto;
	width: 100%;
	
	position: relative;
	
	margin: 0 0 96px 0;
		
	overflow: auto;
	
	border-top: 1px solid black;
}

.blog-archive-post:not(:first-of-type) img {
	max-height: 100%;
	width: 30%;
	
	position: absolute;
	
	bottom: 72px;
	right: 0;
}

.blog-archive-post .blog-archive-post-title {	
	margin: 96px 0 0 0;
}

.blog-archive-post .blog-archive-post-title h2 {
	max-width: 60%;
}

.blog-archive-post .blog-archive-post-title p {
	max-width: 40%;
}


/* MOBILE */

@media screen and (max-width: 1200px) {
	
	.blog-archive-post {
		border-top: none;
	}
	
	.blog-archive-post:first-of-type img,
	.blog-archive-post:not(:first-of-type) img {
		height: auto;
		max-height: 100vw;
		width: 100%;

		position: relative;

		object-fit: cover;
		
		top: 0;
		right: 0;
	}
	
	.blog-archive-post .blog-archive-post-title {	
		margin: 48px 0;
	}

	.blog-archive-post .blog-archive-post-title h2,
	.blog-archive-post .blog-archive-post-title p {
		max-width: 1000%;
	}
	
}