/*
Theme Name:   Charlie Child
Author:       DentalQore
Author URI: https://dentalqore.com/
Template:     charlie
Description:  Child theme for DentalQore Website Platform - can be edited 
Version: 2.0
*/
@import url('css/footer.css');

/* REMOVE THE FOLLOWING CSS ONLY IF YOU HAVE AUTHORIZED THE DOMAIN WITH MVT */
.video-container {
	/* display: none !important; */
}

.contentarea strong,
.contentarea b {
	font-weight: 700;
}

img {
	max-width: 100%;
}

p {
	margin: 0 0 15px;
}

video {
	width: 100%;
}

/* GLOBAL CSS */
.white-color,
.white-color h2,
.white-color * {
	color: #fff;
}

.blue-bg {
	background-color: #006481;
}

.bg-cover {
	background-size: cover;
	background-position: top center;
}

/* CTA */

.cta h2 {
	margin-bottom: 15px;
}

/* MAP SECTION */

.map-section {
	height: calc(320px / 2);
	margin-top: calc(-320px / 2);
}

.loaded .map-section .map-bg {
	background-image: url(../charlie-child/images/map.jpg);
}

.loaded.webp .map-section .map-bg {
	background-image: url(../charlie-child/images/map.webp);
}

.map-section .map-bg {
	max-width: 1221px;
	margin: 0 auto;
	width: 100%;
	height: 320px;
	display: block;
	z-index: 2;
	position: relative;
}

/* BOTTOM ------------------------------------- */

/* RESPONSIVE ---------------------------------------------------------- */

@media (min-width: 699px) {
	.show-for-phone {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.showcase-mobile {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.hide-for-phone {
		display: none !important;
	}
}

@media only screen and (min-width: 980px) {
	.container {
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.md-font {
		font-size: 23px;
		line-height: 1.2;
	}
}

@media (min-width: 1026px) {

	.lg-container,
	.lg-container.container {
		max-width: 95%;
		width: 100%;
		margin: 0 auto;
	}

	.loaded .cta .lg-container {
		background-image: url(../charlie-child/images/pattern-line1.png);
	}

	.loaded.webp .cta .lg-container {
		background-image: url(../charlie-child/images/pattern-line1.webp);
	}

	.cta .lg-container {
		padding-top: 93px;
		min-height: 542px;
		background-color: #478fa4;
	}
}

@media (min-width: 1880px) {

	.lg-container,
	.lg-container.container {
		max-width: 1880px;
	}
}

@media all and (min-width: 768px) {
	.hidden-md-up {
		display: none !important;
	}
}

@media (max-width: 1880px) {
	.map-section .map-bg {
		max-width: 95%;
	}
}

@media (max-width: 1025px) {
	.loaded .cta {
		background-image: url(../charlie-child/images/pattern-line1.png);
	}

	.loaded.webp .cta {
		background-image: url(../charlie-child/images/pattern-line1.webp);
	}

	.cta {
		background-color: #478fa4;
		padding: 60px 0;
	}

	.map-section {
		height: auto;
		margin-top: 0;
	}

	.map-section .map-bg {
		max-width: 100%;
	}
}

@media (max-width: 1026px) {
	.loaded .map-section .map-bg {
		background-image: url(../charlie-child/images/map-ta.jpg);
	}

	.loaded.webp .map-section .map-bg {
		background-image: url(../charlie-child/images/map-ta.webp);
	}
}

@media (max-width: 768px) {
	.loaded .map-section .map-bg {
		background-image: url(../charlie-child/images/map-tb.jpg);
	}

	.loaded.webp .map-section .map-bg {
		background-image: url(../charlie-child/images/map-tb.webp);
	}

	.map-section .map-bg {
		height: 182px;
	}
}

@media (max-width: 767px) {
	.cta .cta-link {
		flex-flow: column;
		align-items: center;
	}

	.cta .secondary-btn {
		margin-left: 0;
	}
}