/* =========================================================
   NEWS PAGE — reference screenshot match
   Page-specific overrides. Loaded after the site's base styles.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');

.news-page{background:#fff;color:#222;font-family:'Titillium Web',Arial,sans-serif;}
.news-page *{box-sizing:border-box;}

/* Header now uses the shared common-header.css only (kept identical on every page). */

/* ---------- Banner / Page Container ---------- */
.news-page-banner{
  position:relative;
  width:100%;
  height:315px;
  min-height:315px;
  display:flex;
  align-items:center;
  background-image:url('../images/stethoscope.jpg');
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  overflow:hidden;
}

.news-page-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.22);
  pointer-events:none;
}

.news-page-banner > .container{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1170px;
  margin:0 auto;
  padding-left:15px;
  padding-right:15px;
}

.news-page-banner h1{
  color:#fff;
  font-family:'Titillium Web',Arial,sans-serif;
  font-size:54px;
  line-height:1.1;
  font-weight:400;
  margin:0 0 10px;
  letter-spacing:.2px;
}

.news-page-banner .crumbs{
  color:#fff;
  font-size:16px;
  line-height:1.6;
  font-weight:400;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.news-page-banner .crumbs a{color:#fff;text-decoration:none;}
.news-page-banner .crumbs a:hover{color:var(--blog-pink,#df0068);}
.news-page-banner .crumbs span{color:#fff;}

/* ---------- Main content ---------- */
.news-page-content-wrap{
  min-height:770px;
  padding:50px 0 68px;
  background:#fff;
}
.news-page-layout{
  width:min(1080px,calc(100% - 90px));
  margin:0 auto;
  display:grid !important;
  grid-template-columns:minmax(0,650px) 280px !important;
  column-gap:95px !important;
  align-items:start;
}
.news-page-main{min-width:0;}
.news-social{display:none !important;}

/* The original gallery is intentionally compact, centered and almost borderless. */
.news-thumb-grid{
  width:440px;
  margin:28px auto 0;
  display:grid !important;
  grid-template-columns:repeat(2,215px) !important;
  gap:2px !important;
  align-items:start;
  justify-content:center;
}
.news-thumb{
  display:block !important;
  width:215px;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  line-height:0;
}
.news-thumb img{
  width:215px !important;
  height:auto !important;
  max-width:none !important;
  display:block;
  object-fit:contain;
  border:0;
  margin:0;
  padding:0;
}
.news-thumb:last-child{grid-column:1 / -1;justify-self:center;}
.news-thumb:hover{opacity:.96;}

/* ---------- Sidebar ---------- */
.news-sidebar{
  width:280px;
  background:#fff;
  padding:42px 41px 34px;
  box-shadow:0 8px 38px rgba(25,25,25,.08);
  display:block !important;
}
.news-sidebar .widget{
  width:100%;
  margin:0;
  padding:0 0 34px;
  border:0;
  background:transparent;
}
.news-sidebar .widget + .widget{padding-top:31px;border-top:1px solid #e5e5e5;}
.news-sidebar .widget-title{
  margin:0 0 19px;
  color:#252525;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
}
.widget-categories ul{margin:0;padding:0;list-style:none;}
.widget-categories li{margin:0 0 6px;padding:0;}
.widget-categories li a{
  position:relative;
  padding-left:12px;
  color:#303030;
  font-size:12px;
  line-height:1.35;
}
.widget-categories li a:before{content:'›';position:absolute;left:0;top:-1px;color:#222;font-weight:700;}

.widget-search .sidebar-search-form{position:relative;margin:0;padding:0;}
.widget-search .sidebar-search-form input{
  width:100%;
  height:34px;
  padding:0 31px 0 12px;
  border:1px solid #ddd;
  border-radius:3px;
  outline:0;
  color:#444;
  font:400 11px 'Titillium Web',Arial,sans-serif;
  background:#fff;
}
.widget-search .sidebar-search-form input::placeholder{color:#333;opacity:1;}
.widget-search .sidebar-search-form button{
  position:absolute;
  right:0;
  top:0;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  background:transparent;
  color:transparent;
  font-size:0;
  cursor:pointer;
}
.widget-search .sidebar-search-form button:after{
  content:'⌕';
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#222;
  font-size:18px;
  line-height:1;
  transform:rotate(-15deg);
}

.widget-tagcloud .tagcloud{display:flex;flex-wrap:wrap;gap:5px 5px;}
.widget-tagcloud .tagcloud a{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 10px;
  border-radius:4px;
  background:#262626;
  color:#fff;
  font-size:10px !important;
  line-height:1;
  font-weight:700;
}

.widget-calendar{padding-bottom:0 !important;}
.widget-calendar .widget-title{margin-bottom:18px;}
.mini-calendar{width:100%;border-collapse:collapse;table-layout:fixed;}
.mini-calendar caption{display:none;}
.mini-calendar th{
  padding:0 0 10px;
  color:#333;
  font-size:8px;
  font-weight:700;
  text-align:center;
}
.mini-calendar td{
  height:20px;
  padding:0;
  color:#777;
  font-size:8px;
  text-align:center;
  vertical-align:middle;
}
.mini-calendar td#calToday{
  width:18px;
  height:18px;
  border-radius:50%;
  background:#df0068;
  color:#fff;
  font-weight:700;
}
.cal-nav{margin-top:7px;}
.cal-nav a{color:#df0068;font-size:10px;}

/* ---------- Lightbox ---------- */
.news-lightbox-overlay{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  padding:35px;
  background:rgba(0,0,0,.88) !important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:99999;
  transition:opacity .2s ease,visibility .2s ease;
}
.news-lightbox-overlay.open{opacity:1;visibility:visible;pointer-events:auto;}
.news-lightbox-overlay img{max-width:min(1100px,90vw);max-height:88vh;width:auto;height:auto;object-fit:contain;}
.news-lightbox-close{position:absolute;top:18px;right:25px;color:#fff;background:none;border:0;font-size:30px;cursor:pointer;}

/* ---------- Footer ---------- */
.news-reference-footer{
  position:relative;
  min-height:575px;
  padding:82px 0 28px !important;
  color:#8b858c !important;
  background:
    linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),
    url('https://dranupama.in/wp-content/uploads/2020/03/footer_bg.jpg') center center/cover no-repeat !important;
  overflow:hidden;
}
.news-reference-footer:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(244,118,165,.36),rgba(163,216,255,.22));
  pointer-events:none;
}
.news-reference-footer .container{position:relative;z-index:1;width:min(1100px,calc(100% - 80px));}
.news-reference-footer .footer-grid{
  display:grid !important;
  grid-template-columns:repeat(3,230px) !important;
  justify-content:center;
  gap:43px !important;
  margin:0 auto 42px !important;
}
.news-reference-footer .footer-card{
  min-height:275px;
  padding:31px 18px 24px;
  background:#fff;
  text-align:center;
  box-shadow:0 7px 22px rgba(0,0,0,.07);
}
.news-reference-footer .footer-icon{
  width:58px;
  height:58px;
  margin:0 auto 14px;
  color:#c900b9;
}
.news-reference-footer .footer-icon svg{
  width:58px;
  height:58px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.news-reference-footer .footer-card h4{
  margin:0;
  color:#262626;
  font-size:14px;
  line-height:1.25;
  font-weight:700;
}
.news-reference-footer .footer-rule{
  display:block;
  width:43px;
  margin:16px auto 20px;
  border-top:2px solid #e7e7e7;
}
.news-reference-footer .footer-card p,
.news-reference-footer .footer-card a{
  color:#8c858e !important;
  font-size:10px !important;
  line-height:1.65 !important;
  font-weight:400;
}
.news-reference-footer .footer-card p{margin:0;}
.news-reference-footer .footer-card strong{color:#222;font-weight:600;}
.news-reference-footer .footer-card a:last-child{font-weight:600;}
.news-reference-footer .footer-bottom{
  border:0 !important;
  padding:0 !important;
  margin:0;
  text-align:center;
  color:#fff !important;
  font-size:10px !important;
}
.news-reference-footer .footer-bottom a{color:#fff !important;}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .news-page-layout{width:min(900px,calc(100% - 50px));grid-template-columns:minmax(0,1fr) 250px !important;column-gap:45px !important;}
  .news-sidebar{width:250px;padding:35px 30px 28px;}
}
@media(max-width:850px){
  .news-page-banner{height:260px;}
  .news-page-banner .container{width:calc(100% - 40px);}
  .news-page-banner h1{width:250px;height:135px;left:0;top:15px;padding:34px 35px 0;font-size:28px;}
  .news-page-banner .crumbs{left:35px;top:89px;}
  .news-page-layout{grid-template-columns:1fr !important;row-gap:45px;}
  .news-page-main{display:flex;justify-content:center;}
  .news-thumb-grid{margin-top:0;}
  .news-sidebar{justify-self:center;}
  .news-page-content-wrap{min-height:0;}
}
@media(max-width:600px){
  .news-page-banner{height:220px;}
  .news-page-banner .container{width:calc(100% - 30px);}
  .news-page-banner h1{width:225px;height:125px;top:14px;padding:31px 28px 0;font-size:26px;}
  .news-page-banner .crumbs{left:28px;top:84px;font-size:11px;}
  .news-page-content-wrap{padding:35px 0 50px;}
  .news-page-layout{width:calc(100% - 30px);}
  .news-thumb-grid{width:min(440px,100%);grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .news-thumb{width:100%;}
  .news-thumb img{width:100% !important;height:auto !important;}
  .news-sidebar{width:100%;max-width:320px;}
  .news-reference-footer{min-height:0;padding:55px 0 25px !important;}
  .news-reference-footer .container{width:calc(100% - 30px);}
  .news-reference-footer .footer-grid{grid-template-columns:1fr !important;gap:25px !important;}
  .news-reference-footer .footer-card{width:min(280px,100%);margin:0 auto;}
}


/* ===== 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;
  }
}


/* Final banner container responsive overrides */
@media (max-width: 1199px) {
  .news-page-banner > .container { max-width:970px; }
}
@media (max-width: 991px) {
  .news-page-banner > .container { max-width:750px; }
}
@media (max-width: 767px) {
  .news-page-banner { height:260px; min-height:260px; }
  .news-page-banner > .container { max-width:100%; padding-left:20px; padding-right:20px; }
  .news-page-banner h1 { font-size:42px; margin-bottom:8px; }
}
@media (max-width: 480px) {
  .news-page-banner { height:230px; min-height:230px; }
  .news-page-banner h1 { font-size:36px; }
  .news-page-banner .breadcrumbs, .news-page-banner .crumbs { font-size:14px; gap:6px; }
}