/*
Theme Name: Capitol Hill Village
Theme URI: http://capitolhillvillage.org
Version: 1.0
Description: A custom theme built by Yoko Co for Capitol Hill Village.
Author: Yoko Co
Author URI: https://www.yokoco.com
template: bb-theme
*/

/*---- Typography Overrides ----*/
html{ 
	font-size: 62.5%
}

body{
	font-size:1.6em;
}

h1{ font-size:3.6rem; }
h2{ font-size:3.0rem; }
h3{ font-size:2.7rem; }
h4{ font-size:2.4rem; }
h5{ font-size:2.0rem; }
h6{ font-size:1.8rem; }

p,
article div{ 
  font-size:1.8rem; 
}


/*---- Center the Nav elements ----*/

.fl-page-nav-bottom {
  text-align: center;
}

.fl-page-nav-bottom ul.nav {
  float: none;
}

.fl-page-nav-bottom ul.nav > li {
  display: inline-block;
  float: none;
}

.fl-page-nav-bottom ul.sub-menu {
  text-align: left;
}


/*---- Main Navigation ----*/
.fl-page-nav-bottom .fl-page-nav li:hover,
.fl-page-nav-bottom .fl-page-nav li.current-menu-item{
	background:#E7ECFF;
}

.fl-page-nav-bottom .fl-page-nav li:hover a,
.fl-page-nav-bottom .fl-page-nav li:hover .sub-menu a:hover,
.fl-page-nav-bottom .fl-page-nav li.current-menu-item a{
	color:#154171;
}

.fl-page-nav-bottom .fl-page-nav li:hover .sub-menu a,
.fl-page-nav-bottom .fl-page-nav li.current-menu-item .sub-menu a{
	color:#fff;
}


.fl-page-nav-bottom .fl-page-nav li .sub-menu li.current-menu-item a{
	color:#154171;
}

.fl-shrink-header-transition .fl-logo-img {
	max-width: 200px!important;
}

@media(min-width:768px){
	.fl-page-nav .navbar-nav li a{
		padding:15px 12px;
		font-size:1.3px;
		font-size:1.3rem;
	}
}

@media(min-width:900px){
	.fl-page-nav .navbar-nav li a{
		font-size:1.5px;
		font-size:1.5rem;
	}
}

@media(min-width:1080px){
	.fl-page-nav .navbar-nav li a{
		padding:15px 14px;
		font-size:1.7px;
		font-size:1.7rem;
	}
}

@media(min-width:1200px){
	.fl-page-nav .navbar-nav li a{
		padding:15px 17px;
	}
}

/*---- Bottom Nav Border color ----*/
.fl-page-nav-wrap{
	border:none;
}


/*---- Mobile Nav Toggle ----*/
@media only screen and (max-width: 767px){
	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
		background:#154171;
		color:#fff;
	}

	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle:hover{
		background:#677298;
	}

	.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle *{
		color:#fff;
	}
	/*=.fl-page-header-logo, .fl-logo-img {
		width: 150px;
	}=*/
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle * {
		padding-top: 20px;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-bottom .fl-page-header-content {
		display: none;
	}
}

/*---- Header Right Content on Shrink ----*/
@media(min-width: 768px){

	.fl-shrink-header .fl-page-header-content{
		display:flex;
		justify-content:flex-end;
		align-items:center;
	}

	.fl-shrink-header .fl-page-header-content .fl-page-header-text{
		margin:0 1.5em 0 0;
	}

}


/*---- Header Text ----*/
.fl-page-nav-bottom .fl-page-header-content .fl-page-header-text{
	font-size:2.6rem;
}

.fl-page-header-content .fl-social-icons{
	font-size:2rem;
}


/*---- Top Bar ----*/
.fl-page-bar-nav{
	padding-right:1em;
	padding-left:1em;
}

.fl-page-bar-container li a{
	font-size:1.6rem;
}


/*---- Text Shadow ----*/
.chv-shadow,
.chv-hero h1{
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
}

/*---- Accent Separator ----*/
.chv-divider .pp-line-separator-wrap{
	margin:0 auto;
	width:50%;
}


/*---- Footer Styles ----*/
footer .fl-social-icons a i.mono::before{
	color:#154a7c;
}

.chv-colophon{
	font-size:13px;
}

@media (max-width: 767px){
	.footer-nav-column-two {
		margin-top:-40px;
	}

}


/*---- Font Resizer ----*/
p.zeno_font_resizer{
	margin-bottom:0;
	font-size:1.8rem;
}


/*---- Button ----*/
.large-btn .fl-button-text{
	font-size:2rem;
}


/*---- Alert Bar ----*/
.yk-alert-bar{
	text-align:center;
	padding:5px 20px;
	margin-top: -5px;
}


/*---- Gravity Forms ----*/
body .gform_wrapper ul li.gfield{
	margin-top:26px;
}

.gfield_label{
	color:#154a7c;
	margin-bottom:0;
}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label{
	margin:10px 0 0 6px;
	font-weight:400;
}

.ginput_complex span label{
	color:#777;
}

.gform_footer input[type=submit]{
	color:#fff;
	padding-top:10px;
}