/*
Theme Name: DentalCMO Child
Template: DentalCMO-Badger
Author: Child Theme Configurator
Version: 1.0.1458343915
Updated: 2016-03-18 23:31:55
*/

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;
}

#post-1205 blockquote cite {
	display: block;
	text-align: right;
}

nav.navbar > .container {
	max-width:1440px;
}
@media all and (min-width:1001px) {
	nav.navbar > .container {
		margin-top:-50px;
	}
}
@media all and (min-width:769px) {
	ul.nav > li > a:hover, ul.nav > li.active > a {
		background-image: url(/wp-content/uploads/2018/04/menu-icon.svg);
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
	}
}

/*** 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;
}
.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%;
	}
}
/*** End Search ***/

#slider {
	background-image:url('https://www.duluthdentalcenter.com/wp-content/uploads/2022/06/Slider-homepg.jpeg');
	max-height:720px;
	height:56.25vw;
	width:100%;
	position:relative;
	overflow:hidden;
}
#slider svg {
	overflow:visible;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	pointer-events:none;
	max-width:100%;
	height:auto;
}

body.home .entry-content {
	overflow:hidden;
}
#sectionWelcome {
	position:relative;
	padding:0 25px;
}
svg#welcomeImage {
	position:absolute;
	height:100%;
	width:auto;
	top:0;
	left:0;
	overflow:visible;
}
#sectionWelcomeCopy {
	max-width:1090px;
	margin:calc(7vw - -50px) auto 0;
	position:relative;
	z-index:5;
	padding:25px 0;
	overflow:hidden;
}
.entry-content #sectionWelcomeCopy p,
.entry-content #sectionWelcomeCopy ul,
.entry-content #sectionWelcomeCopy li {
	color:#fff;
}
.entry-content #sectionWelcomeCopy li {
	list-style-type: none;
}
.entry-content #sectionWelcomeCopy li:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    margin: -3px 10px 0 0;
    background-color: #fff;
}

#sectionTestimonialsCont {
	background-image:url('/wp-content/uploads/2018/04/Background-Pattern.svg');
	background-position:center;
	background-size:400px;
	overflow:hidden;
	padding:7vw;
	border-top:10px solid rgb(240,240,240);
	border-bottom:10px solid rgb(240,240,240);
}
#sectionTestimonialsCont h2 {
	text-align:center;
}
.entry-content #sectionTestimonialsCont h2 b {
	font-family:inherit;	
	color:#26A595;
	font-weight:700;
	text-transform:uppercase;
}

#testimonial_rotator_wrap_386.testimonial_rotator_wrap.with-prevnext {
	margin:0;
	padding:0;
}
#testimonial_rotator_386 {
	width:calc(100% - 150px);
	margin:auto;
}
.newArrows .testimonial_rotator_prev, .newArrows .testimonial_rotator_next {
	width:52px;
	height:152px;
}
.newArrows .testimonial_rotator_prev {
	left:0;
	background-image:url('/wp-content/uploads/2018/04/arrowLeft.svg');
}
.newArrows .testimonial_rotator_next {
	right:0;
	background-image:url('/wp-content/uploads/2018/04/arrowRight.svg');
}

.testimonial_rotator .slide {
	background-color:rgba(38,165,149,.7);
	padding:25px;
}
.testimonial_rotator.template-longform .testimonial_rotator_star {
	font-size:36px;
}
.entry-content .testimonial_rotator.template-longform div.testimonial_rotator_quote {
	color:#fff;
	font-size:20px;
	line-height:1.25;
}
.entry-content .testimonial_rotator.template-longform .testimonial_rotator_author_info p {
	font-family:Nunito;
	font-size:36px;
	color:#fff;
}
.entry-content .testimonial_rotator.template-longform .testimonial_rotator_author_info p:before {
	content:"-";
}

.longform_hr {
	display:none;
}

@media all and (min-width:1440px) {
	#aboveFooter, #footer {
		padding:0 calc( (100vw - 1440px) / 2);
	}
}
#footerName {
	max-width:calc(100% - 320px);
}
@media (min-width:769px) {
	#aboveFooter > div {
		width:calc(100% - 320px);
		min-width: 270px;
	}
}
#contactus {
	width:320px;
}
#contactus h2 {
	text-align:center;
	color:#fff;
	margin:0;
	padding-bottom:15px;
	border-bottom:1px solid #fff;
	margin-bottom:15px;
	font-family:Roboto;
	font-weight:700;
	line-height:1;
}

#aboveFooter {
	text-align:center;
	padding-top:10px;
}
#aboveFooter img {
	margin-bottom:10px;
}
#aboveFooter div div * {
	white-space:normal;
	display:inline-block;
	vertical-align:middle;
}
#aboveFooter div,
#aboveFooter div div * {
	font-family:Myriad Pro, PT Sans;
	font-size:32px;
	color:#26A595;
	font-weight:400;
}
#aboveFooter div a {
	font-weight:700;
}


@media (max-width:768px) {
	#aboveFooter div,
	#aboveFooter div div * {
		font-size:24px;
	}
}

#footerName > img {
	margin:auto;
	display:block;
	max-width:75%;
	height:auto;
}

#contactus {
	padding:20px;
	position:relative;
	background-color:rgba(38,165,149,.6);
}
#contactus:before {
	content:' ';
	display:block;
	width:calc(100% - -40px);
	height:100%;
	position:absolute;
	top:0;
	left:-20px;
	pointer-events:none;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

/** Footer **/
#footer {
	background-image:url('/wp-content/uploads/2018/04/Footer.jpg');
}
.wpcf7 label {
	width: 0;
	height:0;
	padding:0;
	margin:0;
	font-size:0;
	overflow:hidden;
}
.wpcf7-form-control-wrap {
	width:100%;
	margin-bottom:15px;
}
.wpcf7 input,
.wpcf7 textarea {
	background-color:rgba(255,255,255,.7);
	padding: 0 5px;
	width: 100%;
	max-width: 100%;
	border:none;
	-webkit-transition: background-color .3s;
	transition: background-color .3s;
	resize:none;
	color:#26A595;
}

.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,.7);
	color:#26A595;
	width:125px;
	margin:0 0 0 auto;
	display:block;
	font-family: Helvetica Neue, Arial, sans-serif;
}
.wpcf7 input[type=submit]:hover {
	background-color:rgba(255,255,255,.9);
	color:#26A595;
}
/** End Footer **/

.wpcf7 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #26A595;
	opacity: 1; /* Firefox */
}

.wpcf7 :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #26A595;
}

.wpcf7 ::-ms-input-placeholder { /* Microsoft Edge */
	color: #26A595;
}

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

@media all and (max-width:768px) {
	#footerName {
		max-width: 90%;
		padding:20px 0;
	}
	#footerName img {
		max-width:100%;
	}
	#contactus {
		max-width:320px;
		width: 100%;
	}
	#contactus:before {
		display:none;
	}
}

.entry-content h1 b {
	color:#fff;
	font-family:Nunito;
	font-weight:700;
	text-transform:uppercase;
}
@media all and (min-width:769px) {
	.entry-content h1 {
		float:left;
		margin-right:20px;
		margin-bottom:20px;
	}
	.entry-content h1 b {
		display:block;
		text-align:right;
	}
	.entry-content h1 img {
		display:block;
		height:auto;
		width:300px;
		margin:0 0 8px auto;
	}
}
@media all and (max-width:768px) {
	.entry-content h1 {
		font-size:36px;
	}
	.entry-content h1 img {
		margin-left: .25em;
		height: 27px;
		width: auto;
		vertical-align: top;
		margin-top: 2px;
	}
}
#sectionTestimonials > div > p {
	text-align:right;
	margin-top:20px;
}
#sectionTestimonials > div > p a {
	display:inline-block;
	padding:5px 8px;
	border:1px solid #0074d9;
}
#sectionTestimonials > div > p a:hover {
	background-color:#0074d9;
	color:#fff;
}

/** Highlight **/
#sectionHighlights {
	margin-bottom:3vw;
}
.mainContainer {
	position:relative;
	margin:auto;
	z-index: 10;
}

.highlight {
	position:relative;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-position:center;
	background-size:cover;
	overflow:hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	flex-direction: column;
}
#cos.highlight {;
	background-image:url('/wp-content/uploads/2018/04/cosmetic.jpg');
}
#gen.highlight {;
	background-image:url('/wp-content/uploads/2018/04/general.jpg');
}
#crown.highlight {;
	background-image:url('/wp-content/uploads/2018/04/crown.jpg');
}
#implant.highlight {;
	background-image:url('/wp-content/uploads/2018/04/implant.jpg');
}
.highlight:before {
	content:' ';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#414142;
	opacity:.7;
	z-index:1;
	-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition:         all 600ms cubic-bezier(0.77, 0, 0.175, 1); 
}
.highlight > *{ 
	z-index:5;
	position:relative;
}

.highlight h4 {
	font-family:Century Gothic;
	color:#fff;
	text-align:center;
	line-height:.8;
	padding:30px 10px 10px;
	margin-bottom:0;
	font-size:36px;
	-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition:         all 600ms cubic-bezier(0.77, 0, 0.175, 1); 
}
.highlight img {
	height:50%;
	width:auto;
	opacity:1;
	position:absolute;
	top:100px;
	bottom:0;
	-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition:         all 600ms cubic-bezier(0.77, 0, 0.175, 1); 
}
.highlight .highlightCopy {
	padding:0 20px;
	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); 
}
.entry-content .highlight .highlightCopy p {
	color:#fff;
}

.learnMore svg {
    float: right;
    max-width: 200px;
    margin-top: 20px;
}
.learnMore:hover svg #path1968 {
	opacity: 1 !important;
}

@media all and (min-width:769px) {
	#sectionHighlights .grid {
		display:grid;
		position:relative;
		grid-template-columns: auto auto auto;
		grid-template-rows: calc(33vw * .5625 );
		grid-gap:10px;
		grid-template-areas:
			"left middle right";
	}
	#sectionHighlights .grid > * {
		position:relative;
	}
	.button-left {
		grid-area: left;
	}
	.button-middle {
		grid-area: middle;
	}
	.button-right {
		grid-area: right;
	}
	.highlight {
		position:absolute;
	}
	.mainContainer {
		border-left:10px solid #fff;
		border-right:10px solid #fff;
		border-bottom:10px solid #fff;
		margin-bottom: -20px;
		max-width:720px;
		height:540px;
	}


	.highlight.active img {
		opacity:.5;
		height:195px;
		top:50%;
	}
	.highlight.active:before {
		background-color:#26A595;
		opacity:.6;
	}
	.highlight.active h4 {
		font-size:62px;
	}
	.highlight.active .highlightCopy {
		opacity:1;	
	}
}
@media all and (max-width:768px) {
	.mainContainer .highlight,
	.grid .highlightButton:not(.last-child) .highlight {
		border-bottom:10px solid #fff;
	}
	.highlight .highlightCopy {
		padding-bottom:20px;
	}

	.highlight.waypointEffect img {
		opacity:.5;
		height:195px;
		top:50%;
	}
	.highlight.waypointEffect:before {
		background-color:#26A595;
		opacity:.6;
	}
	.highlight.waypointEffect h4 {
		font-size:62px;
	}
	.highlight.waypointEffect .highlightCopy {
		opacity:1;	
	}
}
/** End Highlight **/

@media all and (max-width:768px) {
	.entry-content #sectionWelcomeCopy li { text-align: left; list-style-type: disc; }
	.entry-content #sectionWelcomeCopy li:before { display: none; }
	#sectionTestimonialsCont { padding: 0; }
	.entry-content #sectionTestimonialsCont h2 {
		font-size: 30px;
	}
	#testimonial_rotator_386 {
		width: calc(100% - 50px);
	}
	.newArrows .testimonial_rotator_prev, .newArrows .testimonial_rotator_next { width: 20px; }
	.testimonial_rotator .slide { padding: 10px; }
	.testimonial_rotator.template-longform .testimonial_rotator_star { font-size: 30px; }
	.entry-content .testimonial_rotator.template-longform div.testimonial_rotator_quote { font-size: 16px; line-height: 1em; }
	.entry-content .testimonial_rotator.template-longform .testimonial_rotator_author_info p { font-size: 22px; }
}
#desktopButton {
	position: fixed;
	top: 300px;
	z-index: 999;
	background-color: #707071;
	transition: all 0.7s ease;
}
#desktopButton.out {
	right: 0;
}
#desktopButton.in {
	right: -294px;
}
#desktopButton .fa {
	cursor: pointer;
}
#desktopButton i {
	color: #fff;
	padding: 19px 15px 18px 15px;
	font-size: 22px;
    animation-name: shake;
    animation-duration: 5s;
    transform-origin: 50% 50%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: webkitShake;
    -webkit-animation-duration: 5s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}
@keyframes shake {
	0% { transform: rotate(0deg); }
	82% { transform: rotate(0deg); }
	83.5% { transform: rotate(10deg); }
	85% { transform: rotate(0deg); }
	86.5% { transform: rotate(-10deg); }
	88% { transform: rotate(0deg); }
	89.5% { transform: rotate(10deg); }
	91% { transform: rotate(0deg); }
	92.5% { transform: rotate(-10deg); }
	94% { transform: rotate(0deg); }
	95.5% { transform: rotate(10deg); }
	97% { transform: rotate(0deg); }
	98.5% { transform: rotate(-10deg); }
	100% { transform: rotate(0deg); }
}
@-webkit-keyframes webkitShake {
	0% { -webkit-transform: rotate(0deg); }
	82% { -webkit-transform: rotate(0deg); }
	83.5% { -webkit-transform: rotate(10deg); }
	85% { -webkit-transform: rotate(0deg); }
	86.5% { -webkit-transform: rotate(-10deg); }
	88% { -webkit-transform: rotate(0deg); }
	89.5% { -webkit-transform: rotate(10deg); }
	91% { -webkit-transform: rotate(0deg); }
	92.5% { -webkit-transform: rotate(-10deg); }
	94% { -webkit-transform: rotate(0deg); }
	95.5% { -webkit-transform: rotate(10deg); }
	97% { -webkit-transform: rotate(0deg); }
	98.5% { -webkit-transform: rotate(-10deg); }
	100% { -webkit-transform: rotate(0deg); }
}
#desktopButton a {
	color: #fff;
	background-color: #434344;
	padding: 15px;
	font-size: 22px;
	font-family: Century Gothic;
}
@media all and (max-width: 768px) {
	#desktopButton{
		display: none;
	}
}#top-bar.new-location-promotion-bar {
    background: #26a595;
	position: relative;
	z-index: 99;
}
#top-bar .top-bar-content-container p {
    display: block;
    padding: 8px 0 10px;
    width: 100%;
    text-align: left;
    font-size: 30px;
    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;
    border: 2px solid #26a595;
    padding: 0 9px;
    margin-left: 15px;
    background: #2c86b4;
}

@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;
	}
}

#openBar.blink {
	color: #fff !important;
}

/* Fix H1 on home page being floated left */
body.home .entry-content h1 {
  float: none !important;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

.entry-content h3 {
  font-family: Century Gothic;
  color: #fff;
  text-align: center;
  line-height: 0.8;
  padding: 30px 10px 10px;
  margin-bottom: 0;
  font-size: 36px;
}
.floating-schedule-btn {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  background-color: #4CAF50; /* initial green */
  color: #fff;
  padding: 14px 22px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  text-decoration: none;
  animation: blinkColors 2s infinite;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

@keyframes blinkColors {
  0%   { background-color: #4CAF50; color: #fff; }
  50%  { background-color: #fff; color: #4CAF50; border: 2px solid #4CAF50; }
  100% { background-color: #4CAF50; color: #fff; }
}


.floating-schedule-btn:hover {
  background-color: #1e8d7e;
}

@media (min-width: 768px) {
  /* On desktop: move to bottom right */
  .floating-schedule-btn {
    left: auto;
    right: 30px;
  }
}