/*
Theme Name: 
Theme URI: 
Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net
Author: Adrian Jones
Version: 1.0
License: 
License URI: 
Tags: 
*/

*		{margin: 0; border: 0; padding: 0; outline: 0; box-sizing: border-box;}
p, a, small, li, textarea, input, label, td, tr, .gform_confirmation_message, div, .uabb-adv-accordion-content p {font-family: "Libre Baskerville", serif;}
h1, h2, h3, h4, h5		{font-family: "Libre Baskerville", serif;}
.clear		{clear: both;}
a		{text-decoration: none; color: inherit;}
html		{overflow-y: scroll; background-color: #000; scroll-behavior: smooth;}
ul		{list-style-type: none;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img         {max-width: 100%; max-height: 100%; height: auto;}

.wrapper        {width: 1300px; margin: 0 auto; position: relative;}
.wrapper:after  {content: ""; display: block; clear: both;}

.yPadding       {padding-top: 4rem; padding-bottom: 4rem;}
.centered       {text-align: center;}
.mb-2			{margin-bottom: 2rem;}
.mb-3			{margin-bottom: 3rem;}
.mb-5			{margin-bottom: 5rem;}

.flex			{display: flex;}
.align-center	{align-items: center;}
.align-bottom	{align-items: flex-end;}
.justify-between	{justify-content: space-between;}
.justify-center		{justify-content: center;}

.homeTop		{min-height: 100vh; position: relative; padding-top: 6rem; display: flex; align-items: center;}
.homeTop:before	{content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, transparent 50%, rgba(0,0,0,0.8) 100%), linear-gradient(90deg, rgba(0,0,0,0.9) 0%, transparent 50%, rgba(0,0,0,0.4) 100%); z-index: 1;}
.homeTop > div		{width: 100%;}
.homeTop .wrapper	{z-index: 2;}
.homeTop .flex	{align-items: center; justify-content: center;}
.homeTop .overlay	{color: #fff; text-align: center;}
.homeTop .overlay img	{display: block; margin: 0 auto 40px; max-height: 150px;}
.homeTop .overlay h1	{font-size: 4.5rem; font-weight: 900; line-height: 1; margin-bottom: 2rem;}
.homeTop .overlay p		{color: #e5e7eb; line-height: 1.625; font-weight: 300; font-size: 1.5rem; margin-bottom: 2rem;}
.homeTop .overlay .buttons a	{display: inline-block; line-height: 1.5rem; padding: 12px 24px; color: #fff; font-weight: 600; background-color: #6366f1; border-radius: 4px; cursor: pointer;}
.homeTop .overlay .buttons a:hover		{background-color: #4f46e5;}
.homeTop .overlay .buttons a:nth-of-type(2)		{margin-left: 12px; background: rgb(75 85 99 / 0.8);}
.homeTop .overlay .buttons a:nth-of-type(2):hover	{background: rgb(107 114 128 / 0.8);}

#footer		{border-top: 1px solid #1f2937; padding: 2rem 0;}
#footer p	{color: #9ca3af; font-size: 0.875rem; line-height: 1.25rem;}
#footer ul	{}
#footer ul li	{display: inline-block;}
#footer ul li + li	{margin-left: 24px;}
#footer ul li a		{color: #9ca3af; font-size: 0.875rem; line-height: 1.25rem;}
#footer ul li a:hover		{color: #fff;}

.innerpage.generic			{padding-top: 6rem; color: #fff;}
.innerpage.generic .content .fl-module-rich-text > * + *		{margin-top: 0.5rem;}
.innerpage.generic .content h1			{text-align: center;}
.innerpage.generic .content h2,
.innerpage.generic .content h3			{margin: 6px 0 12px;}
.innerpage.generic .content p			{color: #fff;}
.innerpage.generic .content ul,
.innerpage.generic .content ol			{margin: 15px 0 0 30px;}
.innerpage.generic .content ul,
.innerpage.generic .content ul li		{list-style-type: disc;}
.innerpage.generic .content li + li		{padding-top: 6px;}

.content .gform_wrapper .gform_fields	{row-gap: 20px;}
.content .gform_wrapper .gform_fields .gfield legend,
.content .gform_wrapper .gform_fields .gfield label		{color: #fff;}
.content .gform_wrapper .gform_footer .button		{background: #6366f1!important; cursor: pointer;}
.content .gform_wrapper .gform_footer .button:hover	{background: #4f46e5!important;}

@media all and (max-width : 1300px) {
	.wrapper {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.episodeInner .video iframe {
		max-width: 100%;
		height: 100%;
	}
}

@media all and (max-width : 992px) {
	#header .left .menu {
		display: none;
	}
	.homeTop .overlay h1 {
		font-size: 56px;
	}
	#episodes .grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	#cast .castGrid {
		flex-wrap: wrap;
		row-gap: 24px;
		column-gap: 4%;
	}
	#cast .castGrid > div {
		width: 48%;
	}
}

@media all and (max-width : 768px) {
	.homeTop {
		min-height: 65vh;
	}
	.homeTop .overlay {
		max-width: unset;
	}
	.homeTop .overlay p {
		font-size: 18px;
	}
	.broadcast .icons {
		flex-direction: column;
	}
	.aboutContent {
		flex-wrap: wrap;
		gap: 40px;
	}
	#about .aboutContent .left,
	#about .aboutContent .right,
	#contact .forms > div {
		width: 100%;
	}
	#about .stats {
		flex-wrap: wrap;
		row-gap: 20px;
		column-gap: 6%;
	}
	#contact .forms {
		flex-wrap: wrap;
	}
	#about .stats > div {
		width: 47%;
	}
	#footer .flex {
		flex-direction: column;
		gap: 20px;
	}
}

@media all and (max-width : 586px) {
	yPadding {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	#header {
		position: static;
	}
	#header > div > div.flex {
		flex-direction: column;
		gap: 12px;
	}
	#header .right a {
		font-size: 14px;
		padding: 9px 18px;
	}
	.homeTop {
		padding-top: 0;
		min-height: 0;
		height: 470px;
	}
	.homeTop .overlay h1 {
		font-size: 42px;
	}
	.homeTop .overlay .buttons {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
	.homeTop .overlay .buttons a:nth-of-type(2) {
		margin-left: 0;
	}
	#episodes .grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	#cast .castGrid > div {
		width: 100%;
	}
	#contact .contactText p {
		font-size: 16px;
	}
	.bioInner {
		flex-direction: column;
		align-items: center;
	}
	.bioInner .img {
		width: 70%;
		height: 400px;
	}
	.fancybox__content {
		padding: 0!important;
	}
	.episodeInner .text {
		display: none;
	}
}