/*
Theme Name: hello-elementor-primedoc-child
Theme URI: https://primedocbilling.com/
Description: Custom child theme for Prime Doc Billing based on Hello Elementor.
Author: Prime Doc Billing
Author URI: https://primedocbilling.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: primedoc-billing
*/


/* General highlight fallback */
.highlight-text {
  display: inline;
  font-weight: inherit;
}

.title-style-grident {
    
}
/* Individual colors for each Heading Tag */
h1 .highlight-h1,
.highlight-h1 {
  /* color: #1e40af !important; /* H1 Highlight Color (e.g., Royal Blue) */
	
	background-image: linear-gradient(90deg, #FFFFFF, #7FEBD6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

h2 .highlight-h2,
.highlight-h2 {
  color: #1e40af !important; /* H2 Highlight Color (e.g., Dark Blue) */
}

h3 .highlight-h3,
.highlight-h3 {
  color: #1e40af !important; /* H3 Highlight Color (e.g., Teal) */
}

h4 .highlight-h4,
.highlight-h4 {
  color: #1e40af !important; /* H4 Highlight Color (e.g., Amber/Orange) */
}

h5 .highlight-h5,
.highlight-h5 {
  color: #1e40af !important; /* H5 Highlight Color (e.g., Emerald Green) */
}

h6 .highlight-h6,
.highlight-h6 {
  color: #1e40af !important; /* H6 Highlight Color (e.g., Purple) */
}

/* Read More */

/* ==========================================================
   READ MORE / SHOW LESS
   ========================================================== */

.read-more-content,
#long_content {
    max-height: 40px;
    overflow: hidden;
    transition: max-height 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.read-more-content.full,
#long_content.full {
    max-height: 2000px;
}

.read-more-btn,
#read-more-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    color: #0073e6;
    user-select: none;
}

.read-more-text {
    display: inline-block;
}

.read-more-arrow {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
}

.read-more-btn:hover .read-more-text,
#read-more-btn:hover .read-more-text {
    opacity: 0.75;
}

.read-more-content,
#long_content {
    scroll-margin-top: 100px; /* your sticky header height */
}

@media (prefers-reduced-motion: reduce) {
    .read-more-content,
    #long_content {
        transition: none;
    }
}


/* Services catalog: only what Elementor can't do natively */
.pdb-services-catalog {
  --svc-primary: var(--e-global-color-primary);
  --svc-text: var(--e-global-color-text);
  --svc-accent: var(--e-global-color-accent);
}

.pdb-services-catalog p + p { margin-top: 1em; }

/* Let cards shrink instead of overflowing their grid column */
.pdb-services-catalog .svc-card { min-width: 0; }

/* Hover and keyboard focus on the whole card */
.pdb-services-catalog .svc-card:is(:hover, :focus-within) {
  border-color: var(--svc-primary) !important;
  box-shadow: 0 3px 8px color-mix(in srgb, var(--svc-primary) 18%, transparent) !important;
}

.pdb-services-catalog .svc-card:is(:hover, :focus-within) .svc-icon .elementor-icon {
  background-color: var(--svc-primary) !important;
  color: #fff !important;
}

.pdb-services-catalog .svc-card:is(:hover, :focus-within) .svc-icon .elementor-icon :is(i, svg) {
  color: #fff !important;
  fill: #fff !important;
}

/* Needed by the "Show more" script */
.pdb-services-catalog.svc-ready .svc-card[hidden],
.pdb-services-catalog .svc-load[hidden] { display: none !important; }

/* Small extras */
.pdb-services-catalog .svc-inquire .elementor-button { white-space: nowrap; }
.pdb-services-catalog .svc-intro-more .e-n-accordion-item-title { width: fit-content; }

/* Accessibility */
.pdb-services-catalog a:focus-visible {
  outline: 2px solid var(--svc-accent);
  outline-offset: 4px;
}
.pdb-services-catalog .svc-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

@media (prefers-reduced-motion: reduce) {
  .pdb-services-catalog * { transition: none !important; }
}

/* Only if you keep the HTML widget that holds the script */
.pdb-services-catalog .svc-code { height: 0 !important; min-height: 0 !important; margin: 0 !important; }

/* ==========================================================================
   6. EDGE FADE (equal left and right fade)
   ========================================================================== */

.marquee-wrapper {
  --marquee-fade-width: 40px;

  position: relative !important;
  overflow: hidden;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 var(--marquee-fade-width),
    #000 calc(100% - var(--marquee-fade-width)),
    transparent 100%
  );

  mask-image: linear-gradient(
    to right,
    transparent 0,
    #000 var(--marquee-fade-width),
    #000 calc(100% - var(--marquee-fade-width)),
    transparent 100%
  );
}

/* Remove previous gradient overlays */
.marquee-wrapper::before,
.marquee-wrapper::after {
  content: none;
}

@media (max-width: 767px) {
  .marquee-wrapper {
    --marquee-fade-width: 20px;
  }
}

/* ==========================================================================
   7. This is for section software small cards and large card.
   ========================================================================== */

* 1) Layout: tab buttons as a 3-column grid on the left, content card sticky on the right */
.pdb-ehr-tabs.e-n-tabs{flex-direction:row !important;gap:28px;align-items:flex-start}
.pdb-ehr-tabs .e-n-tabs-heading{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
  flex:1.15 1 0;min-width:0;width:auto;align-content:start}
.pdb-ehr-tabs .e-n-tabs-content{flex:.85 1 0;min-width:0;position:sticky;top:100px;align-self:flex-start;z-index:1}

/* 2) Small cards */
.pdb-ehr-tabs .e-n-tab-title{display:flex !important;align-items:center;justify-content:center;gap:10px;
  min-height:72px;padding:10px 12px !important;background:#fff !important;color:#4A4D6B !important;
  border:2px solid transparent !important;border-radius:14px !important;box-shadow:none;cursor:pointer;
  transition:transform .15s,box-shadow .15s,border-color .15s}
.pdb-ehr-tabs .e-n-tab-title-text{font-weight:800;font-size:14.5px;line-height:1.15;text-align:center;color:#4A4D6B;letter-spacing:-.01em}
.pdb-ehr-tabs .e-n-tab-title:hover{border-color:#2FD0B5 !important;transform:translateY(-2px)}

/* 3) Selected effect */
.pdb-ehr-tabs .e-n-tab-title[aria-selected="true"]{border-color:#2FD0B5 !important;
  box-shadow:0 0 0 5px rgba(47,208,181,.35) !important;transform:translateY(-2px)}

/* 4) Logo in front of the name (tab titles cannot hold images natively).
   Replace each PASTE-URL with the logo URL from your Media Library. Delete the line for any tab without a logo. */
.pdb-ehr-tabs .e-n-tab-title::before{content:"";display:none;flex:none;width:28px;height:28px;background:center/contain no-repeat}
.pdb-ehr-tabs .e-n-tab-title:nth-child(1)::before{background-image:url("PASTE-URL");display:block}  /* CollaborateMD */
.pdb-ehr-tabs .e-n-tab-title:nth-child(2)::before{background-image:url("PASTE-URL");display:block}  /* CGM APRIMA */
.pdb-ehr-tabs .e-n-tab-title:nth-child(3)::before{background-image:url("PASTE-URL");display:block}  /* OwlPractice Suite */
.pdb-ehr-tabs .e-n-tab-title:nth-child(4)::before{background-image:url("PASTE-URL");display:block}  /* RXNT */
.pdb-ehr-tabs .e-n-tab-title:nth-child(5)::before{background-image:url("PASTE-URL");display:block}  /* SimplePractice */
.pdb-ehr-tabs .e-n-tab-title:nth-child(6)::before{background-image:url("PASTE-URL");display:block}  /* AxisCare */
.pdb-ehr-tabs .e-n-tab-title:nth-child(7)::before{background-image:url("PASTE-URL");display:block}  /* Office Ally */
.pdb-ehr-tabs .e-n-tab-title:nth-child(8)::before{background-image:url("PASTE-URL");display:block}  /* CharmEHR */
.pdb-ehr-tabs .e-n-tab-title:nth-child(9)::before{background-image:url("PASTE-URL");display:block}  /* eClinicalWorks */
.pdb-ehr-tabs .e-n-tab-title:nth-child(10)::before{background-image:url("https://primedocbilling.com/wpstaging/wp-content/uploads/2026/10/faviconV2.png");display:block} /* NextGen Healthcare */
.pdb-ehr-tabs .e-n-tab-title:nth-child(11)::before{background-image:url("PASTE-URL");display:block} /* Jane */
.pdb-ehr-tabs .e-n-tab-title:nth-child(12)::before{background-image:url("PASTE-URL");display:block} /* PracticeSuite */
.pdb-ehr-tabs .e-n-tab-title:nth-child(13)::before{background-image:url("PASTE-URL");display:block} /* Kinnser/WellSky */
.pdb-ehr-tabs .e-n-tab-title:nth-child(14)::before{background-image:url("PASTE-URL");display:block} /* Tebra */
.pdb-ehr-tabs .e-n-tab-title:nth-child(15)::before{background-image:url("PASTE-URL");display:block} /* Z Health */
.pdb-ehr-tabs .e-n-tab-title:nth-child(16)::before{background-image:url("PASTE-URL");display:block} /* Opus EHR */
.pdb-ehr-tabs .e-n-tab-title:nth-child(17)::before{background-image:url("PASTE-URL");display:block} /* Epic */
.pdb-ehr-tabs .e-n-tab-title:nth-child(18)::before{background-image:url("PASTE-URL");display:block} /* athenahealth */
.pdb-ehr-tabs .e-n-tab-title:nth-child(19)::before{background-image:url("PASTE-URL");display:block} /* Oracle Health (Cerner) */
.pdb-ehr-tabs .e-n-tab-title:nth-child(20)::before{background-image:url("PASTE-URL");display:block} /* Practice Fusion */
.pdb-ehr-tabs .e-n-tab-title:nth-child(21)::before{background-image:url("PASTE-URL");display:block} /* Kareo */

/* 5) Check icon aligned with the first line of the note */
.pdb-ehr-tabs .elementor-icon-list-icon{align-self:flex-start;margin-top:4px}

/* 6) Mobile: tab buttons become a horizontal scroller above the card */
@media (max-width:860px){
  .pdb-ehr-tabs.e-n-tabs{flex-direction:column !important;gap:20px}
  .pdb-ehr-tabs .e-n-tabs-heading{display:flex !important;overflow-x:auto;gap:10px;padding:4px 4px 12px;width:100%;flex:none}
  .pdb-ehr-tabs .e-n-tab-title{flex:none;width:150px}
  .pdb-ehr-tabs .e-n-tabs-content{position:static;flex:none;width:100%}
}

/* ==========================================================================
   PDB FAQ — styling + horizontal tab scrolling
   ========================================================================== */

/* Widget width */
.pdbfaqtabs,
.pdbfaqtabs > .elementor-widget-container,
.pdbfaqtabs .e-n-tabs {
  
}

/* Keep tab headings above the content */
.pdbfaqtabs {
  --n-tabs-direction: column;
  --n-tabs-heading-direction: row;
  --n-tabs-heading-wrap: nowrap;
}

/* Scrollable tab row */
.pdbfaqtabs .e-n-tabs-heading {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;

  gap: 8px !important;
  width: 100%;
  max-width: 100%;
  min-width: 0;

  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 4px 0 12px !important;
  scroll-padding-inline: 0;

  scrollbar-width: thin;
  scrollbar-color: #00bfa5 #eeeef4;
  -webkit-overflow-scrolling: touch;
}

/* Tab buttons */
.pdbfaqtabs .e-n-tab-title {
  flex: 0 0 auto !important;
  width: auto !important;
  white-space: nowrap !important;

  border-radius: 999px;
  padding: 12px 20px;
}

.pdbfaqtabs .e-n-tab-title-text {
  white-space: nowrap !important;
}

/* Active tab */
.pdbfaqtabs .e-n-tab-title[aria-selected="true"] {
  
}

/* Scrollbar */
.pdbfaqtabs .e-n-tabs-heading::-webkit-scrollbar {
  display: block;
  height: 5px;
}

.pdbfaqtabs .e-n-tabs-heading::-webkit-scrollbar-track {
  border-radius: 10px;
}

.pdbfaqtabs .e-n-tabs-heading::-webkit-scrollbar-thumb {
  border-radius: 10px;
}

/* Tab content panel */
.pdbfaqtabs .e-n-tabs-content > .e-con {
  min-width: 0;
}

/* Accordion styling */
.pdbfaqaccordion .e-n-accordion-item {
 
}

.pdbfaqaccordion .e-n-accordion-item-title-text {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

/* Answer content */
.pdbfaqanswer p {
  margin: 0 0 12px;
}

.pdbfaqanswer ol {
  padding-left: 20px;
}

/* Tablet and mobile */
@media (max-width: 1024px) {
  .pdbfaqtabs .e-n-tab-title {
    padding: 10px 16px;
  }

  .pdbfaqtabs .e-n-tabs-content > .e-con {
    padding: 16px;
  }
}