/* Color Tokens */
.primary {
	color: #2A6091; /* $primary */
}

.secondary {
	color: #A7AEAE; /* $secondary */
}

.tertiary {
	color: #134070; /* $tertiary */
}

.quaternary {
	color: #2A6091; /* $quaternary */
}

.light {
	color: #FFFFFF; /* $light */
}

.off {
	color: #ECF0F1; /* $off */
}

.dark {
	color: #313131; /* $dark */
}
/* End Color Tokens */

/* Header Panel Styles */
.header-panel {
	background-color: #FFFFFF; /* $light */
	box-shadow: 0 0 8px rgba(0,0,0,0.25);
}

.overlap:not(.fixed) .header-panel {
	box-shadow: none;
}

.top-nav h4 {
	color: #A7AEAE; /* $secondary */
	font-weight: 700;
	font-size: 0.925em;
	letter-spacing: 0.05em;
}

.header-panel .top-nav a, .header-panel .mobile-nav a, .header-panel .mobile-nav button {
	color: #2A6091; /* $primary */
	background-color: transparent;
	font-weight: 700;
}

.header-panel .top-nav li:hover > a {
	color: #A7AEAE; /* $secondary */
}

.header-panel .social-nav {
	border-right: solid 1px rgba(44,62,80,0.2); /* alpha($dark,20%) */
}

.header-panel .social-nav a {
	background-color: #B4C5D6; /* lighten($dark,70%) */
	color: #FFFFFF; /* $light */
}

.header-panel .social-nav a:hover {
	background-color: #2A6091; /* $primary */
}
/* End Header Panel Styles */

/* Header Panel IE Fallbacks *//* End Header Panel IE Fallbacks */

/* Min Responsive */
@media screen and (min-width:451px) {
}

@media screen and (min-width:1501px) {
}
/* End Min Responsive */

/* Header Panel Responsive */
@media screen and (max-width:1500px) {
}

@media screen and (max-width:1150px) {
}

@media screen and (max-width:800px) {
}

@media screen and (orientation: landscape) and (max-height: 550px) {
}

@media screen and (max-width:550px) {
}

@media screen and (max-width:450px) {
}
/* End Header Panel Responsive */

.header-panel .right-info a {
	color: #3498DB;
	font-size: 1.111em;
}

.header-panel .right-info a.phone-number {
	color: #134070; /* $tertiary */
}