/*
 Theme Name:   Elite Child
 Theme URI:    https://www.organizedthemes.com/theme/elite
 Description:  A WooCommerce and business theme
 Author:       Organized Themes
 Author URI:   https://www.organizedthemes.com
 Template:     elite
 Version:      1.0.0
*/

/********* WHOLE SITE *********/
/* sets font to Helvetica Neue everywhere */
body, .hero-copy, .hero-title {
	font-family: "Helvetica Neue", sans-serif;
}
 
/********* NAVBAR *********/
/* makes width wider for navbar and bottom blue border */
#header-content {
	width: auto;
	padding-right: 74px;
	padding-left: 5px;
}

/* navbar bottom blue border */
#header {
	border-bottom: 2px solid #0b0133;
}
 
/* makes logo smaller in nav */
#logo {
	max-width: 200px;
	padding-top: 10px;
	margin: 0 0 0 15px;
}
 
/* sets font smaller in nav */
/*
nav#top-menu li, .slicknav_nav li, .slicknav_menu  .slicknav_menutxt  {
	font-size: 12px !important;
	margin: 0 10px;
}*/

/* gives collapsed menu icon better positioning */
.slicknav_menu {
	right: 10px;
}

/* makes collapsed menu icon visible */
.slicknav_menu .slicknav_icon {
	margin: 10px;
}
 
/* nav background white always */
#header {
	background-color: #fdfdfd;
}
 
/********* HOMEPAGE *********/
/* transparant background for title in slideshow */
.hero-title, .hero-caption p {
	background-color: rgba(10, 0, 52, .25) !important;
}
 
/* transparant background for caption in slideshow */
.hero-caption p {
	background-color: rgba(10, 0, 52, .25) !important;
	margin-top: 10px;
}
 
/* transparant background for title in slideshow */
#attention-block-2 {
	padding: 0;
}

/* make call to action shorter in all divs */
.attention-block {
	padding: 0 0 20px 0;
}

/* makes Programs flex and float next to each other */
#community {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.community-section {
	text-align: center;
	margin-top: 20px;
}

/* makes leadership flex and float next to each other */
#leadership {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.leadership-section {
	text-align: center;
	margin-top: 20px;
}
 
/* make videos three across in home 4 */
#home-four .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* make attention block full width in flex */
#home-four .attention-block {
	flex-basis: 2000px;
	width: 100%;
}

/* makes featured videos wrap if they can't be 200px wide */
#home-four .featured-video {
	width: 30%;
	min-width: 200px;
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}
 
/* make social media sections float next to each other */
#social-media {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.social-media-feed {
	text-align: center;
	margin: 10px 10px 10px 0;
}

.feed-title img{
	float: left;
}

#twitter-feed .feed-title img {
	margin: -10px 0 -10px 0;
}

#facebook-feed h3 {
	padding-left: 0;
	margin-left: -10px;
}

/* Make facebook more narrow on mobile */
#facebook-feed {
	min-width: 200px;
}

.feed-title {
	margin: 0 0 0 0;
	padding: 0 20%;
}

.feed-title h3 {
	padding: 10px 0 0 0;
}

/* makes the background of the facebook feed white */
#facebook-feed .feed {
	background-color: #fdfdfd;
}

/*makes the latest posts picture float next to the blog posts*/
#home-six  .wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#home-six .featured-posts {
	width: 500px;
	height: 342px;
	display: flex;
	flex-wrap: wrap;
	overflow-y: scroll;
	padding-left: 30px;
	margin: 0 10px;
	background-color: #0b0133;
	color: #fdfdfd;
	padding-top: 30px;
	padding-bottom: 30px;
}

/* makes the blog posts attention div full width */
#home-six .attention-block {
	flex-basis: 2000px;
}

/* makes the blog posts attention div full width */
#home-six .widget_text {
	flex-shrink: 1;
	width: 500px;
}

/* colors the blog posts titles */
#home-six .featured-posts a {
	color: #fdfdfd;
}

/* removes images from featured posts */
#home-six .featured-posts a img {
	display: none;
}

/* colors the visited blog posts titles */
#home-six .featured-posts a:visited {
	color: #fdfdfd;
}

/* makes the blog posts full width in their div, makes exerpt white and size 15 font*/
#home-six .featured-posts article {
	width: 100%;
	color: #fdfdfd;
	font-size: 15px;
}

/* makes the image and recent posts have space between */
#latest-posts-image {
	margin: 0 10px;
}


#mc_signup_submit {
	font-family: "Helvetica Neue", sans-serif;
}

#mc_signup_submit:hover {
	background-color: #dda654;
}

/********* SIDEBAR *********/
/* reduces padding between sidebar elements in default sidebar */
#sidebar .widget {
	padding: 10px 0 0 0 ;
}

/* makes the hebrew school video smaller */
#hebrew-school-video {
	height: 150px;
	width: 275px;
}

/********* MAIN PAGES *********/
/* makes calendar more full width */
.cbp-so-scroller {
	overflow: visible;
}
#post-9030 {
	width: 2000px;
	position: relative;
	left: -20%;
}

/* makes hr's darker */
hr {
	border-top: 1px solid #aaa;
}

/* gives more space below media player to fix problem of overlap with some browsers */
.mejs-container {
    margin-left: 10px;
    margin-bottom: 30px;
    margin-top: -20px;
}

/********* HOMEPAGE *********/
.featured-video {
	width: calc(33.3333% - 20px);
	float: left;
	margin: 0 10px;
}

#leadership a {
	margin: 0 10px;
}
#leadership .leadership-section img {
	height: 300px;
	width: auto;
	max-width: 300px;
}

#community {
	max-width: 925px;
	margin: 0 auto;
}
#community .community-section img {
	height: 200px;
	width: auto;
	max-width: 300px;
}

/********* LIVE STREAM PAGE TEMPLATE *********/
.live-stream-videos {
	margin: 0 -10px;
}

.live-stream-video-box {
	width: calc(33.3333% - 20px);
	float: left;
	margin: 10px;
}

.live-stream-video-box iframe {
	width: 100%;
    height: 300px;
}

p.video-title {
	font-size: 18px;
	font-weight: bold;
}

.live-stream-video-box p,
p.short-desc {
	font-size: 16px;
}

@media only screen and (max-width: 996px) {
	.live-stream-video-box {
		width: calc(100% - 20px);
		float: left;
		margin: 10px;
	}

	.live-stream-video-box iframe {
	    width: 100%;
	    height: 400px;
	}
}

@media only screen and (max-width: 850px) {
	#home-three .featured-video {
	    width: calc(100% - 20px);
	}
}

@media only screen and (max-width: 600px) {
	.live-stream-video-box iframe {
	    height: 300px;
	}
}

@media only screen and (max-width: 400px) {
	.live-stream-video-box iframe {
	    height: 250px;
	}
}