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

#header {
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	width:100%;
// 	> #logo { display:none !important; }
	
	nav {
		ul.nav {
			display:grid;
// 			grid-gap:25px;
			align-items:center;
			justify-items:center;
// 			grid-template-columns:1fr repeat(3, 2fr) auto repeat(3, 2fr) 1fr;
			.fa {
				color:@blue;
				font-size:1.5em;
			}
		}
	}
	#logo {
		a {
			padding:0;
			width:auto;
			overflow:hidden;
			position:relative;
			img {
				position:absolute;
				width:100%;
				height:100%;
				top:0;
				left:0;
				object-fit: cover;
				object-position: left;
			}
		}
	}
}

#header {
	background-color:fade(#fff, 0);
	padding:25px;
	.blur(0);
	.transition();
	#logo {
		a {
			height:100px;
			aspect-ratio:3/1;
			.transition();
		}
	}
}
#header.shrink {
	background-color:fade(#fff, 79);
	padding:15px 25px;	
	.blur(10px);
	#logo {
		a {
			height:50px;
			aspect-ratio:1/1;
		}
	}
}
#header-menu>ul li:hover>.sub-menu{
	
}
#our-care{
	background-color: #2E3131;
	padding-top: 5vw;
	padding-bottom: 5vw;
}
#our-care > div{
	color:white;
	max-width: 60em;
}
#our-care > div h2{
	text-align: center;
}
#services-copy > div{
	max-width: 60em;
}
#services-copy > div > h2{
	text-align: center;
}