@import url("https://use.typekit.net/vda2rrq.css");

.t-primary-bgcolor {
	background-color: #416bff;
}

h1 {
	font-family: "copperplate",serif;
}

a {
	color: #ff8522;
}

body {
	background-color: #FFF;
}

.container {
	width: 1140px;
}

/* .header-wrapper {
	border-bottom: 20px solid #e7eaf5;
	padding-bottom: 1rem;
} */

.header {
	width: 100%;
}

.header .container {
	padding: 0 10px;
}

.header__top {
	background-color: #242435;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.21);
	color: #d9d9d9;
	padding: 6px 0;
	font-size: 13px;
	min-height: 36px;
}

.header__top span {
	margin-right: 20px;
}

.header__top a {
	color: #d9d9d9;
}

.header__top i {
	opacity: 0.5;
    margin-right: 2px;
    font-size: 110%;
}

.header__logo {
	width: 240px;
	margin: 20px 0;
}

.header__phone {
	float: right;
	margin-top: 50px;
	margin-right: 15px;
	font-size: 24px;
	color: #000;
}

.header__phone a {
	font-weight: bold;
}

.header__nav {
	display: flex;
	float: right;
	clear: right;
	margin-top: 50px;
	list-style-type: none;
	padding: 0;
	font-size: 15px;
}

.header__nav a {
	text-transform: uppercase;
	color: #666;
	padding: 5px;
	margin: 0 10px;
}


.header__nav a:hover {
	text-decoration: none;
	color: #ff8522 !important;
}

.header__nav a.planroom,
.page-home .header__nav a.home,
.page-services .header__nav a.services,
.page-contact .header__nav a.contact,
.page-supplies .header__nav a.supplies,
.page-upload .header__nav a.upload {
	color: #000;
	border-bottom: 3px solid #416bff;
}

.page-home .header__nav a.planroom,
.page-supplies .header__nav a.planroom,
.page-services .header__nav a.planroom,
.page-contact .header__nav a.planroom,
.page-upload .header__nav a.planroom,
.page-credit-application .header__nav a.planroom,
.page-sales-tax-exemption .header__nav a.planroom {
	color: #666;
	border: none;
}

.header__nav ul {
	opacity: 0;
    visibility: hidden;
    position: absolute;
	z-index: 100;
	list-style-type: none;
	padding: 0;
    background-color: #FFF;
	padding: 10px 0;
	border-bottom: 3px solid #416bff;
	border-top: 3px solid #416bff;
    margin-top: 4px;
	line-height: 2;
}

.header__nav li:hover ul {
	display: block;
	opacity: 1;
    visibility: visible;
	z-index: 1000;
}

.page-home .header-wrapper,
.page-services .header-wrapper,
.page-contact .header-wrapper {
    border-bottom: none;
}

.main {
	padding-top: 3rem;
}

.page-supplies #downloadContainer, .page-supplies #menuContainer {
	display: none !important;
}

.is-guest.page-upload #menuContainer {
	display: none;
}

.is-user.page-upload .sidebar {
	display: none;
}

.sidebar {
	margin-right: 3rem;
}

.header__mobile-nav {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #242435;
	color: rgba(217, 217, 217, 0.3);
  	z-index: 1000;
	display: none;
}

.header__mobile-nav .container {
	display: flex;
    flex-direction: column;
	padding: 20px;
	line-height: 2;
	font-size: 1.5rem;
}

.header__mobile-nav a {
	color: #d9d9d9;
}

body.mobile-nav {
	overflow: hidden;
}

body.mobile-nav .header__mobile-nav {
	display: block;
}

.mobile-show {
	display: none !important;
}

@media (max-width: 576px) {
	.mobile-show {
		display: block !important;
	}

	.mobile-hide {
		display: none !important;
	}

	.container {
		width: 100% !important;
	}

	.hero h1 {
		font-size: 2.5rem !important;
	}
}

.header-wrapper {
	display: block !important;
}

.mobile-header {
	display: none !important;
}

.page-supplies .navbar__menu, .page-upload .navbar__menu {
    visibility: hidden;
}