/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

CSS Document -- Homepage only

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
*/

html, body {
	height: 100%;
}

.mastheadImage.video:before {
	content: unset;
}


.mastheadImage.video, .mastheadImage.video .wrapper:before  {
	position: relative;
	height: calc(100% - 124px);
	/* max-height: 250px; */
	display: block;
	position: relative;
	overflow: hidden;
	min-height: 600px
}
	.mastheadImage.video .wrapper:before {
		background: -moz-linear-gradient(top, rgba(25,23,21,.30) 0%, rgba(25,23,21,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(25,23,21,.30) 0%,rgba(25,23,21,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(25,23,21,.30) 0%,rgba(25,23,21,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191715ff', endColorstr='#191715ff',GradientType=0 ); /* IE6-9 */
		opacity: .85;
		width: 100%;
		height: 100%;
		position: absolute;
		content:'';
		z-index: 0;
	}
		.mastheadImage.video .wrapper > * {
			z-index: 10;
		}
		
	.mastheadImage video {
		width: 100%;
		/* height: 100%; */
		position: absolute;
	}
	.mastheadImage.video .wrapper {
		position: absolute;
		top: 0;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
.mastheadImage h1 {
	width: 90%;
}



		
.events,
.socialmedia {
	background-color: #e9e9e8;
	padding-top: 106px;
	padding-bottom: 106px;
	text-align: center;
}

	.events h2,
	.socialmedia h2 {
		text-transform: uppercase;
		margin-bottom: 24px;
		text-align: center;
		font-size: 1em;
		letter-spacing: 3px;
		font-family: "rw-bk";
	}
		.events h2:after,
		.socialmedia h2:after{
			content: '';
			display: block;
			background-color: #fff;
			height: 3px;
			width: 80px;
			margin: 30px auto 34px;
		}
		
	.events .date {
		padding: 10px 16px 10px 30px;
		margin-bottom: 20px;
		display: inline-block;
		font-family: 'rw-b';
		text-transform: uppercase;
		font-size: .9em;
	}
	.events h3,
	.events p {
		margin-left: 28px;
		margin-bottom: 16px;
	}
	
	.events .featured > div {
		overflow: auto;
		border-radius: 3px;
		background-color: #338585;
	}
		.events .featured img {
			display: block;
			width: 100%;
			height: auto;
		}
		.events div.right {
			padding: 50px 30px 30px 0;
			box-sizing: border-box;
			text-align: left;
		}
		.events .featured .date {
			background-color: #6df7ae;
			color: #338585;
		}
		.events .featured h3,
		.events .featured p {
			color: #fff;
		}
		.events .featured h3 {
			font-size: 2em;
		}

	.events .nextEvents {
		overflow: auto;
		padding-bottom: 60px;
	}

	.events .nextEvents div {
		padding: 30px 15px 0;
		box-sizing: border-box;
	}
		.events .nextEvents div > div {
			background-color: #4d463e;
			padding: 30px 28px 30px 0;
			overflow: auto;
			height: 400px;
			border-radius: 3px;
			text-align: left;
		}
			.events .nextEvents div > div .date {
				background-color: #ba9769;
				color: #4d463e;
			}
			.events .nextEvents div > div h3,
			.events .nextEvents div > div p {
				color: #fff;
			}
			.events .nextEvents div > div a{
				color: #ba9769;
				text-decoration: none;
			}
			.events .nextEvents div > div p {
				font-size: .9em;
			}
		.events .nextEvents div:nth-child(even) > div {
			background-color: #338585;
		}
			.events .nextEvents div:nth-child(even) > div .date {
				background-color: #6df7ae;
				color: #338585;
			}
			.events .nextEvents div:nth-child(even) > div a {
				color: #6df7ae;
			}
		.events .nextEvents div.blurb > div {
			display: table;
			background-color: #d6d6d3;
			text-align: center;
			padding: 30px;
			height: 400px;
		}
			.events .nextEvents div.blurb > div > div {
				background-color: transparent;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
				height: 100%;
				padding: 0;
			}
			.events .nextEvents div.blurb div h3,
			.events .nextEvents div.blurb div p {
				color: #312C26;
				padding: 0;
				margin-left: 0;
			}
	.events .nextEvents div.blurb a.button {
		color: #312C26;
	}
	.events h3 a {
		font-family: inherit;
		color: #fff !important;
		text-decoration: none;
	}

.doubleCallout {
	overflow: auto;
	text-align: center;
	background-size: cover;
	height: 560px;
	display: table;
}
.doubleCallout:before {
	background: -moz-linear-gradient(top,  rgba(25,23,21,0.3) 0%, rgba(25,23,21,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(25,23,21,0.3) 0%,rgba(25,23,21,1) 100%);
	background: linear-gradient(to bottom,  rgba(25,23,21,0.3) 0%,rgba(25,23,21,1) 100%);
	opacity: .85;
	content: "";
    display: table;
    height: 560px;
    opacity: 0.85;
    position: absolute;
    width: 100%;
}
	.doubleCallout h2,
	.doubleCallout p {
		color: #fff;
	}
	.doubleCallout h2 {
		font-family: 'mw-i';
		font-size: 3.8em;
	}
	.doubleCallout .wrapper {
		width: auto;
		position: relative;
	}
	.doubleCallout .oneHalf {
		width: 50%;
		padding-top: 130px;
		padding-bottom: 130px;
		display: table-cell;
		vertical-align: center;
	}
			
.socialmedia {
	overflow: auto;
	clear: both;
}
.instagram {
	margin-bottom: 60px;
}
#instafeed {
	margin-bottom: 50px;
}
#instafeed li {
	list-style-type: none;
	display: inline;
}
#instafeed img {
	width: 20%;
	margin-bottom: -6px;
}

.socialmedia .rfbp-post {
	position: relative;
}
.rfbp-timestamp {
	position: absolute;
	top: 28px;
	left: 0;
}
.rfbp-text,
.rfbp-heading {
	margin-top: 44px;
	margin-bottom: 6px;
}
.rfbp-heading + .rfbp-text {
	margin-top: 0;
}

.rfbp-post-link {
	text-decoration: none;
	color: #fff;
}
	.rfbp-post-link  span{
		color: #444444;
	}
		.rfbp-post-link  span.rfbp-like-count {
			font-size: .7em;
		}
		.rfbp-post-link  span.rfbp-like-count:before {
			content: "\e90e";
			font-family: 'jaha';
			margin-right: 4px;
			font-size: 1rem;
			vertical-align: baseline;
		}
		.rfbp-post-link  span.rfbp-like-count span {
			display: none;
		}

.socialmedia .rfbp-post,
.socialmedia .news div {
	text-align: left;
	padding-top: 30px;
	padding-bottom: 30px;
}
.socialmedia .rfbp-post:nth-of-type(2),
.socialmedia .news div:nth-of-type(2){
	border-top: 1px solid #d6d6d3;
}

.socialmedia .newsPostedDate {
	font-size: .9em;
	font-family: 'rw-m';
}

.socialmedia h3,
.socialmedia h3 a {
	text-decoration:none;
	font-family: 'rw-b';
	font-size: 1.3rem;
	color: #312C27;
}

.socialmedia .news  a.readmore,
.socialmedia .news  a.readmore  i{
	color: #338585;
	text-decoration: none;
	font-size: .9em;
}
.socialmedia .news  a.readmore {
	font-family: 'rw-m';
}
.socialmedia .news  a.readmore:hover,
.socialmedia .news  a.readmore:hover i{
	color: #006666
}

@media only screen and (max-width : 1350px) {
	.mastheadImage.video { 
		position: relative; 
		padding-bottom: 56.25%; 
		/* padding-top: 30px;  */
		height: 0; 
		overflow: hidden; 
		min-height: 0;
	}

	.mastheadImage.video video {
		position: absolute; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
	}
}
@media only screen and (max-width : 1150px) {
	
	.doubleCallout h2 {
		font-size: 2.5em;
	}
}


@media only screen and (max-width : 1060px) {
	
	.events .nextEvents div.blurb > div,
	.events .nextEvents div > div {
		height: 315px;
	}
	
}


@media only screen and (max-width : 830px) {
	

	.wrapper > .oneHalf:nth-of-type(2), 
	.wrapper > .oneHalf:nth-of-type(3),
	.events, 
	.socialmedia {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/* .doubleCallout { */
		/* padding-top: 80px; */
		/* padding-bottom: 80px; */
	/* } */
	
	.doubleCallout {
		height: auto;
		display: block;
	}
	.doubleCallout .oneHalf {
		background: #312d28 ;
		width: 100%;
		display: block;
		padding-bottom: 50px;
		padding-top: 50px;
		margin-top: 0 !important;
	}
	
	.wrapper .oneHalf.facebook,
	.wrapper .oneHalf.news {
		margin-top: 20px;
		margin-bottom: 20px;
	}
		
	
	.events .nextEvents div.blurb > div,
	.events .nextEvents div > div {
		height: auto;
	}
	
	.doubleCallout h2 {
		font-size: 2.5em;
	}
	
	#instafeed li:nth-child(5),
	#instafeed li:nth-child(6),
	#instafeed li:nth-child(7),
	#instafeed li:nth-child(8),
	#instafeed li:nth-child(9),
	#instafeed li:nth-child(10){
		display: none;
	}
	
	#instafeed img {
		width: 50%;
	}
	
}

@media only screen and (max-width : 550px) {
	

	

	.doubleCallout h2 {
		font-size: 1.8em;
	}
	
}