/*
Theme Name: Zenith
Theme URI: http://eastcoastit.net
Description: Custom theme for Zenith Build Log.
Author: Glenn Andressen
Author URI: http://eastcoastit.net/
Template: express-news
Version: 1.0
Tags: Zenith, Zodiac, 601XL, 601XLB

*/

/* Root
========================================================================== */

/* Fixed header CSS
========================================================================== */
.adore-header.fix-header {
	background-color: var(--color-background);
}

/* Banner CSS
========================================================================== */
.main-banner-section.style-4 .main-banner-section-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-inline: -10px;
	align-items: flex-start;
}
@media ( min-width: 1025px ){
	.main-banner-section.style-4 .featured-posts,
	.main-banner-section.style-4 .post-tabs-wrapper {
		position: sticky;
		top: 30px;
		align-self: flex-start;
	}
}

.main-banner-section.style-4 .main-banner-section-wrapper>div {
	padding-inline: 10px;
}

.main-banner-section.style-4 .banner-post-outer {
	width: 50%;
}

.main-banner-section.style-4 .post-tabs-wrapper ,
.main-banner-section.style-4 .featured-posts {
	width: 25%;
}

.main-banner-section.style-4 .banner-post-outer .post-item .post-item-content .entry-title {
	font-size: var(--font-size-lg);
}

@media (max-width: 1024px) {

	.main-banner-section.style-4 .main-banner-section-wrapper {
		row-gap: 20px;
	}
	.main-banner-section.style-4 .banner-post-outer {
		width: 100%;
		order: 1;
		margin-bottom: 20px;
	}

	.main-banner-section.style-4 .featured-posts {
		width: 50%;
		order: 2;
	}

	.main-banner-section.style-4 .post-tabs-wrapper {
		width: 50%;
		order: 3;
	}

}

@media (max-width: 767px) {
	.main-banner-section.style-4 .featured-posts {
		width: 100%;
	}

	.main-banner-section.style-4 .post-tabs-wrapper {
		width: 100%;
	}
}

/* Posts Tab CSS
========================================================================== */
.posts-tabs-widget{
	container-type: inline-size;
}
.posts-tabs-widget .post-tab-container {
	border-top: 1px solid rgba(var(--color-text-rgb), 0.15);
	border-inline-start: 1px solid rgba(var(--color-text-rgb), 0.15);
}
.posts-tabs-widget .post-tab-container .post-item{
	padding: 10px;
	border-bottom: 1px solid rgba(var(--color-text-rgb), 0.15);
	border-inline-end: 1px solid rgba(var(--color-text-rgb), 0.15);
}
.posts-tabs-widget .post-tabs-wrapper .post-tabs-head {
	position: relative;
	margin-bottom: 0;
}

.posts-tabs-widget .post-tabs-wrapper .post-tabs-head .post-tabs {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	display: flex;
	position: relative;
}

.posts-tabs-widget .post-tabs-wrapper .post-tabs-head .post-tabs li {
	outline: none;
	flex: 1;
}

.posts-tabs-widget .post-tabs-wrapper .post-tabs-head .post-tabs li a {
	font-size: var(--font-size-sm);
	font-weight: bold;
	color: #fff;
	background-color: var(--primary-color);
	padding: 8px 12px;
	text-decoration: none;
	outline: none;
	display: flex;
	align-items: center;
	gap: 10px;
	border: 1px solid rgba(var(--color-text-rgb), 0.15);
	border-bottom: 0;
}

.posts-tabs-widget .post-tabs-wrapper .post-tabs-head .post-tabs li a.inactive {
	color: var(--color-text);
	background-color: transparent;
}

.posts-tabs-widget .post-tabs-wrapper .post-tabs-head .post-tabs li a:not(.inactive):focus,
.posts-tabs-widget .post-tabs-wrapper .post-tabs-head .post-tabs li a:not(.inactive):hover {
	color: #fff;
	background-color: var(--primary-color);
}

.posts-tabs-widget .post-tabs-wrapper .post-tabs-head .post-tabs li a:hover,
.posts-tabs-widget .post-tabs-wrapper .post-tabs-head .post-tabs li a.inactive:hover {
	color: var(--primary-color);
	outline: none;
}

.posts-tabs-widget .post-item .post-item-image a img {
	aspect-ratio: 1/0.7;
}

@container (max-width: 600px) {

	.posts-tabs-widget .post-item .post-item-image {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.posts-tabs-widget .post-item .post-item-image a img {
		aspect-ratio: 1;
	}

	.posts-tabs-widget .post-item .post-item-content {
		padding-block: 0;
		padding-inline-end: 0;
		padding-inline-start: 10px;
	}

	.posts-tabs-widget .post-item .post-item-content .entry-title{
		font-size: var(--font-size-sm);
	}

	.posts-tabs-widget .post-tabs-wrapper .post-tab-content-wrapper .post-tab-container .post-item .post-categories,
	.posts-tabs-widget .post-tabs-wrapper .post-tab-content-wrapper .post-tab-container .post-item .post-exerpt,
	.posts-tabs-widget .post-tabs-wrapper .post-tab-content-wrapper .post-tab-container .post-item .post-btn {
		display: none;
	}
}

/* Start archive layouts
--------------------------------------------- */
.theme-archive-layout.list-layout {
	display: grid;
	gap: 30px;
	margin-bottom: 50px;
}

.theme-archive-layout.list-layout article {
	margin-bottom: 0;
}
.theme-archive-layout.list-layout article:not(.has-post-thumbnail) .post-item-image{
	display: none;
}

.theme-archive-layout.list-layout article .post-item.post-list {
	border: none;
}

@media (min-width:991px) {
	.theme-archive-layout.list-layout.list-style-2 article .post-item.post-list {
		flex-direction: row-reverse;
	}

	.theme-archive-layout.list-layout.list-style-3 article:nth-child(even) .post-item.post-list {
		flex-direction: row-reverse;
	}
}

@media (min-width: 601px) {
	.theme-archive-layout.list-layout.list-style-4 {
		gap: 50px;
	}

	.theme-archive-layout.list-layout.list-style-4 article .post-item.post-list {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		min-height: 450px;
		padding: 50px 0;
		background: transparent;
		border: none;
	}
	.theme-archive-layout.list-layout.list-style-4 article:not(.has-post-thumbnail) .post-item.post-list {
		min-height: unset;
		padding: 0;
	}

	.theme-archive-layout.list-layout.list-style-4 article .post-item.post-list .post-item-image {
		position: absolute;
		height: 100%;
		width: calc(60% - 50px);
		background-size: cover;
		background-position: 50%;
		left: 0;
		top: 0;
		max-width: none;
	}

	.theme-archive-layout.list-layout.list-style-4 article .post-item.post-list .post-item-content {
		flex-grow: 0;
		position: relative;
		z-index: 2;
		width: 50%;
		padding: 30px;
		background-color: var(--color-light);
	}
	.theme-archive-layout.list-layout.list-style-4 article:not(.has-post-thumbnail) .post-item.post-list .post-item-content {
		width: 100%;
	}

	.theme-archive-layout.list-layout.list-style-4 article:nth-child(even) .post-item.post-list {
		flex-direction: row-reverse;
	}

	.theme-archive-layout.list-layout.list-style-4 article:nth-child(even) .post-item.post-list .post-item-image {
		left: unset;
		right: 0;
	}
}

@media (max-width: 600px) {
	.theme-archive-layout.list-layout article .post-item.post-list {
		flex-direction: column;
	}
	.theme-archive-layout.list-layout article .post-item.post-list .post-item-image{
		flex: unset;
	}
	.theme-archive-layout.list-layout article .post-item.post-list .post-item-image a img{
		aspect-ratio: 1/0.7;
	}
	.theme-archive-layout.list-layout article .post-item.post-list .post-item-content{
		padding: 20px;
	}
	.theme-archive-layout.list-layout article .post-item.post-list .post-item-content p{
		margin-bottom: 0;
	}
}
/* End archive layouts
--------------------------------------------- */

/* Custom CSS */

.no-sidebar .entry-content {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}