/*
Theme Name: BBI
Theme URI: https://bbiinc.net
Author: Addison Hall
Author URI: http://addisonhalldesign.com
Description: This is a GeneratePress child theme for bbiinc.net
Version: 1.0.0
Template: generatepress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bbi
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/* ===================================================
General stuff and colors

COLORS
Red: #c20d2d
Blue: #1e2554
Baby Blue: #498FCB;
Light Baby Blue: #d4e0f6;
=================================================== */

/*.page .entry-header {
	background: #1e2554;
	color: #fff;
	margin: -40px -40px 20px;
	padding: 30px 40px 24px;
}*/

/* ===================================================
Link and Button Styling
=================================================== */

.button, .button:visited,
.button-primary, .button-primary:visited {
	background-color: #1e2554;
	border-radius: 4px;
	color: #fff;
	padding: 10px 20px;
	transition: background-color 0.4s ease;
}

.button:focus, .button:hover,
.button-primary:focus, .button-primary:hover {
	background-color: #161d4b;
}

/* ===================================================
Header and Nav Styling
=================================================== */

/* .site-header .header-image {
  height: 60px;
} */

/* ===================================================
Widget Styling
=================================================== */

.sidebar .widget {
	border-top: 2px solid #498FCB;
}

.sidebar .widget.loud {
	background-color: #108EC9;
	border: none;
	color: #fff;
}

.sidebar .widget.loud a {
	color: #fff;
	text-decoration: underline;
}

.sidebar .widget.loud .button {
	text-decoration: none;
}

.sidebar .widget.attach-to-previous {
	border: none;
	margin-top: -24px;
	padding-top: 0;
}

.sidebar .widget.no-header .widget-title {
	display: none;
}

.widget p:last-child {
	margin-bottom: 0;
}

.menu-social-media-container a .fa-square { color: #fff; }
.menu-social-media-container a .fa-twitter-square, a .fa-twitter { color: #00aced; }
.menu-social-media-container a .fa-facebook-square, a .fa-facebook { color: #3b5998; }
.menu-social-media-container a .fa-youtube-square, a .fa-youtube { color: #bb0000; }
.menu-social-media-container a .fa-google-plus-square, a .fa-google-plus { color: #dd4b39; }
.menu-social-media-container a .fa-linkedin-square, a .fa-linkedin { color: #007bb6; }
.menu-social-media-container a .fa-pinterest-square, a .fa-pinterest { color: #cb2027; }
.menu-social-media-container a .fa-vimeo-square, a .fa-vimeo { color: #aad450; }
.menu-social-media-container a .fa-instagram { color: #517fa4; }

.widget-title {
	margin-bottom: 16px;
}

.widget-title::after {
	content: '';
	display: block;
	background-color: #498FCB;
	width: 15%;
	height: 1px;
	margin-top: 14px;
}

/* ===================================================
Home Styling
=================================================== */

.home-hero-image {
	width: 100%;
	max-width: 480px;
	height: auto;
}

.home .generate-sections-inside-container h1 {
	margin-bottom: 5px;
}

.home .generate-sections-inside-container h1::before {
	content: '';
	display: block;
	background-color: #498FCB;
	width: 15%;
	height: 1px;
	margin: 36px auto 18px;
}

/* ===================================================
Content Styling
=================================================== */

.separate-containers .page-header {
	background: #161d4b url('img/bg-blue-arrows-w-img.jpg') no-repeat center center;
	background-size: cover;
	color: #fff;
}

.inside-page-header,
.generate-sections-inside-container {
	font-size: 24px;
	font-weight: 200;
}

.inside-page-header h1,
.generate-sections-inside-container h1 {
	font-size: 30px;
	margin-bottom: 12px;
}
@media (min-width: 768px) {
	.inside-page-header h1,
	.generate-sections-inside-container h1 {
		font-size: 36px;
	}
}

.inside-page-header p:last-child,
.generate-sections-inside-container p:last-child {
	margin-bottom: 0;
}

.site-main > article {
	border-top: 2px solid #498FCB;
}

/* ===================================================
Class Styling
=================================================== */

.class-full {
	position: relative;
}

.class-full:before {
	content: 'Full';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 8px;
	color: #fff;
	background-color: #468847;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* ===================================================
Lightweight Grid tweaks
=================================================== */

/* Make left-most column line up with other content */
.lgc-column .inside-grid-column {
  padding: 0 20px 0 0;
}
/* Treat paragraphs normally */
.lgc-column .inside-grid-column p {
  margin-bottom: 1.5em;
  margin-top: 0;
}

/* ===================================================
Form Styling
=================================================== */

/* Login form */
.login-username label, .login-password label {
	display: block;
}

/* Custom form error (not FormidablePro built-in) */
.form-error {
	color: #B94A48;
	font-size: 16px;
	font-weight: bold;
}