/* ============================================================
	Replace me with the Actual Design
============================================================ */

html,
body {
	font-family: roboto, sans-serif;
	color:#8c8c8c;
	_font-family: textbook-new, sans-serif;
	_font-family: century-gothic, sans-serif;
	letter-spacing:.7px;
}

.events_img{
	max-width:100%;
}

a {
	transition: 0.5s;
}

p {
    font-size: 20px;
	margin: 10px 0;
}

h1{
	font-family: century-gothic, sans-serif;
}

h2 {
	font-family: textbook-new, sans-serif;
    font-size: 53px;
}

.content-areas h1,
.module-directory__title-text,
.directory-view .cms-content h1,
h1.events-view__heading{
	color:#f5c849;
	font-size:45px;
	padding-bottom:30px;
}
.content-areas h2,
h2.forms__form-item-header,
.directory-view__bio.cms-content h2{
	color:#1f1f1f;
	font-size:34px;
	font-family: roboto, sans-serif;
}
.content-areas h3{
	color:#f5c849;
	font-size: 27px;
	font-weight: normal;
}
h3.directory__header{
	color:#1f1f1f;
	font-size:30px;
}

.important{
	position:relative;
}
img.event{
	max-width:100%;
}
.important .generic__link-button{
    z-index: 2;
    border: 6px solid white;
    bottom: -75px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align:center;
	margin:0;
}

.content-areas a,
.content-areas a:visited{
	color:#f5c849;
}
.content-areas a:hover{
	color:#262626;
}
.directory__item + .directory__item {
    margin-top: 2em;
    border-top: 2px solid #f5c849;
    padding-top: 2em;
}
.directory-view .generic__inner,
.events-view.generic__contained .generic__inner{
	max-width: 1000px;
	margin:0 auto;
	padding: 2em 1em;
}

.module.locations{
	max-width:100%;
	padding:0;
}
.locations__wrap.generic__inner{
	padding:0;
}
.locations__list{
	display:none;
}
.module-locations__title-text{
	display:none;
}

.module.banner-images {
    max-width: 100%;
    padding: 0;
}

.module.forms {
    max-width: 100%;
    background-color: black;
}
.fb3__field-heading-text{
    color: white;
	font-size: 18px;
	padding-bottom:.5em;
}
h2.forms__form-item-header{
	color:#f5c849;
	padding-bottom:1em;
}
.forms .generic__inner{
	max-width:900px;
	margin:0 auto
}
.fb3__field-input, .fb3__field-select {
	border: 3px solid black;
}
.fb3__field:focus-within .fb3__field-input, .fb3__field:focus-within .fb3__field-select {
    border-color: #f5c849;
}

.generic__1up, .generic__2up, .generic__3up, .generic__4up {
    display: flex;
	flex-wrap: wrap;
}

.generic__link-button,
.generic__link-button:visited,
.fb3__button,
.content-areas a.generic__link-button{
	border-radius: 30px;
    background-color: #f5c849;
    padding: 1em 1.25em;
    margin: 1em;
	color:#262626;
	font-size:21px;
	border: 0;
	font-family: century-gothic, sans-serif;
	letter-spacing: .8px;
	transition: 0.5s;
}
.generic__link-button:hover,
.fb3__button:hover,
.content-areas a.generic__link-button:hover{
	color:white;
	background-color: #262626;
}

.body {
	--bg-color-dark: #9b4057;
	--heading-main-color: #8900a5;
	--anim-bgchange-color: rgb(0, 207, 0);
}
.body__layout__home2 .generic__inner{
	padding:4em 1em;
}

main .module {
	max-width: 960px;
	margin: 0 auto;
	padding: 2em 1em;
}
.header{
	position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url(../../images/header.jpg);
	overflow:hidden;
}
.header__inner{
	background: linear-gradient(90deg, rgba(0,0,0,0.40) 0%, rgba(0,0,0,0.40) 100%);
}
.heading_video{
	width: 100%;
    display: block;
    object-fit: cover;
    position: absolute;
    top: 0;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.body__layout__home2 .header__inner{
	background: none;
    overflow: hidden;
}
.body__layout__home2 .header{
	background-image: none;
}

.body__layout__home2 header.header{
	position: absolute;
	z-index: 100;
	width: 100%;
}
.navigational {
    position: absolute;
    right: 122px;
    top: 20px;
    display: flex;
    align-items: center;
	z-index: 2;
}
.nav{
	position: absolute;
    right: 0;
    top: 0;
	z-index: 1;
}
.nav.open {
    display:flex;
	flex-direction: column;
}
.nav__link,
.nav__link:visited {
    background-color: black;
	color:#f5c849;
}
.open .nav__menu {
    background-color: black;
	padding:0;
}
.open .nav__list__level-1 {
    background-color: black;
	flex:1;
	overflow-y: auto;
}
.nav__item__current > .nav__item-actions .nav__link {
    background-color: #f5c849;
	color:black;
}
.nav__item:hover > .nav__item-actions .nav__link {
    background-color: #f5c849;
	color:black;
}
li.nav__item.nav__item__level-1 {
    font-family: century-gothic, sans-serif;
    font-size: 20px;
}
.nav__list .material-icons{
	font-size: 55px;
	color:#f5c849;
}
.navigational .head_link,
.navigational .head_link:visited{
	color:white;
	font-family: century-gothic, sans-serif;
	font-size:20px;
}
.navigational .head_link:hover{
	color:#f5c849;
}
.navigational a.head_link{
	margin-right: 1.5em;
}
.navigational a.head_link.first{
	margin-right:2.5em;
}
img.calendar {
    margin-left: 1em;
    margin-right: 0.5em;
}
img.logo {
    max-width: 100%;
}

.page-headers{
	z-index:0;
}
.page-headers__item.page-headers__item__has-video.cycle-slide.cycle-sentinel{
	overflow: hidden;
}
video.page-headers__video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	min-width: 810px;
}
.page-headers__overlay{
	display:none;
}
.page-headers__list{
	height:225px;
}

.module.feeds.feeds__type__events{
	max-width: 100%;
}
.eventslink__2up{
	display:flex;
	flex-wrap:wrap;
	padding: 1em 0;
	border-bottom: 1px solid #f5c849;
	align-items: center;
	justify-content: space-between;
}
.eventslink__part:nth-child(odd){
	width:39%;
}
.eventslink__part:nth-child(even){
	width:53%;
}
.event__link:nth-child(odd) .eventslink__2up{
	flex-direction:row-reverse;
}
img.event_image{
	max-width:100%;
}
.event__link .generic__part
.events-view__date{
	font-weight:bold;
	padding-bottom:1em;
}
.events__date-month{
	font-size: 19px;
}
.events__short-details{
	display:none;
}
.events__date {
    border: 0;
    float: none;
    width: 100%;
    text-align: left;
	padding-bottom:.5em;
}
.events__title{
	font-size:24px;
	padding-bottom:.5em;
	color: #262626;
}
.events__list .generic__link-button{
	margin-left:0;
}


a.header__logo-link {
    max-width: 375px;
    padding: 2em;
	position:relative;
	z-index: 3
}
#primary-nav-toggle .material-icons {
    color: white;
    margin: 1em 0.8em;
    font-size: 50px;
}
.heading_splash {
    padding: 20em 1em 14em;
    margin: 0 auto;
    text-align: center;
    color: white;
	position:relative;
	z-index: 3
}
h1.first {
    font-size: 80px;
}
h1.second {
    font-size: 100px;
	padding-bottom: 0.5em;
}
.home-header::before{
	z-index: 2;
    background: linear-gradient(90deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0.50) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    display: block;
    content: " ";
}
.home-header {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	background-image: url(../../images/header.jpg);
}


.welcome {
    position: relative;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../images/blacklogo.jpg);
	color:white;
}
.welcome .generic__inner{
	margin:0 auto;
	max-width:900px;
	text-align: center;
}
.welcome h2{
	font-size:45px;
	padding-bottom: 40px;
}
.welcome p{
	font-size: 21px;
	margin:0;
	margin-bottom: 1em;
}

.links{
	max-width:1200px;
	margin:0 auto;
	padding: 6em 1em
}
.links h2{
	color:#262626;
	padding-left: 20px;
	font-size: 48px;
	padding-bottom: 0.5em;
}
.links h3{
    font-size: 30px;
    font-family: textbook-new, sans-serif;
    font-weight: 100;
    letter-spacing: .8px;
}
.links p{
	font-family: roboto, sans-serif;
	letter-spacing: .8px;
}

.links .generic__3up {
    display: grid;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
    row-gap: 30px;
	justify-items: center;
}
.links .generic__part {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding: 1em;
	position:relative;
	transition: transform .5s;
	width: 353px;
}
.home__events h2{
	color:#262626;
	padding-left: 20px;
	font-size: 48px;
}
.events-feed h1{
	color:#262626;
	font-size: 48px;
	padding-bottom:1em;
}
.home__events,
.events-feed {
    max-width: 1000px;
    margin: 0 auto;
}
.home__events .generic__inner,
.events-feed .generic__inner {
    padding: 6em 1em;
}
.home__events .button{
    text-align: center;
}
.home__events .feeds__type__events .event__link .eventslink__2up{
	display:none;
}
.home__events .feeds__type__events .event__link .eventslink__2up:nth-child(1),
.home__events .feeds__type__events .event__link .eventslink__2up:nth-child(2),
.home__events .feeds__type__events .event__link .eventslink__2up:nth-child(3){
	display:flex;
}


a.generic__part:hover{
	transform: scale(1.05);
}
a.generic__part::before {
    z-index: 10;
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 75%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
	display:block;
	border-radius: 10px;
	content: " "
}
a.generic__part.one{
	background-image: url(../../images/worship.jpg);
}
a.generic__part.two{
	background-image: url(../../images/connect.jpg);
}
a.generic__part.three{
	background-image: url(../../images/understanding.jpg);
}
a.generic__part.four{
	background-image: url(../../images/explore.jpg);
}
a.generic__part.five{
	background-image: url(../../images/serve.jpg);
}
a.generic__part.six{
	background-image: url(../../images/support.jpg);
}
.links .desc {
    padding: 16em 1em 1em;
    color: white;
	position: relative;
    z-index: 10;
}

.bible_quote {
    background-color: #f7f7f7;
}
.bible_quote .generic__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 6em 9em;
}
.bible_quote h2{
	color:#262626;
	font-weight:normal;
    font-size: 40px;
	text-align:center;
	padding-bottom: 0px;
	position:relative;
}
.bible_quote .quote {
    text-align: right;
    font-size: 35px;
    color: #f5c849;
    padding-top: 2em;
	font-family: textbook-new, sans-serif;
	font-weight:bold;
}
.bible_quote h2::before {
    position: absolute;
    font-size: 210px;
    left: -130px;
    top: -81px;
    color: #f5c849;
    content: "\201C";
    display: inline;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
}
.bible_quote h2::after {
    position: absolute;
    font-size: 210px;
	right: -130px;
    bottom: -168px;
    color: #f5c849;
    content: "\201D";
    display: inline;
	font-family: century-gothic, sans-serif;
	font-weight:bold;
}

.watch{
	position: relative;
}
.watch .generic__inner {
    text-align: center;
    max-width: 960px;
    margin: 0 auto;
	padding: 11em 1em;
}
.watch h2{
	color: black;
	padding-bottom: 40px;
}
.watch p{
	font-size:28px;
}
.watch::after {
    position: absolute;
    width: 100%;
    top: -72px;
    background-image: url(../../images/graylogo.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
    content: " ";
    display: block;
    pointer-events: none;
    z-index: -1;
	bottom:0;
}


footer{
	background-color:#1f1f1f;
	color:white;
}
.footer__inner {
    padding: 4em 1em;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
}
.footer .generic__2up{
	align-items: center;
}
.address__block{
	padding: 2em 0 1em;
	display:flex;
	align-items: center;
}
.world{
	margin-right:1em;
}
img.addressicon {
    height: 65px;
}
.address {
    font-size: 34px;
}
.pastor{
	font-size: 21px;
    padding-bottom: 1.5em;
}
.email {
    color: #f5c849;
    padding-bottom: 0.5em;
    font-size: 18px;
}
a.phone{
	color:#f5c849;
	font-size:40px;
	margin-left:0;
}
nav.footer__social {
    display: flex;
    flex-direction: column;
}
.footer__inner .generic__2up .generic__part:nth-child(1) {
    text-align:left;
	width:75%;
}
.footer__inner .generic__2up .generic__part:nth-child(2) {
    text-align: right;
	width:25%;
}
a.footer__social-link {
    margin: 0.5em;
	display:block;
}
.copyright{
	background-color:black;
	text-align:center;
	padding: 2em;
}
/* Media Content - 2up */
.module.content_media {
    max-width: 100%;
	padding: 2.5em 0 4.5em;
}
.content_media__container{
	display:flex;
}
.content_media__content {
    width: 50%;
    padding: 0;
    background-size: cover;
    background-position: center;
}
.content_media__content .generic__inner{
	padding: 5em;
}
.content_media__media {
    width: 50%;
	position:relative;
	padding-bottom: 36.5%;
}
.media_image {
	background-size:cover;
	background-position:center;
    position: absolute;
    top: 3vw;
    right: 0;
	width: 105%;
	height: 100%;
}
.content_media h2{
    font-weight: normal;
    letter-spacing: .8px;
    padding-bottom: 20px;
	font-size: 53px;
}
.content_media .generic__link-button {
    margin: 0 0 1em 0;
}
.content_media p{
    padding-bottom: 1em;
    font-size: 19px;
}
.content_media__content{
	background-color:black;
	color:white;
}

	@media only screen and (max-width: 1145px) {
		.footer .generic__2up {
			flex-direction: column;
		}
		.footer__inner .generic__2up .generic__part:nth-child(1),
		.footer__inner .generic__2up .generic__part:nth-child(2) {
			width: 100%;
			text-align: center;
		}
		nav.footer__social {
			display: flex;
			flex-direction: row;
			justify-content: center;
			padding-top: 2em;
		}
		.address__block {
			display: block;
		}
	}

	@media only screen and (max-width: 1160px) {
		.links .generic__3up {
			grid-template-columns: 1fr 1fr;
		}
		.navigational a.head_link {
			display: none;
		}
		footer .generic__2up .generic__part {
			width: 100%;
		}
		.becomefamily .generic__2up .generic__part:nth-child(2) {
			position: relative;
			padding: 5em;
			width: 100%;
			height: 544px;
		}
		.module.content_media {
			padding: 0;
		}
		.content_media__container{
			flex-direction: column-reverse;
		}
		.content_media__media,
		.content_media__content,
		.content_media h2,
		.content_media__content p {
			width: 100%;
			max-width:100%;
			text-align: center;
		}
		.watch .generic__inner {
			padding: 5em 1em;
		}

	}

	@media only screen and (max-width: 900px) {
		.bible_quote h2 {
			font-size:28px;
		}
		.bible_quote .generic__inner {
			padding: 6em 5em;
		}
		.bible_quote h2::before {
			font-size: 117px;
			left: -81px;
			top: -81px;
		}
		.bible_quote h2::after {
		    font-size: 117px;
			right: -66px;
			bottom: -93px;
		}
		.home__events .generic__inner{
			padding: 5em 1em 1em;
		}
		.important .generic__link-button {
		  	bottom: -1em;
  			position: inherit;
		}
		img.event {
			_max-width: initial;
			_height: 22em;
			_position: absolute;
			_top: 50%;
			_left: 50%;
			_transform: translate(-50%, -50%);
		}
		

	}

	@media only screen and (max-width: 777px) {
		.links .generic__3up {
			grid-template-columns: 1fr;
		}
		.links .generic__part {
			max-width: 100%;
			width: 100%;
		}
		.heading_splash {
			padding: 13em 1em 8em;
		}
		h1.first {
			font-size: 50px;
		}
		h1.second {
			font-size: 65px;
		}
		.links {
			padding: 0em 1em;
		}
		.watch {
			background-size: cover;
		}
		.navigational .generic__link-button,
		.navigational .calendar{
			display:none;
		}
		.watch h2{
			font-size: 45px;
		}
		.directory-view__columns {
			display: flex;
			flex-direction: column;
		}
		.directory-view__photo-link {
			width: 100%;
		}
		.directory-view__information {
			width: 100%;
		}
		.events__list .generic__2up{
			flex-direction:column-reverse
		}
		.feeds.feeds__type__events .generic__2up .generic__part:nth-child(odd) {
			width: 100%;
			text-align:center;
			padding-right: 0;
		}
		.feeds.feeds__type__events .generic__2up .generic__part:nth-child(even) {
			width: 100%;
			padding-top: 16em;
			margin-bottom: 1em;
		}
		.events__list .generic__link-button {
			margin-left: 1em;
		}
		.events__date{
			text-align:center;
		}
		.eventslink__2up{
		flex-direction: column-reverse;
		}
		.event__link:nth-child(odd) .eventslink__2up {
			flex-direction: column-reverse;
		}
		.eventslink__part:nth-child(odd) {
			width: 80%;
			text-align:center;
		}
		.eventslink__part:nth-child(even) {
			width: 85%;
		}
		
	}

	@media only screen and (max-width: 570px) {
		.header__logo-image {
			max-width: 150px;
		}
		a.header__logo-link {
			max-width: 130px;
		}
		.heading_splash {
			padding: 10em 1em 5em;
		}
		.bible_quote h2 {
			font-size: 25px;
		}
		.content_media__content .generic__inner {
			padding: 2em 1.5em;
		}
	}