/*
 Theme Name:   Icons India Child
 Description:  Avant-garde editorial child theme for Icons India
 Author:       Raghav
 Template:     blocksy
 Version:      1.0.0
*/

/* Custom styles for the BoF aesthetic go below this line */

/* 1. Global Refinement: Removing the "Standard Blog" feel */

:root {
  --btn-primary: #d25f28;
  --btn-primary-dark: #b54a20;
  --btn-primary-darker: #933b1a;
  --btn-primary-glow: rgba(210, 95, 40, 0.45);
}
.btn-primary {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;

  color: #fff;
  background: linear-gradient(
    145deg,
    var(--btn-primary),
    var(--btn-primary-dark)
  );

  border: none;
  cursor: pointer;
  overflow: hidden;

  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.25),
    inset 0 -2px 0 rgba(0, 0, 0, 0.25);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    background 0.3s ease;
}
.btn-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    120deg,
    transparent 25%,
    rgba(255, 255, 255, 0.35) 50%,
    transparent 75%
  );
  transform: translateX(-120%);
  transition: transform 0.6s ease;
  pointer-events: none;
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow:
    0 14px 36px rgba(210, 95, 40, 0.45),
    inset 0 -2px 0 rgba(0, 0, 0, 0.3);
}

.btn-primary:hover::after {
  transform: translateX(120%);
}
.btn-primary:active {
  transform: translateY(1px) scale(0.98);
  background: linear-gradient(
    145deg,
    var(--btn-primary-dark),
    var(--btn-primary-darker)
  );

  box-shadow:
    0 6px 14px rgba(0, 0, 0, 0.35),
    inset 0 3px 6px rgba(0, 0, 0, 0.35);
}
.btn-primary:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 4px var(--btn-primary-glow),
    0 10px 30px rgba(210, 95, 40, 0.5);
}
@keyframes ctaPulse {
  0% { box-shadow: 0 0 0 0 rgba(210,95,40,0.6); }
  70% { box-shadow: 0 0 0 14px rgba(210,95,40,0); }
  100% { box-shadow: 0 0 0 0 rgba(210,95,40,0); }
}

.btn-primary.pulse {
  animation: ctaPulse 2.5s infinite;
}

body{
    background-color: #FAF9F6 !important;
    color: #1A1A1A;
}

body, p, li, a, div, span{
    font-family: 'Montserrat', sans-serif !important;
    -webkit-font-smoothing: antialiased;
}

[data-logo="top"] {
    display: flex;
    align-items: center;
}

/* =========================================================
   SECTION HEADER – FINAL STABLE VERSION
   ========================================================= */

.section-header.wp-block-columns {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #23306f !important;
    text-transform: uppercase;
    flex-wrap: nowrap !important;
}

/* Heading column */
.section-header.wp-block-columns > .wp-block-column:first-child {
    flex: 1 1 auto !important;
    min-width: 160px !important;   /* 🚨 THIS STOPS LETTER STACKING */
}

/* Heading text */
.section-header .section-heading {
    margin: 0 !important;
    font-size: clamp(1rem, 4vw, 1.3rem);
    line-height: 1.25;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
}

/* Button column */
.section-header.wp-block-columns > .wp-block-column:last-child {
    flex: 0 0 auto !important;
}

/* Button */
.hero-sidebar-viewmore .wp-block-button__link {
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}

/* Remove Gutenberg junk spacing */
.section-header h3,
.section-header .wp-block-buttons {
    margin: 0 !important;
}



/* 3. Avant-Garde Typography for Post Cards */
.entry-title {
    
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

/* 4. Categorization Pill (The "BoF" look) */
.entry-category a {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.15em;
    font-weight: 700;
    color: #d12a2a; /* Your vibrant accent color */
    border-bottom: 1px solid transparent;
}

.entry-category a:hover {
    border-bottom: 1px solid #d12a2a;
}

/* Styling the Logo Text for the BoF look */
.site-title a {
    display: flex !important;
    align-items: center;
    font-size: 24px !important;
    text-transform: uppercase;
    text-decoration: none;
    color: #000 !important;
}

/* "ICONS" - Bold & Modern Sans-Serif */
.site-title a::first-line {
    font-weight: 900;
    letter-spacing: 1px;
}

@media (max-width: 689.98px) {
  [data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    --logo-max-height: 60px !important;
  }
}


/* Target the "INDIA" part specifically if possible,
   or use this trick to style the second word differently */
.site-title a {
    font-family: 'Playfair Display', sans-serif !important; /* Your Sans-Serif */
    font-weight: 800 !important;
}

/* Refined Separator & Second Word Styling */
/* Note: For more precision, we may need to wrap these in a span via PHP,
   but for now, let's use a simple vertical border trick */
.site-title {
    position: relative;
    padding-right: 15px;
}

/* Remove all bulky shadows from the News Starter cards */
[data-cards] {
    box-shadow: none !important;
    border-top: 1px solid #000 !important; /* Top line for news items */
    padding-top: 20px;
    border-radius: 0 !important; /* Sharp corners only */
}

/* Make the sidebar a distinct, refined column */
#sidebar {
    border-left: 1px solid #e5e5e5;
    padding-left: 30px;
}

/* Hide the standard 'Join/Login' if it's still in the header */
.header-button, .header-account {
    display: none !important;
}

/* Style the Search icon to be the only focal point on the right */
.header-search {
    order: 10;
    margin-left: 20px;
}

/* The 'Vogue/BoF' Headline Style */
h1, h2, h3, .entry-title a {
    font-weight: 600 !important;
    letter-spacing: -0.02em;
}
/* ================================
   HERO SIDEBAR – LATEST POSTS
   ================================ */

.wp-block-latest-posts.hero-sidebar li {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "image title"
        "image excerpt"
        "image date";
    column-gap: 6px;

    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* Remove border on last item */
.wp-block-latest-posts.hero-sidebar li:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Image */
.wp-block-latest-posts.hero-sidebar
.wp-block-latest-posts__featured-image {
    grid-area: image;
}

/* Title */
.wp-block-latest-posts.hero-sidebar
.wp-block-latest-posts__post-title {
    grid-area: title;

    color: #000 !important;          /* BLACK title */
    text-decoration: none !important;
    font-weight: 600;
    font-size: 0.9em;
    line-height: 1.1em;

    display: block;
    margin-bottom: 4px;
}

/* Excerpt */
.wp-block-latest-posts.hero-sidebar
.wp-block-latest-posts__post-excerpt {
    grid-area: excerpt;

    font-size: 0.8em;
    line-height: 1.4em;
    margin-bottom: 4px;
}

/* Date BELOW excerpt */
.wp-block-latest-posts.hero-sidebar
.wp-block-latest-posts__post-date {
    grid-area: date;

    display: block;
    font-size: 0.75em;
    opacity: 0.7;
}

/* ================================
   MOBILE
   ================================ */
@media (max-width: 768px) {
    .wp-block-latest-posts.hero-sidebar li {
        grid-template-columns: 1fr;
        grid-template-areas:
            "image"
            "title"
            "excerpt"
            "date";
    }
}

.hero-sidebar .wp-block-latest-posts__read-more{
    display:none;
}

/* ================================
   HERO SIDEBAR – VIEW MORE BUTTON
   ================================ */

/* Right align the buttons block */
.hero-sidebar-viewmore {
    justify-content: flex-end;
    text-align:right;
}

/* Button link styling */
.hero-sidebar-viewmore .wp-block-button__link {
    background: none !important;
    color: #d25f28 !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.85em;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none;

    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Arrow after text */
.hero-sidebar-viewmore .wp-block-button__link::after {
    content: "→";
    font-size: 1em;
    line-height: 1;
}

/* Hover effect */
.hero-sidebar-viewmore .wp-block-button__link:hover {
    opacity: 0.75;
}
.home .entry-header{display:none !important;}
.ct-container-full[data-vertical-spacing="top:bottom"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Make logo + text sit side by side */
.new-logo-block .stk-699eee7-inner-blocks {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    gap: 12px;
}

.icons-india-custom-header {
    border-bottom: 1px solid #ccc !important;
}



/* =========================================================
   ICONSINDIA – CINEMATIC FEATURE GRID (6 ITEMS)
   GLOBAL 3-LINE TITLE CLAMP (DESKTOP + TABLET + MOBILE)
   ========================================================= */

/* RESET */
.wp-block-latest-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* =========================================================
   BASE GRID
   ========================================================= */

.main-top-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: minmax(260px, auto);
  gap: 24px;
}

.main-top-grid > li {
  position: relative;
  overflow: hidden;
  background: #000;
  min-height: 300px;
}

/* IMAGE */
.main-top-grid .wp-block-latest-posts__featured-image {
  position: absolute;
  inset: 0;
}

.main-top-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.95) contrast(1.2);
}

/* OVERLAY */
.main-top-grid > li::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(0,0,0,0.04) 0%,
    rgba(0,0,0,0.22) 55%,
    rgba(0,0,0,0.45) 100%
  );
}

/* =========================================================
   TITLE – GLOBAL 3 LINE CLAMP
   ========================================================= */

.main-top-grid .wp-block-latest-posts__post-title {
  position: absolute;
  z-index: 2;
  left: 20px;
  right: 20px;
  bottom: 60px;

  font-family: "Playfair Display", serif !important;
  font-weight: 600;
  line-height: 1.25;
  color: #fff;
  text-decoration: none;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

/* META – DEFAULT */
.main-top-grid .wp-block-latest-posts__post-author,
.main-top-grid time {
  position: absolute;
  z-index: 2;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.85);
}

.main-top-grid .wp-block-latest-posts__post-author {
  left: 20px;
  bottom: 26px;
}

.main-top-grid time {
  right: 20px;
  bottom: 26px;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

  .main-top-grid li:nth-child(1) {
    grid-column: 1 / span 8;
    grid-row: 1 / span 2;
    min-height: 540px;
  }

  .main-top-grid li:nth-child(2) {
    grid-column: 9 / span 4;
    grid-row: 1;
  }

  .main-top-grid li:nth-child(3) {
    grid-column: 9 / span 4;
    grid-row: 2;
  }

  .main-top-grid li:nth-child(4) {
    grid-column: 1 / span 6;
    min-height: 420px;
  }

  .main-top-grid li:nth-child(5) {
    grid-column: 7 / span 3;
  }

  .main-top-grid li:nth-child(6) {
    grid-column: 10 / span 3;
  }

  .main-top-grid li:nth-child(1) .wp-block-latest-posts__post-title {
    font-size: 2.3rem;
    max-width: 78%;
  }

  .main-top-grid li:nth-child(4) .wp-block-latest-posts__post-title {
    font-size: 1.6rem;
  }

  .main-top-grid li:nth-child(2) .wp-block-latest-posts__post-title,
  .main-top-grid li:nth-child(3) .wp-block-latest-posts__post-title,
  .main-top-grid li:nth-child(5) .wp-block-latest-posts__post-title,
  .main-top-grid li:nth-child(6) .wp-block-latest-posts__post-title {
    font-size: 1.2rem;
  }
}

/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 641px) and (max-width: 1024px) {

  .main-top-grid {
    grid-template-columns: repeat(6, 1fr);
  }

  .main-top-grid > li {
    grid-column: span 3;
    min-height: 300px;
  }

  .main-top-grid li:nth-child(1),
  .main-top-grid li:nth-child(4) {
    grid-column: span 6;
    min-height: 380px;
  }

  .main-top-grid .wp-block-latest-posts__post-title {
    font-size: 1.15rem;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640px) {

  .main-top-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .main-top-grid > li {
    min-height: 220px;
  }

  /* HERO */
  .main-top-grid li:nth-child(1) {
    grid-column: 1 / -1;
    min-height: 420px;
  }

  /* HALF WIDTH */
  .main-top-grid li:nth-child(2),
  .main-top-grid li:nth-child(3),
  .main-top-grid li:nth-child(5),
  .main-top-grid li:nth-child(6) {
    grid-column: span 1;
    min-height: 230px;
    padding-bottom: 64px;
  }

  /* SECONDARY HERO */
  .main-top-grid li:nth-child(4) {
    grid-column: 1 / -1;
    min-height: 300px;
  }

  /* MOBILE TYPOGRAPHY */
  .main-top-grid li:nth-child(1) .wp-block-latest-posts__post-title {
    font-size: 1.45rem;
    max-width: 90%;
  }

  .main-top-grid li:nth-child(4) .wp-block-latest-posts__post-title {
    font-size: 1.2rem;
  }

  .main-top-grid li:nth-child(2) .wp-block-latest-posts__post-title,
  .main-top-grid li:nth-child(3) .wp-block-latest-posts__post-title,
  .main-top-grid li:nth-child(5) .wp-block-latest-posts__post-title,
  .main-top-grid li:nth-child(6) .wp-block-latest-posts__post-title {
    font-size: 0.95rem;
    bottom: 78px;
  }

  /* META STACK */
  .main-top-grid li:nth-child(2) .wp-block-latest-posts__post-author,
  .main-top-grid li:nth-child(3) .wp-block-latest-posts__post-author,
  .main-top-grid li:nth-child(5) .wp-block-latest-posts__post-author,
  .main-top-grid li:nth-child(6) .wp-block-latest-posts__post-author {
    left: 20px;
    bottom: 40px;
    font-size: 0.65rem;
  }

  .main-top-grid li:nth-child(2) time,
  .main-top-grid li:nth-child(3) time,
  .main-top-grid li:nth-child(5) time,
  .main-top-grid li:nth-child(6) time {
    left: 20px;
    right: auto;
    bottom: 20px;
    font-size: 0.62rem;
    opacity: 0.8;
  }
}

/* =========================================================
   ICONSINDIA – CINEMATIC HOVER EFFECTS (RESTORED)
   ========================================================= */

/* Enable motion context */
@media (hover: hover) and (pointer: fine) {

  .main-top-grid > li {
    will-change: transform;
    transition: transform 0.5s cubic-bezier(.2,.8,.2,1);
  }

  .main-top-grid > li:hover {
    transform: translateY(-3px);
  }

  /* IMAGE – cinematic push-in */
  .main-top-grid img {
    transition:
      transform 1.1s cubic-bezier(.2,.8,.2,1),
      filter 0.9s ease;
  }

  .main-top-grid > li:hover img {
    transform: scale(1.08);
    filter:
      brightness(1)
      contrast(1.05)
      saturate(1.05);
  }

  /* PROJECTOR LIGHT SWEEP */
  .main-top-grid > li::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;

    background: linear-gradient(
      120deg,
      transparent 30%,
      rgba(255,255,255,0.08) 45%,
      rgba(255,240,200,0.18) 50%,
      rgba(255,255,255,0.08) 55%,
      transparent 70%
    );

    opacity: 0;
    transform: translateX(-40%);
  }

  .main-top-grid > li:hover::after {
    opacity: 1;
    animation: projector-sweep 1.2s cubic-bezier(.4,0,.2,1) forwards;
  }

  /* TITLE – micro lift (does not break clamp) */
  .main-top-grid .wp-block-latest-posts__post-title {
    transition:
      transform 0.6s cubic-bezier(.2,.8,.2,1),
      letter-spacing 0.6s ease;
  }

  .main-top-grid > li:hover .wp-block-latest-posts__post-title {
    transform: translateY(-6px);
    letter-spacing: -0.01em;
  }

  /* Keyframes */
  @keyframes projector-sweep {
    0% {
      transform: translateX(-50%);
      opacity: 0;
    }
    20% {
      opacity: 1;
    }
    100% {
      transform: translateX(50%);
      opacity: 0;
    }
  }
}

/* Disable hover effects on touch devices (intentional) */
@media (hover: none) {
  .main-top-grid > li:hover,
  .main-top-grid > li:hover img,
  .main-top-grid > li:hover::after {
    transform: none !important;
    animation: none !important;
    opacity: 0 !important;
  }
}
/* =========================================================
   EDITORS PICK – CATEGORY BADGE ON IMAGE
   ========================================================= */

/* Make article a positioning context */
.editors-pick-top article {
  position: relative;
}

/* Image wrapper positioning */
.editors-pick-top .stk-img-wrapper {
  position: relative;
  overflow: hidden;
}


/* Badge styling */
.editors-pick-top .stk-block-posts__category a {
    color: #d25f28;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}


/* Adjust spacing now that badge is on image */
.editors-pick-top .stk-block-posts__title {
  margin-top: 18px;
  margin-block-end: 0 !important;
}

/* =========================================================
   MOBILE REFINEMENT
   ========================================================= */
@media (max-width: 640px) {

  .editors-pick-top .stk-block-posts__category {
    top: 12px;
    left: 12px;
  }

  .editors-pick-top .stk-block-posts__category a {
    font-size: 0.6rem;
    padding: 5px 10px;
  }
}

/* =========================================================
   EDITORS PICK – CATEGORY BADGE ON IMAGE
   ========================================================= */

/* Make article a positioning context */
.editors-pick-right article {
  position: relative;
}

/* Image wrapper positioning */
.editors-pick-right .stk-img-wrapper {
  position: relative;
  overflow: hidden;
  height:250px !important;
}

/* Badge styling */
.editors-pick-right .stk-block-posts__category a {
  color: #d25f28;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
}


/* Adjust spacing now that badge is on image */
.editors-pick-right .stk-block-posts__title {
  font-size:1.25em !important;
  line-height:1.5em !important;
  margin-top: 18px;
  margin-block-end: 0 !important;
}

/* =========================================================
   MOBILE REFINEMENT
   ========================================================= */
@media (max-width: 640px) {

  .editors-pick-right .stk-block-posts__category {
    top: 12px;
    left: 12px;
  }

  .editors-pick-right .stk-block-posts__category a {
    font-size: 0.6rem;
    padding: 5px 10px;
  }
}
/* =========================================================
   EDITORS PICK – LIST (EXPLICIT GRID, NO AUTO BULLSHIT)
   ========================================================= */

.editors-pick-list article {
  display: grid;
  grid-template-columns: 35% 1fr;
  grid-template-rows: auto auto auto; /* explicit rows */
  column-gap: 16px;
  align-items: start;
}

/* ---------------------------------------------------------
   IMAGE – LEFT COLUMN (ROW-SPANNED)
   --------------------------------------------------------- */
.editors-pick-list .stk-block-posts__image-link {
  grid-column: 1;
  grid-row: 1 / span 3; /* spans all rows */
}

.editors-pick-list .stk-img-wrapper {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.editors-pick-list .stk-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------------------------------------------------------
   RIGHT COLUMN – EXPLICIT STACK FROM TOP
   --------------------------------------------------------- */
.editors-pick-list .stk-block-posts__category {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
}
.editors-pick-list .stk-subtitle{margin-bottom:0 !important;}

.editors-pick-list .stk-block-posts__title {
  grid-column: 2;
  grid-row: 2;
  margin: 2px 0 4px 0 !important;
  font-size: 1.15em !important;
  line-height: 1.45em !important;
}

.editors-pick-list .stk-block-posts__meta {
  grid-column: 2;
  grid-row: 3;
  margin: 0;
  opacity: 0.8;
  gap: 6px;
  font-size: 0.6rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #777 !important;
}

/* ---------------------------------------------------------
   CATEGORY STYLE (NORMAL FLOW)
   --------------------------------------------------------- */
.editors-pick-list .stk-block-posts__category a {
        color: #d25f28;
        font-size: 0.65rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        text-decoration: none;
        display: inline-block;
}

/* ---------------------------------------------------------
   MOBILE – STACK EVERYTHING
   --------------------------------------------------------- */
@media (max-width: 640px) {
  .editors-pick-list article {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .editors-pick-list .stk-block-posts__image-link,
  .editors-pick-list .stk-block-posts__category,
  .editors-pick-list .stk-block-posts__title,
  .editors-pick-list .stk-block-posts__meta {
    grid-column: 1;
    grid-row: auto;
  }
}

/* =========================================================
   EDITORS PICK – META STACKING (MOBILE ONLY, ITEMS 2+)
   ========================================================= */

@media (max-width: 640px) {

  /* Stack meta vertically for items 2,3,4,5 */
  .editors-pick-list
  .stk-block-posts__item:nth-child(n+1)
  .stk-block-posts__meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }

  /* Remove pipe separator on mobile for items 2+ */
  .editors-pick-list
  .stk-block-posts__item:nth-child(n+1)
  .stk-block-posts__meta-sep {
    display: none !important;
  }
}


/* =========================================================
   HERO SIDEBAR HEADING – CINEMATIC
   ========================================================= */

.hero-sidebar-heading{
  margin-top: 1em !important;
  color: #23306f !important;
  border-bottom: 1px solid #23306f !important;
  font-family: 'Playfair Display', sans-serif !important;
  letter-spacing: 0.05em;
}

.section-heading {
  font-family: 'Playfair Display', sans-serif !important;
  letter-spacing: 0.05em;
}


/* =========================================================
   ICONS INDIA – AD BANNER (CENTERED)
   ========================================================= */
.ad-label{
    font-size: 0.6rem !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #444 !important;
}
.iconsindia-ad-banner {
  margin-top:1em !important;
  display: flex;
  flex-direction: column;
  align-items: center;      /* horizontal centering */
  justify-content: center;  /* vertical centering */
  text-align: center;
  position: relative;
  background:#eee !important;
}

.iconsindia-ad-banner a, .iconsindia-ad-banner img{
  width:auto !important;
  margin:0 !important;
}

.iconsindia-ad-tall {
  display: flex;
  flex-direction: column;
  align-items: center;      /* horizontal centering */
  justify-content: center;  /* vertical centering */
  text-align: center;
  position: relative;
  background:#eee !important;
}

.iconsindia-ad-tall a, .iconsindia-ad-tall img{
  width:auto !important;
  margin:0 !important;
}

.epapers-block{
    background:#fcf6f0 !important;
}

/* =========================================================
   ICONSINDIA – EPAPER FEATURE BLOCK
   First Edition | Avant-garde | Refined
   ========================================================= */

.epapers-block {
  margin-bottom:2em !important;
  padding: 56px;
  background: #f9f3ee !important;
  box-shadow:
    0 20px 40px rgba(0, 0, 0, 0.08),
    0 60px 120px rgba(0, 0, 0, 0.06);
}

/* Media & Text spacing */
.epapers-block .wp-block-media-text {
  gap: 56px;
  align-items: center;
}

/* Kicker */
.epapers-block .epaper-kicker {
  display: block;
  margin-bottom: 14px;
  border-radius:1em;
  font-size: 0.65rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #6f6f6f;
}

/* Title */
.epapers-block h2 {
  font-family: "Playfair Display", serif !important;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 16px;
  color: #111;
}

/* Thesis text */
.epapers-block .epaper-thesis {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #444;
  margin-bottom: 32px;
}

/* CTA */
.epapers-block .epaper-cta {
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #111;
  text-decoration: none;
  border-bottom: 1px solid #111;
  padding-bottom: 4px;
}

/* CTA hover – restrained */
@media (hover: hover) and (pointer: fine) {
  .epapers-block .epaper-cta:hover {
    opacity: 0.7;
  }
}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width: 1024px) {
  .epapers-block {
    padding: 48px;
    margin: 96px auto;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 768px) {

  .epapers-block {
    padding: 40px 24px;
    margin: 80px 16px;
  }

  .epapers-block h2 {
    font-size: 1.6rem;
  }

  .epapers-block .epaper-thesis {
    font-size: 0.95rem;
  }
}

/* =========================================================
   ICONSINDIA – CURRENT AFFAIRS / NEWS GRID
   Newsroom Ledger Design
   ========================================================= */

.news-block {
  width: 100%;
  margin: 96px 0;
}
/* Grid */
.news-block .stk-block-posts__items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 36px 28px;
}

/* Item */
.news-block .stk-block-posts__item, .editors-pick-list .stk-block-posts__item, .editors-pick-right .stk-block-posts__item {
 
  border-bottom: 1px dashed rgba(0,0,0,0.25);
}

/* Image */
.news-block .stk-img-wrapper {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin-bottom: 14px;
}

.news-block img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}

/* Category (quiet tag) */
.news-block .stk-block-posts__category {
  margin-bottom: 6px;
}

.news-block .stk-block-posts__category a {
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #666;
  text-decoration: none;
}

/* Title */
.news-block .stk-block-posts__title {
  margin: 0 0 8px;
  line-height: 1.5;
}

.news-block .stk-block-posts__title a {
  font-family: "Playfair Display", serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: #111;
  text-decoration: none;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Meta */
.news-block .stk-block-posts__meta, .editors-pick-top .stk-block-posts__meta, .editors-pick-list .stk-block-posts__meta, .editors-pick-right .stk-block-posts__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.6rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #777 !important;
}

/* Hover – editorial, restrained */
@media (hover: hover) and (pointer: fine) {
  .news-block .stk-block-posts__item:hover img {
    opacity: 0.85;
  }

  .news-block .stk-block-posts__item:hover
  .stk-block-posts__title a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }
}

/* =========================================================
   TABLET
   ========================================================= */
@media (max-width: 1024px) {
  .news-block .stk-block-posts__items {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 640px) {

  .news-block .stk-block-posts__items {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .news-block .stk-block-posts__title a {
    font-size: 1rem;
  }
}

@media (max-width: 640px) {
  .news-block .stk-block-posts__items {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px;
  }

  .news-block .stk-block-posts__item {
    width: 100% !important;
  }

  .news-block .stk-block-posts__title a {
    font-size: 1rem;
  }
}


.ct-footer .ct-widget:not(:first-child) {
    margin-top: 0 !important;
}

/* Force the Single Post Title to be Massive & Aesthetic */
.single-post .entry-title {
    font-family: 'Playfair Display', serif !important;
    font-weight: 900 !important;
    font-size: clamp(3rem, 8vw, 5rem) !important; /* Huge responsive text */
    line-height: 0.9;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    margin-bottom: 30px;
    display: block !important; /* Forces visibility */
    color: #000;
}

/* Style the Featured Image as a High-End Plate */
.single-post .featured-image {
    margin: 40px -5vw; /* Pulls image wider than the text for an offset look */
    border-bottom: 5px solid #000;
    display: block !important;
}

.single-post .featured-image img {
    width: 100%;
    filter: sepia(0.2) contrast(1.1); /* Subtle "Indian Print" vintage filter */
}

[data-footer*="type-1"] .ct-footer [data-row*="middle"] > div {
    --container-spacing: 30px;
}

.ct-social-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;

  width: fit-content;     /* KEY */
  margin: 0 auto;         /* KEY */
}


.ct-social-box a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ct-social-box .ct-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ct-social-box svg {
  width: 20px;
  height: 20px;
  fill: #ffffff;
  transition: fill 0.3s ease, transform 0.3s ease;
}


/* =========================================================
   SECTION HEADER 1 – CLEAN SINGLE ROW (ALL SCREENS)
   ========================================================= */

.section-header1.wp-block-columns {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px;
    width: 100%;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    flex-wrap: nowrap !important;
}

/* ALL columns inside header */
.section-header1.wp-block-columns > .wp-block-column {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
}

/* LEFT column (heading) */
.section-header1.wp-block-columns > .wp-block-column:first-child {
    flex: 1 1 auto !important;
    min-width: 120px !important; /* prevents letter stacking */
}

/* Heading */
.section-header1 .section-heading {
    margin: 0 !important;
    line-height: 1.2;
    white-space: nowrap;
}

/* REMOVE the empty middle column visually */
.section-header1.wp-block-columns > .wp-block-column:empty {
    display: none !important;
}

/* RIGHT column (button) */
.section-header1.wp-block-columns > .wp-block-column:last-child {
    flex: 0 0 auto !important;
}

/* Button */
.section-header1 .hero-sidebar-viewmore .wp-block-button__link {
    padding: 6px 10px;
    font-size: 12px;
    white-space: nowrap;
}

/* =========================================================
   REGULAR ARTICLES LIST – FINAL, CLEAN, CONTROLLED
   ========================================================= */

/* ---------------------------------------------------------
   RESET STACKABLE / WP SPACING (NUCLEAR)
   --------------------------------------------------------- */
.regular-articles-list article,
.regular-articles-list h1,
.regular-articles-list time,
.regular-articles-list .stk-block-posts__meta {
  margin: 0 !important;
  padding: 0 !important;
}

/* ---------------------------------------------------------
   BASE ITEM LAYOUT – NOW APPLIED TO ALL ITEMS
   --------------------------------------------------------- */
.regular-articles-list .stk-block-posts__item article {
  display: grid;
  grid-template-columns: 20% 1fr;
  grid-template-rows: auto auto;
  column-gap: 14px;
  row-gap: 3px;
  align-items: start;
  border-bottom: 1px dashed rgba(0,0,0,0.15);
}

/* ---------------------------------------------------------
   IMAGE – NOW VISIBLE ON ALL ITEMS
   --------------------------------------------------------- */
.regular-articles-list .stk-block-posts__image-link {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.regular-articles-list .stk-img-wrapper {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.regular-articles-list .stk-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------------------------------------------------------
   REMOVE CATEGORY EVERYWHERE
   --------------------------------------------------------- */
.regular-articles-list .stk-block-posts__category {
  display: none !important;
}

/* ---------------------------------------------------------
   TITLE – SAME FOR ALL ITEMS
   --------------------------------------------------------- */
.regular-articles-list .stk-block-posts__title {
  grid-column: 2;
  grid-row: 1;
  font-size: 1.1em !important;
  line-height: 1.35em !important;
}

/* ---------------------------------------------------------
   META – SAME FOR ALL ITEMS
   --------------------------------------------------------- */
.regular-articles-list .stk-block-posts__meta {
  grid-column: 2;
  grid-row: 2;
  font-size: 0.6rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #777 !important;
  opacity: 0.7;
}

/* =========================================================
   MOBILE – ALL ITEMS KEEP IMAGE + SIDE-BY-SIDE LAYOUT
   ========================================================= */
@media (max-width: 640px) {
  .regular-articles-list .stk-block-posts__item article {
    grid-template-columns: 28% 1fr;   /* slightly bigger image on mobile */
    column-gap: 12px;
  }

  .regular-articles-list .stk-img-wrapper {
    aspect-ratio: 1 / 1;
  }
}

/* ---------------------------------------------------------
   OVERRIDE STACKABLE POSTS WRAPPER
   --------------------------------------------------------- */
.regular-articles-list .re.stk-block-posts__items {
  display: block !important;   /* removes flex entirely */
}

.regular-articles-list .stk-block-posts__items {
  margin-top: -1em !important; /* vertical centering inside column */
  display: block !important;
  flex-wrap: unset !important;
  row-gap: unset !important;
  column-gap: unset !important;
  padding: 6px 0;
}
/* Single page styles */

.ii-single-title{
  margin: 0 0 8px;
  line-height: 2.5rem;
  font-family: "Playfair Display", serif;
  font-size: 2.5rem;
  font-weight: 600;
  color: #111;
  text-decoration: none;

  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.single-post .ct-related-posts .related-entry-title a, .ct-sidebar .wp-block-column h2 a {
  margin: 0 0 8px;
  line-height: 1.1rem;
  font-family: "Playfair Display", serif !important;
  font-size: 1rem;
  font-weight: 600;
  color: #111;
  text-decoration: none;

  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.ii-article-header{
    border-bottom:0 !important;
}

.ii-category-tag{
    color: #d25f28;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-bottom:1rem;
}

/* =========================================================
   SINGLE ARTICLE META – MATCH NEWS BLOCK STYLE
   ========================================================= */

.ii-article-meta{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #777;
  margin-bottom:2em;
}
.single-post .ct-related-posts .ct-meta-element-date{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.75rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif !important;
  color: #777;
  margin-bottom:1em;
}

.ct-sidebar .wp-block-heading{
    font-family: "Playfair Display", serif;
    font-size: 1.25rem;
    line-height: 1.35rem;
    text-transform: uppercase;
}
.ct-sidebar article{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 0.65rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #777;
  border-bottom:1px dashed #ccc;
  padding-bottom:.5rem !important;
}

.ii-article-meta .ii-meta-sep {
  opacity: 0.6;
}
.single-post .related-entry-title{
    margin-bottom:0 !important;
}

/* Headings inside article content */
.single-post .entry-content h1,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
  font-family: "Playfair Display", serif;
  font-size: 1.8rem;
  line-height: 2rem;
}

.single-post #block-25{
    display:none;
}
.single-post .ct-related-posts h3{
    font-family: "Playfair Display", serif;
    font-size: 1.25rem;
    line-height: 1.35rem;
    text-transform: uppercase;
}

.category-1 .page-title{
      font-family: 'Playfair Display', sans-serif !important;
      letter-spacing: 0.05em;
      color: #23306f !important;
      font-size: 2rem !important;
      text-transform: uppercase;
      
      
}
.single-post .page-title{
    font-family: 'Playfair Display', sans-serif !important;
}

.category-1 .entry-title a{
    font-family: 'Playfair Display', sans-serif !important;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;
    text-overflow: ellipsis;
}


.hero-section[data-type=type-1] {
    margin-bottom: 0 !important;
    border-bottom:0 !important;
}
.category-1 .ct-title-label, .category-1 .entry-meta{
    display:none !important;
}

.wp-block-pullquote, .single-post .ct-featured-image, .single-post .ii-category-tag, .single-post .ii-single-title, .single-post .ii-article-meta, .single-post .ii-category-tag{display:none !important;}

/* =========================================================
   ICONSINDIA – CINEMATIC HERO (TIGHT EDITORIAL)
   FULL DROP-IN REPLACEMENT
   ========================================================= */

.hero-section[data-type="type-2"] {
  position: relative;
  overflow: visible;
  background: #fff;
}

/* Image stage */
.hero-section[data-type="type-2"] figure {
  position: relative;
  height: 75vh;                 /* reduced height */
  margin: 0;
}

.hero-section[data-type="type-2"] .ct-media-container,
.hero-section[data-type="type-2"] img {
  width: 100%;
  height: 100%;
}

.hero-section[data-type="type-2"] img {
  object-fit: cover;
  object-position: center;
}

/* Content block */
.hero-section[data-type="type-2"] .entry-header {
  position: relative;
  max-width: 100%;
  margin: -80px auto 0;         /* reduced overlap */
  padding: 2rem 8vw 2rem !important;
  min-height:auto !important;/* tighter padding */
  background: #fff;
  text-align: center;
}

/* Title */
.hero-section[data-type="type-2"] .page-title {
  font-family: "Playfair Display", serif;
  font-size: clamp(2rem, 3.6vw, 3rem); /* slightly smaller */
  font-weight: 600;
  line-height: 1.15;
  color: #111;
  margin-bottom: 10px;          /* reduced spacing */
}

/* Description */
.hero-section[data-type="type-2"] .page-description.ct-hidden-sm {
  max-width: 680px;
  margin: 0 auto 18px;          /* tighter spacing */
  font-size: 0.95rem;
  line-height: 1.6;
  color: #444;
  text-align: center;
}

/* Meta */
.hero-section[data-type="type-2"] .entry-meta {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;                    /* tighter gap */
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* Mobile – stack entry meta */
@media (max-width: 768px) {
  .hero-section[data-type="type-2"] .entry-meta {
    flex-direction: column;
    gap: 6px;              /* tighter vertical spacing */
    text-align: center;
  }
}
/* =========================================================
   SINGLE ARTICLE META – PIPE VIA ::AFTER
   ========================================================= */
.entry-meta[data-type*=slash] li:not(:last-of-type):after {
    content: " |";
    --vertical-align: baseline;
  color: #ccc !important;
  margin-left: 6px;
}

/* Mobile: hide separators completely */
@media (max-width: 640px) {
    .entry-meta[data-type*=slash] li:not(:last-of-type):after {
    content: none !important;
  }
}
@media (max-width: 640px) {
    .entry-meta[data-type*=slash] li{
    margin-bottom: 1em !important;
  }
}
/* Author */
.hero-section[data-type="type-2"]
.meta-author,
.hero-section[data-type="type-2"]
.meta-author a {
  color: #000;
}

.hero-section[data-type="type-2"]
.meta-date{
  color: #ccc !important;
}

/* Category */
.hero-section[data-type="type-2"]
.meta-categories a {
  color: #d25f28;
  text-decoration: none;
  padding-bottom: 2px;
}

/* =========================================================
   SUBTLE MOTION
   ========================================================= */
@media (hover: hover) {
  .hero-section[data-type="type-2"] img {
    transform: scale(1.015);
    transition: transform 3s ease;
  }

  .hero-section[data-type="type-2"]:hover img {
    transform: scale(1);
  }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 768px) {
  .hero-section[data-type="type-2"] figure {
    height: 55vh;
  }

  .hero-section[data-type="type-2"] .entry-header {
    margin-top: -48px;
    padding: 22px 18px 28px;
  }

  .hero-section[data-type="type-2"] .page-title {
    font-size: 1.7rem;
  }

  .hero-section[data-type="type-2"] .page-description {
    font-size: 0.9rem;
  }
}

/* =========================================================
   BLOCKSY FOOTER – ABSOLUTE HARD OVERRIDE (MOBILE)
   ========================================================= */

@media (max-width: 768px) {

  /* Kill Blocksy grid logic entirely */
  .ct-footer [data-row="bottom"] > div {
    display: block !important;
    grid-template-columns: none !important;
  }

  /* Force each column to full width */
  .ct-footer [data-row="bottom"] > div > [data-column] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Spacing + alignment */
  .ct-footer [data-row="bottom"] > div > [data-column]:not(:last-child) {
    margin-bottom: 12px;
  }

  .ct-footer [data-row="bottom"], #copyright p{
    text-align: center !important;
  }
}


/* Hard reset Stackable auto spacing inside Posts block */
.stk-block-posts__items
:is([class*="stk-block-posts__"], .stk-img-wrapper):not(.stk-block-posts__item) {
    margin-bottom: 0 !important;
}

.stk-block-posts__meta{
    margin:1em 0 4em 0 !important;
}


/* Mobile only */
@media (max-width: 768px) {
  .site-logo-container img {
    width: 75% !important;
    height: auto;
  }
}

.site-logo-container {
  display: flex;
  align-items: center;
}

.site-logo-container img {
  display: block;
}

.ct-footer-copyright {
  text-align: center !important;
}
[data-column="widget-area-4"] .ct-block-wrapper {
  text-align: left !important;
}
footer [data-row="top"] {
  background-color: #222 !important;
}

@media (max-width: 999.98px) {
    [data-footer*="type-1"] .ct-footer [data-column="widget-area-4"] {
        --horizontal-alignment: flex-start !important;
    }
}

.mobile-back-btn {
  background: #fff !important;
  border: none;
  padding: 0;
  margin-right: 8px;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
}

@media (min-width: 768px) {
  .mobile-back-btn, .hide-on-mobile {
    display: none;
  }
  
}