/*
Theme Name:     Masi Clinic
Theme URI:      https://madeatdawn.com/
Template:       kadence
Author:         Made at Dawn
Author URI:     https://madeatdawn.com/
Description:    Custom website for Masi Clinic
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ------------------------------------------------------------
GLOBAL SETTINGS
---------------------------------------------------------------------- */
:root {
    --wp--preset--color--theme-palette1: var(--global-palette1) !important;
    --wp--preset--color--theme-palette2: var(--global-palette2) !important;
    --wp--preset--color--theme-palette3: var(--global-palette3) !important;
    --wp--preset--color--theme-palette4: var(--global-palette4) !important;
    --wp--preset--color--theme-palette5: var(--global-palette5) !important;
    --wp--preset--color--theme-palette6: var(--global-palette6) !important;
    --wp--preset--color--theme-palette7: var(--global-palette7) !important;
    --wp--preset--color--theme-palette8: var(--global-palette8) !important;
    --wp--preset--color--theme-palette9: var(--global-palette9) !important;
    --wp--preset--color--theme-palette-1: var(--global-palette1) !important;
    --wp--preset--color--theme-palette-2: var(--global-palette2) !important;
    --wp--preset--color--theme-palette-3: var(--global-palette3) !important;
    --wp--preset--color--theme-palette-4: var(--global-palette4) !important;
    --wp--preset--color--theme-palette-5: var(--global-palette5) !important;
    --wp--preset--color--theme-palette-6: var(--global-palette6) !important;
    --wp--preset--color--theme-palette-7: var(--global-palette7) !important;
    --wp--preset--color--theme-palette-8: var(--global-palette8) !important;
    --wp--preset--color--theme-palette-9: var(--global-palette9) !important;
}
/* === Hover Delay === */
a, a:hover, .fl-button, .fl-button:hover, .fl-button a, .fl-button a:hover {
    -webkit-transition:all 0.4s;
    transition:all 0.4s;
}
::selection {
    background: var(--global-palette5);
    color: var(--global-palette8);
}
::-moz-selection {
    background: var(--global-palette5);
    color: var(--global-palette8);
}
.z-index {
    z-index: 10 !important;
    position: relative !important;
}
.z-index-top {
    z-index: 20 !important;
    position: relative !important;
}
@media only screen and (min-width: 993px) {
    .sticky {
    position: sticky !important; 
    position: -webkit-sticky; 
    top: 0; 
    }
}
.kt-row-column-wrap p { /* Removes extra padding after paragraph in Kadence rows */
    margin-block-end: 1em !important;
}
/* ------------------------------------------------------------
    LINE PATTERNS
---------------------------------------------------------------------- */
@media screen and (max-width: 900px) {
    .show-desktop { /* Hides on mobile */
        display: none !important;
    }
}
@media screen and (min-width: 900px) {
    .show-mobile { /* Hides on desktop */
        display: none !important;
    }
}
/* ------------------------------------------------------------
    LINKS
---------------------------------------------------------------------- */
p a:not(.footer-links a, em a) {
  text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 1px;
}
a:hover:not(.kb-button, .image-hover-zoom .wp-block-kadence-image a) {
    opacity: 0.5;
}

/* ------------------------------------------------------------
    IMAGE HOVER ZOOM
---------------------------------------------------------------------- */
/* Ensure the image container does not overflow */
.image-hover-zoom .wp-block-kadence-image {
  overflow: hidden;
}

/* Image zoom effect on hover */
.image-hover-zoom:hover img {
  transform: scale(1.1);
  transition: transform 2.5s ease;
  opacity: 1 !important;
}
.image-hover-zoom img {
    transition: transform 2.5s ease;
  opacity: 1 !important;
}

/* ------------------------------------------------------------
TYPOGRAPHY
---------------------------------------------------------------------- */
h1 em, h2 em {
    font-family: 'larken', sans-serif;
    font-weight: 100;
    font-style: italic;
    letter-spacing: 0 !important;
}
/* ------------------------------------------------------------
FADE IN & OUT ON SCROLL
---------------------------------------------------------------------- */
.nofade, .nofade .fade, .nofade .fadeOut, .nofade .fadeIn {
  opacity: 10 !important;       /* fully visible */
  transition: none !important; /* no fade transition */
  pointer-events: auto;        /* keep interactions normal */
}
.fade {
    transition: opacity 0.5s ease-in;
  }
  .fadeOut {
    opacity: 0;
    transition: transform 300ms, opacity 1200ms;
  }
  .fadeIn {
    opacity: 1;
  }  
  /* === Disable Fade on Mobile === */
  @media screen and (max-width: 860px) {
    .fadeOut { opacity: 1; }
  }
  
  @media screen and (max-width: 1020px) {
    .fadeOut { opacity: 1; }
  }
  
  @media screen and (max-width: 767px) {
    .fadeOut { opacity: 1; }
  }
  
  @media screen and (max-width: 620px) {
    .fadeOut { opacity: 1; }
  }
  
  @media screen and (max-width: 420px) {
    .fadeOut { opacity: 1; }
  }
/* ------------------------------------------------------------
    LIST SHAPES
---------------------------------------------------------------------- */
/* === Default list shape === */
.wp-block-list {
  list-style: none;
  padding-left: 1.5em;
}
.wp-block-list li {
  position: relative;
  padding-left: 1.3em;
text-align: left;
}
.wp-block-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.5em;
  width: 0.6em;
  height: 0.6em;
  background-color: transparent;
    border: 1px solid var(--global-palette3);
  border-radius: 50%;
}
/* === Regular list shape === */
.regular-list {
  list-style: none;
}
.regular-list li {
  position: relative;
  padding-left: 0;
  text-align: left;
    margin-left: -2em;
}
.regular-list li::before {
  content: '— ';
  position: relative;
  left: 0;
  top: 0em;
  width: 0.6em;
  height: 0.6em;
    border: none;
  border-radius: 50%;
    padding-right: 0.5em;
}
.wp-block-list.regular-list {
  list-style-position: outside;
  padding-left: 2em; /* space for bullet */
}
.wp-block-list.regular-list li {
  text-indent: -2em;  /* pulls first line left */
  padding-left: 2em;  /* pushes all lines right */
}
/* === Conditions list shape === */
.conditions-list {
  list-style: none;
}
.conditions-list li {
  position: relative;
  padding-left: 2em;
  text-align: left;
  margin: 1em 0 0 -2em;
}
.conditions-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 1em;
  height: 1em;
  background-color: transparent;
  border: 1px solid var(--global-palette3);
  border-radius: 50%;
}
/* ------------------------------------------------------------
    TOP HEADER
---------------------------------------------------------------------- */
.top-header-left a {
    margin-right: 8px;
}
.top-header-right a {
    margin: 0 1vw;
}
/* ------------------------------------------------------------
    HEADER
---------------------------------------------------------------------- */
.kadence-header-row-inner .wp-block-social-links {
    font-size: 22px;
}
@media screen and (max-width: 1167px) {
  .wp-block-kadence-navigation .menu a:not(.kb-off-canvas-inner .wp-block-kadence-navigation .menu a) {
    font-size: clamp(0.5rem, 1.5vw, 0.7rem);
  }
}
/* === Off Canvas Menu Item Styling === */
.kb-off-canvas-inner .menu-item a {
    font-family: var(--global-heading-font-family);
    font-size: 17px !important;
}
/* ------------------------------------------------------------
    HOME // GLOBAL STYLES
---------------------------------------------------------------------- */
/* === Top Fold === */
.white-lines img {
    width: 100%;
}
.logo img {
    margin: -5vw 30px 30px 0;
    width: clamp(3em, 4vw, 5rem);
}
@media screen and (max-width: 900px) {
  .logo img {
    margin: -12vw 30px 30px 0;
  }
}
/* ------------------------------------------------------------
    OUR TEAM
---------------------------------------------------------------------- */
.our-team img {
    aspect-ratio: 30 / 33 !important;
    object-fit: cover;
}
/* ------------------------------------------------------------
    PAGE // PATIENT STORIES
---------------------------------------------------------------------- */
/* === Testimonials === */
.kt-testimonial-item-wrap {
    max-width: 800px !important;
    font-size: 18px;
}
.kt-testimonial-occupation {
    font-size: 18px !important;
    margin-top: 20px;
}
/* === Patient Stories Video Player === */
.patient-stories-video {
    width: 100%;
    overflow: hidden;
      aspect-ratio: 225 / 400;
}
.patient-stories-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 1px solid var(--global-palette3);
}
.stories-video {
    --plyr-color-main: var(--global-palette1) !important;
    --plyr-control-icon-size: 13px !important;
}
.stories-video .plyr__poster {
    background-color: transparent !important;
    background: none !important;
}
.stories-video .plyr--video .plyr__controls, .stories-video .plyr__controls .plyr__controls__item.plyr__time, .stories-video .plyr--fullscreen-enabled [data-plyr=fullscreen], .stories-video .plyr--pip-supported [data-plyr=pip], .stories-video .plyr__menu > button[data-plyr="settings"] {
    display: none !important;
}
/* === RATER 8 EMBED === */
#load-more {
    background: var(--global-palette7) !important;
    border: 1px solid var(--global-palette3) !important;
    border-radius: 100% !important;
    width: 200px !important;
}
#\36 fc22e3f-e40e-4caa-9ec5-9f9deebb1555 #collapseButton {
    background: transparent !important;
}
.logoImage {
    display: none !important;
}
/* ------------------------------------------------------------
    PAGE // CONTACT
---------------------------------------------------------------------- */
/* === Contact Form Background === */
.srfm-form-container .srfm-form .srfm-block:not(.srfm-number-block) .srfm-input-common, .srfm-form-container .srfm-form .srfm-multi-choice-block .srfm-block-wrap .srfm-multi-choice-single .srfm-block-content-wrap {
    background-color: transparent;
}
/* === Submit Button === */
.editor-styles-wrapper .srfm-button, .srfm-form-container .srfm-button {
    background: transparent;
    border: none;
    color: var(--global-palette4);
    padding: 0;
}
.editor-styles-wrapper .srfm-button, .srfm-form-container .srfm-button:hover {
    background: transparent;
    border: none;
    color: var(--global-palette1);
}
.srfm-submit-wrap::after {
    content: "";
    display: inline-block;
    width: 67px; /* adjust size */
    height: 8px;
    background-image: url('/wp-content/uploads/2025/08/Arrow-Dark.svg');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 18px; /* space between text and icon */
}
.srfm-form-container .srfm-form .srfm-submit-button .srfm-submit-wrap {
    justify-content: flex-end;
}
.srfm-form-container .srfm-success-box {
    min-height: unset;
    padding-bottom: 5vw;
}
/* ------------------------------------------------------------
    PAGE // PATIENT RESOURCES
---------------------------------------------------------------------- */
/* === Accordion Style === */
.faqs .kt-accordion-pane {
    border: 1px solid #000;
    border-radius: 40px;
    background: transparent !important;
}
.kt-accordion-header-wrap .kt-blocks-accordion-header.kt-accordion-panel-active, .wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
    background: transparent !important;
}
/* === Accordion Icons === */
.kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after {
    height: 1px !important;
    width: 17px !important;
}
.kt-blocks-accordion-icon-trigger {
    right: -5px;
    bottom: -2px;
}
/* ------------------------------------------------------------
    PAGE // NEWSLETTER
---------------------------------------------------------------------- */
 .newsletter-top-fold .title h2 {
    font-family: var(--global-body-font-family);
    font-size: clamp(3rem, 9vw, 6rem);
    font-weight: 200 !important;
    line-height: 0.95em;
    padding: 5vh;
    margin-bottom: 5vw;
}
 .newsletter-top-fold .tagline {
    padding: 10vh 0;
    font-size: 18px;
    font-family: var(--global-body-font-family);
    text-align: center;
}
/* ------------------------------------------------------------
    FOOTER
---------------------------------------------------------------------- */
/* === Newsletter === */
.uabb-button-text::after {
  content: '';
  display: block;
  width: 70px; /* Adjust as needed */
    height: 15px;
  background-image: url('/wp-content/uploads/2025/08/Arrow-Dark.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.uabb-subscribe-form-inline .uabb-form-button {
    margin-bottom: -5px;
}
.uabb-form-field input {
    padding-right: 8vw !important;
}
/* === Footer Link Styles === */
footer p {
    font-size: 13px;
}
.footer-address p {
    line-height: 1.7em;
}
.footer-links p {
    line-height: 1.4em;
}
.footer-links a {
    text-decoration: none;
}
@media screen and (max-width: 992px) {
    .footer-links .justify-end {
        justify-content: flex-start;
    }
}
/* ------------------------------------------------------------
    PODCAST DECORATIVE VIDEO
---------------------------------------------------------------------- */
.podcast-decorative-video video {
    aspect-ratio: 323 / 430;
    object-fit: cover;
}
.podcast-decorative-video .plyr__controls, .podcast-decorative-video button {
    display: none !important;
}