/*
Theme Name: Harborlight Community Partners
Author: Sperling Interactive
Author URI: https://www.sperlinginteractive.com/
Description: This custom theme brings your site to life with immersive animations and customizations. It features multiple sections on the front page as well as widgets, navigation, social menus, logos, and more. This theme works great in many languages, for any abilities, and on any device.
Version: 1.0
Tags: multiple-columns, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, translation-ready
*/



@charset "UTF-8";

/*------------------------------------*\
    FONTS
\*------------------------------------*/
/* font-family: 'Bitter', serif; */
@import url("https://fonts.googleapis.com/css?family=Bitter:400,400i,700");
/* font-family: 'Roboto Condensed', sans-serif; */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");

/*------------------------------------*\
    TEMP
\*------------------------------------*/
/*
.home .blog .block img {
  width: 100%;
}
*/
.columns {
  margin: 0;
}
.columns:last-child {
  margin-bottom: 0; /* margin-bottom: -0.75rem; */
}
.container,
.wide-container {
  max-width: 1500px;
}

.small-container {
  max-width:1152px;
  margin: 0 auto;
}

section {
  padding-right: 5%;
  padding-left: 5%;
}
.p-0 {
  padding: 0;
}
.px-0 {
  padding-right: 0;
  padding-left: 0;
}
.td-none {
  text-decoration: none;
}
.landing-banner {
  padding-right: 0;
  padding-left: 0;
}

/*------------------------------------*\
    GENERAL
\*------------------------------------*/
html {
  color: #231F20;
  scroll-behavior: smooth;
}
body .container {
  margin: auto;
}
img {
  display: block;
  max-width: 100%;
  transition: all 0.5s ease;
  height: auto;
}
li {
  padding-top: 5px;
}
li:first-of-type {
  padding-top: 0;
}
td {
  font-size: 1.6rem;
}
.w100 {
  width: 100%;
}
.hide {
  display: none !important;
}

.breadcrumbs {
  color: grey;
  font-size: 1.35rem;
  font-style: italic;
  line-height: 1.5;
  text-align: right;
  padding: 5px 15px;

}
.breadcrumbs a {
  color: #FFFFFF;
}
.breadcrumbs .breadcrumb_last {
  color: #fbb040;
}
.breadcrumbs-wrapper {
  display: flex;
  width: 95%;
}



/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/
h1 {
  color: #004d80;
  font-family: 'Bitter', serif;
  /* font-style: italic; */
  font-weight: 600;
  padding-bottom: 10px;
}
h2, h3, h4, h5, h6 {
  font-family: 'Bitter', serif;
}
p, ul, ol {
  font-size: 1.8rem;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.5;
}
span {
  color: #231F20;
  font-family: 'Roboto Condensed', sans-serif;
}
p {
  line-height: 1.5;
}
a {
  color: #127ec1;
  transition: all 0.5s ease;
}
a:hover {
  color: #5da4d3;
}
a img:hover {
  opacity: 0.7;
}
a h1, a h2, a h3, a h4, a h5, a h6 {
  text-decoration: none;
}

.accent-color {
  color: #004d80;
}

ul.columns {
  padding:0!important;
}

/*------------------------------------*\
    CUSTOM FACEBOOK FEED
\*------------------------------------*/
#cff .cff-item {
  padding: 0 0 0 0;
  border-bottom: none;
}
#cff.cff-default-styles .cff-date {
  font-size: initial;
}
.cff-date-dot {
  display: none;
}
.fb-date {
  margin: 10px 0 10px 0;
}
.fb-text {
  margin: 10px 0 20px 0;
}
.fb-text a {
  color: #2fb4e6;
}
.fb-text a:hover {
  color: #3693b6;
}
.fb-link {
  margin-top: -2.5rem !important;
}
.fb-link #cff .cff-post-links {
  float: none;
}
.cff-viewpost-facebook {
  background: #ffffff;
  border-color: #ffffff;
  color: #014d80 !important;
  font-size: 2.2rem !important;
  font-weight: 700;
  padding: 1rem 2rem;
  display: inline-block;
  width: fit-content;
  text-decoration: none;
  min-width: 4.0rem;
  text-align: left;
  /* line-height: 1.5rem; */
  line-height: 2.5rem;
  border-radius: .5rem;
  font-family: 'Roboto Condensed', sans-serif;
  position: relative;
  z-index: 1;
  float: none;
}
.cff-viewpost-facebook:hover {
  opacity: 0.7;
  text-decoration: none !important;
}
.cff-viewpost-facebook:before {
  border-right: 1px solid rgba(255, 255, 255, 0.75);
  color: #014d7f;
  content: "\f09a";
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  padding-right: .75rem;
  margin-right: .75rem;
}
#cff .cff-post-links a.cff-viewpost-facebook:first-child {
  padding-left: 2rem;
}

/*------------------------------------*\
    BUTTONS
\*------------------------------------*/
.icon-button {
  background: #ffffff;
	color: #014d80 !important;
  font-weight: 700;
  padding: .75rem;
  display: inline-block;
  width: fit-content;
  font-size: 1.5rem;
  text-decoration: none;
  min-width: 4.0rem;
  text-align: left;
  line-height: 1.5rem;
  border: 1px solid #014d80;
  border-radius: .5rem;
  font-family: 'Roboto Condensed', sans-serif;
  transition: all 0.5s ease;
}
.icon-button:hover {
  opacity: 0.75;
}
.icon-button i {
  border-right: 1px solid #014d7f;
  padding-right: .75rem;
  margin-right: .5rem;
}
.icon-button.alt {
  background: #2fb4e6;
}
.icon-button.alt i {
  border-right: 1px solid #2fb4e6;
}
.icon-button.orange-button {
  color: #014d80;
  background: #ffffff;
  border-color: #ffffff;
}
.icon-button.orange-button:hover {
	opacity: 0.75;
}
.icon-button.blue-button {
  color: #014d80;
  background: #ffffff;
  border-color: #ffffff;
}
.icon-button.blue-button:hover {
  background-color: #36709b;
  border-color: #36709b;
}
.icon-button.medium-button {
  padding: 1rem 1.25rem;
  font-size: 2.0rem;
}
.icon-button.large-button {
  padding: 1rem 2rem;
  font-size: 2.5rem;
}
.icon-button.xlarge-button {
  padding: 1.5rem 2rem;
  font-size: 3.5rem;
}

.frm_style_formidable-style.with_frm_style .frm_submit button.icon-button {
  display: inline-block;
  height: auto;
  width: fit-content;
  min-width: 4.0rem;
  line-height: 1.5rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  line-height: normal;
  text-align: center;
  background: #2fb4e6;
  border-width: 1px;
  border-color: #2fb4e6;
  border-style: solid;
  color: #ffffff !important;
  font-weight: 700;
  -moz-border-radius: .5rem;
  -webkit-border-radius: .5rem;
  border-radius: .5rem;
  text-shadow: none;
  padding: .75rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}
.frm_style_formidable-style.with_frm_style .frm_submit button.icon-button:hover {
  background-color: #004d80;
  border-color: #004d80;
}
.frm_style_formidable-style.with_frm_style .frm_submit button.icon-button.blue-button {
  color: #ffffff;
  background: #004d81;
  border-color: #004d81;
}
.frm_style_formidable-style.with_frm_style .frm_submit button.icon-button.blue-button:hover {
  background-color: #36709b;
  border-color: #36709b;
}
.frm_style_formidable-style.with_frm_style .frm_submit button.icon-button.large-button {
  padding: 1rem 2rem;
  font-size: 2.5rem;
}

.frm_style_simple-style.with_frm_style .frm_submit button.icon-button {
  display: inline-block;
  height: auto;
  width: fit-content;
  min-width: 4.0rem;
  line-height: 1.5rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  line-height: normal;
  text-align: center;
  background: #2fb4e6;
  border-width: 1px;
  border-color: #2fb4e6;
  border-style: solid;
  color: #ffffff;
  font-weight: 700;
  -moz-border-radius: .5rem;
  -webkit-border-radius: .5rem;
  border-radius: .5rem;
  text-shadow: none;
  padding: .75rem;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: 0;
}
.frm_style_simple-style.with_frm_style .frm_submit button.icon-button:hover {
  background-color: #bb7251;
  border-color: #bb7251;
}
.frm_style_simple-style.with_frm_style .frm_submit button.icon-button.blue-button {
  color: #ffffff !important;
  background: #004d81;
  border-color: #004d81;
  box-shadow: none;
}
.frm_style_simple-style.with_frm_style .frm_submit button.icon-button.blue-button:hover {
  background-color: #36709b;
  border-color: #36709b;
}
.frm_style_simple-style.with_frm_style .frm_submit button.icon-button.large-button {
  padding: 1rem 2rem;
  font-size: 2.5rem;
}

.partner-button {
  background: #004d81;
  color: #ffffff;
  font-style: italic;
  font-weight: 400;
  padding: .75rem;
  display: inline-block;
  width: fit-content;
  font-size: 1.5rem;
  text-decoration: none;
  min-width: 4.0rem;
  text-align: center;
  line-height: 1.5rem;
  border: 1px solid #004d81;
  border-radius: 0;
  font-family: 'Roboto Condensed', sans-serif;
  transition: all 0.5s ease;
}
.partner-button:hover {
  background-color: #36709b;
  border-color: #36709b;
}
.partner-button i {
  padding-right: .75rem;
  margin-right: .5rem;
}
.partner-button.medium-button {
  padding: 1.5rem 2rem;
  font-size: 1.8rem;
}
.partner-button.large-button {
  padding: 2.25rem 2rem;
  font-size: 2.5rem;
}
.partner-button.w100 {
  width: 100%;
}

.regular-button {
  background-color: #004d81;
  color: #ffffff;
  font-style: italic;
  font-weight: 400;
  padding: .75rem;
  display: inline-block;
  width: fit-content;
  font-size: 1.5rem;
  text-decoration: none;
  min-width: 4.0rem;
  text-align: center;
  line-height: 1.25em;
  border: 1px solid #004d81;
  border-radius: 0;
  font-family: 'Bitter', serif;
  transition: all 0.5s ease;
}
.regular-button:hover {
  background-color: #36709b;
  border-color: #36709b;
}
.regular-button.large-button {
  padding: 2.25rem 2rem;
  font-size: 2.5rem;
}
.regular-button.xlarge-button {
  padding: 5rem 4rem;
  font-size: 4rem;
  line-height:1em;
}
.regular-button.orange-button {
  background-color: #004d80;
  border-color: #004d80;
}
.regular-button.orange-button:hover {
  background-color: #3693b6;
  border-color: #3693b6;
}
.regular-button.brown-button {
  background-color: #2fb4e6;
  border-color: #2fb4e6;
}
.regular-button.brown-button:hover {
  background-color: #bb7251;
  border-color: #bb7251;
}
.regular-button.w100 {
  width: 100%;
}

.regular-button i {
  margin-right:15px;
}

.button, input[type="button"], input[type="reset"], input[type="submit"] {
  background: #127ec1;
  color: #ffffff;
  font-style: italic;
  font-weight: 400;
  padding: .75rem;
  display: inline-block;
  width: fit-content;
  font-size: 1.5rem;
  text-decoration: none;
  min-width: 4.0rem;
  text-align: center;
  line-height: 1.5rem;
  border: 1px solid #127ec1;
  border-radius: 0;
  padding-right: 1rem;
  font-family: 'Roboto Condensed', sans-serif;
  transition: all 0.5s ease;
}
.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  background-color: #36709b;
  border-color: #36709b;
  color:#FFFFFF;
}

.shortcode-button {
  display: block;
  margin-bottom: 20px;
}

/*------------------------------------*\
    ACCORDION
\*------------------------------------*/
.accordion {
  background-color: white;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 24px;
  transition: 0.4s;
  border-bottom: solid 2px #127ec1;
}
.accordion:first-of-type {
  border-top: solid 2px #127ec1;
}
.accordion .active, .accordion:hover {
  background-color: #e5f3fb;
}
.accordion:before {
  content: '\002B';
  color: #004d80;
  font-weight: bold;
  float: left;
  margin-right: 15px;
}
.accordion-active:before {
  content: '\2212';
  color: #004d80;
  font-weight: bold;
  float: left;
  margin-right: 15px;
}
.accordion-active {
  background-color: #cce5f3;
  border-top: solid 2px #127ec1;
  border-bottom: solid 2px #127ec1;
}
.accordion-active:first-of-type {
  border-top: solid 2px #e5f3fb;
}
.panel {
  padding: 0 18px;
  background-color: #e5f3fb;
  border-bottom: solid 2px #127ec1;
  margin-bottom: 0 !important;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  display:none;
}
button.accordion:hover {
  opacity: 1;
}

/*------------------------------------*\
    COLORS
\*------------------------------------*/
.font-white {
  color: #ffffff;
}
.font-orange {
  color: #004d80;
}
.font-orange-light {
  color: #fbb040;
}
.font-brown {
  color: #2fb4e6;
}
.font-blue {
  color: #004d81;
}
.font-blue-light {
  color: #2fb4e6;
}

.bg-white {
  background: #ffffff;
}
.bg-orange {
  background: #004d80;
}
.bg-orange-light {
  background: #2fb4e6;
}
.bg-brown {
  background: #2fb4e6;
}
.bg-blue {
  background: #004d81;
}
.bg-blue-light {
  background: #2fb4e6;
}
.bg-red {
  background: #c13232
}

/*------------------------------------*\
    POSTS
\*------------------------------------*/
.single .container {
  display: flex;
}
/*#e18202
.single .post-title-wrapper {
  border-bottom: 3px solid #004d80;
  padding-bottom: 15px;
}
*/
.single .post-title {
  text-align:center;
  font-size: 5rem;
}

.single article {
  padding-top: 30px;
  padding-right: 5%;
  padding-left: 5%;
  padding-bottom: 30px;
  /* width: calc(95% - 220px); */
  width: 100%;
}
.single aside {
  margin-left: 30px;
  padding: 20px 20px 10px 35px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-left: 4px solid #127ec1;
  margin-top: 116px;
  height: 100%;
  width: 220px;
}
.single aside a {
  color: #2fb4e6;
  text-decoration: none;
}
.single aside a:hover {
  color: #bb7251;
}
.single aside h3 {
  color: #127ec1;
  font-size: 1.8rem;
  padding-bottom: 3px;
  width: fit-content;
  border-bottom: 2px solid #127ec1;
}
.single aside ul {
  list-style-type: none;
  padding-inline-start: 0;
}
.single aside ul li {
  padding-bottom: 8px;
}
.single aside ul li:last-of-type {
  padding-bottom: 0;
}
.single .container {
  /* padding-bottom: 45px; */
}
.single .meta-container {
  color: #2fb4e6;
  font-weight:bold;
  padding:8px 12px;
  font-size: 1.5rem;
  font-style:italic;
  background-color: #e5f3fb;
  border-radius: 20px;
  justify-content: space-between;
  margin-bottom:30px;
}
.single .meta-container .column {
  flex-grow: 0;
  flex-basis: auto;
}
.comments h3 {
  color: #004d80;
  font-weight: 400;
  font-size: 2.2rem;
  font-style: italic;
}
.comments label {
  display: block;
  padding-bottom: 10px;
}
.comments textarea {
  display: block;
}

/*------------------------------------*\
    HEADER
\*------------------------------------*/
header {
  padding: 4.0rem 2.0rem;
  position: fixed;
  transition: 300ms;
  background-color: #ffffff;
  width: 100%;
  z-index: 10;
}
header div.logo {
  float: left;
  padding-bottom: 15px;
}
header nav.nav {
  float: right;
  clear: both;
}
header nav.subnav {
  float: right;
  clear: both;
}
.header.floating-header {
  border-bottom: 8px solid #0071BC;
  padding: 15px 2.0rem 0 2.0rem;
  top:0;
}
.header-container {
  padding: 0 20px 0 20px;
}

.subnav-wrapper {
  float: right;
  display: flex;
}
.nav-wrapper {
  float: right;
  clear: right;
}

/* logo */
.logo {
  display: flex;
  justify-content: space-between;
}
.logo img {
  width:95%;
  height:auto;
}
.logo a {
  /* flex: 1; */
  margin-right: 30px;
}

/* google translate */
#google_translate_element {
  margin-right: 10px;
}
#google_translate_element img {
  display: initial;
}

/* header */
#mega-menu-wrap-header-menu #mega-menu-header-menu {
  font-family: 'Roboto Condensed', sans-serif;
}
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {
  margin-left: 10px;
}

/*
#mega-menu-wrap-header-menu .mega-sub-menu > li.mega-menu-item.mega-current_page_item > a.mega-menu-link  {
  color: rgb(2, 113, 188) !important;
}
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	color: #004d81;
}
*/

/*
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current_page_item > a.mega-menu-link {
  border-bottom: 2px solid #004d80;
}
*/

/* header secondary */
#mega-menu-wrap-header-secondary #mega-menu-header-secondary > li.mega-menu-item:last-child > a.mega-menu-link {
  border-left: 3px solid #2fb4e6 !important;
  padding-right: 0;
}
#mega-menu-wrap-header-secondary #mega-menu-header-secondary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
  color: #2fb4e6;
}
#mega-menu-wrap-header-secondary #mega-menu-header-secondary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover {
  color: #004d80;
}
#mega-menu-wrap-header-secondary #mega-menu-header-secondary {
  padding-bottom: 8px;
}
#mega-menu-header-secondary a.mega-menu-link:before {
  font-size: 3rem !important;
  color: #004d81 !important;
}
#mega-menu-header-secondary li.mega-menu-item:first-child > a.mega-menu-link:before {
  content: url("https://harborlightcp.org/wp-content/themes/harborlight2018/img/icon-housing-30.png");
}
#mega-menu-header-secondary li.mega-menu-item:last-child > a.mega-menu-link:before {
  content: url("https://harborlightcp.org/wp-content/themes/harborlight2018/img/icon-donate-30.png");
}

/* responsive menu */
button#responsive-menu-button {
  float: right;
  right: 0px !important;
}
ul#responsive-menu:before {
  content: url(https://harborlightcp.org/wp-content/uploads/2018/09/harborlight-footer-logo.png);
  padding: 0 5%;
  display: block;
  margin-top: 30px;
  margin-bottom: 15px;
}
#responsive-menu-container {
  z-index: 99999 !important;
  border-right: solid 1px #005a96;
}
.logged-in.admin-bar ul#responsive-menu:before {
  margin-top: calc(30px + 46px);
}
#responsive-menu-container #responsive-menu li#responsive-menu-item-394.responsive-menu-current-item > .responsive-menu-item-link {
  background-color: inherit;
}
#responsive-menu-container #responsive-menu li#responsive-menu-item-394.responsive-menu-current-item > .responsive-menu-item-link:hover {
  background-color: #005a96;
}

/*------------------------------------*\
  PAGE DEFAULT
\*------------------------------------*/
.article-flex {
  display: flex;
}

.featured-image-img-area img {
  width:100%;
  height:auto;
}

.featured-image-bg-area {
  height:450px; 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
.featured-image-bg-area {
  height:250px; 
  }
}

.full-width-image-banner img {
  width:100%;
}

.default-main-content {

}

.default-content-divider {
  border-bottom: 1px solid #0071BC;
  margin-top:30px;
}


/*------------------------------------*\
  HOME / FRONT PAGE - BANNER
\*------------------------------------*/
.banner-wrapper {
  position: relative;
  overflow: hidden;
}
.banner-wrapper .flag {
  width: 0px;
  height: 0px;
  margin: 0px auto;
  position: absolute;
  top: 0px;
  right: 50%;
  z-index: 0;
  pointer-events: none;
  display: none;
}
.banner-wrapper .flag:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-left: 0px;
  top: 0px;
  position: absolute;
  border-left: 2500px solid transparent;
  border-top: 500px solid #ffffff;
  pointer-events: none;
}
.banner-wrapper .flag:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: 0px;
  position: absolute;
  margin-left: -2500px;
  border-bottom: 500px solid transparent;
  border-left: 2500px solid #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 1024px) {
  .banner-wrapper .flag {
    display: block;
  }
}
.banner-wrapper .banner {
  min-height: 720px;
  height: calc(100vh - 211px);
  background-position: center;
  background-size: cover;
  pointer-events: none;
}
.banner-wrapper .banner:after {
  background: rgba(0, 111, 188, 0.36);
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  display: block;
  top: 0px;
  left: 0px;
  pointer-events: none;
}
.banner-wrapper .banner-overlay {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 30px;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-wrapper .banner-overlay h1 {
  font-size: 5.0rem;
  font-weight: 700;
  color: #FFF;
  font-family: 'Bitter', serif;
  margin-bottom: 3.0rem;
}
.banner-wrapper .banner-overlay p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 3.5rem;
  font-weight: 300;
  color: #FFF;
  position: relative;
}
/* 
.banner-wrapper .banner-overlay p:after {
  content: '';
  position: relative;
  background: #2fb4e6;
  height: 1.25rem;
  width: 40%;
  display: block;
  left: 30%;
  top: 3.0rem;
}
*/
.banner-wrapper .banner-container {
	max-width: 900px;
}

/*------------------------------------*\
    HOME / FRONT PAGE
\*------------------------------------*/
.home h2 {
  color: #004d81; 
}
.home .housing-pages {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.home .housing-pages .container:first-child {
  padding-bottom: 40px;
}
.home .housing-pages h2 {
  font-family: 'Bitter', serif;
  font-style: italic;
  font-size: 4.0rem;
  font-weight: 400;
  color: #004d80;
}
.home .housing-pages p {
  font-size: 2.1rem;
  color: #231F20;
  font-weight: 300;
  font-family: 'Roboto Condensed', sans-serif;
}
.home .housing-pages .housing-page {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 0;
  padding-top: 100%;
  background-size: cover;
  background-position: center center;
	transition: all 0.5s ease;
}
.home .housing-pages a .housing-page:hover {
  opacity: 0.7;
}
.home .housing-pages .housing-page span {
  color: #FFF;
  font-size: 2.0rem;
  font-weight: 700;
  background: rgba(0, 77, 128, 0.75);
  font-family: 'Roboto Condensed', sans-serif;
  display: block;
  text-align: left;
  position: absolute;
  bottom: 1.0rem;
  width: 100%;
  margin-left: 7.5%;
  padding-left: 1.0rem;
  padding: 1.0rem 1.0rem .5rem .5rem;
}
.home .housing-pages .housing-page span:before {
  content: '';
  position: absolute;
  left: -.75rem;
  width: .5rem;
  height: 100%;
  background: #2fb4e6;
  top: 0rem;
}

.home .testimonial-section {
  padding-top: 5rem;
  padding-bottom: 5rem;
  overflow: hidden;
}
.home .testimonial-section h2 {
  font-family: 'Bitter', serif;
  font-style: italic;
  font-size: 4.0rem;
  font-weight: 400;
  color: #004d80;
}
.home .testimonial-section h3 {
  font-family: 'Bitter', serif;
  font-style: italic;
  font-size: 3.0rem;
  font-weight: 400;
  line-height: 1.25;
  color: #004d80;
}
.home .testimonial-section p {
	font-size: 2.1rem;
	color: #231F20;
	font-weight: 300;
	font-family: 'Roboto Condensed', sans-serif;
}
.home .testimonial-section .content-block {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.0rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3.0rem;
  padding-bottom: 3rem;
}
.home .testimonial-section .testimonial .left-column h3 {
  font-family: 'Bitter', serif;
  font-style: italic;
  font-size: 3.0rem;
  color: #004d80;
  font-weight: 400;
}
.home .testimonial-section .testimonial .left-column p {
  color: #231F20;
  font-weight: 300;
  font-size: 2.0rem;
  font-family: 'Roboto Condensed', sans-serif;
}
.home .testimonial-section .testimonial .right-column p {
  text-align: center;
  color: #231F20;
  font-family: 'Bitter', serif;
  font-size: 1.8rem;
}
.home .testimonial-section .testimonial .right-column p img {
  border-radius: 50%;
  border: 6px solid #2fb4e6;
  display: inline;
}
.home .testimonial-section .slick-prev, .home .testimonial-section .slick-next {
  position: absolute;
  display: block;
  height: 6.0rem;
  width: 6.0rem;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.home .testimonial-section .slick-prev:hover, .home .testimonial-section .slick-prev:focus, .home .testimonial-section .slick-next:hover, .home .testimonial-section .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.home .testimonial-section .slick-prev:hover:before, .home .testimonial-section .slick-prev:focus:before, .home .testimonial-section .slick-next:hover:before, .home .testimonial-section .slick-next:focus:before {
  opacity: 1;
}
.home .testimonial-section .slick-prev.slick-disabled:before, .home .testimonial-section .slick-next.slick-disabled:before {
  opacity: 1;
}
.home .testimonial-section .slick-prev:before, .home .testimonial-section .slick-next:before {
  font-family: "slick";
  font-size: 8.0rem;
  height: 6.0rem;
  width: 6.0rem;
  line-height: 6.0rem;
  display: block;
  color: #2fb4e6;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50%;
  border: 2px solid #2fb4e6;
}
.home .testimonial-section .slick-prev {
  left: -10.0rem;
}
[dir="rtl"] .home .testimonial-section .slick-prev {
  left: auto;
  right: -10.0rem;
}
.home .testimonial-section .slick-prev:before {
  content: "←";
}
[dir="rtl"] .home .testimonial-section .slick-prev:before {
  content: "→";
}
.home .testimonial-section .slick-next {
  right: -10.0rem;
}
[dir="rtl"] .home .testimonial-section .slick-next {
  left: -10.0rem;
  right: auto;
}
.home .testimonial-section .slick-next:before {
  content: "→";
}
[dir="rtl"] .home .testimonial-section .slick-next:before {
  content: "←";
}
.home .testimonial-section .slick-prev:before {
  content: "\f053";
  font-family: 'FontAwesome';
  font-size: 3rem;
  padding-right: 0.5rem;
}
.home .testimonial-section .slick-next:before {
  content: "\f054";
  font-family: 'FontAwesome';
  font-size: 3rem;
  padding-left: 0.5rem;
}
.home .testimonial-section .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.home .testimonial-section .slick-dots li {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.home .testimonial-section .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 30px;
  width: 30px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.home .testimonial-section .slick-dots li button:hover, .home .testimonial-section .slick-dots li button:focus {
  outline: none;
}
.home .testimonial-section .slick-dots li button:hover:before, .home .testimonial-section .slick-dots li button:focus:before {
  opacity: 1;
}
.home .testimonial-section .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 30px;
  height: 30px;
  font-family: "slick";
  font-size: 21px;
  line-height: 33px;
  text-align: center;
  color: #004d80;
  background: #004d80;
  border-radius: 50%;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.home .testimonial-section .slick-dots li.slick-active button:before {
  color: #2fb4e6;
  opacity: 1;
}

.home .bring-it-yimby {
  background: #004d81;
  padding-top: 5.0rem;
  padding-bottom: 5.0rem;
}
/*
.home .bring-it-yimby div.column.left {
  border-right: 0.25rem solid #2fb4e6;
  padding-right: 8.0rem;
}
*/

/** Before Bell Rung **/
.home .bring-it-yimby div.column.left .doorbell-section {
  display: flex;
  justify-content: center;
  align-items: center;
}
.home .bring-it-yimby div.column.left .doorbell-section p {
  font-family: 'Roboto Condensed', sans-serif;
  color: #FFFF;
  font-weight: 400;
  font-size: 2.5rem;
}
.home .bring-it-yimby div.column.left .doorbell-section .social-media-icons {
  margin: 0;
  padding-left: 0;
  padding-top: 7px;
}
.home .bring-it-yimby div.column.left .doorbell-section .doorbell-wrapper {
  padding-right: 50px;
}
.home .bring-it-yimby div.column.left .doorbell-section #doorbell {
  background-image: url("../../plugins/si-bring-it/media/doorbell-bringit.png");
  width: 200px;
  height: 380px;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  float: left;
}
.home .bring-it-yimby div.column.left .doorbell-section #button {
  background-image: url("../../plugins/si-bring-it/media/buttons.png");
  height: 97px;
  width: 97px;
  position: absolute;
  z-index: 2;
  top: 117px;
  left: 65px;
  background-position: 0 105px;
  border-radius: 50%;
}
.home .bring-it-yimby div.column.left .doorbell-section #button:hover {
  cursor: pointer;
}
.home .bring-it-yimby div.column.left .doorbell-section #rings-container h2 {
  font-size: 3.0rem;
  position: relative;
  font-family: 'Bitter', serif;
}
.home .bring-it-yimby div.column.left .doorbell-section #rings-container .first-panel, .home .bring-it-yimby div.column.left .doorbell-section #rings-container .second-panel {
  font-size: 30px;
  transition: opacity .2s ease-in-out;
}
.home .bring-it-yimby div.column.left .doorbell-section #rings-container .second-panel {
  display: none;
}
.home .bring-it-yimby div.column.left .doorbell-section #rings-container .second-panel ul {
  list-style-type: none;
  position: relative;
}
.home .bring-it-yimby div.column.left .doorbell-section #rings-container .second-panel ul li {
  display: inline-block;
}
.home .bring-it-yimby div.column.left .doorbell-section #rings-container h1, .home .bring-it-yimby div.column.left .doorbell-section #rings-container h2 {
  color: #FFF;
}
.home .bring-it-yimby div.column.left .doorbell-section .count h1 {
  font-size: 11.41rem;
  margin-bottom: 0 !important;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
}
.home .bring-it-yimby div.column.left .doorbell-section #rings-container {
  /*
  padding-right: 30px;
  width: 100%;
  */
}
.home .bring-it-yimby div.column.left .doorbell-section #rings-container .second-panel {
  opacity: 0;
}
.home .bring-it-yimby div.column.left .doorbell-section .show {
  opacity: 1 !important;
}
.home .bring-it-yimby div.column.left .doorbell-section .hide {
  opacity: 0 !important;
}

/** After Bell Rung **/
.home .bring-it-yimby div.column.left .doorbell-section.rung #button {
  background-position: 0 3px;
}
.home .bring-it-yimby div.column.left .doorbell-section.rung #button:hover {
  cursor: auto;
}
.home .bring-it-yimby div.column.left .doorbell-section.rung #rings-container .second-panel {
  display: block;
  opacity: 1;
}
.home .bring-it-yimby div.column.left .doorbell-section.rung #rings-container .first-panel {
  display: none;
  opacity: 0;
}
.home .bring-it-yimby div.right {
	padding-left: 6.0rem;
	margin-left: 5.5rem;
	/* border-left: 3px solid #fff; */
}
.home .bring-it-yimby div.right h2 {
  font-size: 4.0rem;
  font-family: 'Bitter', serif;
  color: #FFF;
}
.home .bring-it-yimby div.right p {
  color: #FFF;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
}

.home .citc {
  padding-top: 10.0rem;
  padding-bottom: 10.0rem;
  text-align: center;
}
.home .citc h2 {
  font-family: 'Bitter', serif;
  font-size: 4.0rem;
  font-weight: 400;
  font-style: italic;
  text-align: center;
}
.home .citc h3 {
  font-family: 'Bitter', serif;
  color: #004d80;
  font-size: 3.0rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.25;
}
.home .citc img {
  margin: auto;
}
.home .citc .container {
  max-width: 1000px;
}
.home .citc .content-block {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.0rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3.0rem;
  padding-bottom: 3rem;
}
.home .citc .content-block p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.0rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3.0rem;
}
.home .citc .is-half p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.0rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.5rem;
}

.home .support {
  padding-bottom: 10.0rem;
  text-align: center;
}
.home .support h2 {
  font-size: 4.0rem;
  font-style: italic;
  font-weight: 400;
  font-family: 'Bitter', serif;
  text-transform: uppercase;
}
.home .support h3 {
  font-size: 3.0rem;
  font-style: italic;
  font-weight: 400;
  font-family: 'Bitter', serif;
  color: #004d80;
  line-height: 1.25;
}
.home .support .content-block {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.0rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3.0rem;
  padding-bottom: 3rem;
}
.home .support .content-block p {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 2.0rem;
  font-style: normal;
  font-weight: 300;
  line-height: 3.0rem;
}
.home .support .container {
  max-width: 1000px;
}

.home .support-accordion {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
.home .support-accordion .video-player {
  position: relative;
}
.home .support-accordion .video-player a {
  display: block;
}
.home .support-accordion .video-player .video-button {
  border-radius: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.home .statistics {
  padding-bottom: 5.0rem;
  padding-top: 5.0rem;
  background-color: #004d81;
}
.home .statistics img {
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
  max-height: 114px;
}
.home .statistics .column {
  text-align: center;
}
.home .statistics .digit {
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 56pt;
  font-style: normal;
}
.home .statistics .digit#stat-number-3:after {
  content: "+";
}
.home .statistics h3 {
  font-family: 'Bitter', serif;
  color: #ffffff;
  font-size: 36pt;
  font-weight: 400;
  font-style: italic;
  margin: auto;
  max-width: 460px;
  text-align: center;
}

.home .blog {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.home .blog .section-header {
  line-height: 5.0rem;
  padding-bottom: 3.0rem;
}
.home .blog .section-header .column {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.home .blog .section-header img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.home .blog .section-header h2, .home .social-feeds .section-header h2 {
  font-style: italic;
  font-size: 4.2rem;
  font-family: 'Bitter', serif;
  font-weight: 400;
  text-align: center;
}
.home .blog .block img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.home .blog .block .block-content {
  background: #e5f3fb;
  padding: 2.0rem 2.0rem 3.0rem;
}
.home .blog .block .block-content h3 {
  font-size: 2.6rem;
  font-family: 'Roboto Condensed', sans-serif;
}
.home .blog .block .text-center {
  margin-top: -2rem;
}
.home .blog .block .text-center .icon-button {
  font-size: 2.2rem;
  position: relative;
  z-index: 1;
}
.home .sponsors {
  padding: 20px 0;
}
.home .sponsors-slide {
  padding: 0 20px
}
.home .sponsors-slide img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0px auto;
}

.home .donations_content {
  padding: 20px;
}

.home .donations_content ul {
  padding:0;
}

.home .donations_content li {
  list-style:none;
  border-bottom: #127ec1 solid 1px;
  font-size: 1.5em;
  padding: 15px 0;
}

.home .donations_content li a {
  text-decoration:none;
}

.home .who-needs-housing li {
  margin-bottom:15px;
}

.home .who-needs-housing li i {
  color:#fbb040;
}

.home .who-needs-housing img {
border: 5px solid white;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
}

.home .who-needs-housing ul, .home .who-needs-housing p {
  color:#FFFFFF; 
  font-size:2rem;
}

.home .social-feeds {
  background: #e5f3fb;
  padding-top:10rem; 
  padding-bottom: 10rem;
}

.home .social-feeds .social-boxes {
  font-size: 1.8rem!important;
}

.home .social-feeds .social-inner-box {
  background:#FFFFFF; 
  border-radius:10px;
  padding:20px;
}

.home .social-feeds .social-logo {
  text-align: center; 
  margin-top: -40px;
}

/* Style all font awesome icons */
.home .social-feeds .fab {
  font-size: 30px;
  width: 50px;
  line-height:50px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

/* Add a hover effect if you want */
.home .social-feeds .fab:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.home .social-feeds .fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.home .social-feeds .fa-twitter {
  background: #55ACEE;
  color: white;
}

/* Instagram */
.home .social-feeds .fa-instagram {
  background: #e1306c;
  color: white;
}



/*------------------------------------*\
    PAGE
\*------------------------------------*/
.page-banner {
  padding-bottom: 15px; width: 100%;
}
.page-wrapper {
  display: block;
  width: 95%;
  padding: 30px 0 50px 0;
}
.page-wrapper-thin {
  display: block;
  width: 75%;
  padding: 30px 0 50px 0;
}
.page-title {
  margin: 0;
  border-bottom: 3px solid #004d80;
}
.page-title-simple {
  color: #a84d11;
  font-size: 6.4rem;
  margin: 0;
  padding-top: 5px;
}

.page-title-wrapper {
  background-color:#004d80;
}

.page-title-wrapper .container {
  align-items:center;
  width:95%;
}

.page-title-wrapper .page-title-simple {
  color:#FFFFFF; 
  font-size: 2.25rem;
}

.page-title-wrapper .breadcrumbs-align {
  text-align:right; 
  width:100%;
}

@media screen and (max-width: 768px) {
  .page-title-wrapper .page-title-simple {
    text-align:center;
    margin-bottom:0;
    padding-bottom: 0;
  }
  .page-title-wrapper .breadcrumbs {
    text-align:center;
    margin-top:0;
    padding-top: 0;
  }
}

/*------------------------------------*\
  PAGE WITH SUBNAV
\*------------------------------------*/
.tertiary-nav-wrap {
  flex: 0 0 220px;
  margin-top: 51px;
  margin-left: 50px;
}
.tertiary-nav {
  padding: 10px 20px 10px 35px;
  background: #f5f5f5;
  border: 1px solid #ddd;
  border-left: 4px solid #127ec1;
}
.tertiary-nav a,
a.parent-breadcrumb {
  color: #2fb4e6;
  text-decoration: none;
}
.tertiary-nav a:hover,
a.parent-breadcrumb:hover {
  color: rgba(169, 79, 37, 0.7);
}
.tertiary-nav .page_item_has_children {
  position: relative;
}
.page_item_has_children i {
  position: absolute;
  left: -20px;
  top: 10px;
  font-size: 1.5rem;
  cursor: pointer;
  color: #b05931;
}
a.parent-breadcrumb {
  font-family: 'Roboto';
  font-size: 2rem;
}
.has-subnav-wrap {
  width: 100%;
}

ul.inner-nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-family: 'Roboto', sans-serif;
  font-size: 1.8rem !important;
}
.inner-nav li {
  padding: 7px 0;
}
.inner-nav li ul.children {
  font-size: 1.6rem;
}
.inner-nav li ul.children li {
  padding: 4px 0;
}
.inner-nav li ul.children li:last-of-type {
  padding-bottom: 0;
}
.inner-nav .current_page_item > a {
  color: #3c8ccb;
  font-weight: 600;
}
.inner-nav .current_page_item > a:hover {
  color: rgba(229, 153, 58, 0.7);
}
.page-gallery {
  background: #f5f5f5;
  border: 1px solid #DDD;
  padding: 20px;
}
.page-gallery img {
  width: calc(25% - 10px);
  float: left;
  margin: 5px;
}

ul.inner-nav ul.children {
  list-style-type: none;
  font-size: 1.6rem;
  padding-left: 10px;
  padding-top: 4px;
  display: none;
}
ul.inner-nav .current_page_item ul.children,
ul.inner-nav .current_page_parent ul.children,
ul.inner-nav .current_page_ancestor ul.children {
  display: block;
}
ul.inner-nav .current_page_item .page_item_has_children ul.children {
  display: none;
}
ul.inner-nav .current_page_ancestor ul.children .page_item_has_children.current_page_parent ul.children,
ul.inner-nav .current_page_ancestor ul.children .page_item_has_children.current_page_item ul.children {
  display: block;
}
ul.inner-nav .current_page_ancestor ul.children .page_item_has_children ul.children {
  display: none;
}

a.fixed-header-anchor {
  display: block;
  position: relative;
  top: -70px;
  visibility: hidden;
}

.header-padding {
  padding-top: 196px;
}

.single-gallery {
	margin-top: 30px;
	margin-bottom: 60px;
}

.single-gallery h2 {
	color: #004d81;
}

/*------------------------------------*\
    LANDING PAGE
\*------------------------------------*/
.landing-page .landing-banner .column {
  padding: 0;
}
.landing-page .landing-banner .landing-banner-image-column {
  padding-right: 50px;
}
.landing-page .landing-banner-image-column img {
  width: 100%;
}
.landing-page .landing-banner-heading-column {
  display: flex;
}
.landing-page .landing-banner-heading {
  /*
  display: flex;
  justify-content: center;
  flex-direction: column;
  */
  padding-top: 20px;
  padding-bottom: 20px;
}
.landing-page .landing-banner-heading h2 {
  color: #004d80;
  border-left: solid 10px #2fb4e6;
  padding: 0 25px 0 15px;
}

.landing-page .landing-banner-heading div {
  border-left: solid 10px #2fb4e6;
  padding: 0 25px 0 15px;
}

.landing-page .landing-banner-heading div * {
  color: #004d80;
	font-size: 2.5rem;
  font-family: 'Bitter', serif;
}

.landing-page .landing-banner-heading div p:first-of-type {
  margin-top: 10px;
}

.landing-page .landing-banner-heading div p:last-of-type {
  margin-bottom: 10px;
}

.landing-page .page-one {
  margin-top: 40px;
  margin-bottom: 50px;
}
.landing-page .page-one .title {
  color: #014d80;
  font-style: italic;
  font-weight: 400;
  transition: all 0.5s ease;
}
.landing-page .page-one .title:hover {
  color: black;
}
.landing-page .page-one .inner-wrapper {
  height: 100%;
  position: relative;
  padding-bottom: 50px;
}
.landing-page .page-one a {
  /*
  display: inline-block;
  text-decoration: none;
  */
}
.landing-page .page-one button {
  display: inline-block;
  position: absolute;
  bottom: 0;
}

.landing-page .page-row {
  margin-top: 40px;
  margin-bottom: 40px;
}
.landing-page .page-row a {
  /* display: inline-block; */
  text-decoration: none;
}
.landing-page .page-row img {
  padding-bottom: 25px;
}
.landing-page .page-row button {
  display: inline-block;
  /* position: absolute; */
  bottom: 0;
}
.landing-page .page-row .column {
  padding-bottom: 30px;
}
.landing-page .page-row .title {
  /* color: #004d80; */
  /* font-style: italic; */
  font-weight: 600;
}
.landing-page .page-row .inner-wrapper {
  height: 100%;
  position: relative;
  padding-bottom: 10px;
}
.landing-page .page-row article {
  height: 100%;
}

.landing-page .page-stack {
  margin-top: 40px;
  margin-bottom: 40px;
}
.landing-page .page-stack .columns {
  margin-bottom: 0;
}
.landing-page .page-stack .columns:nth-of-type(even) {
  flex-direction: row-reverse;
}
.landing-page .page-stack .column {
  padding: 0;
}
.landing-page .page-stack a.column {
  background-position: center;
}
.landing-page .page-stack .description {
  padding-bottom: 20px;
}
.landing-page .page-stack .inner-wrapper {
  height: 100%;
  position: relative;
  padding: 25px 35px;
  padding-bottom: 60px;
}
.landing-page .page-stack .title {
  color: #014d80;
  font-style: italic;
  font-weight: 400;
}
.landing-page .page-stack button {
  display: inline-block;
  position: absolute;
  bottom: 20px;
}

.landing-page .call-to-action-banner {
  background: #004d80;
  height: 350px;
  margin: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.landing-page .call-to-action-banner:after {
  content: "";
  background-image: url(https://devint.sperlinginteractive.com/clients/harborlight2018/wp-content/uploads/2019/01/banner-transparent.png);
  opacity: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}
.landing-page .call-to-action-banner h2 {
  color: #ffffff;
  font-size: 5.6rem;
  text-align: right;
}
.landing-page .call-to-action-banner .container {
  justify-content: center;
  overflow: hidden;
}
.landing-page .call-to-action-banner .title-column {
  border-right: 6px solid white;
  margin-right: 20px;
  padding-right: 25px;
}
.landing-page .call-to-action-banner .button-column {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

/*------------------------------------*\
    WHO WE ARE
\*------------------------------------*/
.who-we-are .page-row .title-alt {
  color: #ffffff;
  text-align: center;
}
.who-we-are .page-row .team-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 300px;
  background-size: cover;
  background-position: center;
}
.who-we-are .page-row .team-column .team-column-color {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  background: rgba(18, 126, 193, 0.4);
  padding: 1.5rem;
}
.who-we-are .page-row .team-description {
  color: #ffffff;
  font-weight: 400;
  text-align: center;
  padding: 20px 0 30px 0;
}
.who-we-are .page-row .team-column a {
  display: block;
}
.who-we-are .page-row .team-column button {
  display: block;
  margin: 0 auto;
  position: initial;
}

.partners-logos .partner img {
  margin: 0 auto;
}

.partners-logos h2 {
  color: #014d80;
  font-size: 3.6rem;
  font-style: italic;
  font-weight: 400;
}
.partners-logos .partners {
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-bottom: 20px;
}
.partners-logos .partner {
  padding: 10px 20px;
}
.who-we-are .contact-us {
  margin-top: 30px;
  padding-right: 0;
  padding-left: 0;
  /* background: linear-gradient(to right, #004d80 0%, #004d80 50%, #014d80 50%, #014d80 100%); */
}
.who-we-are .contact-us .form-column {
  background-color: #0071BC;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.who-we-are .contact-us .form-column h2 {
  color: #ffffff;
}
.who-we-are .contact-us .form-column .inner-wrapper {
  padding: 40px 25px 10px 25px;
}
.who-we-are .contact-us .form-column  .frm_style_simple-style.with_frm_style label.frm_primary_label {
  color: #ffffff;
  padding-bottom: 5px;
}
.who-we-are .contact-us .form-column .frm_style_simple-style.with_frm_style p.description,
.who-we-are .contact-us .form-column .frm_style_simple-style.with_frm_style div.description,
.who-we-are .contact-us .form-column .frm_style_simple-style.with_frm_style div.frm_description,
.who-we-are .contact-us .form-column .frm_style_simple-style.with_frm_style .frm-show-form > div.frm_description,
.who-we-are .contact-us .form-column .frm_style_simple-style.with_frm_style .frm_error {
  color: #ffffff;
  padding-top: 3px;
}
.who-we-are .contact-us .jobs-column {
  background-color: #004d81;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover !important;
  background-position: center right !important;
}
.who-we-are .contact-us .jobs-column h3 {
  font-weight: 400;
}
.who-we-are .contact-us .jobs-column .inner-column-wrapper {
  padding: 30px 30px;
}
.who-we-are .contact-us .jobs-column .description {
  padding: 20px 0 50px 0;
}

/*------------------------------------*\
    WHY HOUSING MATTERS
\*------------------------------------*/
.quick-facts {
  padding-top: 50px;
  padding-bottom: 0px;
}
.quick-facts h2 {
  color: #2fb4e6;
  font-family: 'Bitter', serif;
  font-weight: 400;
  font-style: italic;
  padding-top: 20px;
}
.quick-fact {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  min-height: 300px;
  margin: 5px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.quick-fact p {
  font-family: 'Bitter', serif;
  font-style: italic;
}
.quick-fact.is-4 {
  width: calc(33.33333% - 10px);
}
.quick-fact.bg-white p {
  color: #2fb4e6;
}
.quick-fact.bg-white p.stat {
  color: #004d80;
}
.quick-fact.bg-orange p,
.quick-fact.bg-orange-light p,
.quick-fact.bg-brown p,
.quick-fact.bg-blue p,
.quick-fact.bg-blue-light p,
.quick-fact.bg-red p
{
  color: white;
}
.quick-fact canvas {
  max-width: 100%;
}
.quick-fact .inner-wrapper {
  /*
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  */
  text-align: center;
}
.quick-fact .inner-wrapper .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.quick-fact .stat {
  font-family: 'Bitter';
  font-size: 6rem;
  font-style: initial;
  font-weight: 700;
  line-height: 0;
  margin: 40px auto;
}
.quick-fact .stat-alt {
  font-family: 'Bitter';
  font-size: 4.5rem;
  font-style: initial;
  font-weight: 700;
  line-height: 0;
  margin: 30px auto;
}
.rental-units-image {
  display: inline;
  width: 200px;
}

/* contributions */
.contributions {
	padding: 5% 0;
	text-align: center;
}
.contributions h2 {
  color: #2fb4e6;
	font-size: 4.4rem;
  font-style: italic;
}
.contributions p {
	font-size: 2.2rem;
  padding: 15px 0 25px 0;
}

/*------------------------------------*\
    HOUSINGS
\*------------------------------------*/
.page-template-template-housing .landing-banner {
  margin-bottom: 70px;
}
.page-template-template-housing .landing-page .page-row {
  margin-top: 20px;
}

.single-housing-bottom {
	margin: 0 auto;
}

.single-housing iframe {
  max-width:100%;
}

/*------------------------------------*\
    NEWS & HCP REPORTS
\*------------------------------------*/
.news-hcp-reports .page-row {
  margin-bottom: 30px;
}
.news-hcp-reports .date {
  color: #004d80;
  float: left;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 400;
  font-family: 'Bitter', serif;
  margin-top:8px;
  padding: 2px 20px;
  background: #e5f3fb;
  border-radius: 20px;
}

.news-hcp-reports .news-icon {
  width:100px;
  float:right;
}

.event-post-heading {
  color:#004d81!important;
}

.pagination {
  justify-content: center;
  padding-bottom: 50px;
}
.pagination i {
  color: #004d81;
  font-size: 4.6rem !important;
  font-style: initial;
}
.pagination .page-numbers {
  color: #004d80;
  font-size: 2.8rem !important;
  font-style: italic;
  padding-right: 10px;
  padding-left: 10px;
  text-decoration: none;
}
.pagination .prev {
  padding-right: 5px;
}
.pagination .next {
  padding-left: 10px;
}
.pagination .prev,
.pagination .next {
  color: #127ec1;
  font-style: initial;
}
.pagination .current {
  text-decoration: underline;
}

/* -- News and Events Listing Page -- */
.news-hcp-reports .news-panel {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
  border:solid 1px #efefef; 
  padding: 20px;
  margin-bottom: 20px!important;
}

.news-posts-column .news-panel {
  height:100%;
}

.news-posts-column .column {
  margin-bottom:25px;
}

.news-hcp-reports .page-row .column {
  padding-top: 0;
  padding-bottom:0;
}

@media screen and (min-width: 768px) {
  .news-hcp-reports .news-posts-column {
    padding-right: 20px;
  }

  .events-posts-column {
    border-left: solid 1px #127ec1;
  }

  .news-hcp-reports .events-posts-column {
    padding-left: 20px;
  }
}


/*------------------------------------*\
    HCP FACTS
\*------------------------------------*/

.facts {
  padding-top: 30px;
  padding-bottom: 100px;
}
.facts h2 {
  color: #2fb4e6;
  font-family: 'Bitter', serif;
  font-weight: 400;
  font-style: italic;
  padding-top: 20px;
}
.fact {
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  min-height: 300px;
  margin: 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.fact p {
  font-family: 'Bitter', serif;
  font-style: italic;
}
.fact.is-4 {
  width: calc(33.33333% - 10px);
}
.fact.bg-white p {
  color: #2fb4e6;
}
.fact.bg-white p.stat {
  color: #004d80;
}
.fact.bg-orange p,
.fact.bg-orange-light p,
.fact.bg-brown p,
.fact.bg-blue p,
.fact.bg-blue-light p, 
.fact.bg-red p{
  color: white;
}
.fact canvas {
  max-width: 100%;
}
.fact .inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.fact .inner-wrapper .column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.fact .stat {
  font-family: 'Bitter';
  font-size: 8rem;
  font-style: initial;
  font-weight: 700;
  line-height: 0;
  margin: 40px auto;
}
.fact .stat-alt {
  font-family: 'Bitter';
  font-size: 8rem;
  font-style: initial;
  font-weight: 700;
  line-height: 0;
  margin: 30px auto;
}
.rental-units-image {
  display: inline;
  width: 200px;
}

/*------------------------------------*\
    HCP TEAM
\*------------------------------------*/

.team-members {
  padding-top: 30px;
}
.team-member .member-name {
	font-weight: 700;
	margin-bottom: 0;
}
.team-member .member-title {
	font-style: italic;
	margin-top: 0;
    margin-bottom: 10px;
}

.team-member {
  padding-bottom:20px;
}

/*------------------------------------*\
    DONATE
\*------------------------------------*/
.donate-banner {
  padding-right: 0;
  padding-left: 0;
}
.donate-banner .column:last-of-type {
  align-self: center;
}
.donate-banner .donate-photo {
  display: flex;
  align-items: center;
  height: 100%;
}
.donate-banner .donate-text {
  padding: 0 50px;
}
.donate-banner .donate-text h2 {
  font-family: 'Bitter', serif;
  font-style: italic;
  font-size: 3.0rem;
  font-weight: 400;
  color: #2fb4e6;
  padding-bottom: 15px;
}

.donate .the-content-container {
  padding: 5rem 0 5rem 0;
}

.donor-section {
  overflow: hidden;
  padding-top: 30px;
}

.donate .stats-title {
  color: #2fb4e6;
  font-family: 'Roboto Condensed', sans-serif;
}

.donate .stats-dollar-amount {
  color: #2fb4e6;
  font-family: 'Bitter', serif;
  font-size: 5.8rem;
  font-style: italic;
  margin: 5px 0;
}

.donate .stats-dollar-amount:before {
  content: '$';
}

.donate-stats .chart-wrapper {
  margin: 0 auto;
  width: 360px;
}

.donate-stats .inner-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.donors h3 {
  font-family: 'Bitter', serif;
  font-style: italic;
  font-size: 3.0rem;
  color: #2fb4e6;
  font-weight: 400;
}

/* embed form */
div#dafdirectdiv { 
  width: 200px;
  margin: auto;
}

/* donor section */
.donor-section .donor .right-column p img {
  border-radius: 50%;
  border: 6px solid #2fb4e6;
  display: inline;
}
.donor-section .slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.donor-section .slick-dots li {
  position: relative;
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.donor-section .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 30px;
  width: 30px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.donor-section .slick-dots li button:hover, .home .testimonial-section .slick-dots li button:focus {
  outline: none;
}
.donor-section .slick-dots li button:hover:before, .home .testimonial-section .slick-dots li button:focus:before {
  opacity: 1;
}
.donor-section .slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 30px;
  height: 30px;
  font-family: "slick";
  font-size: 21px;
  line-height: 33px;
  text-align: center;
  color: #2fb4e6;
  background: #2fb4e6;
  border-radius: 50%;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.donor-section .slick-dots li.slick-active button:before {
  color: #2fb4e6;
  opacity: 1;
}

.donate .donor-tabs {
  padding-top: 30px;
}
.donate .tab {
  overflow: hidden;
  background-color: #004d80;
}
.donate .tab button {
  background-color: inherit;
  color: #fff;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 24px 40px;
  transition: 0.3s;
  font-size: 17px;
}
.donate .tab button:hover {
  background-color: #29ABE2;
}
.donate .tab button.active {
  background-color: #29ABE2;
}
.donate .tabcontent {
  display: none;
  padding: 60px 30px;
}
.donate #Donate .frm_forms {
  max-width: 1200px;
  margin: auto;
}

.with_frm_style .frm_inline_box {
  color: black!important;
  font-size: 100%!important;
}


/*------------------------------------*\
    LIVE STREAM
\*------------------------------------*/

.donation-meter-wrap {
    height: 50px;
    margin-top: 20px;
    /* max-width: 340px; */
    text-align: center;
}

.donation-meter-wrap h2 {
    margin: 0;
}

.donation-meter .glass {
    background: #e5e5e5;
    border-radius: 100px 100px 100px 0;
    display: block;
    height: 30px;
    margin: 0 35px 10px;
    padding: 5px;
    position: relative;
    width: 100%;
}

.donation-meter .amount {
    background: #f34e54;
    border-radius: 100px;
    display: block;
    width: 20px;
    position: absolute;
    bottom: 5px;
    height: 20px;
    transition: width .3s ease-in-out;
}

.donation-meter strong {
    display: block;
    text-align: center;
}



.donation-meter .total {
    font-size: 16px;
    position: absolute;
    /* right: 35px; */
    transition: left .3s ease-in-out;
    bottom: -36px;
}

.bulb {
    background: #e5e5e5;
    border-radius: 100px;
    display: block;
    height: 60px;
    margin: 0 35px 10px;
    padding: 5px;
    position: relative;
    top: -55px;
    left: -50px;
    width: 60px;
}

.bulb .red-circle {
    background: #f34e54;
    border-radius: 100px;
    display: block;
    height: 50px;
    width: 50px;
}

.bulb .filler {
    background: #f34e54;
    border-radius: 0 100px 100px 0;
    display: block;
    height: 20px;
    width: 20px;
    position: relative;
    top: -35px;
    left: 85%;
    z-index: 30;
}


/*------------------------------------*\
    CONTACT
\*------------------------------------*/
.page-template-template-contact .contact-accordion {
  padding-bottom: 10.0rem;
}
.page-template-template-contact .contact-accordion .video-player {
  position: relative;
}
.page-template-template-contact .contact-accordion .video-player a {
  display: block;
}
.page-template-template-contact .contact-accordion .video-player .video-button {
  border-radius: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

/*------------------------------------*\
    BOARD
\*------------------------------------*/
.board-columns h2 {
  margin-bottom:0; 
  font-size: 2.2rem;
}

.board-columns p {
  font-style:italic; 
  margin-top:0;
}

/*------------------------------------*\
    DEVELOPMENT TEMPLATE
\*------------------------------------*/
.page-template-template-development h3 a {
  color: #004d80;
  font-size: 2.2rem;
  text-decoration: none;
  transition: all 0.5s ease;
}

.page-template-template-development h3 a:hover {
  color: #36709b;
}

.page-template-template-development .project-highlights li {
  color: #004d80;
  font-family: 'Roboto Condensed', sans-serif;
}

.page-template-template-development .project-highlights ul {
  list-style: none;
  padding: 0;
}

.page-template-template-development .project-highlights ul li::before {
  content: "\2022";
  color: #004d81;
  font-weight: bold;
  display: inline-block;
  padding-right: 10px;
}

.page-template-template-development .project-highlights p {
  display: none;
}

.page-template-template-development .project-highlights p:first-of-type {
  display: block;
}

.columns.development-project {
  border-bottom: 2px solid #127ec1;
  margin-top: 30px;
  padding-bottom: 30px;
  width: 100%;
}

.columns.development-project:last-of-type {
  border-bottom: none;
  padding-bottom: 30px;
  padding-bottom: 0;
}

.additional-project .column:last-of-type {
  max-width: 600px;
  margin: auto;
}

.additional-project {
  padding-top: 30px;
  border-top: 2px solid #127ec1;
  margin-top: 30px;
}

.additional-project h2 {
  color: #004d80;
  font-family: 'Bitter', serif;
  font-size: 3.6rem;
  font-style: italic;
  font-weight: 400;
  padding-bottom: 40px;
}

.additional-project .regular-button {
  width: 380px;
  border-radius: 20px;
  border: none;
  padding: 15px 20px;
  line-height: 1.25;
  font-style: initial;
  font-size: 2rem;
}

.additional-project .shortcode-button {
  display: inline-block;
}

.additional-project h3, .additional-project h4, .additional-project h5, .additional-project h6 {
  color: #2fb4e6;
}

.additional-project .slick-prev {
  left: 10px;
  z-index: 1;
}

.additional-project .slick-prev:before {
  content: "\f053";
  font: 40px/1 'FontAwesome';
  color: orange;
}

.additional-project .slick-next {
  right: 15px;
}

.additional-project .slick-next:before {
  content: "\f054";
  font: 40px/1 'FontAwesome';
  color: orange;
}


/*------------------------------------*\
    SINGLE DEVELOPMENT
\*------------------------------------*/
.single-development main#main {
  margin-bottom: 100px;
}

.single-development iframe {
  max-width:100%;
}

/*
.single-development h1 {
  color: #2fb4e6;
  padding: 25px 30px 85px 30px;
  text-align: center;
}
*/

.single-development .for-more-info {
  color: #2fb4e6; 
  padding-top: 20px;
  text-align: center;
}

.project-columns ul {
  padding-left: 20px;
}

/*
.project-columns li {
  padding-top: 20px;
}
*/

.project-columns li:first-of-type {
  padding-top: 0;
}

.project-columns .column:first-of-type {
  padding: 50px 100px;
}

.project-columns .column:last-of-type {
  background: #004d81;
  color: white;
  /* margin-top: -50px; */
  padding: 50px 100px;
}

.project-columns .column:last-of-type span {
color:#FFFFFF;
}

.project-columns .column:first-of-type h2 {
  color: #2fb4e6;
  margin-bottom: 20px
}

.project-columns .column:first-of-type h5 {
  color: #2fb4e6;
  font-weight: 400;
}

.project-columns .column:last-of-type h2 {
  margin-bottom: 35px;
}

#timeline {
  margin-bottom: 170px;
}

#timeline h2 {
  color: #2fb4e6;
  font-family: 'Roboto Condensed', sans-serif;
}

#timeline-container {
  position: relative;
}

.timeline li.current {
  background: #fff;
}

.timeline {
  width: 100%;
  height: 20px;
  margin-top: 40px;
  padding: 0 5%;
  list-style: none;
  text-align: justify;
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%, rgba(227,141,37,1) 98%, rgba(255,255,255,0) 77%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,0)), color-stop(98%, rgba(227,141,37,1)), color-stop(77%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%, rgba(227,141,37,1) 98%, rgba(255,255,255,0) 77%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%, rgba(227,141,37,1) 98%, rgba(255,255,255,0) 77%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%, rgba(227,141,37,1) 98%, rgba(255,255,255,0) 77%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 90%, rgba(227,141,37,1) 98%, rgba(255,255,255,0) 77%, rgba(255,255,255,0) 100%);
}

.timeline:after {display: inline-block; content: ""; width: 100%;}

.timeline li {
  display: inline-block;
  width: 36px;
  height: 36px;
  color: #2fb4e6;
  background: #004d81;
  border: 8px solid #004d81;
  text-align: center;
  line-height: 1.2;
  position: relative;
  -webkit-border-radius: 50%;
      border-radius: 50%;
}

.timeline li:after {
  display: inline-block;
  content: attr(data-text);
  font-size: 16px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-bottom: -25px;
  -webkit-transform: translate(-50%, 100%);
     -moz-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
       -o-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}


/*------------------------------------*\
    FORMIDABLE
\*------------------------------------*/
.frm_style_formidable-style.with_frm_style input[type='radio'] {
  border: 3px solid gray !important;
}
.frm_style_formidable-style.with_frm_style .frm_primary_label {
  color: #004d80;
}
.frm_style_formidable-style.with_frm_style input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -1px;
  left: -2px;
  position: relative;
  background-color: #fff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #2fb4e6;
}
.frm_style_formidable-style.with_frm_style input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -1px;
  left: -2px;
  position: relative;
  background-color: #ffa500;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #2fb4e6;
}
.frm_form_fields p {
  color: #2fb4e6;
}
.frm_html_container p {
  color: #2fb4e6;
  font-weight: 700;
  padding-top: 10px;
}


/*------------------------------------*\
    PLUGINS
\*------------------------------------*/

/* WP-PageNavi */
.wp-pagenavi {
  font-size: 1.6rem;
  text-align: center;
}
.wp-pagenavi span.pages {
  color: #2fb4e6;
}
.wp-pagenavi span.current {
  color: #127ec1;
}
.wp-pagenavi span.current {
  border-color: #127ec1;
}
.wp-pagenavi a:hover {
  border-color: #5da4d3;
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/
footer {
  background: #004d81;
  color: #FFF;
  overflow: hidden;
}
footer p {
  color: #FFF;
}
footer img.alignleft.footer-logo {
  margin: 0 auto 5px auto;
}
footer .widgets #nav_menu-2,
footer .widgets #nav_menu-3 {
  margin-top: 3.0rem;
}
footer .widgets #menu-footer-navigation-1 li,
footer .widgets #menu-footer-navigation-2 li {
  list-style-type: none;
}
footer .widgets #menu-footer-navigation-1 a,
footer .widgets #menu-footer-navigation-2 a {
  color: #FFF;
  font-size: 2.2rem;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 5.5rem;
}
footer .widgets #menu-footer-navigation-1 a:hover,
footer .widgets #menu-footer-navigation-2 a:hover {
  color: rgba(255,255,255,0.7);
}
footer .widgets #menu-footer-navigation-1 .sub-menu,
footer .widgets #menu-footer-navigation-2 .sub-menu {
  margin-left: 0px;
  padding-left: 0px;
}
footer .widgets #menu-footer-navigation-1 .sub-menu a,
footer .widgets #menu-footer-navigation-2 .sub-menu a {
  color: #FFF;
  font-size: 1.5rem;
  font-weight: 400;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 2.3rem;
}
footer .widgets #menu-footer-navigation-1 .sub-menu a:hover,
footer .widgets #menu-footer-navigation-2 .sub-menu a:hover {
  color: rgba(255,255,255,0.7);
}
footer .widgets .column {
  padding-bottom: 20px;
}
footer .widgets .newsletter {
  background-color: #f4f5ed;
  position: relative;
  z-index: 2;
}
footer .widgets .newsletter > div {
  background: #e5f3fb;
  padding: 3.0rem;
}
footer .widgets .newsletter:before {
  content: '';
  position: absolute;
  background: #e5f3fb;
  width: 9999em;
  height: 100%;
  top: 0;
  left: 0px;
  z-index: -1;
}
footer .widgets .newsletter h2 {
  color: #2fb4e6;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 4rem;
  font-style: initial;
  text-align: left;
}
footer .widgets .newsletter input[type="email"] {
  border: 2px solid #2fb4e6;
  border-radius: 1rem;
  padding: 1.0rem;
  display: block;
  font-size: 1.5rem;
  margin: 2rem 0px;
  width: 190px;
  float: left;
  clear: both;
}
footer .widgets .newsletter button[type="submit"] {
  float: left;
  clear: both;
}
footer .widgets .newsletter .frm_forms {
  margin-top: 2rem;
}
footer .widgets a {
  color: #FFF;
  text-decoration: none;
}
footer .widgets a:hover {
  color: rgba(255,255,255,0.7);
}
footer .column-left p {
  display: inline-block;
  line-height: 1.5;
  margin: 0;
  vertical-align: middle;
}
footer .column-left {
  margin-top: 10px;
}
footer .copyright {
  background-color: #0071BC;
  color: #FFF;
  font-size: 1.5rem;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  line-height: 6.6rem;
}
footer .copyright strong {
  font-weight: 700;
}
footer .copyright a {
  color: #FFF;
  text-decoration: none;
}
footer .copyright a:hover {
  color: rgba(255,255,255,0.7);
}
footer .copyright i {
  vertical-align: middle;
}
footer .copyright .columns:last-child {
  margin-top: 0;
  margin-bottom: 0;
}
footer .footer-area-1-inner-wrapper {
  border-right: 1px solid #FFF;
  margin-top: 3rem;
  padding-right: 3rem;
}

/*------------------------------------*\
    WP JOBS MANAGER (PLUGIN)
\*------------------------------------*/
.job_filters {
  background: #0064b6;
}
.job_filters .search_jobs {
  padding: 2em 4em;
}
.job_filters .search_jobs input,
.job_filters .search_jobs select {
  border-radius: 5px;
  font-size: 13px;
  height: 35px;
  padding: 10px;
}
.rp4wp-related-job_listing>ul li.job_listing,
.rp4wp-related-job_listing>ul li.no_job_listings_found,
ul.job_listings li.job_listing,
ul.job_listings li.no_job_listings_found {
  border: solid 1px #0064b6;
  border-top: none;
}
ul.job_listings li.no_job_listings_found.no_job_listings_found {
  border-bottom: 1px solid #0064b6;
}
.job_filters .job_types {
  border-top: 1px solid #0064b6;
  border-right: 1px solid #0064b6;
  border-left: 1px solid #0064b6;
  font-size: 13px;
}
.job_filters .job_types li {
  border-right: 1px solid #0064b6;
}
.job_filters .job_types li:last-child {
  border-right: 1px solid #0064b6;
}
.rp4wp-related-job_listing>ul, ul.job_listings {
  border-top: 1px solid #0064b6;
}
.job_filters .showing_jobs {
  border-top: 1px solid #0064b6;
  border-right: 1px solid #0064b6;
  border-left: 1px solid #0064b6;   
}
.job_listings input[type=checkbox],
.job_listings input[type=radio] {
  font-size: 16px;
  margin-right: 1px;
}
.job-manager-application-wrapper .application .application_button,
.single_job_listing .application .application_button {
  text-align: center;
  font-size: 1.6em;
  line-height: 0;
  display: inline-block;
  margin: 0;
  padding: 1.4em 2em;
  outline: 0;
}
.rp4wp-related-job_listing>ul li.job_listing a:focus,
.rp4wp-related-job_listing>ul li.job_listing a:hover,
.rp4wp-related-job_listing>ul li.no_job_listings_found a:focus,
.rp4wp-related-job_listing>ul li.no_job_listings_found a:hover,
ul.job_listings li.job_listing a:focus,
ul.job_listings li.job_listing a:hover,
ul.job_listings li.no_job_listings_found a:focus,
ul.job_listings li.no_job_listings_found a:hover {
  background-color: #f8f8f8;
}

/*------------------------------------*\
    EVENTS CALENDAR - TRIBE EVENTS (PLUGIN)
\*------------------------------------*/

.tribe-countdown-timer {
  text-align:center!important;
  display:inline-block;
}

.tribe-countdown-text {
  display: none!important;
}

.tribe-theme-harborlight2018 .page-title {
	display: none;
}
.tribe-theme-harborlight2018 .page-banner-wrapper {
	display: none;
}
.tribe-theme-harborlight2018 .breadcrumbs-wrapper.container {
	display: none;
  padding-bottom: 0;
}


.tribe-events-calendar thead th {
	background-color: #127ec1;
	border-left: 1px solid #e38c25;
	border-right: 1px solid #e38c25;
}
.tribe-events-calendar h3.entry-title.summary {
  color: #e38c25;
}
.tribe-events-calendar .tribe-event-duration {
	color: #2fb4e6;
}
#tribe-bar-form .tribe-bar-submit input[type=submit] {
	background: #2fb4e6;
}
#tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title {
  font-size: 1.6rem;
}
.tribe-events-tooltip .tribe-events-event-body {
  font-size: 1.4rem;
}
.tribe-event-description p {
  font-size: 1.4rem;
}

.single-tribe_events .tribe-events-single-event-title {
  font-size: 3.6rem;
}
.single-tribe_events .page-title {
	display: none;
}
.single-tribe_events .page-wrapper {
	margin-top: 0px;
	padding-top: 0px;
}
.single-tribe_events article {
	padding-top: 0!important;
  width: 100%;
}
.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
  color: #004d80;
}

.tribe-events-back {
  margin: 0 0 30px;
}
.tribe_events {
  padding-top: 5px;
}
.tribe-events-schedule {
  border-bottom: solid 3px #004d80;
  color: #2fb4e6;
  font-size: 1.2rem;
  padding-bottom: 20px;
  margin-bottom: 10px;
}
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group {
	font-size: 1.6rem;
	margin-bottom: 15px;
}
.tribe-events-meta-group .tribe-events-single-section-title {
	color: #2fb4e6;
	font-size: 2.2rem;
	margin-bottom: 15px;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
	background-color: #004d81;
}

.single-tribe_events article {
  padding-left: 0;
  padding-right: 0;
}

.single-tribe_events .page-wrapper {
  padding-left:0;
  padding-right:0;
  margin-left:0;
  margin-right:0;
  width:100%;
}

.single-tribe_events .tribe-events-single-event-title {
  text-align:center;
}

.single-tribe_events .tribe-events-schedule {
  text-align:center;
  border-bottom: none;
  margin-bottom: 0;
  font-size: 2em;
  line-height: 1.5em;
  color: #0071BC;
}

.single-tribe_events .tribe-events-single-event-title {
  color: #0071BC;
}

.single-tribe_events .tribe-events-schedule span {
  color: #0071BC;
}

.single-tribe_events .tribe-events-single {
  margin-top:60px;
}

.single-tribe_events .event-header-area {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  text-align:center;
}

.single-tribe_events .event-header-area img {
  margin: 0 auto 20px auto;
}

.event-background-image {
  padding:160px 60px 100px 60px;
  background-size:cover;
  background-repeat: no-repeat;
  background-position:center;
}

.tribe-events-back {
  display: none!important;
}

#tribe-events-content a {
  text-decoration: underline;
}


/*------------------------------------*\
    TABLEPRESS (PLUGIN)
\*------------------------------------*/
.tablepress th {
	font-size: 1.3rem;
}
.dataTables_filter {
	padding: 0 0 15px 0;
}
.dataTables_filter label {
  font-size: 1.3rem;
}
.dataTables_info {
  float: right !important;
}
.dataTables_wrapper {
  font-size: 1.3rem;
}
.dataTables_wrapper label input, .dataTables_wrapper label select {
  padding: 4px;
}
.tablepress strong {
  color: #29abe3;
}
.tablepress th {
  min-width: 140px;
}
.tablepress tfoot th, .tablepress thead th {
  background-color: #004d81 !important;
  color: white !important;
  opacity: 1;
}
.tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
  background-color: #29abe3 !important;
  color: white;
}

/*------------------------------------*\
    HISTORY
\*------------------------------------*/

.page-template-template-history .blue-box {
  background: #004d80;
  padding:20px;
  color:#FFFFFF;
}

.page-template-template-history .blue-box ul {
  color:#FFFFFF;
}

/*------------------------------------*\
    GLOSSARY
\*------------------------------------*/
.glossary-container .alphabet-nav {
  text-align:center;
}
.glossary-container .alphabet-nav a {
  font-size: 1.8rem;
  margin-right:15px;
  display: inline-block;
  margin-bottom: 30px;
}
.glossary-container h2 {
  padding-top: 175px; 
  margin-top: -175px;
  border-bottom: solid 1px #008ec2;
}

/*------------------------------------*\
    MISC
\*------------------------------------*/
.parent-children-sidebar{
  background-color: #e5f3fb;
  padding:30px 20px;
}

.header-alert-bar {
  background-color:#ff6060;
  padding:15px 30px;
  color:#FFFFFF;
}

.header-alert-bar p {
  margin: 0;
  text-align:center;
}

.header-alert-bar a {
  color:#FFFFFF;
  text-decoration: underline;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.video-player {
  position: relative;
}
.video-player a {
  display: block;
}
.video-player .video-button {
  border-radius: 50%;
  transform: translate(-50%,-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu img {
border: 5px solid white;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
}

.goog-te-gadget, .goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
  color: #FFF!important;
}

.phone_link, .phone_link:hover {
	text-decoration:none; 
	color:inherit;
}

/* Override jquery modal styles */
.jquery-modal.blocker {
  z-index: 10!important;
}

.jquery-modal.blocker .modal {
  overflow: visible;
  margin-top: 80px;
  margin-bottom: 80px;
}

.large-modal {
  max-width: 1000px!important;
}

/* Override Lightbox Styles */
.lb-data .lb-caption {
  color:#FFFFFF;
  font-size: 18px;
  line-height:30px;
}

.mega-search input[type=text] {
  margin-top:30px!important;
care plan}

#responsive-menu-container .hide-in-mobile {
  display:none;
}

/* Donation Form */
.donation_amt_section {
  background-color: #e5f3fb;
  padding: 20px;
  margin-bottom:20px!important;
  border-radius:4px;
}

.donation-no-pointer input {
  pointer-events:none;
}

#form_eventform1 #frm_field_229_container, #form_eventform1 #frm_field_205_container, #form_eventform1 #frm_field_206_container {
	display: flex;
	flex-direction: column;
	position: relative;
}

.donation_amt_number {
  display: flex;
  flex-direction: column;
  position: relative;
}

.donation_amt_number::before {
  content: "$";
  position: absolute;
  bottom: 16px;
  left: 3px;
  color: #A1A1A1;
  font-size: 1.2rem;
}

#form_eventform1 #frm_field_206_container::before {
	content: "$";
	position: absolute;
	bottom: 16px;
	left: 3px;
	color: #A1A1A1;
	font-size: 1.2rem;
}

#form_eventform1 #frm_field_205_container::before {
	content: "$";
	position: absolute;
	bottom: 35px;
	left: 3px;
	color: #A1A1A1;
	font-size: 1.2rem;
}

.creditcardlogos {
	font-size: 38px;
}

.section-header-with-lines {
  line-height: 5.0rem;
  padding-bottom: 3.0rem;
}
.section-header-with-lines .column {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.section-header-with-lines img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.section-header-with-lines h2 {
  font-style: italic;
  font-size: 4.2rem;
  font-family: 'Bitter', serif;
  font-weight: 400;
  text-align: center;
}

.container-thin {
  max-width:900px;
}

#more {
	display: none;
}

.annual_reports_blocks img {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
    border: solid 1px #efefef;
}

/* Hotfix for Housing CPT 
.housing-template-default .breadcrumbs {
display:none;
}
*/

/*------------------------------------*\
    TABS
\*------------------------------------*/
.faq-tabs {padding: 0 5%;}
.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; border: solid 1px #5da4d3; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.tab a { text-decoration:none; font-size: 20px; line-height: 2em; display: block; padding: 0 20px; outline: none; }
.tab a:hover { text-decoration: none; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 1px; border-color: #127ec1; }
.tab a.active { font-weight: bold; border-radius: 4px; }
.tab-container .panel-container { background: #fff; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width: 1132px) {

  /* header */
  .header {
    position: absolute;
  }
  .header-padding {
    padding-top: 236px;
  }
  .nav-wrapper {
    float: none;
  }
  header nav.nav {
    float: none;
  }

  /* mega menu */
  #mega-menu-wrap-header-menu #mega-menu-header-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

}

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

  /* HOME / FRONT PAGE */
  .home .testimonial-section,
  .home .bring-it-yimby,
  .home .citc,
  .home .support {
    text-align: center;
  }
  .home .bring-it-yimby div.column.left {
    padding-right: 0;
  }
  .home .bring-it-yimby div.column.right {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }
  .home .bring-it-yimby div.column.left .doorbell-section {
    margin-bottom: 30px;
  }
  .home .bring-it-yimby div.column.left .doorbell-section #doorbell {
    float: none;
    margin: 0 auto;
  }
  .home .bring-it-yimby div.column.left .doorbell-section .doorbell-wrapper {
    padding-right: 30px;
  }

	/* project columns */
  .project-columns .column:last-of-type {
    margin-top: 0;
  }

	/* landing banner */
  .landing-page .landing-banner .landing-banner-image-column {
    padding-right: 0;
  }
  .landing-page .landing-banner .landing-banner-heading-column {
    padding: 40px 20px 40px 20px;
  }

  /* donate */  
  .donate-banner .donate-text {
    padding: 50px 0 0 0;
  }

}

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

  /* header */
  #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 6px 0px 6px;
    font-size: 14px;
  }

}

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

  /* HEADER */
  header {
    padding: 2.0rem 2.0rem;
    position: initial;
  }
  header nav {
    float: none;
    clear: both;
  }
  header div.logo {
    float: none;
    padding-bottom: 0;
  }
  .header-padding {
    padding-top: 125px;
  }
  #mega-menu-wrap-header-menu {
    display: none;
    position: absolute;
    right: 25px;
    top: 60px;
    z-index: 5;
  }
  #mega-menu-wrap-header-secondary {
    display: none;
  }

  /* google translate */
  #google_translate_element {
    margin-right: 0;
    margin-bottom: 10px;
  }

}

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

  /* PAGE DEFAULT */
  .article-flex {
    flex-direction: column;
  }

  /* HOME / FRONT PAGE */
  .home .testimonial-section,
  .home .citc,
  .home .support {
    text-align: center;
  }
  .home .blog .block {
    padding-bottom: 50px;
  }
  .home .blog {
    padding-bottom: 0;
  }
  .home .citc {
    padding-bottom: 5rem;
  }
  .home .support {
    padding-bottom: 5rem;
  }
  .home .statistics .column {
    margin-bottom: 6.5rem;
  }
  .home .statistics .column:last-of-type {
    margin-bottom: 0;
  }

  /* LANDING PAGE */
  .landing-page .page-one,
  .landing-page .page-row,
  .landing-page .page-stack {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
  }
  .landing-page .page-row button,
  .landing-page .page-one button,
  .landing-page .page-stack button {
    position: initial;
  }
  .landing-page .page-stack img {
    margin: auto;
  }
  .landing-page .page-stack .column {
    padding: 0.75rem;
  }

  .landing-page .intro-image-column {
    padding-right: 0;
  }
  .landing-page .call-to-action-banner h2 {
  	font-size: 4.2rem;
  	text-align: center;
  }
  .landing-page .call-to-action-banner .title-column {
    border-right: 0px solid white;
    margin-right: 0;
    padding: 0 0 15px 0;
    display: flex;
    justify-content: center;
  }
  .landing-page .call-to-action-banner .button-column {
    display: flex;
    justify-content: center;
    flex-direction: row;
  }
  .landing-page .partner img {
    max-width: 300px;
    margin: auto;
  }

  /* PAGE WITH SUBNAV */
  .tertiary-nav-wrap {
    margin-top: 30px;
    margin-left: 0;
  }

  /* ACCORDION */
  .accordion:first-of-type {
    margin-top: 20px;
  }

  /* WHAT WE DO */
  .what-we-do .page-one .columns {
    display: flex;
    flex-direction: column-reverse;
  }

  /* WHO WE ARE */
  .partners-logos h2 {
    font-size: 4.2rem;
    text-align: center;
  }
  .who-we-are .contact-us .jobs-column {
    text-align: center;
  }
  
  /* WHY HOUSING MATTERS */
  .quick-fact.is-4 {
    width: calc(100% - 10px);
  }
  .page-template-template-why-housing-matters .landing-page .page-row {
		margin-top: 50px;
	}

  /* POSTS */
  .single article {
    width: 100%;
  }
  .single aside {
    width: 100%;
    margin: 30px 0 0 0;
  }
  .single .container {
    flex-direction: column;
  }

  /* FOOTER */
  footer .column {
    text-align: center;
  }
  footer ul {
    padding-left: 0;
  }
  footer .widgets .column {
    padding-top: 15px;
    padding-bottom: 0;
  }
  footer .widgets .column.footer-area-3 {
    padding-top: 0;
  }  
  footer .widgets .column.newsletter {
    margin-top: 30px;
    padding-top: 15px;
    padding-bottom: 25px;
  }
  footer .widgets #nav_menu-2, footer .widgets #nav_menu-3 {
    margin-top: 0;
  }
  footer .widgets .newsletter h2 {
    text-align: center;
  }
  footer .widgets .newsletter input[type="email"] {
    margin: 2rem auto;
    float: none;
  }  
  footer .widgets .newsletter button[type="submit"] {
    float: none;
    margin: 0 auto;
  }
  footer .frm_submit {
    text-align: center;
  }
  footer .footer-logo.alignleft {
    float: none;
  }
  footer .footer-area-1-inner-wrapper {
    border-right: none;
    padding-right: 0;
  }
  footer .frm_style_formidable-style.with_frm_style .frm_blank_field label,
  footer .frm_style_formidable-style.with_frm_style .frm_error,
  footer .frm_style_formidable-style.with_frm_style .frm_error_style {
    text-align: center;
  }

  /* EVENTS TRIBE */
	.tribe-theme-harborlight2018 .header-padding {
		padding-top: 150px;
	}

}

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

  /* DONATE PAGE */
  .donate-form .frm_hidden_container label {
    display: none !important;
  }

}

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

  /* HOME / FRONT PAGE */
  .home .bring-it-yimby div.column.left .doorbell-section {
    display: block;
  }
  .home .bring-it-yimby div.column.left .doorbell-section .doorbell-wrapper {
    padding-right: 0;
    padding-bottom: 20px;
  }
  .home .banner-wrapper .banner-overlay h1 {
  	font-size: 3.4rem;
  }

}

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

	/* HEADER */
	.header-container {
		padding: 0 0 0 0;
	}

  /* RESPONSIVE MENU */
  button#responsive-menu-button {
    width: 40px !important;
    height: 40px !important;
  }
  .responsive-menu-box {
    width: 22px !important;
  }
  .responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
    width: 22px !important;
  }

}