/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 09 2026 | 17:45:37 */
@import url('https://fonts.googleapis.com/css2?family=Birthstone&family=Tangerine:wght@400;700&display=swap');

@font-face {
  font-family: 'Satoshi';
  src: url('https://www.healthandmedspa.com/wp-content/fonts/satoshi/Satoshi-Variable.woff2') format('woff2'),
       url('https://www.healthandmedspa.com/wp-content/fonts/satoshi/Satoshi-Variable.woff') format('woff'),
       url('https://www.healthandmedspa.com/wp-content/fonts/satoshi/Satoshi-Variable.ttf') format('truetype');
  font-weight: 300 900;
  font-display: swap;
  font-style: normal;
}

/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 900.0;
*
* available axes:
'wght' (range from 300.0 to 900.0)
*
@font-face {
  font-family: 'Patung' !important;
  src: url('https://www.healthandmedspa.com/wp-content/fonts/patung/patung.woff2') format('woff2') !important,
       url('https://www.healthandmedspa.com/wp-content/fonts/patung/patung.woff') format('woff') !important,
       url('https://www.healthandmedspa.com/wp-content/fonts/patung/patung.ttf') format('truetype') !important;
  font-weight: 300 900 !important;
  font-display: swap !important;
  font-style: italic !important;
}*/

/* Override Styles */

html * {
  font-family: "Satoshi", Arial, sans-serif !important;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
  font-weight: 800 !important;
}

h1, h3 {
  font-family: "Satoshi", Arial, sans-serif !important;
}

h2, h2 em {
  font-family: "Birthstone", cursive !important;
  font-size: 60px !important;
}
h3 {
	color: var(--cspt-emphires-global-color) !important;
}

h1.cspt-tbar-title, h3.cspt-tbar-title {
	font-family: "Satoshi", Arial, sans-serif !important;
	font-weight: 400 !important;
}

h3.cspt-tbar-subtitle {
	font-family: "Satoshi", Arial, sans-serif !important;
	font-weight: 400 !important;
	margin-top: 20px;
	font-size: 16px;
}

h1 em {
  font-style: normal !important;
  font-weight: 900 !important;
  color: var(--cspt-emphires-global-color) !important;
}

header h1, header h2, header h3 {
  font-family: "Satoshi", Arial, sans-serif !important;
  color: #000000;
}
header h1 em, header h2 em, header h3 {
  font-family: "Satoshi", Arial, sans-serif !important;
  color: var(--cspt-emphires-global-color) !important;
}

h4.cspt-element-subtitle {
  color: #222222 !important;
}

.type-post h2 {
	font-size: 36px !important;
}

.cspt-heading-desc {
  color: #222222 !important;
}

div.cspt-ihbox-content {
  color: #222222 !important;
}

@media (min-width: 1201px) {
  .cspt-navbar>div>ul ul {
    top: 80% !important;
  }
}

.hnp-script {
  font-family: "Patung", Arial, sans-serif !important;
}

.cspt-navbar div>ul>li>a,
.cspt-navbar ul ul a {
  font-family: "Satoshi", Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

.cspt-navbar ul li.menu-item-has-children a:after {
  display: inline-block !important;
  margin-left: .255em !important;
  vertical-align: .255em !important;
  content: "" !important;
  border-top: .3em solid !important;
  border-right: .3em solid transparent !important;
  border-bottom: 0 !important;
  border-left: .3em solid transparent !important;
  border-top-color: var(--cspt-emphires-global-color) !important;
  border-bottom-color: var(--cspt-emphires-global-color) !important;
}

.cspt-navbar ul li.menu-item-has-children ul li a:after {
  display: none !important;
}


@media (max-width: 1200px) {
  .cspt-navbar ul li.menu-item-has-children > a::after {
    display: none !important;

  }
}

/* Top header teal bar */
.cspt-pre-header-wrapper {
	height: 62px;
	line-height: 60px;
	font-weight: 600;
}
.btn-preheader {
	background-color: var(--cspt-emphires-secondary-color) !important;
	color: #FFF !important;
	padding: 8px 24px 8px !important;
	border: none !important;
	border-radius: 22px !important;
	font-weight: 500;
	font-size: 15px;
	line-height: 23px;
	letter-spacing: 1px;
	font-style: normal;
	height: 40px;
	margin: auto;
}
.btn-preheader:hover {
	background-color: rgb(57, 160, 148) !important;
	color: #FFF !important;
	text-decoration: none !important;
}
.cspt-pre-header-wrapper .cspt-social-links a {
	font-size: 30px;
	line-height: 30px;
}
.cspt-social-facebook a:hover {
	color: #1877F2 !important;
}
.cspt-social-linkedin a:hover {
	color: #0072B1 !important;
}
.cspt-social-instagram a:hover {
	color: #962FBF !important;
}
/* Top header teal bar ENDS */

.cspt-btn-style-flat.cspt-btn-color-white .elementor-button:not(:hover) {
    background-color: var(--cspt-emphires-white-color) !important;
	color: var(--cspt-emphires-global-color) !important;
}

.elementor-section.ready-to-work img {
	max-width: 50%;
    margin-bottom: -50px;
}

.cspt-number-rotate {color: #257168; font-weight: 900;text-shadow: 0px 1px 2px white}
.banner-title-bold {color: #257168;text-shadow:0px 1px 2px white}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}

.elementor-section.hnj-advantage-section .cspt-ihbox-icon-wrapper {
	margin-bottom: 0;
}

.cspt-steps-counter .hnj-steps-connector-1 .elementor-widget-container .cspt-ihbox-style-5::before {
	top: 30px;
	right: -46%;
	height: 25px;
	background-image: url(https://www.healthandmedspa.com/wp-content/themes/emphires/images/arch-line.svg);
	background-size: contain;
}
.cspt-steps-counter .hnj-steps-connector-2 .elementor-widget-container .cspt-ihbox-style-5::before {
	top: 88px;
	right: -46%;
	height: 25px;
	background-image: url(https://www.healthandmedspa.com/wp-content/themes/emphires/images/arch-line-reverse.svg);
	background-size: contain;
}

/* -----top bar link underline remove ---- */

.btn-preheader {
  text-decoration: none;
}

.btn-preheader:hover,
.btn-preheader:focus {
  text-decoration: none;
}

/* Support / phone link */
.cspt-base-icon-phone + a,
a[href^="tel:"] {
  text-decoration: none;
}

.cspt-base-icon-phone + a:hover,
a[href^="tel:"]:hover,
a[href^="tel:"]:focus {
  text-decoration: none;
}



/* FOOTER: */
footer .footer-heading h2 {
	font-family: "Satoshi", Arial, sans-serif !important;
    color: var(--cspt-emphires-global-color) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}
/* Footer links - no underline anywhere */
.footer-wrap a {
  text-decoration: none;
}

/* On hover / focus */
.footer-wrap a:hover,
.footer-wrap a:focus {
  text-decoration: none;
}

.footer-wrap .cspt-social-links a:hover {
  text-decoration: none;
}

footer .wp-block-button__link.wp-element-button {
	background-color: var(--cspt-emphires-global-color);
}

/* End Footer */

.elementor-button.elementor-size-sm {
    padding: 10px 28px !important;
    cursor: pointer;
}

/* Extra safety on hover */
.elementor-button.elementor-size-sm:hover {
    cursor: pointer;
}


/* ////////black button///// */
.cspt-btn-style-flat.cspt-btn-color-globalcolor .elementor-button:not(:hover) {
    background-color: var(--cspt-emphires-global-color) !important;  /* default black */
}

.cspt-btn-style-flat.cspt-btn-color-globalcolor .elementor-button:hover {
    background-color: var(--cspt-emphires-global-color) !important; /* hover global color */
}

/* /////////////card extra white section //// */
/* 
.cspt-ihbox-box {
  background-color:#fff;
}
 */
@media (min-width: 1201px) {
  .cspt-header-style-4 .site-branding.cspt-logo-area {
    margin-right: 55px;
  }
}

.elementor-element-40d052d .cspt-ihbox-box,
.elementor-element-87a4763 .cspt-ihbox-box {
    background-color: #fff;
}


/* Header BG */

@media only screen and (min-width:800px) {
	.cspt-title-bar-content .cspt-tbar {
		max-width: 60%;
	}	
}

h3.cspt-element-subtitle {
	font-weight: normal !important;
    font-size: 22px !important;
    text-transform: none !important;
    color: #333 !important;
}


/* Mobile */
@media only screen and (max-width: 767px) {
    h3.cspt-element-subtitle {
        font-size: 18px !important;
    }
}

/* ////////////////form button///////////////////// */

.wpforms-submit, 
#wpforms-submit-9991 {
    border-radius: 100px !important;
    background-color: var(--cspt-emphires-global-color) !important;
    color: var(--cspt-emphires-white-color) !important;
    border: none !important;
    padding: 0px 38px !important;
    transition: all 0.3s ease !important;
}

.wpforms-submit:hover,
#wpforms-submit-9991:hover {
    background-color: var(--cspt-emphires-blackish-color) !important;
    color: #fff !important;
}

/* --------------------------------metplot section-------------------------- */


.sk-video-thumb {
  position: relative !important;
  width: 100% !important;
  max-width: 636px !important;
  aspect-ratio: 16 / 9 !important; /* responsive height */
  border-radius: 25px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5) !important;
  margin: 20px auto !important;
}

/* Fallback for browsers without aspect-ratio */
@supports not (aspect-ratio: 16 / 9) {
  .sk-video-thumb {
    height: 300px !important;
  }
}

/* ================= Thumbnail Image ================= */
.sk-video-thumb img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

/* ================= Play Button ================= */
.sk-play-button {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 80px !important;
  height: 80px !important;
  background-color: #008080 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;
  transition: transform 0.15s ease, background-color 0.3s ease !important;
}

/* Hover effect (desktop only) */
@media (hover: hover) {
  .sk-video-thumb:hover .sk-play-button {
    transform: translate(-50%, -50%) scale(1.1) !important;
    background-color: #006666 !important;
  }
}

/* ================= Triangle Icon ================= */
.sk-play-triangle {
  width: 0 !important;
  height: 0 !important;
  border-left: 28px solid #ffffff !important;
  border-top: 16px solid transparent !important;
  border-bottom: 16px solid transparent !important;
  margin-left: 4px !important;
}

/* ================= Tablet ================= */
@media (max-width: 768px) {
  .sk-play-button {
    width: 64px !important;
    height: 64px !important;
  }

  .sk-play-triangle {
    border-left: 22px solid #ffffff !important;
    border-top: 13px solid transparent !important;
    border-bottom: 13px solid transparent !important;
  }
}

/* ================= Mobile ================= */
@media (max-width: 480px) {
  .sk-video-thumb {
    border-radius: 18px !important;
  }

  .sk-play-button {
    width: 54px !important;
    height: 54px !important;
  }

  .sk-play-triangle {
    border-left: 18px solid #ffffff !important;
    border-top: 11px solid transparent !important;
    border-bottom: 11px solid transparent !important;
  }
}

/* list of services table styles */
.list-of-services-table {
	td {
		padding: 0;
	}
	a {
		font-weight: 400;
		display: block;
		width: 100%;
		position: relative;
		padding: 10px;
	}
	a:hover {
		background: #f6f6f6;
	}
	a:hover i {
		right: 12px;
	}
	i {
		position: absolute;
		right: 15px;
		transition: 0.2s right;
	}
}
/* Ends here */
.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
	background-color: var(--cspt-emphires-global-color);
}

.
/* About US > ... */
.our-practitioners .elementor-container img {
	border-radius: 20px !important;
}
.our-practitioners h3 {
	font-size: 28px;
	line-height: 28px;
	color: var(--cspt-emphires-global-color);
}
.our-practitioners h4 {
	font-size: 25px;
	line-height: 25px;
	color: var(--cspt-emphires-global-color);
}
.our-practitioners h5 {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
}

 .cspt-heading-subheading .cspt-element-title {
		font-weight: normal !important;
    }

@media (max-width: 575px) {
    .cspt-heading-subheading .cspt-element-title {
		font-weight: normal !important;
        font-size: 60px !important;
        line-height: 60px !important;
    }
	.cspt-element-title {
    	font-size: 28px !important;
	}
}
.yt-shorts-medspa {
	width: 266px !important;
	height: 476px;
	border-radius: 20px;
	box-shadow: #a3a1a1 1px 1px 5px;
}

.rounded-image-container img {
	border-radius: 20px;
}
.elementor-container a {
	color: #b48e56;
}

.neg-margin-data-boxes .cspt-element-posts-wrapper.row, .neg-margin-data-boxes .e-con-inner {
	margin-top: -40px;
}

.cspt-btn-style-flat.cspt-btn-color-globalcolor .elementor-button:hover {
	background-color: #977647 !important;
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-content.elementor-active {
/* 	padding-bottom: 0px; */
}

.post .cspt-blog-classic-inner a {
	color: blue;
	text-decoration: underline;
}