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

html,
body {
	font-family: "century-gothic", sans-serif;
	letter-spacing: 1px;
	line-height: 1.45;
	font-size: 21px;
	color:#a1a1a1;
}

img.logo{
	padding:1em;
}

.header__scheduled-alert {
	padding: 0.5em;
	text-align: center;
}

.fb3__field__required .fb3__field-heading-text,
.fb3__field-heading-text {
	font-weight: bold;
	color:white;
}
.header__scheduled-alert{
	background-color:#36c2df;
}
.home .header__scheduled-alerts {
    margin-top: 1em;
    padding-top: .7em;
	background-color: #36c2df;
}

a.header__scheduled-alert-link,
a.header__scheduled-alert-link:visited
{
	color:white;
}

p{
	padding:.1em 0;
}

li.page-headers__item{
	z-index: 1 !important;

}

.regular__nav {
    position: absolute;
    top: 45px;
    right: 22px;
    z-index: 2;
    font-size: 26px;
}
.regular__nav a{
	padding-left:1em;
}
.regular__nav a,
.regular__nav a:visited{
	color:white;
}
.regular__nav a:hover{
	color:#36c2df;
}

/* ============================================================
EDITS 2/8/2021
============================================================ */

.cms-content ol {
	padding-left:3em;
	font-size:1.1em;
}

.cms-content li {
	margin-top:1em;
}

.cms-content p {
	font-size:1.1em;
}

.module.content-areas {
	max-width:1000px;
}



.content-areas__content {
    letter-spacing: .2px;
}

a {
	color: #4bd28b;
}
a:visited {
	color: #4bd28b;
}
a:hover{
	color:#36c2df;
}

.body {
	--bg-color-dark: #9b4057;
	--heading-main-color: #8900a5;
}


img{
	max-width:100%;
}

a,
a:visited{
	color:#4bd28b;
}
a:hover{
	color:#36c2df;
}

a.generic__link-button,
a.generic__link-button:visited,
.fb3__button,
.fb3__button:visited {
	cursor: pointer;
    background-color: #4bd28b;
    border: 0;
    padding: .3em 1em;
    color: white;
    font-weight: bold;
    transition: all .5s;
    border-radius: 18px;
    font-size: 25px;
    text-align: center;
    margin: 1em 0;
}
a.generic__link-button:hover,
.fb3__button:hover{
	background-color:#36c2df;
	color:white;
}
.button_center{
	text-align: center;
	padding-bottom: 3em;
}


main .module {
	max-width: 1200px;
	margin: 0 auto;
}

h1{
    font-size: 70px;
	color:#4bd28b;
}
.cms-content h1, .news-view h1, .events-view h1 {
    font-size: 36px;
}

h2 {
    font-size: 39px;
	color:#36c2df;
	padding-bottom: 0.5em;
	font-weight:normal;
}
h3{
    color: #4bd28b;
    font-size: 28px;
    padding-bottom: 24px;
}

a.header__logo-link {
    max-width: 215px;
}
/* HEADER SLIDESHOW */
.slideshow {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	animation: slideshow 20s ease-in-out infinite;
	_background-color:pink;
}

@keyframes slideshow {
	0% { background-image: url("/images/header1.jpg"); }
	33% { background-image: url("/images/header2.jpg"); }
	66% { background-image: url("/images/header3.jpg"); }
	100% { background-image: url("/images/header4.jpg"); }
}

.header__inner{
	padding:1em;
	max-width:1200px;
	position:relative;
	margin: 0 auto;
}
a.ctaphone {
    position: absolute;
    right: 1em;
    color: #36c2df;
    margin-top: 1em;
    font-size: 23px;
}
.header.header{
	position:relative;
	height: 333px;
	overflow:hidden;
	background-image: url(../../images/headersub.jpg);
	background-position: center;
	z-index: 0;
}
.header.header::before {
    z-index: 0;
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%, rgba(87, 199, 133, 0) 91%, rgba(237, 221, 83, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    display: block;
    content: " ";
}

.home-header::before {
    z-index: 0;
	background: linear-gradient(180deg,rgba(0, 0, 0, 0.8) 0%, rgba(87, 199, 133, 0) 91%, rgba(237, 221, 83, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    display: block;
    content: " ";
}

.home-header{
	position:relative;
}
.home-header::after{
    position: absolute;
    width: 100%;
    height: 193px;
    bottom: -5px;
    left: 0;
    background-image: url(../../images/whitegradient.png);
    background-position: bottom center;
    background-repeat: repeat-x;
    background-size: 1200px 193px;
    content: " ";
    display: block;
    pointer-events: none;
}

.home-header h1{
	color:white;
	font-size:63px;
}
.home-header h2{
	color:white;
	font-weight: normal;
    font-size: 34px;
}
.heading_splash {
    padding: 8em 0 4em;
}

.heading-video-wrap {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    overflow: hidden;
    height: 100%;
}
.heading_video {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 105%;
    height: auto;
}


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

.generic__4up .generic__part{
    display: flex;
    justify-content: center;
    width: auto;
    align-items: center;
    flex-grow: 1;
	margin: 12px;
    padding: 0px;
    height: 100%;
    font-size: 3em;
}
.generic__4up .generic__part h2{
	padding-left:.3em;
}

.generic__inner{
	padding:4em 1em;
	max-width:1000px;
	margin: 0 auto;
}
.generic__part{
	padding:1em;
}

nav {
    position: absolute;
    top: 0;
    right: 0;
	z-index: 2;
	display: none;
}
nav a,
nav a:visited{
	color:white;
}
.nav__link {
    background-color: transparent;
}
.nav__item-action {
    color: white;
	font-size: 30px;
}
#primary-nav-toggle .material-icons{
    color: white;
    position: absolute;
    top: 37px;
    right: 37px;
    z-index: 2;
    font-size: 52px;
}
.nav__item__current > .nav__item-actions .nav__link {
    background-color: #36c2df;
	color: white;
}
.nav__item:hover > .nav__item-actions .nav__link {
    background-color: #3da870;
	color:white;
}
.open .nav__menu {
    background-color: rgba(0, 0, 0, 0.5);
	padding: 3em 1em;
}

.dynamic-nav-expanded{
	background-color:#4bd28b;
}
.dynamic-nav-expanded a{
	color:white;
}
.dynamic-nav-expanded a:hover,
.dynamic-nav__list-item:hover{
	background-color:#3da870;
}
.dynamic-nav-forward,
.dynamic-nav-back{
	color: white;
	top:11%;
}
.dynamic-nav-back{
	left: -12px;
}
.dynamic-nav__heading {
    color: white;
}
.dynamic-nav.expanded .dynamic-nav-expanded{
	width:218px;
}

/* 
===========================================================
Tabbed Nav 
===========================================================
*/

/* Style the tab */
.tab {
    overflow: hidden;
    padding-left: 2em;
  }

.events__block .tab {
    overflow: hidden;
    display: flex;
    justify-content: center;
	
}
  
  /* Style the buttons inside the tab */
  .tab__block {
    max-width: 1200px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    bottom: -32px;
  }
  .tab button {
	background-color:#4bd28b;
	color:white;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
    padding: 12px 16px 5px;
	transition: 0.3s;
	font-size: 22px;
	font-style: italic;
    border-radius: 18px 18px 0 0;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
	background-color: #f7f7f7;
	color:#454545;
  }
  
  /* Style the tab content */
  .tabcontent {
	display: none;
    padding: 2em 1em;
	background-color: #f7f7f7;
	border-radius: 20px;
  }
  .tabcontent.top {
	display: none;
    padding: 2em 0;
  }
.tab__block h2{
	color:#36c2df;
	font-size: 26px;
	padding-bottom: 0;
}

hr{
	width:50%;
    margin: 0 auto;
    border-color: #36c2df;
    border-width: 1px;
}

.home-header hr,
.body__layout__default hr{
	width: 93.5%;
    margin: 0 0 0 auto;
    border-color: #4bd28b;
    border-width: 1px;
}



.stats{
	text-align: center;
}
.stats .generic__inner{
	padding: 4em 1em 2em;
}
.stats h2{
	color:#585858;
	font-size:58px;
	padding-bottom:0;
	font-weight:bold;
}
.stats h3{
	color:#b7b7b7;
	font-weight:normal;
	font-size: 25px;
}

.about .generic__inner{
	padding: 4em 1em 0;
}
.about .generic__2up .generic__part:nth-child(2){
    background-image: url(../../images/logobrand.png);
	background-repeat: no-repeat;
	background-position: center right;
}

.solutions {
    background-image: url(../../images/houses.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    max-width: 895px;
    margin: 0 auto;
}



td{
	padding-left: .5em;
	padding-right: .5em;
	padding-top: .5em;
	padding-bottom: .5em;
}

table {
	border-spacing: 1px;
}
table tr:first-child td{
	background-color:#36c2df;
	color:white;
}
table td:first-child{
	background-color:#4bd28b;
	color:white;
}

.module.page-headers {
    width: 100%;
    _background-color: #4bd28b;
    z-index: -1;
    _position: absolute !important;
    _top: 0;
    height:333px;
   	max-width: 100%;
	top: -137px;
}

header.header{
	_background-color:#36c2df;
	_background: linear-gradient(93deg, rgba(54, 194, 223, 0.5) 0%, rgba(75, 210, 139, 0.5) 100%);
}

.brandscript{
    background-image: url(../../images/bandscriptbg.jpg);
}
.brandscript .generic__2up .generic__part:nth-child(1){
	width:74%;
}
.brandscript .generic__2up .generic__part:nth-child(2){
	width:25%;
}
.brandscript h2{
	color:#4bd28b;
	font-style: italic;
	padding-bottom: 0;
}
.brandscript h3{
	color: #36c2df;
    font-style: italic;
    font-size: 43px;
    font-weight: normal;
}

.faq .generic__inner{
	padding:2em 1em;
}
.faqs__question{
	color:#585858;
	font-weight:normal;
}
.home .faqs__question{
	padding-top:.8em;
	font-weight:normal;
	color:white;
}

.faqs__item-indicator {
    left: -9px;
    top: -5px;
}
.home .faqs__item-indicator {
    left: -9px;
    top: 10px;
}
.faq{
	background-color:#f6f6f6;
	position:relative;
}
.faq .background__logo{
	position:absolute;
	top: 0;
    right: 0;
	width: 55%;
    height: 100%;
	background-image: url(../../images/faqbg.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.faq .generic__2up{
    align-items: normal;
}
.faq h2{
	font-weight:bold;
	font-size: 44px;
}
a.faqs__item-indicator.material-icons {
    color: #46936b;
}
.home .faqs .generic__inner{
 	padding: 0 1em;
}
.home .faqs__list{
	color:white;
}
.home li.faqs__item {
    border-bottom: 1px solid white;
	padding-bottom: 1em;
}
.faqs__answer.cms-content{
	font-size: 17px;
}


.gallery {
    margin: 0 auto;
    max-width: 1100px;
	width:100%;
}
.body__layout__home .gallery{
	padding-top:4em;
	padding-bottom:5em;
}
.gallery_container1,
.gallery_container {
    display: flex;
	align-items: center;
}
.gallery_text {
    width: 49.4%;
	padding: 3em;
}
.gallery_image {
    width: 50%;
}
.galleryimg1,
.galleryimg2{
	width:100%;
	display: block;
}
.galleryimg2{
	border-right: solid;
	border-color: #4bd28b;
	border-width: 6px;
}
.galleryimg1{
	border-left: solid;
	border-color: #4bd28b;
	border-width: 6px;
}

.module-gallery__sentinel {
    display: none;
}
.module-gallery__title-text {
    padding-left: .7em;
}
.module-gallery__items {
	overflow:auto;
	margin: 0;
	padding-left: 1em;
	padding-right: 1em;
}
.module-gallery__item {
    position: static;
	width: 25%;
}
.module-gallery__items {
    display: flex;
    flex-wrap: wrap;
}
.module-gallery__control__next,
.module-gallery__control__previous{
	display:none;
}

.learn_more{
	padding-top:1em;
	font-size: 23px;
}

.learn_more > a {
	display: block;
}

.module {
	max-width: 1100px;
	margin: 0 auto;
}

.module.raw {
    max-width: 100%;
	background: linear-gradient(135deg, #36C2DF 0%, #4CD38C 100%);
}
.housing__block .generic__3up{
display: flex;
justify-content: center;
}
.housing__block .generic__3up .generic__part{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	margin:.3em;
	width: 31.333%;
	height:300px;
	position:relative;
	padding:0;
	transition: transform .4s;
}
.housing__block .generic__3up .generic__part:hover{
	transform: scale(1.1);
}
.housing__block .generic__3up .generic__part:nth-child(1){
	background-image: url("../../images/housing.jpg");
}
.housing__block .generic__3up .generic__part:nth-child(2){
	background-image: url("../../images/publichousing.jpg");
}
.housing__block .generic__3up .generic__part:nth-child(3){
	background-image: url("../../images/vash.jpg");
}
.housing__block .generic__3up .generic__part:nth-child(4){
	background-image: url("../../images/voucher.jpg");
}
.housing__block .generic__3up .generic__part:nth-child(5){
	background-image: url("../../images/fss.jpg");
}
.housing__block .generic__3up .generic__part:nth-child(6){
	background-image: url("../../images/community.jpg");
}
.housing__block h2{
	color:white;
	position:absolute;
	bottom:0;
	font-size: 31px;
	padding:1em;
}
.housing__block .shadow{
	background: linear-gradient(360deg, rgb(10 69 81 / 80%) 0%, rgb(17 155 129 / 80%) 51%, rgb(24 175 96 / 70%) 100%);
	width:100%;
	height:100%;
}


.raw__content {
    max-width: 1100px;
    margin: 0 auto;
    padding: 4em;
}
.raw__content h3{
	font-weight: 800;
	font-size: 30px;
	text-align:center;
	padding-bottom: 1em;
}
.raw__content p{
	padding-top: .5em;
    padding-bottom: .5em;
	font-size:20px;
}
.raw li {
    list-style-type: initial;
    margin-left: 2em;
}
.raw h1{
    font-size: 40px;
	text-align:center;
}


.footer{
	background-color:#4bd28b;
	color:white;
	font-size:18px;
}
.footer__inner {
    padding: 2em 1em;
}
.footer a,
.footer a:hover{
	color:white;
}

.material-icons {
    font-size: 38px;
}
.dynamic-nav-list {
    text-align: left;
}



.module.forms{
	max-width:100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url("../../images/form.png");
}
.forms .generic__inner{
	max-width:1200px;
	margin:0 auto;
	padding:3em;
}
.fb3__field-input, .fb3__field-select {
    width: 100%;
    border: 0px solid;
}
.forms__form-item-header {
    font-size: 40px;
	text-align: center;
	padding-bottom: 1em;
	color:white;
}
.forms__contact-field-list {
    display: flex;
    justify-content: space-between;
}
.forms__contact-field-item + .forms__contact-field-item {
    margin-top: 0em;
}
.forms__contact-field-item{
	width:32%;
}
.fb3__field__checkbox-wrapper .fb3__field-part-heading, 
.fb3__field__radio-wrapper .fb3__field-part-heading,
span.fb3__field-part-heading{
	color:white;
}

.users-reset-password.generic__contained, 
.users-profile.generic__contained, 
.users-register.generic__contained, 
.users-reset-password.generic__contained, 
.users-login.generic__contained{
	padding-top:2em;
	padding-bottom:2em;
}

.users-reset-password .fb3__field-input, 
.users-profile .fb3__field-input, 
.users-register .fb3__field-input, 
.users-reset-password .fb3__field-input, 
.users-login .fb3__field-input{
	border: 1px solid;
}
.fb3__field:focus-within .fb3__field-input, .fb3__field:focus-within .fb3__field-select {
    border-color: #36c2df;
    outline: none;
}
.users-home__action-link,
.gst-caught__message{
	background-color:#4bd28b;
}
.users-home__action a,
.users-home__action a:visited {
	color:white;
}
.users-home__action-link:hover,
.gst-caught__message:hover {
	background-color:#36c2df;
}


.home .events__block{
	text-align: center;
}
.home .events__block .generic__inner{
	max-width:1200px;
	margin:0 auto;
}
.home .news__list .news__item {
    display: none;
}
.home .news__list .news__item:nth-child(1),
.home .news__list .news__item:nth-child(2),
.home .news__list .news__item:nth-child(3){
    display: block;
    max-width: 31.37%;
    text-align: center;
    background-color: white;
    border-radius: 12px;
    margin: .5em;
	min-width:300px;
}
.home .module.feeds.feeds__type__news .generic__inner{
	padding:0;
}
.home .news__short-description{
	display:none;
}
.home .news__list {
	display: flex;
	flex-wrap:wrap;
	justify-content: center;
}
a.news__link.news__link__title {
    font-size: 26px;
}
.news__posted {
    padding-bottom: 1em;
}
li.news__item {
    padding-bottom: 1.5em;
    border-bottom: 1px solid #36c2df;
}

.home .news__item,
.home .news__item + .news__item{
	margin:1em;
}
.home .news__link.news__link__title {
    font-size: 20px;
    font-weight: bold;
	padding: 20px 20px;
    display:inline-block;
}
.home .news__short-description{
	font-size:16px;
	margin-top:1em;
}
.home .news__thumbnail {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    margin: 0;
    border-radius: 12px 12px 0 0;
}
div#News{
	text-align: center;
	position:relative;
}
div#News a.generic__link-button{
	position:absolute;
	left: 50%;
	margin-left: -100px
}

.feeds .feed_container:nth-child(1),
#footer-feed-4 {
	background-color:#f6f6f6;
	border-bottom: solid;
	border-color: #4bd28b;
	border-width: 6px;
}
.feeds .feed_container:nth-child(1) h2,
#footer-feed-4 h2 {
	font-size: 42px;
	text-align: center;
	font-weight: bold;
	color: #36c2df;
}

.feeds .feed_container:nth-child(2) h2,
#footer-feed-3 h2 {
	padding-bottom:1em;
}
.feeds .feed_container:nth-child(2),
.feeds .feed_container:nth-child(2) a,
#footer-feed-3,
#footer-feed-3 a {
		color:white;
}
.feeds .feed_container:nth-child(2) .events__date,
#footer-feed-3 .events__date {
	color: #454545;
}

.feeds .feed_container:nth-child(2),
#footer-feed-3 {
	background-image: url("../../images/footercontact.png");
  	background-repeat: no-repeat;
  	background-size: cover;
}
ul.events__list {
    max-width: 600px;
    margin: 0 auto;
    text-align: left;
}
.feeds {
	max-width:100%;
	margin:0 auto;
	position:relative;
}

.feeds .generic__inner,
.footer__feed .generic__inner {
	max-width:1100px;
	margin:0 auto;
	position:relative;
}
.body__layout__home .feeds .generic__inner,
.footer__feed .generic__inner {
	max-width:1100px;
}

.events__none{
	text-align: center;
	font-weight:bold;
}
.events-view__time{
	padding-bottom:1em;
}
.events-location_name{
	font-weight:bold;
}
.events__heading{
	font-size: 33px;
	text-align: center;
	font-weight: 100;
}
.events-view h1{
	color:#36c2df;
	font-size:30px;
	padding-bottom:.5em;
}
.events-view__date,
.events-view__time{
	font-weight:bold;
	color: #4bd28b;
}
.events__heading{
	padding-bottom:1em;
}
.events__date{
	color: #36c2df;
}
.news__heading{
	font-size: 42px;
	text-align: center;
	font-weight: bold;
	color: #36c2df;
}

.module-locations__title-text{
	display:none;
}
.locations__location-title,
.locations__location-phone{
	font-size:27px;
}
.locations__location-directions-form .fb3__field-input {
    border: 1px solid #36c2df;
}

.module-gallery__item-link{
	padding: .5em;
}
.module.gallery {
    max-width: 100%;
}
.gallery h2{
	font-size: 33px;
	color: #4bd28b;
	font-weight: 100;
	padding-bottom:1em;
}
.gallery .generic__inner {
    padding: 0;
	margin: 0 auto;
	max-width: 1000px;
}

.contact-us{
	text-align: center;
}
.contact-us .generic__inner{
	padding:3em 1em;
}
.contact-us .generic__link-button{
	margin: 1em 0 0;
}

@media only screen and (max-width: 1300px){
	img.page-headers__image {
		width: 1280px;
	}
	.page-headers__item {
		width: 1280px !important;
	}

}
	
@media only screen and (max-width: 1200px) {
	.gallery_container,
	.gallery_container1 {
		flex-direction: column;
	}
	.gallery_image {
		width: 60%;
		order: 1;
	}
	.gallery_text {
		width: 100%;
		order: 2;
	}
	.gallery{
		padding-bottom:0;
	}
	.galleryimg1,
	.galleryimg2{
		border-left:none;
		border-right:none;
		border-bottom: solid;
		border-color: #4bd28b;
		border-width: 6px;
	}
}


@media only screen and (max-width: 840px) {
	.news__list{
		display: block;
	}
	.forms__contact-field-list {
    	display: block;
	}
	.forms__contact-field-item {
    	width: 100%;
	}
	.cms-content h1, .news-view h1, .events-view h1 {
    font-size: 38px;
	}
	.housing__block .generic__3up {
    flex-direction: column;
	}
	.housing__block .generic__3up .generic__part{
		width:100%;
		height: 250px;
	}
	.raw__content {
    padding: 2em;
	}
}
@media (max-width: 767px) {
    .nav {
        max-height: 100vh;
        overflow-y: visible;
    }
		nav{
		display:block;
	}
	.regular__nav{
		display:none;
	}
}
@media only screen and (max-width: 700px) {
	.gallery_image {
		width: 100%;
	}
	.gallery{
		padding:0;
		padding-top:2em;
	}
	.headerimage{
		background: url("../../images/headerimage2.jpg") top right no-repeat;
		background-size: cover;
	}
	.generic__inner{
        padding: 1em;
	}
	.module-gallery__item {
    width: 33%;
	}
	h2{
		font-size:25px;
	}
	.brandscript .generic__2up{
		flex-direction: column;
	}
	.brandscript .generic__2up .generic__part:nth-child(1),
	.brandscript .generic__2up .generic__part:nth-child(2){
		width:100%;
	}
	
}

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

	.contact__logotall {
		height: 200px;
	}
	.heading_splash{
		padding: 4em 0 1em;
	}
	.home-header h1 {
		font-size: 40px;
	}
	.home-header h2 {
		font-size: 34px;
	}
	.tab{
		overflow: hidden;
		padding-left: 0;
		display: flex;
		justify-content: center;
	}
	.tabcontent {
		display: none;
		padding: 2em 1em;
		background-color: #f7f7f7;
		border-radius: 0 0 20px 20px;
	}
	.tab button{
		font-size: 14px;
	}
	.home .faqs__question {
		color: #585858;
	}
	.home li.faqs__item {
		border-bottom: 1px solid #4bd28b;
	}
	.home .faqs__list {
		color: #b7b7b7;
	}

}

.cta .wrap {
    max-width: 760px;
    text-align: center;
	margin:0 auto;
}