/* WOOD BACKGROUND
-------------------------------------*/
.home .bannerarea {
	background: linear-gradient(270deg, rgba(0, 68, 33, 0.6) 0%, rgba(0, 68, 33, 0.7) 50%, rgba(0, 68, 33, 0.95) 100%), url(/wp-content/uploads/2024/11/home-hero-bg.jpg) 50%;
    background-size: cover;
	background-repeat: no-repeat;
	padding: 160px 0;
}
h3.usp-title {
font-size: 24px;
    line-height: 34px;
}
#home-banner video {
	display: none;
}

#home-banner .video-controls {
	display: none;
}
.home .bannerarea {
  background: linear-gradient(100deg, rgba(0, 68, 33, 0.6) 0%, rgba(0, 68, 33, 0.7) 10%, rgba(0, 68, 33, 0.23) 100%), url("https://lpkdental.com/wp-content/uploads/2025/07/LPK-Doctors-4.jpg") 10% !important;
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 208px 0;
}
@media (max-width:568px) {
.home .bannerarea {
  background: linear-gradient(100deg, rgba(0, 68, 33, 0.6) 0%, rgba(0, 68, 33, 0.7) 10%, rgba(0, 68, 33, 0.23) 100%), url("/wp-content/uploads/2025/10/LPK-Doctors-4-1-1.webp") center !important;
  padding: 32px 0 208px 0;
        min-height: 100vh;
        justify-content: flex-start;
}
}
@media (max-width:568px) {
.hide-mobile {
display:none !important;
}
}
@media (min-width:568px) {
.hide-desktop {
display:none !important;
}
}
.no-webp.loaded .wood-bg {
    background: url(/wp-content/uploads/2024/12/wood-bg-1.webp) center center no-repeat;
    background-size: cover;
    
}

.webp.loaded .wood-bg {
    background: url(/wp-content/themes/charlie-child/images/wood-bg.webp) center center no-repeat;
    background-size: cover;
  
}

.mob-ban-content {
background: #475B3D;
padding: 50px 25px;
margin: -50px -25px 0px;
}
.mob-ban-content h5 {
    text-align: center;
	padding: -25px -25px 15px -25px;
}

/* MAIN WRAP
--------------------------------*/

.main-wrap .row {
	align-items: center;
}

.main-wrap .container, .bannerarea .container {
	position: relative;
	z-index: 5;
}

.page-header {
	text-align: center;
}

.page-header h3 {
	margin-bottom: 10px;
}

.home .row.contentsection {
	padding: 0 0 70px;
}

.home .bannerarea span {
	font-size: 26px;
	font-family: "Playfair Display";
	font-weight: 500;
	line-height: 28.8px;
	letter-spacing: 1.2px;
	display: block;
}

.home .bannerarea .page-title {
    font-size: 40px;
	line-height: 45.6px;
	letter-spacing: 1.9px;
}

.main-content {
	max-width: 725px;
}

.doc-pics {
	position: relative;
}

.doc-pics img {
	display: block;
}

.dp {
	padding-left: 10px;
}

/* SHOWCASE SECTION
---------------------------------------*/

.showcase-section {
	background: #FAFAFA;
}

.showcase-section .services {
	padding: 42px 0;
	gap: 28px;
	align-items: stretch;
}

.showcase-section .services .col-md {
	padding: 0;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
}

.show-box:hover {
	transform: scale(1.03);
}

.showcase-section .container {
	max-width: 1220px;
}

.showcase-section h5 {
	margin-bottom: 50px;
}

.show-box {
	height: 100%;
	display: flex;
    flex-direction: column;
}

.show-box .show-image {
	width: 100%;
	height: 240px;
	position: relative;
}

.show-box .show-image img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.show-box .icon-services {
	position: absolute;
    background: #C2DEB2;
    border-radius: 60px;
    padding: 8px;
    border: 4px solid #FFF;
    top: 46%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    overflow: visible;
}

.show-content {
	width: 100%;
	height: inherit;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(27.2908px);
	z-index: 5;
	text-align: center;
	padding: 42px 14px 28px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.show-content .sc-inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.show-content h4 {
	color: #34342E;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 36px;
	letter-spacing: 1.08px;
	margin-bottom: 14px;
}

.show-content p {
	color: #34342E;
	text-align: center;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: 14px;
}

.show-content .link-btn {
	color: #004421;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 16.8px;
	margin-bottom: 0;
    margin-top: auto;
}

.maps-section .row {
	align-items: center;
}

.maps-section .row-maps {
	width: 100%;
	gap: 14px;
	padding-left: 20px;
}

.maps-section .map-card {
	padding: 0;
	background: #FFF;
}

.maps-section .map-card .info-map {
	padding: 12px;
	display: flex;
	flex-direction: column;
}

.maps-section .map-card .info-map a {
	display: flex;
	align-items: center;
}

.maps-section .map-card .info-map img {
	transform: translateX(-15px);
	filter: drop-shadow(1em 0 0px #004421);
}

.serv-b a {
	margin: 0 auto;
}

/* SMILE SECTION
-----------------------------------------*/

.smile-section .row {
	align-items: center;
}

.smile-section .container {
	position: relative;
	z-index: 5;
}

.smile-section h5 {
	margin-bottom: 50px;
}

.gal-content {
	max-width: 650px;
}

.gal-slide {
	width: 100%;
	max-width: 400px;
	height: 293px;
	margin: 20px auto;
	position: relative;
}

.bp-slider-box {
	max-width: 400px;
	width: 100%;
	height: 293px;
	background-color: #000;
	position: relative;
	
}

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

.no-webp.loaded .bp-slider-box#bp-slider-box-0 {
    background: url(/wp-content/uploads/2024/12/after.webp) center right;
	background-size: cover;
    
}

.webp.loaded .bp-slider-box#bp-slider-box-0 {
    background: url(/wp-content/uploads/2024/12/after.webp) center right;
  background-size: cover;
}

.no-webp.loaded .bp-slider-box#bp-slider-box-0 .resize-box {
    background: url(/wp-content/uploads/2024/12/before-one.webp) center left;
	 background-size: cover;
    
}

.webp.loaded .bp-slider-box#bp-slider-box-0 .resize-box {
    background: url(/wp-content/uploads/2024/12/before-one.webp) center left;
  	 background-size: cover;
}

.bp-slider-box .resize-box {
    position: absolute; 
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
	background-color: #457893;
}
.bp-slider-box::after, .bp-slider-box::before {
	content: 'After';
    background-color: rgba(0,0,0,0.80);
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    padding: 5px 15px;
	z-index: 5;
}
.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::before,
.bp-slider-box::after {
	display: none;
}


/* REV SECTION
-------------------------------------------*/
.rev-section {
	background: #FAFAFA;
}

@media (min-width: 1024px) {
.rev-section .testimonials .center {
	padding: 60px 0;
}
}

.rev-section .container {
	max-width: 1500px;
}

.no-webp.loaded .rev-section {
    background: url(/wp-content/themes/charlie-child/images/dock-banner.jpg) center center no-repeat;
    background-size: cover;
    
}

.rev-box {
	width: 100%;
	max-width: 923px;
	margin: 0 auto;
	padding: 50px 15px;
	background: #475B3D;
	display: flex;
	justify-content: center;
	align-items: center;
}

.rev-wrap {
	width: 100%;
	max-width: 732px;
	margin: 0 auto;
}

.rev-wrap .arrow {
	display: none;
}

.rev-wrap .patient-name {
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.number-crumb-container .option {
	opacity: 1;
	border: 1px solid #fff;
	height: 10px;
	width: 10px;
}

.number-crumb-container .option.selected {
	opacity: 1;
	border: 1px solid #fff;
	background: #fff;
}

.playing .number-crumb-container .option.pause-play svg.pause-icon path, .number-crumb-container .option.pause-play svg.play-icon path {
	fill: #fff;
	
}
.number-crumb-container .option.pause-play {
	background: none !important;
}

/* STARTED SECTION
----------------------------------------------*/

.started-section {
	padding: 50px 0;
	background: #760D20;
}

.started-section .main-btn3 {
	margin: 40px auto 0;
}


/* CONTACT SECTION
-------------------------------------------*/

.contact-section {
	padding: 100px 0;
}

.contact-section .row {
	align-items: center;
}

.map-area {
	/*margin-top: 30px;*/
    position: relative;
	max-height: 536px;
	overflow: hidden;
	max-width: 610px;
	margin: 30px auto;
}

.map-overlay1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	text-align: center;
	cursor: pointer;
	background-position: center center;
	background-size: cover;
}

.loaded .map-overlay1 {
	background: url(/wp-content/themes/charlie-child/images/map.jpg) top center no-repeat;
	background-size: cover;
	
}

.loaded.webp .map-overlay1 {
	background: url(/wp-content/themes/charlie-child/images/map.webp) top center no-repeat;
	background-size: cover;
	
}

.map-boxes {
	display: flex;
}

.map-boxes iframe {
	height: 536px;
}
iframe[data-map-src] {
	max-height: 536px !important;
}

.con-content {
	max-width: 550px;
	margin: 30px auto;
}

.con-content h2 {
	margin-bottom: 15px;
}

.con-content h4 {
	margin-bottom: 20px;
	text-transform: uppercase;
}

.info-boxes {
	max-width: 434px;
}

.info-boxes {
	font-weight: 600;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 1.15px;
	text-transform: uppercase;
	margin-top: 20px;
}

.info-boxes img {
	margin-bottom: -3px;
	margin-right: 10px;
}
.rely {
    text-align: center;
}


/* RESPONSIVE 
-----------------------------------------------*/
@media (min-width: 992px) and (max-width: 1200px) {
	.show-content h4 {
		font-size: 20px;
	}
}

@media only screen and (min-width: 980px) {
} 


@media (min-width: 1026px) {
    .mob-ban-content {
        display: none;
    }
}
@media (max-width: 1025px) {
	.no-webp.loaded .wood-bg {
		background: url(/wp-content/themes/charlie-child/images/wood-bg.jpg) center center;
	}

	.webp.loaded .wood-bg {
		background: url(/wp-content/themes/charlie-child/images/wood-bg.webp) center center;
	}

}

@media only screen and (max-width: 991px) {
	.doc-pics {
		max-width: 500px;
		margin: 48px auto 0;
	}
	
	.main-wrap {
		padding: 50px 0;
	}
	
	.main-wrap .main-btn3 {
		margin: 20px auto 0;
	}
	.showcase-section {
		padding: 50px 0;
	}
	
	.smile-section .row {
		flex-direction: column !important; 
	}
	
	.gal-slide {
		margin-top: 48px;
	}
	
	.gal-b .main-btn3 {
		margin: 0 auto;
	}
	.rev-box {
		min-height: 462px;
	}
	.rev-section {
		padding: 50px 0;
	}
	.rev-section h5 {
		margin-bottom: 40px;
	}
	
	.contact-section {
		padding: 50px 0;
	}
}


@media only screen and (max-width: 767px) {
	.page-header h1 {
		margin-bottom: 20px;
	}
	.showcase-section h5 {
		margin-bottom: 20px;
	}
	.home .row.contentsection {
    	padding: 0 0 30px;
    }
	
	
	.home .bannerarea .page-title {
		font-size: 38px;
		margin-bottom: 14px;
		margin-top: 10px;
	}
	
	.maps-section {
		text-align: center;
	}
	
	.maps-section .row-maps {
		margin-top: 24px;
	}
} 

@media all and (max-width: 600px) {
}

@media only screen and (max-width: 500px) {
	.no-webp.loaded .wood-bg {
		background: url(/wp-content/themes/charlie-child/images/wood-bgm.jpg) center center;
	}

	.webp.loaded .wood-bg {
		background: url(/wp-content/themes/charlie-child/images/wood-bgm.webp) center center;
	}

	.no-webp.loaded .rev-section {
		background: url(/wp-content/themes/charlie-child/images/rev-bgm.jpg) center center no-repeat;
		background-size: cover;

	}

	.map-area {
		max-height: 400px;
	}
	.map-boxes {
		flex-direction: column;
	}
	.map-boxes iframe {
		height: 200px;
	}
	iframe[data-map-src] {
		max-height: 200px !important;
	}
	
	.home .bannerarea span {
		font-size: 24px;
	}
}

@media only screen and (max-width: 400px) {
	.bp-slider-box {
		max-width: 274px;
		height: 215px;
	}
	.gal-slide {
		height: 202px;
		max-width: 274px;
	}
	
}