/*
Theme Name: GIH Custom Theme
Theme URI: https://www.gih.org
Version: 1.0
Description: A custom child theme for Beaver Builder. 
Author: Yoko Co
Author URI: https://www.yokoco.com
template: bb-theme
*/

@import url("base.css");


/*****************************************************************************/
/******************************* THE BASICS **********************************/
/*****************************************************************************/

/* Set your maximum container width here. Only use the customizer width to set the width for the header */

.fl-page-content .container {
	max-width: 1040px; 
}

/* Set this to the same as you set the content width in the customizer. */

.max-fix .fl-row-fixed-width {
	max-width: 1040px; 	
}


/* Define default accent background colors. */

.bg1 {
	background-color: #0B5E99; 
}

.bg2 .fl-row-content-wrap {
	background-color: #F6F9FB; 
}

.bg3 .fl-row-content-wrap, .bg3 {
	background-color: #FFFFFF; 
}

.fl-page-content a {
	font-weight: 500; 
}

/* Define button styles. */

button, input[type=button], input[type=submit], .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
	padding: 12px 24px;
	color: #fff; 
	border: 0px; 
	background: #8CC947;
	border: 3px solid #8CC947;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	font-weight: 700;
}

a.fl-button *, a.fl-button:visited *, .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * {
	color: #fff; 
	font-weight: 700;
}

button:hover, input[type=button]:hover, input[type=submit]:hover, a.fl-button:hover, .fl-builder-content a.fl-button:hover {
	color: #fff; 
	border: 0px; 
	background: #669234; 
	border: 3px solid #8CC947;
	font-weight: 700;
}

button:hover *, input[type=button]:hover *, input[type=submit]:hover *, a.fl-button:hover *, .fl-builder-content a.fl-button:hover * {
	color: #fff; 
	font-weight: 700;
}

.reverse button, .reverse input[type=button], .reverse input[type=submit], .fl-builder-content .reverse a.fl-button, .fl-builder-content .reverse a.fl-button:visited {
	background: rgba(0,0,0,0); 
	color: #8CC947; 
	border: 3px solid #8CC947;
}

.reverse button:hover, .reverse input[type=button]:hover, .reverse input[type=submit]:hover, .fl-builder-content .reverse a.fl-button:hover, .fl-builder-content .reverse a.fl-button:hover {
	background: rgba(140,201,71,0.3)
}

.reverse a.fl-button *, .reverse a.fl-button:visited *, .fl-builder-content .reverse a.fl-button *, .fl-builder-content .reverse a.fl-button:visited * {
	color: #8CC947; 
}

/********************** EVENT CAL EXPORT BUTTONS **************************/

tribe-events-cal-links {
	padding: 12px 24px;
	color: #fff; 
	border: 0px; 
	background: #8CC947;
	border: 3px solid #8CC947;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	font-weight: 700;
}


/*****************************************************************************/
/****************************** CORE STYLES **********************************/ 
/*****************************************************************************/

h6 {
	font-weight: 400; 
	color: #888; 
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #0B5E99; 
}

.icon-top .fl-icon {
    vertical-align: top;
	padding-top: 15px; 
}


/*****************************************************************************/
/******************************** OVERRIDES **********************************/
/*****************************************************************************/

.home-feature-row .fl-module-icon p > a {
	color: #8CC947!important; 
}

#tribe-bar-form .tribe-bar-submit input[type=submit] {
	background: #8CC947; 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}

/*****************************************************************************/
/********************************* HEADER ************************************/
/*****************************************************************************/

.fl-page-header-primary {
	position: relative; 
	z-index: 99; 
}

.fl-page-nav-right .fl-page-header-wrap .container {
	max-width: 100%; 
}

.fl-page-nav-right .fl-page-header-logo {
	margin-top: -35px; 
	max-height:100px;

}

.fl-page-header-fixed .fl-page-header-logo {
	margin-top: 0px; 
	max-height:100px;
}

.fl-page-nav-right.fl-page-header-fixed .fl-page-header-container.container, .fl-page-header-fixed .fl-page-header-container.container {
	padding: 0px; 
	max-height:100px;

}

.fl-page-nav-wrap {
	padding-right: 20px; 
}

.fl-page-nav-right .fl-page-header-wrap {
	border-bottom: 0px; 
}

.fl-page-bar-row .text-left {
	width: 15%;
}

.fl-page-bar-row .text-right {
	width: 85%;
}

.fl-page-bar .fl-social-icons i.fas, .fl-page-bar .fl-social-icons i.fab {
	margin-right: 2px; 
}

.fl-page-nav-search form {
	background-color: #fff; 
}

.fl-page-nav-search form input.fl-search-input {
	border-color: #ddd; 
	background-color: #fff; 
	color: #333!important; 
}

ul#menu-secondary-navigation {
	list-style-type: none; 
	text-align: right; 
}

ul#menu-secondary-navigation.menu {
	margin-bottom: 0px;
}

ul#menu-secondary-navigation li {
    display: inline-block;
}

ul#menu-secondary-navigation li + li {
	margin-left: 10px; 
}

ul#menu-secondary-navigation li a {
	color: #7D7D7D; 
	font-size: 13px; 
	font-weight: 400; 
}


ul#menu-secondary-navigation:after {
	clear: both; 
}

.custom-subtitle h3 {
	font-weight: 400; 
}

/* Sarah S. added this in hopes that it would work */
/* Tablet styles for navigations */

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

	.fl-page-nav-right .fl-page-header-logo {
		padding-left: 0px;
		padding-right: 40px;
		margin-left: -20px;
	}

	.fl-page-nav-right .fl-page-header-logo {
		margin-top: -60px;
	}
	
	.fl-page-header-logo {
    	text-align: left;
	}

	ul#menu-secondary-navigation {
		text-align: right;
		Padding: 0px 20px;
	}

	.fl-page-nav-right .fl-page-nav ul.navbar-nav {
		text-align: right;
		padding: 0px;
	}

	.fl-page-nav-right .fl-page-nav-wrap {
		margin-top: -45px;
		border-top: 0;
		padding: 15px;
	}

}


/*****************************************************************************/
/********************************* FOOTER ************************************/ 
/*****************************************************************************/

.footer-main .fl-row-content-wrap .menu .fl-has-submenu .sub-menu {
	display: none; 
}

.footer-sub {
	font-size: 13px; 
}

.footer-main .menu a {
	padding: 5px 0px;
}

.footer-main a:hover {
	text-decoration: underline; 
}

.footer-main h6 {
	text-transform: uppercase; 
	font-size: 14px; 
	opacity: 0.4; 
	font-weight: 400; 
}

footer input.fl-search-input.form-control {
    background: rgba(100,100,100,.40);
    border: none;
    border-radius: 0px;
    color: rgba(255,255,255,.5);
    padding: 10px 15px;
    height: 45px;
}


/*****************************************************************************/
/******************************* COMPONENTS **********************************/
/*****************************************************************************/

.sticky-post-row .fl-post-feed-more {
	padding: 10px 20px; 
	background: #8CC947; 
	color: #fff; 
	border-radius: 4px;  
	-moz-border-radius: 4px;  
	-webkit-border-radius: 4px; 
}

.fl-post-feed-terms a, .fl-post-grid-terms a {
	color: #999; 
	font-size: 14px; 
	font-weight: 400; 
}

.fl-module-sidebar .fl-module-content {
	padding: 20px 25px; 
	background: #F6F9FB; 
	border-radius: 6px;  
	-moz-border-radius: 6px;  
	-webkit-border-radius: 6px; 
}


.gray-cards .fl-row-content-wrap {
	background: #F6F9FB; 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	margin: 40px; 
	padding-top: 30px; 
	padding-bottom: 30px; 
}

.shadow-cards .fl-col-small:hover {
	background: #fff; 
	box-shadow: 0px 0px 12px rgba(0,0,0,0.1); 
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.1); 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}

.drop-shadow {
	box-shadow: 0px 0px 12px rgba(0,0,0,0.1); 
	-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.1); 
}

.invert .shadow-cards .fl-col-small:hover {
	color: #323232;	
}


.invert .shadow-cards .fl-col-small:hover a, .invert .shadow-cards .fl-col-small:hover h1 a,  .invert .shadow-cards .fl-col-small:hover h2 a, .invert .shadow-cards .fl-col-small:hover h3 a, .invert .shadow-cards .fl-col-small:hover h4 a, .invert .shadow-cards .fl-col-small:hover h5 a, .invert .shadow-cards .fl-col-small:hover h6 a {
	color: #0B5E99!important; 	
}

.search-results .fl-post-feed-content {
	color: #888; 
}

.invert.post-feed-list .fl-post-feed-meta {
	color: #fff; 
}

.post-feed-list h2.fl-post-feed-title {
	font-size: 18px; 
}

.post-feed-list .fl-post-feed-meta {
	display: inline-block; 
}

.post-feed-list .fl-post-feed-header {
	margin-bottom: 0px; 
	border-bottom: none;
}

.fl-post-feed-post {
	padding-bottom: 0px; 
	border-bottom: none;
}

.fl-post-grid-post {
	border: 0px; 
	background: rgba(255,255,255,0);
}

.fl-post-grid .fl-post-grid-post .fl-post-text, .fl-post-grid .fl-post-grid-post .fl-post-grid-text {
	padding: 20px 0px; 
}

.fl-post-grid-meta a {
	font-weight: 400; 
	color: #999; 
}

.blog-sidebar .fl-widget + .fl-widget {
	border-top: 1px solid #ddd; 
	padding-top: 30px; 
}

h2.widgettitle {
	font-size: 21px; 
}

.widget_recent_entries li + li {
	margin-top: 15px; 
}

.widget_recent_entries .post-date {
	display: block; 
	font-size: 13px;
	opacity: 0.5; 
}

.fl-module-sidebar .widget a {
    color: #8cc947;
    font-weight:500;
	font-size:14px;
}

.fl-module-sidebar a:hover {
    color: #295C94;
}

.post-meta-category, .post-meta-author, .fl-post-feed-meta {
	color: #888; 
}

.post-sharing {
	text-align: right; 
	color: #888; 
}

.preshare-text {
	display: inline; 
}

.addtoany_shortcode {
	float: right; 
	margin-left: 10px; 
}

.breadcrumbs {
	font-size: 13px; 
	color: #BDC8D8; 
}

.breadcrumbs a {
	font-weight: 700; 
	color: #8CC947!important; 
}

.facetwp-facet-title {
	font-weight: 400; 
	font-size: 16px; 
}

.facetwp-dropdown {
	width: 100%; 
	padding: 6px; 
}


.mobile-nav-search {
	margin-top: 10px; 
}

.mobile-nav-search label {
	width: 75%; 
	display: block; 
	float: left; 
	margin-right: 3px; 
}
.mobile-nav-search input[type=search] {
	
}


.mobile-nav-search button {
	background: rgba(0,0,0,0);
	padding: 6px 20px; 
	border: 0px; 
}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-col {
	padding: 0px; 
}

.fl-page-nav-wrap {
	padding: 0px; 
}

.fl-page-nav-collapse.navbar-collapse.in {
	margin-top: 10px; 
}

.yk-icon-container{
	color: #0B5E99;
	font-size: 35px;
    margin-top: 15px;
}
/*****************************************************************************/
/**************************** CUSTOM POST TYPES ******************************/
/*****************************************************************************/

.job-grid-list .fl-post-column {
	padding-bottom: 10px; 
	
}

.job-grid-list .fl-post-grid-post .fl-post-text {
	border-top: 3px solid #eee; 
	padding-top: 10px; 
}

.latest-podcasts .fl-post-grid .fl-post-grid-post .fl-post-grid-text {
	background-image: url('/wp-content/uploads/2019/01/microphone_icon.png');
	background-position: 0 20px;  
	background-repeat: no-repeat; 
	padding-left: 50px; 
	background-size: 40px;
}
.team-grid-title {
	margin-bottom: 12px; 
	opacity: 0.5; 
}

.bio-meta {
	font-weight: 400; 
}

.bio-meta h2, .bio-meta h3, .bio-meta h4, .bio-meta h5, .bio-meta h6 {
	font-weight: 400; 
}

.bio-meta h6 a {
	color: #8CC947; 
}

.w3eden .btn-primary {
    padding: 12px 24px;
    color: #fff;
    background: #8CC947;
    border: 3px solid #8CC947;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 700;
}

.w3eden .btn-primary:hover,
.w3eden .btn-primary:active,
.w3eden .btn-primary:focus {
	color: #fff;
    border: 0px;
    background: #669234;
    border: 3px solid #8CC947;
    font-weight: 700;	
}

.tribe-events-meta-group .tribe-events-single-section-title {
	font-size: 24px; 
}

.tribe-venue {
	font-weight: 700; 
}

.tribe-events-cal-links .tribe-events-button {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

#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: #555; 
}

.tribe-events-page-title {
	text-align: left; 	
}

.webinar-feed .ecs-wrap img {
	display: none; 
}

.webinar-feed h2.ecs-event-title {
	font-size: 24px; 
}

.webinar-feed .ecs-date {
	color: #999; 
	font-weight: 400; 
}

.webinar-feed .ecs-events.ecs-grid.ecs-grid-1 .ecs-event .ecs-date {
	font-weight: 400; 
}

.webinar-feed .ecs-events.ecs-grid.ecs-grid-1 .ecs-button a, .webinar-feed .ecs-events.ecs-grid.ecs-grid-2 .ecs-button a {
	background: rgba(0,0,0,0); 
	padding: 0px; 
	text-transform: none; 
	letter-spacing: 0px; 
	text-align: left; 
	color: #8CC947; 
	font-size: 16px; 
}

.webinar-feed .ecs-wrap {
	background-image: url('/wp-content/uploads/2019/01/webinar_icon.png');
	background-position: 0 0; 
	background-repeat: no-repeat; 
	padding-left: 60px; 
	background-size: 50px;
}

.fl-post-feed h2.fl-post-feed-title {
	font-size: 24px; 
}

.fl-builder-pagination-load-more .fl-button-wrap {
	text-align: left; 
}

.newsletter-sign-up-horizontal {
    background: #F6F9FB;
    padding: 40px;
}

.newsletter-sign-up-horizontal p {
	margin-bottom:0;
}

/*=== People and Staff ===*/

.staff-feed img.wp-post-image:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
    transition: .3s ease;
    opacity: .8;
}

.board-of-directors-feed img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

/*=== Jobs ===*/

.featured-job-posting a.fl-post-feed-more {
    padding: 12px 24px;
    color: #fff;
    background: #8CC947;
    border: 3px solid #8CC947;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 700;
}

.featured-job-posting a.fl-post-feed-more:hover {
	color: #fff;
    background: #669234;
    border: 3px solid #8CC947;
    font-weight: 700;
}

.featured-job-posting a.fl-post-feed-more:after {
    content: "\f061";
    padding-left: 10px;
    font-family: "fontawesome";
}


/*****************************************************************************/
/********************************** FORMS ************************************/
/*****************************************************************************/

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
	font-weight: 400; 
}

body .gform_wrapper ul li.gfield {
	margin-top: 20px;
}

.gform_wrapper {
    border: 1px solid #ddd;
    padding: 10px 18px 30px 32px;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
}

.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
	margin-top: 4px; 
}

.wp-block-separator {
    border-bottom: 2px solid #EEEEEE;
}

.yk-icon-container .taxonomy-hidden{
	display:none;
}

.yk-icon-container .yk-icon-set{
	text-align:center;
}

/*****************************************************************************/
/****************************** MEDIA QUERIES ********************************/ 
/*****************************************************************************/

@media screen and (min-width: 1024px) {
	.fl-page-nav-right .fl-page-header-row .fl-page-header-logo-col {
		width: 20%; 
	}
	.fl-page-nav-right .fl-page-header-row .fl-page-nav-col {
		width: 80%; 
	}
}


@media only screen and (max-width: 1140px) and (min-width: 992px) {
	.fl-page-nav .navbar-nav li>a {
		font-size: 15px; 
	}
	.fl-page-nav-right .fl-page-header-row .fl-page-header-logo-col {
		width: 12%; 
	}
	.fl-page-nav-right .fl-page-header-row .fl-page-nav-col {
		width: 88%; 
	}
}


@media only screen and (max-width: 1100px) and (min-width: 992px) {
}



/****************************** IPAD LANDSCAPE ********************************/ 

@media only screen and (max-width: 1024px) {
	
	.mobile-nav-search label {
		width: 75%;
		display: block;
		float: left;
		margin-right: 0;
		margin-left: 15px;
	}

	.mobile-nav-search label input.search-field {
		height: 40px;
	}

	.mobile-nav-search button {
		background: #132638;
		width: 15%;
		border: 0px;
		padding: 5px;
		font-size: 20px;
		margin-left: 3px;
		height: 40px;
	}

	.mobile-nav-search button i {
		color: #94a1cc;
	}
	
	.mobile-nav-search button:active, .mobile-nav-search button:focus {
    	background: #335372;
	}
	
	.mobile-nav-search button:active i,
	.mobile-nav-search button:focus i {
		color: #fff;
	}
	
}

@media only screen and (max-width: 992px) {	
	/*ul#menu-secondary-navigation {
		text-align: center; 
	}*/
	.fl-page-header-primary .fl-page-header-logo-col {
		text-align: left;
	}
	.fl-page-header-primary .fl-page-header-logo {
		display: inline-block;
	}
	.fl-logo-img {
		max-height:100px;
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav button.navbar-toggle {
		top: 21px;
	}
}


/********************************* BB MEDIUM **********************************/ 

@media only screen and (max-width: 1024px) {
	.trans-banner .fl-row-content-wrap {
		margin-top: 0px; 
	}
}




/****************************** IPAD PORTRAIT ********************************/ 

@media only screen and (max-width: 769px) and (min-width: 768px) {
	nav.fl-page-nav.fl-nav.navbar {
		padding: 0px 15px;
	}
}



/******************************* SMARTPHONE **********************************/ 

@media only screen and (max-width: 767px) {
	h1 {font-size: 30px;}
	h2 {font-size: 24px;}
	h3 {font-size: 21px;}
	h4,h5,h6 {font-size: 18px;}
	.fl-logo-img {
		max-height:100px;
		margin-left: 0px;
	}
	.fl-page-header-container {
		margin: 0px; 
	}
	.fl-page-nav-right .fl-page-header-logo {
		margin: 0px; 
	}
	.footer-sub .fl-rich-text p {
		text-align: center; 
	}
	.fl-page-bar {display: none;}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav button.navbar-toggle {
		font-size: 29px; 
		line-height: 26px; 
		margin-top: 15px; 
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav button.navbar-toggle {
		top: 12px;
	}
	.post-sharing, .addtoany_shortcode {
		text-align: left; 
	}
	.addtoany_shortcode, .preshare-text {
		float: left; 
	}
	
}

/******************************* MOBILE NAV (SMARTPHONE AND TABLET) **********************************/ 

@media only screen and (max-width: 991px) {
	.secondary-menu-wrap {
		display: none; 
	}
	.navbar-nav .mobile-menu-only a.nav-link {
		background-color: #f1f1f1; 
	}

	button.navbar-toggle:after {
		content: "menu";
		text-transform: uppercase;
		font-size: 15px;
		line-height: 1.4;
		vertical-align: top;
	}

	.fl-page-header .navbar-nav .sso-links a,
	.fl-page-header .navbar-nav .sso-links a.nav-link,
	.fl-page-header .navbar-nav .sso-links span,
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse .sso-links ul.navbar-nav>li>a {
		background-color: #0b5e99;
		color: #ffffff;
	}
	.navbar-nav .sso-links a:hover,
	.navbar-nav .sso-links a:focus {
		color: #8cc947;
	}
	.navbar-nav .sso-links span {
		display: block;
		padding: 15px;
	}
	.navbar-nav .sso-links span.logout-link {
		padding: 0;
	}
	.navbar-nav .sso-links span.logout-link a {
		display: block;
	}

	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-medium-mobile .fl-page-nav-collapse ul.navbar-nav>li .navbar-nav li:last-child {
		border-bottom: none;
	}
}