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

@black: #231F20;
@blue: #113B59;
@gold: #AE841F;

#header {
	padding:10px 25px 0;
	display:grid;
	align-items:center;
	z-index: 999;
	justify-items:end;
	grid-template-columns:auto 1fr auto;
	grid-template-rows:auto auto;
	grid-template-areas:
		"logo . info"
		"logo nav nav";
	#logo { grid-area:logo; }
	#header-info { grid-area:info; }
	nav { grid-area:nav; }
	border-bottom:40px solid @blue;
	position:relative;
	background-color:#fff;
}

#logo {
	padding:25px 0;
}
@media (min-width:769px) {
	#header {
		margin-bottom:0px;
		.transition();
		#logo {
			img, svg {
				height:220px;
				.transition();
			}
		}
	}
	#header.smaller {
		margin-bottom:220px - 100px;
		#logo {
			img, svg {
				height:100px;
			}
		}
	}
}

#header-info {
	display:grid;
	grid-gap:25px;
	grid-auto-flow:column;
	a {
		border:2px solid @gold;
		.font(Montserrat, 500, 22px);
		padding:.375em 1em;
		text-transform:uppercase;
		.vertAlign;
		.hover();
		svg {
			margin-right:.5em;
			.transition(fill, .3s, linear);
		}
		span {
			.inherit();
			.font();
			display:block;
			text-align:center;
		}
	}
	a.phone {
		text-transform:none;
	}
	.header-white() {
		background-color:fade(@gold, 0);
		color:@black;
		svg { fill:@gold; }
	}
	.header-gold() {
		background-color:@gold;
		color:#fff;
		svg { fill:#fff; }
	}
	a.phone {
		.header-white();
		&:hover {
			.header-gold();
		}
	}
	a.click-to-text,
	a.appointment {
		.header-gold();
		&:hover {
			.header-white();
		}
	}
}

nav#header-menu {
	ul.nav {
		grid-gap:10px;
		> li {
			border:1px solid fade(@gold, 0);
			.transition(border, .3s, linear);
		}
		> li:hover,
		> li.current-menu-item {
			border:1px solid @gold;
		}
		.sub-menu {
			li {
				.hover();
				a {
					transition:none;
				}
			}
		}
	}
}


@media (max-width:1280px) {
	#logo svg { width:250px; }
	#header-info a { font-size:18px; }
	nav#header-menu { margin-bottom:20px; }
}
@media (max-width:1080px) {
	#header {
		grid-template-columns:auto 1fr auto;
		grid-template-rows:auto auto;
		grid-template-areas:
			"logo . info"
			"nav nav nav";
	}
}
@media (max-width:960px) {
	#header-info {
		grid-template-columns:1fr 1fr;
		grid-auto-flow:unset;
		grid-gap:15px;
		a { font-size:16px; }
		.phone {
			grid-column:1 / span 2;
			grid-row:1;
		}
	}
}

@media (max-width:768px) {
	#header {
		grid-template-columns:auto 1fr auto;
		grid-template-areas:
			"logo . nav";
	}
	#logo {
		svg {
			margin-bottom:-50px;
			overflow:visible;
			#logo-icon {
				.translateX(-66%);
			}
			#logo-name {
				.translateY(-52%);
			}
		}
		padding-left:75px;
	}
	#header-info { display:none !important; }
	nav#header-menu {
		margin-bottom:0;
		ul.nav {
			position:absolute;
			top:100%;
			right:0;
			background-color:#fff;
		}
	}
}
@media (max-width:540px) {
	#header {
		grid-template-columns:auto;
		grid-template-areas:
			"logo" "nav";
	}
	#logo {
		padding:0 0 0 21vw;
		min-height:17vw;
		svg {
			width:100%;
		}
	}
	nav#header-menu { margin-bottom:10px; }
}

#before-footer {
	background-image:url('/wp-content/uploads/2025/01/footer-compressed.webp');
	.padding-ends(50px);
	.pseudoBefore();
	&:before {
		background-color:fade(@blue, 90);
	}

	#footer-info {	
		display:grid;
		grid-gap:25px;
		align-items:center;
		justify-items:center;
		a {
			display:block;
			color:#fff;
			.font(Roboto, 300, 32px);
			text-align:center;
			address { white-space:normal; }
		}
	}

	#footer-logo {
		text-align:center;
		a { display:inline-block; }
		svg {
			#logo-icon {
				image { opacity:.25; }
			}
			#logo-name {
				> path:nth-child(1) { fill:#fff; }
				> g:nth-child(3) {
					* { fill:#fff; }
				}
			}
		}
	}
	#social-media {
		display:grid;
		grid-auto-flow:column;
		grid-gap:25px;
		a {
			color:@gold;
			display:block;
			line-height:0;
			&:hover { color:#fff; }

			svg {
				fill:currentcolor;
				height:45px;
				width:auto;
			}
		}
	}
	
	#contact-us {
		position:relative;
		&:before {
			content:' ';
			display:block;
			position:absolute;
			width:1px;
			height:300px;
			bottom:100%;
			left:0;
			opacity:0;
			pointer-events:none;
		}
		h5 {
			color:#fff;
			.font(Montserrat, 500, 36px);
			letter-spacing:.1em;
			text-align:center;
			text-transform:uppercase;
		}
		.wpcf7 {
			.max-width(420px);
		}
	}

	.wpcf7 .better-input {
		.wpcf7-form-control-wrap {
			position: relative;
			background-color:fade(@gold, 80);
			.blur(10px);
			border:none;
			margin-bottom:10px;
			display:block;
			margin-top: 1.75em;
			color:#fff;
			.font(Montserrat, 400, 16px);
		}
		.betterInput {
			.inherit();
			.font();

			*::placeholder { color: rgba(0,0,0,.7); opacity: 1; }
			*:-ms-input-placeholder { color: rgba(0,0,0,.7); }
			*::-ms-input-placeholder { color: rgba(0,0,0,.7); }
			*:-moz-input-placeholder { color: rgba(0,0,0,.7); }
			*::-moz-input-placeholder { color: rgba(0,0,0,.7); }

			* {
				color:inherit;
				border:0;
				padding: 1px 2px;
				resize:none;
			}
			label {
				.transition();
			}

			input, select, textarea {
				color:inherit;
				font-size:inherit;
				font-weight:inherit;
				font-family:inherit;
				padding:.3em .5em;
				width:100%;
				&:focus {
					outline:none;
				}
			}
			textarea {
				height:150px;
			}
			select {
				display:block;
				width:100%;
				margin-bottom:5px;
			}

			label {
				position: absolute;
				width:100%;
				top:0;
				transform: translateY(.4em) translateX(.45em);
				left:0;
				pointer-events: none;
				color:inherit;
				font-size:inherit;
				font-weight:inherit;
				font-family:inherit;
			}
			.req {
				color:#FF4136;
				.transition(.3s, color, @easing);
			}

			*:focus:not(:placeholder-shown) + label,
			*:focus + label,
			*:focus:not(:placeholder-shown) + label .req,
			*:focus + label .req {
				color:#fff; // Inputting
			}
			*:not(:placeholder-shown) + label,
			*:not(:placeholder-shown) + label .req {
				color:#ddd; // Inputted
			}
			*:focus + label,
			*:not(:placeholder-shown) + label {
				transform: translateY(-1.3em);
				font-size: .8em;
			}
		}
		input[type="submit"] {
			border:none;
			display:block;
			margin:25px 0 0 auto;
			height: 2em;
			width: 10em;
			.font(~"Century Gothic", 400, 20px);
			text-transform:uppercase;
			text-align:center;
			letter-spacing:.1em;
			background-color:fade(@gold, 80);
			.blur(10px);
			border:none;
			color:#fff;
			.hover();
			&:hover {
				background-color:#fff;
				color:@gold;
			}
		}
	}

}

#footer {
	background-color:@blue;
	padding:50px 25px 10px;
	display:grid;
	align-items:center;
	justify-items:center;
	grid-gap:25px;
	grid-template-areas:
		"menu"
		"geo"
		"copyright";
	nav { grid-area:menu; }
	.geo-served { grid-area:geo; }
	.copyright { grid-area:copyright; }
	
	> * {
		max-width:1280px;
	}
	
	.geo-server { line-height:1.5; }
	
	ul.footer-menu {
		.min({
			display:flex;
			gap:75px;
		});
		.max({
			display:grid;
			grid-gap:25px;
		});
		width:100%;
		> li {
			> a {
				display:block;
				font-size:1.5em;
				font-weight:700;
				letter-spacing:.1em;
				margin-bottom:.5em;
				padding:0 1em;
				text-transform:uppercase;
				border-bottom:1px solid @gold;
			}
			&:nth-child(1) .sub-menu { columns: 2 200px; }
			&:nth-child(2) .sub-menu { columns: 3 200px; }
		}
		li { line-height:1; }
		.sub-menu { padding:0 10px; }
	}
}

#after-footer {
	background-color:#5B3C97;
	color:#fff;
	.font(Roboto, 300, 18px);
	letter-spacing:.05em;
	padding:1em;
	text-align:center;
	a {
		.inherit();
		.bold();
	}
}

#mobile-buttons {
	background-color:#fff;
	position:sticky;
	bottom:0;
	z-index:999;
	display:grid;
	border-top:1px solid #fff;
	grid-gap:1px;
	grid-template-columns:1fr 1fr 1fr;
	.min({display:none !important;});
	a {
		display:block;
		background-color:@blue;
		color:#fff;
		text-align:center;
		line-height:0;
		font-size:36px;
		padding:.5em;
		
		svg {
			height:1em;
			width:auto;
			fill:currentcolor;
		}
		&:hover { background-color:@gold; }
	}
}

/*** Search ***/
.searchLi {
	ul.sub-menu {
		form {
			.vertAlign;
			*:focus {
				outline:none;
			}
			label {
				order:2;
			}
			input {
				order:1;
				padding:0 5px;
			}
		}
	}
}
/*** End Search ***/

#text-14 {
	p {
		font-size:18px;
		line-height:1;
	}
	img {
		margin-top:-25px;
	}
}
#text-15 {
	p {
		font-size:18px;
		line-height:1;
	}
}
aside .widget_text:not(:last-of-type) {
	margin-bottom:50px;
}
.widget-title {
	margin-bottom:25px;
}
.textwidget {
	padding:0;
	p {
		text-align:center;
		padding:0 20px;
		line-height:1.5;
		&:not(:last-child) {
			margin-bottom:.75em;
		}
	}
}
.widget-title {
	padding:10px;
}
#text-3 p {
	font-size:42px;
	.vertAlign;
	gap:25px;
	a {
		display:block;
		border-radius:.25em;
		width:1.5em;
		border:1px solid @blue;
		background-color:@blue;
		color:#fff;
		&:hover {
			background-color:#fff;
			color:@blue;
		}
	}
}

.video-container {
	height:0;
	padding-bottom:56.25%;
	position:relative;
	overflow:hidden;
	&, iframe {
		line-height:0;
	}
	iframe {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}
}
.promo-link {
	display:block;
	margin-bottom:25px;
	a {
		border:none !important;
		background-color:@blue !important;
		font-size:24px;
		padding:.5em 1em;
		&:hover {
			background-color:@gold !important;
			opacity:1 !important;
		}
		span {
			all:unset !important;
		}
	}
}

.entry-content {
	> p > span {
		font-weight:300 !important;
	}
}

body.page-id-4267 #side-featured-image .featured-image {
	background-position:center 25%;
}
@media all and (max-width: 765px) {
	#responsiveheader {
    	display: block;
	}
}
@media all and (max-width:768px) {
	#logos{
		display:block;
	}
}
@media all and (min-width: 769px) {
	#logos{
		display:none !important;
	}
}
@media all and (max-width:768px) {
	#desktopAssoc{
		display:none;
	}
}
.wpcf7 .referDoctor label {
	color: inherit;
	width: 100%;
	display: inline-block;
	text-align: left;
	margin: 15px 0;
}
.wpcf7 .referDoctor label.long, .wpcf7 .referDoctor .wpcf7-form-control-wrap.message, .wpcf7 .referDoctor .wpcf7-form-control-wrap.message textarea {
	width: 100%;
	display: block;
}

.wpcf7 .referDoctor .wpcf7-form-control-wrap > input, .wpcf7 .referDoctor .wpcf7-form-control-wrap > textarea {
	background-color: #eee;
	border: 0;
}
.wpcf7 input,
.wpcf7 textarea {
    padding: 0 5px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box
}

.wpcf7 input {
    height: 30px;
    line-height: 30px
}

.wpcf7 textarea {
    line-height: 1.5;
    padding-top: 5px;
    margin-bottom: -1px
}

.navbar>.container,
pre {
    padding: 0
}

.wpcf7 input[type=submit] {
    margin-top: 10px
}

button:focus,
input:focus,
textarea:focus {
    outline: 0
}
.wpcf7 input[type=submit] {
    margin-top: 10px
}
#wpcf7-f986-o2 input, 
#wpcf7-f986-o2 textarea {
    background-color: rgba(255,255,255,.6);
    padding: 0 5px;
    width: 100%;
    max-width: 100%;
    border: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    resize: none;
}
#wpcf7-f2436-p2434-o1 .wpcf7 input,
#wpcf7-f2436-p2434-o1 .wpcf7 textarea {
	background-color: rgba(255,255,255,.6);
}
input.referer-page { display:none; }
.wpcf7 input[type=submit] {
    margin-top: 0;
    background-color:#947831;
    color: #fff;
    width: 125px;
    margin: 0 0 0 auto;
    display: block;
    font-family: Century Gothic,Arial,sans-serif;
}
input[type="checkbox"] {
	width: 20px;
	height: 15px;
}
input[type="radio"] {
	width: 20px;
	height: 15px;
}
body.safari.mobile #header { position:relative !important; }