/*
Theme Name:   HealthMedicalWPLChild
Description:  Child theme.
Author:       kiki.elizabeth
Author URL:   Write here the author's blog or website url
Template:     healthmedical-wpl
Version:      1.1.2a
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  HealthMedicalWPLChild
*/

/* Write here your own personal stylesheet */
@font-face {
  font-family: BrandonMedium;
  src: url("assets/fonts/Brandon_med.otf");
}

/********** Gloabal **********/

.row:before, .row:after {
	/*fix safari bootstrap issues*/
	width: 0 !important;
	height: 0;
}

.instruction {
	margin-left: 0 !important;
}

.gform_body {
	padding: 4%;
	background-color: #f0f4f7;
}

.gform_title {
	display: none;
}

.form-header-section {
	padding: 3% !important;
	background-color: #2289c9;
	color: white;
	margin-bottom: 30px !important;
}

.form-header-section h2 {
	color: white;
}

.inline-amp {
	font-family: auto;
}

.testimonial-heading {
	display: none;
}

.copyright a,
.copyright span {
	padding: 0 10px;
}


.copyright-text {
	opacity: 0.5;
}

.footer,
.footer a {
	color: white !important;
}

.footer-section-title a {
	color: #2289c9 !important;
}

.footer p {
	margin: 0 auto;
	color: white;
}

.footer-icons {
	text-align: left;
}


.footer-social-icons {
	color: white;
	padding: 0 10px;
	font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (2500 - 300)));
}

.intro-small .intro-caption {
	left: 50%;
	transform: translate(-50%, -50%);
}

.home .intro-small .intro-caption {
	right: 0 !important;
	left: auto !important;
}

.intro-caption h1 {
	color: white;
	font-size: calc(34px + (65 - 34) * ((100vw - 300px) / (2500 - 300)));
}

#wplook_social_widget-5 .footer-section-title {
	display: none;
}

a {
	text-transform: uppercase;

}

p, div {
	font-family: 'Lato', sans-serif !important;
}

h1, h2, h3 {
	color: #2289c9;
}

h1 {
	font-family: "Playfair Display", serif !important;
	font-size: 2rem;
}

h2 {
	font-size: 1.5rem !important;
}

h3 {
	font-size: 1.25rem !important;
}

h2, h3 {
	font-family: 'Lato', sans-serif !important;
	font-weight: bold;
}

.trusted-over-container {
	text-align: center;
}

.trusted-over {
	margin: 0 auto;
}


.row {
	margin: 0 auto !important;
	max-width: 90%;
	padding: 2% 0;
}

.full-row {
	max-width: 100% !important;
}

.hero-image-conatiner {
	padding: 0 !important;
}

.hero-image-conatiner img {
	width: 100%;
}

.blue-button {
	border: thin solid #2289c9;
	padding: 15px 20px;
	color: #2289c9 !important;
	font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (2500 - 300)));
}

.blue-button-filled {
	border: none !important;
	padding: 15px 20px;
	background-color: #2289c9;
	color: white;
	font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (2500 - 300)));
}

.blue-button-filled:hover {
	color: white !important;
}

.white-button {
	border: thin solid white;
	padding: 15px 20px;
	color: white !important;
	font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (2500 - 300)));
}

.king-rules {
	padding: 0;
}

.intro-image-inner {
	height: 100%;
}

.intro-image-inner img {
	min-height: 100%;
	min-width: 100%;
	width: auto;
	max-width: none;
}

.promo-banner img {
	width: 100%;
}

.accordions {
	width: 100%;
}

.accordion-icons {
	position: relative;
	left: 100%;
	transform: translate(-200%, 0);
}

.container-fluid {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.full-width-general-content {
	background-color: #2289c9;
	color: white;
}

.full-width-general-content h2 {
	color: white;
}

.full-width-general-content hr {
	border-top: 1px solid white;
}

.page-template-template-bio .intro-caption {
	display: none;
}


.google-review {
	text-align: center;
}

.header-bar {
	padding: 0 !important;
}

.gen-title-center {
	margin: 0 auto;
	text-align: center;
	padding: 50px 0 35px;
}

.intro-small {
	height: 375px;
}

.home .intro-small {
	height: 600px;
}

.process-block {
	padding: 0;
	color: white;
	background-color: #2289c9; /* For browsers that do not support gradients */
  	/*background-image: linear-gradient(-160deg, #2289c9, #525bff);  Standard syntax (must be last) */
}

.process-block-inner {
	max-width: 90% !important;
}

.process-block h1,
.process-block h2,
.process-block h3 {
	color: white;
}

.before-after-block {
	text-align: center;
	background: #f0f4f7;
    background-image: none;
	background-image: linear-gradient(180deg, #f0f4f7, #ffffff);
}

.before-after-block p {
	padding: 15px 0 30px;
	opacity: .5;
}

.disclaimer p {
	font-size: calc(9px + (14 - 9) * ((100vw - 300px) / (2500 - 300)));
	text-align: center;
}

.strong-view.modern .testimonial-content::before,
.strong-view.modern .testimonial-content::after {
    content: "" !important;
}



@media only screen and (max-width: 1024px) {
	.row {
		padding: 3% 0;
	}

}

@media only screen and (max-width: 767px) {
	.king-rules {
		margin: 3% auto !important;
		padding: 0 !important;
	}

	.row {
		padding: 6% 0;
	}

	.intro {
		margin-top: 0;
	}
}

@media only screen and (min-width: 768px) {
	.page-template-template-bio .main {
		margin-top: 180px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.revslider-initialised {
		max-height: 420px !important;
	}
	.before-after-block {
		max-height: 640px;
	}
}

@media only screen and (max-width: 991px) {
	.before-after-block h1 {
		padding-top: 30px;
	}

	.home .intro-small .intro-caption {
		right: auto !important;
		left: 0 !important;
		transform: translate(0, -50%);
	}

}

@media only screen and (max-width: 1024px) {
	.home-intro-nav {
		display: none !important;
	}
}

@media only screen and (min-width: 1444px) {
	.gen-row {
		max-width: 1080px !important;
	}
}

@media only screen and (min-width: 1920px) {
	.row {
		max-width: 1660px;
	}
}

/********** Navigation **********/
.home-intro-nav {
	background-color: #2289c9;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	height: 65px;
}

.home-intro-links,
.home-intro-links div {
	margin: 0 auto;
	text-align: center;
	padding: 0 !important;
}

.home-intro-links div {
	border: thin solid white;
}


.home-intro-links div:first-child {
	border-left: none;
}
.home-intro-links div:last-child {
	border-right: none;
}

.home-intro-links a {
	color: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.home-intro-links a:hover {
	color: white;
	opacity: .5;
}

.home-intro-links a p {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.home-hero-cta {
	color: white;
	border: thin solid white;
	padding: 15px 30px;
}

.home-hero-sub {
	color: white;
	padding: 15px 0 30px;
}

.home-hero-title {
	font-size: calc(54px + (65 - 54) * ((100vw - 300px) / (2500 - 300))) !important;

}

/********** Appointment Sections **********/
.appointment-section {
	padding-top: 0;
	padding-bottom: 65px;
	background-color: #2289c9;
	color: white;

}

.appointment-section h3 {
	color: white;
}

.cta-appointment-form {
	padding-top: 15px;
}

.cta-appointment-form a {
	padding: 15px 30px;
	background-color: white;
	color: #2289c9;
	font-weight: bold;
}

@media only screen and (min-width: 768px) {
	.call-text p {
		position: relative;
		left: 100%;
		padding-right: 15px;
		transform: translate(-25%, 0);
	}
}

@media only screen and (max-width: 768px) {
	.call-text p {
		text-align: center;
	}
	.cta-appointment-form {
		text-align: center;
	}
}

/********** Accordions **********/

.accordion-container {
	background-color: #f0f4f7;
	padding: 50px 0 65px;
}

.accordion-items {
	margin: 0 auto;
}

.accordion {
	background-color: #f0f4f7;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin: 0;
}

.panel p {
	padding: 5px;
}


.panel.show {
    opacity: 1;
    max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

.active:after {
	content: "\2212";
}

.active, .accordion:hover {
	background-color: #ccc;
}

/********** Home Page **********/

@media only screen and (max-width: 945px) {
  .home .intro-image img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-30%,0);
  }
}
@media only screen and (max-width: 600px) {
  .home .intro-image img {
    transform: translate(-50%,0);		
  }
  .home .intro .intro-caption .home-hero-title {visibility:hidden}
}

.home-intro {
	text-align: center;
	max-width: 75%;
	margin: 3.33% auto 0 !important;
}

.featured-procedures-container {
	max-width: 1600px;
	text-align: center;
	margin: 0 auto !important;
	padding-bottom: 0;
	padding-top: 0;
}

.all-procedures,
.featured-testimonial {
	margin: 30px auto;
}

.all-procedures,
#last-featured-block {
	overflow: hidden;
}

.surgeon-section {
	padding: 100px 50px;
	overflow: hidden;
	color: white;
	/*background-color: #2289c9;*/
	background-color: #2289c9;
	background-image: url("assets/images/ourSurgeons.jpg");
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
}

.surgeon-section h1 {
	color: white;
}

.surgeon-section-copy {
	left: 5%;
}

.surgeon-section-copy p {
	padding: 15px 0 30px;
}

.featured-sugeon-image {
	max-width: 50%;
	position: absolute;
	right: 0;
	top: 50%;
}

.featured-services-section {
	text-align: center;
	padding: 0 !important;
}

.home-service-block {
	padding-top: 30px;
	padding-bottom: 30px;
}

.home-service-block img {
	width: 100%;
}

.schedule-consult-section {
	background-image: url("https://www.floridacentercosmetic.com/wp-content/uploads/2020/03/CenterOpaqueBackground.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


.schedule-consult {
	position: relative;
	margin: 0 auto;
	max-width: 75%;
	padding: 4% 2%;
	text-align: center;
}

.schedule-consult h1 {
	color: #2289c9;
	padding-bottom: 30px;
	font-size: calc(24px + (48 - 24) * ((100vw - 300px) / (2500 - 300))) !important;
}

@media only screen and (max-width: 585px) {

	.surgeon-section {
		background-size: cover;
		background-position: center right;
	}
}


@media only screen and (max-width: 768px) {
	.service-block,
	.all-procedures {
		padding-top: 15px;
	}
	.service-block img {
		width: 100%;
	}

	.home-service-block {
   	 padding-top: 15px;
     padding-bottom: 15px;
	}

	.all-procedures .service-block-inner {
		background-image: url(https://www.floridacentercosmetic.com/wp-content/uploads/2020/02/proall.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: 65% top;
	}

	.all-procedures .service-block-inner img {
		width: auto;
		height: 100%;
		overflow: hidden;
		max-width: none;
		transform: translateX(-50%);
	}

	/*.all-procedures img {
		display: none;
	}*/

	.all-procedures {
		margin: 0;
	}

}


@media only screen and (max-width: 991px) {
	.surgeon-section {
		background-blend-mode: multiply;
	}
}

/********** Service Blocks - Home **********/

.featured-services-section {
	overflow: hidden;
}


.featured-procedures-titles {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	z-index: 1000;
	transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
	font-size: calc(24px + (36 - 24) * ((100vw - 300px) / (2500 - 300))) !important;
	font-family: 'Lato Light', sans-serif !important;
	font-weight: 100;
}

.service-block-inner a img {
	/*box-shadow: 10px 15px 25px 0 rgba(0,0,0,.2);*/
	transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media only screen and (min-width: 768px) {
	.service-block-inner:hover a img {
		filter: grayscale(100%) contrast(120%);
		transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
		/* margin-top: 5px; */
	}

	.service-block-inner a img:hover {
		box-shadow: 1px 1px 10px 0 rgba(0,0,0,.1);
	}


}


/********** Service Pages **********/
.service-container {
	background-color: #f0f4f7;
	max-width: 100% !important;
	padding: 50px 5%;
}

.service-description {
	border: none !important;
	padding-top: 0 !important;
}

.featured-service-image {
	float: left;
	margin-right: 35px;
	max-width: 40%;
	display: none;
}

.service-item {
	margin: 0 5px 35px;
	padding: 35px;
	background-color: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .15);
}

.service-item p {
	overflow: hidden;
}

@media only screen and (max-width: 991px) {
	.featured-service-image {
		display: none !important;
	}
}

/********** Surgical Service Pages **********/
.costs-title {
	font-family: BrandonMedium;
	color: #2289c9;
	font-weight: 400;
	letter-spacing: 1px;
}

.surgical-service-hero {
	padding: 0 !important;
}

.service-intro {
	text-align: center;
}


.service-intro h2, .service-intro p {
	font-size: 1.5rem !important;
	line-height: 1.5em;
	color: #2289c9;
	display: inline;
}



.service-title h3 {
	/*position: absolute;
	left: 50%;
	transform: translate(-50%, 0);*/
}

.process-title {
	text-align: center;
	padding: 15px 0 30px;
}

.faq-section {
	background-color: #f0f4f7;
}

.faqs {
	margin: 0 auto;
}

h2.h2-white-on-blue, h2.h2-blue-on-white, h2.service-testimonial-title {
	font-family: playfair display,serif !important;
	font-size: 2.5rem !important;
}

h2.service-testimonial-title {text-align: center;}

.h2-request-consult {
	text-transform: uppercase;
}

h2.h2-blue-on-white{
color: #2289c9;
}

h2.h2-white-on-blue{
color: #fff;
}

.accordion-items button h2 {
	margin: inherit;
	padding: inherit;
	display: inline;
	color: inherit;
	font-size: inherit !important;
	padding-left: 0px;
}

.service-description a {
	color: #fff;
	text-decoration: underline;
}


@media only screen and (max-width: 768px) {

	.service-title {
		text-align: left;
	}

	.service-title h3 {
		position: relative;
	}
}

/********** MedSpa Service Pages **********/

.google-review {
		text-align: center;
	}

.member-pricing-inner {
	width: 100%;
}

.google-review-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.member-pricing-inner {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.trusted-block {
	padding: 0;
	background: #f0f4f7;
	/*box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);*/
	background-image: linear-gradient(0deg, #f0f4f7, #ffffff); /* Standard syntax (must be last) */
}

.trusted-block .gen-row {
	padding: 30px 0;
	max-width: 90%;

}

.trusted-section {
	padding-right: 30px !important;
}

.google-review {
	border-left: thin solid rgba(0, 0, 0, .15);
	border-right: thin solid rgba(0, 0, 0, .15);
}

.google-review i {
	color: black;
	opacity: .3;
}

.google-review p {
	opacity: .5;
	padding-top: 10px;
}

.member-pricing {
	text-align: center;
	padding-left: 10px;
}

.member-pricing a {
	font-size: 11pt;
}

.member-pricing h3 {
	padding-bottom: 30px;
	color: black;
}

@media only screen and (max-width: 768px) {
	.member-pricing {
		text-align: center;
	}
	.google-review {
		border: none;
	}
}

@media only screen and (max-width: 991px) {
	.google-review {
		border-left: none;
		padding-bottom: 15px;
	}

	.google-review-inner,
	.member-pricing-inner {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}
	.trusted-section p {
		padding-bottom: 15px;
	}
	.trusted-block {
		padding-bottom: 30px;
	}
}


/********** Bio Directory **********/
.bio-directory {
	padding: 30px;
	text-align: center;
}

.bio-directory a img {
	width: 100%;
}

.bio-directory h3 {
	padding-top: 30px;
	text-align: center;
}

/********** Bio page **********/

.bio-intro p {
	padding: 15px 0 30px;
}

.bio-icons ul {
	text-decoration: none;
	list-style-type: none !important;
	display: flex;
	margin: 0 auto;
	text-align: center;
}

.bio-icons li {
	padding: 0 25px;
	margin: 0 auto;
}

.bio-icons li img {

}

/********** reviews page **********/

.wrapper-iframe {
	max-width: none;
	width: 100%;
	height: auto;
}

.h_iframe {
	padding-top: 100%;
}

/********** fly in program page **********/
.package-list-container {
	background-color: #2289c9;
	color: white;
}

.package-list {
	width: 100% !important;
	color: white;
	text-align: center;
}

.package-list p {
	line-height: 35px;
}

.package-list h4 {
	color: white;
	margin-bottom: 33px;
	font-family: BrandonMedium;
	text-transform: uppercase;
	font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2500 - 300)));
}

.package-list i {
	font-size: 24pt;
	margin-bottom: 33px;
}

.package-list div:nth-child(1) i {
	color: silver;
} .package-list div:nth-child(2) i {
	color: gold;
} .package-list div:nth-child(3) i {
	color: #e5e4e2;
}

/********** membership page **********/
.page-template-template-service-parent h2 {
	margin: 0 auto;
}

.Membership.Program-page .service-container {
	max-width: 1300px !important;
	background-color: transparent !important;
}

.Membership.Program-page .row:nth-child(1) {
	padding-bottom: 0;
}

.program-block {
	width: 100% !important;
}

.page-id-1179 [class*="column"] + [class*="column"]:last-child {
	float: none;
}

.process-desc-membership {
	text-align: center;
}

/********** Slider Revolution **********/
rs-carousel-wrap {
	left: 0 !important;
}


/******************Service Landing Pages ***************/
.page-template-template-test h4 {
	font-size: 1.2rem;
	font-style: italic;
}

.page-template-template-test ul, .page-template-template-test ol {
	margin-left: 40px;

}


/******************You may also be intersested in...***************/
.upservice {
  display: block;
  position: relative;
  padding-bottom: 80%;
  height: 0;
  margin-bottom: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.upservice__wrap {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.upservice__text {
  display: block;
  font-weight: bold;
  flex: 1 1 100%;
  background-color: rgba(255,255,255,0.8);
  color: #2289C9;
  text-decoration: none;
  text-align: center;
  padding: 2px 0;
}

.upservice__text:hover {
  text-decoration: none;
}

.upservice__title {
  font-family: 'playfair display', serif !important;
  font-size: 28px;
  text-align: left;
  padding: 0 15px;
}