/*
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... */ 

.red {
	color: #980329;
}

/* this style positions the
 * element behind the page header rather than below it on the
 * page. Mix it into the <div ...> class for the target.
 */
.position-under-header {
	padding-top: 110px;
    margin-top: -110px;
}

.fl-page-footer,
.red-background {
	background-color: #980329;
}

.clear-white-button a,
.clear {
	background-color: transparent !important;
}

.clear-white-button a:hover {
	background-color: black !important;
}

.clear-white-button a,
.white {
	border: 4px solid white !important;
	border-radius: 8px;
	color: #ffffff !important ;
}

.black-border-button a,
.black {
	border: 4px solid black !important;
	border-radius: 8px;
	color: #000000 !important ;
}

.VideoCaption {
	color: white;
	font-size: 14pt;
}

.fl-logo-text {
	text-transform: uppercase;
	color: white;
	font-size: 14pt !important;
	font-family: "Ek Mukta", Verdana, Helvetica, sans-serif;
	font-weight: 600;
	text-align: center !important;
	padding: 3px 20px 3px 20px !important;
	margin: 4px 4px 4px 4px !important;
	letter-spacing: 3px;
	border-radius: 6px;
	background-color: #980329;
}

.hr {
	border-bottom: 1px solid lightgray;;
}

.front-page-content-no-background-section {
	color: black;
	font-size: 16pt;
	text-align: left;
}

.front-page-content {
	color: white;
	font-size: 20pt;
	text-align: center;
}
.front-page-content p {
	margin-top: 1em;
}

.fl-page-header-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* restyle the footer, the red background is done, above
 */

.fl-page-footer {
	color: white;
	letter-spacing: 2px;
	font-size: 9pt;
	font-family: "Ek Mukta", Verdana, sans-serif;
	font-weight: 100;
	font-style: italic;
}
.fl-page-footer a 		  { color: white; }
.fl-page-footer a:visited { color: white; }
.fl-page-footer a:active  { color: white; }
.fl-page-footer a:hover   { color: white; }

/* Spread the main title bar out so that there's more room for the menu */

.fl-page-header-container.container {
   padding-left: 20px;
   padding-right: 20px;
   width: 100%;
}

.speaking-at {
	text-align: center;
	font-size: 16pt;
}

/*----------------------------------------------------------------------*/
/* Styles for the menu bar.
/*----------------------------------------------------------------------*/

/* Move the page up to slide under the nav bar */
@media (min-width: 768px) {
	.home .fl-page-content { margin-top: 0px;   }
}
@media (min-width: 992px) {	.home .fl-page-content { margin-top: -150px; } }
@media (min-width: 1200px){ .home .fl-page-content { margin-top: -150px; } }

@media (max-width: 768) {
	.home .fl-page-header-primary {
		background: rgba(10,10,10,.8) !important;
	}
}

/* Code to make the header background appear when the window is
 * scrolled. In addition to the nav-background style, you need
 * to add the following javascript (using the customizer's
 * "Code->JavaScript Code" item. Note that BB, for some reason,
 * requires you to use "jQuery" instead of "$". I've inserted
 * this script using BeaverBuilder's Customizer->Code->JavaScript_Code
 * feature
 *
// See: http://jsfiddle.net/46s3o8Lm/1/
// modify heder when page scrolled

jQuery(window).scroll(function () {
	if (jQuery(window).scrollTop() + jQuery(window).height() > jQuery(window).height() + 500) {
		jQuery(".fl-page-header-primary").addClass("nav-background");
	} else {
		jQuery(".fl-page-header-primary").removeClass("nav-background");
	}
});
*/

.fl-page-header-wrap {
	padding-bottom: 3px;
	padding-top: 3px;
}

.nav-background {
  background: rgba(10,10,10,.8) !important;
}

.home .fl-page-header-primary {
	position: fixed;
	z-index: 3;
	background: none;
}

.navbar-nav a {
	font-family: "Ek Mukta", Verdana, Arial, sans-serif !important;
	font-weight: 300 !IMPORTANT;
	color: white !important;
}

/* Fixes a bug in firefox */
*{
min-height: 0;
min-width: 0;
}