/* ----------------------------------------------------------------
	Custom CSS 2021

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* https://codeshack.io/create-your-own-content-locker-html-javascript/ */

@import "https://use.fontawesome.com/releases/v5.0.10/css/all.css";
#sociallocker {
	background-color: #EEEEEE;
	text-align: center;
	position: relative;
	max-width: 500px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius:10px;
}
#sociallocker-overlay {
	background-color: rgba(0,0,0,0.6);
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	transition: all 0.2s ease;
}
#sociallocker-overlay i {
	margin-right: 10px;
}
#sociallocker:hover #sociallocker-overlay {
	top: -100%;
	transition: all 0.2s linear;
}
#sociallocker:hover #sociallocker-content {
	top: 100%;
	transition: all 0.2s linear;
}
#sociallocker-content a {
	display: inline-block;
	text-decoration: none;
	padding: 10px 20px;
	background-color: #777777;
	color: #f9f9f9;
	border-radius: 4px;
	font-weight: bold;
}
#sociallocker-overlay,
#sociallocker-content,
#sociallocker-links {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
}
#sociallocker-content {
	background-color: #ccc;
	transition: all 0.2s ease;
}
.social-1 {
	text-decoration: none;
    color: #ffffff;
    display: inline-block;
    width: 60px;
    height: 60px;
    overflow: hidden;
	margin-right: 5px;
}
.social-1 i {
	display: flex;
  	align-items: center;
  	justify-content: center;
    height: 100%;
}
.social-1:hover i {
	background-color: rgba(0,0,0,0.1);
    transform: scale(1.2);
    transition: all 0.2s;
}
.fb { background-color: #4561A8; }
.tw { background-color: #17ADEA; }
.gp { background-color: #BF3B28; }
.in { background-color: #1679B1; }
.pi { background-color: #D9303C; }
.su { background-color: #E84930; }


/* end social locker  */

/* Reduces the FadeIn time for Image Title */

.fadeInUp {
    --animate-duration: 0.4s !important;
    --animate-delay: 0.01s !important;
}

/* Change Font Style for H1 and Span section of Image Title */

@media (min-width: 992px) {
#slider h1 {
    font-size: 64px;
	}
}

@media (max-width: 992px) {
#slider h1 {
    font-size: 62px !important;
	}
}

@media (max-width: 768px) {
#slider h1 {
    font-size: 52px !important;
	}
}

@media (max-width: 576px) {
#slider h1 {
font-size: 32px !important;
}
.slider-caption span {
font-size: 24px !important;
}
}



@media (max-width: 375px) {
#slider h1 {
    font-size: 32px;
	}
}

#slider h1 {
    color: #FFF;
	text-transform: capitalize;
    text-shadow: 0.5px 10px 10px rgb(0 0 0 / 10%), 0 4px 4px rgb(1 1 1 / 50%);
}


@media (min-width: 992px) {
.d-sm-block {
    font-size: 48px;
	}
}

@media (max-width: 992px) {
.d-sm-block {
    margin-top: 10px;
    font-size: 44px;
	}
}

@media (max-width: 768px) {
.d-sm-block {
    font-size: 34px;
	}
}

@media (max-width: 576px) {
.d-sm-block {
    font-size: 24px;
	}
}

.d-sm-block {
    color: #FFF;
    text-shadow: 0.5px 10px 10px rgb(0 0 0 / 10%), 0 4px 4px rgb(1 1 1 / 50%);
    margin-top: 0;
}

@media (min-width: 768px) {
.d-sm-block {
    display: block !important;
	}
}

.slider-caption span {
	font-weight: 500 !important;
	font-size: 40px;
}


/* Page Heading */
#page-title.page-title-parallax h1 {
	text-shadow: 0.5px 10px 10px rgb(0 0 0 / 10%), 0 4px 4px rgb(1 1 1 / 50%);
	color: #fff !important;
	font-size: 32px;
	text-align: center;
	line-height: 1.5;
	text-transform: capitalize;
	margin-bottom: 30px;
}

    
@media (min-width: 576px) {
	#page-title.page-title-parallax h1 {
		font-size: 42px;
	}
}
@media (min-width: 768px) {
	#page-title.page-title-parallax h1 {
		font-size: 52px;
	}
}
@media (min-width: 992px) {
	#page-title.page-title-parallax h1 {
		font-size: 62px;
	}
}
/* @media (min-width: 1200px) {
	#page-title.page-title-parallax h1 {
	    font-size: 64px;
	}
} */

#page-title.page-title-parallax span {
	font-size: 14px;
	color: #FFF;
	text-shadow: 0.5px 10px 10px rgb(0 0 0 / 10%), 0 4px 4px rgb(1 1 1 / 50%);
	margin-top: 0;
	text-align: center;
	/* font-weight: bold; */
}
@media (min-width: 576px) {
	#page-title.page-title-parallax span {
	  font-size: 24px;
	}
}
@media (min-width: 768px) {
	#page-title.page-title-parallax span {
		font-size: 34px;
	}
}
@media (min-width: 992px) {
	#page-title.page-title-parallax span {
		margin-top: 10px;
		font-size: 44px;
	}
}

/* Fixes Top Slider to Have Alt/Title - Joshua 2021*/
.vh-75 {
	height: 50vh !important;
}

@media only screen and (max-width:768px) {
	.vh-75 {
		height: 25vh !important;
	}
}

.d-sm-block {
    display: block !important;
	}

/*
@media (min-width: 768px) {
.d-sm-block {
    font-size: 1.5em !important;
	}
}
*/
@media (max-width: 991.98px) {
.swiper_wrapper .slider-caption h2 {
    font-size: 6vw !important;
	}
}

/* FIX IMAGE-MENU OVERLAY AND IMAGE VH */

@media (min-width: 1280px) {
	section#slider {
		margin-top: -102px;
	}
	.vh-75 {
		height: 80vh !important;
	}
	
}

/* FIX IMAGE HEIGHT ON OTHER SCREENS */

@media only screen and (max-width: 1024px) {
.vh-75 {
    height: 45vh !important;
	}	
}

@media only screen and (max-width: 414px) {
	.vh-75 {
		height: 30vh !important;
		}	
	}

/* FIX BREADCRUMB ON SCROLL */

.slider-parallax {
    -webkit-transform: none !important;
}

/* Change Main Title from H2 to H1 */
.slider-caption:not(.dark),
.slider-caption:not(.dark) h1 {
	color: #f7f7f7;
}

.slider-caption h1 {
	letter-spacing: 2px;
	text-shadow: 0.5px 10px 10px rgb(0 0 0 / 10%), 0 4px 4px rgb(1 1 1 / 50%);
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
}

/*
@media (max-width: 991.98px) {

	 .swiper_wrapper .slider-caption h1 {
		font-size: 5.5vw;
	} 


	.swiper_wrapper .slider-caption p {
		font-size: 2.6vw;
	}
}


 .d-none {
	display: block !important;
}

@media (min-width: 768px) {
.d-sm-block {
    font-size: 2em !important;
	}
}
*/
/* Reduce Top Padding on Content Wrap Div */
.content-wrap {
	padding: 40px 0; /* 80px 0;*/
	
}

/* ==========================================================================
  H2 Fix
============================================================================= */

h2 {
    color: #3FA5FF;
	font-weight: bold;
	}

/* Breadcrumb */
#breadcrumb .breadcrumb {
	background-color: #ffffff;
	justify-content: center;
	font-size: 16px;
}
#page-title .breadcrumb {
		display: none;
}

/* Custom Small RSS Post Footer
-----------------------------------------------------------------*/

.recent-posts-rss .posts-sm {
		margin-bottom: 20px;
}

.recent-posts-rss .posts-sm .entry-image {
	float: left;
	margin: 0 15px 0 0;
	text-align: center;
}

.recent-posts-rss .posts-sm .entry-image,
.recent-posts-rss .posts-sm .entry-image a,
.recent-posts-rss .posts-sm .entry-image img,
.recent-posts-rss .posts-sm .entry-image i {
	width: 48px;
	height: 48px;
}

.recent-posts-rss .posts-sm .entry-image a i {
	font-size: 28px;
	line-height: 48px;
	color: #666;
	background-color: #EEE;
}

.recent-posts-rss .posts-sm .entry-title h4 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
}

.recent-posts-rss .posts-sm .entry-title h4 a { color: rgba(255,255,255,0.75); }

.recent-posts-rss .posts-sm .entry-title h4 a:hover { color: #3FA5FF; }

.recent-posts-rss .posts-sm .entry-meta { margin: 8px -10px 0 0; }

.recent-posts-rss .posts-sm .entry-meta li::before,
.recent-posts-rss .posts-sm .entry-meta li::marker {
	content: '';
	display:none;
}

.recent-posts-rss .posts-sm .entry-meta li {
	font-size: 13px;
	margin: 0 0 0 63px;
}

/* ==========================================================================
  Links Bold
============================================================================= */
a {
    text-decoration: none !important;
    color: #3FA5FF;
    font-weight: 600;
}

/* ==========================================================================
  Bullets Regular and Pricing
============================================================================= */
ul {
	padding-left:20px;
	margin-bottom: 30px;
	
	
}
.pricing--jinpa .pricing--feature-list {
	
	list-style: disc;
	text-align: left;
}

/* ==========================================================================
  Make Divider Blue
============================================================================= */
.divider:before {
background-color: #3fa5ff;
}

.divider {
color: #3fa5ff;
}

.divider:after {
background-color: #3fa5ff;
}

/* ----------------------------------------------------------------
	Promo Boxes Light Blue
-----------------------------------------------------------------*/


.promo.promo-light {
	background-color: #EBF6FF; /* Changed from #F5F5F5 Melissa/*/
	
}


/*  Col SECTIONS from http://www.responsivegridsystem.com/*/

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/* =======================================================================
      C2 Submission  Fixes
============================================================================= */

    .with_images .othervisitors p {
    margin-left:56px;
    }

   .thumb_container {
    float: left;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 3px 20px 20px;
	    }


    .with_images .othervisitors .submission_thumbnail {
    width:100%;
    }
    .othervisitors {
    clear: both;}
		
	table#comments {
max-width:90% !important;
}


    }

/******* End C2 Submission  *******/

/* =======================================================================
      https://www.filmproposals.com/film-proposals-blog.html Fixes
============================================================================= */

.blogItItem .blogItThumbnail {
	clear: both;
	max-width: 400px !important;}
	
	.blogItThumbnail {
    height: auto;
	max-width: 400px !important;
	margin-right: 50px;
}


/******* End Blog Fixes  *******/

/* ==========================================================================
  FilmProposals Customization
============================================================================= */

.image100 {
	max-width:100%;
	height: auto;
}

.image100center {
	max-width:100%;
	height: auto;
	display: block;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 768px) {
	ul.grant-bullets {
	  -moz-column-count: 2;
	  -moz-column-gap: 20px;
	  -webkit-column-count: 2;
	  -webkit-column-gap: 20px;
	  column-count: 2;
	  column-gap: 20px;
	}

	ul.grant-bullets li {
	  margin-left:10px;
	}
}


/* Paypal Button Fix on Advertising Page
-----------------------------------------------------------------*/
.pricing-action select {
  width:100%;
}


/*---------- Event Bullets 2 Columns ------------------------- */


@media only screen and (min-width: 768px) {
	ul.event-bullets {
	  -moz-column-count: 2;
	  -moz-column-gap: 20px;
	  -webkit-column-count: 2;
	  -webkit-column-gap: 20px;
	  column-count: 2;
	  column-gap: 20px;
	}
}
/*---------- Event Bullets 2 Columns ------------------------- */

/* ----------------------------------------------------------------
	Typography
-----------------------------------------------------------------*/


body {

	font-size:20px;
}

	#content p {
    font-size: 20px;
}

/* ----------------------------------------------------------------
	Col SECTIONS from http://www.responsivegridsystem.com
-----------------------------------------------------------------*/


.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
	background-color: #FFF; /*melissa film added*/
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 0.8%; /*1% 0 1% 1.6%*/
	padding:0;
	
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col {
		margin: 1% 0 1% 0%;
	}
}

/*  GRID OF THREE COLUMNS ============================================================================= */


.span_3_of_3 {
	width: 100%;
}

.span_2_of_3 {
	width: 66.13%;
}

.span_1_of_3 {
	width: 32.26%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_3_of_3 {
		width: 100%;
	}
	.span_2_of_3 {
		width: 100%;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_1_of_3:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}
}

/*  GRID OF FOUR   ============================================================================= */


.span_4_of_4 {
	width: 100%;
}

.span_3_of_4 {
	width: 74.6%;
}

.span_2_of_4 {
	width: 49.2%;
}

.span_1_of_4 {
	width: 23.8%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%;
	}
	.span_3_of_4 {
		width: 100%;
	}
	.span_2_of_4 {
		width: 100%;
	}
	.span_1_of_4 {
		width: 49.2%;
	}

}

/*  GRID OF FIVE   ============================================================================= */


.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%;
}

.span_3_of_5 {
  	width: 59.36%;
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%;
	}
	.span_4_of_5 {
		width: 100%;
	}
	.span_3_of_5 {
		width: 100%;
	}
	.span_2_of_5 {
		width: 100%;
	}
	.span_1_of_5 {
		width: 49.2%;
	}
	.span_1_of_5:nth-child(2n+1) {
		clear: both;
		margin-left: 0;
	}

}

/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6,
.span_2_of_6_md {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}

@media only screen and (max-width: 900px) {
	.span_2_of_6_md {
	  width: 100%;
	}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_6_of_6 {
		width: 100%;
	}
	.span_5_of_6 {
		width: 100%;
	}
	.span_4_of_6 {
		width: 100%;
	}
	.span_3_of_6 {
		width: 100%;
	}
	.span_2_of_6 {
		width: 100%;
	}
	.span_2_of_6_md {
	  width: 100%;
	}
	.span_1_of_6 {
		width: 100%;
	}
}

/*  GRID OF EIGHT COLUMNS   ============================================================================= */


.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%;
}

.span_6_of_8 {
	width: 74.6%;
}

.span_5_of_8 {
	width: 61.9%;
}

.span_4_of_8 {
	width: 49.2%;
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%;
}

.span_1_of_8 {
	width: 11.1%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_8_of_8 {
		width: 100%;
	}
	.span_7_of_8 {
		width: 100%;
	}
	.span_6_of_8 {
		width: 100%;
	}
	.span_5_of_8 {
		width: 100%;
	}
	.span_4_of_8 {
		width: 100%;
	}
	.span_3_of_8 {
		width: 100%;
	}
	.span_2_of_8 {
		width: 49.2%;
	}
	.span_1_of_8 {
		width: 24.6%;
	}
	.span_1_of_8:nth-child(2n+1) {
	clear: both;
	margin-left: 0;
}
.span_2_of_8:nth-child(2n+1) {
	clear: both;
	margin-left: 0;

}
}