@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');


@font-face {
    font-family:  "Times New Roman";
    src: url( "fonts/TimesNewRomanPSMT.woff2") format('woff2'),
         url( "fonts/TimesNewRomanPSMT.woff") format('woff'),
         url( "fonts/TimesNewRomanPSMT.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



:root{
  --text:#111;
  --muted:#6c757d;
  --border:#e5e5e5;
}

body{
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--text);
  background: #fff;
}
.cs-title a{color: #000000; text-decoration: none}
.h-font a{color: #000000; text-decoration: none}
.title a{color: #000000; text-decoration: none} 
.h-font a{color: #000000; text-decoration: none} 
	
.promo-bar{
  background:#fafafa;
  border-bottom:1px solid var(--border);
}

.site-logo{
  font-family: "Times New Roman", sans-serif;
  font-size: clamp(26px, 3.6vw, 44px);
  letter-spacing: 1px;
  color:#000;
}
.l-cont{width:85px}
@media (max-width: 768px){
  .l-cont{width:60px}
}

/* ===== Header & Right-Sheet Menu (scoped) ===== */
.navsheet-header .site-logo{
  font-family: "Times New Roman", sans-serif;
	font-weight: 900;
  font-size: clamp(24px, 3.4vw, 44px);
  letter-spacing:2px;
  color:#fff;
}
.navsheet-icon{ font-size:1.1rem; color:#fff; }
.navsheet-menuBtn{ color:#fff; font-weight:600; }
.navsheet-menuBtn .fa-bars{ font-size:1rem; }

/* Offcanvas sheet */
.navsheet-sheet{
  --navsheet-w: 420px;
  width: min(100vw, var(--navsheet-w));
  border-left: 1px solid #e5e5e5;
}
@media (max-width: 575.98px){
  .navsheet-sheet{ --navsheet-w: 100vw; }
}
.navsheet-sheet .offcanvas-header{
  border-bottom:1px solid #eee;
}
.navsheet-closeBtn{ color:#000; font-weight:600; }
.navsheet-closeBtn .fa-xmark{ font-size:1.1rem; }

/* Accordion look */
.navsheet-accordion .accordion-item{
  border:0; border-bottom:1px solid #f0f0f0;
}
.navsheet-accBtn{
  background:#fff; box-shadow:none !important; color:#111;
  font-weight:700; text-transform:uppercase; letter-spacing:.06em;
  padding:1rem 0; gap:.25rem;
}
.navsheet-accBtn:not(.collapsed){ background:#fff; }
.navsheet-accBtn::after{ display:none; } /* hide default caret */
.navsheet-sign{
  margin-left:auto; font-weight:700; font-size:1rem; opacity:.75;
}
.navsheet-leaf{
  text-transform:uppercase; letter-spacing:.06em; padding:1rem 0;
}

/* Sublist */
.navsheet-sublist .list-group-item{
  padding:.75rem 1rem; border:0;
}
.navsheet-sublist a{
  text-decoration:none; color:#333; font-weight:500;
}
.navsheet-sublist a:hover{ text-decoration:underline; }

/* Backdrop dim like screenshot */
.offcanvas-backdrop.show{ opacity:.6; }





/* ===== Desktop categories row (scoped) ===== */
.navsheet-desktopbar { background:#fff; }

.navsheet-cats .nav-link{
  color:#000;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:.92rem;
  padding:.25rem 0;
	font-family: "Times New Roman", sans-serif;
}
.navsheet-cats .nav-link:hover{ text-decoration:underline; }

/* Small chevron after SHOPPING (like screenshot) */
.navsheet-cats .has-chevron::after{
  content:"›";
  margin-left:.35rem;
  font-size:.9em;
  opacity:.85;
}






.icon-btn{ font-size:1.2rem; color:#000; }
.btn-subscribe-sm{ font-size:.75rem; }

.kicker{
  font-size:.72rem;
  letter-spacing:.07em;
  color:#000000;
  text-transform:uppercase;
  font-weight:600;
	font-family: "Times New Roman", sans-serif;
}

.byline{
  font-size:.65rem;
  letter-spacing:.06em;
  color:var(--muted);
  font-weight:400;
  font-family: "Times New Roman", sans-serif;
}

.story-title{
  font-family: "Times New Roman", serif;
  line-height:1.45;
  margin:.25rem 0 .5rem;
  font-size: 1.15rem;
}

.hero-title{
  font-family: "Times New Roman", serif;
  font-weight:700;
}

.story-card img,
.hero img{ aspect-ratio: 4/4; object-fit: cover; }
.hero img{ aspect-ratio: 3/4; }

.side-list .side-item{
  padding: 1rem 0;
  border-bottom:1px solid var(--border);
}

/* Right column thumbnails (on right side) */
.side-thumb{
  width: 75px;
  height: 100px;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: .25rem;
}
.side-title{
  font-weight:400;
  font-size:1rem;
  line-height:1.45;
  font-family: "Times New Roman", serif;
}

/* Mobile collapsible menu keeps the same items */
@media (max-width: 991.98px){
  #mainNav .menu-items{
    flex-direction: column !important;
    align-items: center;
  }
  #mainNav{ border-top:1px solid var(--border); }
  .menu-items .nav-link{
    padding:.5rem 0;
    display:block;
  }
}


/* Works for ALL sliders using .dogue-section */

.headline-cont{
  padding: .70rem 0 .70rem 0;
  margin-bottom: .75rem;
  border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;}

.dogue-section .section-title{
  font-family: "Times New Roman", sans-serif;
  font-weight:600;
  letter-spacing:.05em;
  font-size:1.25rem;
	text-transform: uppercase;
}

.dogue-section .cover-img{
  aspect-ratio: 4 / 3;     /* landscape; matches screenshot */
  object-fit: cover;
  border-radius:.25rem;
}

.dogue-section .kicker{
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.dogue-section .byline{
  font-family: "Times New Roman", sans-serif;
  font-size:.65rem;
  text-transform:uppercase;
  color:#6c757d;
  font-weight:400;
  letter-spacing:.05em;
}

.h-font{font-family: "Times New Roman", serif;
  line-height: 1.45;
  margin: .25rem 0 .5rem;
  font-size: 1.15rem;}

/* Controls */
.dogue-section .dogue-prev,
.dogue-section .dogue-next{
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
}

/* Keep each slider inside its container */
.dogue-section,
.dogue-section .swiper{ overflow:hidden; }








/* ===== MUST READ (scoped) ===== */
.mustread-section .section-heading {
  position: relative;
  margin-bottom: 1rem;
  padding: .75rem 0;
  border-top: 1px solid #e5e5e5;
}
.mustread-section .section-heading span {
  display: inline-block;
  font-family: "Times New Roman", sans-serif;
  font-weight: 600;
  letter-spacing: .12em;
  font-size: 1rem;
  text-transform: uppercase;
  position: relative;
  padding: 0 .75rem;
}
.mustread-section .section-heading::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  border-bottom: 1px solid #e5e5e5; /* thin line under heading like the screenshot */
}

/* Item layout */
.mustread-section .mustread-item .thumb {
  width: 125px;                 /* desktop thumb width */
  height: 125px;                /* matches wide-ish crop */
  object-fit: cover;
  flex-shrink: 0;
}
.mustread-section .kicker {
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: .25rem;
}
.mustread-section .title {
  line-height: 1.45;
  font-family: "Times New Roman", serif;
  margin: 0;
}
.mustread-section .byline {
  font-size: .65rem;
  letter-spacing: .06em;
  color: #6c757d;
  text-transform: uppercase;
  font-weight: 400;
	font-family: "Times New Roman", sans-serif;
}

/* Responsive */
@media (max-width: 991.98px) {
  .mustread-section .mustread-item .thumb {
    width: 110px;
    height: 78px;
  }
}
@media (max-width: 575.98px) {
  .mustread-section .mustread-item .thumb {
    width: 96px;
    height: 72px;
  }
}












/* ===== CELEBRITY STYLE (scoped) ===== */
.celebrity-style-section .cs-heading{
  position: relative;
  padding: .75rem 0 .75rem;
  margin-bottom: .75rem;
  border-top: 1px solid #e5e5e5;
}
.celebrity-style-section .cs-heading::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  border-bottom:1px solid #e5e5e5;
}
.celebrity-style-section .cs-heading span{
  font-family: "Times New Roman", sans-serif;
  font-weight:600;
  letter-spacing:.12em;
  font-size:1.25rem;
  text-transform:uppercase;
  background:#fff;
  padding:0 .75rem;
}

/* Thumbnails */
.celebrity-style-section .thumb-wrap{ position:relative; }
.celebrity-style-section .cs-thumb{
  aspect-ratio: 4 / 3;    /* wide image like screenshot */
  object-fit: cover;
  border-radius:.25rem;
}

/* Gallery badge */
.celebrity-style-section .gallery-badge{
  position:absolute; left:14px; bottom:14px;
  width:44px; height:44px; border-radius:50%;
  background:#fff; color:#111;
  display:none; align-items:center; justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  font-size:1rem;
}
/* Show badge only when article says it has a gallery */
.celebrity-style-section .cs-card[data-has-gallery="true"] .gallery-badge{
  display:flex;
}







/* Text */
.celebrity-style-section .kicker{
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
  margin-top:.5rem;
}
.celebrity-style-section .cs-title{
  font-family: "Times New Roman", serif;
  line-height:1.45;
  margin:.25rem 0 .5rem;
	font-size: 1.15rem;
}
.celebrity-style-section .byline{
  font-size: .65rem;
  letter-spacing:.06em;
  color:#6c757d;
  text-transform:uppercase;
  font-weight:400;
	font-family: "Times New Roman", sans-serif;
}

/* Responsive spacing tweaks */
@media (max-width: 991.98px){
  .celebrity-style-section .cs-title{ margin-bottom:.4rem; }
}














/* ===== Footer (scoped) ===== */
.site-footer{ background:#000; color:#eee; }
.site-footer a{ color:#ddd; text-decoration:none; }
.site-footer a:hover{ color:#fff; text-decoration:underline; }

/* Logo */
.site-footer .footer-logo{
  font-family:'Playfair Display', serif;
  font-size: clamp(28px, 4vw, 44px);
  letter-spacing: 2px;
  color:#fff;
}

.site-footer .footer-blurb{
  max-width: 560px;
  color:#cfcfcf;
  line-height:1.6;
  font-size: .95rem;
}

/* Lists */
.site-footer .footer-head{
  font-size:.8rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#cfcfcf;
  margin-bottom: .75rem;
}

.site-footer .footer-links{
  list-style:none; padding:0; margin:0;
  columns:1;        /* keep single column; Bootstrap col controls layout */
}
.site-footer .footer-links li{ margin: .4rem 0; }
.site-footer .footer-links a{ color:#e6e6e6; font-size:.95rem; }

/* Socials */
.site-footer .footer-social .social{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%;
  color:#fff; border:1px solid rgba(255,255,255,.25);
}
.site-footer .footer-social .social:hover{
  background:#fff; color:#000; border-color:#fff;
}

/* Divider */
.site-footer .footer-hr{
  border-color: rgba(255,255,255,.15);
}

/* Legal links with separators */
.site-footer .footer-legal li{
  font-size:.85rem; color:#bdbdbd; margin-right:.75rem; position:relative;
}
.site-footer .footer-legal li a{ color:#cfcfcf; }
.site-footer .footer-legal li:not(:last-child)::after{
  content:"|"; color:rgba(255,255,255,.3);
  margin-left:.75rem; margin-right:.5rem;
}
.site-footer .footer-legal .dot{
  width:8px; height:8px; border-radius:50%;
  background:#7bbfff; display:inline-block;
}

/* Lower bar right side */
.site-footer .brand-family{
  color:#cfcfcf; font-size:.9rem; white-space:nowrap;
}

.site-footer .btn-outline-light{
  --bs-btn-color:#fff; --bs-btn-border-color:rgba(255,255,255,.4);
  --bs-btn-hover-bg:#fff; --bs-btn-hover-color:#000; --bs-btn-hover-border-color:#fff;
}

/* Small text + links */
.site-footer .copyright{ line-height:1.6; }
.site-footer .copyright a:hover{ color:#fff; }










/*Inner*/

/* ========= Inner Page Right Sidebar: MOST POPULAR ========= */
.sidebar-popular{ }

.sidebar-popular .sp-head{
  border-top: 2px solid #111;
  padding-top: .75rem;
  margin-bottom: .5rem;
	border-bottom: 2px solid #111
}
.sidebar-popular .sp-title{
font-family: "Times New Roman", sans-serif;
  font-weight: 600;
  letter-spacing: .12em;
  font-size: 1rem;
  text-transform: uppercase;
  background: #fff;
  padding: 0 .75rem;
}
.sidebar-popular .sp-head::after{
  content:"";
  display:block;
  width: 64px;
  height: 3px;
  margin-top:.6rem;
}

/* list items */
.sidebar-popular .sp-item{
  display:flex;
  gap: .9rem;
  padding: 1rem 0;
  border-top: 1px solid #e8e8e8;
}
.sidebar-popular .sp-item:first-of-type{ margin-top:.25rem; }

.sidebar-popular .sp-media{
  flex: 0 0 auto;
  width: 110px;
  height: 78px;           /* ~3:2 like screenshot */
  overflow:hidden;
  border-radius: .25rem;
}
.sidebar-popular .sp-media img{
  width:100%; height:100%; object-fit:cover; display:block;
}

.sidebar-popular .sp-kicker{
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
  margin-bottom:.2rem;
}
.sidebar-popular .sp-title-article{
font-weight: 400;
  font-size: 1rem;
  line-height: 1.45;
  font-family: "Times New Roman", serif;
}
.sidebar-popular .sp-byline{
  font-size: .65rem;
  letter-spacing: .06em;
  color: var(--muted);
  font-weight: 400;
  font-family: "Times New Roman", sans-serif;
}

/* Responsive tweaks for narrow screens */
@media (max-width: 991.98px){
  .sidebar-popular .sp-media{ width: 96px; height: 72px; }
}
@media (max-width: 575.98px){
  .sidebar-popular .sp-media{ width: 88px; height: 66px; }
  .sidebar-popular .sp-title-article{ font-size:.95rem; }
}






/* ===== Inner Article Content ===== */
.inner-article{ }

.inner-article .ia-kicker{
  font-size:.8rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:.5rem;
	color: #000000;
}

.inner-article .ia-headline{
  font-family: "Times New Roman", sans-serif;
  font-size:clamp(1.8rem, 3vw, 2.6rem);
  line-height:1.2;
  margin-bottom:.75rem;
}

.inner-article .ia-meta{
  font-size:.85rem;
  color:#555;
  font-weight:600;
 /* margin-bottom:1.5rem;*/
}
.inner-article .ia-meta span{ margin-right:1.25rem; }

/* Images + captions */
.inner-article .ia-figure{
  margin:1.5rem 0;
}
.inner-article .ia-figure img{
  border-radius:.25rem;
  display:block;
  width:100%;
  height:auto;
}
.inner-article .ia-figure figcaption{
  font-size:.8rem;
  color:#666;
  margin-top:.4rem;
}

/* Body text */
.inner-article .ia-body p{
  font-size:1.05rem;
  line-height:1.7;
  margin-bottom:1.25rem;
}
.inner-article .ia-body a{
  color:#111;
  font-weight:600;
  text-decoration:underline;
}

/* Promo / ad */
.inner-article .ia-promo img{
  border:1px solid #ddd;
  border-radius:.25rem;
}







/* ===== Below-Article: More Stories (scoped) ===== */
.more-stories-section{
  border-top: 1px solid #e5e5e5;
  padding-top: .75rem;
  margin-top: 2.25rem;   /* space from article */
}
.more-stories-section .mgs-heading{
  font-family: "Times New Roman", serif;
  font-weight: 600;
  font-size: clamp(1.25rem, 2.2vw, 1.8rem);
  line-height: 1.25;
  margin: .25rem 0 1rem;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: .5rem;
}
.more-stories-section .mgs-heading em{
  font-style: italic;
}

.more-stories-section .mgs-list{
  margin: 0;
  padding-left: 1.2rem;              /* bullets indent */
  list-style: disc;
	font-style: italic;
	font-family: "Times New Roman", serif;
}
.more-stories-section .mgs-list li{
  margin: .85rem 0;
  font-size: 1.05rem;
  line-height: 1.7;
}
.more-stories-section .mgs-list a{
  color: #111;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.more-stories-section .mgs-list a:hover{
  text-decoration-thickness: 2px;
}







/* ===== Author Bio Section ===== */
.author-bio-section{
  border-top:2px solid #000;
  border-bottom:2px solid #000;
  padding:1.5rem 0;
  margin-top:2.5rem;
	font-family: "Times New Roman", sans-serif;
}

.author-bio-section .author-box{ align-items:flex-start; }

.author-bio-section .author-photo{
  width:96px; height:96px; object-fit:cover;
  border-radius:.25rem;
  flex-shrink:0;
}

.author-bio-section .author-info p{
  margin:0;
  font-size:1rem;
  line-height:1.6;
}
.author-bio-section .author-name{
  font-weight:600;
  text-decoration:underline;
  color:#111;
}

.author-bio-section .author-social a{
  font-size:1.4rem;
  margin-right:.75rem;
  color:#111;
}
.author-bio-section .author-social a:hover{ color:#555; }

/* Topics */
.author-bio-section .author-topics{
  font-size:.9rem;
  margin-top:1rem;
}
.author-bio-section .topics-label{
  font-weight:600;
  margin-right:.5rem;
}
.author-bio-section .topic-link{
  color:#111;
  text-decoration:none;
}
.author-bio-section .topic-link:hover{
  text-decoration:underline;
}





/* ===== READ MORE (scoped) ===== */
.readmore-section{
  border-top:1px solid #e5e5e5;
  padding-top:.75rem;
}

/* Heading */
.readmore-section .rm-heading{
  text-align:center;
  margin-bottom:.5rem;
  position:relative;
  margin-bottom: 1rem;
  padding: 0.75rem 0px;
  border-top: 1px solid rgb(229, 229, 229);
  border-bottom: 1px solid rgb(229, 229, 229);
	font-family: "Times New Roman", sans-serif;
}
.readmore-section .rm-heading span{
  display:inline-block;
  font-family: "Times New Roman", sans-serif;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:1.4rem;
}

/* Category band over cards */
.readmore-section .rm-band{
  position:relative;
  z-index:2;
  display:flex; gap:16px; justify-content:center;
  background:#fff;
  padding:.5rem .75rem;
  border:1px solid #e5e5e5;
  border-radius:2px;
  width:fit-content;
  max-width:100%;
  margin:-6px auto 10px;          /* slight overlap look */
  overflow:auto;
}
.readmore-section .rm-pill{
  appearance:none; border:0; background:transparent;
  white-space:nowrap;
  font-size:.9rem;
  padding:.25rem .5rem;
  border-radius:.25rem;
}
.readmore-section .rm-pill.active{
  font-weight:700; text-decoration:underline;
  text-underline-offset:3px;
}

/* Cards */
.readmore-section .rm-card{
  position:relative;
  overflow:hidden;
  border-radius:.25rem;
}
.readmore-section .rm-card img{
  width:100%; height:100%;
  display:block;
  object-fit:cover;
  aspect-ratio: 4 / 3;
  transform: scale(1.02);         /* subtle edge-to-edge */
}
.readmore-section .rm-card::after{
  /* soft border like gutters in screenshot */
  content:""; position:absolute; inset:0; border:1px solid rgba(0,0,0,.05); pointer-events:none;
}
.readmore-section .rm-overlay{
  position:absolute; inset:auto 0 0 0;
  padding:18px;
  color:#fff;
  background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.75) 100%);
}
.readmore-section .rm-kicker{
  font-size: .72rem;
  letter-spacing: .07em;
  color: #000000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Times New Roman", sans-serif;
}
.readmore-section .rm-title{
  font-family: "Times New Roman", serif;
  font-size:1.05rem; line-height:1.25; margin:0 0 .35rem;
}
.readmore-section .rm-byline{
  font-size:.65rem; letter-spacing:.06em; text-transform:uppercase; font-weight:600; opacity:.9; font-family: "Times New Roman", sans-serif;
}

/* Responsive */
@media (max-width: 575.98px){
  .readmore-section .rm-band{ justify-content:flex-start; }
}



.rm-card-link { text-decoration: none; color: inherit; display: block; }

/* Make the link cover the card */
.rm-card-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* Smooth transition */
.rm-card img {
  transition: transform .4s ease;
}
.rm-card .rm-overlay {
  transition: background .4s ease;
}

/* Hover effects */
.rm-card-link:hover .rm-card img {
  transform: scale(1.06);      /* zoom */
}
.rm-card-link:hover .rm-overlay {
  background: linear-gradient(180deg,
              rgba(0,0,0,0) 0%,
              rgba(0,0,0,.65) 60%,
              rgba(0,0,0,.85) 100%);
}
.rm-card-link:hover {
  cursor: pointer;
}






/* ===== Category Grid (scoped) ===== */
.category-section { }

/* Heading + controls */
.category-section .cat-heading{
  font-family: "Times New Roman", sans-serif;
  font-weight:700;
  font-size:clamp(1.4rem, 2.4vw, 2rem);
  letter-spacing:.02em;
}
.category-section .cat-controls .cat-control{
  color:#111; text-decoration:none; font-weight:600; opacity:.65;
}
.category-section .cat-controls .cat-control.active,
.category-section .cat-controls .cat-control:hover{ opacity:1; text-decoration:underline; }

/* Cards */
.category-section .cat-card-link{
  display:block; text-decoration:none; color:inherit;
}
.category-section .cat-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transition: transform .45s ease;
}
.category-section .cat-card:hover .cat-media img{
  transform: scale(1.04);
}

/* Text bits */
.category-section .cat-kicker{
  font-size: .72rem;
  letter-spacing: .07em;
  color: #000000;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Times New Roman", sans-serif;
 opacity:.9; margin-bottom:.35rem;
}
.category-section .cat-title{
  font-family: "Times New Roman", serif;
  line-height: 1.45;
  font-size: 1.15rem; margin:0 0 .5rem;
}
.category-section .cat-meta{
  font-size:.8rem; color:#555; display:flex; gap:1rem; flex-wrap:wrap;
  text-transform:uppercase; letter-spacing:.06em; font-weight:600;
}
.category-section .cat-date{ font-size: .65rem;
  letter-spacing: .06em;
  color: var(--muted);
  font-weight: 400;
  font-family: "Times New Roman", sans-serif; color: darkgray }

/* Spacing like screenshot */
.category-section .cat-card{ }

/* Responsive tweaks */
@media (max-width: 575.98px){
  .category-section .cat-title{ font-size:1.02rem; }
}





/* ===== Pagination Styling ===== */
.cat-pagination .pagination {
  gap: .4rem;
}

.cat-pagination .page-link {
  border: none;
  border-radius: 0;
  color: #111;
  font-weight: 600;
  font-size: .95rem;
  padding: .35rem .7rem;
  background: transparent;
}

.cat-pagination .page-item.active .page-link {
  color: #fff;
  background: #111;
}

.cat-pagination .page-link:hover {
  color: #fff;
  background: #444;
}

.cat-pagination .page-item.disabled .page-link {
  color: #aaa;
  pointer-events: none;
  background: transparent;
}




/* Thumbnails */
.clatest-stories .thumb-wrap{ position:relative; }
.latest-storiesn .cs-thumb{
  aspect-ratio: 4 / 3;    /* wide image like screenshot */
  object-fit: cover;
  border-radius:.25rem;
}

/* Gallery badge */
.latest-stories .gallery-badge{
  position:absolute; left:14px; bottom:14px;
  width:44px; height:44px; border-radius:50%;
  background:#fff; color:#111;
  display:none; align-items:center; justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  font-size:1rem;
}
/* Show badge only when article says it has a gallery */
.latest-stories .cs-card[data-has-gallery="true"] .gallery-badge{
  display:flex;
}


.latest-stories .section-heading {
  position: relative;
  margin-bottom: 1rem;
  padding: .75rem 0;
  border-top: 1px solid #e5e5e5;
	 border-bottom: 1px solid #e5e5e5;
}
.latest-stories .thumb-wrap {
  position: relative;
}
.latest-stories .cs-title {
  font-family: "Times New Roman", serif;
  line-height: 1.45;
  margin: .25rem 0 .5rem;
  font-size: 1.15rem;
}
.latest-stories .section-heading span{font-family: "Times New Roman", sans-serif;
  font-weight: 600;
  letter-spacing: .05em;
  font-size: 1.25rem;
  text-transform: uppercase;}


.inner-article p{font-family: "Times New Roman", serif; font-weight: 400; line-height: 1.7}


.cat-by {
	font-size: .65rem;
  letter-spacing: .06em;
  color: var(--muted);
  font-weight: 400;
  font-family: "Times New Roman", sans-serif;
}

/* Social icons in header */
.social-link {
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
  transition: color .3s ease;
}
.social-link:hover {
  color: #555;
}




/* ===== Article Meta + Sharing ===== */
.ia-meta {
  font-size: .9rem;
  font-weight: 600;
  color: #555;
}
.ia-meta span {
  margin-right: 1rem;
}

/* Sharing icons */
.ia-share .share-link {
  font-size: 1rem;
  color: #111;
  text-decoration: none;
  transition: color .3s ease;
}
.ia-share .share-link:hover {
  color: #d33; /* or brand color if you prefer */
}


.navsheet-header {
	background-color: #000;
}


.inner-article img {
  max-width: 100%;
  height: auto;
  display: block;   /* prevents extra bottom gap */
}
a {text-decoration : none !important}
.dropdown-item{font-family: "Times New Roman", sans-serif;}
.nav-link{font-family: "Times New Roman", sans-serif;}
.h2, h2{font-family: "Times New Roman", sans-serif;}

.details{font-family: "Times New Roman", sans-serif;}

.video-thumb {
  position: relative;
  display: block;
}

.video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 1.2rem;
  transition: all .3s ease;
}

.video-thumb:hover .video-play-icon {
  background: rgba(0, 0, 0, 0.85);
  transform: translate(-50%, -50%) scale(1.1);
}