/*
Theme Name: MyClinics
Template: Divi
Version: 1.0.0
*/

/* Custom CSS goes here */


.js-line-reveal { position: relative; }

.js-line-reveal .line {
  position: relative;
  display: block;
  overflow: hidden;
}

.js-line-reveal .line-reveal {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.4;
  z-index: 2;
  pointer-events: none;
  will-change: width;
}

/* Base state for users with prefers-reduced-motion */
.js-fade-up,
.js-line-reveal,
.js-parallax,
.js-zoom-pop,
.js-cinematic-zoom,
.js-skew-up,
.js-clip-unveil,
.js-3d-fold {
  opacity: 1;
  visibility: visible;
}

/* GSAP Ready State - Hides entry elements to prevent FOUC */
html.gsap-ready .js-fade-up,
html.gsap-ready .js-line-reveal,
html.gsap-ready .js-zoom-pop,
html.gsap-ready .js-cinematic-zoom,
html.gsap-ready .js-skew-up,
html.gsap-ready .js-clip-unveil,
html.gsap-ready .js-3d-fold {
  opacity: 0;
  visibility: hidden;
}

/* CRITICAL: Stops Divi's default CSS transitions from fighting GSAP */
html.gsap-ready .js-fade-up,
html.gsap-ready .js-line-reveal,
html.gsap-ready .js-parallax,
html.gsap-ready .js-zoom-pop,
html.gsap-ready .js-cinematic-zoom,
html.gsap-ready .js-skew-up,
html.gsap-ready .js-clip-unveil,
html.gsap-ready .js-3d-fold {
  transition: none !important; 
  will-change: transform;
}



.heading-gradient h1,
.heading-gradient h2,
.heading-gradient h3,
.heading-gradient h4,
.heading-gradient h5,
.heading-gradient h6,
.heading-gradient.js-line-reveal .line,
.heading-gradient .js-line-reveal .line {
  background: linear-gradient(-90deg, var(--gcid-primary-color) 0%, var(--gcid-secondary-color) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline-block;
}

#main-header {
  /* Stops Divi from fighting the GSAP transform */
  transition: none !important;
  will-change: transform;
}
@media(max-width: 980px){
    .et-tb #page-container, .et-tb-has-header #page-container{
        padding-top: 80px !important;
    }
}