/*
Theme Name: DentalCMO Child
Template: DentalCMO-Badger
Author: Child Theme Configurator
Version: 1.0.1458343915
Updated: 2016-03-18 23:31:55
*/
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@font-face {
  font-family: 'Garbata Trial';
  src: url('./fonts/GarbataTrial-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garbata Trial';
  src: url('./fonts/GarbataTrial-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garbata Trial';
  src: url('./fonts/GarbataTrial-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garbata Trial';
  src: url('./fonts/GarbataTrial-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Garbata Trial';
  src: url('./fonts/GarbataTrial-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v34/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2) format('woff2');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
.widget_custom_html {
	display:none;
}

body.home .entry-content h1,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	text-align:left;
	line-height:1;
}

body:not(.home) #content>.container {
	margin-top:25px;
	max-width:1440px;
	width:100%;
	margin:auto;
	padding-left:15px;
	padding-right:15px;
}
header#masthead > .container {
	max-width:1440px;
	width:100%;
	margin:auto;
	padding:0;
}
.shortWideBack>div {
	max-width:1490px;
}

header#masthead {
  position: relative;
  transition: all 0.3s ease;
	    background: #424242;
}
header#masthead.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}


@media all and (min-width:769px) {
	header#masthead {
		padding:0 15px;
	}
	header#masthead > .container {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
		        align-items: center;
	}
	#logo {
		text-align:left;
		padding:20px 0;
		position:relative;
	}
	#logo:before {
		/*content:' ';
		display:block;
		position:absolute;
		height:100%;
		width:100vw;
		background-color:#DBDDDE;
		top:0;
		right:-250px;
		z-index:-10;
		-webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 75px) 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, calc(100% - 75px) 100%, 0% 100%);*/
	}
	#logo a {
		position:relative;
		z-index:50;
	}
	#logo img {
		height:unset;
		        max-height: 75px;
	}
	#responsiveheader {
		width:1px;
		height:1px;
		display:block;
		margin:0;
		padding:0;
		overflow:hidden;
		margin:auto;
	}
	.navbar-nav > li > a {
		line-height: 90px;
		height: 90px;
		width: unset;
	}
}

@media all and (min-width:769px) and (max-width:959px) {
	header#masthead > .container {
		flex-direction: column;
	}
	#logo:before {
		right:unset;
		left:-150px;
	}
}

/*** Search ***/
button.navbar-toggle:hover * {
	color:#989a9d;
}
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color:#989a9d;
}
.navbar-nav > li.searchLi > ul.dropdown-menu {
	right: 0px !important;
    left: inherit !important;
	display:block;
	overflow:hidden;
	width:0;
	min-width:inherit;
	border-radius:0;
}
.navbar-nav > li.searchLi:hover > ul.dropdown-menu {
	width:250px;
}
.searchLi ul li {
	float:right;
}
.searchLi .input-group input.form-control {
	width:200px;
/* 	font-family:Open Sans; */
	font-family: 'Lora', serif;
}
.searchLi button.btn-default {
	border: 1px solid #ccc;
    height: 34px;
    color: #ccc;
	width: 51px;
}
.searchLi button.btn-default:hover {
	background-color: #ccc;
	color:#fff;
}
@media all and (min-width:769px) {
	.navbar-nav > li.searchLi > ul.dropdown-menu {
		transition: width .3s;
		-webkit-transition: width .3s;
	}
}
@media all and (max-width:768px) {
	.navbar-nav > li.searchLi.open > ul.dropdown-menu {
		width:100%;
	}
	.searchLi .input-group input.form-control {
		width:100%;
	}
}
.searchLi p {
	display: none;
}
/*** End Search ***/

/** Youtube Video **/
#youtubeVideo {
    max-height:600px; /* make 880px when video is ready */
    height:56.25vw;
    width:100%;
    position:relative;
    overflow:hidden;
	background-image: url(/wp-content/uploads/2018/09/svans-hero.jpg);
	background-size: cover;
}
#youtubeVideo:after {
    content:' ';
    display:block;
    position:absolute;
    background-color:rgba(0,0,0,0);
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:10;
}
#youtubeVideo .video-container {
	display: none; /* delete when video ready */
    position:absolute;
    z-index:5;
    top:0;
    bottom:0;
    right:0;
    left:0;
    margin:auto;
    width:100%;
    padding-top:0;
}
#youtubeVideo.fullScreen {
    max-height:100vh;
    height:100vh;
}
#playWithSound {
		display: none; /* delete when video ready */
    position:absolute;
    width:100%;
	height:auto;
	max-height:235px;
    z-index:20;
    margin:auto;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    cursor: pointer;
    line-height: 0;
    opacity:1;
    transition: opacity .2s linear;
}
#youtubeVideo.playedWithSound #playWithSound {
    opacity:0;
    pointer-events: none;
}

#controls {
		display: none; /* delete when video ready */
    width:100%;
    background-color:rgba(0,0,0,.25);
    padding:5px;
    box-sizing: border-box;
    overflow:hidden;
    color:#fff;
    position:absolute;
    bottom:0;
    left:0;
    z-index: 22;
    opacity:0;
    transition: opacity .2s linear;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
#youtubeVideo.playedWithSound:hover #controls {
    opacity:1;
}

#progress-bar {
    width:100%;
    margin: 4px 0 6px;
    cursor: pointer;
}
#controls input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: none;
    background:transparent;
    
    /*required for proper track sizing in FF*/
}
#controls input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
#controls input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background:  #fff;
    margin-top: -4px;
}
#controls input[type=range]:focus {
    outline: none;
}
#controls input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

#controls input[type=range]::-moz-range-track {
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
#controls input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #fff;
}

/*hide the outline behind the border*/
#controls input[type=range]:-moz-focusring{
    outline: none;
    outline-offset: -1px;
}

#controls input[type=range]::-ms-track {
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
#controls input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
#controls input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
#controls input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background:  #fff;
}
#controls input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
#controls input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

#qualityWrapper {
    position:relative;
    cursor: pointer;
    height:24px;
}
#quality {
    width:24px;
    height:24px;
    opacity:0;
    position:relative;
    z-index:3;
}
#qualityWrapper i {
    position:absolute;
    top:0;
    left:0;
    cursor: pointer;
}

#controls .material-icons {
    cursor: pointer;
}

#controlsLeft > *,
#controlsRight > *,
#volumeControls > *,
#qualityWrapper > * {
    display:inline-block;
    vertical-align: middle;
}


#controlsLeft > *:not(:last-child),
#controlsRight > *:not(:last-child) {
    margin-right:5px;
}

#controlsLeft {
    float:left;
    padding-left:20px;
}
#controlsRight {
    float:right;
    padding-right:20px;
}
#volumeControls {
    width:24px;
    transition: width .2s linear;
    position:relative;
    overflow:hidden;
}
#volumeControls:hover {
    width:107px;
}
#volume-input {
    width:75px;
    height:20px;
    position:absolute;
    left:25px;
}
#time {
/*     font-family: 'Open Sans', sans-serif; */
	font-family: 'Lora', serif;
    font-weight:300;
    font-size:14px;
}
#youtubeLink {
/*     font-family: 'Alternate Gothic No 2', sans-serif; */
	font-family: 'Lora', serif;
    font-weight:400;
    text-decoration:none;
    font-size:24px;
    color:#fff;
}

@media all and (max-width:768px) {
	#youtubeVideo:not(fullScreen) {
		background-image:url('');
		background-size:cover;
		background-position:center;
	}
	#youtubeVideo:not(fullScreen) .video-container {
		display:none;
	}
    #controls {
     display:none !important;
    }
}

#youtubeText {
	position:absolute;
	height:60%;
	width:auto;
	display:block;
	top:0;
	left:-3%;
	bottom:0;
	margin:auto;
	z-index:10;
}
@media all and (min-width:960px) {
	body.home header#masthead {
		margin-bottom:-60px;
	}
}
#youtubeVideo #overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:11;
}
#youtubeVideo #overlay:before {
	content:' ';
	display:block;
	position:absolute;
	height:100%;
	width:70%;
	top:0;
	left:0;
	background-color:#F16223;
	opacity:.3;
	-webkit-clip-path: polygon(0 0, 55% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0 0, 55% 0%, 100% 100%, 0% 100%);
}
#youtubeVideo #overlay:after {
	content:' ';
	display:block;
	position:absolute;
	height:100%;
	width:40%;
	top:0;
	right:0;
	background-color:#757777;
	opacity:.3;
	-webkit-clip-path: polygon(70% 0, 100% 0, 100% 100%, 0% 100%);
	clip-path: polygon(70% 0, 100% 0, 100% 100%, 0% 100%);
}

#youtubeVideo #overlay:before,
#youtubeVideo #overlay:after,
#youtubeText {
	-webkit-transition: all 2s cubic-bezier(0.77, 0, 0.175, 1);
	transition:         all 2s cubic-bezier(0.77, 0, 0.175, 1);
	
}

#youtubeVideo.playedWithSound #youtubeText {
	transform:translatex(-100vw);
	-webkit-transform:translatex(-100vw);
}
#youtubeVideo.playedWithSound #overlay:before {
	transform:translatex(-100vw);
	-webkit-transform:translatex(-100vw);
}
#youtubeVideo.playedWithSound #overlay:after {
	transform:translatex(100vw);
	-webkit-transform:translatex(100vw);
}
/** End Youtube Video **/

#virtualButton a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbb216+0,f16223+100 */
	background: #fbb216; /* Old browsers */
	background: -moz-linear-gradient(left, #fbb216 0%, #f16223 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fbb216 0%,#f16223 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fbb216 0%,#f16223 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb216', endColorstr='#f16223',GradientType=1 ); /* IE6-9 */
	
	padding: 10px 18px;
	color: #fff;
	font-weight: 700;
	line-height:1em;
	font-size: 20px;
    float: right;
    margin-right: 20px;
    margin-top: -60px;
    position: relative;
    z-index: 99;
}

@media all and (max-width:768px) {
	#virtualButton {
		text-align: center;
	}
	#virtualButton a {
		float: none;
		display: inline-block;
		margin: 0 0 10px;
	}
}

@media all and (max-width:450px) {
	#virtualButton a {
		font-size: 16px;
		letter-spacing: -0.5px;
	}
}

#page {
	overflow:hidden;
}
#content {
	position:relative;
}

#content:before {
	content:' ';
	display:block;
	position:absolute;
	width:100%;
	height:500%;
	top:0;
	left:0;
	z-index:-1;
	background-image:url('/wp-content/uploads/2018/07/Background.svg');
	background-size:100% auto;
	background-position:top center;
}

#sectionWelcome {
	padding-top:calc(6vw - -50px);
}

#sectionWelcome,
#sectionTestimonials,
#sectionHighlights {
	margin-bottom:calc(6vw - -50px);
}

#sectionWelcome h1 {
	width:100%;
}
#sectionWelcome h1 span {
/* 	font-family:Roboto; */
	font-family: 'Garbata Trial';
	text-transform:uppercase;
	color:#898D93;
	letter-spacing:.4em;
	display:block;
	margin-left:1.75em;
	margin-bottom: .2em;
}
#sectionWelcome h1 img {
	width:7em;
	height:auto;
	margin-right: .4em;
}

#testCont {
	position:relative;
}
.entry-content #sectionTestimonials h2, .entry-content #sectionTestimonials h5 {
/* 	font-family:Roboto; */
	font-family: 'Garbata Trial';
	font-size:38px;
	font-weight:400;
	color:#898D93;
	text-align:left;
	text-transform:uppercase;
	letter-spacing:.25em;
	padding:0 1em;
	margin:0;
}
@media all and (min-width:769px) {
	#sectionTestimonials h2 {
		position:absolute;
		width:33%;
		right: 55.5%;
	}
}
.entry-content #sectionTestimonials h2 b, .entry-content #sectionTestimonials h5 b {
	font-family:inherit;
	font-size:1.4em;
	font-weight:700;
	display:block;
	color:inherit;
	margin-left:1em;
	text-transform:inherit;
}
.testimonial {
	position:relative;
	height:0;
	background-image:url('/wp-content/uploads/2017/11/Placeholder.svg');
	background-position:center;
	background-size:cover;
}
.testimonial:nth-child(odd) {
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.testimonial:nth-child(odd) img {
	top: 10%;
	left: 20%;
}
.testimonial:nth-child(even) {
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.testimonial:nth-child(even) img {
	bottom: 10%;
	left: 20%;
}
.su-lightbox {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
	cursor:pointer;
	background-color:rgba(119, 119, 119,.6);
	-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition:         all 600ms cubic-bezier(0.77, 0, 0.175, 1);
}
.su-lightbox img {
	position:absolute;
	width:20%;
	height:auto;
	opacity:0;
	-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition:         all 600ms cubic-bezier(0.77, 0, 0.175, 1);
}
.testimonial:hover .su-lightbox img {
	opacity:1;
}
.testimonial:hover .su-lightbox {
	background-color:rgba(119, 119, 119,0);
}

@media all and (min-width:769px) {
	.testimonial:nth-child(odd) {
		width:33%;
		padding-bottom:calc(33% * .85);
		position:absolute;
		top:0;
		margin-top:5.5%;
	}
	.testimonial:nth-child(even) {
		width:50%;
		padding-bottom:calc(50% * .85);
	}
	.testimonial:nth-child(1) {
		right:55.5%;
	}
	.testimonial:nth-child(2) {
		margin:auto;
	}
	.testimonial:nth-child(3) {
		left:55.5%;
	}
}
@media all and (max-width:768px) {
	.testimonial {
		width:calc(100% - 2em);
		margin:0 1em;
		padding-bottom:85%;
	}
}

/** Highlight **/
#sectionHighlights {
	position:relative;
}
.mainContainer {
	grid-area: main;
}
.button-top {
	grid-area: top;
}
.button-middle {
	grid-area: middle;
}
.button-bottom {
	grid-area: bottom;
}
.highlight {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#777;
	overflow:hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
}
.highlight:before,
.highlight:after {
	overflow:hidden;
	content:' ';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
	-webkit-transition:opacity .4s linear;
	transition:opacity .4s linear;
}
.highlight:before {
	background: -moz-linear-gradient(left, rgba(93,93,93,.7) 0%, rgba(93,93,93,.7) 91%);
	background: -webkit-linear-gradient(left, rgba(93,93,93,.7) 0%, rgba(93,93,93,.7) 91%);
	background: linear-gradient(to right, rgba(93,93,93,.7) 0%, rgba(93,93,93,.7) 91%);
	
	opacity:.7;
}
.highlight:after {
	background: -moz-linear-gradient(left, rgba(251,178,22,.7) 0%, rgba(241,98,35,.7) 91%);
	background: -webkit-linear-gradient(left, rgba(251,178,22,.7) 0%, rgba(241,98,35,.7) 91%);
	background: linear-gradient(to right, rgba(251,178,22,.7) 0%, rgba(241,98,35,.7) 91%);
	
	opacity:0;
}

.highlight.active:before {
	opacity:0;
}
.highlight.active:after {
	opacity:.7;
}
.highlight {
	background-image:url('/wp-content/uploads/2017/11/Placeholder.svg');
	background-size:cover;
	background-position:center;
	cursor:pointer;
}
#pin.highlight {
	background-image:url('/wp-content/uploads/2018/08/pinhole.jpg');
}
#des.highlight {
	background-image:url('/wp-content/uploads/2018/08/design.jpg');
}
#apn.highlight {
	background-image:url('/wp-content/uploads/2018/08/apnea.jpg');
}
#imp.highlight {
	background-image:url('/wp-content/uploads/2018/08/implants.jpg');
}

.highlight.active {	
	cursor:auto;
}

@media all and (min-width:960px) {
	.mainContainer {
		width:66%;
		max-height:640px;
		height:56.25vw;
		position:relative;
		z-index:50;
		-webkit-clip-path: polygon(0 0, 0 100%, 80% 100%, 100% 0);
		clip-path: polygon(0 0, 0 100%, 80% 100%, 100% 0);
	}
	
	.button-top,
	.button-middle,
	.button-bottom {
		width:50%;
		position:absolute;
		right:0;
		height:calc(100% * (1 / 3));
	}
	.button-top {
		top:0;
	}
	.button-middle {
		top:0;
		bottom:0;
		margin:auto;
	}
	.button-bottom {
		bottom:0;	
	}
}

@media all and (max-width:959px) {
	#sectionHighlights {
		display:grid;
		grid-template-columns: auto auto auto;
		grid-template-rows: calc(33vw * .5625 ) calc(33vw * .5625 ) calc(33vw * .5625 ) calc(33vw * .5625 );
		grid-gap:10px;
		grid-template-areas: 
			"top middle bottom"
			"main main main"
			"main main main"
			"main main main";
	}
	#sectionHighlights > * {
		position:relative;
	}
}

.highlight h4 {
/* 	font-family: Myriad Pro; */
	font-family: 'Garbata Trial';
	font-size:42px;
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .25em;
	width:100%;
	padding:10px;
	z-index:5;
}
.highlight > h4 {
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	height:53px;
	font-size:42px;
	text-align:right;
}
.highlight.active > h4 {
	display:none;
}
.highlightCopy > h4 {
	font-size:54px;
	margin:auto;
	text-align:left;
}
.highlightCopy {
	opacity:0;
	margin:auto;
	position:relative;
	z-index:10;
	-webkit-transition:opacity .4s linear;
	transition:opacity .4s linear;
	pointer-events:none;
	padding:25px;
	min-width:40vw;
	width:40vw;
}
.highlight.active .highlightCopy {
	opacity:1;
	pointer-events:all;
}
.entry-content div.highlightCopy,
.entry-content .highlightCopy p {
	color:#fff;
}

@media all and (max-width:959px) {
	.highlightCopy {
		width:75vw;
		min-width:75vw;
	}
	.highlight > h4 {
		font-size:24px;
	}
}
/** End Highlight **/

#logoIcon img {
	height:180px;
	width:auto;
	display:block;
	margin:25px auto;
}

#aboveFooter .vertAlign > div {
	margin:auto;
}
.footerInfo,
.footerInfo a,
.footerInfo pre {
	color:#757777;
/* 	font-family:Myriad Pro, PT Sans; */
	font-family: 'Lora', serif;
	font-size:28px;
	font-weight:400;
	text-align:center;
}
.footerInfo a {
	font-weight:700;
}
.footerInfo pre {
	white-space:normal;
}

@media all and (min-width:769px) {
	#aboveFooter .third:nth-child(2) {
		order:3;
	}
}

#socialMedia {
	text-align:center;
}
#socialMedia a {
	display:inline-block;
	padding:10px;
	vertical-align:top;
	line-height: 1;
	margin:8px;
}
#socialMedia svg {
	height:32px;
	width:auto;
}
#socialMedia a svg path {
	fill:#757777;
	fill-opacity:.8;
	transition:fill-opacity .3s;
	-webkit-transition:fill-opacity .3s;
}
#socialMedia a:hover svg path {
	fill-opacity:1;
}

#footer {
	background-image:url('/wp-content/uploads/2018/09/footer.jpg');
	background-size:cover;
	background-position:center bottom;
}

#footerCont {
	max-width:560px;
	margin:auto;
}
#footerCont img {
	max-width:370px;
	display:block;
	margin:auto;
}
#footerCont > div {
	padding:25px;
	background-color:rgba(96,91,85,.84);
}
#footerCont > div:first-child {
	margin-bottom:15px;
}

/** Footer **/

.wpcf7 label {
	display: inline-block;
	width: 75px;
	color: #FBB216;
/* 	font-family:Roboto; */
	font-family: 'Lora', serif;
	font-weight:400;
	padding-right:5px;
	text-align:left;
	margin-bottom: 0;
}
.wpcf7-form-control-wrap {
	width:calc(100% - 75px);
	margin-bottom:15px;
}
.wpcf7 input,
.wpcf7 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 label:hover + span input,
.wpcf7 label:hover + span textarea,
.wpcf7 label + span input:hover,
.wpcf7 label + span textarea:hover,
.wpcf7 label + span input:focus,
.wpcf7 label + span textarea:focus {
	background-color:rgba(255,255,255,.9);
}
.wpcf7 select {
	height:30px;
}
.contactFormInfo > div,
.contactFormMessage > div {
	margin-bottom:20px;
}
.wpcf7 input[type=submit] {
	margin-top: 0px;
	background-color:rgba(255,255,255,.6);
	color:#F16223;
	width:125px;
	margin:0 0 0 auto;
	display:block;
/* 	font-family: Helvetica Neue, Arial, sans-serif; */
	font-family: 'Lora', serif;
}
.wpcf7 input[type=submit]:hover {
	background-color:rgba(255,255,255,.9);
	color:#F16223;
}
/** End Footer **/
#contactus h2, #contactus h5 {
	color:#FBB216;
/* 	font-family:Roboto; */
	font-family: 'Garbata Trial';
	font-size:38px;
	font-weight:400;
	text-align:center;
	margin-bottom:10px;
}
#contactus > * {
	max-width:420px;
	margin:auto;
}

body:not(.home) header#masthead {
	/*margin-bottom:10px;*/
}
body:not(.home) #content {
	padding-top:10px;
}

blockquote .fa {
	color: #EB6E00;
}

blockquote cite {
	font-weight: 700;
}


.hmtesmnslider { margin: 30px 30px 0;}
.hmtesmnslider .wptww-testimonials-text p{ color: #838383; }
.hmtesmnslider .wptww-testimonials-text em{ font-style: normal; }
.hmtesmnslider .wptww-testimonials-text em::before,
.hmtesmnslider .wptww-testimonials-text em::after{ 
	content: none; }

.hmtesmnslider hr.longform_hr {
    width: 175px;
    height: 3px;
    background: #efefef;
    border: none;
    margin: 30px auto;
}

.hmtesmnslider .slick-dots,
.hmtesmnslider .wptww-testimonial-content h4{ display: none !important;}



/**** New Css  ****/
.page-id-2215.page-template-page-maxwidth-php #content .container.main-content-area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.page-id-2215 header.entry-header.page-header {
    display: none;
}
.page-id-2215 div#youtubeVideo h1 {
    position: absolute;
    top: 16%;
    left: 20px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 2px black;
}
.page-id-2215 h2#youtubeText {
    text-transform: inherit;
}
.btn a {
    background: linear-gradient(to right, #fbb216 0%, #f16223 100%);
    padding: 10px 18px;
    color: #fff !important;
    font-weight: 700;
    line-height: 1em;
    font-size: 20px;
}
div#youtubeVideo .btn
 {
    position: absolute;
    top: 84%;
    left: 20px;
}
.page-id-2215 div#youtubeVideo {
    display: none;
}
div#youtubeVideo.nhbanner {
    display: block;
}
.page-id-2215 div#virtualButton {
    display: none;
}
.page-id-2215 #content
 {
    padding-top: 0px !important;
}

.page-id-2215 #sectionWelcome h2 {
    width: 100%;
}
.page-id-2215 #sectionWelcome h2 span {
    /* font-family: Roboto; */
    font-family: 'Garbata Trial';
    text-transform: uppercase;
    color: #898D93;
    letter-spacing: .4em;
    display: block;
    margin-left: 1.75em;
    margin-bottom: .2em;
}
.page-id-2215 #sectionWelcome h2 img {
    width: 7em;
    height: auto;
    margin-right: .4em;
}
.page-id-2215 .highlightCopy > h2 {
    font-size: 54px;
    margin: auto;
    text-align: left;
    font-family: 'Garbata Trial';
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .125em;
    width: 100%;
    padding: 10px;
}
.page-id-2215 .shighlight.highlight h3 {
    position: absolute;
    top: 44px;
    bottom: 0;
    right: 0;
    margin: auto;
    /* height: 53px; */
    font-size: 31px;
    text-align: right;
    font-family: 'Garbata Trial';
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .15em;
    width: 100%;
    padding: 10px;
    z-index: 4;
}
.page-id-2215 .shighlight.highlight p {
    position: absolute;
    top: 94px;
    bottom: 0;
    right: 0;
    margin: auto;
    text-align: right;
    font-family: 'Garbata Trial';
    /* text-transform: uppercase; */
    color: #fff;
    /* letter-spacing: .25em; */
    width: 100%;
    padding: 10px;
    z-index: 4;
    max-width: 530px;
    line-height: 1.4;
}
.page-id-2215 div#sectionTestimonials {
    margin-bottom: calc(0vw - -25px);
}
.page-id-2215 div#sectionHighlights {
    margin-bottom: calc(1vw - -50px);
}
.page-id-2215 #des.highlight {
    background-image: url(https://svansdentistry.com/wp-content/uploads/2026/02/img-emergency-dentistry-.webp);
}
.page-id-2215 #apn.highlight {
    background-image: url(https://svansdentistry.com/wp-content/uploads/2026/02/img-invisalign.webp);
}

.nhmeetdocsec {
    padding-bottom: 70px;
}
.docrow {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
}
.doccoll {
    float: left;
    width: 41%;
}
.doccolr {
    float: left;
    width: 55%;
}
.doccont h3 {
    font-family: 'Garbata Trial';
    text-transform: uppercase;
    color: #898D93;
    letter-spacing: .4em;
    font-size: 35px;
    margin-bottom: 20px;
}
.docim {
    display: flex;
    justify-content: center;
}
.nhcta {
    background: url(https://svansdentistry.com/wp-content/uploads/2026/02/img-start-your-journey-to-a-healthier-smile.webp) top center no-repeat;
    background-size: cover;
    padding: 80px 0;
    margin-bottom: calc(1vw - -50px);
    position: relative;
}
.nhcta:before
 {
    content: "";
    background: #00000094;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}
.ctarow {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
	    position: relative;
}
.ctarow h4 {
    font-family: 'Garbata Trial';
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .12em;
    font-size: 35px;
    margin-bottom: 20px;
    text-align: center;
}
.ctarow p
 {
    text-align: center;
	 color: #fff;
}

.faqsec {
    padding-bottom: 60px;
}
.faqrow h2, .faqrow h5 {
    font-family: 'Garbata Trial';
    text-transform: uppercase;
    color: #898D93;
    letter-spacing: .4em;
    font-size: 36px;
    margin-bottom: 20px;
    text-align: center;
}
.sp-easy-accordion .sp-ea-single .ea-header a
 {
    text-transform: capitalize;
}
.sp-easy-accordion .sp-ea-single h3 {
    margin-top: 0 !important;
}
.faqcont {
    margin-top: 35px;
}

.page-template-page-fullwidth h2 {
    line-height: 1.4;
    margin-top: 42px !important;
    margin-bottom: 15px;
}
.page-template-page-fullwidth h3 {
    text-transform: capitalize;
    margin-top: 35px !important;
}

div#servbannersec {
    background: url(https://svansdentistry.com/wp-content/uploads/2018/09/svans-hero.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
    padding: 100px 0;
	margin-bottom: 40px;
}
.servicebanner h1 {
    text-align: center;
    color: #fff;
    text-transform: capitalize;
    font-size: 45px;
    font-family: 'Garbata Trial';
	    line-height: 1.4;
}
.servicebanner {
    position: relative;
}
div#servbannersec:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000075;
    z-index: 0;
}
div#sectionWelcome {
    margin-bottom: calc(2vw - -50px);
}
.comprehensivesec h2 {
    font-family: 'Garbata Trial';
    text-transform: uppercase;
    color: #898D93;
    letter-spacing: .2em;
    font-size: 37px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.3;
}
.ccont p {
    text-align: center;
}
.comprehensivesec {
    padding-bottom: 60px;
}
.entry-content #sectionTestimonials h5 {
    text-align: center !important;
}


@media screen and (max-width:768px){
	div#youtubeVideo.nhbanner {
    background-image: url(/wp-content/uploads/2018/09/svans-hero.jpg);
    background-size: cover;
    height: 95.25vw;
}
.page-id-2215 div#youtubeVideo h1 {
    top: 14%;
    left: 16px;
    font-size: 14px;
}
.btn a {
    font-size: 17px;
}
div#youtubeVideo .btn {
    top: 83%;
    left: 16px;
}
.page-id-2215 #sectionWelcome h2 span {
		margin-left: 0px !important;
		text-align: center !important;
		letter-spacing: 0.2em !important;
}
.page-id-2215 #sectionWelcome h2 img {
        margin: 0 auto !important;
}
.page-id-2215 div#wptww-testimonials-slidelist-1 {
    margin-bottom: 0;
}
.page-id-2215 .highlightCopy > h2 {
    font-size: 40px;
}
.page-id-2215 div#sectionHighlights {
    display: flex;
    width: 100%;
    position: relative;
    flex-direction: column;
}
.page-id-2215 #pin.highlight {
        /* height: auto; */
        position: relative;
        top: auto;
        left: auto;
}
	
.shighlight.highlight {
    position: relative;
    height: auto;
    top: auto;
    left: auto;
    flex-direction: column;
    padding: 30px 15px;
}
.page-id-2215 .shighlight.highlight h3 {
    position: relative;
    width: 100%;
    top: auto;
    left: auto;
right: auto;
    text-align: left;
    font-size: 25px;
max-width: 530px;
}
.page-id-2215 .shighlight.highlight p {
    text-align: left;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
}
.shighlight.highlight .highlightCopy {
    display: none;
}
	
.doccoll, .doccolr {
    float: none;
    width: 100%;
}
.doccont h3 {
    font-size: 30px;
    margin-bottom: 11px;
    line-height: 1.3;
}
	.faqrow h2, .faqrow h5 {
    font-size: 30px;
    line-height: 1.3
}
	.servicebanner h1 {
    font-size: 35px;
    line-height: 1.4;
}
	.comprehensivesec h2 {
    font-size: 28px;
}
	
}

@media screen and (max-width:480px){
.page-id-2215 .highlightCopy > h2 {
    font-size: 34px;
        letter-spacing: 0px;
        padding: 0px;
}
}

/**** New Css  ****/


.top-address{
  background-color: #000;
  color: #fff;     
        font-family: Montserrat;
         font-size: 15px;
    line-height: 1.75;
    font-weight: 400;
	    text-align: center;
    padding: 5px;
	    
}
.top-address i{
	margin-right: 5px;
}
.top-address:hover i{
	color: #f16223;
}
.top-address a{
	color: #fff;	
    text-decoration: underline;
}
.top-address a:hover{
	 text-decoration: none;
	color: #f16223;
}
