/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 



/*****************************************************************************/
/**************************** DEFAULT YOKO STUFF *****************************/ 
/*****************************************************************************/

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
	background-color: rgba(45,62,77,1);
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 20px 0;
}

hr {
	border-top: 1px solid #ddd;
}

a {
	text-decoration: none;
}

.invert, .invert h1, .invert h2, .invert h3, .invert h4, .invert h5, .invert h6, .invert a, .invert strong {
	color:#fff!important;
}

.bg-white {
	background:#fff!important;
}

.larger {
	font-size: 21px;
}

.max-1300 {max-width: 1400px;}
.max-1400 {max-width: 1300px;}
.max-1200 {max-width: 1200px;}
.max-1100 {max-width: 1100px;}
.max-1000 {max-width: 1000px;}
.max-900 {max-width: 900px;}
.max-800 {max-width: 800px;}
.max-700 {max-width: 700px;}
.max-600 {max-width: 600px;}
.max-500 {max-width: 500px;}
.max-400 {max-width: 400px;}
.max-300 {max-width: 300px;}
.max-250 {max-width: 250px;}
.max-200 {max-width: 200px;}

.centered {
	margin: 0 auto;
}

.break, .clear {
	clear: both;
	float: none;
}

p {
	margin-bottom: 20px;
}

.zero .fl-row-content-wrap, .zero .fl-module-content, .zero {
	margin: 0px;
	padding: 0px;
}


.big-subhead h2 {
	font-size: 60px;
}

.orange, .invert .orange {
	color: #f16830!important; 
}

/*****************************************************************************/
/******************************* BUTTON STUFF ********************************/ 
/*****************************************************************************/

a.fl-button, a.fl-button:visited, .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
	padding: 12px 36px;
	border-radius: 30px!important; 
	-webkit-border-radius: 30px!important; 
	-moz-border-radius: 30px!important; 
	border: 0px!important; 
	color: #fff; 
    display: inline-block;
}

a.fl-button *, a.fl-button:visited *, .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * {
	color: #fff!important; 
	text-decoration: none!important; 
}

a.fl-button:hover, .fl-builder-content a.fl-button:hover {
	color: #fff; 
	text-decoration: none; 
}

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

/*****************************************************************************/
/******************************* HEADER STUFF ********************************/ 
/*****************************************************************************/


.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.nav-button > a {
	padding: 8px 16px;
	font-size: 13px; 
	border-radius: 30px; 
	-webkit-border-radius: 30px; 
	-moz-border-radius: 30px; 
	color: #fff; 
	background: #f16830; 
	margin: 8px 12px 0px; 
}

.fl-page-header-fixed.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.nav-button > a {
	margin: 4px; 
}

.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.nav-button > a:hover {
	background: #ff9f34; 
}

.fl-page-nav-right .fl-page-header-container {
	width: auto; 
	max-width: 96%;
}

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

.fl-page-bar-container {
	width: auto!important;
}

/*****************************************************************************/
/******************************** HOME STUFF *********************************/ 
/*****************************************************************************/



.main-banner-text h1 {
	font-size: 72px; 
}

.main-banner-text {
	font-size: 26px;
}

.service-icon-row .service-icon img.fl-photo-img {
	max-width: 120px; 
	margin-top: 30px; 
}

/*****************************************************************************/
/****************************** INTERNAL STUFF *******************************/ 
/*****************************************************************************/


.internal-page-banner h1 {
	font-size: 60px; 
}

.bb-post-meta {
	text-transform: uppercase; 
	font-size: 12px; 
	letter-spacing: 1px; 
}

.post-content-sidebar-right .fl-module-sidebar {
	border: 1px solid #ddd; 
}

.team-description h4 {
	margin-bottom: 0px; 
}

.team-description h4 + p {
	margin: 0px; 
	color: #aaa;
}

.team-headshot img {
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.recruiter-photo img {
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.contact-details a {
	color: #333; 
}

.widget_recent_entries li {
	border-top: 1px solid #ddd; 
	padding-top: 8px;
}

footer input[type=search] {
	border-radius: 20px; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
}

footer input[type=submit] {
	color: #fff; 
	border-radius: 20px; 
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px; 
	border: 0px; 
}

footer input[type=submit]:hover {
	color: #fff; 
}

footer {
	font-size: 15px; 
}

footer .menu a {
	font-size: 15px; 
}


/*****************************************************************************/
/****************************** GRAVITY FORMS ********************************/ 
/*****************************************************************************/

input#gform_submit_button_1.gform_button.button {
	color: #fff;
	padding: 12px 36px;
	border-radius: 30px;
}

.gfield_select {
	border: 1px solid #e6e6e6;
	border-radius: 4px;
}

.gform_wrapper.gf_browser_chrome select {
	padding: 5px 4px!important;
}

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

@media only screen and (max-width: 1099px) and (min-width: 992px) {
	.fl-page-nav-right .fl-page-header-container {
		max-width: 99%;
	}
	.fl-page-header-row .col-md-4 {
		width: 25%; 
	}
	.fl-page-header-row .col-md-8 {
		width: 75%; 
	}
}


@media only screen and (max-width: 1024px) {
	.fl-page-nav .navbar-nav li > a {
		padding: 15px 10px; 
	}
	.main-banner-text h1 {
		font-size: 48px; 
	}
	.main-banner-text {
		font-size: 18px; 
	}
}


@media only screen and (min-width: 992px) {
.internal-page-banner {
	margin-top: -97px; 
}
	
.home-main-banner {
	margin-top: -97px;
	position: relative; 
}

.fl-page-header-primary {
	background-color: rgba(10,19,30,0);
	position: relative; 
	z-index: 9999; 
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
	.home .fl-page-header-primary {
	background-color: rgba(10,19,30,0);
	z-index: 9999;
	position: relative; 
}

}

@media only screen and (max-width: 768px) {
	.fl-col-small {
		max-width: 100%; 
	}
}

@media only screen and (max-width: 767px) {
	.big-subhead h2 {
		font-size: 36px; 
	}
	.main-banner-text h1 {
		font-size: 36px; 
	}
	.fl-page-nav-right .fl-page-header-container {
		max-width: 100%; 
	}
	.fl-logo-img {
		max-width: 150px; 
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
		font-size: 30px; 
		line-height: 27px; 
		margin-top: 8px; 
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav > li > a {
		text-align: center;
		font-size: 15px; 
	}
	.h1, .internal-page-banner h1 {
		font-size: 36px; 
	}
	.h2 {
		font-size: 30px; 
	}
	h3 {
		font-size: 24px; 
	}
	h4, h5, h6 {
		font-size: 20px; 
	}
	.team-headshot img, .recruiter-photo img {
		max-width: 220px!important; 
	}
	.footer-partnerships img {
		max-width: 100%; 
	}
	.footer-partnerships .fl-col-small {
		max-width: 50%; 
		float: left;  
		clear: none; 
	}
}