@charset "utf-8";
/* CSS Document */

:root{
	--brand-color: #ed297d; 	--brand-color-rgb: 237,41,125;
	--brand-pink: #ed297d; --brand-pink-rgb: 237,41,125;
  --brand-red: #E00300; --brand-red-rgb: 224,3,0;
  --brand-blue: #026ed8; --brand-blue-rgb: 2,110,216;
  --brand-blue-dark: #1a5c8e; --brand-blue-dark-rgb: 26,92,142;
  --brand-blue-light: #f1f7fc; --brand-blue-light-rgb: 241,247,252;
  --brand-green: #007815; --brand-green-rgb: 0,120,21;
	--brand-yellow: #fcac00; --brand-yellow-rgb: 252,172,0;
	--brand-purple: #3A1DCC; 	--brand-purple-rgb: 58,29,204;
	--brand-grey: #757575; --brand-grey-rgb: 117, 117, 117;
 
	--brand-font-color: #533341; 	--brand-font-color-rgb: 65,65,65;
	
	--brand-link: #0034FF; --brand-link-rgb: 0, 52, 255;
	
	--brand-border-pink: #E5D2DA;
  --brand-border-grey: #E8E8E8;
	
	--thm-color: var(--brand-color); --thm-color-rgb: var(--brand-color-rgb);
	--thm-green: var(--brand-green); --thm-green-rgb: var(--brand-green-rgb);
	--thm-yellow:var(--brand-yellow); --thm-yellow-rgb: var(--brand-yellow-rgb);
  --thm-red: var(--brand-red); --thm-red-rgb: var(--brand-red-rgb);
  --thm-blue: var(--brand-blue); --thm-blue-rgb: var(--brand-blue-rgb);
	--thm-purpple: var(--brand-purple); --thm-purple-rgb: var(--brand-purple-rgb);
	--thm-grey: var(--brand-grey); --thm-grey-rgb: var(--brand-grey-rgb);
	
	--thm-font-color: var(--brand-font-color); --thm-font-color-rgb: var(--brand-font-color-rgb);
	--thm-link: var(--thm-red); --thm-link-rgb: var(--thm-red-rgb);
	
	--thm-border: var(--brand-border-pink);
  --thm-border-grey: var(--brand-border-grey);
}

/*------- General Settings ---------*/

h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

h1,h2,h3,h4,h5,h6 {font-family: var(--thm-font-2); line-height: 1.3em}

/*------- Page Header ---------*/
.page-header {
	background-color:  var(--brand-blue-light);
	border-bottom: 1px solid rgba(var(--thm-grey-rgb),.1);
}

/* ------- Page Header/Top Bar -------- */
.top-nav__foil{background-color: var(--brand-blue-dark); border-bottom: 1px solid var(--brand-border-grey)}

.top-nav__left{background-color: var(--thm-white); font-size: 14px;}
.top-nav__left .item {padding:7px 15px; position: relative}
.top-nav__left .item:first-of-type{cursor: pointer;}
.top-nav__left .item:not(:last-child){border-right: 1px solid var(--brand-border-grey);}

.top-nav__left .item .roster-pop{
	position: absolute; 
	top:40px; 
	min-width: 280px; 
	border:3px solid var(--thm-border-grey);
	border-radius: 2px; 
	background-color: rgba(var(--thm-white-rgb),.95);
	box-shadow: 2px 4px 12px 2px rgba(var(--thm-blue-rgb),.3);
	visibility: collapse;
	opacity: 0;
	transition: all .3s ease-in-out;
	z-index: 11; 
}

.top-nav__left .item:first-of-type:hover .roster-pop{
	visibility: visible;
	opacity: 1;
}

.top-nav__right{
	display: flex;
	background-color:var(--thm-white);
}

.top-nav__right > *{
	padding: 7px 10px;
	background-image:linear-gradient(rgba(var(--brand-pink-rgb),.7),rgba(var(--brand-pink-rgb),1));
	border-right: solid 1px #D00677;
}

.top-nav__right :not(:first-of-type){border-left:solid 1px #EC7EB4;}
.top-nav__right .label{
	font-family:var(--thm-font-2);
	color:var(--thm-white);
	text-shadow: 1px 1px 2px var(--thm-black);
	padding-left: 20px;
	padding-right: 20px;
}

/* ------- Page Header/Main Nav -------- */
.logo .image{height: 75px;}
.logo .label{
	font-family:var(--thm-font-3); 
	font-size:18px;
	color:var(--brand-pink);
	text-align: center;
}

.main-nav__foil #mainNav,
.main-nav__foil label[for="mainNav"]{display:none; align-self: flex-start}

.main-nav__foil input + label[for="mainNav"]::after {
	content: "\f0c9";
	font:var(--fa-font-solid);
	vertical-align: middle;
	color: rgba(var(--thm-color-rgb),.9);
	font-size: 28px;
	line-height: 1em;
	width: 28px;
	text-align: center;
	border: 1px solid rgba(var(--thm-color-rgb),.8);;
}

.main-nav__foil input:checked + label[for="mainNav"]::after {
  content: "\00d7";
	vertical-align: middle;
}
.main-nav a{
	color:var(--thm-font-color);
	font-family: var(--thm-font-2);
	font-size: 16px;
	padding: 8px 20px;
	border:2px solid transparent;
	transition:all .25s ease-in-out;
	border-radius:4px;
	
}

.main-nav a:hover{
	border-color:rgba(var(--brand-pink-rgb),.7);
	background-color: rgba(var(--thm-white-rgb),.8);
}

.main-nav a.active{
	color:var(--thm-white);
	background-image: linear-gradient(rgba(var(--brand-pink-rgb),.6),var(--brand-pink));
	border-color:var(--brand-pink);
	text-shadow: 1px 1px 2px var(--thm-black);
}

.header-footer .tag{color:var(--thm-blue);font-family: var(--thm-font-2); font-size:18px;}

/*------- Page Content ---------*/
.page-content {
  display: flex;
	position: relative;
	flex-flow: column nowrap;
  justify-content: flex-start;
}

/* ------- Page Footer -------- */
.page-footer__top{background-color: var(--brand-blue-light);border-top:2px solid rgba(var(--thm-blue-rgb),.2)}

.footer-nav{
	background-color: var(--brand-blue-dark);
	color:var(--thm-white);
	font-size:14px; 
	padding: 10px 10px;
}

.footer-nav__right a{color:var(--thm-white);position: relative; margin-right: 15px;}
.footer-nav__right a:last-of-type{margin-right: 0;}
.footer-nav__right a:hover{text-decoration: underline;}
.footer-nav__right a:not(:last-of-type)::after{content:'|'; margin-left: 5px; margin-right: 5px;position:absolute;}

/*------- General Classes ---------*/
.pb-6 {padding-bottom: 6px}
.pb-7 {padding-bottom: 7px}

.border-1{
	border:1px solid rgba(var(--thm-color-rgb),.2); 
	border-radius: 4px;
}

.shadow-1{
	box-shadow: 0 0 12px 4px rgba(var(--thm-color-rgb),.1); 
	border:1px solid rgba(var(--thm-color-rgb),.2); 
	border-radius: 4px;
}

.ol-numeric{
	list-style: decimal;
	/*border:1px solid red;*/
	padding: 0 10px;
	list-style-position: inside;
}
.ol-numeric li{padding: 5px;}

.btn-fill {
	outline-width: 1px;
	outline-offset: -4px;
	border: 2px solid rgba(var(--thm-color-rgb),.85);
  color: var(--thm-color);
  padding: 10px 40px;
	line-height: 1em;
	background-size: 100% 200%;
  background-image: linear-gradient(to bottom, var(--thm-white) 50%, rgba(var(--thm-color-rgb),.85) 50%);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.btn-fill:hover {
  background-position: 0 100%;
  color: var(--thm-white);
}

.btn-fill.theme {
  border: 2px solid var(--thm-color);
  color: var(--thm-white);
  background-image: linear-gradient(to bottom, var(--thm-color) 50%, transparent 50%);
}

.btn-fill.theme:hover {color: var(--thm-color);}

.btn-fill.blue{
  border: 2px solid var(--brand-blue-dark);
  color: var(--thm-white);
  background-image: linear-gradient(to bottom, var(--brand-blue-dark) 50%, transparent 50%);
}

.btn-fill.blue-white {
  border: 2px solid var(--brand-blue-dark);
  color: var(--thm-white);
  background-image: linear-gradient(to bottom, var(--brand-blue-dark) 50%,var(--thm-white) 50%);
}

.btn-fill.blue:hover,
.btn-fill.blue-white:hover{color:var(--brand-blue-dark)}

.btn-fill.disabled{
	color: rgba(var(--thm-grey-rgb), .5);
  border-color: rgba(var(--thm-grey-rgb), .15);
	background-image:none
}
/*------- Containers ---------*/
.data-table{
	display: table;
	width: 100%;
	table-layout: fixed;
}

.data-table li{display: table-cell; padding: 10px}
.data-table li{border-bottom: 1px solid rgba(var(--thm-color-rgb),.1);}


/* ------- Home Page/Intro -------- */
.feature__foil .item{flex: 1 1 300px;}

.feature__foil .item .title{
	color:var(--thm-blue);
	font-size: 20px;
	display:flex;
	align-items: center;
	
}

.feature__foil .item .title::before{
  content: '';
	background: url("../images/resources/icon-5.png") no-repeat;
  background-size: 480px 260px;
  background-position: 0 0;
	width: 60px;
  height: 60px;
}

.feature__foil .item.baby .title::before{background-position:-425px 0px}
.feature__foil .item.staff .title::before{background-position:-255px -70px}
.feature__foil .item.heart .title::before{background-position:-166px -140px}
.feature__foil .item.eye .title::before{background-position:-425px -70px}
.feature__foil .item.archive .title::before{background-position:-338px -70px}

.feature2__foil{}
.feature2__foil .item{
	position: relative;
	flex: 1 1 300px;
	display: flex;
	flex-direction: column;
	border: 2px solid rgba(var(--thm-color-rgb),.85);
	border-radius: 2px;
}

.feature2__foil .item .header{
	position: relative;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 60px;
}

.feature2__foil .item .header::before{
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	border-top: 60px solid rgba(var(--thm-color-rgb),1);
	border-left: 60px solid transparent;
	border-right: 60px solid transparent;
	z-index: -1;
}

.feature2__foil .item .header .title{color: var(--thm-white);}

.feature2__foil .item .content{padding: 20px;}

.feature2__foil .item .content .icon{
  content: '';
	background: url("../images/resources/icon-5.png") no-repeat;
  background-size: 480px 260px;
  background-position: 8px 2px;
	width: 60px;
  height: 60px;
	align-self: center;
	border:1px solid var(--thm-border);
}

.feature2__foil .item .content .icon.baby{background-position:-422px 4px}
.feature2__foil .item .content .icon.staff{background-position:-250px -69px}
.feature2__foil .item .content .icon.heart{background-position:-164px -142px}
.feature2__foil .item .content .icon.eye{background-position:-422px -69px}
.feature2__foil .item .content .icon.archive{background-position:-336px -69px}

/*------------------------ Home Page/Book ------------------------------*/
.home-book__foil{background-color: var(--thm-color);	color:var(--thm-white);}

.home-book__foil .input__foil .label :required + span::after{color:var(--thm-white)}
.home-book__foil .input__foil input,textarea{background: var(--thm-white)}
/*.home-book__foil .input__foil input.medium{width:140px;}*/

/*------------------------ Home Page/About ------------------------------*/
.home-about__foil .about__top {border-top:1px solid rgba(var(--thm-blue-rgb),.2);}
.home-about__foil .about__top .image{border:1px solid var(--brand-blue-light); border-radius: 2px; padding:2px;}
.home-about__foil .about__bottom .image{border:1px solid rgba(var(--thm-color-rgb),.2); border-radius: 2px; padding:2px;}

/*------------------------ Home Page/FAQ ------------------------------*/
.home-faq__foil{background-color: rgba(var(--thm-blue-rgb),.15); border-top:2px solid rgba(var(--thm-blue-rgb),.3);}

/*------------------------ Home Page/Revviews ------------------------------*/
.home-reviews__foil .foil > .title{max-width: 400px; margin-left: auto; margin-right: auto}

/*------------------------ Home Page/News ------------------------------*/
.home-blogs__foil {border-top: 2px solid rgba(var(--thm-color-rgb),.5)}
.home-blogs__foil .title{max-width: 460px; margin-left: auto; margin-right: auto}

/*------------------------ Packages Page ------------------------------*/
.package-card{}

.package-card .header{position: relative}
.package-card .header .top::before{
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	border-top: 85px solid rgba(var(--thm-color-rgb),.8);
	border-left: 85px solid transparent;
	border-right: 85px solid transparent;
	z-index: -1;
}

.package-card .item__foil .item{display: flex;}
.package-card .item__foil .item::before{
	content:'\f00c';
	font: var(--fa-font-solid);
	font-size: 22px;
	color: rgba(var(--thm-green-rgb),.85);
	margin-right: 10px;
}

.package-card .header .offer {text-shadow: 1px 1px 2px #000;}

.package-card .header .offer::before{
	content: '\f0d8';
	font : var(--fa-font-solid);
	transform: rotate(135deg);
	position: absolute;
	top:-13px;
	left:1px;
	color: var(--brand-blue-dark);
	font-size: 20px;
	text-shadow: none;
}
.package-card .header .offer::after{
	content: '\f0d8';
	font : var(--fa-font-solid);
	transform: rotate(-45deg);
	position: absolute;
	bottom:-13px;
	right:1px;
	color: var(--brand-blue-dark);
	font-size: 20px;
	text-shadow: none;

}

/**Pachage card 2**/
.package-card2 {
	box-shadow: 0 0 12px 0 rgba(var(--thm-color-rgb),.3);
	border:3px solid rgba(var(--thm-color-rgb),.85); 
	border-radius: 6px; overflow: hidden
}
.package-card2 .header{position: relative}

.package-card2 .header .top{
	background:radial-gradient(circle, rgba(var(--thm-color-rgb),.9) 70%, rgba(var(--thm-white-rgb),.7) 120%); text-shadow: 0 0 2px var(--thm-black); box-shadow: 0 0 6px rgba(var(--thm-black-rgb),.3);
}
.package-card2 .header .top::before{
	content: "";
	position: absolute;
	top: 0;
	left: 30px;
	right: 30px;
	border-top: 110px solid rgba(var(--thm-color-rgb),.8);
	border-left: 105px solid transparent;
	border-right: 105px solid transparent;
	z-index: -1;
}

.package-card2 .header .top h3,
.package-card2 .header .top h4{line-height: 1.6em;}
.package-card2 .header .price{
	flex:1;
	padding: 6px 0;
	text-align: center;
	color:var(--thm-white);
	text-shadow: 0 0 2px var(--thm-black);
}

.package-card2 .header .offer{
	position: relative;
	background-color:var(--brand-blue-dark);
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 10px;
	text-shadow: 1px 1px 2px var(--thm-black);
}

.package-card2 .header .offer::before{
	content: '\f04b';
	font : var(--fa-font-solid);
	transform: rotate(180deg);
	position: absolute;
	bottom:-10px;
	left:1px;
	color: rgba(var(--brand-blue-dark-rgb),.6);
	font-size: 20px;
	text-shadow: none;
	z-index: -1
}
.package-card2 .header .offer::after{
	content: '\f04b';
	font : var(--fa-font-solid);
	position: absolute;
	bottom:-10px;
	right:1px;
	color: rgba(var(--brand-blue-dark-rgb),.6);
	font-size: 20px;
	text-shadow: none;
}

.package-card2 .header .offer .title{
	flex:1;
	color: var(--thm-white);
	padding-top: 10px;
	text-align: center;
}

.package-card2 .label{
	background-color: rgba(var(--thm-blue-rgb),.2);
	padding: 5px 10px;
	align-self: flex-start
}

.package-card2 .item__foil .item{display: flex;}
.package-card2 .item__foil .item::before{
	content:'\f00c';
	font: var(--fa-font-solid);
	font-size: 22px;
	color: rgba(var(--thm-green-rgb),.85);
	margin-right: 10px;
}

/*------------------------ Gallery Page ------------------------------*/
.gallery-card{
	position: relative;
	flex: 1 0 300px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
	background-color: rgba(var(--thm-color-rgb),.3);
	transition: all 500ms linear;
	transition-delay: 0.1s;
	/*z-index: 1;*/
}

.gallery-card .header{
	position: relative;
	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 75px;
	color:var(--thm-white);
	text-shadow: 1px 1px 2px var(--thm-black);
}

.gallery-card .header::before{
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	right: 10px;
	border-top: 75px solid rgba(var(--thm-color-rgb),.8);
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	z-index: -1;
}

.gallery-card .content{
	flex: 1 1 auto;
	display:flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
}

.gallery-card .content img{width:100%; height: auto; max-height: 360px}
.gallery-card .content video {width: 100%; height: auto}

.gallery-card .footer{
  position: relative;
	height: 75px;
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: normal;
	text-shadow: 1px 1px 2px var(--thm-black);
}

.gallery-card .footer::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 10px;
	right: 10px;
	border-bottom: 75px solid rgba(var(--thm-color-rgb), .85);
	border-left: 75px solid transparent;
	border-right: 75px solid transparent;
	z-index: -1;
}

/* ------- Reviews Page -------- */
.review-card {
	position: relative;
	border:2px solid rgba(var(--thm-color-rgb),.7);
	border-radius: 2px;
	box-shadow: 0 0 18px 0 rgba(var(--thm-color-rgb),.2);
	flex: 1 0 400px;
}
.review-card .image__foil{
	background: linear-gradient(to bottom, rgba(var(--thm-white-rgb),.3) 48%, rgba(var(--thm-color-rgb),1) 48%), url("../images/pattern/thm-pattern-1.png");
}

.review-card .image__foil .image{border:3px solid var(--thm-border);border-radius: 50%; overflow: hidden}
.review-card .image__foil .image img{
	border:1px solid rgba(var(--thm-color-rgb),.2);
	border-radius: 50%
}

.review-card .content .title::before{
	content: '\f10e';
	font: var(--fa-font-solid);
	font-size: 80px;
	color:rgba(var(--thm-grey-rgb),.2);
	margin-right: 20px;
}

.review-card .google-tag{position:absolute; top:10px; right:10px}

/*------------------------ FAQ Page/Accordian ------------------------------*/
.faq__foil .input__foil{
	box-shadow: 0 0 12px 6px rgba(var(--thm-color-rgb),.05);
	border: 1px solid rgba(var(--thm-color-rgb),.1);
}

.accordion__foil{
	/*border:1px solid red;*/
	display: flex;
	flex-direction: column;
	row-gap:20px;
	grid-row-gap: 20px;
}

.accordion__foil .item{
	/*background-color:rgba(var(--brand-blue-light-rgb),.5);*/
	/*backdrop-filter:blur(15px) brightness(170%);*/
}

.accordion__foil .item .header{
	display:flex;
	justify-content: space-between;
	align-items: center;
	column-gap: 30px;
	padding:15px 20px;
	cursor: pointer;
	transition:all .25s ease-in-out;
	background-color:rgba(var(--brand-blue-light-rgb),.8);
	
}

.accordion__foil .item .header .title{font-size:18px;color:rgba(var(--thm-color-rgb),.9)}
.accordion__foil .item .header .icon{color:var(--thm-color);margin-right: 5px;}

.accordion__foil .item .header .icon::before{
	content:'\f053';
	font:var(--fa-font-solid);
	display: inline-block;
	transition: all .3s linear;
}

.accordion__foil .item .header.active{background-color:rgba(var(--brand-blue-light-rgb),1);}
.accordion__foil .item .header.active .icon::before{rotate:-90deg}

.accordion__foil .item .content{padding:20px;display: none;border:1px solid rgba(var(--brand-blue-light-rgb),.9)}
.accordion__foil .item .content.active{display:flex}

/*--------------- Blogs Page-------------*/
.blogs__foil .blog{flex:0 1 380px}
.blogs__foil .blog .image{border-radius:4px;border:3px solid rgba(var(--thm-blue-rgb),.2);}
.blogs__foil .blog .image img{max-height:260px; border-radius:4px;}
.blogs__foil .blog .content{position: relative; top:-50px; background-color: rgba(var(--brand-blue-light-rgb),.9); border-radius:6px;}
.blogs__foil .blog .content{position: relative; top:-50px; background-color: rgba(var(--brand-blue-light-rgb),.9); border-radius:6px;}
.blogs__foil .page{margin-top: -20px}

.blog-single__foil .image img{max-width:100%;}
.blog-single__foil .blog .content h2,
.blog-single__foil .blog .content h3,
.blog-single__foil .blog .content h4,
.blog-single__foil .blog .content h5,
.blog-single__foil .blog .content h6{margin-bottom: -15px}

/*--------------- Book Appointment Page-------------*/

.book__foil .btn-fill{padding-top:15px; padding-bottom: 15px;}
.step-nav .item{
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--thm-silver);
	border-bottom: 4px solid var(--thm-silver);
	padding-bottom: 10px;
}

.step-nav .item .text {color:var(--thm-font-color)}
.step-nav .item.active{color:var(--thm-blue);border-color:var(--thm-blue);}
.step-nav .item.complete{color:var(--thm-font-color);border-color:rgba(var(--thm-teal-rgb),.8); padding-bottom: 5px;}


.calender-slots__foil{
	display:flex;
	justify-content:space-between;
	column-gap: 15px;
}
.calender-slots{
	flex:1 1 auto;
	display:flex;
	flex-direction: column;
	row-gap : 15px;
	grid-row-gap: 15px;
}
.calender-slots .slot{
	flex:1 1 auto;
	padding: 8px 8px;
	border:1px solid rgba(var(--thm-blue-rgb),.3);
	border-radius: 2px;
	transition:all .3s ease-in-out;
	cursor: pointer;
	font-size: 15px;
	text-align: center;
	align-content: center;
}

.calender-slots .slot.disabled{
	color: rgba(var(--thm-silver-rgb),.8);
	border-color:rgba(var(--thm-silver-rgb),.8);
	cursor:not-allowed;
}
.calender-slots .slot.disabled:active{pointer-events: none}


.calender-slots .slot.active,
.calender-slots .slot:not(.disabled):hover{
	color: var(--thm-white);
	border-color: rgba(var(--thm-blue-rgb),.8);
	background-color: rgba(var(--thm-blue-rgb),.8);
}


/*--------------- Login Page-------------*/
.login__foil .image img{max-width: 400px}
.login__foil .input__foil{border:1px solid rgba(var(--thm-color-rgb),.2); border-radius: 4px;}