:root{
	--bs-primary: #00C7D5 !important;
	--bs-primary-rgb-a1: rgba(0,199,213,1) !important;
	--bs-primary-rgb-a0: rgba(0,199,213,0) !important;
	--whatsapp-color: rgba(116,202,18,1);
}

.table-responsive{
	overflow-y: visible !important; 
}

.home-search-input{
	border: solid 1px rgba(0,0,0,.123);
	border-radius: 50px;
	align-items: center !important;
	justify-content: center !important;
	display: flex !important;
	padding: .5em 1em;
	
	width: 100%;
	max-width: 780px;
	
	transition: ease all 300ms;
}

.home-search-input .input-area,
.home-search-input .location-area{
	align-items: center !important;
	justify-content: center !important;
	display: flex !important;
/*	padding: .5em 1em;*/

	transition: ease all 300ms;
}

.home-search-input .input-area{
	flex: 1 1 auto !important;
}

.home-search-input .form-control,
.home-search-input .form-select{
	border: none;
}

.home-search-input .form-select{
	max-width: 200px;
}


.home-search-input .form-select:focus,
.home-search-input .form-control:focus {
    color: #212529;
    border: none;
    outline: 0;
    box-shadow: inherit;
}

@media screen and (max-width: 530px){
	.home-search-input{
		flex-direction: column !important;
		
		border: solid 1px rgba(0,0,0,0);
		border-radius: 0px;
	}
	
	.home-search-input .input-area,
	.home-search-input .location-area{
		border: solid 1px rgba(0,0,0,.123);
		border-radius: 50px;
		
		padding: .5em 1em;
		
		width: 100%;
	}
	
	.home-search-input .location-area{
		margin-top: 1em;
	}
	
	.home-search-input .location-area .vr{
		display: none;
	}
	
	.home-search-input .location-area .form-select{
		max-width: unset;
	}
}

#header{
	background-color: #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.123);
	padding: .25em 0;
}

#header .brand{
	vertical-align: middle;
}
#header .brand .logo{
	max-width: 206px;
	max-height: 30px;
	height: auto;
	vertical-align: middle;
	/* margin-bottom: .25em;*/
}


.header-search-input{
	border: solid 1px rgba(0,0,0,.123);
	border-radius: 50px;
	align-items: center !important;
	justify-content: center !important;
	display: flex !important;
	padding: 0em .5em;
	
	width: 100%;
	max-width: 600px;
	box-shadow: 0 0 10px rgba(0,0,0,.123);
	
	
}

.header-search-input .form-control,
.header-search-input .form-select{
	border: none;
	background-color: transparent;
	box-shadow: unset;
}

.header-search-input .form-select{
	max-width: 200px;
	background-color: transparent;
}


.header-search-input .form-select:focus,
.header-search-input .form-control:focus {
    color: #212529;
    border: none;
    outline: 0;
    box-shadow: unset;
    background-color: transparent;
}

@media screen and (max-width: 530px){
	
}


#footer {
	background: #FFF;
	border-top: solid 1px rgba(0,0,0,.123);
	font-size: .8em;
}

.header-spacer{min-height: 4em;}
.footer-spacer{min-height: 4em;}





a{
	color: var(--bs-primary);
}

H1 A, H2 A, H3 A, H4 A, H5 A, H6 A{
	text-decoration: none;
}


/* SEARCH PAGE */
.search-page{
	padding: 1rem;
	max-width: 1200px;
}

/* DOCTOR PAGE */
.doctor-page{
	padding: 1rem;
	max-width: 1200px;
}

/* DOCTOR */
.doctor{ 
	border: solid 2px var(--bs-primary-rgb-a0);
	border-radius: 8px;
	margin-bottom: 2rem;
	transition: ease all 300ms;
	text-align: left; 
}

.doctor-body{
	padding: 1rem;
	
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.doctor .content-col{
	flex: 1 1 auto;
}

.doctor-title{
	font-size: 1.5rem;
}

.doctor-title SMALL{
	font-size: 1rem;
	display: block;
	opacity: .75;
}

.doctor-avatar{
	overflow: hidden;
	max-width: 150px;
	height: auto;
	
	border-radius: 10px;
}

.doctor .avatar-col{
	margin-right: 1rem;
}


.doctor.active{
	border-color: var(--bs-primary-rgb-a1);
	box-shadow: 0 0 15px rgba(0,199,213,.25);
}

.doctor:hover{
	border-color: rgba(0,0,0,.123);
	box-shadow: 0 0 15px rgba(0,0,0,.123);
}

.doctor .treatments{
	margin-top: 1rem;
}

.doctor .treatment{
	display: inline-flex;
	border: solid 1px rgba(0,0,0,.123);
	border-radius: 3rem;
	align-items: center;
	cursor: pointer;
	margin: .25rem;
	font-size: .8em;
	transition: ease all 300ms; 
	background: #FFF;
}

.doctor .treatment BUTTON{
	display: inline-flex;
	align-items: center;
	border: none;
	margin: 0; 
	background: transparent;
}

.doctor .treatment .name{
	font-weight: 600;
	padding: 3px 15px 5px;
}

.doctor .treatment .text{
	font-weight: 600;
	padding: 3px 15px 5px;
}

.doctor .treatment .price{
	color: var(--bs-orange);
	font-weight: 600;
	padding: 3px 10px 5px;
	margin-left: auto;
}

.doctor .treatment .vr{
	margin-left: 10px;
	color: rgba(0,0,0,.25);
	margin: 4px 0;
}

.doctor .treatment .whatsapp{
	margin-left: 5px;
	font-size: 1.5em;
	margin-top: -.3em;
	margin-bottom: -.25em;
	color: var(--whatsapp-color);
}

.doctor .treatment:hover{
	border-color: var(--whatsapp-color);
	box-shadow: 0 0 15px rgba(116,202,18,.25);
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#74ca12+0,74ca12+100&0+60,1+100 */
	background: -moz-linear-gradient(left, rgba(116,202,18,0) 0%, rgba(116,202,18,0) 60%, rgba(116,202,18,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(116,202,18,0) 0%,rgba(116,202,18,0) 60%,rgba(116,202,18,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(116,202,18,0) 0%,rgba(116,202,18,0) 60%,rgba(116,202,18,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074ca12', endColorstr='#74ca12',GradientType=1 ); /* IE6-9 */
}

.doctor .treatment:hover .whatsapp{
	color: rgba(255,255,255,1);
}

.doctor .treatment.more{
	color: var(--bs-secondary);
	transition: ease all 300ms; 	
}

.doctor .treatment.more:hover{
	background: var(--bs-secondary);
	border-color: var(--bs-secondary);
	box-shadow:unset;
	color: var(--bs-light);
}

/* INFO-LIST */
.doctor .info-list{
	display: flex !important;
	justify-content: flex-start !important;
	align-items: flex-start !important;
	font-size: .8rem;
	margin-bottom: .5rem;
}

.doctor .info-list .info-item{
	display: inline-block;
	color: var(--bs-gray);
	margin: .25rem;
	margin-right: 1rem;
}

/* BIOGRAPHY */
.doctor .biography{
	font-size: .9rem;
	color: var(--bs-dark);
}

.doctor .biography.short{
	color: var(--bs-secondary);
}

.doctor .biography .more-link{
	font-weight: bold;
	text-decoration: none;
	margin-left: 1rem;
	white-space: nowrap;
}

.doctor .body-row{
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) * -.5);
	margin-left: calc(var(--bs-gutter-x) * -.5);
	
}

.doctor .body-row .side-content{
	order: 1;
	flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
	
}

.doctor .body-row .side-info{
	order: 2;
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
	
}


.btn-whatsapp{
	background-color: var(--whatsapp-color) !important;
	color: #FFF !important;
	border-radius: 3rem !important;
	transition: ease all 300ms !important; 
}

.btn-whatsapp:focus{
	box-shadow: 0 0 15px rgba(116,202,18,.5) !important;
}

.btn-whatsapp:hover{
	box-shadow: 0 0 15px rgba(116,202,18,.25) !important;	
	color: #FFF !important;
	text-shadow: 1px 1px 0px rgba(0,0,0,.25) !important;
}

.gallery{
	display:block;
	max-width: 570px;
	margin-bottom: 4rem;
}
.gallery .slider{
	display:block;
	padding: 1px;
}
.gallery .slider .slide-nav{
	margin-top: .5rem;
}

.gallery .slider .slick-slide{	
	padding-right: .5rem;
}

.gallery .slider .slick-list{
	border-radius: 8px;
}

.gallery .slider .slide-thumb{
	border: solid 2px var(--bs-primary-rgb-a0);
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	
	display: flex;
	align-items: stretch;
	padding-top: 60%;
	
	position: relative;
}

.gallery .slider .slide-thumb IMG{
	position: absolute;
	bottom: 0; 
	left: 0; right: 0; top: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.gallery .slider .slide-large{
	border: solid 2px var(--bs-primary-rgb-a0);
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
}

.gallery .slider .slick-current .slide-thumb{
	border-color: var(--bs-primary-rgb-a1);
	box-shadow: 0 0 15px rgba(0,199,213,.25);
}

/* REVIEW */
.reviews{
	margin-bottom: 4rem;
}

.reviews .review{
	display: block;
	margin-bottom: 3rem;
}

.reviews .review .review-header{
	display: flex;
	margin-bottom: 1rem;
	justify-content: flex-start;
	align-items: center;
}

.reviews .review .review-content{
	overflow: auto;
	overflow-block: auto;
}

.reviews .review .review-name,
.reviews .review .review-phone,
.reviews .review .review-date{
	margin-right: 1rem;
	font-weight: 600;
}


.read-more-card{	
	position: relative;
	padding-bottom: 2rem;
}

.read-more-body{
	max-height: 20rem;
	overflow: hidden;
	transition: ease all 300ms; 
}

.read-more-card:after{
	display: block;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 70%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 70%);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 70%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); 
	
	content: "";
	height: 150px;
	
	position:absolute;
	left: 0;
	right: 0;
	bottom: 0;
	
	transition: ease all 300ms;
	z-index:10;
}

.read-more-footer{
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	
	z-index: 11;
}

.read-more-card.active:after{
	height: 1px;
}

.read-more-card.active .read-more-body{
	max-height: 100rem;
}

.doctor.active .treatments .treatment{
	display: flex;
	width: 100%;
}

.doctor.active .body-row{}

.doctor.active .body-row .side-content{
	width: 60%;
}

.doctor.active .body-row .side-info{
	width: 40%;
}

@media screen and (max-width: 700px){
	.doctor{ 
		border: solid 2px var(--bs-primary-rgb-a0);
		border-radius: 8px;
		margin-bottom: 2rem; 
	}
	
	.doctor-body{
		padding: 1rem;
		display: block;
	}
	
	.doctor .avatar-col{
		margin-bottom: 2rem;
	}
	
	.doctor .content-col{
		flex: 1 1 auto;
	}
	
	.doctor.active .body-row,
	.doctor .body-row{}
	
	.doctor.active .body-row .side-content,
	.doctor .body-row .side-content{
		order: 2;
		flex: 1 1 auto;
	    width: 100%;
	    max-width: 100%;
	}
	
	.doctor.active .body-row .side-info,
	.doctor .body-row .side-info{
		order: 1;
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
		margin-bottom: 1rem;
	}
	
	.doctor.active .treatments,
	.doctor .treatments{
		display: flex;
		flex-wrap: wrap;
	}
	
	.doctor .treatments .treatment,
	.doctor.active .treatments .treatment{
		display: flex;
		width: 45%;
		flex: 1 1 auto;
	}
		
}

@media screen and (max-width: 600px){
	.doctor .treatments .treatment,
	.doctor.active .treatments .treatment{
		display: flex;
		width: 100%;
		flex: 1 1 auto;
	}
}





.doctor-popup{
	max-width: 768px !important;
	width: 100% !important;
}

.doctor-popup .doctor{
	border:none;
	box-shadow: unset;
	margin-bottom: 0rem !important;
}

.doctor-popup .doctor .doctor-body{
	display: flex;
	
}

.doctor-popup .doctor:hover{
	border:none;
	box-shadow: unset;
}

.doctor-popup .doctor-avatar{
	max-height: 100px;
}

.doctor-popup .doctor-contact-form{
	max-width: 32rem;
	margin: auto auto;
	text-align: left;
	padding: 3rem 0;
}

@media screen and (max-width: 600px){
	.doctor-popup .doctor-avatar{
		max-height: 60px;
	}
	
	.doctor-popup .side-content{
		display: none;
	}
	
	.doctor-popup .doctor-contact-form{
		padding: 1rem 0;
		max-width: unset;
	}
}


/* PLACEHOLDER */
@keyframes placeHolderShimmer{
    0%{
        background-position: -750px 0;
    }
    100%{
        background-position: 750px 0;
    }
}

.ph-ab {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: darkgray;
    background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
    background-size: 1500px 204px;
    position: relative;
    cursor: wait !important;
}

.doctor.ph{
	border: none;
	box-shadow: unset;
}

.doctor.ph .doctor-avatar{
	display: block;
	min-width: 5rem;
	width: 100%;
	height: 5rem;
}

.doctor.ph .doctor-title{
	max-width: 15rem;
	height: 1.5rem;
}

.doctor.ph .info-item{
	width: 3rem;
	height: 1rem;
}

.doctor.ph .treatments{
	margin-top: .5rem;
}

.doctor.ph .treatment2{
	display: inline-flex;
	border-radius: 3rem;
	align-items: center;
	cursor: pointer;
	margin: .25rem;
	font-size: .8em; 
	
	width: 5rem;
	height: 2rem;
	
}

.doctor.ph .side-content P > .ph-ab{
	display: block;
	max-width: 80%;
	height: 1rem;
	margin-top: .25rem;
}

.doctor.ph .side-content P > .ph-ab:first-of-type{
	max-width: 70%;
}

.doctor.ph .side-content P > .ph-ab:last-of-type{
	max-width: 50%;
}

.doctor.ph .btn-whatsapp{
	width: 5rem;
	height: 2rem;
}


.gallery-ph .slide-large{
	padding-top: 60%;
}

.gallery-ph .slide-thumb{
	padding-top: 60%;
}

.ph > .ph-ab{
	display: block;
	max-width: 80%;
	height: 1rem;
	margin-top: .25rem;
}

.ph > .ph-ab:first-of-type{
	max-width: 70%;
}

.ph > .ph-ab:last-of-type{
	max-width: 50%;
}

.ph .ph-inline-list .ph-ab{
	height: .8rem;
	width: 5rem;
	margin-right: 1rem;
}