/* Common site header — faithful static recreation of the live Dr. Anupama R header. */

/* ==========================================================
   Site-wide responsive safety net (loaded last on every page)
   Prevents horizontal scroll / overflow on any device, and
   keeps every image, video or embedded frame from ever being
   wider than its container, no matter which page-specific
   stylesheet is also loaded.
   ========================================================== */
html { -webkit-text-size-adjust: 100%; }
html, body { max-width: 100%; overflow-x: hidden; }
img, svg, video, iframe, embed, object { max-width: 100%; height: auto; }
table { max-width: 100%; }
* { -webkit-tap-highlight-color: transparent; }

.common-site-header { height: 115.42px; min-height: 115.42px; background: #fff; border-top: .1px solid #222; position: relative; z-index: 1000; font-family: 'Titillium Web', Arial, sans-serif; }
.common-header-inner { width: calc(100% - 70px); max-width: 1416px; height: 100%; padding: 0; margin: 0 auto; display: flex; align-items: center; }
.common-logo { width: 157.52px; flex: 0 0 157.52px; display: flex; align-items: center; text-decoration: none; }
.common-logo img { width: 186.52px; height: 38px; display: block; }
.common-location span{ font-weight: 600;}
.common-location { margin-left: 223px; display: flex; align-items: center; gap: 7px; white-space: nowrap; color: #262626; font-size: 14px; line-height: 24.825px; font-weight: 400; }
.common-pin { display: inline-flex; align-items: center; justify-content: center; width: 12px; height: 17px; color: #262626; }
.common-pin svg { display: block; width: 12px; height: 15px; fill: currentColor; }
.common-nav { display: flex; align-items: stretch; height: 51.73px; margin-left: auto; gap: 0; }
.common-nav > a, .common-dropdown > button { display: inline-flex; align-items: center; color: #000000; font-size: 14px; line-height: 24.825px; font-weight: 600; white-space: nowrap; border: 0; background: transparent; padding: 13px 9px 14px; margin: 0; cursor: pointer; text-decoration: none; }
.common-nav > a { padding-left: 25.1px; padding-right: 16.1px; }
.common-nav > a:hover, .common-nav > a.active, .common-dropdown > button:hover, .common-dropdown > button.active { color: #da0067; }
.common-dropdown { position: relative; height: 51.73px; display: flex; align-items: stretch; }
.common-dropdown > button span { font-size: 11px; margin-left: 4px; }
.common-dropdown-menu { position: absolute; left: -6px; top: 47px; min-width: 178px; padding: 8px 0; background: #fff; box-shadow: 0 8px 22px rgba(25, 18, 34, .13); display: none; }
.common-dropdown:hover .common-dropdown-menu, .common-dropdown.open .common-dropdown-menu { display: block; }
.common-dropdown-menu a { display: block; padding: 8px 16px; color: #9693a2; font-size: 14px; line-height: 22px; white-space: nowrap; text-decoration: none; }
.common-dropdown-menu a:hover { color: #da0067; background: #fafafa; }
.common-actions { display: flex; align-items: stretch; gap: 5px; margin-left: 20px; height: 48.39px; }
.common-phone, .common-appointment { display: flex; align-items: center; justify-content: center; height: 48.39px; color: #fff; font-size: 16px; line-height: 24px; font-weight: 600; white-space: nowrap; text-decoration: none; padding: 8.8px 19.2px 13.6px; box-sizing: border-box; }
.common-phone { width: 188.3px; background: #7600da; border-radius: 7px; gap: 9px; }
/* .common-phone :hover{ color: #7600da;} */
.common-appointment { width: 133.45px; background: #da0067; border-radius: 7px; }
.common-phone-icon { display: inline-flex; width: 14px; height: 16px; align-items: center; justify-content: center; }
.common-phone-icon svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.common-menu { display: none; border: 0; background: transparent; padding: 8px; margin-left: auto; cursor: pointer; }
.common-menu span { display: block; width: 24px; height: 2px; background: #262626; margin: 5px 0; }
.common-phone-icon img{
      height: 24px;
    min-width: 28px;
}
@media (max-width: 1150px) {
  .common-header-inner { width: calc(100% - 34px); }
  .common-location { display: none; }
  .common-nav { margin-left: auto; }
  .common-nav > a { padding-left: 8px; padding-right: 8px; }
  .common-dropdown > button { padding-left: 8px; padding-right: 8px; }
  .common-actions { margin-left: 16px; }
  .common-phone { width: 180px; }
  .common-appointment { width: 128px; }
}
@media (max-width: 1024px) {
  .common-site-header { height: auto; min-height: 76px; }
  .common-header-inner { min-height: 76px; height: auto; padding: 14px 0; flex-wrap: wrap; }
  .common-logo { width: 157.52px; flex-basis: 157.52px; }
  .common-logo img { width: 157.52px; }
  .common-actions { height: 42px; margin-left: auto; }
  .common-phone { width: 48px; height: 42px; padding: 0; font-size: 0; }
  .common-appointment { width: 112px; height: 42px; padding: 0 10px; font-size: 14px; }
  .common-menu { display: block; }
  .common-nav { display: none; order: 10; width: 100%; height: auto; margin: 12px 0 0; padding: 6px 0 8px; flex-direction: column; align-items: stretch; gap: 0; }
  .common-nav.open { display: flex; }
  .common-nav > a, .common-dropdown > button { width: 100%; min-height: 42px; padding: 9px 2px; text-align: left; font-size: 15px; }
  .common-dropdown { height: auto; display: block; }
  .common-dropdown-menu { position: static; min-width: 0; padding: 0 0 0 14px; box-shadow: none; }
  .common-dropdown:hover .common-dropdown-menu { display: none; }
  .common-dropdown.open .common-dropdown-menu { display: block; }
}
@media (max-width: 520px) {
  .common-header-inner { width: calc(100% - 24px); padding: 12px 0; }
  .common-logo, .common-logo img { width: 143px; flex-basis: 143px; }
  .common-appointment { width: 100px; font-size: 13px; }
  .common-phone { width: 42px; }
}

.related_wrap{
      margin-top: 5.8em;
    padding-top: 5.2em;
    border-top: 3px solid #eee;
}

.related_wrap_title{
      margin: 0 0 1.2em;
    text-align: left;
}

.posts_container.columns_wrap{
  display: flex;
    flex-wrap: wrap;
}

.row, .columns_wrap{
      margin-left: 0px;
    margin-right: -50px;
}

.row > [class*="column-"], .columns_wrap > [class*="column-"]{
  display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 50px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.column-1_2{
  width:50%;
}

.scheme_default .related_wrap .related_item{
      box-shadow: 0px 0px 35px 1px rgba(55, 41, 67, 0.05);
}

.related_wrap .related_item{
      text-align: center;
}

.related_wrap .related_item_style_2 .post_featured{
  margin-bottom: 1.1em;
}

.post_featured.hover_icon, .post_featured.hover_icons{
      position: relative;
}

/* ==========================================================
   FIXED / STICKY NAVBAR
   The header no longer scrolls away with the page. Body gets
   matching top padding so page content isn't hidden beneath it.
   This block is intentionally last in the cascade (this file is
   re-linked as the final stylesheet on every page) so it always
   wins over any page-specific header/footer overrides.
   ========================================================== */
.common-site-header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
body{
  padding-top: 115.42px;
}
@media (max-width: 900px){
  body{
    padding-top: 76px;
  }
}

/* ==========================================================
   CANONICAL SITE FOOTER
   Single source of truth for the footer on every page: dark
   photographic background with a tinted overlay, three white
   "About Me / Working Hours / Contacts" cards, and the
   copyright bar. Matches https://dranupama.in/ exactly.
   ========================================================== */
.site-footer{ position:relative; height:700px; overflow:hidden; color:#fff; }
.footer-bg{ position:absolute; inset:0;
      background-image: url('images/newborn.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      background-color: rgb(224 64 126 / 65%);
    background-blend-mode: multiply;
}
.footer-overlay{ position:absolute; inset:0; background:rgba(72,51,69,.46); }
.footer-inner{ position:relative; z-index:2; width:min(1400px,76%); margin:auto; padding-top:15px; display:block; }
.footer-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:60px; }
.footer-cards article{ height:410px; background:rgba(255,255,255,.97); color:#111; text-align:center; padding:48px 30px; box-sizing:border-box; }
.footer-icon{ height:72px; color:#df00ae; font-size:60px; line-height:1; }
.footer-cards h3{ font-size:24px; margin:0; }
.footer-rule{ width:88px; border-top:3px solid #e6e6e6; margin:34px auto 35px; }
.footer-cards p{ font-size:17px; line-height:1.7; color:#7d8190; margin:0; }
.footer-cards a{ color:#7d8190; }
.footer-cards .directions{ font-weight:600; color:#444; }
.footer-cards .directions:hover{
  color: #7600da;
}
.copyright{ display:block; width:100%; clear:both; text-align:center; padding-top:30px; font-size:16px; }
.copyright a{ color:#fff; }
.back-top{ position:fixed; right:26px; bottom:26px; width:48px; height:48px; background:#da0067; border:0; border-radius:50%; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 6px 18px rgba(20,10,20,.25); opacity:0; visibility:hidden; transform:translateY(14px); transition:opacity .25s ease, transform .25s ease, visibility .25s, background .2s ease; z-index:1001; }
.back-top svg{ width:18px; height:18px; fill:none; stroke:#fff; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.back-top.is-visible{ opacity:1; visibility:visible; transform:translateY(0); }
.back-top:hover{ background:#c2005c; }
@media (max-width:520px){
  .back-top{ right:16px; bottom:16px; width:42px; height:42px; }
  .back-top svg{ width:16px; height:16px; }
}
.footer-cards{ align-items:stretch; }
.footer-cards article{ display:flex; flex-direction:column; align-items:center; justify-content:flex-start; }
@media (max-width:1250px){
  .footer-cards{ gap:25px; }
}
@media (max-width:1024px){
  .site-footer{ height:auto; padding-bottom:35px; }
  .footer-inner{ width:88%; }
  .footer-cards{ grid-template-columns:repeat(2,1fr); gap:20px; }
  .footer-cards article{ height:auto; min-height:300px; }
  /* Third card of three centres on its own row instead of hugging the left edge. */
  .footer-cards article:last-child:nth-child(odd){ grid-column:1 / -1; max-width:calc(50% - 10px); margin:0 auto; }
  .copyright{ padding:35px 10px; }
}
@media (max-width:767px){
  .footer-inner{ width:90%; }
  .footer-cards{ grid-template-columns:1fr; gap:20px; }
  .footer-cards article{ height:auto; min-height:280px; }
  .footer-cards article:last-child:nth-child(odd){ grid-column:auto; max-width:none; margin:0; }
}


/* ===== Footer icon images ===== */
.footer-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
}
.footer-icon img{
  width:52px;
  height:52px;
  object-fit:contain;
  display:block;
  margin:0 auto;
}
@media (max-width:576px){
  .footer-icon img{
    width:48px;
    height:48px;
  }
}

/* ===== Footer "About Me" content wrapper (contacts.html canonical markup) ===== */
.footer-content p a{ color:#7d8190; }
.footer-content p a:hover{ color:#da0067; }

/* ===== Copyright bar "Powered by Extreme Media" logo link ===== */
.copyright{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; }
.extreme-media-link{ display:inline-flex; align-items:center; }
.extreme-media-logo{ height:30px; width:auto; display:block; object-fit:contain; margin-left:2px; transition:opacity .2s ease; }
.extreme-media-link:hover .extreme-media-logo{ opacity:.8; }

/* ==========================================================
   FINAL RESPONSIVE HEADER / ACTION BUTTONS
   Mobile/tablet layout follows the live site's compact header:
   logo + phone shortcut + appointment CTA + hamburger.
   The full phone label is intentionally replaced by the icon on
   narrow screens so the action area never wraps or overflows.
   ========================================================== */
.common-site-header,
.common-header-inner,
.common-actions,
.common-phone,
.common-appointment,
.common-menu { box-sizing: border-box; }

.common-header-inner { min-width: 0; }
.common-logo { min-width: 0; }
.common-logo img { max-width: 100%; height: auto; object-fit: contain; }
.common-actions { flex: 0 0 auto; min-width: 0; }
.common-phone,
.common-appointment { overflow: hidden; }
.common-phone > span:last-child,
.common-appointment { text-overflow: ellipsis; }
.common-phone-icon img { display:block; width:24px; height:24px; min-width:24px; object-fit:contain; }

/* Tablet: keep both actions visible, but compact enough for 768–1024px. */
@media (max-width:1024px){
  .common-site-header { min-height:76px; }
  .common-header-inner {
    min-height:76px;
    height:auto;
    width:100%;
    padding:10px 24px;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    row-gap:0;
  }
  .common-logo { flex:0 1 170px; width:170px; }
  .common-logo img { width:170px; }
  .common-actions {
    margin-left:auto;
    height:44px;
    gap:6px;
    align-items:center;
  }
  .common-phone {
    width:46px;
    height:44px;
    padding:0;
    border-radius:6px;
    font-size:0;
    line-height:0;
    gap:0;
  }
  .common-phone-icon,
  .common-phone-icon img { width:23px; height:23px; min-width:23px; }
  .common-appointment {
    width:112px;
    height:44px;
    padding:0 10px;
    border-radius:6px;
    font-size:14px;
    line-height:20px;
  }
  .common-menu {
    display:block;
    flex:0 0 42px;
    width:42px;
    height:42px;
    padding:7px 6px;
    margin-left:7px;
    border-radius:6px;
  }
  .common-menu span { width:28px; height:2px; margin:5px auto; transition:transform .2s ease, opacity .2s ease; }
  .common-menu[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .common-menu[aria-expanded="true"] span:nth-child(2){ opacity:0; }
  .common-menu[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  .common-nav {
    order:10;
    display:none;
    width:100%;
    margin:10px 0 0;
    padding:5px 0 8px;
    border-top:1px solid #eee;
    background:#fff;
  }
  .common-nav.open { display:flex; }
  .common-nav > a,
  .common-dropdown > button {
    width:100%;
    min-height:44px;
    padding:10px 4px;
    text-align:left;
    font-size:15px;
    line-height:24px;
  }
  .common-dropdown { width:100%; height:auto; display:block; }
  .common-dropdown > button { justify-content:flex-start; }
  .common-dropdown-menu {
    position:static;
    width:100%;
    min-width:0;
    padding:0 0 0 16px;
    box-shadow:none;
    border:0;
  }
  .common-dropdown:hover .common-dropdown-menu { display:none; }
  .common-dropdown.open .common-dropdown-menu { display:block; }
  .common-dropdown-menu a { padding:9px 4px; font-size:14px; }
}

/* Phone-sized screens: tighter proportions, same four-part header. */
@media (max-width:600px){
  body { padding-top:70px; }
  .common-site-header { min-height:70px; }
  .common-header-inner {
    min-height:70px;
    padding:9px 14px;
  }
  .common-logo { flex:0 1 150px; width:150px; }
  .common-logo img { width:150px; }
  .common-actions { height:40px; gap:5px; }
  .common-phone { width:42px; height:40px; border-radius:6px; }
  .common-phone-icon,
  .common-phone-icon img { width:22px; height:22px; min-width:22px; }
  .common-appointment { width:100px; height:40px; font-size:13px; padding:0 8px; }
  .common-menu { width:38px; height:38px; flex-basis:38px; margin-left:5px; padding:6px 4px; }
  .common-menu span { width:27px; }
}

@media (max-width:400px){
  .common-header-inner { padding-left:10px; padding-right:10px; }
  .common-logo { flex-basis:128px; width:128px; }
  .common-logo img { width:128px; }
  .common-actions { gap:4px; }
  .common-phone { width:39px; height:38px; }
  .common-phone-icon,
  .common-phone-icon img { width:20px; height:20px; min-width:20px; }
  .common-appointment { width:91px; height:38px; font-size:12.5px; }
  .common-menu { width:35px; height:36px; flex-basis:35px; margin-left:3px; }
  .common-menu span { width:25px; }
}

@media (max-width:340px){
  .common-logo { flex-basis:116px; width:116px; }
  .common-logo img { width:116px; }
  .common-phone { width:37px; }
  .common-appointment { width:87px; }
  .common-menu { width:33px; flex-basis:33px; }
}


.footer-icon p a:hover{
  color: #a62929;
}