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

@media (min-width:769px) {
	#page {
		padding-top:296px;
		.home & {
			padding-top: 167px;
		}
	}
	#masthead {
		position: fixed;
		top:0;
		width: 100%;
		z-index: 10000;
		background-color: #fff;
		#logo img {
			max-height:202px;
		}
		#logo, #logo img, #headerInfo, .navbar {
			transition: all 0.4s ease;
		}
		&.smaller {
			#logo {
				z-index: 15;
				padding: 0;
				max-width: 220px;
				a {
					padding: 20px;
					background-color: #fff;
				}
				img {
					max-height: 117px;
				}
			} 
		}
	}
	#headerInfo > .flex {
		justify-content: flex-end;
		> div {
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#ross {
			margin-right: 40px;
		}
	}
	.ctt {
		.click-to-call {
			display: flex;
			align-items: center;
			i {
				color: #5AA6AD;
				font-size: 30px;
			}
			> span {
				font-size: 20px;
				text-transform: uppercase;
				text-align: center;
				letter-spacing: 0.15em;
				padding-left: 12px;
				span {
					display: block;
					font-weight: 400;
					font-size: 80%;
					letter-spacing: 0;
				}
			}
		}
	}
	#responsiveheaderCont, #belowSliderButtons { display: none; }
}

@media (min-width:961px) {
	#masthead {
		&.smaller {
			body:not(.home) & {
				#headerInfo {
					padding: 0 0 50px;
				}
				.navbar {
					margin-top: -50px;
				}
			}
		}
	}
}

@media (max-width:768px) {
	#hero-container {
		margin-bottom: 0;
	}
	#belowSliderButtons {
		margin-bottom: calc(6vw - -40px);
		padding: 10px;
		a {
			display: block;
			margin-bottom: 10px;
			text-align: center;
			padding: 8px;
			font-size: 15px;
			color: #fff;
			background-color: #c88c28;
			border-radius: 20px;
		}
	}
	#sectionTestimonials {
		h2 {
			font-size: 26px;
			b {
				font-size: 32px;
			}
		}
	}
	.testimonial {
		.su-lightbox {
			svg {
				width: 80px;
			}
		}
		h4 {
			font-size: 22px;
			small {
				font-size: 18px;
			}
		}
	}
	#testimonial_rotator_wrap_2223 {
		width: 100%;
	}
}

#secondary {
	.wpcf7 {
		label {
			color: #01475c;
		}
		.wpcf7-submit {
			background-color: #01475c;
			color: #fff;
			font-weight: 700;
			&:hover {
				background-color: fade(#01475c,75);
				color: #fff;
			}
		}
	}
	#SVCButtonCont, .npo {
		margin-bottom:20px;
	}
}

.npo {
	padding: 0 0 10px;
	background-color:#378596;
	text-align: center;
	color: #fff;
	h4 {
		margin: 0;
		padding: 10px;
		background-color: #deeff1;
		color: #0b495b;
		font-size: 24px;
		font-weight: 100;
		text-align:center;
		span {
			font-weight: 700;
		}
	}
	.offerText {
		display: block;
		margin-bottom: 10px;
		padding: 10px;
		background-color: #0b495b;
		color: #fcbf65;
		font-size: 140%;
		li {
			text-align: left;
		}
		strong {
			text-transform: uppercase;
		}
	}
	.cta {
		padding: 0 10px;
		font-size: 120%;
	}
	a { color: inherit; }
}

.wp-caption .wp-caption-text {
	margin: 0;
}

pre a { color: inherit !important; }

.socialMedia {
	display: flex;
	justify-content: space-around;
	a {
		text-align:center;
		color: #01475c;
		svg * {
			fill: #01475c;
		}
		span {
			display: block;
		}
	}
}

#sectionWhyPatients {
	padding: 0 20px;
	background-color: #deeff1;
	
	h2 {
		margin-bottom: 20px;
		font-family:Roboto;
		color:#898D93;
		font-size:36px;
		font-weight:400;
		letter-spacing:.4em;
		text-align:center;
		b {
			font-family:inherit;
			color:#C88C28;
			font-size:52px;
			text-transform:uppercase;
			letter-spacing:.15em;
		}
	}
	
	.testimonial_rotator_wrap {
		margin: 0;
	}
	
	.testimonial_rotator_quote {
		color: #0c5367;
		font-size: 22px;
	}
	
	.fa {
		color: #0c5367;
		font-size: 30px;
	}
}

.contentReview {
	@media (min-width:769px) { max-width: 50%; }
    background-color: #deeff1;
    color: #0b495b;
	p {
		color: #0b495b;
	}
	cite {
		font-weight: 700;
	}
}

footer {
	.footer-menu {
		> li {
			margin-bottom: 20px;
			
			&::after {
				display:none;
			}
			
			> a {
				font-weight: 700;
				text-transform: uppercase;
			}
			ul {
				padding-left: 0;
			}
		}
	}
}

#covid-19 {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 500px;
    z-index: 99999;
    max-width: 50%;
    background-color: #fff;
    padding: 10px;
	height: auto;
    max-height: 90vh;
    display: none;
    justify-content: center;
	border: 1px solid black;
}

@media all and (max-width: 768px) {
	#covid-19 {
		max-width: 95%;
	}
}

#closeAd {
    cursor: pointer;
    position: absolute;
	left: -1px;
	top: -31px;
	padding: 5px 10px;
	background-color: #fff;
	z-index: 9;
	border: 1px solid black;
	border-bottom-width: 0;
}
.wpcf7-response-output {
	color: #fff;
	font-weight: 600;
}