/*  
 * Header Navigation: Left Column
 */

/* Header Navigation */
header.header {
	padding: 40px 24px;
	display: flex;
	flex-direction: column;
}

/* Header logo */
header.header .logo {
	width: 100%;
	align-self: flex-end;
}

/* Header Links */
header.header .nav-links ul.menu,
.header .footer p {
	text-align: right;
}

header.header .nav-links ul.menu li {
	font-size: 20px;
	margin: 0 0 15px;
}

header.header .logo,
header.header .nav-links,
.header .social-media {
	margin: 0 0 40px;	
}

/* Header Social Media */
.header .social-media,
.header #menu-social-media,
.header #menu-social-media-1,
.header .footer {
	float: none;
}

.header #menu-social-media-1 {
	display: flex;
	flex-direction: row;
	align-content: flex-end;
	justify-content: flex-end;
}

.header .social-media li {
	font-size: 26px;
	float: none;
	margin: 0 20px 0 0;
}

.header .social-media li:first-child {
	margin-right: 20px !important;
}

.header .social-media li:last-child {
	margin-right: 0;
}

/* Header Footer */
.header .footer {
	margin: 0;
}

.header .footer p {
	margin: 0 0 5px;
}

.header .footer p span {
	display: block;
}


/*  
 * Homepage Grid
 */

/* Homepage Golden Ratio */
.col-left {
/* 	width: 24%; */
	width: 24vw;
	min-width: 345px;
	max-width: 345px;
}
.col-right {
/* 	width: 76%; */
/* 	width: 76vw; */
	width: calc(76vw + 345px);
}

.front-page-grid {
	padding: 10px;
}

/* Post Thumbnails */
.post-item.has-thumbnail.video-format {
	width: initial;
}

.front-page-grid .post-item {
	margin: 0;
}

.archive-page .post-item .post-item--thumbnail {
	padding-bottom: 56.25%;
}

.post-item .post-item--thumbnail {
	height: initial;
	background-color: #545758;
	overflow: hidden;
}

.post-item .post-item--thumbnail a,
.post-item .post-item--thumbnail iframe {
 	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}

.post-item .post-item--content {
	height: initial;
	padding: 1vw;
	background-color: #ffffff;
	overflow: initial;
}

.post-item.has-thumbnail {
	background: transparent;
	/* Reset */	
}

.time-aut {
	float: none;
	width: initial;
	font-size: initial;
	margin-bottom: initial;
	/* Reset */
	margin: 0 0 20px;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.author {
	margin-right: initial;
	float: none;
	/* Reset */	
	font-size: 16px;
}

.reading-time {
	font-size: initial;
	margin-top: initial;
	float: none;
	/* Reset */	
}

.reading-time .rt-prefix {
	margin: 0 2px 0 0;
}

.reading-time,
.reading-time span {
	font-size: 14px;
}

.post-item .post-item--content h2 {
	margin: 0 0 15px;
}

.post-item .post-item--content p {
    text-transform: initial !important;
    width: initial;
    float: none;
    margin-top: initial;
	/* Reset */	
	font-size: 16px;
	font-family: Roboto;
	display: flex;
	align-items: center;
}

.post-item .post-item--content p a {
	margin-left: 10px;
}

.post-item .post-item--content p a span {
	font-size: 18px !important;
	margin-right: initial;
}

.post-item--category,
.post-item--category a {
	float: none;
	width: initial;
}

.post-item .post-item--content .post-item--category a {
	font-size: 14px;
	letter-spacing: 0.01em;
}

.brick-meta-wrap {
	position: absolute;
	right: 0;
	bottom: 18px;
}

/* Layout */
.front-page-grid .wrap {
	width: 100%;
	margin: 0 0 10px;
	display: flex !important;
}

.front-page-grid .wrap .inner {
	width: 100%;
}

.front-page-grid .wrap:nth-child(4n + 2) .inner:not(:first-child),
.front-page-grid .wrap:nth-child(4n + 3) .inner:not(:first-child) {
	margin-left: 10px;
}

.front-page-grid .post-item:nth-child(12n + 1),
.front-page-grid .post-item:nth-child(12n + 2),
.front-page-grid .post-item:nth-child(12n + 3),
.front-page-grid .post-item:nth-child(12n + 4),
.front-page-grid .post-item:nth-child(12n + 5),
.front-page-grid .post-item:nth-child(12n + 6),
.front-page-grid .post-item:nth-child(12n + 7),
.front-page-grid .post-item:nth-child(12n + 8),
.front-page-grid .post-item:nth-child(12n + 9),
.front-page-grid .post-item:nth-child(12n + 10),
.front-page-grid .post-item:nth-child(12n + 11),
.front-page-grid .post-item:nth-child(12n + 12) {
	width: 100%;
}

/* Row 1 */
.front-page-grid .wrap:nth-child(4n + 1) .inner {
	display: flex;
	flex-direction: row;
}
.front-page-grid .wrap:nth-child(4n + 1) .inner .post-item:nth-of-type(1) {
	width: 62%;
}
.front-page-grid .wrap:nth-child(4n + 1) .inner .post-item:nth-of-type(2) {
	width: calc(38% - 10px);
	margin-left: 10px;
}
.front-page-grid .wrap:nth-child(4n + 1) .inner .post-item .post-item--thumbnail {
	height: 24vw;
}
.front-page-grid .wrap:nth-child(4n + 1) .inner .post-item .post-item--content {
	height: 16vw;
}

/* Row 2 */
.front-page-grid .wrap:nth-child(4n + 2) .inner {
	display: flex;
	flex-direction: column;
}
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) {
	width: calc(38% - 10px);
}
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(2) {
	width: 62%;
}
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(1) {
	margin-bottom: 10px;
}
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(1) .post-item--thumbnail {
	height: calc(18vw - 4px);
}
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(2) .post-item--thumbnail {
	height: calc(8vw + 4px);
}
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(2) .post-item .post-item--thumbnail {
	height: calc(33vw + 10px);
}
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(1) .post-item--content {
	height: 16vw;
}
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(2) .post-item--content {
	height: 8vw;
}
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(2) .post-item .post-item--content {
	height: 17vw;
}

/* Row 3 */
.front-page-grid .wrap:nth-child(4n + 3) .inner {
	display: flex;
	flex-direction: column;
}
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(1) {
	width: 62%;
}
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) {
	width: calc(38% - 10px);
}
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(1) {
	margin-bottom: 10px;
}
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(1) .post-item .post-item--thumbnail {
	height: calc(33vw + 10px);
}
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(1) .post-item--thumbnail {
	height: calc(18vw - 4px);
}
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(2) .post-item--thumbnail {
	height: calc(8vw + 4px);
}
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(1) .post-item .post-item--content {
	height: 17vw;
}
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(1) .post-item--content {
	height: 16vw;
}
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(2) .post-item--content {
	height: 8vw;
}

/* Row 4 */
.front-page-grid .wrap:nth-child(4n + 4) .inner {
	display: flex;
	flex-direction: row;
}
.front-page-grid .wrap:nth-child(4n + 4) .inner .post-item:nth-of-type(1) {
	width: 38%;
}
.front-page-grid .wrap:nth-child(4n + 4) .inner .post-item:nth-of-type(2) {
	width: calc(62% - 10px);
	margin-left: 10px;
}
.front-page-grid .wrap:nth-child(4n + 4) .inner .post-item .post-item--thumbnail {
	height: 24vw;
}
.front-page-grid .wrap:nth-child(4n + 4) .inner .post-item .post-item--content {
	height: 16vw;
}


.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(2) h2,
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(2) h2 {
	margin: 0;
}

.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(2) .time-aut,
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(2) p,
.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(2) .post-item--category,
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(2) .time-aut,
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(2) p,
.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(2) .post-item--category {
	display: none;
}

/* Article Page */
/* Content */
.site-content article.single .post-inner-content {
	padding: 24px 32px;
}
article.single .post-item--category {
	margin: 0 0 15px;
}
article.single .time-aut {
	margin: 0 0 40px;
}
article.single .time-aut .author a {
	text-decoration: none;
}
/* Comments */
article.single .comments {
	padding: 24px 32px;
	border-top: 10px solid #c0c9cc;
}
article.single .comments .comment-response li {
	margin: 0 0 50px;	
	list-style: none;
}
article.single .comments .comment-response li:not(:last-child) {

}
article.single .comments .comment-response .comment-body {
}
article.single .comments .comment-response .comment-body .comment-author {
	margin: 0 0 15px;
	display: flex;
	flex-direction: row;
	align-content: center;
}
article.single .comments .comment-response .comment-body .comment-author img {
	margin: 0 10px 0 0;
	border-radius: 50px;
}
article.single .comments .comment-response .comment-body .comment-author cite.fn {
	margin: 0 8px 0 0;
}
article.single .comments .comment-response .comment-body .comment-meta {
	display: none;
	visibility: hidden;
}
article.single .comments .comment-form form .comment-form-comment label,
article.single .comments .comment-form form .comment-form-comment textarea {
	display: block;
}
article.single .comments .comment-form form .comment-form-comment label {
	margin: 0 0 15px;
}
/* Sidebar */
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
	object-fit: cover;	
}

@media screen and (max-width: 1200px) {
	.time-aut {
		flex-direction: column;
	}
	.reading-time {
		display: none;
	}	
	.post-item .post-item--content p,
	.post-item--category {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.time-aut {
		display: none;
	}
}

@media screen and (max-width: 960px) {
	.front-page-grid .wrap:nth-child(4n + 1) .inner,
	.front-page-grid .wrap:nth-child(4n + 4) .inner {
		flex-direction: column;
	}
	.front-page-grid .wrap:nth-child(4n + 1) .inner .post-item:nth-of-type(1),
	.front-page-grid .wrap:nth-child(4n + 1) .inner .post-item:nth-of-type(2),
	.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1),
	.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(2),
	.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(1),
	.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2),
	.front-page-grid .wrap:nth-child(4n + 4) .inner .post-item:nth-of-type(1),
	.front-page-grid .wrap:nth-child(4n + 4) .inner .post-item:nth-of-type(2) {
		width: 100%;
	}
	.front-page-grid .wrap:nth-child(4n + 1) .inner .post-item:nth-of-type(2),
	.front-page-grid .wrap:nth-child(4n + 2) .inner:not(:first-child),
	.front-page-grid .wrap:nth-child(4n + 3) .inner:not(:first-child),
	.front-page-grid .wrap:nth-child(4n + 4) .inner .post-item:nth-of-type(2) {
		margin-left: 0;
	}
	.front-page-grid .wrap {
		margin-bottom: 0;
	}
	.front-page-grid .wrap .inner .post-item .post-item--thumbnail {
		height: 20vw;
	}
	.front-page-grid .wrap .inner .post-item .post-item--content {
		height: 20vw;
	}	
	.front-page-grid .wrap .inner .post-item {
		margin: 0 0 10px;
	}
	.front-page-grid .wrap .inner .post-item .post-item--thumbnail {
		height: 20vw !important;
	}
	.front-page-grid .wrap .inner .post-item .post-item--content {
		height: initial !important;
		padding: 16px;
	}
	.front-page-grid .wrap:nth-child(4n + 2) .inner:nth-of-type(1) .post-item:nth-of-type(2) h2,
	.front-page-grid .wrap:nth-child(4n + 3) .inner:nth-of-type(2) .post-item:nth-of-type(2) h2 {
		margin: 0 0 15px;
	}
	.time-aut {
		display: flex;
		flex-direction: row;
	}
	.reading-time {
		display: inline-block;
	}
	.post-item .post-item--content p {
		display: flex;
	}
	.post-item--category {
		display: block;
	}	
}

@media screen and (max-width: 768px) {
	#header_mobile {
		height: 56px;
		min-width: 100%;
		max-width: 100%;
	}
	.top_barr {
		padding: 16px 10px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: center;
	}
	.mobile_bar {
		font-size: 20px;
		line-height: 20px;
		top: initial;
	}
	#header_mobile .logo {
		width: 40%;
		left: initial;
		margin: 0 auto;
	}
	.left_menus {
		top: 56px;
	}
	.col-right {
		width: 100%;
	}
	.front-page-grid .wrap .inner .post-item .post-item--thumbnail {
		height: 50vw !important;
	}
}