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

/* MAIN
------------------------------------- */
.row.contentsection {
    padding: 30px 0;
}

.page-header {
    margin: 5px 0;
    padding: 0;
    border: 0;
}

/* BOTTOM
------------------------------------- */
.dark-blue {
    background-color: #1b578a;
}

.dark-black {
    background: #121212;
}

.dark-blue a.main-btn:hover {
    color: #4892bf;
    background-color: #fff;
}

/*mission section discover section new-patient section cta section*/
.white-color,
.white-color *,
.white-color h2 {
    color: #fff;
}

/*showcase  sleep-soluction instagram-wrapper section*/
.light-blue {
    background-color: #d8edfe;
}

/*HEADERAREA discover footer sections*/
.blue-color {
    color: #1b578a;
}

.black-color {
    color: #242424;
}

/*DQ_SECTION*/
.absolute {
    position: absolute;
    width: 100%;
}

.reel {
    position: relative;
}

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

/*MODAL*/
/*.loaded .pop-up {*/
/*	background-image: url(../charlie-child/images/fixed-popup.jpg);*/
/*}*/

/*.loaded.webp .pop-up {*/
/*	background-image: url(../charlie-child/images/fixed-popup.webp);*/
/*}*/

.pop-up {
    z-index: 3;
    top: inherit;
    right: 20px;
    bottom: 18vh;
    left: inherit;
    max-width: 180px;
    width: 100%;
    min-height: 180px;
    margin: 0;
    padding: 20px;
    background-color: #242424;
    background-repeat: no-repeat;
    background-position: center;
    align-items: center;
    border-radius: 50%;
    overflow: visible;
}

.pop-up .title-container {
    padding: 0;
    text-align: center;
    transform: translateY(10px);
}

.pop-up button.close::before,
.pop-up button.close::after {
    background-color: #000;
}

.pop-up h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 120%;
    max-width: 247px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: capitalize;
    color: #fff;
}
.pop-up a.main-btn,
.pop-up .main-btn {
    font-size: 14px;
    padding: 5px 10px;
    color: #242424;
}
.pop-up a.main-btn:hover {
    color: #242424;
    background-color: #fff;
}

.pop-up .title-button-group {
    transform: translate(40px, -35px);
}

.pop-up button.close {
    background-color: transparent;
}

.pop-up .body-container {
    padding: 0 5px;
}

.modal-shadow {
    /*	background-color: transparent;
	z-index: 0;*/
}

/*Map*/
.mapsection {
    position: relative;
    overflow: hidden;
    height: 341px;
}

.mapsection iframe {
    height: 100%;
    max-height: none;
}

.mapsection .map_bg {
    background-image: url(../charlie-child/images/map.webp);
}

.map_bg {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-align: center;
}

/*#bs-cp-2-56, #bs-cp-2-60, #bs-cp-2-64{
	    background-color: rgba(0,0,0,.75);
	        z-index: 19;
}*/
/* RESPONSIVE
---------------------------------------------------------- */
@media only screen and (min-width: 980px) {
    .container {
        max-width: 1240px;
        margin: 0 auto;
        padding: 0 20px;
    }
}

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

@media (max-width: 600px) {
    .main-btn,
    a.main-btn,
    .secondary-btn,
    a.secondary-btn,
    .main-btn + .secondary-link,
    .main-btn + .secondary-btn {
        max-width: 350px;
    }
}