/* -------------------------------------------------------------------------------- */
/*	X.	Blog Archive
/* -------------------------------------------------------------------------------- */


/* Hero Slider ---------------------------- */


.hero-slider {
	position: relative;
}

.hero-slider .dark-overlay:before {
	background: linear-gradient( -26deg, rgba( 0, 0, 0, 0 ) 5%, rgba( 0, 0, 0, 0.7 ) );
}

.hero-slider .slides,
.hero-slider .slide,
.hero-slider .slide > .bg-image {
	display: flex !important;
}

.hero-slider .slide {
	opacity: 0;
	transition: opacity .15s linear;
}

.hero-slider.loaded .slide {
	opacity: 1;
}

.hero-slider .slide > .bg-image {
	align-items: center;
	width: 100%;
}

.hero-slider .slide .section-inner {
	padding: 140px 0;
	position: relative;
}

.hero-slider .slide header {
	max-width: 600px;
	opacity: 1;
	transition: opacity .15s linear;
}

.hero-slider.sliding .slide header {
	opacity: 0;	
}

.hero-slider .slide h1,
.hero-slider .slide p {
	text-shadow: 0 1px 0 rgba( 17, 17, 17, 0.155 );
}

.hero-slider .slide .button-wrapper {
	margin-top: 40px;
}


/* FLEX DIRECTION NAV */


.flex-direction-nav a {
	display: block;
	opacity: 0;
	position: absolute;
		bottom: 0;
		top: 0;
	text-indent: -9999px;
	transition: all .2s linear;
	width: 90px;
}

.flex-direction-nav a:before {
	background: no-repeat center;
	background-size: contain;
	content: "";
	display: block;
	height: 20px;
	position: absolute;
		left: calc( 50% - 14px );
		top: calc( 50% - 10px );
	width: 28px;
}

.flex-direction-nav .flex-prev { 
	left: 0;
	background-image: linear-gradient(270deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 100%); 
}

.flex-direction-nav .flex-prev:before {
	background-image: url( ../svg/arrow-left-white.svg );
}

.flex-direction-nav .flex-next { 
	right: 0;
	background-image: linear-gradient(-270deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 100%); 
}

.flex-direction-nav .flex-next:before {
	background-image: url( ../svg/arrow-right-white.svg );
}

.flex-direction-nav a:hover {
	opacity: 1;
	width: 100px;
}


/* FLEX CONTROL NAV */

.flex-control-nav {
	display: flex;
	position: absolute;
		bottom: 25px;
		left: 25px;
	transition: all .25s linear;
}

.hero-slider .flex-control-nav {
	left: calc( 50vw - 640px );
}

.flex-control-nav.has-background {
	background: rgba( 0, 0, 0, 0.1 );
	border-radius: 4px;
	margin: -4px -6px;
	padding: 4px 6px;
}

.flex-control-nav a {
	display: block;
	text-indent: -9999px;
	height: 20px;
	position: relative;
	width: 20px;
}

.flex-control-nav a:before {
	background: rgba( 255, 255, 255, .4 );
	border-radius: 50%;
	content: "";
	display: block;
	height: 10px;
	position: absolute;
		left: 5px;
		top: 5px;
	transition: background-color .15s linear;
	width: 10px;
}

.flex-control-nav a:hover:before,
.flex-control-nav a.flex-active:before {
	background: rgba( 255, 255, 255, 1 );
}


/* Posts wrapper ----------------------------- */


.posts article + article {
	border-top: 1px solid #e1e1e5;
	margin-top: 50px;
	padding-top: 50px;
}


/* Featured Media ----------------------------- */

.featured-media {
	margin-bottom: 40px;
}

.featured-media img {
	width: 100%;
	border-radius: 12px;
	border: 1px solid #ededed;
}

.post-slider {
	position: relative;
}

.post-slider .slides {
	align-items: stretch;
	display: flex;
	position: relative;
}

.post-slider .slide {
	align-items: center;
	display: flex !important;
	position: relative;
}

.post-slider.loading .slide:not(:first-child) {
	opacity: 0;
}

.slider-caption {
	background: rgba( 17, 17, 17, 0.5 );
	font-size: 14px;
	max-width: 100%;
	padding: 16px 20px;
	position: absolute;
		bottom: 0;
		left: 0;
	transition: background-color .15s linear;
}

.slider-caption:hover {
	background: #111;
}


/* Post Header ----------------------------- */


.post-header {
	margin-bottom: 35px;
}

.post-header .header-meta {
	margin-bottom: 5px;
}

.post-header .header-meta > a,
.post-header .header-meta span {
	display: inline-block;
	margin: 0 10px 8px 0;
}

.post-author .author-link-with-avatar {
	align-items: center;
	display: inline-flex;
	gap: 10px;
	text-decoration: none;
}

.post-author .author-link-with-avatar:hover {
	text-decoration: none;
}

.post-author .author-avatar,
.post-author .author-link-with-avatar .avatar {
	border-radius: 50%;
	flex-shrink: 0;
	height: 32px;
	object-fit: cover;
	width: 32px;
}

.post-meta.top .post-author .author-avatar,
.post-meta.top .post-author .author-link-with-avatar .avatar {
	height: 40px;
	width: 40px;
}

.post-author .author-name {
	line-height: 1.2;
}

.post-title {
	margin: 0;
}

.post-inner.between {
	display: flex;
	justify-content: space-between;
}

.post-inner.compensate {
	margin-left: auto;
	max-width: 600px;
	position: relative;
	width: 69%;
}

.post-content-wrapper {
	max-width: 600px;
	width: 69%;
}

.post-inner .excerpt {
	margin-bottom: 30px;
}

.post-inner .mobile-excerpt {
	display: none;
}


/* Post Meta ----------------------------- */

.post-inner .post-meta {
	font-size: 16px;
}

.post-inner.between .post-meta {
	margin-right: 3.5%;
    min-width: 27.5%;
}

.post-meta p {
	font-weight: inherit;
	line-height: 1.155;
}

.post-meta.top p + p {
	margin-top: 20px;
}

.post-meta.top span {
	display: block;
}

.post-meta.top .mobile-meta-title {
	display: none;
}

.post-meta.top .subheading {
	margin-bottom: 4px;
}


/* Archive Header ----------------------------- */

.archive-header {
	border-bottom: 1px solid #e1e1e5;
	margin-bottom: 60px;
	padding-bottom: 24px;
}

.archive-header .subheading {
	margin: 0 0 8px;
}

.archive-header .archive-title {
	font-weight: 700;
	margin: 0;
}

.archive-header p {
	font-size: 16px;
	line-height: 1.5;
	margin: 10px 0 0;
	max-width: 433px;
	width: 100%;
}