:root{
	/* theme colors */
	--accent:#3aafa9;
	--accent-alt:#007FFF;
	--light:#fff;
	--light-alt:#F1F1F1;
	--grey:#f5f7f8;
	--grey-alt:#6A717A;
    --dark:#17252a;
	--dark-alt:#2b7a78;
	--red:#DD544A;
}
body {
	background: var(--grey);
	max-width: 1600px;
	margin: auto;
}
html {
	max-width: 100%;
    overflow-x: hidden;
	background: #fff;
}
button:hover {
	cursor: pointer;
}
#header {
	max-width: 1600px;
	margin: auto;
}
footer {
	background-color:var(--accent);
	color: var(--light);
	padding-top: 50px;
}
img {
	width: 100%;
}
a {
	color: inherit;
	background-color: inherit;
	text-decoration: none;
	cursor:pointer;
}
button {
	cursor: pointer;
}
.row {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.nav-link:hover, .footer-link:hover{
	color: inherit;
	cursor: pointer !important;
	text-decoration-color: inherit;
	text-decoration: underline;
}
.navbar-brand:hover {
	color: inherit;
}
@media only screen and (max-width:1100px){
	.navbar-brand h1 {
		font-size: 2rem;
	}
	
	.nav-link h4 {
		font-size: 1.25rem;
	}
}
@media only screen and (max-width:991px){
	.nav-item{
		background: var(--accent);
		border-bottom: 1px solid #fff;
	}
}
@media only screen and (max-width:500px){
	.navbar-brand h1 {
		font-size: 2rem;
	}
}
@media only screen and (max-width:375px){
	.navbar-brand h1 {
		font-size: 1.6rem;
	}
}
.container-fluid {
	padding-top: 80px;
}
.header {
	height: 80px;
	text-align: center;
	position: fixed;
	z-index: 1;
}
.non-transparent {
	background-color: var(--dark);
	color: var(--light);
}
.header-page, .header-page:hover {
	text-decoration: none;
	color: inherit;
}
.header1-padding {
	padding-top: 16px;
}
.header2-padding {
	padding-top: 20.8px;
}
.transparent {
	background-color: transparent;
	color: var(--light);
}
.nav-link {
	padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
#collapsed-links {
	margin-right: 10px;
}
.featured-video {
	height: calc(100vh - 80px);
	background-repeat: no-repeat;
	background-size: cover;
}
@media only screen and (max-width:925px){
	.featured-video {
		height: 450px;
	}
}
@media only screen and (max-width:767px){
	.featured-video {
		height: calc(100vh - 80px);
	}
}
.video-container {
	height: inherit;
	position: relative;
	overflow:hidden;
}
#video-background {
	width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
	position: absolute;
}
.content-overlay {
	color: var(--light);
	display: flex;
    align-items: flex-end;
	justify-content: center;
	position: absolute;
	/*z-index: 5;*/
	top: 70%;
	left: 40%;
}
.btn-wrapper {
	margin-bottom: 30px;
}
.general-btn {
	border:none;
	border-radius: 3px;
	padding: 10px 10px 0px;
	background-color: #007bff;
	border-color: #007bff;
	margin-bottom: 10px;
}
@media only screen and (max-width:1430px){
	#featured-description {
		font-size: 1rem !important;
	}
}
@media only screen and (max-width:1070px){
	.featured-title{
		font-size: 2rem !important;
	}
}
@media only screen and (max-width:400px){
	.general-btn h3{
		font-size: 20px;
	}
}
#blog-alt {
	padding: 30px;
	margin: auto;
}
.featured-blog-background {
	width:100%;
	background-image: url("../images/featured/a_life_2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
    background-position: center;
	margin-bottom: -125px;
}
.featured-blog-desktop {
	padding-right: 0px; 
	background-image: url("../assets/images/featured/a_life_2.jpg"); 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.info-mobile {
	margin: 15px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 10px -5px #000;
}
.border-right {
	border-right: 1px solid var(--light) !important;
}
.center{
	text-align: center;
}
.input{
	border-radius: 3px;
	border: none;
	height: 40px;
	width: 275px;
	padding-left: 5px;
}
.input-attached-right-btn{
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
}
.input-attached-left-btn{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.input-btn{
	margin-bottom: 2.5px;
    height: 40px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: -5px;
    border: none;
}
.footer-padding-left{
	padding-left: 50px;
}
.footer-padding-right{
	padding-right: 50px;
}
.super-text{
	font-size: 15px;
}
#subscription-wrap{
	width: 405px;
}
#super-text{
	float:right;
	text-align: left;
	padding-bottom: 5px;
}
.align-right{
	text-align: right;
}
@media only screen and (max-width:415px){
	#subscription-wrap{
		width: 300px;
	}
	#subscribe-input {
		width: 215px;
	}
	#subscribe-button {
		width: 50px;
		font-size: 20px;
	}
}
@media only screen and (max-width:992px){
	#footer-info-wrap{
		text-align: center;
	}
	.align-right {
		text-align: center;
	}
	.footer-padding-right, .footer-padding-left {
		padding-right: 0px;
		padding-left: 0px;
	}
	#subscription-wrap{
		margin: auto;
	}
	#super-text {
		float: none;
		text-align: center;
	}
	#company-info {
		margin-bottom: 30px;
	}
	#film-info {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
}
.block-wrap{
	display:block;
}
.page-break{
	height: 150px;
}
@media only screen and (max-width:992px){
	.page-break{
		height: 75px;
	}
}
.featured-title{
	padding-top: 20px;
}
.description{
	color: #555;
}
.padding-bottom {
	padding-bottom: 25px;
}
.page-title {
	font-size: 60px;
    font-weight: 900;
    color: #999;
	padding: 10px;
    text-align: center;
}
@media only screen and (max-width:500px){
	.page-title{
		font-size: 50px;
	}
}
@media only screen and (max-width:375px){
	.page-title{
		font-size: 35px;
	}
}
.film-container {
	height: 550px;
}
.film-title {
	padding-top: 25px;
	color: #999;
	font-weight: 900;
}
.film-info-wrap {
	height: 70%;
}
.film-description {
	font-size: 16px;
	font-weight: 500;
}
.film-info {
	padding-top: 15px;
}
@media only screen and (max-width: 400px) {
	#winners-wrap {
		height: 60%;
	}
	#winners-container {
		height: 500px;
	}
	#winners-info {
		height: 25% !important;
	}
	.film-info {
		font-size: 15px;
	}
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.hidden {
	visibility: hidden;
}
.visibile {
	visibility: visible;
}
.thumbnail {
	padding: 20px;
}
.cast {
	color: #555;
	padding-top: 20px;
}
.cast-list {
	list-style: none;
	margin-left: -40px;
}
.boxed-content {
	background: white;
    border: 1px solid #eee;
	border-radius: 8px;
    box-shadow: 0 1px 6px 0 rgba(117,117,117,.25);
	margin-bottom: 25px;
}
.film-padding {
	padding: 10px;
    /*padding-bottom: 50px;*/
}
.screenplay-overlay-wrap {
	padding-top: 100px;
	padding-left: 75px;
	height: 400px;
	min-width: 275px;
}
.screenplay-title {
	color: white;
	font-weight: 800;
	font-size: 50px;
}
.screenplay-subtitle {
	color: white;
}
@media only screen and (max-width:425px){
	.screenplay-title {
		font-size: 35px;
	}
	.screenplay-subtitle {
		font-size: 22px;
	}
}
.screenplay-btn {
	font-size: 22px;
	color: white !important;
}
.screenplay-wrap {
	margin-left: 35px; 
	margin-right: 35px; 
	min-height: 400px;
	min-width: 275px;
}
.screenplay-info-wrap {
	height: 70%;
}
.filter-wrap {
	width: 100%;
    height: 400px;
}
@media only screen and (max-width:500px){
	.screenplay-overlay-wrap{
		padding-top: 50px;
		padding-left: 25px;
	}
}
@media only screen and (max-width:400px){
	.page-title{
		font-size: 38px;
	}
	.screenplay-wrap {
		margin: auto;
		margin-bottom: 25px;
	}
}
.blog-row {
	margin: 50px;
	margin-top: 15px;
	justify-content: center;
}
@media only screen and (max-width:500px){
	.blog-row {
		margin: 0px;
	}
}
.blog-thumbnail {
	min-height: 325px;
	max-width: 400px;
	margin: 30px;
	padding: 0px;
	background-size:cover;
	border: none !important;
}
.blog-thumbnail:hover {
	transition: all .5s;
	cursor: pointer;
	opacity: .7;
}
.blog-post-info {
	height: 30%;
	background: var(--accent);
	opacity: .92;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-left: 10px;
	color: #fff;
}
.blog-filler {
	height: 70%;
}
.blog-title {
	padding-top: 5px;
	height: 65%;
}
.blog-post-background {
	background-repeat: no-repeat;
	background-size: cover;
	height: 450px;
}
.blog-post-overlay {
	width: 100%;
	height: 100%;
	color: #fff;
	
}
.blog-post-title {
	padding-left: 50px;
}
.blog-post-content {
	padding-top: 50px;
	max-width: 1140px;
	margin: auto;
}
.blog-post-meta {
	padding-left: 50px;
	padding-top: 10px;
}
.blog-post-meta-date {
	margin-left: 50px;
}
.blog-overlay-filler {
	width: 100%;
	height: 68%;
}
@media only screen and (max-width:425px){
	.screenplay-title {
		font-size: 35px;
	}
	.screenplay-subtitle {
		font-size: 22px;
	}
	#a-life-filler {
		height: 50%;
	}
}
.inline {
	display: inline;
}
.icon-padding {
	padding-left: 0px;
	padding-right: 5px;
}
.icon-padding-left {
	padding-left: 10px;
}
.icon-accent {
	color: var(--accent);
}
.info-text {
	font-size: 14px;
}
.contact-input {
	width: 100%;
    min-height: 50px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-bottom: 25px;
	padding-left: 10px;
}
#contact-message {
	resize: none;
	height: 200px;
}
.subtitle {
	color: #555;
	margin-bottom: 20px;
}
.no-padding-container {
	padding-right: 0px; 
	padding-left: 0px;
}
.separator{
	border: 1px solid var(--dark-alt);
	margin: 0px 50px;
}
@media only screen and (max-width:375px){
	.separator{
		margin: 0px 10px;
	}
	.blog-overlay-filler {
		height: 50%;
	}
	.blog-post-meta, .blog-post-title {
		padding-left: 10px;
	}
}
.block-text{
	font-size: 18px;
	font-family: veranda;
}
blockquote{
	font-style: italic;
    position: relative;
    color: var(--accent);
    padding: 45px 35px;
    font-weight: 600;
    font-size: 30px;
}
.enlarged-text {
	font-size: 30px;
	font-weight: 400;
	color: var(--accent);
}
.blog-list li{
	font-size: 25px;
	color: var(--accent);
}
.block-text-wrap {
	padding-top: 65px;
}
.social-icon{
	font-size: 50px;
}
.sticky-padding {
	padding-top: 90px;
}
.social-mobile{
	display: none;
}
@media only screen and (max-width:1200px){
	.block-text-wrap {
		padding-top: 10px;
	}
}  
@media only screen and (max-width: 575px) {
	.social-mobile {
		display: block;
	}
	.socials {
		display: none;
	}
	.blog-post-content {
		padding-top: 10px;
	}
}
@media only screen and (max-width:400px){
	blockquote, .enlarged-text{
		font-size: 22px;
	}
	.blog-list li{
		font-size: 18px;
	}
}  
.donate-text{
	color:#555;
	font-weight: 500;
	font-size: 25px;
	line-height: 1.5;
}
.extra {
	font-weight: 700;
}
@media only screen and (max-width: 350px) {
	#paypal-btn{
		width: 250px;
	}
}
.swal-footer {
	text-align: center;
}
.swal-button {
	background-color: var(--accent-alt);
}
#submit-contact {
	width: 40%;
}
@media only screen and (max-width: 992px) {
	#submit-contact{
		width: 100%;
	}
}
#dev-link {
	color: inherit;
}
#dev-link:hover {
	cursor:pointer;
}