@import "@{parenturl}/less/mixins.less";
@import "@{themeurl}/less/vars.less";

#header {
	background-color:#fff;
	> div {
		display:grid;
		grid-gap:25px;
		align-items:center;
		justify-items:center;
		grid-template-columns:1fr 2fr 1fr;
	}
	nav {
		background-color:fade(@purple-light, 65);
		.blur(10px);
		padding:0 25px;
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		ul.nav {
			.vertAlign;
			.max-width(1700px);
			> li {	
				.max({ font-size:16px; }, 960);
				.max({ font-size:15px; }, 850);
			}
		}
		.menu-item-home a { .padding-ends(0); }
	}
	#logo {
		img {
			width:auto;
		}
	}
	& {
		> div {
			padding:30px 25px;
			.transition();
		}
		#logo {
			img {
				.transition();
				height: 95px;
			}
		}
	}
	&.shrink {
		> div {
			padding:15px 25px;
		}
		#logo {
			img {
				height: 60px;
			}
		}
	}
	
}

body {
	padding-top:155px;
}
body:not(.template-hero-image):not(.template-hero-video) {
	#content {
		margin-top:45px;
	}
}

#header-info {
	display:grid;
	grid-gap:25px 50px;
	grid-template-columns:auto auto;
}

.header-info {
	display:grid;
	grid-template-columns:auto 1fr;
	grid-template-rows:auto auto;
	align-items:center;
	justify-items:center;
	svg {
		grid-column:1;
		grid-row:1 / span 2;
	}
	
	font-size:30px;
	.max({ font-size:22px; }, 1280);
	.max({ font-size:20px; }, 960);
	text-transform:uppercase;
	> * {
		display:block;
	}
	svg {
		fill:@purple;
		margin-right:.25em;
	}
	b {
		color:#4B4B4B;
		.font(Source Sans Pro, 600);
	}
	span {
		color:#8E8E8E;
		.font(Open Sans, 400);
	}
	&.ctt span { font-size: (17em / 30em); }
	&.phone span { font-size: (20em / 30em); letter-spacing:.3em; .translateX(.2em); }
}

#mobile-footer { display:none !important; }