/*
Theme Name: 2XL Brand Guidelines
Description: Update-safe child theme for the 2XL brand guidelines site.
Author: Engage Creative
Template: understrap
Version: 1.0.2
Text Domain: ourbrand-understrap
*/

/* Brand colors */
.primarycolor1 { color: #2d2926; }
.primarycolor1-bg { background-color: #2d2926; }
.primarycolor2 { color: #da291c; }
.primarycolor2-bg { background-color: #da291c; }
.primarycolor3 { color: #ffb81c; }
.primarycolor3-bg { background-color: #ffb81c; }
.primarycolor4 { color: #307fe2; }
.primarycolor4-bg { background-color: #307fe2; }
.primarycolor5 { color: #40c1ac; }
.primarycolor5-bg { background-color: #40c1ac; }
.primarycolor6 { color: #919388; }
.primarycolor6-bg { background-color: #919388; }

h2 {
	border-color: #da291c;
	border-style: dotted;
	border-width: 1px 0;
	color: #da291c;
	line-height: 1.4em !important;
	padding: 6px;
}

.vc_separator h4 {
	color: #da291c;
	font-size: 2em !important;
	line-height: 4em !important;
}

.vc_separator.vc_sep_color_grey .vc_sep_line {
	border-color: #da291c;
}

#main-nav,
.bg-inverse,
.bg-primary {
	background-color: #fff !important;
}

.ourbrand-navbar-brand {
	padding: 0;
}

.ourbrand-navbar-logo {
	display: block;
	height: auto;
	max-width: none;
	width: 160px;
}

@media (min-width: 768px) {
	#main-nav > .container {
		display: block;
	}

	.ourbrand-navbar-brand,
	.ourbrand-navbar-logo {
		width: 405px;
	}

	#navbarNavDropdown {
		display: block !important;
		width: 100%;
	}

	#main-menu {
		margin-left: 0 !important;
	}
}

.navbar-dark .navbar-nav .nav-link {
	color: #333 !important;
}

.navbar-dark .navbar-toggler {
	border-color: rgba(45, 41, 38, 0.4);
}

.navbar-dark .navbar-toggler-icon {
	filter: invert(1);
}

.nav-link {
	margin-left: 14px !important;
	margin-right: 14px !important;
	white-space: nowrap;
}

.vc_row {
	padding-bottom: 30px;
	padding-top: 30px;
}

input,
select,
textarea {
	border: solid 1px #fff;
	border-radius: 12px !important;
	box-shadow: inset 1px 1px 2px 0 #707070;
	padding: 10px;
	transition: box-shadow 0.3s;
	width: 75%;
}

.hide {
	display: none;
}