/*
Theme Name: Barte Group Inc - BB Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: Custom Child Theme built for Barte Group Inc.
Author: Michael Angelo Cequina
Author URI: http://www.willweavers.com
template: bb-theme
*/

/*
    COLORS

    Dark Blue: #040019
    Green Highlight: #015a00
*/

/* Custom Styles */
.bg-primary {
	background-color: #040019;
}

.bg-secondary {
	background-color: #015a00;
}

img.fl-logo-img {
	width: 200px;
}

.fl-theme-tagline {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Header Styles */
li.free-quote .fl-has-submenu-container > a {
	border: 1px solid;
	font-weight: bold;
}

#services-menu .fl-module-content.fl-node-content, .services-menu .fl-module-content.fl-node-content {
	width: 100%;
}

ul#menu-services-menu {
	width: 100%;
}

ul#menu-services-menu li.current_page_item a {
	background: #015a00;
	font-weight: bold;
	font-size: 1.8rem;
}

#page-header button.fl-menu-mobile-toggle.hamburger {
	background: #015a00;
}

#page-header li.track-button a {
	background: green;
	color: white !important;
	margin-left: 1rem;
	font-size: 13px;
	padding: 1.3em !important;
}

/* Services Menu Responsiveness */
@media screen and (min-width: 821px) {
	#services-menu ul#menu-services-menu {
		display: flex !important;
		flex-direction: row !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		list-style: none !important;
	}
	
	#services-menu ul#menu-services-menu > li {
		width: auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		margin: 0 15px !important;
		padding: 0 !important;
		border: none !important;
	}
	
	#services-menu ul#menu-services-menu > li > a {
		display: inline-block !important;
		white-space: nowrap !important;
		text-align: center !important;
		padding: 10px 20px !important;
	}
}

@media screen and (max-width: 820px) {
	#services-menu ul#menu-services-menu {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
	}
	
	#services-menu ul#menu-services-menu > li {
		width: 100% !important;
		display: block !important;
		text-align: center !important;
		margin: 5px 0 !important;
	}
	
	#services-menu ul#menu-services-menu > li > a {
		display: block !important;
		text-align: center !important;
		padding: 10px 15px !important;
	}
}

/* Main Navigation Services Submenu Dropdown - Inline Horizontal Centered on Desktop */
@media screen and (min-width: 769px) {
	ul#menu-main-navigation li.fl-has-submenu ul.sub-menu, #menu-main-navigation #sub-menu-614 {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: max-content !important;
		max-width: 90vw !important;
		background-color: #040019 !important;
		padding: 10px 20px !important;
		box-shadow: 0 4px 15px rgba(0, 0, 0, .3) !important;
	}
	
	ul#menu-main-navigation li.fl-has-submenu ul.sub-menu > li, #menu-main-navigation #sub-menu-614 > li {
		display: inline-flex !important;
		float: none !important;
		width: auto !important;
		margin: 0 10px !important;
		border: none !important;
	}
	
	ul#menu-main-navigation li.fl-has-submenu ul.sub-menu > li > a, #menu-main-navigation #sub-menu-614 > li > a {
		display: inline-block !important;
		white-space: nowrap !important;
		padding: 8px 16px !important;
		color: #fff !important;
	}
}

/* Page Slider */
.page-slider .fl-row-content.fl-row-fixed-width.fl-node-content {
	display: flex;
}

.page-slider .fl-row-content.fl-row-fixed-width.fl-node-content .fl-col-group {
	margin: auto;
	background: rgba(255, 255, 255, .53);
}

/* Track Your Shipment Page */
#wpcargo-track-header .comp_logo img {
	height: 100px;
}

input#submit_wpcargo {
	padding: 1rem !important;
	font-size: 1rem !important;
}

#main-footer input#wpcargo_tracking_number {
	width: 61%;
	float: left;
	border-radius: 0;
	height: 31px;
}

#main-footer input.btn.btn-primary {
	float: right;
}

#main-footer input[type=email] {
	color: white;
}

/* Ninja Forms */
.nf-form-cont .nf-form-content {
	max-width: 100%;
}

.nf-form-cont .nf-form-content .nf-field-label > label {
	font-weight: normal;
	font-size: 14px;
}

.bg-primary .nf-form-cont .nf-form-content .nf-field-label > label {
	color: white;
}

.nf-form-cont .nf-form-content .label-right .checkbox-wrap .nf-field-label {
	width: 100%;
}

.nf-form-cont .nf-form-content input.ninja-forms-field[type=button] {
	width: 100%;
	border-radius: 0;
	background-color: #015a00 !important;
	text-transform: uppercase;
	border: 0;
	padding: 1rem;
	font-size: 1.2rem;
}

.nf-form-cont .nf-response-msg {
	text-align: center;
	font-size: 2rem;
}

.bg-primary .nf-response-msg p {
	color: white;
}

@media (max-width: 768px) {
	.nf-form-cont .nf-form-content .one-half {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}