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

@blue: #4fafbe;
@black: #454545;

@easing: cubic-bezier(0.77, 0, 0.175, 1);

@media (min-width:769px) {
	#page {
		padding-top: 288px;
		@media (max-width:1180px) {
			padding-top: 328px;
		}
	}
}


header#masthead {
	background-color:fade(#fff, 95);
	border-bottom:8px solid @black;
	
	@media (min-width:769px) {
		position: fixed;
		top:0;
		left: 0;
		z-index:999;
		width:100%;
		.padding-sides(25px);
		> div {
			.max-width(1600px);
			display: grid;
			grid-template-columns: minmax(auto, 525px) 1fr;
			grid-template-rows: 1fr 1fr;
			grid-template-areas:
				"logo info"
				"logo nav";
			align-items: center;
			justify-items: end;
			#logo { grid-area: logo; }
			nav { grid-area: nav; }
			#desktopButtons { grid-area: info; align-self:end; }	
		}
		#logo {
			transition: all 0.5s ease;
			img, svg {
				max-width:600px;
				transition: all 0.5s ease;
			}
		}

		nav.navbar {
			align-self:center;
			ul.nav {
				> li > a {
					height: unset;
					line-height: 1;
					padding: .75em .5em;
				}
				> li.active > a:hover { font-weight:700; }
			}
		}
		&.smaller {
			#logo {
				padding: 10px 10px 10px 0;
				img, svg {
					max-width: 300px;
				}
			}
		}
	}
	
	nav.navbar {
		.dropdown-menu {
			> li > a {
				white-space: normal;
				line-height: 1.2em !important;
				padding: 10px !important;
				height: auto !important;
				width: 100vw;
				max-width: 270px;
			}
		}
	}
	
	#desktopButtons {
		font-size:22px;
		> div { font-size:inherit; }
		.headerInfo {
			font-size:inherit;
			&:last-child {
				padding-right:0;
			}
			svg {
				height:1.8em;
				width:auto;
			}
		}
		#callus, #click-to-call {
			color: @black;
			.font(Montserrat, 300, 1em);
			text-transform:uppercase;
			b {
				.inherit();
				.font(inherit, 700, 1.2em);
				display:block;
				a {
					.inherit();
					.font(@size:1.2em);
				}
			}
			span {
				.inherit();
				.font();
			}
		}
		#callus {
			span {
				letter-spacing:.175em;
			}
		}
		#click-to-call {
			b {
				letter-spacing:.2em;
			}
		}
	}
	
	#responsiveheader {
		a:nth-child(3n+1) {
			background-color:#edbb05;
			border:1px solid #edbb05;
			&:hover {
				border: 1px solid #edbb05;
				color: #edbb05;
			}
		}
		a:nth-child(3n+2) {
			background-color:#ebcf52;
			border:1px solid #ebcf52;
			&:hover {
				border: 1px solid #ebcf52;
				color: #ebcf52;
			}
		}
		a:nth-child(3n+3) {
			background-color:#d2c173;
			border:1px solid #d2c173;
			&:hover {
				border: 1px solid #d2c173;
				color: #d2c173;
			}
		}
	}
	
	@media (max-width:768px) {
		#header-info-cont {
			display:grid;
			grid-template-columns:auto auto 160px;
			grid-template-rows: 100px;
			grid-template-areas:
				"logo responsiveheader nav";
			
			#logo { grid-area:logo; }
			#desktopButtons { grid-area:desktopbuttons; display:none !important; }
			#responsiveheader {
				grid-area:responsiveheader;
				padding: 4px 5px 0;
				max-width: 420px;
				a {
					width: 80px;
				}
			}
			nav {
				grid-area:nav;
				margin-top: 5px;
			}
			
			@media (max-width:540px) {
				grid-template-columns:auto 80px;
				grid-template-rows: auto 80px;
				grid-template-areas:
				"desktopbuttons desktopbuttons"
				"logo nav";
			}
			
			#callus { display:block !important; }
			
			#logo {
				justify-self:start;
				padding:5px;
				img {
					height:!00%;
				}
			}
			#desktopButtons {
				> div {
					display:grid;
					grid-template-columns:auto auto;
				}
				font-size:2vw;
				align-self:center;
				.headerInfo {
					.vertAlign;
					padding:0;
				}
				@media (max-width:540px) {
					font-size:3vw;
					.headerInfo {
						padding:10px;	
					}
				}
			}
			
			@media (max-width:540px) {
				grid-template-columns:auto 160px;
				grid-template-rows: 100px;
				grid-template-areas:
					"logo nav"
					"responsiveheader responsiveheader";
				
				#logo {
					margin: auto;
				}
				#desktopButtons {
					font-size:3vw;
					.headerInfo {
						padding:10px;	
					}
				}
			}
			nav.navbar {
				button.navbar-toggle {
					height:90px;
					.vertAlign;
					.icon-bar {
						background-color:#fff;
						width:50px;
						+ .icon-bar {
							margin-top:8px;
						}
					}
					#menu-text {
						margin-left: 10px;
						color: #fff !important;
					}
				}
				.navbar-collapse {
					position: absolute;
					left: unset;
					right: 0px !important;
					width: 100vw !important;
				}
			}
		}
	}
	
	
	@media (max-width:1280px) and (min-width:769px) {
		#desktopButtons {
			font-size:18px;
		}
	}
	@media (max-width:1180px) and (min-width:961px) {
		> div {
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto auto;
			grid-template-areas:
				"logo info"
				"nav nav";
			justify-items: center;
			#desktopButtons {
				align-self:center;
			}
		}
	}
	@media (min-width:961px) {
		#logo {
			justify-self:start;
		}
	}
	@media (max-width:960px) and (min-width:769px) {
		> div {
			grid-template-columns: 1fr;
			grid-template-rows: auto auto auto;
			grid-template-areas:
				"logo"
				"info"
				"nav";
			justify-items: center;
		}
	}
	
	@media (min-width:769px) {
		ul.nav > li.active > a:hover {
			font-weight:700;
		}
	}
	.searchLi {
		#menuSearch(@height:40px, @mainColor:#000, @backgroundColor:transparent, @iconWidth:44px);
		ul:not(.align-menu-right):before {
			background-image:url('/wp-content/uploads/2020/03/bar-background.svg');
			background-position:center;
		}
		p { display:none !important; }
	}
}

/* Less */
header#masthead {
	#header-info-cont,
	nav.navbar > .container {
		max-width:1440px;
		width:100%;
		.margin-sides(auto);
	}
	@media (min-width: 769px) {
		padding:0 25px;
		#logo {
			text-align:left;
			padding-left:0;
		}
		#desktopButtons > div {
			margin:auto 0 auto auto;
		}
		.headerInfo:last-child {
			padding-right:0;
		}
	}
}
body:not(.home).page-template-default {
	#content>.container {
		max-width:1440px;
		width:100%;
		margin-top:25px;
		.margin-sides(auto);
		.padding-sides(15px);
	}
}

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

#hero-container {
	position:relative;
	overflow:hidden;
	figure video {
		max-height:800px;
	}
	svg {
		position:absolute;
		height:100%;
		width:auto;
		top:0;
		left:0;
		right:0;
		margin:auto;
		overflow:visible;
		#playWithSound {
			cursor:pointer;
		}
		opacity:1;
		.transition(all, .5s, @easing);
	}
	&.playedWithSound {
		svg {
			opacity:0;
			pointer-events:none;
		}
	}
}

#sectionWelcome,
#sectionWhyChooseUs,
#sectionPatients,
#sectionHighlights,
#sectionAffiliations,
#sectionCallToAction {
	.margin-ends(~"calc(5vw - -50px)");
}

#sectionWelcome {
	margin-top:0;
	
	h1 {
		color:#fff;
		.font(Josefin Sans, 300, 42px);
		@media (max-width:960px) { font-size:36px; }
		@media (max-width:768px) { font-size:32px; }
		@media (max-width:640px) { font-size:28px; }
		@media (max-width:540px) { font-size:24px; }
		@media (max-width:420px) { font-size:20px; }
		letter-spacing:.1em;
		margin-bottom:50px;
		text-align:center;
		text-transform:uppercase;
		b {
			display:block;
			background-color:@black;
			.inherit();
			.font();
			padding:.5em 25px .3em;
			margin-bottom:.5em;
		}
		img {
			height:3em;
			width:auto;
			max-width:calc(100% - 20px);
			margin: 0 10px;
		}
	}
	.copy {
		.max-width(1010px);
		padding:0 25px;
	}
}

#sectionTestimonials {
	font-size:42px;
	@media (max-width:960px) { font-size:32px; }
	h2 {
		color:#fff;
		.font(Josefin Sans, 400, 1em);
		letter-spacing:.1em;
		height:0;
		position:relative;
		z-index:6;
		margin:0;
		text-align:center;
		.translateY(.5em);
		b {
			.inherit();
			.bold();
		}
	}
	#testimonial {
		font-size:inherit;
		position:relative;
		z-index:5;
		@media (min-width:769px) { .flex; }
		#brent .su-lightbox { background-image:url('/wp-content/uploads/2020/03/Brent.jpg'); }
		#christine .su-lightbox { background-image:url('/wp-content/uploads/2020/03/Christine.jpg'); }
		#darla .su-lightbox { background-image:url('/wp-content/uploads/2020/03/Darlene.jpg'); }
		#colleen .su-lightbox { background-image:url('/wp-content/uploads/2022/10/colleen-patient-story.jpg') };
		#lori .su-lightbox { background-image:url('/wp-content/uploads/2022/10/lori-patient-story.jpg') };
		#moon .su-lightbox { background-image:url('/wp-content/uploads/2022/10/moon-patient-story.jpg') };
		#lauryn .su-lightbox { background-image:url('/wp-content/uploads/2022/10/lauryn-patient-story.jpg') };
		#heath .su-lightbox { background-image:url('/wp-content/uploads/2022/10/heath-patient-story.jpg') };
		#kiesha .su-lightbox { background-image:url('/wp-content/uploads/2022/10/kiesha-patient-story.jpg') };
		.testimonial {
			padding:4.5em 25px 25px;
			@media (max-width:768px) { &:not(:first-child) { padding-top:25px; } }
			.su-lightbox {
				background-image:url('/wp-content/uploads/2020/03/Placeholder.svg');
				background-position:center;
				background-size:cover;
				display:block;
				margin-bottom:10px;
				.vertAlign(flex-end);
				padding:25px;
				img {
					max-width:25%;
					height:25%;
					width:auto;
					cursor:pointer;
				}
			}
			> div {
				color:#fff;
				.font(Josefin Sans, 300, 28px);
				text-align:center;
				text-transform:uppercase;
				a {
					.inherit();
					.font(@weight:400);
				}
			}
		}
		
		@media (min-width:769px) {
			.testimonial {
				.su-lightbox {
					min-height:~"calc(33vw * .5625)";	
				}
			}
		}
		.testimonial {
			flex:1;
			background-color:#727272;
			opacity:.75;
			.transition(all, .5s, @easing);
			img {
				opacity:0;
				.transition(all, .5s, @easing);
			}
		}
		.testimonial:hover {
			flex:2;
			background-color:#515151;
			opacity:1;
			img {
				opacity:1;
			}
		}
		
	}
}

#sectionWhyChooseUs {
	h2 {
		color:@black;
		.font(Josefin Sans, 300, 36px);
		@media (max-width:960px) { font-size:24px; }
		@media (max-width:420px) { font-size:20px; }
		letter-spacing:.1em;
		margin-bottom:0;
		text-align:center;
		text-transform:uppercase;
		position:relative;
		z-index:5;
		b {
			.inherit(@blue);
			.font(inherit, 700, 1.25em);
		}
		span {
			.inherit();
			.font();
		}
		svg {
			overflow:visible;
		}
		@media (max-width:768px) {
			display:grid;
			grid-template-columns:1fr 1fr;
			grid-template-rows:auto auto;
			grid-gap:5px;
			
			span {
				grid-column: 1;
				grid-row: 1;
				justify-self:end;
			}
			b {
				grid-column: 2;
				grid-row: 1;
				justify-self:start;
			}
			svg {
				grid-column: 1 / span 2;
				grid-row: 2;
				justify-self:center;
			}
		}
	}
	#choose {
		background-color:#f5f5f5;
		display:grid;
		grid-template-columns:1fr minmax(auto, 1010px) 1fr;
		min-height: 500px;
		overflow:hidden;
		@media (max-width:768px) {
			position: relative;
			display: flex;
		}
		&:before, &:after {
			content:' ';
			display:block;
			min-width:85px;
			@media (max-width:540px) {
				min-width:50px;
			}
		}
		img, > div {
			grid-column: 2;
			grid-row:1;
			align-self:center;
			justify-self:center;
		}
		img {
			opacity:.27;
			object-fit: cover;
			object-position: center 20%;
			height:100%;
			width:100%;
			@media (max-width:768px) {
				position: absolute;
				z-index: 1;
			}
		}
		.chooseContainer {
			position:relative;
			z-index:100;
			padding:75px 0;
			@media (max-width:768px) { padding-bottom: 20px; }
		}
		#testimonial_rotator_wrap_4557 {
			width:100%;
			margin:0;
			padding:25px;
			overflow:visible;
			.testimonial_rotator_quote {
				color:@black;
			}
			
			@media (max-width:540px) {
				padding: 10px;
				.testimonial_rotator_quote {
					font-size:15px;
					line-height:1em;
				}
			}
		}
		.testimonial_rotator_prev,
		.testimonial_rotator_next {
			width:40px;
			height:95px;
			background-color:@black;
		}
		.testimonial_rotator_prev {
			left:~"calc(-40px - 25px)";
			.clip("100% 0, 100% 100%, 0 50%");
		}
		.testimonial_rotator_next {
			right:~"calc(-40px - 25px)";
			.clip("0 0, 0% 100%, 100% 50%");
		}
	}
	#WCU {
		background-color:@blue;
		color:#fff;
		border-radius:5px;
		display:block;
		width:9em;
		padding:.5em;
		text-align:center;
		.font(Montserrat, 700, 24px);
		margin: 25px auto 0;
	}
}

#sectionPatients {
	h2 {
		text-align:center;
		color:#58595b;
		.font(Josefin Sans, 600, 28px);
		@media (max-width:960px) { font-size:24px; }
		@media (max-width:540px) { font-size:20px; }
		letter-spacing:.1em;
		text-align:center;
		margin:0 0 20px;
		&.readMore {
			margin:20px 0 0;
		}
		a {
			.inherit(@blue);
			.font("Iowan Old Style", 700, 1.75em);
		}
		b {
			.inherit(@blue);
			.font();
		}
	}
	#patients {
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		@media (max-width:960px) { 
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 1fr 1fr 1fr;
		}
		@media (max-width:540px) {
			grid-template-columns:1fr;
			grid-template-rows:repeat(6, 1fr);
		}
		grid-gap:25px;
		padding:0 25px;
	}
	.patient {
		border-radius:50px;
		overflow:hidden;
		position:relative;
		&.veneer:before {
			content:"Veneers";
		}
		&.bonding:before {
			content:"Teeth Bonding";
		}
		&.crown:before {
			content:"Crowns";
		}
		&.implant:before {
			content:"Implants";
		}
		&:before {
			position:absolute;
			width:100%;
			height:100%;
			z-index:5;
			display:flex;
			justify-content: center;
			padding: 10% 0;
			background-color:fade(#03616d, 65);
			color:#fff;
			.font(Josefin Sans, 400, 32px);
			letter-spacing:.1em;
			text-align:center;
			text-transform:uppercase;
			opacity:1;
			.transition(all, .5s, @easing);
			pointer-events:none;
		}
		&:hover {
			&:before {
				background-color:fade(#03616d, 0);
				.scale(1.25);
				text-shadow: 0 0 5px rgba(3, 97, 109, 0.65);
			}
		}
	}
}

#sectionHighlights {
	
	@media (min-width:961px) {
		display:grid;
		grid-template-columns:repeat(6, 1fr); // 7
		grid-template-rows:repeat(5, 1fr); // 7

		.highlight:nth-child(3) {
			grid-column: 2 / span 3;
			grid-row: 1 / span 3;
		}
		.highlight:nth-child(2) {
			grid-column: 1 / span 3;
			grid-row: 3 / span 3;
		}
		.highlight:nth-child(1) {
			grid-column: 4 / span 3;
			grid-row: 2 / span 3;
		}
	}
	
	.highlight {
		overflow:hidden;
		background-image:url('/wp-content/uploads/2022/10/dr-hull-staff-photo.jpg');
		background-attachment:fixed;
		background-position:top;
		background-size: cover;
		padding:25px;
		height:100%;
		min-height:540px;
		font-size:45px;
		display:grid;
		@media (max-width:960px) { font-size:36px; }
		@media (max-width:420px) { font-size:24px; }
		position:relative;
		border:15px solid #fff;
		&:before {
			content:' ';
			display:block;
			position:absolute;
			z-index:1;
		}
		> div {
			height:100%;
			font-size:inherit;
			position:relative;
			z-index:2;
		}
		h2 {
			height:3em;
			width:100%;
			.vertAlign;
			flex-direction:column;
			color:#fff;
			text-align:center;
			.font(Josefin Sans, 400, inherit);
			letter-spacing:.1em;
			margin:0 auto 25px;
			b {
				.inherit();
				.bold();
				display:block;
			}
		}
		.highlightCopy {
			.max-width(1010px);
			.padding-sides(25px);
			p {
				color:#fff;
				text-align:center;
			}
			a.learn-more {
				background-color:fade(#fff, 30);
				color:#fff;
				border-radius:5px;
				display:block;
				width:9em;
				padding:.5em;
				text-align:center;
				text-transform:uppercase;
				letter-spacing:.1em;
				.font(Montserrat, 400, 24px);
				margin: 25px auto 0;
				b {
					.inherit();
					.bold();
				}
			}
		}
	}
	.highlight {
		box-shadow:0 0 10px fade(#000, 0);
		z-index:1;
		.transition(all, .5s, @easing);
		> div {
			.translateY(~"calc(100% - 3em)");
			@media (min-width:961px) {
				html.safari & { .translateY(~"calc(100% - 4.5em)"); }	
			}
			.transition(all, .5s, @easing);
		}
		&:before {
			background-color:fade(@blue, 80);
			border-radius:50px;
			.transition(all, .5s, @easing);
			width:~"calc(100% - 50px)";
			height:3em;
			top:~"calc(100% - 3em - 25px)";
			left:25px;
		}
	}
	.highlight:hover {
		box-shadow:0 0 10px fade(#000, 50);
		z-index:5;
		> div {
			&, html.safari & {
				.translateY(0);
			}
		}
		&:before {
			background-color:fade(#03616d, 77);
			border-radius:0;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
	}
	@media (max-width:768px) {
		background-image:url('/wp-content/uploads/2022/10/dr-hull-staff-photo.jpg');
		background-position: center center;
		background-size: cover;
		background-attachment: fixed !important;
		.highlight {
			display: block;
			padding: 20px;
			background-image: none;
			> div {
				.translateY(0);
			}
			.highlightCopy {
				max-height:1000px !important;
				padding: 0;
			}
			&:before {
				background-color:fade(#03616d, 77);
				border-radius:0;
				top:0;
				left:0;
				width:100%;
				height:100%;
			}
		}
	}
}

#footer {
	background-image:url('/wp-content/uploads/2022/10/homepage-photo.jpg');
	
	@media (min-width:769px) {
		display:grid;
		grid-template-columns:150px 500px 1fr;
		#ctt {
			justify-self:center;
		}
	}
	
	#socialMedia {
		background-color:fade(@black, 85);
		.vertAlign;
		@media (min-width:769px) {
			> div {
				.vertAlign;
				flex-direction:column;
			}
		}
		text-align:center;

		a {
			display:inline-block;
			padding:10px;
			vertical-align:top;
			line-height: 1;
			margin:8px;
		}
		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(@blue, 85);
		padding:50px;
		h4 {
			margin:0;
			color:#fff;
			text-align:center;
			.font(Josefin Sans, 400, 36px);
			@media (max-width:960px) { font-size:24px; }
			letter-spacing:.1em;
		}
		.wpcf7 {
			label {
				color:#fff;
				.font(Montserrat, 400, 16px);
			}
			.wpcf7-form-control-wrap {
				display:block;
				input, textarea {
					background-color:fade(#fff, 75);
					border:none;
					resize:none;
				}
			}
			input[type="submit"] {
				background-color:#fff;
				color:@blue;
				.max-width(11em);
				font-size:18px;
				height:2em;
				line-height:2em;
				margin:25px auto 0;
				display:block;
			}
		}
	}
	.footerInfo {
		color:#fff;
		.font(Montserrat, 400, 20px);
		text-align:center;
		margin-bottom:25px;
		svg {
			fill:currentcolor;
			width:30px;
			height:auto;
			display:block;
			margin:0 auto 10px;
		}
		a {
			.inherit();
			.font();
		}
		b {
			.inherit();
			.bold();
		}
		pre {
			.inherit();
			.font();
		}
	}
	#ctt a {
		background-color:#03616d;
		color:#fff;
		display:block;
		.font(Montserrat, 400, 26px);
		@media (max-width:960px) { font-size:20px; }
		letter-spacing:.1em;
		text-align:center;
		text-transform:uppercase;
		margin:50px 25px;
		.max-width(12em);
		padding:.5em;
		border-radius:5px;
	}
}

#betterFooter;

#text-2,
#text-5 {
	.textwidget {
		padding:0;
	}
	center {
		padding:10px;
	}
}

#npoo {
	display: grid;
    grid-template-columns: 2fr 3fr;
    grid-gap: 1px 0;
    padding: 5px;
    background-color: #dcdcdc;
    max-width: 375px;
    position: absolute;
    z-index: 5;
    right: 0px;
    top: 250px;
	font-color: white ;
	
	.translateX(~"calc(60% - -10px)");
	.transition(all, .5s, @easing);
	
	@media (max-width:768px) {
		display: block;
		position: static;
		transform: none;
		margin: 0 auto;
	}
	
	&:hover, &.out {
		.translateX(0%);
	}
	
	> * {
		margin:0;
		padding:5px;
	}
	h4, h6 {
		position:relative;
		overflow:hidden;
		text-align:center;
		color:#fff;
		background-color:#53afbd;
		.font(~"Josefin Sans", 400, 24px, 1.5);
		.vertAlign;
		
		&:before {
			content:' ';
			display:block;
			position:absolute;
			background-image:url('/wp-content/uploads/2020/04/icon-npoo.svg');
			background-size:contain;
			background-position:center;
			background-repeat:no-repeat;
			z-index:0;
			width:400px;
			height:400px;
			right:0;
		}
		span {
			position:relative;
			z-index:1;
		}
		b {
			.inherit();
		}
	}
	h4:before {
		top:0;
		.translate(55%, -55%);
	}
	h6:before {
		bottom:0;
		.translate(55%, 55%);
	}
	.npoo-copy {
		background-color:#dadada;
		padding:10px;
		p {
			color:#454545;
			text-align:center;
			.font(Montserrat, 300, 18px);
			b, strong {
				.inherit();
				.bold();
				
			}
			strong {
				text-transform:uppercase;
			}
		}
	}
	.wpcf7 {
		.wpcf7-form-control-wrap {
			display:block;
			margin-bottom:10px;
			input, textarea {
				display:block;
				border-bottom:1px solid #454545;
			}
			textarea {
				resize:none;
				height:150px;
			}
		}
		br { display:none !important; }
		input[type="submit"] {
			margin:0;
			background-color:#dadada;
			color:#454545;
		}
	}
}

.npo {
	h4.widget-title {
		font-size: 24px;
		line-height: 1.2em;
		font-weight: 400;
	}
}

.social-media {
	display: flex;
	justify-content: space-around;
	align-items: center;
	svg {
		* {
			fill: @blue;
		}
	}
}

.wp-caption {
	border: 0;
	border-radius: 0;
	padding: 0;
    background-color: #4fafbe;
	&.alignright {
		max-width: 50%;
		min-width:270px;
	}
	img {
		width: 100%;
		margin: 0;
	}
	.caption {
		color: #fff;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		padding: 10px 5px;
		margin:0;
	}
}

.vs { clear:both; border: 1px solid #b3b3b3; margin-bottom:20px; width:100%; }

.vs td { padding: 3px 6px; }

.vs tr:nth-of-type(even) {
    background-color: #3ba3b3;
    color: #fff;
}

.vs tr:first-of-type { text-transform: uppercase; font-weight: 700; font-size: 120%; text-align:center; line-height:1.2em; }

.vs tr td:nth-of-type(1), .vs tr td:nth-of-type(2) {
	border-right: 1px solid #b3b3b3;
}

.vs tr:first-of-type, .vs tr:nth-of-type(odd) .yes { color: #3ba3b3; }

td.yes { font-weight: 700; text-align: center; vertical-align: middle; }

p.galleryText {
    text-align: center;
    font-size: 16px;
}

.contentQuote {
    margin-bottom: 20px;
    font-size: 16px;
    border: 2px solid #3ba3b3;
    border-left: 0;
    border-right: 0;
    padding: 8px;
    font-style: italic;
    background-color: rgba(0,0,0,0.03);
}
#top-bar.new-location-promotion-bar {
    background: red;
	display:none;
	position: fixed;
	z-index: 9;
	width:100%;
	top:233px;
	transition: all ease-in-out 0.4s;
	@media all and (max-width: 1180px) {
		top: 273px;
	}
	@media all and (max-width: 960px) {
		top: 332px;
	}
	@media all and (max-width: 768px) {
		top: auto;
		bottom: 0;
	}
}
#top-bar .top-bar-content-container p {
    display: block;
    padding: 8px 0 10px;
    width: 100%;
    text-align: left;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
#top-bar .top-bar-content-container p {
    padding-left: 3.5vw;
}

#top-bar .top-bar-content-container a {
    color: #fff !important;
	text-decoration: underline;
}

@media all and (max-width:768px) {
	#top-bar .top-bar-content-container p {
		text-align: center;
	}
	
	#top-bar .top-bar-content-container a {
		display: inline-block;
	}
}

@media all and (max-width:768px) {
#top-bar .top-bar-content-container a {
		text-align: center;
	}
}
#top-bar div{
	font-size: 25px;
    padding: 10px 30px;
    color: white;
    font-weight: 600;
	text-align:center;
	width:100%;
	@media all and (max-width: 960px) {
		font-size: 18px;
	}
}
#top-bar.smaller{
	top:146px;
	@media all and (max-width: 768px) {
		top: auto;
	}
}
#top-bar{
	
}
#closeAd {
	cursor: pointer;
	padding: 5px 10px;
	background-color: black;
	z-index: 9;
}
.waypoint.slideFromLeft,
.waypoint.slideFromLeft.waypointEffectOff {
	opacity:0;
	.translateX(250px);
	.transition();
}
.waypoint.slideFromLeft.waypointEffect {
	opacity:1;
	.translateX(0);
}