star/*** General Styles ***/
body {min-height: 75rem; font-family: neue-haas-unica, sans-serif; font-weight: 300; font-style: normal; font-size: 110%;}
h1{color: #00477d; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; margin-bottom: 20px;}
h2{color: #00477d; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; margin-bottom: 20px;}
h3{color: #01477b; border-bottom: 1px solid #D0D0D0; padding-bottom: 5px; margin-bottom: 20px;}
h4{color: #00477d;}
h5{color: #01477b;}
a{transition: all 0.5s ease;}
.bold-text{color: #00477d; font-weight: 700;}
.zoom-link{cursor: zoom-in;}
.well-box {
    background: #F7F7F7;
    box-shadow: 0 2px 2px rgba(0,0,0,.2);
    overflow: hidden;
    margin-bottom: 30px;
	padding-top: 20px;
}

.stop-suicide-container{border-top: 1px solid #546776; padding-top: 30px;}
.stop-suicide-logo{max-width: 90%;}
.stop-suicide-link{color: #000; transition: all 0.5s ease;}
.stop-suicide-link:hover{color: #bd001f; text-decoration: none;}

.payperless{background: #0b3253;}
.payperless img{width: 100%;}

.benefits-button{display: block; width: 100%; color: #FFF !important; padding: 40px 20px; background: #b72a24; font-size: 1.4em; margin-bottom: 30px;}
.benefits-button:hover{background: #19345f; text-decoration: none; padding: 30px 20px 50px 20px;}
.benefits-button em{font-size: 2.4em;}

/*** Header ***/
header {position: relative; background-color: black; min-height: 25rem; width: 100%; overflow: hidden; z-index: 999; border-bottom: 3px solid #000; }
header video {position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
header .container {position: relative; z-index: 2;}
header .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; /**background-color: black; opacity: 0.5;**/ z-index: 1;}
.video-overlay{background: url("../images/bg-video-overlay.png") top right no-repeat; position: relative; z-index: 100; padding-bottom: 120px;}
.logo-container{background-color: rgba(255, 255, 255, .8); padding: 20px 0 10px 0; text-align: center;}
.logo{padding: 10px 20px 10px 20px;}
.navbar-dark,.bg-dark{position: relative; z-index: 100; font-size: 1em;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+5,000000+99&0.65+45,0+98 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 5%, rgba(0,0,0,0.65) 45%, rgba(0,0,0,0) 98%, rgba(0,0,0,0) 99%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 45%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 99%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 5%,rgba(0,0,0,0.65) 45%,rgba(0,0,0,0) 98%,rgba(0,0,0,0) 99%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ) !important; /* IE6-9 */
}
.nav-link{display: block; padding: 25px 0; color: #FFF !important;}
.nav-link:hover{background: #00477d;}
.homepage-banner-text{color: #FFF; text-shadow: 0 0 8px #141414; position: relative; z-index: 100;}
.search-field{color: #A6A6A6; border: none; padding: 5px 10px; position: relative; z-index: 100;}
.search-submit{color: #FFF; position: relative; z-index: 100; background: #043354; border: none; cursor: pointer; transition: all 0.5s ease;}
.search-submit:hover{background: #000000;}
.subpage-title{color: #FFF; border: none; padding: 130px 0 100px 0; width: 100%; text-align: center; text-transform: uppercase;}
ul.submenu { display: none; float:left; position:absolute; left: 10px; margin:0; padding:0; width:250px; z-index:999; background: #363636; -webkit-box-shadow: 0px 3px 5px #303030; box-shadow: 0 3px 3px #303030; overflow:hidden; opacity:0.95; filter:alpha(opacity=95);}
ul.submenu li { float:left;  clear: both; width:100% !important; font-size: .9em; text-align:left; margin:0 !important; height:auto !important; border-bottom:1px solid #666; display: block; text-shadow: 0 0 3px #191919;}
ul.submenu li a {  text-decoration: none; color: #fff; font-family: "trajan-pro-3",sans-serif; font-style: normal; font-weight: 400; text-shadow: 0 0 3px #0A0A0A; background: url(/images/bg-main-navigation.png) top right no-repeat; text-align: center; display: block; wdith: 100%; padding: 10px 0; margin: 0;}
ul.submenu li:hover { background-color:#B32317 !important; cursor:pointer; }
ul.submenu li:hover a { color:#fff !important; background: none !important }
.subpagescarousel{position: absolute; width: 100%; height: auto}
.nav-item{position:relative}
.nav-item:hover .submenu{display: block}
.active-tab {background: #00477d}
.announce{background: #19345f; transition: all 0.5s ease; text-decoration: none !important;}
.announce:hover{background: #bd001f; text-decoration: none !important;}
.announce p{margin: 0; padding: 15px 0; color: #FFF; font-family: myriad-pro-condensed,sans-serif; font-size: 1.2em; text-decoration: none !important;}
.announce a{color: #FFF; font-family: myriad-pro-condensed,sans-serif; font-size: 1.2em; text-decoration: none !important;}


/*** Homepage Buttons Area ***/
.homepage-buttons{background: #0b5979; -webkit-filter: grayscale(1); filter: grayscale(1); }
.homepage-buttons:hover{ -webkit-filter: grayscale(0); filter: grayscale(0); }
.homepage-button-one{-webkit-clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);  transition: all 0.5s ease; background: url("../images/bg-button-one.jpg") center center no-repeat;  background-size: cover; }
.homepage-button-two{-webkit-clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%); clip-path: polygon(7% 0, 100% 0%, 93% 100%, 0% 100%);  transition: all 0.5s ease; background: url("../images/bg-button-two.jpg") center center no-repeat;  background-size: cover;}
.homepage-button-three{-webkit-clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0% 100%); clip-path: polygon(7% 0, 100% 0%, 100% 100%, 0% 100%);  transition: all 0.5s ease; background: url("../images/bg-button-three.jpg") center center no-repeat;  background-size: cover;}
.homepage-button-one:hover{}
.homepage-button-text{color: #FFFFFF; font-size: 2em; text-transform: uppercase; text-shadow: 0 0 8px #292929; text-decoration: none !important}
.homepage-button-link{display: inline-block; transition: all 0.5s ease; width: 100%; text-decoration: none !important}

.year-in-review{background: #0e487e;}
.year-in-review img{max-width: 100%;}
.homepage-button-link:hover{text-deoration: none; }

/*** 30 days 30 families ***/
.thirty-days-area{background: #19345f; border-top: 2px solid #b22b31; border-bottom: 2px solid #b22b31; margin-top: 40px;}
.thirty-days-container{background: #FFF;}
.thirty-days-button{max-width: 100%;}

/*** Homepage Video Area ***/
.homepage-video-container{background: url("../images/bg-homepage-video.jpg"); background-size: cover; background-attachment: fixed; padding: 80px 0; color: #FFF; }
.homepage-video-list-container{background-color: rgba(255, 255, 255, .8); padding: 40px; -webkit-border-radius: 20px 0;
border-radius: 20px 0;}
ul.homepage-video-list{list-style: none; padding: 0; margin: 0;}
ul.homepage-video-list li{font-size: 1.3em; padding-bottom: 20px; color: #2C2C2C;}
.homepage-facts-title{color: #1c3460;}
.homepage-video-image{width: 100%; transition: all 0.5s ease;}
.homepage-video-image:hover{webkit-box-shadow: 0 0 8px 0 #9C9C9C; box-shadow: 0 0 8px 0 #9C9C9C;}
.homepage-video-icon{color: #b72a24; font-size: 2em;}
.success-video-container{padding: 70px 0; background: #E7E7E7; margin-top: 40px;}
.success-image{max-width: 90%;}

/*** Content area ***/
.content-area{padding: 80px 0 100px 0;}
.subpage-content-area{padding: 80px 0 120px 0;}
.accomplished-button{width: 90%; opacity: 0.8; transition: all 0.5s ease;}
.accomplished-button:hover{opacity: 1; -webkit-box-shadow: 0 0 8px 0 #9C9C9C; box-shadow: 0 0 8px 0 #9C9C9C; width: 100%;}
.content_subnavigation_container{width: 100%; overflow: hidden;}
.content_subnavigation{padding: 0; margin: 0;;}
.content_subnavigation li{width: 94%; list-style: none; padding: 0; margin: 0; display: block;}
.content_subnavigation li a{padding: 10px 10px; color: #fff; font-family: "trajan-pro-3",sans-serif; font-style: normal; font-weight: 400; font-size: .9em; text-shadow: 0 0 3px #191919; text-decoration: none; width: 100%; display: block; border-bottom: 1px solid #FFF;
background: #1d3261; /* Old browsers */
background: -moz-linear-gradient(top,  #1d3261 0%, #142448 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d3261), color-stop(100%,#142448)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1d3261 0%,#142448 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1d3261 0%,#142448 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1d3261 0%,#142448 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1d3261 0%,#142448 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d3261', endColorstr='#142448',GradientType=0 ); /* IE6-9 */
}
#last_subnavigation{border: none;}
.content_subnavigation li a:hover{background: #b32317;}
.content_subnavigation li .selected{background: #b32317;}
.content_subnavigation li ul{padding: 0; margin: 0; }
.content_subnavigation li ul li a{padding: 10px 0 10px 38px !important;}
.autocomplete-items{background: #043354; margin:0 auto; color:#fff; transition: all 0.5s ease; position: absolute; z-index: 99999; left: 50%; transform: translate(-50%, 0);  overflow-y: auto}
.autocomplete-items div{padding:5px}
.autocomplete-items div:hover{background: #0f2432;}
.autocomplete-items a div{color:#fff; border-bottom: solid 1px #fff;}
.autocomplete-items a div span{color:#A0A0A0}
.autocomplete-items a:hover{text-decoration: none}
.military-zoom{cursor: zoom-in; margin-bottom: 30px;}
.military-zoom img{width: 100%;}
#breadcrumb{padding: 0 0 15px; margin: 0 0 20px 0; position: relative; min-height: 50px;}
#breadcrumb ul{margin: 0; padding: 0; width: 100%; display: block;}
#breadcrumb ul li{display: inline; white-space: nowrap; float: left; margin-right: 5px; margin-bottom: 10px; color:#FFF; background-color: #004681; padding: 3px 10px 5px 20px; position: relative}
#breadcrumb ul li a{color:#FFF}
#breadcrumb a::after{content: ""; width: 0; height: 0; border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 10px solid #004681; font-size: 0; line-height: 0; position: absolute; left: 100%; top: 0; z-index: 2;}
#breadcrumb a::before{content: ""; width: 0; height: 0; border-bottom: 17px solid transparent; border-top: 17px solid transparent; border-left: 10px solid white; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 1; white-space: nowrap;}
#breadcrumb ul li:first-child a::before {display: none;}
#breadcrumb ul li:last-child a::after {border-left: 10px solid #003664!important}
#breadcrumb ul .current_page{background-color: #003664}
.content-area a{color: #044475;}
.content-area a:hover{color: #b72c27;}
.content_subnavigation li a:hover{color: #FFF !important;}
a.content-button{background: #b72c27; color: #FFF !important; width: 90%; padding: 15px 0; text-align: center; display: block; margin: 20px auto; -webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px; font-size: 1.2em; text-transform: uppercase;text-shadow: 0 0 8px #191919;-webkit-box-shadow: 0 0 8px 0 #CFCFCF; box-shadow: 0 0 8px 0 #CFCFCF;}
a:hover.content-button{width: 100%; text-decoration: none; background: #192c54;}
.submit-button{background: #b72c27; color: #FFF; width: 90%; padding: 15px 0; text-align: center; display: block; margin: 20px auto; -webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px; font-size: 1.2em; text-transform: uppercase;text-shadow: 0 0 8px #191919;-webkit-box-shadow: 0 0 8px 0 #CFCFCF; box-shadow: 0 0 8px 0 #CFCFCF; transition: all 0.5s ease;}
.submit-button:hover{width: 100%; text-decoration: none; background: #192c54;}
.five-star-list strong{color: #00477d}
.five-star-list li{padding-bottom: 15px}

/*** Homepage Facts ***/
.homepage-facts{background: url(../images/bg-homepage-facts5.jpg) center center no-repeat; background-size: cover; padding: 60px 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0% 100%); clip-path: polygon(0 0, 100% 0, 100% 96%, 0% 100%); position: relative; z-index: 90; -webkit-box-shadow: 0 0 8px 1px #000000; box-shadow: 0 0 8px 1px #000000;}
.homepage-facts-text{color: #FFF; text-shadow: 0 0 5px #030303; margin-bottom: 40px; font-size: 1.1em}
.homepage-fact{background-color: rgba(0, 71, 125, .8); margin-bottom: 40px; transition: all 0.5s ease; position:relative; overflow: hidden}
.homepage-fact:hover{background-color: rgba(183, 42, 36, 1.0); margin-bottom: 40px; transition: all 0.5s ease}
.homepage-facts-icon{width: 25%; padding-top: 1.5rem; margin-bottom: 10px;}
.homepage-facts-number{padding: 0; margin: 0; color: #f6ff00; font-weight: 700;}
.homepage-facts-info{color: #FFF;}
.homepage-facts-icon-five-star{width: 50%; padding-top: 2.5rem;}
.homepage-facts-icon-advisory{width: 80%; padding-top: 5.5rem;}
.homepage-facts a{text-decoration: none !important;}
.homepage-facts-link a:hover{text-decoration: none !important;}
.homepage-facts-top{text-shadow: 0 0 5px #030303; color: #FFF;}
.arrow-box {position: absolute; width: inherit; display: none; color:#fff; padding:15px 20px; overflow: hidden}
.nonoverflow{top: 50%; -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.homepage-fact:hover{overflow-y: auto}
.pcs{padding: 20px; background-color: rgba(72, 72, 72, .7); margin-bottom: 40px;}
.homepage-fact-content{font-size: 1.2em; color: #2C2C2C; margin-bottom: 50px; }

/*** Testimonials ***/
.testimonials-area{background: url(../images/bg-testimonials.jpg) center right no-repeat; background-size: cover; background-attachment: fixed; padding: 170px 0 160px 0; -webkit-clip-path: polygon(0 7%, 100% 0, 100% 96%, 0% 100%); clip-path: polygon(0 7%, 100% 0, 100% 96%, 0% 100%); position: relative; z-index: 90; -webkit-box-shadow: 0 0 8px 1px #000000;box-shadow: 0 0 8px 1px #000000; margin-top: -45px; min-height: 560px}
.testimonial-content{font-size: 1.4em; color: #FFF; font-style: italic;}
.testimonial-content:hover{text-shadow: 0 0 5px #000000; transition: all 0.5s ease; cursor: not-allowed;}
.testimonial-name{font-size: 1.4em; color: #fff;}
.testimonial-name span{color: #d6cfbd; }

/***Homepage News ***/
.news-header{position: relative; z-index: 80; margin-top: -60px; background: url("../images/bg-news-title.jpg") center center no-repeat; background-size: cover; padding: 90px 0 0px 0;}
.subpage-news-header{-webkit-clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 7%, 100% 0, 100% 100%, 0% 100%);}
.homepage-news-title{color: #FFF; border: none; padding: 60px 0 90px 0}
.news-header p{color: #FFF; font-size: 1.2em;}
.homepage-news-area{background: #fff; padding: 60px 30px 40px 30px;}
.news-button{position:relative; height: 100px}
.homepage-news-image-container{width: 50%; float: left;}
.homepage-news-content-container{width: 100%; float: left;}
.view-all-news{position: absolute; left:50%; bottom: 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%); color:#fff; background-color: #63666b; padding: 20px 40px}
.view-all-news:hover{background-color: #505256}
.separate-news-section{margin-bottom: 20px; position: relative}
.homepage-news-lead p{color:#414347; padding:15px}
.news-image{width: 100%;}
.news-detail-image{width: 100%;; float:left; margin-right: 20px}
.news-date{font-size: .7em; float: right}
a.homepage-news-one{background: #fff; display: block;}
a:hover.homepage-news-one{background: #fff;}
a.homepage-news-two{background: #444444; display: block;}
a:hover.homepage-news-two{background: #0f2432;}
.homepage-news-date{color:#7D7D7D !important; margin: 20px 20px 10px 20px; font-style: italic;}
.homepage-news-content{color: #414347; margin: 20px; font-size: 1.5em}
.homepage-news-more em{color: #414347; text-align: right; margin: 0 20px; font-size: 2em; position: relative;}
.homepage-news-more em:hover{left: 10px; color: #7D8088}
.news-page-image-container-cetegory img{width: 100%;}
.news-item-hover{padding: 30px 20px; display: block;}
.news-item-hover:hover{ text-decoration: none; background: #E5E5E5;}
.news-row{margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #E1E1E1;}
.news-date{color: #8F8F8F; font-style: italic; font-size: 1.3em; padding-left: 20px;}
.thumbnail_image{width: 100%}
.stories-row{margin-bottom: 40px; padding-bottom: 40px;}

/*** Footer Area ***/
.footer-top{background: #373737; border-top: 3px solid #FFF; padding: 40px 0;}
.footer-logo{max-width: 100%;}
.footer-navigation li{list-style: none; display: inline-block; justify-content: center; padding-top: 6px;}
.footer-navigation li a{color: #FFF; text-transform: uppercase}
.footer-navigation li a:hover{color: #2B96C0; text-decoration: none;}
.footer-bottom{background: #303030; padding: 30px 0;}
.copy{color: #FFF; display: inline; font-size: .9em;}
.equal{display: inline;}
.footer-link-logo{display: inline;}
.credit{color: #FFF;}
.credit a{color: #2B96C0;}
.credit a:hover{color: #FFF; text-decoration: none;}
.safety-link{opacity: 0.8;}
.safety-link:hover{opacity: 1;}
.facebook-link{color: #FFF; font-size: 1.6em;}
.instagram-link{color: #FFF; font-size: 1.6em;}
.privacy-terms a{color: #FFFFFF; text-decoration: underline}

.bill-of-rights-container{background: #000; padding: 20px 0;}
.bill-of-rights-container p{text-align: center; color: #FFF; padding: 0; margin: 0;}
.bill-of-rights-container p a{text-decoration: underline;}

.covid{background: #720001; padding: 20px 0;}
.covid p{text-align: center; color: #FFF; padding: 0; margin: 0;}
.covid p a{text-decoration: underline;}

/** communities page **/
.communities-section{text-align: center}
.property_photo{width: 100%; opacity: 0.8; transition: all 0.5s ease;}
.property_photo:hover{opacity: 1.0;}
.property_title{margin: 40px 0 20px 0; color: #FFF; background: #044475; padding: 10px 20px; width: 100%; border: none;}
.property_info a{color:#003AC4;}
.property_info {line-height: .9em; font-size: .6em; margin: 10px 0 0 0;}
.property_location{font-size: .6em; margin: 0 0 20px 0;}

/*** Careers page ***/
.careers-right{background: #546979;}
.careers-right-inner{padding: 20px;}
.careers-inner-title{color: #D7D7D7; font-style: italic;}
.careers-right-inner p{color: #FFF; font-size: .95em; font-style: italic;}

/** news page **/
.news-page-image{width:200px}
.news-page-image-container{float:left}
.news-page-news-date{margin:0px 20px 10px 20px; color: #929292; border-bottom: 1px solid #585858; text-align: right; font-style: italic;}
.news-page-news-content{color: #000000; margin:20px}
.news-page-news-more{color:#000000; margin: 0 20px; font-style: italic;}

/*** Residents Page ***/
.resident-facts h2{margin-bottom: 10px;}
.resident-facts p{margin-bottom: 30px;}

/** search list **/
.searchlist-divider{background: #eeeeee; color:#425365; margin:0}
.searchlist-divider:before{border-bottom: 1px solid #425365; display: block; content:""}
.searchlist-divider:after{border-top: 1px solid #425365; display:block; content: ""}
.searchlist-divider-text{font-size: .8em; margin-top: -10px}
.searchlist-images{width: 100%; margin-top: 10px}
.searchlist-number{background:#00477d !important; padding:5px; position: absolute; top: 0; color:#fff; z-index: 999}
.gm-searchlist-images{width: 200px}
.gm-style-iw-c{max-width: none!important; max-height: none!important; width: 600px; overflow: visible!important; padding:12px!important}
.gm-style-iw-d{max-width: none!important; max-height: none!important; width: 100%; overflow: visible!important; padding: 3px!important}
.limit-community{max-height: 700px; overflow: auto; margin-bottom: 25px}
.community-searchlist-listing .row:hover{background:#e2e2e2}
.community-searchlist-listing div p a:hover{text-decoration: none; }
.location-map-buttons{list-style-type:none; padding:0}
.location-map-buttons li a:hover{text-decoration: none; background: #192c54; color:#fff}
.location-map-buttons li a{background:#b72c27; padding:10px; color:#fff}
.location-map-infowindow{background:#000; color:#fff; padding:10px 0; font-size: 1.5em}
.location-map-infowindow a span{background:#00477d !important; padding:10px; margin-right:15px}
.location-map-infowindow a{color:#fff}
.location-map-infowindow a:hover{color: #fff; text-decoration: none}
.listing-website-button{font-size: 13px; margin-top: 10px}

/** communities map **/
.community-map-search-bar-container{position: relative; margin-bottom: 20px}
.community-map-search-bar{position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width:85%}
.community-map-search-bar p{margin-top: -10px; font-size: .9em}
.community-map-search-bar-input{width:85%; color: #A6A6A6; padding: 5px 10px}
.community-map-search-button{width:13%; color: #fff; background: #043354; border: none; cursor: pointer; transition: all 0.5s ease; font-size: 1em; padding:6px 10px; border-style: none}
.community-map-search{width: 100%!important; max-height: 235px!important;}
.amcharts-chart-div a {color:#fff!important}

.navbar-nav-utilities{width: 100%;}
.utilities-nav{background: #00477d !important; margin-bottom: 30px;}
.nav-link-utilities {padding: 10px 17px !important;}
.nav-link-utilities:hover{background: #b42a2e !important;}

.utilities-alert{color: #1D325D;}
.utilities-alert a{font-size: 1.6em; font-weight: bold; color: #1D325D; background: #F9D900; width: 100%; display: block; padding: 8px 10px; text-align: center; font-family: myriad-pro-condensed,sans-serif; }
.utilities-alert a:hover{text-decoration: none; color: #FFF; background: #1D325D}

/** contact **/
.help-block{color: #FF0004}
.community-select{ display: block;
	border-radius: .25rem;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 400;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #ced4da;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;}
.community-select::-ms-expand {
	display: none;
}
.community-select:hover {
	border-color: #888;
}
.community-select:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.community-select option {
	font-weight:normal;
}

/*** Resident Energy Conservation Program **/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.resident-energy-accordion{margin: 20px 0 40px 0;}
.resident-energy-accordion .card-header .btn-link{font-weight: bold; color: #00477d; font-size: .7em; white-space: normal;}
.resident-energy-accordion .card-header .btn-link:hover{color: #b42a2e;}
.resident-energy-accordion .card-header h2 {border: none !important;}

/** Extra small devices (portrait phones, less than 576px) **/
.homepage-search{margin: 150px 0 140px;}
.homepage-banner-text{font-size: 1.9em;}
.search-field{font-size: .9em; width: 88%;}
.search-field-subpage{border: 1px solid #043354; width: 80% !important;}
.search-submit{font-size: .9em; padding: 5px 8px;}
.navbar{text-transform: uppercase; padding: 0;}
.homepage-buttons-area{background: #043354;}
.homepage-fact{height: 45vw; width: 45vw;}
.homepage-facts-number{font-size: 4.5vw;}
.homepage-facts-info{font-size: 3vw;}
.homepage-facts-icon{margin-top: 20px;}
.homepage-button-link{padding: 80px 0 80px 0;}
.homepage-button-link:hover{padding: 120px 0 160px 0 !important;}
.footer-navigation li{padding: 0 20px 10px 20px}
.autocomplete-items{max-height: 250px; width: 90%; }
.community-search-bar{margin:35px 0; }
.homepage-portfolio{width: 100%; margin-top: 20px;}
/*.homepage-fact:hover .arrow-box{display:none}*/
.homepage-fact:hover .homepage-facts-icon-five-star{display: none}
.homepage-fact:hover .homepage-facts-icon {display: none}
.homepage-fact:hover .homepage-facts-info{display: none}
.homepage-fact:hover .homepage-facts-icon-advisory{display: none}
.homepage-fact:hover .arrow-box{display:flex}
.arrow-box {font-size: 2.4vw}
.nav-link{font-size: 1em; margin: 0; text-align: center;}
.success-image{max-width: 90%; margin-bottom: 20px;}

/** Small devices (landscape phones, 576px and up)) **/
@media (max-width: 576px) {
	.news-carousel-mobile{display: block!important}
	.news-carousel{display:none!important}
	.news-carousel-small{display:none!important}
	.gm-style-iw-c{width: 250px;}
	.map-area{height:300px!important}
	.infowindow-image{float:none; margin-right: 0}
	.community-map-search-bar{position:relative}
	.community-map-search{position: relative}
}

@media (min-width: 576px) {
	.news-carousel-mobile{display: block!important}
	.news-carousel{display:none!important}
	.news-carousel-small{display:none!important}
	.gm-style-iw-c{width: 400px;}
	.map-area{height:400px!important}
	.infowindow-image{float:none; margin-right: 0}
	.community-map-search-bar{position:relative}
	.community-map-search{position: relative}
}

/** Medium devices (tablets, 768px and up)) **/
@media (min-width: 768px) {
	.homepage-fact{width: 20vw; height: 20vw;}
	.homepage-facts-number{font-size: 2.3vw;}
	.homepage-facts-info{font-size: 1.4vw;}
	.homepage-banner-text{font-size: 3.4em;}
	.homepage-search{margin: 250px 0 200px;}
	.search-field{font-size: 1.8em; width: 80%;}
	.search-submit{font-size: 1.8em; padding: 5px 30px;}
	.homepage-button-link{padding: 180px 0 180px 0;}
	.homepage-button-link:hover{padding: 120px 0 130px 0 !important;}
	.autocomplete-items{max-height: 350px; width: 60%; }
	.news-carousel-mobile{display: none!important}
	.news-carousel-small{display:block!important}
	.news-carousel{display:none!important}
	.homepage-portfolio{width: 90%; margin-top: 0px;}
	.gm-style-iw-c{width: 350px;}
	.map-area{height:400px!important}
	.arrow-box {font-size: 1.1vw}
	.infowindow-image{float:none; margin-right: 0}
	.community-map-search-bar{position:relative}
	.community-map-search{position: relative}
	.success-image{max-width: 100%; margin: 0;}
}

/** Large devices (desktops, 992px and up)) **/
@media (min-width: 992px) {
	.homepage-search{margin: 320px 0 250px;}
	.search-field{font-size: 2em; width: 50%;}
	.search-submit{font-size: 2em; padding: 5px 30px;}
	.logo-container{margin-top: -20px; -webkit-clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%); clip-path: polygon(0 0, 100% 0, 82% 100%, 0% 100%); text-align: left; padding: 20px 0 10px 20px;}
	.homepage-buttons-area{background: url(../images/bg-homepage-buttons.jpg) top center repeat-x; position: relative;  }
	.homepage-facts-icon{margin-top: 40px;}
	.homepage-button-link:hover{padding: 160px 0 200px 0 !important;}
	.footer-navigation{width: 100%; display: flex; justify-content: space-around;}
	.footer-navigation li{padding: 0}
	.news-carousel-mobile{display: none!important}
	.news-carousel-small{display:none!important}
	.news-carousel{display:block!important}
	.gm-style-iw-c{width: 500px;}
	.map-area{height:550px!important}
	.infowindow-image{float:left; margin-right: 10px}
	.community-map-search-bar{position:absolute}
	.community-map-search{position: absolute}
	.nav-link{font-size: 1em; margin: 0;}
	/**.homepage-fact:hover .homepage-facts-icon-five-star{display: none}
.homepage-fact:hover .homepage-facts-icon {display: none}
.homepage-fact:hover .homepage-facts-info{display: none}
.homepage-fact:hover .homepage-facts-icon-advisory{display: none}
	.homepage-fact:hover .arrow-box{display:flex}**/
}

/** Extra large devices (large desktops, 1200px and up)) **/
@media (min-width: 1200px) {
	.news-carousel-mobile{display: none!important}
	.news-carousel-small{display:none!important}
	.news-carousel{display:block!important}
	.gm-style-iw-c{width: 600px;}
	.map-area{height:550px!important}
	.infowindow-image{float:left; margin-right: 10px}
	.community-map-search-bar{position:absolute}
	.community-map-search{position: absolute}
	.nav-link{font-size: 1em; margin: 0 10px;}

}