/*

Ghost Custom Theme: ReSource

*/

/* Source Theme Edits */

a,
button
.button,
li::before {
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all 200ms ease-in;
		-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

.nav li a {
	text-transform: uppercase;
}

/* Matches home page header styling to page headers. */

.gh-header.is-classic .gh-header-title {
	font-size: calc(clamp(6.5rem, 1.82vw + 2.27rem, 4.6rem) * var(--factor, 1));
}

.gh-header.is-classic h3 {
	font-size: calc(1.4em * var(--factor, 1));
	letter-spacing: -0.017em;
	font-weight: 500;
	margin-top: -24px;
}

/* Replicates locked post styling from Casper */

.gh-card-image {
	overflow: hidden;
	display: block;
}

.gh-card-image::after {
	content: "";
	display: block;
	padding-bottom: 60%;
}

.gh-card[class*="post-access-"] .gh-card-image::after {
	background-color: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
}

.gh-card.keep-ratio[class*="post-access-"] .gh-card-image::after {
	position: absolute;
	inset: 0;
	padding-bottom: 0;
}

.gh-card.keep-ratio:not(.gh-card-large):not(.gh-card-full) .gh-card-image::after {
	padding-bottom: 0;
}

.gh-card-image img {
	background: var(--color-lightgrey) no-repeat center center;
}

.gh-card.keep-ratio:not(.gh-card-large):not(.gh-card-full) .gh-card-image img {
	position: static;
}

.gh-card-access {
	position: absolute;
	inset: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: 1.5rem;
	font-weight: 600;
	color: #fff;
}

/* Customize locked post CTA */

.gh-post-upgrade-cta-content {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

.gh-btn {
	color: var(--color-secondary-text) !important;
}

.gh-post-upgrade-cta-content p {
	font-size: 1.8rem;
	width: 80%;
}

/* Force membership page signup card text to be white. */

.page-membership .kg-signup-card-text h2,
.page-membership .kg-signup-card-text p {
	color: white;
}

/* CUSTOM THEME ADDITIONS */

/* Lock icons in nav */

li.nav-behind-the-scenes::before,
li.nav-wip::before,
li.nav-downloads::before,
li.nav-stories::before {
	background: url('https://blog.brainandbrain.co/assets/images/lock.svg') 0 0 no-repeat;
	background-size: 16px 16px;
	content: '';
	float: left;
	height: 16px;
	margin: 3px 6px 0 6px;
	opacity: .5;
	width: 16px;
}

li.nav-behind-the-scenes:hover::before,
li.nav-wip:hover::before,
li.nav-downloads:hover::before,
li.nav-stories:hover::before,
.gh-navigation-menu.unlock li.nav-behind-the-scenes:hover::before,
.gh-navigation-menu.unlock li.nav-wip:hover::before,
.gh-navigation-menu.unlock li.nav-downloads:hover::before,
.gh-navigation-menu.unlock li.nav-stories:hover::before {
	opacity: .4;
}

/* Featured Video Post Template */

section.feature-video figure.kg-embed-card {
	grid-column: wide-start / wide-end;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
}

section.feature-video .fluid-width-video-container:first-of-type iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Screenplay Custom Post Styling */

span.screenplay-mono {
	font-family: var(--font-mono) !important;
}

span.screenplay-mono p {
	margin-top: 1em;
}
}