h1.pageheader span,
h2.pageheader span {
	width: 33.333%;
}









#post-head .contentCol {
	display: grid;
	grid-template-columns: 3fr 5fr 1fr;
	column-gap: 40px;
	row-gap: 40px;
}

.featured_img {
	box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15);
}

#post-details {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 80px;
	row-gap: 40px;
}
#post-details > *:first-child {
	grid-column: 1 / span 2;
}
#post-details > *:nth-child(2),
#post-details > *:nth-child(3) {
	grid-column: 1 / span 1;
}

#post-details h2 {
	font-family: var(--the7-base-font-family);
	color: var(--global-color-accent);
	text-transform: uppercase;
	font-size: 24px;
	line-height: 1.25;
}

#post-details h3 {
	font-family: var(--the7-base-font-family);
	color: var(--global-color-accent);
	text-transform: uppercase;
	font-size: 18px;
	line-height: 1.25;

	padding-bottom: 3px;
	border-bottom: 1px solid #dddddd;
}

#post-details ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#post-head > *:last-child .wrapper {
	background-color: #dfdfdf;

	box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.15) inset;

	padding: 20px;
	border-radius: var(--buttonRadius);

	text-align: center;
}
#post-head > *:last-child .btn {
	background-color: #272727;
	
	font-family: "Oswald";
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;

	padding: 20px;
	border-radius: var(--buttonRadius);
}
#post-head > *:last-child .btn:hover {
	background-color: var(--global-color-accent);
}









#post-content {
	padding: 80px 0;
}
#post-content h2.pageheader {
	color: var(--global-color-accent);
}
#post-content h2.pageheader span {
	border-bottom-color: #d9d9d9;
}









#post-videos {
	
	--marginRight: 20px;
	--marginOffset: calc(40px / 3);

	background-color: #e8e8e8;

	padding: 80px 0;
}

#post-videos > .contentCol {
	position: relative;
	top: 0;
	left: 0;
}

#post-videos h2.pageheader span {
	border-bottom-color: #d9d9d9;
}

#post-videos .swiper-button-next,
#post-videos .swiper-button-prev {
	position: absolute;
	top: 0 !important;
	right: calc(100% + 40px) !important;
	left: auto !important;

	width: auto !important;
	height: 100% !important;
	margin: 0 !important;

	color: #fff !important;

	display: flex;
	align-items: center;
}
#post-videos .swiper-button-next {
	left: calc(100% + 40px) !important;
	right: auto !important;
}
#post-videos .swiper-button-next:after,
#post-videos .swiper-button-prev:after {
	font-size: 120px;
}

#post-videos .video-swiper {
	position: relative;
	top: 0;
	left: 0;
}

#post-videos .swiper {
	
}
#post-videos .swiper-wrapper {
	
}
#post-videos .swiper-slide {
	
	flex-shrink: 0;

	width: calc(33.33% - var(--marginOffset));
	margin-right: var(--marginRight);
}
#post-videos .swiper-slide > div {
	position: relative;
	top: 0;
	left: 0;

	padding-top: 56.25%;

	background-color: #000;
}
#post-videos .swiper-slide img {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	object-fit: cover;
}
#post-videos .swiper-slide div.no_poster {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	padding: 20px;
	box-sizing: border-box;

	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	flex-direction: column;

	text-align: center;
}
#post-videos .swiper-slide div.no_poster i.fa-solid {
	font-size: 48px;
	color: #fff;

	margin-bottom: 15px;
}
#post-videos .swiper-slide div.no_poster h3 {
	color: #fff;
}









#post-tabs {
	padding: 80px 0;
}

#post-tabs > .contentCol > nav {
	display: flex;
	column-gap: 35px;
}
#post-tabs > .contentCol > nav > * {
	
	flex-grow: 1;

	padding: 25px;
	border-radius: var(--buttonRadius) var(--buttonRadius) 0 0;

	background-color: #e7e7e7;

	font: var(--the7-h2-font);
	font-size: 36px;
	text-align: center;
	color: #000;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	line-height: 1.25;

	display: flex;
	justify-content: center;
	align-items: center;
}
#post-tabs > .contentCol > nav > *.selected {
	background-color: #fff;

	box-shadow: 0px -5px 21px 0px rgba(0,0,0,0.15);

	color: var(--global-color-accent);
}

#post-tabs .swiper {
	padding-top: 80px;

	background-color: #fff;

	transition: max-height .6s ease-in-out;
}
#post-tabs .swiper-slide {
	margin-right: 40px;
}
#post-tabs .swiper-slide h3 {
	font-family: var(--the7-base-font-family);
	color: var(--global-color-accent);
	text-transform: none;
	font-size: 24px;
	line-height: 1.25;
}

#post-tabs .swiper-slide.topics > div {
	margin-bottom: 40px;
}

#post-tabs .swiper-slide.media {
	column-count: 2;
	column-gap: 80px;
	break-after: avoid;
}
#post-tabs .swiper-slide.media a {
	text-decoration: none;
	color: #000;
}
#post-tabs .swiper-slide.media a:hover {
	color: var(--global-color-accent);
}
#post-tabs .swiper-slide.media ul {
	list-style: none;
}
#post-tabs .swiper-slide.media ul a:before {
	content: normal;

	font-family: 'FontAwesome';
	font-weight: 900;

	margin-right: 10px;
}
#post-tabs .swiper-slide.media ul.video a:before {
	content: "\f03d";
}
#post-tabs .swiper-slide.media ul.photo a:before {
	content: "\f03e";
}
#post-tabs .swiper-slide.media ul.document a:before {
	content: "\f15b";
}
#post-tabs .swiper-slide.media ul.bookcoverorjacket a:before {
	content: "\f02d";
}









.custombox_modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;

	width: 100%;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
}
.custombox_modal > .bg {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	background-color: rgba(0, 0, 0, .8);
}
.custombox_modal > .close {
	position: absolute;
	top: 20px;
	right: 20px;

	color: #fff;
	font-size: 30px;

	background: transparent;

	padding: 10px;
	border: 0;
}
.custombox_modal > .contentCol {
	display: flex;
	align-items: center;
	justify-content: center;

	position: relative;
	top: 0;
	left: 0;
}
.custombox_modal video {
	max-width: 100%;

	background-color: #000;
}









@media(max-width: 1024px) {
	h1.pageheader span,
	h2.pageheader span {
		width: auto;
	}

	#post-head .contentCol {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#post-tabs > .contentCol > nav > * {
		font-size: 18px;
	}
}









@media(max-width: 767px) {
	#post-head .contentCol {
		grid-template-columns: minmax(0, 1fr);
	}

	#post-videos .swiper {
		overflow: visible;
	}

	#post-videos .swiper-slide {
		width: 100%;
	}

	#post-tabs > .contentCol > nav {
		column-gap: 10px;
	}

	#post-tabs > .contentCol > nav > * {
		padding: 15px;

		font-size: 16px;
	}
}