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

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

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

.internal-smile-box {
    position: relative;
}
.ba-slide-holder {
    width: 530px;
}
.bp-slider-box {
    max-width: 530px;
    width: 100%;
    height: 298px;
    background-color: #000;
    position: relative;
    margin: 20px auto;
    border-radius: 20px;
    box-shadow: -15px 15px #9296a0;
}
.page-id-234 .bp-slider-box {
    height: 248px;
}
    
.bp-slider-box#bp-slider-box-0 {
    background: #000;
    background-size: cover;
}
.bp-slider-box#bp-slider-box-0 .resize-box {
    background: #1c6fad;
    background-size: cover;
}
.bp-slider-box .resize-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    background-color: #457893;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.bp-slider-box::after,
.bp-slider-box::before {
    content: 'After';
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    padding: 5px 15px;
    z-index: 5;
    display: none;
}
.bp-slider-box::before {
    content: 'Before';
    left: 10px;
    right: inherit;
}
.bp-slider-box .bp-slider {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: 0;
    width: 6px;
    cursor: ew-resize;
}
.bp-slider-box .bp-slider::after {
    content: '< >';
    background-color: #fff;
    position: absolute;
    top: 50%;
    margin: -32px 0 0 -29px;
    width: 64px;
    height: 64px;
    color: #000;
    font-size: 42px;
    text-align: center;
    line-height: 54px;
    border-radius: 100%;
}
.bp-slider-box,
.bp-slider-box .resize-box {
    background-size: cover;
}

@media only screen and (max-width: 480px) {
    .bp-slider-box {
        height: 149px;
        max-width: 265px;
    }
    .bp-slider-box .bp-slider::after {
        margin: -16px 0 0 -22px;
        width: 44px;
        height: 44px;
        font-size: 28px;
        line-height: 43px;
    }
}

.no-webp.loaded .bp-slider-box#bp-slider-container-1 .resize-box {
    background-image: url(images/1-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-1 .resize-box {
    background-image: url(images/1-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-1 {
    background-image: url(images/2-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-1 {
    background-image: url(images/2-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-2 .resize-box {
    background-image: url(images/3-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-2 .resize-box {
    background-image: url(images/3-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-2 {
    background-image: url(images/4-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-2 {
    background-image: url(images/4-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-3 .resize-box {
    background-image: url(images/5-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-3 .resize-box {
    background-image: url(images/5-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-3 {
    background-image: url(images/6-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-3 {
    background-image: url(images/6-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-4 .resize-box {
    background-image: url(images/7-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-4 .resize-box {
    background-image: url(images/7-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-4 {
    background-image: url(images/8-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-4 {
    background-image: url(images/8-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-5 .resize-box {
    background-image: url(images/9-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-5 .resize-box {
    background-image: url(images/9-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-5 {
    background-image: url(images/10-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-5 {
    background-image: url(images/10-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-6 .resize-box {
    background-image: url(images/11-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-6 .resize-box {
    background-image: url(images/11-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-6 {
    background-image: url(images/12-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-6 {
    background-image: url(images/12-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-7 .resize-box {
    background-image: url(images/13-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-7 .resize-box {
    background-image: url(images/13-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-7 {
    background-image: url(images/14-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-7 {
    background-image: url(images/14-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-8 .resize-box {
    background-image: url(images/15-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-8 .resize-box {
    background-image: url(images/15-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-8 {
    background-image: url(images/16-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-8 {
    background-image: url(images/16-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-9 .resize-box {
    background-image: url(images/17-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-9 .resize-box {
    background-image: url(images/17-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-9 {
    background-image: url(images/18-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-9 {
    background-image: url(images/18-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-10 .resize-box {
    background-image: url(images/19-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-10 .resize-box {
    background-image: url(images/19-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-10 {
    background-image: url(images/20-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-10 {
    background-image: url(images/20-ba.webp);
}

.no-webp.loaded .bp-slider-box#bp-slider-container-11 .resize-box {
    background-image: url(images/21-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-11 .resize-box {
    background-image: url(images/21-ba.webp);
}
.no-webp.loaded .bp-slider-box#bp-slider-container-11 {
    background-image: url(images/22-ba.jpg);
}
.webp.loaded .bp-slider-box#bp-slider-container-11 {
    background-image: url(images/22-ba.webp);
}

.smile-slider-internal img.slick-arrow {
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
	padding: 20px;
	max-width: 90px;
	right: calc(100% - 90px);
	z-index: 2;
}
.smile-slider-internal img.slick-arrow.next-arrow {
	right: unset;
	left: calc(100% - 90px);
}

.accordion {
  background-color: #fff;
  color: #48637A;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}


/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

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

/* RESPONSIVE
---------------------------------------------------------- */
@media only screen and (min-width: 980px) {
	.container {
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 20px;
	}
}
@media (max-width: 1580px) {
	.smile-slider img.slick-arrow {
    	max-width: 120px;
	}
	.smile-slider img.slick-arrow {
		right: 95%;
	}
	.smile-slider img.slick-arrow.next-arrow {
		right: unset;
		left: 95%;
	}
	.smile-slider img.slick-slide {
		margin: 2em 3em;
	}
}

@media (max-width: 1340px) {
	.smile-slider {
		margin: 0 10vw;
	}
	.smile-slider img.slick-arrow {
		right: 97%;
	}
	.smile-slider img.slick-arrow.next-arrow {
		right: unset;
		left: 97%;
	}
}
@media (max-width: 1025px) {
	.smile-slider img.slick-arrow {
		max-width: 90px;
		right: 95%;
	}
	.smile-slider img.slick-arrow.next-arrow {
		right: unset;
		left: 95%;
	}
}

@media all and (min-width: 768px){
	.hidden-md-up {
		display: none !important;
	}
}
@media all and (max-width: 600px) {
	.smile-slider {
		margin: 0 20px;
	}
	.smile-slider img.slick-arrow {
    	max-width: 80px;
	}
	.smile-slider img.slick-arrow {
		right: 92%;
	}
	.smile-slider img.slick-arrow.next-arrow {
		right: unset;
		left: 92%;
	}
	.smile-slider-internal img.slick-arrow {
        max-width: 70px;
        right: calc(100% - 40px);
    }
    .smile-slider-internal img.slick-arrow.next-arrow {
        right: unset;
        left: calc(100% - 40px);
    }
}

@media only screen and (max-width: 400px) {
	.smile-slider {
		margin: 0 auto;
	}
	.smile-slider img.slick-slide {
		box-shadow: -8px 8px #9296a0;
	}
	.smile-slider img.slick-slide {
		margin: 1em;
	}
}