/*
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: "Inter", sans-serif;}
h1, h2, h3, h4, h5		{font-family: "Inter", sans-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;}

#header         {position: fixed; background: #000; left: 0; width: 100%; padding: 1.5rem 0; z-index: 40;}
#header .left img	{max-height: 4rem; display: block;}
#header .left .menu	{margin-left: 45px; border-left: 1px solid rgb(255 255 255 / 0.2); padding-left: 40px;}
#header .left .menu > li  	{position: relative; display: inline-block; vertical-align: top;}
#header .menu > li + li     {margin-left: 25px;}
#header .menu > li > a      {color: #9ca3af; font-weight: 500; line-height: 24px;}
#header .menu li:hover > a  {color: #fff;}
#header .right a	{display: inline-block; line-height: 1.5rem; padding: 12px 24px; color: #6366f1; font-weight: 600; background-color: transparent; border: 2px solid #6366f1; border-radius: 4px; cursor: pointer;}
#header .right a:hover		{background: #6366f1; color: #fff;}
#header .right a:nth-of-type(2)		{margin-left: 12px; background: #6366f1; color: #fff;}
#header .right a:nth-of-type(2):hover	{background-color: #4f46e5; border-color: #4f46e5;}

.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;}
.homeTop .overlay	{max-width: 60%; color: #fff;}
.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);}

.broadcast		{border: 1px solid rgb(255 255 255 / 0.2); border-width: 1px 0; padding: 3rem 0;}
.broadcast p	{text-transform: uppercase; margin-bottom: 2rem; font-size: 0.875rem; line-height: 1.25rem; color: #9ca3af; letter-spacing: 0.05em;}
.broadcast .icons	{gap: 45px;}
.broadcast .icons img	{height: 2rem;}

#episodes .grid		{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem;}
#episodes .grid .episode	{border-radius: 12px; overflow: hidden; border: 1px solid #000; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
#episodes .grid .episode:hover	{border-color: #6366F1; transform: scale(1.05) translateY(-10px);}
#episodes .grid .episode .aspect	{aspect-ratio: 16 / 9; position: relative;}
#episodes .grid .episode .aspect img	{display: block; object-fit: cover; width: 100%; height: 100%;}
#episodes .grid .episode .aspect .icon	{position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center;}
#episodes .grid .episode .aspect .icon .play	{background: #6366f1; border-radius: 9999px; height: 3rem; width: 3rem; display: flex; align-items: center; justify-content: center;}
#episodes .grid .episode .aspect .icon .play i	{color: #fff; font-size: 1.25rem; line-height: 1.75rem;}
#episodes .grid .episode .aspect .icon .play:hover		{background: #4f46e5;}
.episodeInner		{max-width: 64rem; width: 100%; background: 000; border: 1px solid #374151; border-radius: 12px; overflow: hidden;}
.episodeInner .video	{aspect-ratio: 16 / 9; position: relative;}
.episodeInner .video iframe		{display: block;}
.episodeInner .text		{background: #111827; padding: 1.5rem;}
.episodeInner .text h3	{color: #fff; font-weight: 1.25rem; line-height: 1.75rem; margin-bottom: 0.5rem;}
.episodeInner .text p	{color: #d1d5db;}

.textContent h2		{color: #fff; font-weight: 700; font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 0.5rem;}
.textContent p		{color: #9ca3af;}

#about .aboutContent > div		{width: calc(50% - 25px); gap: 50px;}
#about .aboutContent .left		{line-height: 1.625; font-size: 1.125rem; color: #e5e7eb;}
#about .aboutContent .left * + *	{margin-top: 24px;}
#about .aboutContent .right		{border-radius: 12px; overflow: hidden;}
#about .aboutContent .right .aspect		{aspect-ratio: 4/3;}
#about .aboutContent .right .aspect img	{display: block; object-fit: cover; width: 100%; height: 100%;}
#about .stats		{border: 1px solid #1f2937; border-radius: 16px; padding: 2rem; display: flex; gap: 30px; justify-content: space-between;}
#about .stats > div	{width: 25%;}
#about .stats > div p		{color: #9ca3af; font-size: 0.875rem; line-height: 1.25rem; }
#about .stats > div p span		{display: inline-block; color: #6366f1; font-weight: 700; font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 0.5rem;}

#cast .castGrid		{gap: 24px;}
#cast .castGrid > div		{width: 25%; border: 1px solid #000; border-radius: 12px; overflow: hidden;}
#cast .castGrid > div:hover		{border-color: #6366F1;}
#cast .castGrid > div .aspect	{aspect-ratio: 3/4; position: relative;}
#cast .castGrid > div .aspect img	{display: block; object-fit: cover; width: 100%; height: 100%;}
#cast .castGrid > div .aspect .overlay		{position: absolute; inset: 0px; background: rgb(0 0 0 / 0.4); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;}
#cast .castGrid > div .aspect .overlay2		{position: absolute; inset: 0px; background: linear-gradient(to top, rgb(0 0 0 / 0.7), transparent, transparent);}
#cast .castGrid > div:hover .aspect .overlay	{background: rgb(0 0 0 / 0.2);}
#cast .castGrid > div .aspect .text			{position: absolute; padding: 1.5rem; bottom: 0; left: 0; right: 0;}
#cast .castGrid > div .aspect .text h3		{color: #fff; font-weight: 700; font-size: 1.5rem; line-height: 2rem;}
#cast .castGrid > div .aspect .text p		{color: #6366f1; font-weight: 600; font-size: 1.125rem; line-height: 1.75rem;}
#cast .castGrid > div .aspect .text span	{font-weight: 500; color: #d1d5db; text-decoration: underline;}
.fancybox__content		{background: transparent!important;}
.fancybox__content > .carousel__button.is-close		{top: 50px!important; right: 50px!important;}
.bioInner		{background: #111827; border: 1px solid #6366F1; border-radius: 12px; display: flex; overflow: hidden; max-width: 42rem;}
.bioInner .img	{width: 33.333333%; height: 20rem; aspect-ratio: auto; flex-shrink: 0;}
.bioInner .img img	{display: block; object-fit: cover; width: 100%; height: 100%;}
.bioInner .text		{display: flex; flex-direction: column; justify-content: center; 1 1 0%; padding: 1.5rem;}
.bioInner .text h3	{color: #fff; font-weight: 700; font-size: 1.5rem; line-height: 2rem; margin-bottom: 0.25rem;}
.bioInner .text p:not(.bio)	{color: #6366f1; font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1rem;}
.bioInner .text p.bio		{color: #d1d5db; font-size: 1rem; line-height: 1.5rem;}

#contact .forms		{gap: 32px;}
#contact .forms > div	{width: 50%; padding: 2rem; border: 1px solid #374151; border-radius: 12px; transition: all cubic-bezier(0.4, 0, 0.2, 1) 300ms;}
#contact .forms > div:hover		{transform: scale(1.05) translateY(-10px); border-color: #6366F1;}
#contact .forms > div > div		{flex-direction: column; height: 100%;}
#contact .forms > div .top		{margin-bottom: 1.5rem;}
#contact .forms > div .top .icon	{height: 4rem; width: 4rem; border-radius: 9999px; background: rgb(99 102 241 / 0.2);}
#contact .forms > div .top .icon i	{color: #6366F1; font-size: 1.5rem; line-height: 2rem;}
#contact .forms > div .top span		{color: #fff; font-weight: 700; font-size: 0.875rem; line-height: 1.25rem; padding: 0.25rem 0.75rem; background: #6366F1; border-radius: 9999px;}
#contact .forms > div:nth-of-type(2) .top span	{background: rgb(75 85 99 / 0.8);}
#contact .forms > div:nth-of-type(2) .top .icon i	{color: #fff;}
#contact .forms > div .text h3		{color: #fff; font-weight: 700; font-size: 1.5rem; line-height: 2rem; margin-bottom: 1rem;}
#contact .forms > div .text p		{color: #e5e7eb; line-height: 1.625; margin-bottom: 2rem;}
#contact .forms > div a			{display: block; line-height: 1.5rem; padding: 1rem 2rem; color: #fff; font-weight: 600; background: #6366f1; border-radius: 4px; cursor: pointer; text-align: center;}
#contact .forms > div a:hover	{background: #4f46e5;}
#contact .forms > div:nth-of-type(2) a		{background: rgb(75 85 99 / 0.8);}
#contact .forms > div:nth-of-type(2) a:hover	{background: rgb(107 114 128 / 0.8);}
#contact .contactText		{padding: 2rem; border: 1px solid #1f2937; border-radius: 16px; margin-top: 3rem;}
#contact .contactText p		{color: #d1d5db; font-size: 1.125rem; line-height: 1.625;}

#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;
	}
}