/* v2 pages only (this file is enqueued only when dk_template_version = v2, AFTER the Nifty/Bold Builder CSS).
   Pilot cycle 1 keeps the Nifty/BB stylesheets loaded (no dequeue before proof). Nifty's style.css contains element-level
   rules (h1–h6 Spartan/600/-1px, a{text-decoration:none}, ul/li margins, input font…) that the approved previews never
   had; they are neutralised here with ELEMENT specificity only, so every component class of the approved CSS still wins.
   No design changes. Nifty's body classes (btHeadingWeight_default…) are removed on v2 pages in inc/dk-v2.php. */

/* wrappers added by WordPress / Bold Builder around the dk_* markup */
.bt_bb_wrapper{display:contents}
/* Nifty: .bt_bb_text p:last-child{margin-bottom:0} (0,2,1) beats the approved .lintro__text p{margin:0 0 20px} */
.lintro__text .bt_bb_text p:last-child{margin-bottom:20px}
.cintro__text .bt_bb_text p:last-child{margin-bottom:18px}
.pv__in .bt_bb_text p:last-child{margin-bottom:1em}

/* Nifty element rules → back to the browser/preview defaults */
h1,h2,h3,h4,h5,h6{font-family:inherit;clear:none;padding:0}
h4,h5,h6{font-weight:bold;letter-spacing:normal;line-height:inherit}
a{text-decoration:revert;transition:revert}
/* Nifty: a, a:active, a:focus{outline:none} removes the keyboard focus ring (WCAG 2.4.7) — restore it for keyboard focus */
a:focus-visible{outline:revert}
ul,ol{margin:revert;padding:revert}
li{margin:revert;padding:revert}
input,select,textarea{font-family:revert}
figure,blockquote,dl{margin-bottom:revert}
blockquote{font-size:inherit;font-family:inherit;line-height:inherit}   /* Nifty: 1.5em Spartan quotes (article prose) */
blockquote::before,blockquote::after{content:none}   /* Nifty: icon-font quote mark + clearfix */
body{background-attachment:scroll}

/* Nifty: a[href^="tel:"]{color:inherit!important} overrides every approved phone-link colour (white-on-white booking
   button, header/menu/footer/address/mobile-bar numbers). The approved colour rules that match tel links are repeated
   here in the SAME order, each with [href^="tel:"] added (uniform specificity bump) and !important. Values = approved CSS. */
a[href^="tel:"]{color:var(--petrol)!important}
.pill--petrol[href^="tel:"]{color:#fff!important}
.hdr__util a[href^="tel:"]{color:#fff!important}
.sheet a[href^="tel:"]{color:#fff!important}
.sheet__clinics a[href^="tel:"]{color:var(--gold)!important}
.ftr a[href^="tel:"]{color:#fff!important}
@media (max-width:767px){.mbar a[href^="tel:"]{color:#fff!important}}
.ftr a[href^="tel:"]:hover{color:var(--gold)!important}
.hdr__util a[href^="tel:"]:hover{color:var(--gold)!important}
.sheet a[href^="tel:"]:hover{color:var(--gold)!important}
.ftr a[href^="tel:"][href^="tel:"]{color:var(--gold)!important}
.ftr a[href^="tel:"][href^="tel:"]:hover{color:var(--white)!important}
.faq-item__a a[href^="tel:"]{color:var(--petrol)!important}
.laddr__tel[href^="tel:"]{color:var(--petrol)!important}
.lbook__btn[href^="tel:"]{color:var(--petrol-d)!important}
.lbook__btn[href^="tel:"]:hover{color:var(--char-0)!important}
.callband__num[href^="tel:"]{color:#fff!important}
.clinic__tel[href^="tel:"]{color:#fff!important}
.ccard__num a[href^="tel:"]{color:#fff!important}
.ccard__num a[href^="tel:"]:hover{color:var(--gold)!important}
.lbook__inline[href^="tel:"]{color:#fff!important}
.lbook__inline[href^="tel:"]:hover{color:var(--gold)!important}

/* Floating buttons that legacy plugins print on EVERY page and that are not part of the approved v2 design:
   - Call Now Button (#callnowbutton): replaced on v2 by the mobile bar «Κλήση» (tel routing + phone_click).
     Tracking note: the GTM GA4 "click_call" tag fires on #callnowbutton → not on v2 pages (TRACKING plan, owner decision).
   - WPFront Scroll Top: not in the design. */
#callnowbutton,#wpfront-scroll-top-container{display:none!important}
/* The page ends with the footer: body is the containing block of every absolutely positioned descendant and clips
   (overflow:clip = no scroll container, sticky header unaffected) anything that would extend the document below the
   footer — third-party widgets/portals, off-screen helpers, transformed decorations. Fixed elements (header, pill,
   chatbot, mobile bar) are not affected. */
body{position:relative;overflow:clip}

/* Real Elfsight AI chatbot (one instance, site-wide loader): its round launcher is hidden only visually at every width;
   the widget opens through its own launcher (assets/js/site.js). Desktop/tablet: theme pill «Ψηφιακός Βοηθός Ιατρείου».
   Phones: only the approved mobile bar «Βοηθός» (no extra floating launcher). */
[class*="eapps-ai-chatbot"] .es-floating-button-container,#__EAAPS_PORTAL .es-floating-button-container{opacity:0!important;pointer-events:none!important}
.dk-assist-fab{display:inline-flex;align-items:center;gap:8px;position:fixed;right:24px;bottom:24px;z-index:59;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:var(--petrol);color:#fff;font:inherit;font-size:15px;font-weight:var(--fw-m);line-height:1.2;box-shadow:0 6px 18px rgba(11,11,11,.28);cursor:pointer;transition:background-color var(--m-fast),transform var(--m-fast)}
.dk-assist-fab:hover{background:var(--petrol-d)}
.dk-assist-fab:active{transform:scale(.97)}
.dk-assist-fab:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media (max-width:767px){.dk-assist-fab{display:none}}

/* Ιατρός: Bold Builder wraps rich text in div.bt_bb_text — the approved grid/first/last-child rules target the
   paragraphs themselves, so the wrapper is layout-neutral here and the edge margins are re-applied to its children. */
.doc-intro__grid .bt_bb_text,.doc-part__body .bt_bb_text{display:contents}
.doc-part__body > .bt_bb_text:first-child > :first-child{margin-top:0}
.doc-part__body > .bt_bb_text:last-child > :last-child{margin-bottom:0}
.doc-part__body .bt_bb_text:not(:last-child) p:last-child{margin-bottom:18px}
.doc-part__body .bt_bb_text .doc-sign p:last-child{margin-bottom:4px}
/* max-width in ch depends on the "0" glyph: the self-hosted Commissioner latin file has a wider zero than the Google
   Fonts instance the preview used, so 68ch rendered wider. Same measure as the approved preview: 68ch there = 36.66em. */
.phero--doctor .phero__lead{max-width:36.66em}
/* Αρχική: home-layout.css places the hero/intro with `.page-home main > …`; in v2 each section sits in Bold Builder's
   .bt_bb_wrapper (display:contents), so the same rules are repeated for that level. Intro paragraphs are grid items. */
@media (min-width:768px){
  .page-home main > .bt_bb_wrapper > .hero--cur{grid-row:1 / span 2;grid-column:1;min-height:0}
  .page-home main > .bt_bb_wrapper > .intro{grid-row:2;grid-column:1}
}
.intro__grid .bt_bb_text{display:contents}
/* Same measures as the approved preview (ch → em with the preview font: 1ch = 0.5391em). */
.hero__lead{max-width:17.25em}
@media (min-width:768px){.hero--cur .hero__lead{max-width:21.56em}}
.phero-cur__sub{max-width:21.56em}
.art-hero h1{max-width:11.86em}
/* Επικοινωνία: the mobile number stays on ONE line — the card column is narrow on wide screens (316–328px), so the
   approved clamp(32px,2.9vw,44px) is capped by the card width (container units); 1440/mobile sizes are unchanged. */
.ccard{container-type:inline-size}
.ccard__num a{white-space:nowrap;font-size:min(clamp(32px,2.9vw,44px),13cqi)}
@media (max-width:767px){.ccard__num a{font-size:min(32px,13cqi)}}
/* Page heroes of the same type (photo + wave «phero-cur»: Συχνές Ερωτήσεις, Υπηρεσίες Ιατρού, Επιστημονικά Άρθρα):
   one height rule for all three — same top/bottom spacing around the same wave, and a text area as tall as the
   tallest (FAQ title + subtitle), so every page of this type has the same hero height at every width. */
.phero-cur--faq,.phero-cur--services,.phero-cur--articles{min-height:0}
.phero-cur--faq .phero-cur__text,.phero-cur--services .phero-cur__text,.phero-cur--articles .phero-cur__text{min-height:clamp(200px,15.8vw,250px)}
.phero-cur--faq .phero-cur__in,.phero-cur--services .phero-cur__in,.phero-cur--articles .phero-cur__in{padding:clamp(120px,11vw,184px) 0 calc(var(--wave) + 24px)}
@media (max-width:767px){.phero-cur--faq .phero-cur__in,.phero-cur--services .phero-cur__in,.phero-cur--articles .phero-cur__in{padding:40px 0 calc(var(--wave) + 48px)}}
/* Αρχική (owner 2026-09-29): the legacy organic image treatment of «Γνωρίστε τον Ιατρό» and «Επικοινωνήστε μαζί μου»
   is shown on the public page — the large wave images (legacy section coverage images) at every width and the
   coloured floating shapes with their parallax motion (site.js, data-speed) on desktop only, as legacy did
   (hidden_xs/ms/sm). Geometry = the approved configured CSS (.fl--d03/d05/c06/c07/c08, from the legacy el_style). */
.page-home .bbs--doc .bbs__wave.fl--configured,.page-home .bbs--con .bbs__wave.fl--configured{display:block!important}
@media (min-width:992px){.page-home .bbs--doc .fl.fl--configured,.page-home .bbs--con .fl.fl--configured{display:block!important}}
.page-home .bbs--doc .bbs__in,.page-home .bbs--con .bbs__in{position:relative;z-index:3}   /* text and buttons above the shapes */
/* the large blue shape of «Επικοινωνήστε» is shown whole: above the white bottom wave (same stacking level before)
   and ending inside the deliberate white gap before the footer instead of running under the footer (was cut 122px). */
.page-home .bbs--con .fl--c07{top:auto;bottom:-40px;z-index:2}
/* Header submenus (owner 2026-09-29): the WordPress primary-menu hierarchy under the approved top items (inc/dk-nav.php).
   Desktop nav: hover opens (with a bridge over the gap to the bar edge), the chevron button opens for keyboard/touch;
   level 2+ opens beside its parent and flips left near the viewport edge (.is-flip, site.js). Mobile sheet: tap expand. */
.nav li{position:relative}
.nav>ul>li.has-sub{display:flex;align-items:center}
.nav>ul>li.has-sub>a{padding-right:3px}
.nav__tg{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:34px;margin:0;padding:0;border:0;border-radius:6px;background:none;color:inherit;cursor:pointer;font:inherit}
.nav>ul>li>.nav__tg{color:#fff}
.hdr.is-scrolled .nav>ul>li>.nav__tg{color:#111}
.nav__tg svg{transition:transform var(--m-fast) var(--ease-std)}
.nav>ul>li>.nav__tg[aria-expanded="true"] svg,.nav>ul>li:hover>.nav__tg svg{transform:rotate(180deg)}
.nav__tg:hover{background:rgba(255,255,255,.08)}
.nav .nav__sub{display:none;flex-direction:column;gap:0;position:absolute;left:0;top:calc(100% + 18px);z-index:60;min-width:250px;max-width:300px;margin:0;padding:8px;list-style:none;background:#fff;border-radius:var(--r-lg);box-shadow:0 18px 44px rgba(10,16,22,.24),0 0 0 1px rgba(10,16,22,.06)}
.nav .nav__sub::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
.nav .nav__sub .nav__sub{top:-8px;left:100%;margin-left:6px}
.nav .nav__sub .nav__sub::before{top:0;bottom:0;left:-10px;right:auto;width:10px;height:auto}
.nav .nav__sub.is-flip{left:auto;right:0}
.nav .nav__sub .nav__sub.is-flip{left:auto;right:100%;margin:0 6px 0 0}
.nav .nav__sub .nav__sub.is-flip::before{left:auto;right:-10px}
.nav li:hover>.nav__sub,.nav li.is-open>.nav__sub{display:flex}
.nav .nav__sub li{display:flex;align-items:center}
.nav .nav__sub a,.hdr.is-scrolled .nav .nav__sub a{flex:1;color:var(--ink);white-space:normal;font-size:15px;line-height:1.35;padding:10px 12px;border-radius:var(--r-sm)}
.nav .nav__sub a::after{display:none}
.nav .nav__sub a:hover,.hdr.is-scrolled .nav .nav__sub a:hover,.nav .nav__sub li:hover>a{background:var(--petrol-t);color:var(--petrol-d)}
.nav .nav__sub a[aria-current]{color:var(--petrol-d);box-shadow:inset 3px 0 0 var(--gold)}
.nav .nav__sub .nav__tg{color:var(--ink);height:40px;width:28px}
.nav .nav__sub .nav__tg svg{transform:rotate(-90deg)}
.nav .nav__sub .nav__tg:hover{background:var(--petrol-t)}
.nav>ul>li.is-ancestor>a::after{opacity:1}
.nav .nav__sub :focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.sheet{max-height:calc(100dvh - var(--util-h,0px) - var(--hdr-main-h,64px));overflow-y:auto;overscroll-behavior:contain}
.sheet li.has-sub{display:grid;grid-template-columns:minmax(0,1fr) 48px}
.sheet .nav__tg{width:48px;height:auto;min-height:48px;border-bottom:1px solid var(--line-navy);border-radius:0;color:#fff}
.sheet .nav__tg[aria-expanded="true"] svg{transform:rotate(180deg)}
.sheet .nav__sub{display:none;grid-column:1/-1;margin:0;padding:0 0 0 16px;list-style:none}
.sheet li.is-open>.nav__sub{display:block}
.sheet .nav__sub a{padding:12px 2px;font-size:15px;color:rgba(255,255,255,.86)}
.sheet a[aria-current]{color:var(--gold)}
@media (max-width:767px){.sheet{max-height:calc(100dvh - var(--util-h,0px) - var(--hdr-main-h,64px) - 66px - env(safe-area-inset-bottom,0px))}}   /* above the fixed bottom bar (.mbar) */
/* Clinic picker (home + doctor hero). The hero (isolation:isolate) and the doctor CTA (transform) are stacking contexts at
   level 0, so the next block (.zone z-index 5 / .phero__rail z-index 1) was painted over the open card: its text showed
   through and it took the clicks. While the picker is open its context is lifted above them (header 50, bar 60 stay on top). */
.hero:has(.picker:not([hidden])),.phero__cta:has(.picker:not([hidden])){z-index:10}
.hero__grid:has(.picker:not([hidden])){z-index:5}   /* inside the home hero: above the floating shapes (.fl, z-index 4) */
/* the whole clinic option opens its page (the existing «Σελίδα ιατρείου» link, stretched); call/directions stay separate */
.picker__item{position:relative}
.picker__item .tlink::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.picker__acts{position:relative;z-index:1}
.picker__item:hover .picker__n,.picker__item:has(.tlink:focus-visible) .picker__n{color:var(--petrol-d)}
.picker__item:has(.tlink:focus-visible){outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--r)}
.picker__item .tlink:focus-visible{outline:none}
/* Home compact rhythm (owner 2026-09-30): less vertical space in the hero / intro band / services→doctor, same design.
   Desktop hero: the text group starts higher and the photo row ends 40px earlier (the intro band and every following
   section rise with it); intro band: tighter padding above the text and above the white wave. */
@media (min-width:768px){
  .page-home main{grid-template-rows:max(calc(35.94vw - 24px), 480px) auto}   /* 480px floor kept: CTAs clear of the intro text on small desktops/tablets */
  .page-home .hero--cur .hero__text{top:20px}
  .page-home .intro{padding:8px 0 max(64px, calc(var(--wave) - 80px))}
  .page-home .srv-home{padding-bottom:calc(var(--wave) - 48px)}
  .page-home .bbs--doc{min-height:520px}
  /* horizontal composition: «Γνωρίστε τον Ιατρό» further right, «Επικοινωνήστε μαζί μου» further left */
  .page-home .doc-home__text{margin-left:calc((var(--W) + 40px) / 12)}
  .page-home .con-home__text{margin-left:calc((var(--W) + 40px) / 12)}
}
@media (min-width:1200px){
  .page-home .doc-home__text{margin-left:calc((var(--W) + 40px) / 6)}
}
@media (min-width:768px) and (max-width:991px){
  .page-home .intro{padding-bottom:calc(var(--wave) - 30px)}   /* tablets: the last intro lines stay clear of the light wave */
}
@media (max-width:767px){
  .page-home .intro{padding:24px 0 28px}
}
/* Home hero on large desktops (owner 2026-09-30): the background + doctor layers are full-width, so above 1440px the
   photo (and the hero) grew with the viewport. They now rise by 20% of the extra width (max 120px) — only the blurred
   area above the doctor's head is cropped — and the photo row shrinks by the same amount, so the intro text still starts
   where the photo ends. Continuous from 1440px (0) → 1600 (32px) → 1920 (96px); no breakpoint jump. */
@media (min-width:1441px){
  .page-home main{grid-template-rows:max(calc(35.94vw - 24px - min(240px, (100vw - 1440px) * .2)), 480px) auto}   /* 2026-09-30: cap 120→240px (same .2 slope, now up to 2640px): above 2040px the photo band kept growing with the width; the photo position (margin rule below) is unchanged */
  .page-home .hero--cur .bbs__img{margin-top:calc(-.5 * min(120px, (100vw - 1440px) * .2))}   /* the parallax script (site.js) adds the other half: the photo rises exactly as much as the row shrinks */
}
/* «Γνωρίστε τον Ιατρό» (owner 2026-09-30): title on ONE line with the two CTAs right under it, the whole block on the
   wide, dark right part of the wave composition (it fell on the light top wave / blobs). The block spans the grid and is
   aligned right; its right edge reaches a viewport gutter (beyond the 1200px container on large screens). Tablets/phones:
   previous alignment. */
@media (min-width:992px){
  .page-home .doc-home__text{grid-column:1 / -1;justify-self:end;margin-left:0;
    margin-right:calc(-1 * (100vw - var(--W)) / 2 + max(40px, 6vw))}
  .page-home .doc-home h2{white-space:nowrap;text-shadow:0 1px 2px rgba(11,11,11,.55),0 0 18px rgba(11,11,11,.4)}   /* same halo as the hero text */
  /* measured on the photo: 90px lower the right side is dark (title background 128–148 instead of 180–199); the CTAs sit
     right under the title, aligned to its right edge, clear of the bottom white wave */
  .page-home .doc-home__text{position:relative;top:40px}   /* owner: one spacing step higher (was 90px), centred in the dark right part */
  .page-home .doc-home__acts{justify-content:flex-end}
}
/* Services → «Γνωρίστε τον Ιατρό» gap (owner 2026-09-30): the white band is the services bottom padding, which holds the
   services wave below the cards. Less padding = the (unchanged) wave rises behind the cards (cards are above it, z 2).
   Overlapping the sections instead leaves a step where the services wave ends at the right edge. Limit ≥992px: the doctor
   teal blob (32px above its section) stays ≥ 20px below the cards → padding ≥ 52px. Blobs are hidden below 992px. */
@media (min-width:768px) and (max-width:991px){ .page-home .srv-home{padding-bottom:calc(var(--wave) * .7 - 48px)} }
@media (min-width:992px){ .page-home .srv-home{padding-bottom:max(calc(var(--wave) * .55 - 48px), 52px)} }
/* Doctor section teal bean (.fl--d05, owner 2026-09-30): it overhangs the section bottom, but shared z-index 1 with the
   bottom white wave (later in the DOM) hid its middle part → it looked cut at the section edge. Only this bean goes one
   layer up (still under the text, z 3). */
.page-home .bbs--doc .fl--d05{z-index:2}
/* «Ιατρός» hero background (owner 2026-09-30): only the plain background layer changes: the real photo of the doctor's
   office (media 3667, «Γραφείο χαλανδρι», on LIVE too) under the same charcoal gradient, made translucent (.8 → .86) so the
   photo shows discreetly; it ends solid #2A2A2A to meet the .doc-curve below. Portrait, texts, CTAs, picker, layout: as is. */
.phero--doctor.zone--navy{background:linear-gradient(180deg,rgba(80,80,80,.8) 0%,rgba(42,42,42,.86) 72%,#2A2A2A 100%),url(/wp-content/uploads/2024/05/4-scaled-1.webp) center 40%/cover no-repeat,#2A2A2A}
/* «Ιατρός» hero background (owner 2026-09-30, option E): only the plain background layer changes: a photo (doctor in
   scrubs with stethoscope; Unsplash 1BcQAROQVXY, free licence) under the same charcoal gradient made translucent
   (.78 → .84) so it shows discreetly; it ends solid #2A2A2A to meet the .doc-curve. Portrait, texts, CTAs, picker, layout:
   as is. */
.phero--doctor.zone--navy{background:linear-gradient(180deg,rgba(80,80,80,.78) 0%,rgba(42,42,42,.84) 72%,#2A2A2A 100%),url(../img/doctor-hero-bg.webp) center 45%/cover no-repeat,#2A2A2A}
/* Header search (owner 2026-09-30): for logged-in users the Nifty parent CSS loads too and its
   «input:not([type=checkbox]):not([type=radio])» {color:inherit} outranks .hdr-search__q → typed text inherited the
   header's white. Typed text + caret: ink; the placeholder keeps its lighter grey. */
.hdr-search__form .hdr-search__q[type]{color:var(--ink);-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}
.hdr-search__form .hdr-search__q[type]::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1}
/* Compact internal heroes (owner 2026-09-30): Υπηρεσίες / Επιστημονικά Άρθρα / Συχνές Ερωτήσεις were 592–701px high on
   desktop (legacy 190px top padding + 693–785px min-height). Same component, waves, masks and texts: only the vertical
   spacing shrinks. The bottom padding keeps the full wave height (the left end of wave-right-03 rises high). */
@media (min-width:768px){
  .phero-cur--services,.phero-cur--articles,.phero-cur--faq{min-height:0}
  .phero-cur--services .phero-cur__in,.phero-cur--faq .phero-cur__in{padding:clamp(36px,3.6vw,64px) 0 calc(var(--wave) + clamp(12px,1.4vw,28px))}
  .phero-cur--articles .phero-cur__in{padding:clamp(36px,3.6vw,64px) 0 calc(var(--wave-h) + clamp(40px,3.6vw,64px))}
}
@media (max-width:767px){
  .phero-cur--faq .phero-cur__in{padding:24px 0 calc(var(--wave) + 28px)}
  .phero-cur--articles .phero-cur__in{padding:20px 0 calc(var(--wave-h) + 28px)}
}
/* new hero photos (media 6472 microscope, 6473 FAQ): keep the subject clear of the title (left) and of the wave */
.phero-cur--articles .bbs__img{object-position:40% 50%}
.phero-cur--faq .bbs__img{object-position:62% 22%}
/* Footer link parity (owner 2026-09-30): the service lists / clinic names / logo are links again (as on the old site)
   but look exactly as before — text colour, no underline; gold on hover, visible focus ring (base.css .ftr :focus-visible). */
.ftr a.ftr__lnk{color:inherit;text-decoration:none}
.ftr a.ftr__lnk:hover{color:var(--gold)}
.ftr a.ftr__lnk:hover b{color:var(--gold)}
.ftr__logo{display:inline-block;border-radius:4px}
/* Home phones (2026-10-01): «Γνωρίστε τον Ιατρό» / «Επικοινωνήστε» start with a white top wave whose height is 12.64vw
   (45px at 360 → 96px at 767) while home-layout.css gave the text a FIXED 56px top padding → from ~440px the white title
   ran into the white wave. Top padding now clears the wave (bottom padding already did: --wave + 40px). */
@media (max-width:767px){
  .page-home .bbs--doc .bbs__in,.page-home .con-home{padding-top:max(56px, calc(var(--wave) + 16px))}
}
/* same readability halo as the approved desktop title (≥992) — on phones/tablets the title can sit on the light part of
   the photo too */
@media (max-width:991px){ .page-home .doc-home h2{text-shadow:0 1px 2px rgba(11,11,11,.55),0 0 18px rgba(11,11,11,.4)} }