/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 31 2026 | 21:43:46 */
/* ===============================
   SINEWS SINGLE — APPLE READER VIEW
   Applies ONLY to: body.single-sinews
   =============================== */

body.single-sinews .site-content{
  padding: 56px 0 90px !important;
}

body.single-sinews .ast-container{
  max-width: 1100px !important;
  padding: 0 16px !important;
}

/* White reader card */
body.single-sinews article{
  background: #fff !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.22) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 34px 38px 36px !important;
}

/* Headline */
body.single-sinews h1{
  color: #0b1730 !important;
  font-size: 30px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 8px !important;
  font-weight: 800 !important;
}

/* Meta under headline */
body.single-sinews .entry-meta{
  color: rgba(11,23,48,.58) !important;
  font-size: 13px !important;
  margin: 0 0 18px !important;
  padding: 0 6px 14px !important;
  border-bottom: 1px solid rgba(11,23,48,.10) !important;
}

/* Make the byline actually follow the gutter */
body.single-sinews .entry-meta{
  padding: 0 6px 14px !important; /* keep this */
}




/* Hide ugly username author */
body.single-sinews .entry-meta .author{
  display: none !important;
}

/* Body text */
body.single-sinews .entry-content{
  font-size: 17px !important;
  line-height: 1.75 !important;
  color: rgba(11,23,48,.92) !important;
}

body.single-sinews .entry-content p{
  margin: 0 0 16px !important;
}

/* Images */
body.single-sinews .entry-content img{
  
  margin: 18px 0 20px !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Previous News nav */
body.single-sinews nav.post-navigation,
body.single-sinews .post-navigation{
  max-width: 980px !important;
  margin: 18px auto 0 !important;
  padding: 0 16px !important;
}

/* Mobile */
@media (max-width: 768px){
  body.single-sinews article{
    padding: 22px 18px 24px !important;
    border-radius: 16px !important;
  }
  body.single-sinews h1{
    font-size: 24px !important;
  }
  body.single-sinews .entry-content{
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
}

body.single-sinews .post-navigation a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  font-weight: 700 !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

body.single-sinews .post-navigation a:hover{
  transform: translateY(-1px) !important;
}

/* Meta cleanup: remove the "By" label if Astra outputs it */
body.single-sinews .entry-meta .byline,
body.single-sinews .entry-meta .posted-by,
body.single-sinews .entry-meta .author-name,
body.single-sinews .entry-meta .author{
  display: none !important;
}

/* If the meta prints a "By" prefix as plain text, hide common separators */
body.single-sinews .entry-meta .meta-sep,
body.single-sinews .entry-meta .separator{
  display: none !important;
}

/* Give the article body a bit more breathing room */
body.single-sinews .entry-content{
  margin-top: 18px !important;
}

/* Back button: premium pill */
body.single-sinews .post-navigation a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 10px 14px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.16) !important;

  color: rgba(255,255,255,.92) !important;
  text-decoration: none !important;
  font-weight: 700 !important;

  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}

body.single-sinews .post-navigation a:hover{
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.22) !important;
}

body.single-sinews article{
  box-shadow: 0 24px 70px rgba(0,0,0,.25) !important;
}

/* ===============================
   SINEWS SINGLE — Premium polish
   Back pill inside card + cleaner meta
   =============================== */

/* Make the article card a positioning anchor */
body.single-sinews article{
  position: relative !important;
  padding-top: 58px !important; /* room for back pill */
}

/* Move the post nav INTO the card */
body.single-sinews nav.post-navigation,
body.single-sinews .post-navigation{
  max-width: 980px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Position the "Previous News" link as a pill inside card */
body.single-sinews .post-navigation a{
  position: absolute !important;
  top: 18px !important;
  left: 18px !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 10px 14px !important;
  border-radius: 999px !important;

  background: rgba(11,23,48,.06) !important;
  border: 1px solid rgba(11,23,48,.10) !important;

  color: rgba(11,23,48,.85) !important;
  text-decoration: none !important;
  font-weight: 700 !important;

  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}

body.single-sinews .post-navigation a:hover{
  transform: translateY(-1px) !important;
  background: rgba(11,23,48,.08) !important;
  border-color: rgba(11,23,48,.14) !important;
}

/* Clean meta: remove author/byline and extra separators so it reads like date-only */
body.single-sinews .entry-meta .byline,
body.single-sinews .entry-meta .posted-by,
body.single-sinews .entry-meta .author,
body.single-sinews .entry-meta .author-name,
body.single-sinews .entry-meta .ast-author,
body.single-sinews .entry-meta .meta-sep,
body.single-sinews .entry-meta .separator{
  display: none !important;
}

/* Give article body a touch more breathing room */
body.single-sinews .entry-content{
  margin-top: 18px !important;
}

/* Mobile: keep pill inside card and reduce top padding */
@media (max-width: 768px){
  body.single-sinews article{
    padding-top: 52px !important;
  }
  body.single-sinews .post-navigation a{
    top: 14px !important;
    left: 14px !important;
    padding: 9px 12px !important;
  }
}


/* ===============================
   FIX: prevent news CSS from affecting the HEADER
   =============================== */



/* Apply container width ONLY to the content area */
body.single-sinews .site-content .ast-container{
  max-width: 1100px !important;
  padding: 0 16px !important;
}

/* ===============================
   Keep "Previous News" pill UNDER the card (safe)
   =============================== */

body.single-sinews nav.post-navigation,
body.single-sinews .post-navigation{
  max-width: 980px !important;
  margin: 18px auto 0 !important;
  padding: 0 16px !important;
}

/* Pill style (outside card) */
body.single-sinews .post-navigation a{
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  padding: 10px 14px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.92) !important;

  text-decoration: none !important;
  font-weight: 700 !important;

  transition: transform .15s ease, background .15s ease, border-color .15s ease !important;
}

body.single-sinews .post-navigation a:hover{
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(255,255,255,.22) !important;
}


/* ===== SINEWS: make the reader card wider + better centered ===== */
body.single-sinews article{
  max-width: 1100px !important;
  width: calc(100% - 64px) !important; /* keeps nice side gutters */
}

/* Pull the pill divider line in to match the card width */
body.single-sinews nav.post-navigation,
body.single-sinews .post-navigation{
  max-width: 1100px !important;
}


@media (max-width: 768px){
  body.single-sinews article{
    width: calc(100% - 24px) !important;
  }
}

/* ===== SINEWS: meta = DATE ONLY (kills "By /") ===== */
body.single-sinews .entry-meta{
  font-size: 13px !important;
  color: rgba(11,23,48,.58) !important;
}

/* Hide everything in meta */
body.single-sinews .entry-meta *{
  display: none !important;
}

/* Show only the date (Astra commonly uses these) */
body.single-sinews .entry-meta time,
body.single-sinews .entry-meta .posted-on,
body.single-sinews .entry-meta .posted-on a{
  display: inline !important;
}

/* If date is wrapped differently, still force it visible */
body.single-sinews .entry-meta time{
  color: rgba(11,23,48,.58) !important;
  text-decoration: none !important;
}

body.single-sinews h1{
  font-size: 34px !important;
}

/* =========================================
   SINGLE NEWS: restore HEADER to "contained"
   (match homepage)
   ========================================= */


/* ✅ Single news: control ONLY the content container (not the header) */
body.single-sinews .site-content .ast-container,
body.single-news  .site-content .ast-container{
  max-width: 1240px !important;  /* match your normal site width feel */
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Mobile spacing */
@media (max-width: 768px){
  body.single-sinews .site-content .ast-container,
  body.single-news  .site-content .ast-container{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}



/* =========================================
   SINGLE NEWS — REMOVE HEADER CONTAINER LIMIT
   (match homepage behavior exactly)
========================================= */

/* Remove the boxed width ONLY */
body.single-sinews #masthead .ast-container,
body.single-sinews #masthead .ast-builder-grid-row-container-inner{
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Keep spacing consistent with site */
body.single-sinews #masthead .site-primary-header-wrap,
body.single-sinews #masthead .ast-builder-grid-row-container,
body.single-sinews #masthead .ast-builder-grid-row-container-inner{
  padding-left: 24px !important;
  padding-right: 24px !important;
}

/* Keep menu behavior clean */
body.single-sinews #masthead .ast-builder-grid-row{
  flex-wrap: nowrap !important;
  align-items: center !important;
}

body.single-sinews #masthead .main-header-menu{
  white-space: nowrap !important;
}



/* =========================================
   SINGLE NEWS — MATCH GLOBAL MENU SPACING
========================================= */
@media (min-width: 922px){

  /* same spacing between menu items */
  body.single-sinews #masthead .main-header-menu{
    display: flex !important;
    gap: 37px !important;
    column-gap: 37px !important;
  }

  /* same link padding */
  body.single-sinews #masthead .main-header-menu > .menu-item > a{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* keep each item on one line */
  body.single-sinews #masthead .main-header-menu > .menu-item{
    white-space: nowrap !important;
  }
}





/*************************************************
  SINGLE NEWS POSTS (CPT: sinews)
  APPLE-STYLE OFF-WHITE BACKGROUND
*************************************************/

/* 1. Strip dark backgrounds from Astra wrappers */
body.single-sinews,
body.single-sinews #page,
body.single-sinews .site,
body.single-sinews #content,
body.single-sinews .site-content,
body.single-sinews .ast-container,
body.single-sinews .ast-container-fluid,
body.single-sinews .ast-separate-container,
body.single-sinews .ast-plain-container {
  background: transparent !important;
  background-image: none !important;
}

/* 2. Paint a fixed Apple-style background behind everything */
body.single-sinews::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #f5f5f7; /* Apple News off-white */
  z-index: -1;
}

/* 3. Keep inner content transparent (card controls the white) */
body.single-sinews article,
body.single-sinews .entry-content {
  background: transparent !important;
}

body.single-sinews article {
  background: #ffffff !important;
  border-radius: 22px !important;
  padding: 44px 52px !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.18) !important;
}

@media (max-width: 768px){
  body.single-sinews article{
    padding: 22px 18px !important;
    border-radius: 16px !important;
  }
}



/*************************************************
  FIX: MENU WORDS SPLITTING (Ho / me, Coupo / ns)
*************************************************/
@media (min-width: 921px){

  /* Make sure the right header area doesn't squeeze the menu */
  header#masthead .site-header-primary-section-right{
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
  }

  /* Stop menu items from shrinking into tiny columns */
  header#masthead .main-header-menu > li{
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }

  /* Force the actual link text to never wrap/break */
  header#masthead .main-header-menu > li > a{
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important; /* spacing between text + dropdown arrow */
  }

  /* Keep dropdown arrows from dropping to a new line */
  header#masthead .main-header-menu .ast-icon,
  header#masthead .main-header-menu .sub-arrow{
    display: inline-flex !important;
    vertical-align: middle !important;
  }
}

	



/*************************************************
  PREVENT SCROLLBAR AUTO-HIDE
  Fixes left/right page bounce
*************************************************/

/* Always reserve scrollbar space (global safety) */
html{
  overflow-y: scroll;
  scrollbar-gutter: stable;
}




body.single-sinews .si-single-news-meta{
  margin: 10px 0 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  line-height: 1.2;
  letter-spacing: .1px;
  color: #9aa0a6;
  font-weight: 400;
}

body.single-sinews .si-single-news-meta .si-news-dot{
  color: #cbd5e1;
}


/* SINGLE NEWS (CPT: sinews) — remove Astra default "By /" meta line */
body.single-sinews .entry-header .entry-meta,
body.single-sinews .entry-header .ast-single-post-meta,
body.single-sinews .entry-header .ast-author-meta,
body.single-sinews .entry-header .ast-date-meta,
body.single-sinews .entry-header .ast-post-format,
body.single-sinews .entry-header .ast-meta-separator{
  display: none !important;
}

/* If that thin divider is coming from Astra under the header, hide it too */
body.single-sinews .entry-header hr,
body.single-sinews .entry-header .ast-divider,
body.single-sinews .entry-header .ast-separator{
  display: none !important;
}

/* Tighten spacing so your Apple meta row sits nicely under the title */
body.single-sinews .si-single-news-meta{
  margin-top: 6px !important;
}



/* SINGLE NEWS (CPT: sinews) — remove the long divider line under the content */
body.single-sinews .post-navigation,
body.single-sinews .navigation.post-navigation{
  border-top: 0 !important;
  box-shadow: none !important;
}

body.single-sinews .post-navigation:before,
body.single-sinews .post-navigation:after,
body.single-sinews .navigation.post-navigation:before,
body.single-sinews .navigation.post-navigation:after{
  display: none !important;
  content: none !important;
}


/* SINGLE NEWS (CPT: sinews) — featured image as a clean hero */
body.single-sinews .wp-post-image,
body.single-sinews .post-thumbnail img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
 
  margin: 18px 0 18px !important;
}


/* Tighten spacing around title + meta */
body.single-sinews .entry-header{
  margin-bottom: 10px !important;
}


/* SINGLE NEWS (CPT: sinews) — premium article readability */
body.single-sinews .entry-content{
  font-size: 18px !important;
  line-height: 1.75 !important;
  color: rgba(15, 23, 42, .92) !important;
}

body.single-sinews .entry-content p{
  margin: 0 0 16px !important;
}


body.single-sinews .entry-title{
  margin-bottom: 10px !important;
}

body.single-sinews .si-single-news-meta{
  margin: 0 0 14px !important;
}


body.single-sinews .entry-title:before{
  font-size: 11px !important;
  letter-spacing: .18em !important;
  opacity: .8 !important;
  margin-bottom: 12px !important;
}


/* Divider under meta row */
body.single-sinews .si-single-news-meta{
  padding-bottom: 14px !important;
  border-bottom: 1px solid rgba(15, 23, 42, .08) !important;
}


body.single-sinews .wp-post-image,
body.single-sinews .post-thumbnail img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
 
  margin: 16px 0 18px !important;
}


body.single-sinews .entry-title{
  margin-bottom: 10px !important;
  letter-spacing: -0.02em !important;
}

body.single-sinews .si-single-news-meta{
  margin: 0 0 14px !important;
}


/* Article body typography */
body.single-sinews .entry-content{
  font-size: 18px !important;
  line-height: 1.75 !important;
  color: rgba(15, 23, 42, .92) !important;
}

body.single-sinews .entry-content p{
  margin: 0 0 16px !important;
}

/* Headings inside article */
body.single-sinews .entry-content h2{
  margin: 28px 0 10px !important;
  line-height: 1.2 !important;
}
body.single-sinews .entry-content h3{
  margin: 22px 0 8px !important;
  line-height: 1.25 !important;
}


body.single-sinews .entry-content a{
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
}
body.single-sinews .entry-content a:hover{
  opacity: .85 !important;
}


/* Add "NEWS" label above title */
body.single-sinews .entry-title:before{
  content: "NEWS" !important;
  display: block !important;
  font-size: 12px !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: rgba(100,116,139,.9) !important;
  margin-bottom: 10px !important;
  font-weight: 700 !important;
}



body.single-sinews .post-navigation{ display:none !important; }


/* ===============================
   SINGLE NEWS (sinews): Featured Image
================================ */

body.single-sinews figure.sin-news-featured{
  margin: 0 0 22px !important;
}

body.single-sinews figure.sin-news-featured img{
  width: 100%;
  height: auto;
  display: block;
 
  object-fit: cover;
}

/* ===============================
   SINGLE NEWS: Remove excess top spacing
================================ */



/* Tighten space above title */
body.single-sinews .entry-header{
  margin-top: 0 !important;
  padding-top: 8px !important;
}

/* Title spacing */
body.single-sinews .entry-title{
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}



/* ===============================
   SINGLE SINEWS: Editorial Image Tuning
================================ */



/* Slightly reduce space under image */
body.single-sinews figure.sin-news-featured{
  margin-bottom: 16px !important;
}

/* Pull headline a touch closer */
body.single-sinews .entry-title{
  margin-top: 0 !important;
}





/* ===============================
   SINGLE SINEWS: Final Editorial Polish
================================ */



/* Tighten spacing between title and image */
body.single-sinews figure.sin-news-featured{
  margin-top: 10px !important;
  margin-bottom: 14px !important;
}

/* Slightly tighten title block */
body.single-sinews .entry-header{
  margin-bottom: 10px !important;
}


/* ===============================
   SINGLE NEWS: Reduce space under header
================================ */

/* Pull the whole content area up slightly */
body.single-sinews .site-content {
  padding-top: 16px !important;
}

/* Reduce space above the white card */
body.single-sinews .ast-container {
  margin-top: 0 !important;
}




/* =========================================
   SINGLE SINEWS: WIDER CARD, SAME TEXT WIDTH (MOBILE)
========================================= */
@media (max-width: 768px){

  /* 1) Make the CARD wider (near edge-to-edge) */
  body.single-sinews .ast-container{
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 4px !important;   /* card gutter */
    padding-right: 4px !important;
  }

  body.single-sinews article{
    width: 100% !important;
    max-width: 100% !important;
  }

 


@media (max-width: 768px){
  body.single-sinews .entry-header{
    padding-top: 12px !important; /* try 12–16 */
  }
}


/* =========================================
   SINGLE NEWS: Add "By" before author
========================================= */

/* Add "By" label */
body.single-sinews .si-news-author::before{
  content: "By ";
  opacity: 0.65;
  font-weight: 400;
}

/* Author name styling */
body.single-sinews .si-news-author{
  font-weight: 500;
  color: inherit;
}

/* Date lighter */
body.single-sinews .si-news-date{
  opacity: 0.7;
  font-weight: 400;
}

/* Meta row layout (already good, just locking it) */
body.single-sinews .si-single-news-meta{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.2;
}


/* SINGLE SINEWS: tighten space under header */
body.single-sinews #content{
  padding-top: 12px !important;  /* try 8–16 */
}

/* Less space under featured image */
body.single-sinews .si-news-featured{
  margin: 14px 0 12px !important;
}

/* Meta row spacing */
body.single-sinews .si-single-news-meta{
  margin: 8px 0 14px !important;  /* was likely larger */
}


body.single-sinews .si-single-news-meta{
  font-size: 13px !important;
  opacity: 0.85;
}

body.single-sinews .si-news-author{
  font-weight: 600;
}


/* Optional: slightly wider-feeling card */
body.single-sinews article.sinews{
  padding-left: 28px;
  padding-right: 28px;
}


/* FIX: headings showing white on single sinews posts */
.single-sinews .entry-content h1,
.single-sinews .entry-content h2,
.single-sinews .entry-content h3,
.single-sinews .entry-content h4,
.single-sinews .entry-content h5,
.single-sinews .entry-content h6{
  color: #0f172a !important;
}






/* ===== NEWS ARCHIVE: align thumbnail images consistently ===== */

/* Make the card a clean flex row */
.si-news-card{
  display: flex !important;
  align-items: center !important;      /* vertical alignment */
  justify-content: space-between !important;
  gap: 16px !important;
}

/* Text area takes remaining space */
.si-news-card .si-news-left,
.si-news-card .si-news-text{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Thumbnail column: fixed size + always right aligned */
.si-news-card .si-news-thumb,
.si-news-card .si-news-image,
.si-news-card .si-news-right{
  flex: 0 0 86px !important;           /* fixed column */
  width: 86px !important;
  height: 86px !important;
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;      /* centers the image inside */
  justify-content: center !important;
}




/* ===== NEWS ARCHIVE: Apple News-style aligned thumbnails (FULL CODE) ===== */

/* Make the card a clean flex row */
.si-news-card{
  display: flex !important;
  align-items: center !important;      /* vertical alignment */
  justify-content: space-between !important;
  gap: 16px !important;
}

/* Text area takes remaining space */
.si-news-card .si-news-left,
.si-news-card .si-news-text{
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* Thumbnail column: bigger square like Apple News */
.si-news-card .si-news-thumb,
.si-news-card .si-news-image,
.si-news-card .si-news-right{
  flex: 0 0 104px !important;          /* fixed column */
  width: 104px !important;
  height: 104px !important;
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;      /* centers the image inside */
  justify-content: center !important;

  /* Apple-style polish */
  border-radius: 18px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* The image itself: fill the box cleanly */
.si-news-card .si-news-thumb img,
.si-news-card .si-news-image img,
.si-news-card .si-news-right img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;        /* consistent crop */
  display: block !important;
}

/* Mobile: still big, just slightly smaller */
@media (max-width: 768px){
  .si-news-card{
    gap: 14px !important;
  }

  .si-news-card .si-news-thumb,
  .si-news-card .si-news-image,
  .si-news-card .si-news-right{
    flex-basis: 96px !important;
    width: 96px !important;
    height: 96px !important;
    border-radius: 18px !important;
  }
}



/* =========================================================
   NEWS (Page ID 1473) — FINAL MOBILE CENTERING + SPACING
   ========================================================= */
@media (max-width: 768px){

  /* 1) Single, consistent gutter (no stacking padding) */
  body.page-id-1473 .ast-container{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* 2) Hard reset any wrapper offsets (FacetWP + custom wraps) */
  body.page-id-1473 .facetwp-wrapper,
  body.page-id-1473 .facetwp-template,
  body.page-id-1473 .si-news-wrap{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  /* 3) Cards: true center, full width, tighter vertical rhythm */
body.page-id-1473 .si-news-card{
  width: 100% !important;
  margin-left: 0px !important;   /* ← move LEFT */
  margin-right: 0 !important;
  margin-bottom: 16px !important;
  box-sizing: border-box !important;
}
  }

  /* 4) Slightly tighten content for iOS polish */
  body.page-id-1473 .si-news-card h3{
    line-height: 1.25;
  }

  body.page-id-1473 .si-news-meta{
    margin-top: 6px;
  }
}


/* =========================================================
   FIX: Single News (sinews) header/logo position on MOBILE
   - Removes header padding overrides
   - Prevents .ast-container rules from affecting header
   ========================================================= */

/* 1) Restore Astra's default header spacing (your old code forced 0) */
body.single-sinews #masthead,
body.single-sinews #masthead .main-header-bar,
body.single-sinews #masthead .ast-primary-header-bar{
  padding-left: initial !important;
  padding-right: initial !important;
}

/* 2) Ensure the HEADER container keeps normal gutters */
body.single-sinews #masthead .ast-container,
body.single-sinews #masthead .ast-builder-grid-row-container-inner{
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 3) Keep the header in one line without killing padding */
body.single-sinews #masthead .ast-builder-grid-row{
  flex-wrap: nowrap !important;
  align-items: center !important;
}

/* 4) IMPORTANT: Your mobile .ast-container rule was hitting the header.
      Limit ALL "widen the card" container rules to CONTENT ONLY. */
@media (max-width: 768px){

  /* Content container only (NOT header) */
  body.single-sinews .site-content .ast-container{
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 4px !important;   /* card gutter */
    padding-right: 4px !important;
    margin-top: 0 !important;
  }

  /* Keep article/card full width inside the content container */
  body.single-sinews article{
    width: 100% !important;
    max-width: 100% !important;
  }
}



/* =====================================================
   SINEWS SINGLE — TRUE NEWS ARTICLE STYLE (NO CARD)
   Applies ONLY to: body.single-sinews
   ===================================================== */

/* Page padding (controls space below header / above footer) */
body.single-sinews .site-content{
  padding: 48px 0 80px !important;
}

/* Article width container */
body.single-sinews .ast-container{
  max-width: 1100px !important;
  padding: 0 18px !important;
}

/* REMOVE card styling completely */
body.single-sinews article{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Headline */
body.single-sinews h1{
  color: #0b1730 !important;
  font-size: 32px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  margin-bottom: 14px !important;
}

/* Meta row (date + author) */
body.single-sinews .entry-meta,
body.single-sinews .post-meta{
  font-size: 14px !important;
  color: #6b7280 !important;
  margin-bottom: 22px !important;
}

/* Featured image — full width, clean edges */
body.single-sinews .wp-post-image,
body.single-sinews .featured-image img{
  width: 100% !important;
  max-width: 100% !important;
	
  margin: 24px 0 32px !important;
}

/* Article body text */
body.single-sinews .entry-content{
  font-size: 18px !important;
  line-height: 1.7 !important;
  color: #111827 !important;
}

/* Paragraph spacing */
body.single-sinews .entry-content p{
  margin-bottom: 22px !important;
}

/* Section headings inside article */
body.single-sinews .entry-content h2{
  font-size: 22px !important;
  margin: 42px 0 16px !important;
}

body.single-sinews .entry-content h3{
  font-size: 18px !important;
  margin: 34px 0 14px !important;
  color: #0b1730 !important;
}

/* Mobile tuning */
@media (max-width: 768px){

  body.single-sinews h1{
    font-size: 26px !important;
  }

  body.single-sinews .entry-content{
    font-size: 17px !important;
  }

}


/* =====================================================
   SINEWS SINGLE — TIGHTEN TOP SPACING (FIRST FOLD)
   ===================================================== */

/* Reduce space below header */
body.single-sinews .site-content{
  padding-top: 28px !important;
}

/* Pull headline up slightly */
body.single-sinews h1{
  margin-top: 6px !important;
}

/* Eyebrow label ("NEWS") */
body.single-sinews .entry-category,
body.single-sinews .post-category,
body.single-sinews .cat-links{
  margin-bottom: 6px !important;
  letter-spacing: .14em !important;
}

/* Featured image spacing */
body.single-sinews .wp-post-image,
body.single-sinews .featured-image img{
  margin-top: 18px !important;
  margin-bottom: 26px !important;
}

body.single-sinews .entry-meta:after{
  content: "";
  display: block;
  height: 1px;
  background: #e6e6eb;
  margin-top: 18px;
}


/* =====================================================
   SINEWS SINGLE — MOBILE EDGE BREATHING
   ===================================================== */

@media (max-width: 768px){

  /* Add comfortable side gutters */
  body.single-sinews .ast-container{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  /* Ensure article never touches screen edge */
  body.single-sinews article{
    padding-left: 10 !important;
    padding-right: 10 !important;
  }

  /* Slightly inset long text lines */
  body.single-sinews .entry-content{
    padding-left: 6px;
    padding-right: 6px;
  }

}

/* =====================================================
   SINEWS SINGLE — EDITORIAL GUTTERS (MOBILE)
   ===================================================== */

@media (max-width: 768px){

  /* Increase overall mobile gutter */
  body.single-sinews .ast-container{
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  /* Align all text elements slightly inward */
  body.single-sinews .entry-header,
  body.single-sinews h1,
  body.single-sinews .entry-meta,
  body.single-sinews .entry-content{
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /* Ensure featured image still feels wide */
  body.single-sinews .wp-post-image,
  body.single-sinews .featured-image img{
    margin-left: -4px !important;
    margin-right: -4px !important;
  }

}

/* =====================================================
   SINEWS SINGLE — FINAL MICRO GUTTER TUNE
   ===================================================== */

@media (max-width: 768px){

  body.single-sinews .ast-container{
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

}

/* =====================================================
   SINEWS SINGLE — ALIGN BODY TEXT WITH HEADLINE (MOBILE)
   ===================================================== */

@media (max-width: 768px){

  /* Lock a shared editorial gutter for ALL text */
  body.single-sinews .entry-header,
  body.single-sinews .entry-meta,
  body.single-sinews .entry-content,
  body.single-sinews .entry-content p,
  body.single-sinews .entry-content h2,
  body.single-sinews .entry-content h3,
  body.single-sinews blockquote{
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  /* Let featured image breathe wider than text (editorial style) */
  body.single-sinews .wp-post-image,
  body.single-sinews .featured-image img{
    margin-left: -6px !important;
    margin-right: -6px !important;
  }

}


/* =====================================================
   SINEWS SINGLE — ALIGN EVERYTHING IN CONTENT COLUMN
   (moves the custom date•author line too)
   ===================================================== */
@media (max-width: 768px){

  /* Universal text gutter for ALL blocks inside the article body */
  body.single-sinews article .entry-content > *{
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
  }

  /* Let image-type blocks stay wide (Apple News feel) */
  body.single-sinews article .entry-content > figure,
  body.single-sinews article .entry-content > .wp-block-image,
  body.single-sinews article .entry-content > .wp-block-gallery,
  body.single-sinews article .entry-content > .wp-block-cover{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
  }

}


/* =========================================
   SINGLE NEWS — MOBILE HEADER LOGO ALIGNMENT
   ========================================= */
@media (max-width: 921px){

  body.single-sinews .ast-header-break-point
  .ast-mobile-header-wrap .site-branding,
  body.single-sinews .ast-header-break-point
  .ast-mobile-header-wrap .ast-site-identity,
  body.single-sinews .ast-header-break-point
  .ast-mobile-header-wrap .custom-logo-link{
    margin-left: 16px !important;
  }

}



/* =========================================
   SINGLE NEWS — MOBILE HEADER GUTTER (FIX)
   ========================================= */
@media (max-width: 921px){

  /* Add the same left/right gutter to Astra's mobile header row */
  body.single-sinews.ast-header-break-point
  .ast-mobile-header-wrap .ast-builder-grid-row-container,
  body.single-sinews.ast-header-break-point
  .ast-mobile-header-wrap .ast-builder-grid-row{
    padding-left: 20px !important;
    padding-right: 16px !important;
  }

  /* Prevent any previous logo nudges from fighting this */
  body.single-sinews.ast-header-break-point
  .ast-mobile-header-wrap .site-branding{
    margin-left: 0 !important;
  }

}



/* =========================================================
   JOBS + EVENTS — MOBILE: FINAL LEFT ALIGN TWEAK
   ========================================================= */
@media (max-width: 768px){

  .si-job-card{
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;

    /* subtle left correction */
    margin-left: -24px !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
  }

}



/* =========================================================
   JOBS — MOBILE: ALIGN FACET SEARCH WITH CARDS
   ========================================================= */
@media (max-width: 768px){

  /* Facet search wrapper (covers common layouts) */
  .facetwp-facet,
  .facetwp-facet-search,
  .facetwp-search,
  .facetwp-input-wrap{
    width: calc(100vw - 28px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-left: -5px !important;   /* match your card nudge */
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* The actual input */
  .facetwp-input-wrap input[type="text"],
  .facetwp-facet input[type="text"],
  .facetwp-search input[type="text"]{
    width: 100% !important;
    height: 54px !important;        /* bigger / more premium */
    font-size: 16px !important;
    border-radius: 16px !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

}

/* =========================================
   JOBS — MOBILE SEARCH ICON INSET (FINAL)
   ========================================= */
@media (max-width: 768px){

  body.page-id-2789
  .facetwp-facet.facetwp-type-search .facetwp-icon{
    right: 22px !important;   /* move icon further inside */
  }

}



/* =========================================
   EVENTS — MATCH JOBS CARD WIDTH (MOBILE)
   Page ID: 2960
   ========================================= */
@media (max-width: 768px){

  /* Match container gutter to Jobs */
  body.page-id-2960 .ast-container{
    padding-left: 1px !important;
    padding-right: 3px !important;
  }

  /* Ensure cards use full available width */
  body.page-id-2960 .si-event-card,
  body.page-id-2960 .si-events-card{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}



/* =========================================
   BUSINESSES — MATCH JOBS / EVENTS WIDTH
   Page ID: 2506
   ========================================= */
@media (max-width: 768px){

  /* Container gutter (same system as Jobs/Events) */
  body.page-id-2506 .ast-container{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  /* Business cards: full width + perfectly centered */
  body.page-id-2506 .si-business-card{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 18px !important;
  }

}


/* MOBILE ONLY — Business directory search (Page ID 2506 ONLY) */
@media (max-width: 768px){
  body.page-id-2506 .facetwp-type-search,
  body.page-id-2506 .facetwp-search,
  body.page-id-2506 .facetwp-search-wrap{
    transform: translateX(12px);
  }
}



/* =========================================
   BUSINESSES — FIX SEARCH ICON + NUDGE RIGHT (ONLY 2506)
   ========================================= */
@media (max-width: 768px){

  /* 1) Undo the transform that is breaking/clipping the icon */
  body.page-id-2506 .facetwp-type-search,
  body.page-id-2506 .facetwp-search,
  body.page-id-2506 .facetwp-search-wrap{
    transform: none !important;
  }

  /* 2) Move ONLY the business search to the right (without breaking icon) */
  body.page-id-2506 .facetwp-type-search,
  body.page-id-2506 .facetwp-search-wrap{
    margin-left: 12px !important;   /* adjust 8–14px */
    margin-right: 0 !important;
  }

  /* 3) Force the same “magnifier” icon on the business search input */
  body.page-id-2506 input.facetwp-search,
  body.page-id-2506 .facetwp-search input[type="text"]{
    padding-right: 54px !important;
    background-repeat: no-repeat !important;
    background-position: right 18px center !important;
    background-size: 18px 18px !important;

   
  }
}


/* =========================================
   JOBS — MOBILE SEARCH ICON INSET (FINAL)
   ========================================= */
@media (max-width: 768px){

  body.page-id-2506
  .facetwp-facet.facetwp-type-search .facetwp-icon{
    right: 22px !important;   /* move icon further inside */
  }

}



/* =========================================
   COUPONS — MOBILE SEARCH ICON INSET (FINAL)
   ========================================= */
@media (max-width: 768px){

  body.page-id-1645
  .facetwp-facet.facetwp-type-search .facetwp-icon{
    right: 22px !important;   /* move icon further inside */
  }

}


/* =========================================
   COUPONS — MATCH JOBS / EVENTS WIDTH
   Page ID: 1645
   ========================================= */
@media (max-width: 768px){

  /* Container gutter (same system as Jobs/Events) */
  body.page-id-1645 .ast-container{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
	

	
	
	
  /* Business cards: full width + perfectly centered */
  body.page-id-2506 .si-business-card{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 18px !important;
  }

}




@media (max-width: 768px){

  /* Match container gutter to Jobs */
  body.page-id-2506 .ast-container{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  /* Ensure cards use full available width */
  body.page-id-2506 .si-business-card,
  body.page-id-2506 .si-business-card{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}

/* MOBILE — nudge BUSINESS search bar right (Page ID 2506 only) */
@media (max-width: 768px){
  body.page-id-2506 .facetwp-type-search,
  body.page-id-2506 .facetwp-search-wrap{
    margin-left: 15px !important;   /* try 4px–8px */
  }
}


/* NEWS ARCHIVE – micro nudge cards left (mobile) */
@media (max-width: 768px){
  body.page-id-1473 .facetwp-template{
    margin-left: -1px !important;
  }
}


/* =====================================================
   APPLE-STYLE WHITE BACKGROUND — INNER PAGES
   Matches Jobs & News exactly
   ===================================================== */

/* Remove dark/navy backgrounds from Astra wrappers */
body.page-id-2506, /* Businesses */
body.page-id-1645, /* Coupons */
body.page-id-2960, /* Events */
body.page-id-2361, /* Add a Coupon */
body.page-id-2174, /* Add Your Business */
body.page-id-2905, /* Share an Event */
body.page-id-1626, /* Share a Story */
body.page-id-2374  /* Post a Job */
{
  background: transparent !important;
}

/* Strip Astra container backgrounds */
body.page-id-2506 #page,
body.page-id-1645 #page,
body.page-id-2960 #page,
body.page-id-2361 #page,
body.page-id-2174 #page,
body.page-id-2905 #page,
body.page-id-1626 #page,
body.page-id-2374 #page,

body.page-id-2506 .site,
body.page-id-1645 .site,
body.page-id-2960 .site,
body.page-id-2361 .site,
body.page-id-2174 .site,
body.page-id-2905 .site,
body.page-id-1626 .site,
body.page-id-2374 .site,

body.page-id-2506 .site-content,
body.page-id-1645 .site-content,
body.page-id-2960 .site-content,
body.page-id-2361 .site-content,
body.page-id-2174 .site-content,
body.page-id-2905 .site-content,
body.page-id-1626 .site-content,
body.page-id-2374 .site-content,

body.page-id-2506 .ast-container,
body.page-id-1645 .ast-container,
body.page-id-2960 .ast-container,
body.page-id-2361 .ast-container,
body.page-id-2174 .ast-container,
body.page-id-2905 .ast-container,
body.page-id-1626 .ast-container,
body.page-id-2374 .ast-container {
  background: transparent !important;
  background-image: none !important;
}

/* Apple-style off-white canvas */
body.page-id-2506::before,
body.page-id-1645::before,
body.page-id-2960::before,
body.page-id-2361::before,
body.page-id-2174::before,
body.page-id-2905::before,
body.page-id-1626::before,
body.page-id-2374::before {
  content: "";
  position: fixed;
  inset: 0;
  background: #f5f5f7; /* Apple off-white */
  z-index: -1;
}


/* =====================================================
   BODY TEXT COLOR — MATCH NEWS (WHITE PAGES ONLY)
   Excludes cards
   ===================================================== */

body.page-id-2506, /* Businesses */
body.page-id-1645, /* Coupons */
body.page-id-2960, /* Events */
body.page-id-2361, /* Add a Coupon */
body.page-id-2174, /* Add Your Business */
body.page-id-2905, /* Share an Event */
body.page-id-1626, /* Share a Story */
body.page-id-2374  /* Post a Job */
{
  color: #1d1d1f; /* Apple primary text */
}

/* Headings (match News tone) */
body.page-id-2506 h1,
body.page-id-1645 h1,
body.page-id-2960 h1,
body.page-id-2361 h1,
body.page-id-2174 h1,
body.page-id-2905 h1,
body.page-id-1626 h1,
body.page-id-2374 h1,

body.page-id-2506 h2,
body.page-id-1645 h2,
body.page-id-2960 h2,
body.page-id-2361 h2,
body.page-id-2174 h2,
body.page-id-2905 h2,
body.page-id-1626 h2,
body.page-id-2374 h2 {
  color: #0b1730; /* Same deep navy used on News */
}

/* Paragraphs, lists, form help text */
body.page-id-2506 p,
body.page-id-1645 p,
body.page-id-2960 p,
body.page-id-2361 p,
body.page-id-2174 p,
body.page-id-2905 p,
body.page-id-1626 p,
body.page-id-2374 p,

body.page-id-2506 li,
body.page-id-1645 li,
body.page-id-2960 li,
body.page-id-2361 li,
body.page-id-2174 li,
body.page-id-2905 li,
body.page-id-1626 li,
body.page-id-2374 li,

body.page-id-2506 label,
body.page-id-1645 label,
body.page-id-2960 label,
body.page-id-2361 label,
body.page-id-2174 label,
body.page-id-2905 label,
body.page-id-1626 label,
body.page-id-2374 label {
  color: #1d1d1f;
}

/* Muted / secondary text (dates, hints, helper copy) */
body.page-id-2506 small,
body.page-id-1645 small,
body.page-id-2960 small,
body.page-id-2361 small,
body.page-id-2174 small,
body.page-id-2905 small,
body.page-id-1626 small,
body.page-id-2374 small {
  color: #6e6e73;
}






/* =====================================================
   FIX HEADING COLORS — MATCH NEWS (WHITE PAGES)
   ===================================================== */

body.page-id-2506, /* Businesses */
body.page-id-1645, /* Coupons */
body.page-id-2960, /* Events */
body.page-id-2361, /* Add a Coupon */
body.page-id-2174, /* Add Your Business */
body.page-id-2905, /* Share an Event */
body.page-id-1626, /* Share a Story */
body.page-id-2374  /* Post a Job */
{
  /* Ensure base text contrast */
  color: #1d1d1f;
}

/* All content headings */
body.page-id-2506 h1,
body.page-id-2506 h2,
body.page-id-2506 h3,
body.page-id-2506 h4,

body.page-id-1645 h1,
body.page-id-1645 h2,
body.page-id-1645 h3,
body.page-id-1645 h4,

body.page-id-2960 h1,
body.page-id-2960 h2,
body.page-id-2960 h3,
body.page-id-2960 h4,

body.page-id-2361 h1,
body.page-id-2361 h2,
body.page-id-2361 h3,
body.page-id-2361 h4,

body.page-id-2174 h1,
body.page-id-2174 h2,
body.page-id-2174 h3,
body.page-id-2174 h4,

body.page-id-2905 h1,
body.page-id-2905 h2,
body.page-id-2905 h3,
body.page-id-2905 h4,

body.page-id-1626 h1,
body.page-id-1626 h2,
body.page-id-1626 h3,
body.page-id-1626 h4,

body.page-id-2374 h1,
body.page-id-2374 h2,
body.page-id-2374 h3,
body.page-id-2374 h4 {
  color: #0b1730 !important; /* Same heading color as News */
  font-weight: 700;
}

/* Section dividers / subtle lines (optional polish) */
body.page-id-2506 hr,
body.page-id-1645 hr,
body.page-id-2960 hr,
body.page-id-2361 hr,
body.page-id-2174 hr,
body.page-id-2905 hr,
body.page-id-1626 hr,
body.page-id-2374 hr {
  border-color: #d2d2d7;
}





/* =====================================================
   APPLE TEXT COLORS — CONTENT ONLY (EXCLUDES FOOTER)
   ===================================================== */

body.page-id-2506 .site-content,
body.page-id-1645 .site-content,
body.page-id-2960 .site-content,
body.page-id-2361 .site-content,
body.page-id-2174 .site-content,
body.page-id-2905 .site-content,
body.page-id-1626 .site-content,
body.page-id-2374 .site-content {
  color: #1d1d1f;
}

/* Headings inside page content only */
body.page-id-2506 .site-content h1,
body.page-id-2506 .site-content h2,
body.page-id-2506 .site-content h3,
body.page-id-2506 .site-content h4,

body.page-id-1645 .site-content h1,
body.page-id-1645 .site-content h2,
body.page-id-1645 .site-content h3,
body.page-id-1645 .site-content h4,

body.page-id-2960 .site-content h1,
body.page-id-2960 .site-content h2,
body.page-id-2960 .site-content h3,
body.page-id-2960 .site-content h4,

body.page-id-2361 .site-content h1,
body.page-id-2361 .site-content h2,
body.page-id-2361 .site-content h3,
body.page-id-2361 .site-content h4,

body.page-id-2174 .site-content h1,
body.page-id-2174 .site-content h2,
body.page-id-2174 .site-content h3,
body.page-id-2174 .site-content h4,

body.page-id-2905 .site-content h1,
body.page-id-2905 .site-content h2,
body.page-id-2905 .site-content h3,
body.page-id-2905 .site-content h4,

body.page-id-1626 .site-content h1,
body.page-id-1626 .site-content h2,
body.page-id-1626 .site-content h3,
body.page-id-1626 .site-content h4,

body.page-id-2374 .site-content h1,
body.page-id-2374 .site-content h2,
body.page-id-2374 .site-content h3,
body.page-id-2374 .site-content h4 {
  color: #0b1730 !important;
}


/* =====================================================
   BUSINESS NOTICE — ADAPT FOR WHITE APPLE BACKGROUND
   ===================================================== */

body.page-id-2506 .si-notice,
body.page-id-2506 .business-notice,
body.page-id-2506 .notice {
  background: #ffffff !important;
  color: #1d1d1f !important; /* Apple body text */
  border: 1px solid #e5e5ea !important;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08) !important;
}

/* Notice heading */
body.page-id-2506 .si-notice h3,
body.page-id-2506 .business-notice h3,
body.page-id-2506 .notice h3 {
  color: #0b1730 !important; /* Same as News headings */
  font-weight: 700;
  letter-spacing: .02em;
}

/* Notice paragraph text */
body.page-id-2506 .si-notice p,
body.page-id-2506 .business-notice p,
body.page-id-2506 .notice p {
  color: #1d1d1f !important;
  opacity: 0.9;
}


/* =====================================================
   APPLE TEXT COLORS — CONTENT ONLY (EXCLUDES FOOTER)
   ===================================================== */

body.page-id-2506 .site-content,
body.page-id-1645 .site-content,
body.page-id-2960 .site-content,
body.page-id-2361 .site-content,
body.page-id-2174 .site-content,
body.page-id-2905 .site-content,
body.page-id-1626 .site-content,
body.page-id-2374 .site-content {
  color: #1d1d1f;
}

/* Headings inside page content only */
body.page-id-2506 .site-content h1,
body.page-id-2506 .site-content h2,
body.page-id-2506 .site-content h3,
body.page-id-2506 .site-content h4,

body.page-id-1645 .site-content h1,
body.page-id-1645 .site-content h2,
body.page-id-1645 .site-content h3,
body.page-id-1645 .site-content h4,

body.page-id-2960 .site-content h1,
body.page-id-2960 .site-content h2,
body.page-id-2960 .site-content h3,
body.page-id-2960 .site-content h4,

body.page-id-2361 .site-content h1,
body.page-id-2361 .site-content h2,
body.page-id-2361 .site-content h3,
body.page-id-2361 .site-content h4,

body.page-id-2174 .site-content h1,
body.page-id-2174 .site-content h2,
body.page-id-2174 .site-content h3,
body.page-id-2174 .site-content h4,

body.page-id-2905 .site-content h1,
body.page-id-2905 .site-content h2,
body.page-id-2905 .site-content h3,
body.page-id-2905 .site-content h4,

body.page-id-1626 .site-content h1,
body.page-id-1626 .site-content h2,
body.page-id-1626 .site-content h3,
body.page-id-1626 .site-content h4,

body.page-id-2374 .site-content h1,
body.page-id-2374 .site-content h2,
body.page-id-2374 .site-content h3,
body.page-id-2374 .site-content h4 {
  color: #0b1730 !important;
}



/* =====================================================
   BUSINESSES (2506) — RESTYLE THE TOP "NOTICE" BLOCK
   Works even if it has no special class
   ===================================================== */

/* Target the first block in the page content (the NOTICE box) */
body.page-id-2506 .site-content .entry-content > p:first-of-type,
body.page-id-2506 .site-content .entry-content > div:first-child,
body.page-id-2506 .site-content .entry-content > .wp-block-group:first-child,
body.page-id-2506 .site-content .entry-content > .wp-block-columns:first-child{
  background: #ffffff !important;
  border: 1px solid #e5e5ea !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.08) !important;
  padding: 18px 18px !important;
  margin: 0 0 18px !important;
  color: #1d1d1f !important; /* readable on white */
}

/* Force the text inside that notice to be readable (it was styled for dark mode) */
body.page-id-2506 .site-content .entry-content > p:first-of-type *,
body.page-id-2506 .site-content .entry-content > div:first-child *,
body.page-id-2506 .site-content .entry-content > .wp-block-group:first-child *,
body.page-id-2506 .site-content .entry-content > .wp-block-columns:first-child *{
  color: #1d1d1f !important;
}

/* If "NOTICE" is bold/strong, make it look like a proper heading */
body.page-id-2506 .site-content .entry-content > p:first-of-type strong:first-child,
body.page-id-2506 .site-content .entry-content > p:first-of-type b:first-child{
  display: inline-block;
  margin-bottom: 6px;
  color: #0b1730 !important; /* match News heading color */
  letter-spacing: .08em;
}


/* =====================================================
   BUSINESSES (2506) — FINAL NOTICE CARD (APPLE STYLE)
   ===================================================== */

/* Target the notice block (the first content card above search) */
body.page-id-2506 .site-content .entry-content > :first-child{
  position: relative;
  background: #ffffff !important;
  border: 1px solid #e5e5ea !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.08) !important;
  padding: 22px 22px 20px !important;
  margin-bottom: 18px !important;
}

/* Force readable text inside */
body.page-id-2506 .site-content .entry-content > :first-child *{
  color: #1d1d1f !important;
}



/* Improve paragraph rhythm */
body.page-id-2506 .site-content .entry-content > :first-child p{
  margin: 0;
  line-height: 1.55;
}

/* BUSINESS NOTICE — micro polish */
body.page-id-2506 .site-content .entry-content > :first-child::before{
  color: #6e6e73 !important;   /* Apple secondary */
  margin-bottom: 6px;
}

body.page-id-2506 .site-content .entry-content > :first-child{
  padding-top: 20px !important;
}

/* BUSINESS NOTICE — final polish */
body.page-id-2506 .site-content .entry-content > :first-child::before{
  color: #4b5563 !important;  /* darker Apple-style gray */
  font-weight: 700;
  letter-spacing: 0.14em;
}

/* BUSINESS NOTICE — make text feel like a real notice */
body.page-id-2506 .site-content .entry-content > :first-child{
  font-size: 14px !important;        /* smaller than body */
  line-height: 1.5;
}

/* Keep NOTICE label crisp */
body.page-id-2506 .site-content .entry-content > :first-child::before{
  font-size: 11px !important;
}





/* =========================================================
   WHITE PAGES — ADD BREATHING ROOM UNDER HEADER (MOBILE + DESKTOP)
   Matches the "Jobs/News" spacing feel
   ========================================================= */

/* Desktop / tablet */
body.page-id-2506 .site-content, /* Businesses */
body.page-id-1645 .site-content, /* Coupons */
body.page-id-2960 .site-content, /* Events */
body.page-id-2361 .site-content, /* Add a Coupon */
body.page-id-2174 .site-content, /* Add Your Business */
body.page-id-2905 .site-content, /* Share an Event */
body.page-id-1626 .site-content, /* Share a Story */
body.page-id-2374 .site-content  /* Post a Job */
{
  padding-top: 34px !important;
}

/* Mobile: a touch more so it feels like Jobs */
@media (max-width: 768px){
  body.page-id-2506 .site-content,
  body.page-id-1645 .site-content,
  body.page-id-2960 .site-content,
  body.page-id-2361 .site-content,
  body.page-id-2174 .site-content,
  body.page-id-2905 .site-content,
  body.page-id-1626 .site-content,
  body.page-id-2374 .site-content{
    padding-top: 42px !important;
  }
}

/* Safety: don’t let the first element add extra top gap on top of our padding */
body.page-id-2506 .entry-content > :first-child,
body.page-id-1645 .entry-content > :first-child,
body.page-id-2960 .entry-content > :first-child,
body.page-id-2361 .entry-content > :first-child,
body.page-id-2174 .entry-content > :first-child,
body.page-id-2905 .entry-content > :first-child,
body.page-id-1626 .entry-content > :first-child,
body.page-id-2374 .entry-content > :first-child{
  margin-top: 0 !important;
}



/* =========================================================
   WHITE PAGES — MATCH JOBS PAGE HEADER SPACING (FINAL)
   ========================================================= */

/* Desktop / tablet */
body.page-id-2506 .site-content, /* Businesses */
body.page-id-1645 .site-content, /* Coupons */
body.page-id-2960 .site-content, /* Events */
body.page-id-2361 .site-content, /* Add a Coupon */
body.page-id-2174 .site-content, /* Add Your Business */
body.page-id-2905 .site-content, /* Share an Event */
body.page-id-1626 .site-content, /* Share a Story */
body.page-id-2374 .site-content  /* Post a Job */
{
  padding-top: 26px !important;   /* ↓ reduced from before */
}

/* Mobile */
@media (max-width: 768px){
  body.page-id-2506 .site-content,
  body.page-id-1645 .site-content,
  body.page-id-2960 .site-content,
  body.page-id-2361 .site-content,
  body.page-id-2174 .site-content,
  body.page-id-2905 .site-content,
  body.page-id-1626 .site-content,
  body.page-id-2374 .site-content{
    padding-top: 32px !important; /* ↓ matches Jobs mobile */
  }
}

/* Prevent double spacing from first elements */
body.page-id-2506 .entry-content > :first-child,
body.page-id-1645 .entry-content > :first-child,
body.page-id-2960 .entry-content > :first-child,
body.page-id-2361 .entry-content > :first-child,
body.page-id-2174 .entry-content > :first-child,
body.page-id-2905 .entry-content > :first-child,
body.page-id-1626 .entry-content > :first-child,
body.page-id-2374 .entry-content > :first-child{
  margin-top: 0 !important;
}


/* =========================================================
   EVENTS (2960) — MATCH APPLE WHITE BACKGROUND SYSTEM
   ========================================================= */

/* Apple off-white background (same as Jobs) */
body.page-id-2960,
body.page-id-2960 #page,
body.page-id-2960 .site,
body.page-id-2960 #content,
body.page-id-2960 .site-content,
body.page-id-2960 .ast-container,
body.page-id-2960 .ast-container-fluid,
body.page-id-2960 .ast-separate-container,
body.page-id-2960 .ast-plain-container{
  background: transparent !important;
  background-image: none !important;
}

/* Fixed Apple-style canvas behind everything */
body.page-id-2960::before{
  content: "";
  position: fixed;
  inset: 0;
  background: #f5f5f7; /* Apple off-white */
  z-index: -1;
}


/*************************************************
  EVENTS PAGE (Page ID 2960)
  Apple-style off-white background + text + spacing
  (Scoped to .site-content so footer is NOT affected)
*************************************************/

/* 1) Strip any dark/navy backgrounds only on the Events page wrappers */
body.page-id-2960,
body.page-id-2960 #page,
body.page-id-2960 .site,
body.page-id-2960 #content,
body.page-id-2960 .site-content,
body.page-id-2960 .ast-container,
body.page-id-2960 .ast-container-fluid,
body.page-id-2960 .ast-separate-container,
body.page-id-2960 .ast-plain-container{
  background: transparent !important;
  background-image: none !important;
}

/* 2) Apple off-white background layer behind everything (matches News/Jobs) */
body.page-id-2960::before{
  content: "";
  position: fixed;
  inset: 0;
  background: #f5f5f7;
  z-index: -1;
}

/* 3) “Breathing room” under menu (match Jobs feel) */
body.page-id-2960 .site-content{
  padding-top: 22px !important;
  padding-bottom: 90px !important;
}

/* Mobile: slightly tighter (so it’s not “too much space”) */
@media (max-width: 768px){
  body.page-id-2960 .site-content{
    padding-top: 16px !important;
    padding-bottom: 80px !important;
  }

  /* Keep the same clean gutters as your other pages */
  body.page-id-2960 .ast-container{
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* 4) Body typography color ONLY inside the content area (footer unaffected) */
body.page-id-2960 .site-content{
  color: #1d1d1f !important; /* Apple-like dark text */
}

/* Headings inside content area */
body.page-id-2960 .site-content h1,
body.page-id-2960 .site-content h2,
body.page-id-2960 .site-content h3,
body.page-id-2960 .site-content h4{
  color: #0b1730 !important;
}

/* Paragraphs/lists inside content area */
body.page-id-2960 .site-content p,
body.page-id-2960 .site-content li{
  color: #1d1d1f !important;
}


/* =========================================
   GLOBAL FORM CARD STYLE (Apple-style)
   ========================================= */

/* Form wrapper becomes a floating card */
.frm_forms{
  background: #ffffff !important;
  border-radius: 20px !important;
  padding: 26px 24px !important;
  margin-top: 28px !important;

  /* Soft elevation (lighter than content cards) */
  box-shadow: 
    0 12px 28px rgba(0,0,0,.10),
    0 2px 6px rgba(0,0,0,.06) !important;
}

/* Inner fields stay clean */
.frm_form_fields{
  background: transparent !important;
  padding: 0 !important;
}

/* Remove any leftover borders */
.frm_forms,
.frm_form_fields{
  border: none !important;
}





/* =========================================
   FOOTER — RESTORE NORMAL COLORS
   Overrides Apple reader text bleed
========================================= */

/* Footer background stays dark */
.site-footer,
.site-footer-wrap,
.ast-footer-overlay{
  background: #0b1730 !important;
}

/* Footer text */
.site-footer,
.site-footer p,
.site-footer span,
.site-footer li,
.site-footer small{
  color: #e6e8ee !important;
}

/* Footer links */
.site-footer a{
  color: #cfd6ff !important;
  text-decoration: none;
}

.site-footer a:hover{
  color: #ffffff !important;
}

/* Copyright line */
.site-footer .ast-footer-copyright,
.site-footer .ast-footer-copyright p{
  color: #ffffff !important;
  font-size: 13px;
}

/* Prevent global typography rules from touching footer */
.site-footer *{
  -webkit-text-fill-color: unset !important;
}


body.page-id-1645 .facetwp-template .fwpl-result{
  display: block !important;
}



/* =========================================================
   EVENTS (Page ID 2960) — MATCH NEWS ARCHIVE LANE (ALL SIZES)
   Centers the lane + matches News-style content width/spacing
   ========================================================= */

body.page-id-2960 .facetwp-template[data-name="events"]{
  width: 100% !important;
  max-width: 100% !important;
}

/* Center the FWPL grid lane (this is what creates the huge right whitespace) */
body.page-id-2960 .facetwp-template[data-name="events"] .fwpl-result,
body.page-id-2960 .facetwp-template[data-name="events"] .fwpl-row{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Force each result to sit in the same centered “news lane” */
body.page-id-2960 .facetwp-template[data-name="events"] .fwpl-col,
body.page-id-2960 .facetwp-template[data-name="events"] .fwpl-item{
  width: 100% !important;
  max-width: 980px !important;      /* adjust to match your News lane if needed */
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* Ensure the actual card fills that lane */
body.page-id-2960 .facetwp-template[data-name="events"] .si-event-card,
body.page-id-2960 .facetwp-template[data-name="events"] .si-event-card__link{
  width: 100% !important;
  max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Card-to-card spacing like News */
body.page-id-2960 .facetwp-template[data-name="events"] .si-event-card{
  margin-bottom: 22px !important;
}


/* Search inputs — Apple-style (no glow) */
.facetwp-search:focus,
input[type="search"]:focus{
  box-shadow: none !important;
  border-color: #cfd6df !important; /* or your neutral gray */
  outline: none !important;
}




}

.si-form-note{
  margin-top: 16px;
  font-size: 12.5px;
  line-height: 1.5;
  color: #9aa3af; /* lighter than body, darker than placeholder */
  text-align: center;
}





/* Global breathing room below all forms */
.frm_forms{
  margin-bottom: 56px !important;
}


@media (max-width: 768px){
  .ast-mobile-popup-inner{
    padding-bottom: 80px !important;
  }
}

.ast-mobile-popup-content{
  padding-bottom: 64px !important;
}


/* =========================================================
   BUSINESSES (Page ID: 2506) — NOTICE ONLY (HARD OVERRIDE)
   Replaces / cancels any old :first-child / first p styling
   ========================================================= */

/* 1) CANCEL any old rule that painted the first child */
body.page-id-2506 .entry-content > :first-child,
body.page-id-2506 .entry-content > p:first-child,
body.page-id-2506 .entry-content > p:first-of-type{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2) Make sure the “wash” isn’t coming from the content wrapper */
body.page-id-2506 .entry-content,
body.page-id-2506 .entry-content.clear{
  background: transparent !important;
}

/* 3) APPLY the notice styling ONLY to the notice paragraph itself
      (this assumes the notice is the first <p> in entry-content) */
body.page-id-2506 .entry-content > p:first-of-type{
  background: #f5f5f7 !important;
  border-radius: 18px !important;

  padding: 18px 20px !important;
  margin: 0 0 22px 0 !important;

  box-shadow: 0 12px 24px rgba(0,0,0,.06) !important;

  color: #1d1d1f !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* 4) Optional: polish NOTICE label */
body.page-id-2506 .entry-content > p:first-of-type strong{
  font-size: 12px !important;
  letter-spacing: .04em !important;
}


body.page-id-2506 .si-notice,
body.page-id-2506 .si-biz-notice,
body.page-id-2506 .entry-content > p:first-of-type{
  background: #f5f5f7 !important;
}


background: #f3f4f6; /* instead of darker gray */

margin-bottom: 14px;


box-shadow: 0 6px 16px rgba(0,0,0,.12);




/* =========================================
   FORMIDABLE — FULL-WIDTH FIELDS (MOBILE)
   ========================================= */
@media (max-width: 768px){

  /* Remove inner column padding */
  .frm_forms .frm_form_fields,
  .frm_forms .frm_form_field,
  .frm_forms .frm_input_box{
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Force inputs to truly fill container */
  .frm_forms input,
  .frm_forms textarea,
  .frm_forms select{
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}






/* =========================================
   ASTRA — REMOVE LEFT CHEVRON IN SUBMENU ITEMS (DESKTOP)
   Keep arrows on main menu
   ========================================= */
@media (min-width: 769px){

  /* Remove the little chevron/toggle that appears INSIDE dropdown items */
  .submenu-with-border .sub-menu .dropdown-menu-toggle,
  .submenu-with-border .sub-menu .ast-header-navigation-arrow,
  .submenu-with-border .sub-menu .ast-menu-toggle{
    display: none !important;
  }

  /* Make sure the submenu link doesn't leave space for it */
  .submenu-with-border .sub-menu > li > a{
    padding-left: 16px !important;
  }
}

@media (min-width: 769px){
  .submenu-with-border .sub-menu a svg,
  .submenu-with-border .sub-menu a i,
  .submenu-with-border .sub-menu a .ast-icon{ display:none !important; }
}


/* =====================================================
   FACETWP SEARCH — DESKTOP SIZE UPGRADE
   Coupons • Businesses • Jobs
   ===================================================== */
@media (min-width: 769px){

  /* Input field */
  .facetwp-type-search .facetwp-search{
    width: 360px !important;      /* increase size */
    height: 46px !important;
    font-size: 16px !important;
    padding: 0 44px 0 18px !important;
    border-radius: 14px !important;
  }

  /* Search icon */
  .facetwp-type-search .facetwp-icon{
    right: 14px !important;
    font-size: 18px !important;
  }

  /* Wrapper keeps alignment unchanged */
  .facetwp-type-search .facetwp-input-wrap{
    width: auto !important;
  }
}


/* =========================================================
   SIN — NORMALIZE VERTICAL SPACING BETWEEN CARDS (WORKING)
   Targets WP Grid Builder (.fwpl-item) + your card classes
   ========================================================= */

:root{
  --sin-card-gap: 26px; /* change once here */
}

/* 1) Universal: WP Grid Builder item spacing (Coupons/Businesses/Jobs/News/etc) */
.facetwp-template .fwpl-item{
  margin-bottom: var(--sin-card-gap) !important;
}

/* remove extra gap on last item */
.facetwp-template .fwpl-item:last-child{
  margin-bottom: 0 !important;
}

/* 2) Coupon card (your real class is si-coupon-card) */
.facetwp-template .si-coupon-card{
  margin-bottom: 0 !important; /* spacing handled by .fwpl-item */
}

/* 3) Other card types (keep safe) */
.facetwp-template .si-business-card,
.facetwp-template .si-job-card,
.facetwp-template .si-news-card,
.facetwp-template .si-event-card{
  margin-bottom: 0 !important; /* spacing handled by .fwpl-item */
}




/* =========================================================
   SIN — ONE TRUE SPACING SYSTEM (NO CARD DRIFT)
   Goal: all sections use the SAME vertical gap source
   ========================================================= */

:root{
  --sin-card-gap: 24px;
}

/* 1) Kill stray margins that create “different amounts” */
.si-coupon-card,
.si-business-card,
.si-job-card,
.si-news-card,
.si-event-card{
  margin: 0 !important;              /* removes stacked margins */
}

/* Also kill common Formidable / grid spacing that stacks */
.fwpl-row,
.fwpl-result,
.fwpl-item{
  margin-bottom: 0 !important;
}

/* 2) Force ONE spacing source: GAP on the list wrapper(s)
   - Works whether wrapper is grid or flex
   - Does NOT change widths */
body.page-id-1645 .facetwp-template,
body.page-id-2506 .facetwp-template,
body.page-id-2789 .facetwp-template{
  display: grid !important;
  grid-auto-rows: auto !important;
  row-gap: var(--sin-card-gap) !important;
}

/* Formidable layouts often use fwpl-layout as the real grid */
body.page-id-1645 .fwpl-layout,
body.page-id-2506 .fwpl-layout,
body.page-id-2789 .fwpl-layout{
  row-gap: var(--sin-card-gap) !important;
}

/* News + Events (not Facet search) — apply gap on their wrap */
body.page-id-1473 .si-news-wrap,
body.page-id-2960 .si-event-wrap{
  display: grid !important;
  row-gap: var(--sin-card-gap) !important;
}

/* 3) Prevent “side drift” from wrapper offsets */
body.page-id-1473 .si-news-wrap,
body.page-id-2960 .si-event-wrap,
body.page-id-1645 .facetwp-template,
body.page-id-2506 .facetwp-template,
body.page-id-2789 .facetwp-template{
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}



/* =========================================================
   SIN — HARD NORMALIZE VERTICAL CARD SPACING
   Businesses + Events were using fwpl-row spacing
   ========================================================= */

:root{
  --sin-card-gap: 24px;
}

/* 1️⃣ Remove ALL vertical spacing from FWPL internals */
.fwpl-row,
.fwpl-result,
.fwpl-col,
.fwpl-item{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 2️⃣ Re-apply spacing ONLY via row-gap on the layout */

/* Businesses */
body.page-id-2506 .fwpl-layout{
  display: grid !important;
  row-gap: var(--sin-card-gap) !important;
}

/* Events */
body.page-id-2960 .fwpl-layout{
  display: grid !important;
  row-gap: var(--sin-card-gap) !important;
}

/* 3️⃣ Lock cards so they never affect spacing */
.si-business-card,
.si-event-card{
  margin: 0 !important;
}



/* =========================================================
   NEWS ARCHIVE — DESKTOP SPACING FIX
   ========================================================= */
@media (min-width: 769px){

  /* Increase vertical space between articles */
  body.page-id-1473 .si-news-card{
    margin-bottom: 15px !important;
  }

}





/* =========================================================
   JOBS (Page ID: 2789) — MOBILE: CENTER + EQUAL GUTTERS
   ========================================================= */
@media (max-width: 768px){

  /* Page gutter */
  body.page-id-2789 .ast-container{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* Remove the hidden horizontal offset (this is usually the culprit) */
  body.page-id-2789 .fwp1-row,
  body.page-id-2789 .fwp1-col{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Make the grid column behave like a centered container */
  body.page-id-2789 .fwp1-col{
    display: flex !important;
    justify-content: center !important;
  }

  /* Force each result item to be the full usable width */
  body.page-id-2789 .fwp1-item{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  /* Card should fill the item and be perfectly centered */
  body.page-id-2789 .si-job-card{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}


/* =========================================================
   EVENTS — CTA FINAL (match Businesses)
   Page ID: 2960
   ========================================================= */

/* Card CTA wrapper */
body.page-id-2960 .si-event-card__cta{
  display: flex;
  justify-content: center;
  margin: 16px 0 18px;
}

/* Button */
body.page-id-2960 .si-event-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 22px;
  min-width: 160px;

  background: #1677ff;
  color: #fff;
  font-weight: 700;
  text-decoration: none;

  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25);
}

/* Hover (desktop only) */
@media (hover: hover){
  body.page-id-2960 .si-event-btn:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(37, 99, 235, 0.35);
  }
}



/* ===================================================
   EVENTS (Page ID 2960) — LOCK EQUAL CARD HEIGHTS
   + FORCE 3-COLUMN GRID ON DESKTOP
   =================================================== */

/* ---------- DESKTOP: 3 columns + equal heights ---------- */
@media (min-width: 1025px){

  /* Force 3 columns in the FacetWP grid */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-row{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 26px !important; /* adjust if you want tighter */
    align-items: stretch !important;
  }

  /* Kill old column widths if FacetWP is using col divs */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-col{
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
  }

  /* Make every item stretch same height */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-item,
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card,
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link{
    height: 100% !important;
  }

  /* Card link becomes the “shell” */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link{
    display: flex !important;
    flex-direction: column !important;
  }

  /* Body takes remaining space and keeps CTA pinned consistently */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__body{
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;

    /* THIS replaces your “option 2” and will win */
    padding-bottom: 64px !important;

    position: relative !important;
    box-sizing: border-box !important;
  }

  /* Lock image height so tops line up */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__media img{
    height: 220px !important;
    object-fit: cover !important;
  }

  /* Title: clamp to 2 lines so cards don’t grow wildly */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__title{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    min-height: calc(1.15em * 2) !important; /* reserves 2-line space even if 1 line */
  }

  /* Location: reserve 2 lines minimum (your earlier request) */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__meta--bottom{
    min-height: calc(1.35em * 2) !important; /* 2 lines */
  }



/* ---------- MID DESKTOP / SMALL LAPTOP: 2 columns ---------- */
@media (min-width: 769px) and (max-width: 1024px){
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-row{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: stretch !important;
  }

  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-col{
    width: auto !important;
    max-width: none !important;
    flex: initial !important;
  }

  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-item,
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card,
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link{
    height: 100% !important;
  }

  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link{
    display: flex !important;
    flex-direction: column !important;
  }

  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__body{
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding-bottom: 64px !important;
  }
}

	
/* =========================================================
   COUPONS (Page ID 1645) — DESKTOP GRID: 3 COLUMNS
   (FacetWP Layout wrappers: .fwp-layout > .fwp-row > .fwp-col)
   ========================================================= */

@media (min-width: 922px){

  /* Make the actual Layout container the grid */
  body.page-id-1645
  .facetwp-template[data-name="coupons"]
  .fwp-layout{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;
    align-items: start !important;
  }

  /* Flatten the wrappers so each card becomes a grid item */
  body.page-id-1645
  .facetwp-template[data-name="coupons"]
  .fwp-layout > .fwp-row{
    display: contents !important;
  }

  body.page-id-1645
  .facetwp-template[data-name="coupons"]
  .fwp-layout .fwp-col{
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
  }

  /* Safety: ensure cards can fill the grid cell */
  body.page-id-1645
  .facetwp-template[data-name="coupons"]
  .si-coupon-card{
    width: 100% !important;
  }
}

	








/* ===================================================
   EVENTS (2960) — MOBILE MATCH DESKTOP FIX
   Applies to phones/tablets
   =================================================== */
@media (max-width: 768px){

  /* 1) KILL the stubborn spacing that creates fake "gaps" */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  body.page-id-2960 .facetwp-template[data-name="events"] .si-event-card{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 2) MOBILE LAYOUT: single column + tight spacing (like Jobs) */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-row{
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 16px !important;     /* tighten vertical spacing */
    column-gap: 0 !important;
    align-items: stretch !important;
  }

  /* 3) Ensure items/cards don’t add their own spacing */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-item,
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-col{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 4) CARD: lock a clean mobile body rhythm */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__body{
    padding: 16px 16px 18px !important;
  }

  /* 5) Date/Time + Location sizing (slightly smaller + cleaner) */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__meta--top{
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-top: 8px !important;
    margin-bottom: 6px !important; /* adds separation from location */
  }
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__meta--bottom{
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin-top: 6px !important;
  }

 

  /* 7) Keep tap area nice without making the card huge */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card{
    border-radius: 18px !important;
    overflow: hidden !important;
  }
}








/* 6) Mobile: keep the same behavior (centered CTA + clean gaps) */
@media (max-width: 768px){
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template .fwp-row{
    row-gap: 16px !important;
  }

  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__body{
    padding: 16px 16px 14px !important;
  }


}




	
/* =========================================================
   EVENTS (Page ID 2960) — CTA BUTTON FIX (DESKTOP + MOBILE)
   Centers button like Businesses “Visit”
   ========================================================= */

/* Scope hard to Events template only */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card{
  background: #fff !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.18) !important;
}

/* Make the card link a normal block (NOT flex) */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__link{
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
}

/* Kill underline/blue link styling inside the wrapped <a> */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__link *{
  text-decoration: none !important;
  color: inherit !important;
}

/* Media image */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__media img{
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Body becomes column flex so CTA can sit bottom + centered */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__body{
  padding: 18px 18px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* CTA wrapper sits at bottom */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__cta{
  margin-top: 14px !important;
  display: flex !important;
  justify-content: center !important;
}

/* The actual “button” look (match Businesses style) */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 26px !important;
  min-width: 180px !important;
  border-radius: 999px !important;
  background: #1677ff !important;   /* your SIN blue */
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  box-shadow: 0 6px 16px rgba(23, 99, 235, 0.25) !important;

  /* IMPORTANT: card is already a link, so the "button" must not steal clicks */
  pointer-events: none !important;
}




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

  body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__media img{
    height: 200px !important;
  }

  body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__body{
    padding: 16px 16px 18px !important;
  }

  /* Keep the button perfectly centered and not oversized */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-btn{
    min-width: 200px !important;
    max-width: 100% !important;
  }
}

	/* =========================================================
   EVENTS (2960) — FIX CTA CENTER + BADGE TEXT VISIBILITY
   ========================================================= */

body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__cta{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__cta .si-event-btn{
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Badge: ensure it’s visible + top-left */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__media{
  position: relative !important;
}

body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-badge{
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 5 !important;

  display: inline-flex !important;
  align-items: center !important;

  padding: 7px 12px !important;
  border-radius: 999px !important;

  background: rgba(15, 23, 42, 0.78) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: 0.2px !important;

  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}


	/* =========================================================
   EVENTS (2960) — REMOVE BLUE BAR + TRUE CENTER CTA
   ========================================================= */

/* 1) CTA row: no background, full width, centered */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__cta{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  background: transparent !important;
  box-shadow: none !important;
  padding: 14px 0 18px !important;
  margin: 0 !important;

  /* overrides that were pushing it to the side */
  align-self: auto !important;
}

/* 2) If any old CSS added a bar via pseudo-elements, kill it */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__cta::before,
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__cta::after{
  content: none !important;
  display: none !important;
}

/* 3) Button: force true centering + consistent sizing */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card__cta .si-event-btn{
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;

  margin: 0 auto !important;
  width: auto !important;
  max-width: 92% !important;

  padding: 12px 34px !important;
  border-radius: 999px !important;
}

	
/* =========================================================
   EVENTS (2960) — CENTER CTA (DESKTOP ONLY)
   ========================================================= */
@media (min-width: 769px){

  body.page-id-2960
  .facetwp-wrapper.si-events-wrap
  .facetwp-template[data-name="events"]
  .si-event-card__cta{
    display: flex !important;
    justify-content: center !important;
  }

  body.page-id-2960
  .facetwp-wrapper.si-events-wrap
  .facetwp-template[data-name="events"]
  .si-event-btn{
    margin: 0 auto !important;
  }

}

	
/* =========================================
   EVENTS (Page ID: 2960) — CENTER CTA FIX
   ========================================= */

body.page-id-2960 .si-event-card__link{
  display: flex !important;
  flex-direction: column !important;
}

body.page-id-2960 .si-event-card__body{
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

/* CTA wrapper: FULL WIDTH + CENTER */
body.page-id-2960 .si-event-card__cta{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: auto !important;
  padding-top: 16px !important;
  
  /* IMPORTANT: cancels your old "push right" rules */
  align-self: stretch !important;
}

/* Button: match Businesses "Visit" look */
body.page-id-2960 .si-event-card__cta .si-event-cta-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 22px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  color: #fff !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 6px 16px rgba(37, 99, 235, 0.25) !important;
}

/* Make sure the CTA itself doesn't look like a link underline */
body.page-id-2960 .si-event-card__cta,
body.page-id-2960 .si-event-card__cta *{
  text-decoration: none !important;
}

/* =========================================
   EVENTS (2960) — FORCE CTA TO SHARE-A-STORY BLUE
   ========================================= */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card .si-event-card__cta,
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card .si-event-card__cta .si-event-cta-btn{
  background: #1677ff !important; /* Share a Story blue */
  color: #ffffff !important;
  border: 0 !important;
}

/* keep it consistent on hover/focus */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card .si-event-card__cta:hover,
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card .si-event-card__cta:hover .si-event-cta-btn,
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card .si-event-card__cta:focus,
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card .si-event-card__cta:focus .si-event-cta-btn{
  background: #1677ff !important;
  color: #ffffff !important;
}

/* =========================================
   EVENTS — PREMIUM SPACING POLISH
   Page ID: 2960
   ========================================= */

body.page-id-2960 .si-event-card__body{
  padding: 22px 22px 26px !important; /* more breathable */
}

/* Title spacing */
body.page-id-2960 .si-event-card__title{
  margin: 14px 0 14px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.2px;
}

/* Date / time row */
body.page-id-2960 .si-event-card__meta--top{
  margin-bottom: 10px !important;
  font-size: 14px !important;
  opacity: 0.95;
}

/* Location row */
body.page-id-2960 .si-event-card__meta--bottom{
  margin-bottom: 18px !important;
  font-size: 14px !important;
  opacity: 0.9;
}

/* CTA breathing room */
body.page-id-2960 .si-event-card__cta{
  margin-top: 18px !important;
}

/* =========================================
   EVENTS — FINAL PREMIUM POLISH
   Page ID: 2960
   ========================================= */

/* Body breathing room */
body.page-id-2960 .si-event-card__body{
  padding: 24px 24px 28px !important;
}

/* Title */
body.page-id-2960 .si-event-card__title{
  margin: 16px 0 18px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

/* Date / time row */
body.page-id-2960 .si-event-card__meta--top{
  margin-bottom: 8px !important;
  font-size: 14px !important;
  opacity: 0.95;
}

/* Location row (visually secondary) */
body.page-id-2960 .si-event-card__meta--bottom{
  margin-bottom: 22px !important;
  font-size: 14px !important;
  opacity: 0.85;
}

/* CTA separation */
body.page-id-2960 .si-event-card__cta{
  margin-top: 22px !important;
}

body.page-id-2960 .si-event-card__meta--bottom{
  letter-spacing: 0.1px;
}

body.page-id-2960 .si-event-card__title{
  margin-bottom: 22px !important;
}


/* =========================================
   EVENTS (Page ID 2960) — CTA (NO BAR + PILL HOVER)
   ========================================= */

/* CTA WRAPPER: layout only, no visuals */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__cta{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;

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

  padding: 18px 0 8px !important;
  width: 100% !important;
}

/* Kill ONLY the wrapper bar behavior on hover (do NOT kill the button hover) */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link:hover .si-event-card__cta{
  background: transparent !important;
  box-shadow: none !important;
}

/* THE PILL BUTTON */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__cta .si-event-cta-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 12px 22px !important;
  border-radius: 999px !important;

  background: var(--ast-global-color-0) !important; /* Share-a-Story blue */
  color: #fff !important;

  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18) !important;
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}

/* Hover ONLY on devices that support hover */
@media (hover: hover) and (pointer: fine){
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link:hover .si-event-cta-btn{
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.24) !important;
    filter: brightness(1.03) !important;
  }

  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link:active .si-event-cta-btn{
    transform: translateY(0px) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18) !important;
  }
}

/* Prevent the “underline” issue without disabling hover */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link,
body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link *{
  text-decoration: none !important;
}

	
	
/* =========================================================
   EVENTS (Page ID 2960) — MOBILE BUTTON + CARD FIX (DESKTOP UNCHANGED)
   ========================================================= */
@media (max-width: 768px){

  /* Make sure the grid/columns don’t add weird offsets */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .fwp-col,
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template,
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template *{
    box-sizing: border-box !important;
  }

  /* Keep the card as the visual container on mobile */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card{
    background: #fff !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.16) !important;
  }

  /* Ensure the link wrapper behaves like a full card (no weird inline/link styling) */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link{
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
    background: transparent !important;
  }

  /* Kill any underline/blue link styling inside the card on mobile */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__link *{
    text-decoration: none !important;
  }

  /* Make the body a column so CTA can sit neatly inside */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__body{
    display: flex !important;
    flex-direction: column !important;
    padding: 18px 18px 20px !important;
  }

  /* CTA container: centered, no background */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card__cta{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 18px !important;
    padding: 0 0 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* The pill button look — match your Share-a-Story blue + white text */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-cta-btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 170px !important;
    padding: 12px 26px !important;
    border-radius: 999px !important;
    background: var(--ast-global-color-0) !important; /* Astra primary (your “Share a Story” blue) */
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
  }

  /* Button hover/press — keep it classy (no full-width bar) */
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card:hover .si-event-cta-btn,
  body.page-id-2960 .facetwp-wrapper.si-events-wrap .si-event-card:active .si-event-cta-btn{
    transform: translateY(-1px) !important;
  }
}



/* =========================================================
   EVENTS (2960) — REMOVE CTA CONTAINER BLUE SLAB (ALL SIZES)
   ========================================================= */

body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__cta,
body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__cta:hover,
body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__cta:active,
body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__cta:focus,
body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__cta:focus-within{
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
	
	
	
	
	



/
	
/* JOBS — CTA: same thickness as Events, just less wide */
body.page-id-2789
.facetwp-template[data-name="jobs"]
.si-job-card
a.si-job-details-btn{
  padding: 10px 18px !important;   /* SAME vertical thickness as Events */
  font-size: 13px !important;
  line-height: 1 !important;
  border-radius: 999px !important;

  width: auto !important;
  min-width: 0 !important;
  max-width: 140px !important;    /* 👈 this is the key */
}

/* Mobile tightening */
@media (max-width: 768px){
  body.page-id-2789
  .facetwp-template[data-name="jobs"]
  .si-job-card
  a.si-job-details-btn{
    max-width: 132px !important;
    padding: 10px 16px !important;
  }
}