@import "/wp-content/themes/DentalCMO-Badger/wp-less/mixins.less";

@gold: #c5a858;
@blue: #202a5c;
@easing: cubic-bezier(0.77, 0, 0.175, 1);

#leftOfMenu;

@media (min-width: 769px) {
	#page {
		position: relative;
		padding-top: 177px;
	}
}

#headerInfo {
	@media (max-width:768px) { display:none !important; }
	@media (min-width:769px) {
		position: fixed;
		right: 0;
		top: 0;
		z-index: 150;
	}
	padding: 10px 25px;
	margin:0 0 0 auto;
	display:grid;
	grid-gap:25px;
	grid-template-columns:repeat(3, auto);
	.headerInfo {
		.vertAlign(@justifyContent:flex-start);
		svg {
			fill:@blue;
			margin-right:8px;
			width:40px;
			height:34px;
		}
		color:#7f7f7f;
		.font(Montserrat, 400, 17px);
		text-transform:uppercase;
		a {
			color:inherit;
			display:block;
			.font(inherit, 600, 26px);
			letter-spacing:.1em;
		}
		b {
			.inherit();
			color:@gold;
			.font(@weight:600);
		}
	}
}

header#masthead {
	> .container:first-child { display:none !important; }
}

/* Less */
header#masthead {
	> .container {
		max-width:1440px;
		width:100%;
		.margin-sides(auto);
	}
	@media (min-width: 769px) {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
		background-color: #fff;
		box-shadow: 0 0 15px -8px;
		padding:0 15px;
		#logo {
			text-align:left;
			padding-left:0;
		}
		#desktopButtons > div {
			margin:auto 0 auto auto;
		}
		.headerInfo:last-child {
			padding-right:0;
		}
		
		#logo {
			img {
				height:unset;
				max-height: 130px;
			}
			&,img {
				transition: all 0.5s ease;
			}
		}
		
		ul.nav > li {
			position:relative;
			&:before {
				content:' ';
				display:block;
				position:absolute;
				width:6px;
				height:6px;
				background-color:@blue;
				border-radius:50%;
				top:0;
				left:-1px;
				bottom:0;
				margin:auto;
				pointer-events:none;
				opacity:0;
				.transition(opacity, .5s, @easing);
			}
			&.active, &:hover {
				&:before {
					opacity:1;
				}
			}
			&.searchLi {
				&:before { display:none !important; }
				ul:not(.align-menu-right) {
					&:hover  {
						.search-query {
							border-top: 1px solid @gold;
							border-bottom: 1px solid @gold;
						}
						form {
							margin-left: 30px;
							.input-group {
								input.search-query {
									order: 1;
									opacity: 1;
								}
								.input-group-btn {
									order: 2;
									opacity: 1;
									button {
										background-color: @blue;
										color: #fff;
									}
								}
							}
						}
					}
				}
				ul.align-menu-right {
					input.search-query {
						box-shadow: 0 0 30px -15px;
					}
				}
			}
			.dropdown-menu {
				min-width: 100%;
				> li > a {
					line-height: 1.4em !important;
					padding-top: calc((40px - 1.4em) / 2) !important;
					padding-bottom: calc((40px - 1.4em) / 2) !important;
					height: auto !important;
				}
			}
		}
	}
	
	@media (min-width:1361px) {
		body.smaller & {
			#logo {
				padding: 10px 0;
				img {
					max-height: 80px;
				}
			}
		}
		nav.navbar {
			.translateY(50%);
		}
	}
	
	.searchLi {
		#menuSearch(@height:50px, @mainColor:#000, @backgroundColor:#fff, @iconWidth:44px);
	}
	@media (max-width:768px) {
		#logo { padding: 25px 10px; }
		#responsiveheader {
			padding: 0 10px;
			a {
				letter-spacing: -0.1em;
			}
		}
		.dropdown-menu>li>a {
			white-space: normal;
		}
	}
}


@media (max-width:1360px) and (min-width:769px) {
	#headerInfo {
		grid-template-columns: auto auto;
		grid-template-areas:
			"ctt north"
			". south";
		#click-to-call { grid-area: ctt; }
		.headerInfo {
			&:nth-of-type(1) { grid-area: north; }
			&:nth-of-type(2) { grid-area: south; }
		}
	}
	header#masthead {
		> .container:last-child {
			align-items: flex-end;
			justify-content: flex-end;
		}
		nav.navbar {
			margin-top: -50px;
		}
	}
	
	body.smaller {
		#headerInfo {
			grid-gap: 10px;
		}
		header#masthead #logo img {
			max-height: 105px;
		}
	}
	
}
@media (max-width:1100px) and (min-width:769px) {
	#page { padding-top: 197px; }
	header#masthead #logo img {
		padding-bottom: 20px;
	}
	ul.nav > li > a {
		font-size: 14px !important;
		text-transform: capitalize !important;
	}
}

body:not(.home):not(.page-id-1149):not(.page-id-1150):not(.page-id-1151):not(.page-id-1152) {
	#content>.container {
		max-width:1440px;
		width:100%;
		margin-top:25px;
		.margin-sides(auto);
		.padding-sides(15px);
	}
}

.page-id-1149, .page-id-1150, .page-id-1151, .page-id-1152 {
	.wpcf7-form-control-wrap.office, label[for=office] { display: none !important; }
	
}

.shortWideBack>div {
	max-width:1490px;
}

#hero {
	background-image:url('/wp-content/uploads/2021/02/hero.jpg');
	.hero(~"calc(100vh - 125px)");
	.vertAlign(@justifyContent:flex-start);
	padding:5vw;
	@media (max-width:768px) {
		max-height: 100% !important;
	}
	h4 {
		color:@blue;
		.font(~"Big Caslon Medium", 500, 3vw);
		letter-spacing:.05em;
		text-transform:none;
		position:relative;
		@media (max-width:768px) { font-size: 15px; }
		&:after {
			content:' ';
			display:block;
			position:absolute;
			height:2px;
			width:60%;
			background-color:@gold;
			bottom:-.3em;
			left:0;
			right:0;
			margin:auto;
		}
	}
	#as-heard {
		position:absolute;
		top:2vw;
		right:2vw;
		width:20vw;
		height:20vw;
		min-width: 120px;
		min-height: 120px;
	}
	
	&.modified {
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		background-image: url(/wp-content/uploads/2021/02/cant-sleep.jpg);
		background-size: cover;
		background-position: 50% 20%;
		
		height: auto;
		h4 {
			font-family: inherit;
			font-size: 35px;
			max-width:700px;
			padding: 20px;
			background-color: fade(#fff,50);
			@media (min-width:769px) { text-transform: uppercase; }
			@media (max-width:768px) {
				font-size: 20px;
			}
		}
		img {
			width: 700px;
			max-width:100%;
			@media (max-width:768px) { width: 400px; }
		}
	}
}

#belowHeroLinks {
	display: none;
	@media (max-width:768px) {
		display: block;
		padding: 0 5px;
		a {
			background-color: #c5a858;
			padding: 8px 10px;
			display: block;
			margin: 10px auto;
			max-width: 450px;
			text-align: center;
			color: #fff;
			font-weight: 700;
			border-bottom: 3px solid #202a5c;
			box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.3);
			border-radius: 3px;
		}
	}
}

#sectionVideo,
#sectionTestimonials,
#sectionHighlights,
#sectionOffices,
#sectionDifferences,
#sectionDoctors,
#sectionRequest,
#sectionCallToAction {
	.margin-ends(~"calc(7vw - -50px)");
}

#sectionWelcome {
	background-image:url('/wp-content/uploads/2021/02/welcome.jpg');
	overflow:visible;
	@media (min-width:769px) {
		.vertAlign;
		padding:0 0 0 25px;
	}
	@media (max-width:768px) {
		padding:0 25px 25px;
	}
	margin-bottom:~"calc(10vw - -50px)";
	position:relative;
	
	> div:first-child {
		display:grid;
		grid-gap:25px;
		@media (min-width:1280px) {
			grid-template-columns:auto auto;
			body.home & {
				grid-template-areas:
					"logo copy";
			}
			body:not(.home) & {
				grid-template-areas:
					"logo copy"
					". contact";
			}
			svg { grid-area: logo; }
			#welcomeCopy { grid-area: copy; }
			.locationInfo { grid-area: contact; }
		}
		.max-width(1600px);
	}
	svg {
		flex-shrink:0;
		overflow:visible;
		max-width:680px;
		width:30vw;
		height:auto;
		@media (max-width:1279px) {
			margin-top: -18vw;
		}
	}
	#welcomeCopy {
		.padding-ends(25px);
		align-self:center;
		p {
			color:#fff;
		}
	}
	h1 {
		color:#fff;
		display:inline-grid;
		@media (min-width:769px) {
			grid-template-columns:auto auto;
		}
		grid-gap:1em;
		.font(Montserrat, 500, 28px);
		margin-bottom:25px;
		@media (max-width:900px) {
			font-size: 20px;
			width: 100%;
		}
		span {
			justify-self:center;
			align-self:center;
			text-align:center;
		}
		span:first-child {
			.inherit();
			.font();
			letter-spacing:.05em;
		}
		span:last-child {
			.inherit();
			.font();
			color:#7f7f7f;
			letter-spacing:.2em;
			b {
				color:@gold;
				display:block;
				.font(~"Big Caslon Medium", 500, 2em);
				text-transform:inherit;
			}
		}
	}
	
	.locationInfo {
		padding-bottom: 20px;
		* { color: #fff; }
		@media (min-width:769px) {
			.content_block {
				display: grid;
				grid-template-areas:
					"section1 section4"
					"section2 section4"
					"section3 section4";
				grid-template-columns: 1fr 1fr;
				section {
					&:nth-of-type(1) { grid-area: section1;}
					&:nth-of-type(2) { grid-area: section2;}
					&:nth-of-type(3) { grid-area: section3;}
					&:nth-of-type(4) { grid-area: section4;}
				}
			}
		}
		@media (max-width:768px) {
			.content_block {
				display:flex;
				flex-direction: column;
			}
			section:nth-of-type(3) { order: 4; }
		}
		.img {
			display: block;
			padding-bottom: 45%;
			margin-bottom: 20px;
			background-size: cover;
			.page-id-1149 & { background-image: url('/wp-content/uploads/2020/01/spring-office.jpg'); }
			.page-id-1150 & { background-image: url('/wp-content/uploads/2020/01/woodlands-office.jpg'); }
			.page-id-1151 & { background-image: url('/wp-content/uploads/2020/01/pearland-office.jpg'); }
			.page-id-1152 & { background-image: url('/wp-content/uploads/2020/01/friendswood-office.jpg'); }
		}
	}
	
	#npoCont {
		@media (min-width:769px) {
			margin: 25px 0 25px 25px;
			background-size:120px auto;
			background-color:#fff;
			background-image:url('/wp-content/uploads/2019/12/star.svg');
			#npo, #npoContact {
				.flex;
			}
		}
		@media (max-width:768px) {
			margin: 25px 0;
		}
		
		#npo, #npoContact {
			h4 {
				@media (min-width:769px) {
					.rotate(180deg);
					writing-mode: vertical-rl;
					width:84px;
				}
				@media (max-width:768px) {
					background-position:center center;
					background-color:#fff;
					background-size: 150px auto;
					background-image:url('/wp-content/uploads/2019/12/star.svg');
				}
				color:@gold;
				margin:0;
				.font(Montserrat, 500, 28px);
				padding:1em;
				text-align:center;
				.vertAlign;
			}
			.npoCopy {
				.vertAlign;
			}
			.npoCopy, .wpcf7 {
				background-color: #fff;
				@media (min-width:769px) {
					.max-width(240px);
					border-left:2px solid @gold;
				}
				@media (max-width:768px) {
					border-top:2px solid @gold;
				}
				background-color:#fff;
				padding: 20px;
				p {
					font-size: 24px;
					text-align:left;
				}
				a {
					.font(Montserrat, 700, 18px);
					letter-spacing:-.1em;
					text-align:center;
					text-transform:uppercase;
				}
			}
			.wpcf7 {
				padding: 10px;
				.betterInput {
					margin-bottom: 0;
					border-color: @blue;
					color: @blue;
					input, textarea, select, label, select:not(:focus) + label {
						color: @blue;
					}
				}
			}
		}
// 		@media (min-width:769px) {
// 			.translateX(~"calc(100% - 84px)");
// 			.translateY(-50%);
// 			.transition(all, .5s, @easing);
// 			&:hover {
// 				.translateY(-50%);
// 				.translateX(0);
// 			}
// 		}
	}
}

#npo.internal {
	padding: 20px;
	h4 {
		margin-top: 0;
		font-size: 28px;
		line-height: 1em;
		text-align: center;
		color: #fff;
	}
	.npoCopy {
		p {
			font-size: 24px;
			text-align:center;
		}
		a {
			.font(Montserrat, 700, 18px);
			letter-spacing:-.1em;
			text-align:center;
			text-transform:uppercase;
		}
	}
}

#sectionVideo {
	max-width: 765px;
	margin-left: auto;
	margin-right: auto;
}

#sectionTestimonials {
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:1fr;
	.max-width(~"calc(720px - (-65px * 2))");
	.padding-sides(65px);
	@media (max-width:540px) { .padding-sides(48px); }

	> * {
		grid-column:1 / span 1;
		grid-row:1 / span 1;
	}
	#testimonials {
		border:3px solid @blue;
		border-radius:50%;
		position:relative;
		.vertAlign;
		&:before {
			content:' ';
			display:block;
			position:absolute;
			width:~"calc(100% - 40px)";
			height:~"calc(100% - 40px)";
			background-color:fade(#7f7f7f, 10);
			top:0;
			left:0;
			right:0;
			bottom:0;
			margin:auto;
			border-radius:50%;
			z-index:-1;
		}
		> div {
			max-width:690px;
			padding:45px;
			@media (max-width:768px) {
				padding: 25px;
			}
		}
	}

	h2 {
		text-align:center;
		color:#8e743f;
		.font(Montserrat, 300, 40px, 1.25);
		@media (max-width:540px) { font-size:24px; }
		@media (max-width:420px) { font-size:20px; }
		margin-bottom:1.2em;
		text-transform:uppercase;
		b {
			display:block;
			.inherit();
			.font(@weight:600);
		}
	}
	#testimonial_rotator_wrap_731 {
		overflow:visible;
		padding:0;
		margin:0;
		position:unset;
	}
	.slide { z-index: 75; }
	.testimonial_rotator_quote {
		color:#58595b;
		.font(Montserrat, 400, 28px, 1.5, italic);
		@media (max-width:768px) { font-size:22px; }
		@media (max-width:540px) { font-size:18px; }
		@media (max-width:420px) { font-size:15px; }
		margin-bottom:25px;
	}
	.testimonial_rotator_author_info {
		margin:0;
		padding:0;
		p {
			color:#4a4f5a;
			.font(~"Big Caslon Medium", 500, 42px);
		@media (max-width:540px) { font-size:24px; }
		@media (max-width:420px) { font-size:20px; }
			text-transform:uppercase;
		}
	}
	.testimonial_rotator_prev, .testimonial_rotator_next {
		z-index: 75;
		width:25px;
		height:75px;
		background-color:@gold;
	}
	.testimonial_rotator_prev {
		left:-50px;
		.clip("100% 0, 0 50%, 100% 100%");
	}
	.testimonial_rotator_next {
		right:-50px;
		.clip("0 0, 100% 50%, 0 100%");
	}
}

#sectionHighlights {
	
	#apnea { background-image:url('/wp-content/uploads/2021/02/apnea.jpg'); }
	#treatments { background-image:url('/wp-content/uploads/2021/02/treatments.jpg'); }
	#snoring { background-image:url('/wp-content/uploads/2021/02/snoring.jpg'); }
	
	.highlight {
		overflow:hidden;
		background-size:Cover;
		background-position:top center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: stretch;
		flex-direction: row;
		
		&:not(:last-child) {
			border-bottom:2px solid #fff;
		}
		
		.highlightSlider {
			padding:25px;
		}

		@height: 75px;
		h2 {
			display: block;
			height:@height;
			margin-bottom:0;
			color:#fff;
			.font(Montserrat, 300, 45px);
			@media (max-width:768px) {
				font-size:32px;
			}
			letter-spacing:.1em;
			text-align:center;
			text-transform:uppercase;
			.vertAlign;
			width:~"calc(100vw - 50px)";
			b {
				.inherit();
				.font(@weight:600);
			}
		}
		.highlightCopy {
			padding:20px 20px 10px;
			.max-width(960px);
			p {
				text-align:center;
				color:#fff;
			}
			a.learn-more {
				border:1px solid #fff;
				border-radius:50%;
				display:block;
				margin:25px auto 0;
				width:5em;
				height:5em;
				color:#fff;
				.font(Montserrat, 300, 22px);
				letter-spacing:.1em;
				text-align:center;
				text-transform:uppercase;
				.vertAlign;
				b {
					.inherit();
					.font(@weight:600);
				}
				&:hover {
					background-color:#fff;
					color:@gold;
				}
			}
		}
		& {
			.highlightSlider {
				background-color:fade(@gold, 0);
				.translateY(~"calc(100% -  " @height~" - 25px)");
				.transition(all, .4s, @easing);
			}
		}
		@media (min-width:769px) {
			&:hover {
				.highlightSlider {
					background-color:fade(@gold, 80);
					.translateY(0);
				}
			}
		}
		@media (max-width:768px) {
			&.waypointEffect {
				.highlightSlider {
					background-color:fade(@gold, 80);
					.translateY(0);
				}
			}
		}
	}
}

#sectionOffices {
// 	display:grid;
// 	@media (min-width:769px) { grid-template-columns:1fr 1px 1fr; }
// 	@media (max-width:768px) { grid-template-rows:1fr 1px 1fr; }
	
	.office {
		text-align:center;
		padding:25px;
		h2 {
			color:#7f7f7f;
			.font(~"Big Caslon Medium", 500, 50px);
			letter-spacing:.1em;
			margin:0 0 25px;
			text-align:center;
			text-transform:uppercase;
			b {
				.inherit();
				color:@gold;
				.font();
			}
		}
		img {
// 			max-width:640px;
			margin:auto;
			width:100%;
		}
	}
	hr {
		border:none;
		width:100%;
		height:100%;
		background-color:@gold;
		margin:0;
	}
}

#sectionDifferences {
	padding: 100px 25px;
	position:relative;
	&:before {
		content:' ';
		display:block;
		position:absolute;
		width:490px;
		height:506px;
		background-image:url('/wp-content/uploads/2019/12/star.svg');
		top:50%;
		left:50%;
		.translate(-50%, -50%);
		z-index:-1;
	}
	h2 {
		color:#7f7f7f;
		.font(Montserrat, 400, 44px);
		@media (max-width:540px) { font-size:22px; }	
		margin-bottom:25px;
		text-align:center;
		text-transform:uppercase;
		b {
			color:@blue;
			display:block;
			.font(~"Big Caslon Medium", 500, 1.4em);
			letter-spacing:.2em;
			margin-top:.1em;
			text-transform:inherit;
		}
	}
	#testimonial_rotator_wrap_759 {
		margin:0;
		padding:0 50px;
		overflow:visible;
		.max-width(960px);
		.testimonial_rotator_quote {
			color:#7f7f7f;
			.font(Montserrat, 400, 20px, 1.5);
			@media (max-width:540px) { font-size:15px; }	
			margin:0;
			.max-width(720px);
		}
		.testimonial_rotator_prev, .testimonial_rotator_next {
			width:25px;
			height:75px;
			background-color:@gold;
		}
		.testimonial_rotator_prev {
			left:10px;
			.clip("100% 0, 0 50%, 100% 100%");
		}
		.testimonial_rotator_next {
			right:10px;
			.clip("0 0, 100% 50%, 0 100%");
		}
	}
}

#sectionDoctors {
	h3 {
		margin-bottom: 40px;
		text-align: center;
		font-size: 30px;
		color: @blue;
		@media (max-width:768px) {
			font-size: 24px;
		}
	}
	.doctor {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		.docLink {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 100;
			display:block;
			width:100%;
			height:100%;
		}
		figure {
			position: relative;
			width:240px;
			height:240px;
			&::before {
				content: '';
				position: absolute;
				top: -10px;
				left: -10px;
				z-index: 0;
				width: calc(100% - -20px);
				height: calc(100% - -20px);
				border: 2px solid @blue;
				border-radius: 50%;
			}
			img {
				width:100%;
				height:100%;
				object-fit: cover;
				object-position: center top;
				border-radius: 50%;
			}
		}
		h4 {
			margin: 30px 0 10px;
			color: @gold;
			text-align: center;
		}
	}
}

#sectionRequest {
	background-color: fade(@gold,15%);
	.wpcf7-form {
		@media (min-width:769px) {
			display: flex;
			justify-content: space-between;
			> .half {
				width: calc(50% - 10px);
			}
		}
		br { display: none; }
		#yourMessage {
			height: 100px;
			margin-bottom: 10px;
		}
	}
}

#sectionCallToAction {
	background-image:url('/wp-content/uploads/2021/02/call-to-action.jpg');
	> div {
		background-image:url('/wp-content/uploads/2019/12/skyline.svg');
		background-position:center 20px;
		background-repeat:no-repeat;
	}
	h2 {
		color:#fff;
		.font(Montserrat, 300, 40px);
		letter-spacing:.1em;
		margin-bottom:25px;
		text-align:center;
		text-transform:uppercase;
		b {
			.inherit();
			.font(@weight:600);
		}
	}
	p {
		color:#fff;
		.max-width(720px);
		a {
			.inherit();
			.font();
			text-decoration:underline;
		}
		b, strong {
			.inherit();
			.bold();
		}
	}
	a.CTA {
		border:1px solid #fff;
		border-radius:50%;
		display:block;
		margin:25px auto 0;
		width:9em;
		height:9em;
		color:#fff;
		.font(Montserrat, 300, 22px);
		letter-spacing:.1em;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		.vertAlign;
		&:hover {
			background-color:#fff;
			color:@blue;
		}
	}
}

.wpcf7-form-control-wrap {
	width:100%;
}

.wpcf7 .betterInput {
	position: relative;
	display: block;
	padding-top: 1.2em;
	border-bottom: 1px solid #fff;
	margin-bottom:10px;
	font-size:15px;
	font-weight:400;
	color:#fff;
	
	*::placeholder { color: rgba(0,0,0,0); opacity: 0; }
	*:-ms-input-placeholder { color: rgba(0,0,0,0); }
	*::-ms-input-placeholder { color: rgba(0,0,0,0); }
	*:-moz-input-placeholder { color: rgba(0,0,0,0); }
	*::-moz-input-placeholder { color: rgba(0,0,0,0); }
	
	* {
		color:#313131;
		border:0;
		padding: 1px 2px;
		background: transparent;
		resize:none;
	}
	label {
		.transition(.3s, all, @easing);
	}
	
	input, select, textarea {
		color:#fff;
		font-size:inherit;
		font-weight:inherit;
		font-family:inherit;
	}
	select {
		display:block;
		width:100%;
		margin-bottom:5px;
		
		&:not(:focus) + label {
			font-size: 1em;
			color: #fff;
		}
		+ label {
			transform: none;
		}
	}
	textarea {
		height: 130px;
	}
	
	label {
		position: absolute;
		width:100%;
		top:0;
		transform: translateY(1.2em);
		left:0;
		pointer-events: none;
		color:#fff;
		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:@blue; // Inputting
	}
	*:not(:placeholder-shown) + label,
	*:not(:placeholder-shown) + label .req {
		color:#ddd; // Inputted
	}
	*:focus + label,
	*:not(:placeholder-shown):not(select) + label {
		transform: translateY(0);
		font-size: .8em;
	}
}

#footer {
	background-image:url('/wp-content/uploads/2021/02/footer.jpg');
	
	display:grid;
	grid-gap:25px;
	@media (min-width:769px) { grid-template-columns:repeat(3, 1fr); }
	@media (max-width:768px) { grid-template-rows:repeat(3, auto); }
	
	font-size:40px;
	@media (max-width:1280px) { font-size:32px; }
	@media (max-width:1080px) { font-size:28px; }
	
	> .office {
		background-color:fade(@blue, 50);
		padding:50px 25px;
		font-size:1em;
		h2 {
			color:#fff;
			.font(~"Big Caslon Medium", 500, 1.2em);
			margin-bottom:50px;
			text-align:center;
			text-transform:uppercase;
		}
		.phone, hr, .location {
			.max-width(420px);
		}
		svg {
			fill:@gold;
			display:block;
			margin:0 auto .5em;
			width:1.2em;
			height:1.2em;
		}
		.phone {
			text-align:center;
			a {
				color:#fff;
				.font(Montserrat, 600, .8em);
			}
		}
		.location {
			b {
				color:#fff;
				display:block;
				.font(Montserrat, 600, .5em);
				text-align:center;
				text-transform:uppercase;
			}
			address {
				display:block;
				white-space:pre-wrap;
				.font(Montserrat, 400, .6em);
				color:#fff;
				text-align:center;
			}
		}
		hr {
			.margin-ends(25px);
		}
		.socialMedia {
			text-align:center;
			margin-top:20px;

			a {
				display:inline-block;
				padding:10px;
				vertical-align:top;
				line-height: 1;
				margin:8px;
				@media (max-width:768px) { margin: 4px; }
			}
			svg {
				height:32px;
				width:auto;
				path {
					fill:#fff;
					fill-opacity:.8;
					transition:fill-opacity .3s;
					-webkit-transition:fill-opacity .3s;
				}
			}
			a:hover svg path {
				fill-opacity:1;
			}
		}
	}
	
	#contactus {
		background-color:fade(#8e743f, 72);
		padding:50px 25px;
		font-size:1em;
		.wpcf7 {
			.max-width(420px);
			.input {
				border:1px solid #fff;
				padding:10px;
				font-size:.5em;
				width:12em;
				margin: 25px auto 0;
				input[type="submit"] {
					background-color:#202a5c;
					color:#fff;
					margin:0;
					height:unset;
					padding:.5em 1em;
					border:none;
					.font(Montserrat, 300, 1em);
				}
			}
		}
		h2 {
			color:#fff;
			.font(Montserrat, 300, 1em);
			letter-spacing:.1em;
			margin-bottom:25px;
			text-align:center;
			text-transform:uppercase;
			b {
				.inherit();
				.font(@weight:600);
			}
		}
	}
}

#betterFooter;

.anchor {
	position: relative;
	a {
		position: absolute;
		top: -220px;
		pointer-events: none;
	}
}

.entry-content {
	input, select, textarea {
		background-color: rgba(0, 0, 0, 0.05);
	}
	.wpcf7-submit {
		max-width: 250px;
	}
	
	.hours {
		tr {
			td:first-of-type { padding-right: 8px; }
		}
	}
}

#secondary {
	.inner {
		background-image: url(/wp-content/uploads/2019/12/call-to-action.jpg);
		background-size: cover;
	}
	
	.widget, .emptyWidget {
		margin-bottom: 0;
		border-bottom: 20px solid #fff;
		&, p, b, strong, li, a {
			color: #fff;
		}
	}
	
	#npoCont {
		padding: 20px;
		h4 {
			margin-top: 0;
			font-size: 20px;
			text-align: center;
			color: #fff;
		}
		.npoCopy {
			p {
				font-size: 18px;
				text-align: center;
			}
		}
	}
}


.requestAppointment {
	a, a& {
		display: block;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
		padding: 10px;
		font-size: 24px;
		text-align: center;
		font-weight: 700;
		line-height: 1em;
		background-color: fade(@gold,75%);
		color: #fff;
		&:hover {
			background-color: fade(@blue,75%);
			color: #fff;
		}
	}
}

.patientInfo {
	display:grid;
	grid-gap:25px;
	grid-template-columns:1fr 1fr;
	margin-bottom:15px;
}
.radio {
	display:grid;
	grid-gap:25px;
	grid-template-columns:1fr 110px;
	&.scale { grid-template-columns:1fr 170px; }
	margin-bottom:15px;
	.wpcf7-form-control-wrap {
		float:right;
	}
	label {
		padding:0;
	}
	.wpcf7-radio {
		.wpcf7-list-item {
			position:relative;
			margin:0;
			&:not(:last-child) { margin-right:20px; }
			input[type="radio"] {
				width: 100% !important;
				height: 100%;
				display: block;
				margin:0;
				position:absolute;
				top:0;
				left:0;
				opacity:0;
				cursor:pointer;
			}
			.wpcf7-list-item-label {
				padding:0 8px;
				color:#999;
				.font(Montserrat, 400, 18px);
				.transition(all, .5s, @easing);
				&:before {
					content:' ';
					display:block;
					position:absolute;
					height:1px;
					width:100%;
					left:0;
					bottom:0;
					background-color:#7f7f7f;
				}
				&:after {
					content:' ';
					display:block;
					position:absolute;
					height:2px;
					width:0;
					left:0;
					bottom:0;
					background-color:#202a5c;
					.transition(all, .5s, @easing);
				}
			}
			input[type="radio"]:hover + .wpcf7-list-item-label {
				color:#393939;
			}
			input[type="radio"]:checked + .wpcf7-list-item-label {
				color:#202a5c;
				&:after {
					width:100%;
				}
			}
		}
	}
}
#score {
	display:none;
}

a[href^=tel] { white-space: nowrap;}

.location.half .content_block {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	section {
		margin-bottom:20px;
	}
}
@media (min-width: 769px){
	header#masthead > .container ul.nav > li > a {
		font-size:15px;
	}
}

#closeAd {
	cursor: pointer;
	position: absolute;
	left: 0px;
	top: -30px;
	padding: 5px 10px;
	background-color: #fff;
	z-index: 9;
}

#covid-19 {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	margin: auto;
	width: 600px;
	max-width: 100%;
	z-index: 99999;
	background-color: #fff;
	padding: 10px;
	height: fit-content;
	max-height: 400px;
	display: none;
	justify-content: center;
}