/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 23 2026 | 20:17:49 */
body.tax-business_category .si-business-category-intro{
color: #334155 !important;
opacity: 1 !important;
}
body.tax-business_category article.ast-article-post.si-card-linked:hover,
body.tax-business_category .ast-archive-post.si-card-linked:hover{
box-shadow: 0 18px 40px rgba(15,23,42,.10) !important;
}
/* =========================================================
BUSINESS CATEGORY ARCHIVES
URL example: /business_category/auto-broker/
========================================================= */
/* overall page */
body.tax-business_category .site-content{
background: #f5f7fb !important;
padding-top: 24px !important;
padding-bottom: 70px !important;
}
/* archive header area */
body.tax-business_category .ast-archive-description{
max-width: 1200px !important;
margin: 0 auto 26px !important;
padding: 0 20px 8px !important;
background: transparent !important;
border: 0 !important;
}
/* archive title */
body.tax-business_category .ast-archive-description .page-title,
body.tax-business_category .ast-archive-description h1{
color: #0f172a !important;
font-size: 34px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
margin: 0 0 10px !important;
text-align: center !important;
}
/* description */
body.tax-business_category .ast-archive-description p{
color: #475569 !important;
font-size: 16px !important;
line-height: 1.6 !important;
text-align: center !important;
max-width: 760px !important;
margin: 0 auto !important;
}
/* content wrapper */
body.tax-business_category #primary{
width: 100% !important;
}
body.tax-business_category main.site-main{
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 20px !important;
}
/* stack layout */
body.tax-business_category .ast-row{
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
}
/* card */
body.tax-business_category article.ast-article-post,
body.tax-business_category .ast-archive-post{
background: #fff !important;
border-radius: 22px !important;
border: 1px solid rgba(15,23,42,.08) !important;
box-shadow: 0 14px 34px rgba(15,23,42,.08) !important;
padding: 22px !important;
overflow: hidden !important;
margin: 0 !important;
display: grid !important;
grid-template-columns: 220px 1fr !important;
gap: 24px !important;
align-items: center !important;
}
/* image column */
body.tax-business_category .post-thumb{
margin: 0 !important;
width: 220px !important;
min-width: 220px !important;
}
/* logo frame */
body.tax-business_category .post-thumb img{
width: 220px !important;
height: 220px !important;
object-fit: contain !important;
background: #fff !important;
border-radius: 16px !important;
border: 1px solid rgba(15,23,42,.08) !important;
padding: 10px !important;
display: block !important;
}
/* content */
body.tax-business_category .entry-header,
body.tax-business_category .entry-content{
padding: 0 !important;
margin: 0 !important;
}
/* title */
body.tax-business_category .entry-title,
body.tax-business_category .entry-title a{
color: #0f172a !important;
font-size: 22px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
text-decoration: none !important;
margin: 0 0 10px !important;
}
/* excerpt */
body.tax-business_category .entry-content p{
color: #475569 !important;
font-size: 15px !important;
line-height: 1.6 !important;
margin: 0 0 16px !important;
}
/* remove read more */
body.tax-business_category .ast-read-more,
body.tax-business_category .read-more{
display: none !important;
}
/* =========================================================
MOBILE FIX (CLEAN + CORRECTED)
========================================================= */
@media (max-width: 767px){
body.tax-business_category .site-content{
padding-top: 12px !important;
}
body.tax-business_category .ast-archive-description{
padding: 0 14px 6px !important;
margin-bottom: 18px !important;
}
body.tax-business_category .ast-archive-description .page-title,
body.tax-business_category .ast-archive-description h1{
font-size: 28px !important;
}
body.tax-business_category main.site-main{
padding: 0 14px !important;
}
body.tax-business_category article.ast-article-post,
body.tax-business_category .ast-archive-post{
grid-template-columns: 1fr !important;
gap: 14px !important;
padding: 18px !important;
text-align: center !important;
justify-items: center !important;
}
body.tax-business_category .post-thumb{
width: 100% !important;
min-width: 0 !important;
margin: 0 auto 12px !important;
padding: 0 !important;
text-align: center !important;
display: block !important;
}
body.tax-business_category .post-thumb > a{
display: inline-block !important;
margin: 0 auto !important;
text-align: center !important;
}
body.tax-business_category .post-thumb img{
width: 170px !important;
height: 170px !important;
max-width: 170px !important;
margin: 0 auto !important;
display: block !important;
}
body.tax-business_category .entry-title,
body.tax-business_category .entry-title a{
font-size: 20px !important;
}
}
@media (max-width: 767px){
/* cancel Astra negative margins */
body.tax-business_category .ast-archive-post .post-thumb,
body.tax-business_category article.ast-article-post .post-thumb{
margin-left: 0 !important;
margin-right: 0 !important;
}
/* center the whole frame */
body.tax-business_category .post-thumb{
width: 100% !important;
min-width: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
margin: 0 auto 12px !important;
padding: 0 !important;
}
/* prevent anchor from stretching weird */
body.tax-business_category .post-thumb > a{
display: inline-block !important;
margin: 0 auto !important;
}
/* frame image */
body.tax-business_category .post-thumb img{
width: 170px !important;
height: 170px !important;
max-width: 170px !important;
margin: 0 auto !important;
display: block !important;
}
}
@media (min-width: 768px){
/* keep the outer card you already have */
body.tax-business_category article.ast-article-post,
body.tax-business_category .ast-archive-post{
display: grid !important;
grid-template-columns: 220px minmax(0, 1fr) !important;
gap: 28px !important;
align-items: center !important;
}
/* kill Astra's half-width layout wrappers */
body.tax-business_category .ast-blog-featured-section.ast-width-md-6,
body.tax-business_category .post-content.ast-width-md-6{
width: auto !important;
max-width: none !important;
flex: none !important;
}
/* stop blog-layout wrapper from squeezing things */
body.tax-business_category .blog-layout-5,
body.tax-business_category .ast-post-format{
display: contents !important;
}
/* logo column */
body.tax-business_category .post-thumb{
width: 220px !important;
min-width: 220px !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
body.tax-business_category .post-thumb > a{
display: inline-block !important;
margin: 0 !important;
}
body.tax-business_category .post-thumb img{
width: 220px !important;
height: 220px !important;
max-width: 220px !important;
margin: 0 !important;
display: block !important;
}
/* content column */
body.tax-business_category .post-content{
width: auto !important;
max-width: none !important;
min-width: 0 !important;
text-align: left !important;
}
body.tax-business_category .entry-header,
body.tax-business_category .entry-content{
margin: 0 !important;
padding: 0 !important;
}
body.tax-business_category .entry-title,
body.tax-business_category .entry-title a{
font-size: 28px !important;
line-height: 1.18 !important;
margin: 0 0 12px !important;
}
body.tax-business_category .entry-content p{
font-size: 16px !important;
line-height: 1.65 !important;
margin: 0 !important;
max-width: none !important;
}
}
/* =========================================================
BUSINESS CATEGORY ARCHIVES — FORCE INTER + MOVE LOGOS
========================================================= */
/* FORCE INTER on these archive pages */
body.tax-business_category,
body.tax-business_category .ast-archive-description,
body.tax-business_category .ast-archive-description .page-title,
body.tax-business_category .ast-archive-description h1,
body.tax-business_category .ast-archive-description p,
body.tax-business_category article.ast-article-post,
body.tax-business_category .ast-archive-post,
body.tax-business_category .entry-title,
body.tax-business_category .entry-title a,
body.tax-business_category .entry-content,
body.tax-business_category .entry-content p{
font-family: "Inter", sans-serif !important;
}
/* specifically beat the archive title rule that is forcing Merriweather */
body.tax-business_category .entry-title,
body.tax-business_category .entry-title a,
body.tax-business_category h2.entry-title,
body.tax-business_category h2.entry-title a,
body.tax-business_category .ast-archive-post .entry-title,
body.tax-business_category .ast-archive-post .entry-title a{
font-family: "Inter", sans-serif !important;
font-weight: 800 !important;
}
/* DESKTOP ONLY */
@media (min-width: 768px){
/* move the whole thumbnail column right */
body.tax-business_category .ast-blog-featured-section.ast-width-md-6{
padding-left: 65px !important;
}
/* keep the actual thumb wrapper aligned inside that column */
body.tax-business_category .post-thumb{
width: 220px !important;
min-width: 220px !important;
margin: 0 !important;
text-align: center !important;
}
body.tax-business_category .post-thumb > a{
display: inline-block !important;
margin: 0 auto !important;
}
body.tax-business_category .post-thumb img{
width: 220px !important;
height: 220px !important;
max-width: 220px !important;
margin: 0 auto !important;
display: block !important;
}
}
@media (min-width: 768px){
body.tax-business_category .ast-blog-featured-section.ast-width-md-6{
padding-top: 10px !important;
}
}
/* FORCE INTER ON BUSINESS CATEGORY ARCHIVE TEXT */
body.tax-business_category,
body.tax-business_category .ast-archive-description,
body.tax-business_category .ast-archive-description h1,
body.tax-business_category .ast-archive-description .page-title,
body.tax-business_category .ast-archive-description p,
body.tax-business_category article.ast-article-post,
body.tax-business_category .ast-article-inner,
body.tax-business_category .post-content,
body.tax-business_category .entry-title,
body.tax-business_category .entry-title a,
body.tax-business_category .ast-excerpt-container,
body.tax-business_category .ast-excerpt-container p,
body.tax-business_category .entry-content,
body.tax-business_category .entry-content p,
body.tax-business_category .read-more,
body.tax-business_category .read-more a{
font-family: "Inter", sans-serif !important;
}
/* specifically beat archive title styling */
body.tax-business_category h2.entry-title,
body.tax-business_category h2.entry-title a,
body.tax-business_category .entry-title,
body.tax-business_category .entry-title a{
font-family: "Inter", sans-serif !important;
font-weight: 800 !important;
}
body.tax-business_category .entry-title *,
body.tax-business_category .ast-excerpt-container *,
body.tax-business_category .entry-content *{
font-family: "Inter", sans-serif !important;
}
/* FORCE INTER ON CATEGORY CARD TITLES (OVERRIDE ASTRA HARD RULE) */
body.tax-business_category.blog .ast-archive-post .entry-title,
body.tax-business_category.blog .ast-archive-post .entry-title a,
body.tax-business_category.archive .ast-archive-post .entry-title,
body.tax-business_category.archive .ast-archive-post .entry-title a,
body.tax-business_category.category .ast-archive-post .entry-title,
body.tax-business_category.category .ast-archive-post .entry-title a,
body.tax-business_category .ast-archive-post .entry-title,
body.tax-business_category .ast-archive-post .entry-title a{
font-family: "Inter", sans-serif !important;
font-weight: 800 !important;
}
/* BUSINESS CATEGORY — REDUCE SPACE UNDER HEADER (DESKTOP ONLY) */
@media (min-width: 768px){
/* reduce top padding from main content */
body.tax-business_category .site-content{
padding-top: 0 !important;
}
/* tighten archive title block */
body.tax-business_category .ast-archive-description{
margin-top: 0 !important;
margin-bottom: 18px !important;
padding-top: 0 !important;
}
/* remove extra hidden spacing Astra adds */
body.tax-business_category .ast-container{
padding-top: 0 !important;
}
}
/* SINGLE NEWS SHARE — KILL UNDERLINES + RESTORE HOVER LIFT */
body.single-sinews article .entry-content .si-news-share-buttons a,
body.single-sinews article .entry-content .si-news-share-buttons a:hover,
body.single-sinews article .entry-content .si-news-share-buttons a:focus,
body.single-sinews article .entry-content .si-news-share-buttons a:active,
body.single-sinews article .entry-content .si-news-share-buttons a:visited{
text-decoration: none !important;
text-decoration-line: none !important;
text-underline-offset: 0 !important;
text-decoration-thickness: 0 !important;
-webkit-text-decoration-line: none !important;
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
}
body.single-sinews article .entry-content .si-news-share-buttons a:hover,
body.single-sinews article .entry-content .si-news-share-buttons button:hover{
transform: translateY(-1px) !important;
border-color: #d0d7e2 !important;
box-shadow: none !important;
background: #fff !important;
}
/* FORMIDABLE — WIDER BUTTONS */
.frm_forms .frm_submit button,
.frm_forms .frm_submit input[type=submit]{
width: 100% !important;
max-width: 320px; /* control how wide */
display: block;
margin: 20px auto !important; /* center it */
}
/* MOBILE MENU — NUDGE "GET INVOLVED" LEFT PADDING +2px */
@media (max-width: 921px){
#ast-mobile-site-navigation .mobile-separator{
padding-left: 10px !important;
}
}
body.single-sievents #content.site-content article.ast-article-single .entry-title{
font-size: 24px !important;
}
/* SINGLE EVENTS — DESKTOP — REDUCE SPACE UNDER IMAGE */
body.single-sievents .ast-single-post-featured-section.post-thumb,
body.single-sievents .ast-single-post-featured-section.post-thumb.ast-article-image-container--wide{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-sievents article.ast-article-single{
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-sievents .ast-post-format.single-layout-1{
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-sievents .entry-header{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* =========================================================
EVENTS — TITLE SIZE (FORCE 20px ALL DEVICES)
FINAL WINNING FIX
========================================================= */
/* ARCHIVE */
body.page-id-2960 .site-content
.facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__body .si-event-card__title,
body.page-id-2960 .site-content
.facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__body h3,
/* SINGLE */
body.single-sievents .site-content
.si-event-card__body .si-event-card__title,
body.single-sievents .site-content
.si-event-card__body h3{
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
}
/* EVENTS ARCHIVE — DESKTOP — LOWER FIXED CARD HEIGHT */
@media (min-width: 922px){
body.page-id-2960 .site-content .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card{
height: 500px !important;
min-height: 500px !important;
}
}
/* EVENTS ARCHIVE — REDUCE SPACE UNDER TITLE (DESKTOP ONLY) */
@media (min-width: 768px){
body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__title{
margin-bottom: 4px !important;
}
body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__body{
gap: 6px !important;
}
}
/* SINGLE EVENTS — DESCRIPTION FONT SIZE */
body.single-sievents #content article.ast-article-single .entry-content p{
font-size: 17px !important;
line-height: 1.6 !important;
}
/* SINGLE EVENTS — REMOVE SPACE ABOVE TITLE */
body.single-sievents .ast-single-post-featured-section.post-thumb{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.single-sievents article.ast-article-single{
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-sievents .ast-post-format{
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-sievents .entry-header{
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-sievents .entry-title{
margin-top: 0 !important;
}
/* SINGLE EVENTS — TITLE SIZE */
body.single-sievents .entry-title{
font-size: 22px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
}
/* EVENTS ARCHIVE — REDUCE SPACE UNDER IMAGE (DESKTOP + MOBILE) */
body.page-id-2960
.facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__body{
padding-top: 12px !important; /* adjust: 8–14px sweet spot */
}
/* In case there's margin on title too */
body.page-id-2960
.facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__title{
margin-top: 0 !important;
}
/* EVENTS ARCHIVE — LOCATION (MOBILE ONLY) */
@media (max-width: 767px){
body.page-id-2960
.facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__meta.si-event-card__meta--bottom
.si-event-card__meta-item{
font-size: 14px !important;
}
}
/* =========================================================
HOMEPAGE — "WHAT’S NEW" SPACING (FINAL BALANCE)
========================================================= */
/* DESKTOP */
@media (min-width: 768px){
.home section.si-whats-new{
margin-top: 64px !important;
}
}
/* MOBILE */
@media (max-width: 767px){
.home section.si-whats-new{
margin-top: 56px !important;
}
}
/* =========================================================
EVENTS — DATE + TIME + LOCATION SIZE (MOBILE ONLY)
Archive + Single
========================================================= */
@media (max-width: 767px){
/* SINGLE EVENT */
body.single-sievents .si-event-card__meta-item.si-event-date,
body.single-sievents .si-event-card__meta-item.si-event-time,
body.single-sievents .si-event-card__meta-bottom .si-event-card__meta-item,
/* EVENTS ARCHIVE */
body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__meta-item.si-event-date,
body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__meta-item.si-event-time,
body.page-id-2960 .facetwp-wrapper.si-events-wrap
.facetwp-template[data-name="events"]
.si-event-card__meta-bottom .si-event-card__meta-item{
font-size: 14px !important;
line-height: 1.3 !important;
font-weight: 500 !important;
}
}
/* =========================================================
NAVIGATION — FINAL (ASTRA CLEAN TARGETING)
========================================================= */
/* MOBILE */
@media (max-width: 767px){
.ast-header-break-point .main-header-menu .menu-link{
font-weight: 500 !important;
letter-spacing: -0.01em;
}
.ast-header-break-point .main-header-menu .current-menu-item > .menu-link{
font-weight: 600 !important;
}
}
/* DESKTOP */
@media (min-width: 768px){
header#masthead .main-header-menu .menu-link{
font-weight: 500 !important;
letter-spacing: -0.01em;
}
header#masthead .main-header-menu .current-menu-item > .menu-link{
font-weight: 600 !important;
}
}
/* =========================================================
SINGLE BUSINESS — SECTION TITLE SIZE
(e.g. "Current Deals")
========================================================= */
body.single-sibusinesses .si-business-single__section-title{
font-size: 24px !important;
line-height: 1.2 !important;
font-weight: 700 !important;
}
/* =========================================================
JOBS ARCHIVE — TITLE SIZE (MOBILE + DESKTOP)
Page ID: 2789
========================================================= */
/* MOBILE */
@media (max-width: 767px){
body.page-id-2789 .si-job-indeed-card h3,
body.page-id-2789 .si-job-indeed-card .si-job-title{
font-size: 18px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
}
}
/* DESKTOP */
@media (min-width: 768px){
body.page-id-2789 .si-job-indeed-card h3,
body.page-id-2789 .si-job-indeed-card .si-job-title{
font-size: 20px !important;
line-height: 1.3 !important;
font-weight: 700 !important;
}
}
/* GLOBAL HEADING FONT FIX */
h1, h2, h3, h4, h5, h6,
.uagb-heading-text{
font-family: "Inter", sans-serif !important;
}
@media (max-width: 767px) {
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-content {
padding-bottom: 0 !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-card .si-business-visit {
margin-top: 0 !important;
}
}
/* BUSINESS ARCHIVE — MOBILE TITLE STYLE */
@media (max-width: 767px){
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-name{
font-size: 20px !important;
font-weight: 700 !important;
}
}
/* BUSINESS ARCHIVE — ADD SPACE ABOVE DESCRIPTION */
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-card .si-business-desc {
margin: 8px 0 6px !important;
}
/* BUSINESS ARCHIVE — DESKTOP — FIXED GRID */
@media (min-width: 768px){
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-name{
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
line-height: 1.15 !important;
min-height: 2.3em !important; /* reserves 2 lines, but tighter */
margin: 0 0 4px !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-meta{
margin: 0 0 10px !important;
line-height: 1.15 !important;
}
}
/* =========================================
SITEWIDE FONT — INTER (FULL REPLACEMENT)
========================================= */
/* Base body text */
body {
font-family: 'Inter', sans-serif !important;
font-weight: 400 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Headings */
h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title {
font-family: 'Inter', sans-serif !important;
font-weight: 600 !important;
letter-spacing: -0.01em;
}
/* Strong headings */
h1, h2 {
font-weight: 700 !important;
}
/* Buttons + UI */
button,
input,
select,
textarea,
.ast-button,
.wp-block-button__link {
font-family: 'Inter', sans-serif !important;
}
/* Business / Deals / Cards */
.si-business-name,
.si-business-single__title,
.si-coupon-archive-title,
.si-event-title,
.si-job-title {
font-family: 'Inter', sans-serif !important;
font-weight: 600 !important;
}
/* Meta / small text */
.si-business-single__meta,
.si-coupon-archive-meta,
.si-event-meta,
.si-job-meta {
font-family: 'Inter', sans-serif !important;
font-weight: 500 !important;
}
/* FORCE INTER FONT ON COMMUNITY PAGE HEADING */
body.page-id-12 .uagb-heading-text{
font-family: "Inter", sans-serif !important;
}
/* SINGLE BUSINESS — ADD SPACE UNDER CATEGORY (REAL FIX) */
body.single-sibusinesses .si-business-single__desc p {
margin-top: 18px !important;
}
/* BUSINESS TITLES — USE INTER FONT */
body .si-business-name,
body .si-business-single__title {
font-family: 'Inter', sans-serif !important;
}
/* SINGLE BUSINESS TITLE — MATCH ARCHIVE STYLE */
body.single-sibusinesses .si-business-single__title {
font-size: 24px !important;
line-height: 1.25 !important;
font-weight: 700 !important;
letter-spacing: normal !important;
margin: 0 0 6px !important;
}
/* COMMUNITY STANDARD — MATCH NEWS WIDTH (MOBILE ONLY) */
@media (max-width: 767px) {
body.page-id-1478 .ast-container {
max-width: 1100px !important;
width: 100% !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
}
/* SINGLE BUSINESS DEALS — MOBILE TITLE MATCH DEALS ARCHIVE */
@media (max-width: 767px) {
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-title {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
line-height: 1.18 !important;
min-height: calc(1.18em * 2) !important;
max-height: calc(1.18em * 2) !important;
margin: 0 0 8px !important;
}
}
/* JOBS ARCHIVE — MOBILE — REMOVE TOP GAP COMPLETELY */
@media (max-width: 767px) {
body.page-id-2789 .facetwp-wrapper.si-jobboard-wrap {
padding-top: 0 !important;
margin-top: 0 !important;
}
}
/* =========================================================
BUSINESS CONFIRMATION — REMOVE DESKTOP VERTICAL CENTERING
========================================================= */
@media (min-width: 768px){
body.page-id-2446 main#main{
min-height: auto !important;
display: block !important;
align-items: initial !important;
justify-content: initial !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
body.page-id-2446 .wp-site-blocks{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
/* =========================================
CONFIRMATION PAGES — TEXT COLOR (APPLE STYLE)
========================================= */
/* Main headings */
body.page-id-2446 h1,
body.page-id-1638 h1,
body.page-id-10 h1,
body.page-id-11 h1,
body.page-id-8 h1 {
color: #111 !important;
}
/* Section titles (h3) */
body.page-id-2446 h3,
body.page-id-1638 h3,
body.page-id-10 h3,
body.page-id-11 h3,
body.page-id-8 h3 {
color: #111 !important;
}
/* Subtitles (h4) */
body.page-id-2446 h4,
body.page-id-1638 h4,
body.page-id-10 h4,
body.page-id-11 h4,
body.page-id-8 h4 {
color: #333 !important;
}
/* =========================================================
BUSINESS CONFIRMATION — REMOVE EXTRA TOP SPACE (DESKTOP)
========================================================= */
@media (min-width: 768px){
body.page-id-2446 .site-content {
padding-top: 10px !important;
}
body.page-id-2446 #primary {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.page-id-2446 .entry-content {
margin-top: 0 !important;
}
}
/* Body text */
body.page-id-2446 p,
body.page-id-1638 p,
body.page-id-10 p,
body.page-id-11 p,
body.page-id-2446 li,
body.page-id-1638 li,
body.page-id-10 li,
body.page-id-11 li {
color: #444 !important;
}
/* Fix any faded theme styles */
body.page-id-2446 h1,
body.page-id-2446 h3,
body.page-id-2446 h4,
body.page-id-1638 h1,
body.page-id-1638 h3,
body.page-id-1638 h4,
body.page-id-10 h1,
body.page-id-10 h3,
body.page-id-10 h4,
body.page-id-11 h1,
body.page-id-11 h3,
body.page-id-11 h4 {
opacity: 1 !important;
}
/* =========================================================
SINGLE BUSINESS DEALS — MOBILE FIX ONLY (FINAL)
DO NOT TOUCH DESKTOP
========================================================= */
@media (max-width: 767px){
/* STOP vertical stretching */
body.single-sibusinesses a.si-coupon-archive-card,
body.single-sibusinesses a.si-coupon-archive-card.has-logo{
align-items: center !important;
height: auto !important;
min-height: 0 !important;
}
/* REMOVE forced full-height column */
body.single-sibusinesses a.si-coupon-archive-card > .si-coupon-archive-content{
height: auto !important;
min-height: 0 !important;
justify-content: flex-start !important;
gap: 0 !important;
}
/* DO NOT pin expiry to bottom on mobile */
body.single-sibusinesses a.si-coupon-archive-card > .si-coupon-archive-content > .si-coupon-archive-expiry{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* tighten overall spacing to match archive */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-card{
padding: 14px !important;
gap: 14px !important;
}
/* make logo box a little larger so it matches archive better */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-media{
width: 92px !important;
min-width: 92px !important;
max-width: 92px !important;
height: 92px !important;
min-height: 92px !important;
max-height: 92px !important;
}
/* keep logo centered and slightly larger inside the box */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-media img,
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-thumb,
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-default{
width: 92% !important;
height: 92% !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
/* title = same stack rhythm as archive */
body.single-sibusinesses .si-coupon-archive-title{
margin: 0 0 6px !important;
line-height: 1.2 !important;
}
/* business name = same size, position, spacing as archive */
body.single-sibusinesses .si-coupon-archive-biz,
body.single-sibusinesses .si-coupon-archive-meta{
font-size: 14px !important;
line-height: 1.22 !important;
font-weight: 500 !important;
margin: 0 0 6px !important;
display: block !important;
min-height: 0 !important;
}
/* remove hidden extra spacing from nested wrappers */
body.single-sibusinesses .si-coupon-archive-meta span,
body.single-sibusinesses .si-coupon-archive-biz span{
display: block !important;
margin: 0 !important;
padding: 0 !important;
line-height: inherit !important;
}
/* expiry = same position + spacing as archive */
body.single-sibusinesses .si-coupon-archive-expiry{
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 1.2 !important;
}
}
/* =========================================================
DEALS ARCHIVE — FINAL CLEAN VERSION
Page ID: 1645
========================================================= */
body.page-id-1645{
background: #f5f7fb;
}
body.page-id-1645 .facetwp-template[data-name="coupons"]{
display: grid !important;
grid-template-columns: repeat(2, minmax(0,1fr)) !important;
gap: 24px !important;
align-items: stretch !important;
}
/* neutralize FacetWP row wrappers */
body.page-id-1645 .facetwp-template[data-name="coupons"] .fwp-row,
body.page-id-1645 .facetwp-template[data-name="coupons"] .fwpl-row,
body.page-id-1645 .facetwp-template[data-name="coupons"] [class*="fwp-row"]{
display: contents !important;
}
body.page-id-1645 .facetwp-template[data-name="coupons"] .fwp-col,
body.page-id-1645 .facetwp-template[data-name="coupons"] .fwpl-col,
body.page-id-1645 .facetwp-template[data-name="coupons"] [class*="fwp-col"]{
min-width: 0 !important;
}
/* card */
body.page-id-1645 .si-coupon-archive-card{
display: flex !important;
align-items: center !important;
gap: 18px !important;
height: 100% !important;
min-height: 176px !important;
background: #fff !important;
border-radius: 18px !important;
padding: 16px 18px !important;
text-decoration: none !important;
color: inherit !important;
border: 0 !important;
box-shadow: 0 10px 26px rgba(15,23,42,.10) !important;
transition: transform .16s ease, box-shadow .16s ease !important;
}
@media (hover:hover){
body.page-id-1645 .si-coupon-archive-card:hover{
transform: translateY(-2px) !important;
box-shadow: 0 14px 34px rgba(15,23,42,.14) !important;
}
}
/* left column */
body.page-id-1645 .si-coupon-left{
flex: 0 0 96px !important;
width: 96px !important;
min-width: 96px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* logo box */
body.page-id-1645 .si-coupon-archive-media{
width: 96px !important;
height: 96px !important;
min-width: 96px !important;
min-height: 96px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #fff !important;
border-radius: 14px !important;
overflow: hidden !important;
padding: 6px !important;
margin: 0 !important;
box-sizing: border-box !important;
border: 0 !important;
box-shadow: none !important;
}
body.page-id-1645 .si-coupon-archive-media picture,
body.page-id-1645 .si-coupon-archive-media .si-coupon-archive-media-inner {
width: 100% !important;
height: 100% !important;
display: block !important; /* 👈 KEY CHANGE */
margin: 0 !important;
padding: 0 !important;
}
/* IMPORTANT: no cropping */
body.page-id-1645 .si-coupon-archive-media img,
body.page-id-1645 .si-coupon-archive-media picture img,
body.page-id-1645 .si-coupon-archive-thumb{
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
position: static !important;
inset: auto !important;
transform: none !important;
}
/* right content */
body.page-id-1645 .si-coupon-right{
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
align-items: center !important;
}
body.page-id-1645 .si-coupon-archive-content{
width: 100% !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
/* title */
body.page-id-1645 .si-coupon-archive-title{
margin: 0 0 6px !important;
font-size: 20px !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
font-weight: 800 !important;
color: #0f172a !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
min-height: calc(1.15em * 2) !important;
}
/* business */
body.page-id-1645 .si-coupon-archive-biz{
margin: 0 0 10px !important;
font-size: 16px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
color: #334155 !important;
display: block !important;
min-height: 0 !important;
}
/* expiry */
body.page-id-1645 .si-coupon-archive-expiry{
margin-top: auto !important;
display: flex !important;
align-items: baseline !important;
gap: 8px !important;
font-size: 13px !important;
line-height: 1.2 !important;
color: rgba(15,23,42,.65) !important;
}
body.page-id-1645 .si-coupon-archive-exp-label{
color: rgba(15,23,42,.55) !important;
font-size: 13px !important;
font-weight: 400 !important;
}
body.page-id-1645 .si-coupon-archive-exp{
font-weight: 700 !important;
color: #0f172a !important;
}
/* tablet/mobile */
@media (max-width: 1024px){
body.page-id-1645 .facetwp-template[data-name="coupons"]{
grid-template-columns: 1fr !important;
gap: 20px !important;
}
}
@media (max-width: 767px){
body.page-id-1645 .facetwp-template[data-name="coupons"]{
gap: 18px !important;
}
body.page-id-1645 .si-coupon-archive-card{
min-height: 150px !important;
padding: 14px !important;
gap: 14px !important;
border-radius: 16px !important;
}
body.page-id-1645 .si-coupon-left{
flex: 0 0 88px !important;
width: 88px !important;
min-width: 88px !important;
}
body.page-id-1645 .si-coupon-archive-media{
width: 88px !important;
height: 88px !important;
min-width: 88px !important;
min-height: 88px !important;
padding: 4px !important;
border-radius: 12px !important;
}
body.page-id-1645 .si-coupon-archive-title{
font-size: 15px !important;
line-height: 1.18 !important;
min-height: calc(1.18em * 2) !important;
}
body.page-id-1645 .si-coupon-archive-biz{
font-size: 15px !important;
line-height: 1.2 !important;
margin: 0 0 8px !important;
}
body.page-id-1645 .si-coupon-archive-expiry{
font-size: 12px !important;
gap: 6px !important;
}
}
.si-business-single__category{
font-weight: 600;
color: #4b5563;
letter-spacing: 0.2px;
}
.si-business-single__title{
margin-bottom: 4px !important;
line-height: 1.1;
}
.si-business-single__meta{
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin: 2px 0 14px;
font-size: 15px;
line-height: 1.35;
color: #6b7280;
font-weight: 500;
}
.si-business-single__category{
color: #4b5563;
font-weight: 600;
}
.si-business-single__location{
color: #6b7280;
font-weight: 500;
}
.si-business-single__meta-sep{
opacity: .45;
transform: translateY(-1px);
}
@media (max-width: 767px){
.si-business-single__meta{
justify-content: center;
text-align: center;
font-size: 14px;
}
}
/* ===============================
BUSINESS CARD – FINAL STYLING
=============================== */
/* Title spacing (tight + clean) */
.si-business-card .si-business-name{
margin-bottom: 2px !important;
line-height: 1.25;
}
/* Meta line (category • location) */
.si-business-meta{
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 2px 0 12px; /* tighter under title */
font-size: 12.5px;
line-height: 1.3;
color: #7c8798; /* balanced readability */
font-weight: 500;
text-align: center;
flex-wrap: wrap;
}
/* Separator dot */
.si-business-meta-sep{
opacity: .4;
transform: translateY(-1px); /* optical alignment */
}
/* Category + Location styling */
.si-business-category{
font-weight: 500;
color: #6b7280; /* slightly stronger than location */
}
.si-business-location{
font-weight: 500;
color: #7c8798;
}
/* Ensure clean inline layout */
.si-business-category,
.si-business-location{
display: inline-block;
}
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-card{
gap: 20px !important;
}
body.home .si-home-gw-title{
margin-bottom: 8px !important;
}
.si-business-single__meta{
margin-top: 6px; /* space between title and category */
margin-bottom: 10px;
}
/* EVENTS — add vertical breathing room only */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card .si-job-details-btn{
height: 48px !important;
min-height: 48px !important;
}
/* EVENTS — force same blue as Join Community */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card .si-job-details-btn{
background: var(--ast-global-color-0) !important;
background-color: var(--ast-global-color-0) !important;
color: #fff !important;
}
/* EVENTS — darker hover */
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-event-card .si-job-details-btn:hover{
background: var(--ast-global-color-1) !important;
background-color: var(--ast-global-color-1) !important;
color: #fff !important;
}
/* HOMEPAGE VOUCHER BUTTON — match Join Community EXACT */
body.home .si-home-gw-banner .si-home-gw-btn:hover{
background: var(--ast-global-color-1) !important;
background-color: var(--ast-global-color-1) !important;
border-color: var(--ast-global-color-1) !important;
color: #fff !important;
transform: none !important;
box-shadow: none !important;
filter: none !important;
}
/* SINGLE EVENT — button-only hover for both buttons */
body.single-sievents #content.site-content article.ast-article-single .si-event-actions a.si-event-action:hover{
background: var(--ast-global-color-1) !important;
background-color: var(--ast-global-color-1) !important;
color: #fff !important;
}
body.page-id-2960 .facetwp-wrapper.si-events-wrap .facetwp-template[data-name="events"] .si-job-details-btn:hover{
background: var(--ast-global-color-1) !important;
background-color: var(--ast-global-color-1) !important;
color: #fff !important;
}
/* COMMUNITY STANDARD — match View Business behavior */
body.page-id-2506 .si-community-standard-card:hover .si-community-standard-card__link{
background-color: var(--ast-global-color-1) !important;
color: #fff !important;
}
/* JOBS — match hover system */
body.page-id-2789 .si-job-indeed-card{
transition: transform .16s ease, box-shadow .16s ease !important;
}
body.page-id-2789 .si-job-indeed-card:hover,
body.page-id-2789 .si-job-indeed-card:focus-within{
transform: translateY(-4px) !important;
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12) !important;
}
/* DEALS — add same lift as news */
body.page-id-1645 .si-coupon-archive-card:hover{
transform: translateY(-4px) !important;
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12) !important;
}
/* NEWS — same hover feel as deals */
body.page-id-1473 .facetwp-template[data-name="news"] .si-news-card{
transition: transform .16s ease, box-shadow .16s ease !important;
will-change: transform;
}
body.page-id-1473 .facetwp-template[data-name="news"] .si-news-card:hover,
body.page-id-1473 .facetwp-template[data-name="news"] .si-news-card:focus-within{
transform: translateY(-4px) !important;
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12) !important;
}
body.page-id-2789 #primary{
margin-top: 0 !important;
}
/* JOBS — match visual spacing to other pages */
body.page-id-2789 .facetwp-template {
margin-bottom: 20px !important;
}
/* STANDARDIZE SPACE ABOVE FOOTER ON ALL ARCHIVE PAGES */
html body.page-id-2506 #content.site-content, /* Businesses */
html body.page-id-1645 #content.site-content, /* Deals */
html body.page-id-1473 #content.site-content, /* News */
html body.page-id-2960 #content.site-content, /* Events */
html body.page-id-2789 #content.site-content { /* Jobs */
padding-bottom: 80px !important;
}
/* =========================================================
GLOBAL LOAD MORE BUTTON STYLE
========================================================= */
.facetwp-load-more {
display: inline-block !important;
margin: 0 auto !important;
border-radius: 999px;
padding: 14px 32px;
font-size: 15px;
font-weight: 600;
border: 2px solid #1f6fd1;
color: #1f6fd1;
background: transparent;
}
.facetwp-load-more:hover {
background: #1f6fd1;
color: #fff;
}
/* =========================================================
BUSINESSES PAGE
Page ID: 2506
Facet: business_load_more
========================================================= */
body.page-id-2506 .facetwp-facet-business_load_more {
width: 100% !important;
display: block !important;
text-align: center !important;
margin: 30px 0 20px !important;
}
@media (max-width: 768px) {
body.page-id-2506 .facetwp-template {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
gap: 18px !important;
}
body.page-id-2506 .facetwp-facet-business_load_more {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.page-id-2506 .facetwp-facet-business_load_more .facetwp-load-more {
margin-top: 0 !important;
}
body.page-id-2506 .facetwp-facet-business_load_more + p:empty,
body.page-id-2506 .facetwp-template + .facetwp-facet-business_load_more + p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
}
/* hide when FacetWP marks it hidden */
body.page-id-2506 .facetwp-facet-business_load_more.facetwp-hidden,
body.page-id-2506 .facetwp-facet-business_load_more .facetwp-hidden,
body.page-id-2506 .facetwp-facet-business_load_more .facetwp-load-more.facetwp-hidden {
display: none !important;
}
/* =========================================================
DEALS PAGE
Page ID: 1645
Facet: coupon_load_more
KEEP 35px BOTTOM SPACE
========================================================= */
body.page-id-1645 .facetwp-facet-coupon_load_more {
width: 100% !important;
display: block !important;
text-align: center !important;
margin: 30px 0 20px !important;
}
@media (max-width: 768px) {
body.page-id-1645 .facetwp-template {
margin-bottom: 35px !important;
padding-bottom: 0 !important;
gap: 18px !important;
}
body.page-id-1645 .facetwp-facet-coupon_load_more {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
body.page-id-1645 .facetwp-facet-coupon_load_more .facetwp-load-more {
margin-top: 0 !important;
}
body.page-id-1645 .facetwp-facet-coupon_load_more + p:empty,
body.page-id-1645 .facetwp-template + .facetwp-facet-coupon_load_more + p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
}
/* hide when FacetWP marks it hidden */
body.page-id-1645 .facetwp-facet-coupon_load_more.facetwp-hidden,
body.page-id-1645 .facetwp-facet-coupon_load_more .facetwp-hidden,
body.page-id-1645 .facetwp-facet-coupon_load_more .facetwp-load-more.facetwp-hidden {
display: none !important;
}
/* =========================================================
NEWS PAGE
Page ID: 1473
Facet: news_load_more
========================================================= */
body.page-id-1473 .facetwp-facet-news_load_more {
width: 100% !important;
display: block !important;
text-align: center !important;
margin: 0 !important;
}
body.page-id-1473 .si-news-wrap,
body.page-id-1473 .facetwp-template {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
body.page-id-1473 .facetwp-facet-news_load_more + p:empty,
body.page-id-1473 .si-news-wrap + p:empty,
body.page-id-1473 .facetwp-template + .facetwp-facet-news_load_more + p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
@media (max-width: 768px) {
body.page-id-1473 .si-news-wrap {
row-gap: 16px !important;
}
body.page-id-1473 .facetwp-facet-news_load_more {
margin-top: -10px !important;
margin-bottom: 0 !important;
}
}
/* hide when FacetWP marks it hidden */
body.page-id-1473 .facetwp-facet-news_load_more.facetwp-hidden,
body.page-id-1473 .facetwp-facet-news_load_more .facetwp-hidden,
body.page-id-1473 .facetwp-facet-news_load_more .facetwp-load-more.facetwp-hidden {
display: none !important;
}
/* =========================================================
EVENTS PAGE
Page ID: 2960
Facet: events_load_more
========================================================= */
body.page-id-2960 .facetwp-facet-events_load_more {
width: 100% !important;
display: block !important;
text-align: center !important;
margin: 30px 0 20px !important;
}
@media (max-width: 768px) {
body.page-id-2960 .facetwp-template {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
gap: 18px !important;
}
body.page-id-2960 .facetwp-facet-events_load_more {
margin-top: -10px !important;
margin-bottom: 0 !important;
}
body.page-id-2960 .facetwp-facet-events_load_more .facetwp-load-more {
margin-top: 0 !important;
}
body.page-id-2960 .facetwp-facet-events_load_more + p:empty,
body.page-id-2960 .facetwp-template + .facetwp-facet-events_load_more + p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
}
/* hide when FacetWP marks it hidden */
body.page-id-2960 .facetwp-facet-events_load_more.facetwp-hidden,
body.page-id-2960 .facetwp-facet-events_load_more .facetwp-hidden,
body.page-id-2960 .facetwp-facet-events_load_more .facetwp-load-more.facetwp-hidden {
display: none !important;
}
/* =========================================================
JOBS PAGE
Page ID: 2789
Facet: jobs_load_more
========================================================= */
body.page-id-2789 .facetwp-facet-jobs_load_more {
width: 100% !important;
display: block !important;
text-align: center !important;
margin: 30px 0 20px !important;
}
@media (max-width: 768px) {
body.page-id-2789 .facetwp-template {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
gap: 18px !important;
}
body.page-id-2789 .facetwp-facet-jobs_load_more {
margin-top: -10px !important;
margin-bottom: 0 !important;
}
body.page-id-2789 .facetwp-facet-jobs_load_more .facetwp-load-more {
margin-top: 0 !important;
}
body.page-id-2789 .facetwp-facet-jobs_load_more + p:empty,
body.page-id-2789 .facetwp-template + .facetwp-facet-jobs_load_more + p:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
}
/* hide when FacetWP marks it hidden */
body.page-id-2789 .facetwp-facet-jobs_load_more.facetwp-hidden,
body.page-id-2789 .facetwp-facet-jobs_load_more .facetwp-hidden,
body.page-id-2789 .facetwp-facet-jobs_load_more .facetwp-load-more.facetwp-hidden {
display: none !important;
}
/* =========================================================
SINGLE JOBS — ADD TOP SPACE BACK
========================================================= */
@media (min-width: 768px){
body.single-sijobs .ast-container{
padding-top: 12px !important;
}
}
/* THIS creates real space under the scaled logo */
body.single-sijobs .si-business-logo + .si-job-single__header{
margin-top: 60px !important;
}
/* =========================================================
SINGLE JOB — BENEFITS WIDTH MATCH META CARDS (DESKTOP)
========================================================= */
@media (min-width: 769px){
body.single-si.entry-content .si-job-single__benefits{
width:100% !important;
max-width:760px !important;
margin:32px auto 26px !important;
padding:26px 28px 24px !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-grid{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
column-gap:44px !important;
}
}
/* =========================================================
SINGLE JOB — V3 META FINAL
CLEAN SCOPED VERSION
========================================================= */
/* =========================
META GRID
========================= */
body.single-sijobs .si-job-single__meta{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:12px !important;
max-width:760px !important;
margin:20px auto 0 !important;
}
/* =========================
CARD BASE
ONLY TARGET META ITEMS
========================= */
body.single-sijobs .si-job-single__meta > .si-job-single__pill,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill{
position:relative !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:center !important;
min-height:72px !important;
padding:14px 16px 14px 52px !important;
border:1px solid #e5e7eb !important;
border-radius:16px !important;
background:#fff !important;
box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
text-decoration:none !important;
text-align:left !important;
color:#111827 !important;
opacity:1 !important;
transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}
/* =========================
ICON CHIP
========================= */
body.single-sijobs .si-job-single__meta > .si-job-single__pill::before,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill::before{
content:"";
position:absolute;
left:14px;
top:50%;
transform:translateY(-50%);
width:26px;
height:26px;
border-radius:8px;
background:#f3f4f6 !important;
display:flex;
align-items:center;
justify-content:center;
font-size:13px;
line-height:1;
color:#111827 !important;
opacity:1 !important;
}
/* =========================
LABEL
========================= */
body.single-sijobs .si-job-single__meta .si-job-single__pill-label{
display:block !important;
margin:0 0 3px !important;
font-size:11px !important;
line-height:1.2 !important;
font-weight:700 !important;
letter-spacing:.04em !important;
text-transform:uppercase !important;
color:#6b7280 !important;
opacity:1 !important;
}
/* =========================
VALUE
========================= */
body.single-sijobs .si-job-single__meta .si-job-single__pill-value{
display:block !important;
font-size:15px !important;
line-height:1.3 !important;
font-weight:700 !important;
color:#111827 !important;
opacity:1 !important;
word-break:break-word !important;
}
/* =========================
HOVER
========================= */
body.single-sijobs .si-job-single__meta > .si-job-single__pill:hover,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill:hover{
transform:translateY(-1px) !important;
box-shadow:0 6px 18px rgba(0,0,0,.06) !important;
border-color:#dbe1e8 !important;
}
/* =========================
ICONS
========================= */
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-pay::before,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-pay::before{
content:"$";
font-weight:800;
}
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-job-type::before,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-job-type::before{
content:"⌘";
font-weight:700;
}
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-schedule::before,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-schedule::before{
content:"◷";
font-weight:700;
}
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-work-type::before,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-work-type::before{
content:"▣";
font-weight:700;
}
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-location::before,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-location::before{
content:"⌖";
font-weight:700;
}
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-website::before,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-website::before{
content:"↗";
font-weight:800;
}
/* =========================
WEBSITE
========================= */
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-website,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-website .si-job-single__pill-value{
color:#111827 !important;
text-decoration:none !important;
}
/* =========================
DESKTOP SPANS
========================= */
@media (min-width:769px){
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-location,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-location,
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-website,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-website{
grid-column:span 2 !important;
}
}
/* =========================
TABLET
========================= */
@media (max-width:980px){
body.single-sijobs .si-job-single__meta{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
max-width:680px !important;
}
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-location,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-location,
body.single-sijobs .si-job-single__meta > .si-job-single__pill.is-website,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill.is-website{
grid-column:auto !important;
}
}
/* =========================
MOBILE
========================= */
@media (max-width:640px){
body.single-sijobs .si-job-single__meta{
grid-template-columns:1fr !important;
gap:10px !important;
margin-top:16px !important;
}
body.single-sijobs .si-job-single__meta > .si-job-single__pill,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill{
min-height:68px !important;
padding:13px 14px 13px 48px !important;
border-radius:14px !important;
}
body.single-sijobs .si-job-single__meta > .si-job-single__pill::before,
body.single-sijobs .si-job-single__meta > a.si-job-single__pill::before{
left:13px !important;
width:24px !important;
height:24px !important;
border-radius:7px !important;
font-size:12px !important;
}
body.single-sijobs .si-job-single__meta .si-job-single__pill-label{
font-size:10px !important;
}
body.single-sijobs .si-job-single__meta .si-job-single__pill-value{
font-size:14px !important;
}
}
/* =========================================================
TEXT FIXES FOR REST OF PAGE
========================================================= */
/* Company + date */
body.single-sijobs .si-job-single__company{
color:#111827 !important;
opacity:1 !important;
}
body.single-sijobs .si-job-single__date{
color:#6b7280 !important;
opacity:1 !important;
}
/* Benefits */
body.single-sijobs .si-job-single__benefits,
body.single-sijobs .si-job-single__benefits-title,
body.single-sijobs .si-job-single__benefits-grid,
body.single-sijobs .si-job-single__benefits-col,
body.single-sijobs .si-job-single__benefits-col li{
opacity:1 !important;
}
body.single-sijobs .si-job-single__benefits-title,
body.single-sijobs .si-job-single__benefits-col li{
color:#111827 !important;
}
/* Job description */
body.single-sijobs .si-job-description-title{
color:#111827 !important;
opacity:1 !important;
}
body.single-sijobs .entry-content > p,
body.single-sijobs .entry-content > ul,
body.single-sijobs .entry-content > ol,
body.single-sijobs .entry-content > div:not(.si-job-single):not(.si-news-share){
color:#111827 !important;
opacity:1 !important;
}
/* Share block */
body.single-sijobs .si-news-share,
body.single-sijobs .si-news-share *{
opacity:1 !important;
}
body.single-sijobs .si-news-share,
body.single-sijobs .si-news-share-title,
body.single-sijobs .si-news-share-label{
color:#111827 !important;
}
/* JOBS ARCHIVE — MOBILE ONLY — REMOVE GAP ABOVE FIRST CARD */
@media (max-width: 767px) {
body.page-id-2789 .facetwp-wrapper.si-jobboard-wrap > div {
margin-top: 0 !important;
padding-top: 0 !important;
}
}
body.page-id-2789 .si-job-indeed-card__chips{
margin-top: 8px !important;
padding-top: 6px !important;
border-top: 1px solid #f1f5f9 !important;
}
/* FINAL POLISH */
body.page-id-2789 .si-job-chip--plain{
background: #f5f7fb !important;
color: #374151 !important;
}
body.page-id-2789 .si-job-indeed-card:hover .si-job-indeed-card__title{
text-decoration: none !important;
}
/* =========================================================
JOBS ARCHIVE — FINAL PREMIUM INDEED STYLE
DATE MOVED UNDER COMPANY
========================================================= */
body.page-id-2789 .facetwp-template[data-name="jobs"]{
gap: 24px !important;
}
body.page-id-2789 .facetwp-template[data-name="jobs"] .fwp-row{
align-items: stretch !important;
}
body.page-id-2789 .facetwp-template[data-name="jobs"] .fwp-col{
display: flex !important;
}
body.page-id-2789 .si-job-indeed-card{
position: relative !important;
display: block !important;
height: 100% !important;
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-radius: 20px !important;
padding: 18px !important;
box-shadow: 0 1px 6px rgba(0,0,0,.04) !important;
transition: all .2s ease !important;
overflow: hidden !important;
cursor: pointer !important;
}
body.page-id-2789 .si-job-indeed-card:hover{
box-shadow: 0 8px 18px rgba(0,0,0,.06) !important;
transform: translateY(-2px);
}
body.page-id-2789 .si-job-indeed-card:hover .si-job-indeed-card__title{
text-decoration: underline;
}
body.page-id-2789 .si-job-indeed-card__link{
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
}
body.page-id-2789 .si-job-indeed-card__main{
position: relative !important;
z-index: 1 !important;
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
}
body.page-id-2789 .si-job-indeed-card__logo-wrap{
flex: 0 0 58px !important;
}
body.page-id-2789 .si-job-indeed-card__logo-box{
width: 58px !important;
height: 58px !important;
border-radius: 12px !important;
background: #fff !important;
border: 1px solid #edf0f4 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 6px !important;
}
body.page-id-2789 .si-job-indeed-card__logo-box img{
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
}
body.page-id-2789 .si-job-indeed-card.no-logo .si-job-indeed-card__main{
gap: 0 !important;
}
body.page-id-2789 .si-job-indeed-card__content{
flex: 1 !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 8px !important;
}
body.page-id-2789 .si-job-indeed-card__top{
display: block !important;
}
body.page-id-2789 .si-job-indeed-card__headings{
min-width: 0 !important;
}
body.page-id-2789 .si-job-indeed-card__title{
margin: 0 !important;
font-size: 1.05rem !important;
line-height: 1.2 !important;
font-weight: 700 !important;
color: #1f2937 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
min-height: calc(1.2em * 2) !important;
}
body.page-id-2789 .si-job-indeed-card a{
color: inherit !important;
text-decoration: none !important;
}
body.page-id-2789 .si-job-indeed-card__company{
margin-top: 4px !important;
font-size: .95rem !important;
font-weight: 600 !important;
color: #111827 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
body.page-id-2789 .si-job-indeed-card__meta-line{
margin-top: 6px !important;
display: flex !important;
align-items: center !important;
gap: 6px !important;
flex-wrap: wrap !important;
}
body.page-id-2789 .si-job-indeed-card__date{
font-size: 12px !important;
font-weight: 500 !important;
color: #6b7280 !important;
opacity: .8 !important;
}
body.page-id-2789 .si-job-badge-new{
display: inline-block !important;
background: #e6f7ec !important;
color: #15803d !important;
font-size: 10px !important;
font-weight: 700 !important;
padding: 2px 7px !important;
border-radius: 999px !important;
line-height: 1.2 !important;
}
/* Hide truly empty badge spans */
body.page-id-2789 .si-job-badge-new:empty{
display: none !important;
}
body.page-id-2789 .si-job-indeed-card__chips{
display: flex !important;
flex-wrap: wrap !important;
gap: 6px !important;
margin-top: 2px !important;
}
body.page-id-2789 .si-job-chip{
padding: 5px 11px !important;
border-radius: 999px !important;
font-size: .8rem !important;
font-weight: 600 !important;
line-height: 1.2 !important;
}
body.page-id-2789 .si-job-chip--pay{
background: #e9f8ec !important;
color: #187a35 !important;
}
body.page-id-2789 .si-job-chip--plain{
background: transparent !important;
color: #111827 !important;
padding-left: 2px !important;
padding-right: 2px !important;
}
body.page-id-2789 .si-job-chip--type{
background: #eef2ff !important;
color: #3730a3 !important;
}
@media (max-width: 767px){
body.page-id-2789 .facetwp-template[data-name="jobs"]{
gap: 16px !important;
}
body.page-id-2789 .si-job-indeed-card{
padding: 14px !important;
}
body.page-id-2789 .si-job-indeed-card__title{
font-size: .98rem !important;
}
}
/* =========================
SINGLE JOB LOGO BOX
========================= */
body.single-sijobs .si-business-logo{
width: 140px !important;
min-width: 140px !important;
max-width: 140px !important;
height: 80px !important;
min-height: 80px !important;
max-height: 80px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 14px !important;
padding: 10px 12px !important;
box-sizing: border-box !important;
overflow: hidden !important;
background: #ffffff !important;
border-radius: 12px !important;
box-shadow: none !important;
aspect-ratio: auto !important;
}
/* picture wrapper */
body.single-sijobs .si-business-logo picture{
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* single image */
body.single-sijobs .si-business-logo img,
body.single-sijobs .si-business-logo picture img{
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
padding: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* =========================
MOBILE
========================= */
@media (max-width: 767px){
body.page-id-2789 .si-job-logo{
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
height: 68px !important;
min-height: 68px !important;
max-height: 68px !important;
padding: 8px 10px !important;
}
body.page-id-2789 .si-job-logo img,
body.page-id-2789 .si-job-logo picture img{
width: calc(100% - 10px) !important;
height: calc(100% - 10px) !important;
max-width: calc(100% - 10px) !important;
max-height: calc(100% - 10px) !important;
}
body.single-sijobs .si-business-logo{
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
height: 68px !important;
min-height: 68px !important;
max-height: 68px !important;
padding: 8px 10px !important;
}
}
/* =========================================================
READ NEXT — WIDER 3 CARDS (DESKTOP ONLY)
========================================================= */
@media (min-width: 1200px){
/* Expand section width */
body.single-sinews .si-read-next{
max-width: 1320px !important;
padding-left: 12px !important;
padding-right: 12px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Keep 3 columns, let them stretch */
body.single-sinews .si-read-next__grid{
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
}
/* Ensure cards fill space */
body.single-sinews .si-read-next__card{
width: 100% !important;
}
/* Slightly taller thumbnails for better proportions */
body.single-sinews .si-read-next__thumb{
aspect-ratio: 16 / 10 !important;
}
}
/* DESKTOP ONLY — stronger fix for single news specifically */
@media (min-width: 922px) {
body.single-sinews .ast-primary-header-bar .site-primary-header-wrap .ast-builder-grid-row-container.ast-container,
body.single-sinews .ast-primary-header-bar .ast-builder-grid-row.ast-builder-grid-row-has-sides.ast-builder-grid-row-no-center {
padding-left: 15px !important;
padding-right: 15px !important;
}
body.single-sijobs .ast-primary-header-bar .site-primary-header-wrap .ast-builder-grid-row-container.ast-container,
body.single-sijobs .ast-primary-header-bar .ast-builder-grid-row.ast-builder-grid-row-has-sides.ast-builder-grid-row-no-center {
padding-left: 30px !important;
padding-right: 30px !important;
}
}
/* Jobs – "No jobs match your search" text */
body.page-id-2789 .facetwp-template {
color: #111827 !important; /* Apple-style near black */
font-weight: 500;
font-size: 16px;
opacity: 1 !important;
}
/* If FacetWP wraps it in a div/span */
body.page-id-2789 .facetwp-template div,
body.page-id-2789 .facetwp-template span {
color: #111827 !important;
opacity: 1 !important;
}
/* SINGLE JOBS – match single news width */
body.single-sijobs .ast-container {
max-width: 1200px !important; /* match your news width */
width: 100% !important;
padding-left: 5px !important;
padding-right: 5px !important;
}
/* OPTIONAL: if news is truly full width (edge-to-edge) */
body.single-sijobs .ast-container {
max-width: 100% !important;
}
/* =========================================
NEWS — MAKE CARDS LOOK SAME WIDTH ON MOBILE
========================================= */
@media (max-width: 921px){
body.page-id-1473 .si-news-wrap{
padding-left: 15px !important;
padding-right: 15px !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.page-id-1473 .ast-container,
body.page-id-1473 .site-content,
body.page-id-1473 .entry-content{
padding-left: 0 !important;
padding-right: 0 !important;
}
body.page-id-1473 .facetwp-template[data-name="news"]{
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.page-id-1473 .facetwp-template[data-name="news"] .si-news-card{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding-left: 16px !important;
padding-right: 16px !important;
box-sizing: border-box !important;
}
}
/* =========================================
JOBS — MAKE CARDS WIDER ON MOBILE
========================================= */
@media (max-width: 921px){
body.page-id-2789 .facetwp-wrapper.si-jobboard-wrap{
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 10px !important;
padding-bottom: 30px !important;
max-width: 100% !important;
}
body.page-id-2789 .ast-container,
body.page-id-2789 .site-content,
body.page-id-2789 .entry-content{
padding-left: 0 !important;
padding-right: 0 !important;
}
body.page-id-2789 .facetwp-template[data-name="jobs"]{
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
gap: 20px !important;
}
body.page-id-2789 .facetwp-template[data-name="jobs"] .fwpl-item,
body.page-id-2789 .facetwp-template[data-name="jobs"] .fwpl-col{
width: 100% !important;
max-width: 100% !important;
}
body.page-id-2789 .si-job-card{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
}
/* =========================================
EVENTS — MAKE CARDS WIDER ON MOBILE
========================================= */
@media (max-width: 921px){
/* kill the wrapper padding that is shrinking the cards */
body.page-id-2960 .facetwp-wrapper.si-events-wrap{
padding-left: 15px !important;
padding-right: 15px !important;
padding-top: 30px !important;
padding-bottom: 30px !important;
max-width: 100% !important;
}
/* remove extra page/container squeeze */
body.page-id-2960 .ast-container,
body.page-id-2960 .site-content,
body.page-id-2960 .entry-content{
padding-left: 0 !important;
padding-right: 0 !important;
}
/* make the FacetWP template use full width */
body.page-id-2960 .facetwp-template[data-name="events"]{
width: 100% !important;
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
gap: 20px !important;
}
/* make each FacetWP item span full width */
body.page-id-2960 .facetwp-template[data-name="events"] .fwpl-item,
body.page-id-2960 .facetwp-template[data-name="events"] .fwpl-col{
width: 100% !important;
max-width: 100% !important;
}
/* card itself */
body.page-id-2960 .si-event-card{
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
}
/* =========================================================
SINGLE BUSINESS — FORCE 2 COLUMNS ON DESKTOP
========================================================= */
/* desktop */
@media (min-width: 1025px){
body.single-sibusinesses .si-business-single__deals-grid{
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 24px !important;
margin-top: 10px !important;
}
}
/* tablet/mobile */
@media (max-width: 1024px){
body.single-sibusinesses .si-business-single__deals-grid{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
}
}
/* =========================================================
SINGLE BUSINESS — MAKE CURRENT DEALS MATCH DEALS ARCHIVE
========================================================= */
body.single-sibusinesses .si-business-single__deals-grid{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
}
body.single-sibusinesses .si-coupon-archive-card{
width: 100% !important;
display: flex !important;
align-items: stretch !important;
gap: 18px !important;
background: #fff !important;
border-radius: 18px !important;
padding: 16px 18px !important;
text-decoration: none !important;
border: 0 !important;
box-shadow: 0 10px 26px rgba(15, 23, 42, .10) !important;
min-height: 0 !important;
}
/* image block */
body.single-sibusinesses .si-coupon-archive-media{
flex: 0 0 120px !important;
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
border-radius: 0 !important;
overflow: hidden !important;
align-self: center !important;
}
body.single-sibusinesses .si-coupon-archive-media img{
width: 100% !important;
height: 100% !important;
display: block !important;
object-fit: cover !important;
}
/* content block */
body.single-sibusinesses .si-coupon-archive-content{
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
/* title */
body.single-sibusinesses .si-coupon-archive-title{
margin: 0 0 10px !important;
font-size: 17px !important;
line-height: 1.18 !important;
font-weight: 700 !important;
color: #0f172a !important;
}
/* business name */
body.single-sibusinesses .si-coupon-archive-meta{
margin: 0 0 10px !important;
font-size: 16px !important;
line-height: 1.25 !important;
font-weight: 500 !important;
color: #334155 !important;
display: block !important;
min-height: 0 !important;
}
/* hide empty desc spacing if present */
body.single-sibusinesses .si-coupon-archive-desc{
display: none !important;
}
/* expiry row */
body.single-sibusinesses .si-coupon-archive-expiry{
margin: 0 !important;
display: flex !important;
align-items: baseline !important;
gap: 8px !important;
flex-wrap: nowrap !important;
min-height: 0 !important;
font-size: 13px !important;
line-height: 1.2 !important;
color: rgba(15, 23, 42, .65) !important;
}
body.single-sibusinesses .si-coupon-archive-exp-label{
color: rgba(15, 23, 42, .55) !important;
font-size: 13px !important;
font-weight: 400 !important;
white-space: nowrap !important;
margin: 0 !important;
}
body.single-sibusinesses .si-coupon-archive-expiry > span:last-child,
body.single-sibusinesses .si-coupon-archive-exp{
color: #0f172a !important;
font-size: 13px !important;
font-weight: 700 !important;
white-space: nowrap !important;
}
/* keep cards from getting narrow on single business page */
body.single-sibusinesses .si-business-single__deals-wrap{
max-width: 100% !important;
}
body.single-sibusinesses .si-business-single__deals-grid > *{
min-width: 0 !important;
}
/* mobile */
@media (max-width: 768px){
body.single-sibusinesses .si-coupon-archive-card{
gap: 16px !important;
padding: 16px 16px !important;
border-radius: 18px !important;
}
body.single-sibusinesses .si-coupon-archive-media{
flex: 0 0 120px !important;
width: 120px !important;
min-width: 120px !important;
height: 120px !important;
}
body.single-sibusinesses .si-coupon-archive-title{
font-size: 16px !important;
line-height: 1.18 !important;
margin-bottom: 8px !important;
}
body.single-sibusinesses .si-coupon-archive-meta{
font-size: 15px !important;
margin-bottom: 8px !important;
}
body.single-sibusinesses .si-coupon-archive-expiry{
font-size: 13px !important;
gap: 6px !important;
}
}
/* SINGLE BUSINESS — vertically center logo */
body.single-sibusinesses .si-coupon-archive-card{
align-items: center !important;
}
body.single-sibusinesses .si-coupon-archive-media{
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* DEALS ARCHIVE — add space before expiry row */
body.page-id-1645 .si-coupon-archive-card .si-coupon-archive-content > .si-coupon-archive-expiry{
margin-top: 10px !important;
}
/* =========================================================
SINGLE BUSINESS — FINAL DEAL CARD (MATCH ARCHIVE PERFECTLY)
========================================================= */
/* GRID — keep 2 columns desktop */
@media (min-width: 1025px){
body.single-sibusinesses .si-business-single__deals-grid{
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 24px !important;
margin-top: 10px !important;
}
}
/* 1 column mobile/tablet */
@media (max-width: 1024px){
body.single-sibusinesses .si-business-single__deals-grid{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 18px !important;
}
}
/* CARD */
body.single-sibusinesses .si-coupon-archive-card{
display: flex !important;
align-items: center !important;
gap: 18px !important;
background: #fff !important;
border-radius: 18px !important;
padding: 16px 18px !important;
box-shadow: 0 10px 26px rgba(15, 23, 42, .10) !important;
text-decoration: none !important;
}
/* IMAGE */
body.single-sibusinesses .si-coupon-archive-media{
flex: 0 0 120px !important;
width: 120px !important;
height: 90px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.single-sibusinesses .si-coupon-archive-media img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
}
/* CONTENT */
body.single-sibusinesses .si-coupon-archive-content{
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
/* TITLE — normalized spacing */
body.single-sibusinesses .si-coupon-archive-title{
margin: 0 !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.18 !important;
color: #0f172a !important;
/* keep max 2 lines clean */
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
}
/* BUSINESS NAME — exact archive match + controlled spacing */
body.single-sibusinesses .si-coupon-archive-meta,
body.single-sibusinesses .si-coupon-archive-meta .si-coupon-archive-biz{
font-size: 16px !important;
font-weight: 500 !important;
color: #334155 !important;
line-height: 1.25 !important;
margin-top: 6px !important;
margin-bottom: 10px !important;
display: block !important;
min-height: 0 !important;
}
/* REMOVE EMPTY DESC */
body.single-sibusinesses .si-coupon-archive-desc{
display: none !important;
}
/* EXPIRY ROW — identical to archive */
body.single-sibusinesses .si-coupon-archive-expiry{
display: flex !important;
align-items: baseline !important;
gap: 8px !important;
flex-wrap: nowrap !important;
margin: 0 !important;
font-size: 13px !important;
line-height: 1.2 !important;
color: rgba(15, 23, 42, .65) !important;
}
/* EXPIRY LABEL */
body.single-sibusinesses .si-coupon-archive-exp-label{
font-size: 13px !important;
font-weight: 400 !important;
color: rgba(15, 23, 42, .55) !important;
white-space: nowrap !important;
}
/* EXPIRY DATE */
body.single-sibusinesses .si-coupon-archive-exp,
body.single-sibusinesses .si-coupon-archive-expiry span:last-child{
font-size: 13px !important;
font-weight: 700 !important;
color: #0f172a !important;
white-space: nowrap !important;
}
/* =========================================
MOBILE MENU — KEEP CONTACT WHITE ALWAYS
========================================= */
@media (max-width: 921px) {
body.ast-header-break-point #ast-mobile-site-navigation #menu-item-2162 > .menu-link,
body.ast-header-break-point #ast-mobile-site-navigation #menu-item-2162 > .menu-link:link,
body.ast-header-break-point #ast-mobile-site-navigation #menu-item-2162 > .menu-link:visited,
body.ast-header-break-point #ast-mobile-site-navigation #menu-item-2162 > .menu-link:hover,
body.ast-header-break-point #ast-mobile-site-navigation #menu-item-2162 > .menu-link:focus,
body.ast-header-break-point #ast-mobile-site-navigation #menu-item-2162 > .menu-link:active {
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
opacity: 1 !important;
}
}
/* =========================================================
DEALS — REMOVE IMAGE ROUNDING (KEEP FRAME ROUNDED)
========================================================= */
body.page-id-1645 .si-coupon-archive-media img,
body.page-id-1645 .si-coupon-archive-media picture img {
border-radius: 0 !important;
}
/* =========================
TITLE
========================= */
body.page-id-1645 .si-coupon-archive-title {
color: #0f172a !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
line-height: 1.22 !important;
min-height: calc(1.22em * 2) !important;
margin: 0 0 4px !important;
font-weight: 700 !important;
}
/* =========================
BUSINESS NAME
========================= */
body.page-id-1645 .si-coupon-archive-biz {
color: #334155 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
line-height: 1.2 !important;
margin: 0 !important;
}
body.page-id-1645 .si-coupon-archive-expiry {
font-size: 12px !important;
color: rgba(15, 23, 42, 0.55) !important; /* softer than biz name */
margin-top: 10px !important;
}
.si-coupon-archive-biz {
line-height: 1.2 !important;
}
/* =========================
GRID WIDTH (MATCH NEWS)
========================= */
body.page-id-1645 .entry-content {
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.page-id-1645 .entry-content > .facetwp-wrapper {
width: 100% !important;
max-width: 1360px !important;
margin: 0 auto !important;
padding: 0 12px 0 !important;
}
body.page-id-1645 .facetwp-template[data-name="coupons"] {
width: 100% !important;
}
/* =========================
MOBILE
========================= */
@media (max-width: 768px) {
body.page-id-1645 .entry-content > .facetwp-wrapper {
padding: 0 12px 0 !important;
}
}
body.page-id-2506 .entry-content > p:empty{
display:none !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
@media (max-width: 767px){
body.page-id-1542 .entry-content > h2{
font-size: 1.75rem !important;
line-height: 1.14 !important;
letter-spacing: -0.02em !important;
}
}
/* =========================================================
SI COMMUNITY STANDARD PAGE — APPLE WHITE STYLE
Page ID: 1478
========================================================= */
body.page-id-1478{
background:#f5f5f7 !important;
}
body.page-id-1478 .site-content,
body.page-id-1478 .ast-container,
body.page-id-1478 .entry-content,
body.page-id-1478 .post-content,
body.page-id-1478 .content-area{
background:transparent !important;
}
/* title */
body.page-id-1478 h1.entry-title,
body.page-id-1478 .entry-content h1:first-child{
font-size:clamp(1.8rem, 2.5vw, 2.5rem) !important;
line-height:1.08 !important;
font-weight:800 !important;
letter-spacing:-0.03em !important;
color:#0f172a !important;
margin:0 0 18px !important;
text-align:left !important;
}
/* body copy */
body.page-id-1478 .entry-content{
font-size:17px !important;
line-height:1.75 !important;
color:#1f2937 !important;
}
body.page-id-1478 .entry-content p{
margin:0 0 22px !important;
color:#1f2937 !important;
}
/* section headings */
body.page-id-1478 .entry-content h2{
font-size:1.45rem !important;
line-height:1.2 !important;
font-weight:800 !important;
letter-spacing:-0.02em !important;
color:#0f172a !important;
margin:34px 0 14px !important;
}
body.page-id-1478 .entry-content h3{
font-size:1.1rem !important;
line-height:1.3 !important;
font-weight:700 !important;
color:#0f172a !important;
margin:26px 0 10px !important;
}
/* links */
body.page-id-1478 .entry-content a{
color:var(--ast-global-color-0) !important;
text-decoration:none !important;
font-weight:600 !important;
}
body.page-id-1478 .entry-content a:hover{
text-decoration:underline !important;
}
/* lists */
body.page-id-1478 .entry-content ul,
body.page-id-1478 .entry-content ol{
margin:0 0 20px 1.2em !important;
padding:0 !important;
}
body.page-id-1478 .entry-content li{
margin:0 0 10px !important;
color:#1f2937 !important;
}
/* optional divider style */
body.page-id-1478 .entry-content hr{
border:none !important;
height:1px !important;
background:rgba(15,23,42,.08) !important;
margin:28px 0 !important;
}
/* mobile */
@media (max-width: 767px){
body.page-id-1478 article,
body.page-id-1478 .post,
body.page-id-1478 .page,
body.page-id-1478 .ast-article-single{
margin:18px 12px !important;
padding:0 0 !important;
border-radius:22px !important;
}
body.page-id-1478 .entry-content{
font-size:16px !important;
line-height:1.75 !important;
}
body.page-id-1478 h1.entry-title,
body.page-id-1478 .entry-content h1:first-child{
margin-bottom:14px !important;
}
}
/* =========================================================
SI BUSINESSES — COMMUNITY STANDARD NOTICE ONLY
Page ID: 2506
========================================================= */
body.page-id-2506 .si-community-standard-card{
display:flex !important;
align-items:center !important;
gap:16px !important;
background:#ffffff !important;
border:1px solid #e5e7eb !important;
border-radius:20px !important;
box-shadow:0 8px 24px rgba(15,23,42,.05) !important;
padding:18px 20px !important;
margin:0 0 22px !important;
}
body.page-id-2506 .si-community-standard-card__label{
flex:0 0 auto !important;
font-size:12px !important;
font-weight:800 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
color:#64748b !important;
line-height:1 !important;
margin:0 !important;
}
body.page-id-2506 .si-community-standard-card__text{
flex:1 1 auto !important;
font-size:15px !important;
line-height:1.5 !important;
color:#111827 !important;
margin:0 !important;
}
body.page-id-2506 .si-community-standard-card__link,
body.page-id-2506 .si-community-standard-card__link:link,
body.page-id-2506 .si-community-standard-card__link:visited{
flex:0 0 auto !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-width:auto !important;
max-width:none !important;
min-height:40px !important;
height:40px !important;
padding:0 18px !important;
border-radius:999px !important;
background:var(--ast-global-color-0) !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
text-decoration:none !important;
font-size:14px !important;
font-weight:700 !important;
line-height:1 !important;
white-space:nowrap !important;
box-shadow:0 10px 24px rgba(15,23,42,.14) !important;
}
body.page-id-2506 .si-community-standard-card__link:hover,
body.page-id-2506 .si-community-standard-card__link:focus,
body.page-id-2506 .si-community-standard-card__link:active{
background:var(--ast-global-color-0) !important;
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
text-decoration:none !important;
}
@media (max-width: 767px){
body.page-id-2506 .si-community-standard-card{
flex-direction:column !important;
align-items:flex-start !important;
gap:8px !important;
padding:16px !important;
}
body.page-id-2506 .si-community-standard-card__text{
font-size:14px !important;
margin:0 !important;
}
body.page-id-2506 .si-community-standard-card__link,
body.page-id-2506 .si-community-standard-card__link:link,
body.page-id-2506 .si-community-standard-card__link:visited{
width:auto !important;
min-width:0 !important;
max-width:220px !important;
align-self:center !important;
margin-top:0 !important;
font-size:13px !important;
font-weight:800 !important;
line-height:1.1 !important;
min-height:0 !important;
height:auto !important;
padding:9px 16px !important;
border-radius:16px !important;
box-shadow:none !important;
}
}
.si-hero-subtitle{
max-width: 820px !important;
margin: 14px auto 0 !important;
text-align: center !important;
}
.si-whats-new-card,
.si-whats-new-spotlight-inner{
position:relative;
}
.si-card-overlay{
position:absolute;
inset:0;
z-index:10;
display:block;
border-radius:inherit;
}
.si-whats-new-card * ,
.si-whats-new-spotlight-inner *{
pointer-events:none;
}
/* Homepage only — control gap above What's New */
.home section.si-whats-new{
margin-top: 50px !important;
}
/* Tighten hero text spacing */
.home .si-hero-subtitle{
margin-top:10px;
margin-bottom:6px;
}
/* Desktop only — taller homepage hero image */
@media only screen and (min-width: 768px){
.home .wp-block-uagb-image.uagb-block-d66805a2 .wp-block-uagb-image__figure img{
height: 640px !important;
object-fit: cover !important;
}
}
/* Desktop breathing room under homepage hero image */
@media only screen and (min-width: 768px){
.home .wp-block-uagb-image.uagb-block-d66805a2{
margin-bottom: 18px !important;
}
}
/* Reduce space under hero image on mobile */
@media only screen and (max-width: 767px){
.wp-block-uagb-container.uagb-block-dba5be5a{
padding-bottom: 18px !important;
}
}
@media (max-width:767px){
.si-whats-new-item-title{
font-size:22px;
}
}
@media (max-width:767px){
.si-whats-new{
margin-top:28px;
}
}
@media (max-width:767px){
.si-hero-subtitle,
.si-community-standard{
max-width:360px;
margin-left:auto;
margin-right:auto;
}
}
/* spacing between hero image and hero text */
.si-hero-image{
margin-bottom:18px;
}
/* ========================================
Hero text alignment
======================================== */
.si-hero-title{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.si-hero-subtitle{
text-align:center;
margin-left:auto;
margin-right:auto;
max-width:720px;
}
.si-community-standard{
text-align:center;
margin-left:auto;
margin-right:auto;
max-width:720px;
font-size:15px;
line-height:1.6;
color:rgba(255,255,255,.65);
margin-bottom:32px;
}
/* Hero headline */
.si-hero-title{
font-size:32px;
font-weight:800;
letter-spacing:-0.02em;
color:#ffffff;
margin-bottom:12px;
}
/* Hero description */
.si-hero-subtitle{
font-size:19px;
line-height:1.6;
color:#ffffff;
margin-bottom:14px;
max-width:720px;
}
/* Community Standard trust line */
.si-community-standard{
font-size:15px;
line-height:1.6;
color:rgba(255,255,255,.65);
max-width:720px;
margin-bottom:28px;
}
.si-community-standard{
font-size:15px;
line-height:1.6;
color:rgba(255,255,255,.75);
max-width:720px;
margin:10px auto 0;
font-weight:500;
}
/* subtle animated sheen on outer container */
.si-whats-new{
position:relative;
overflow:hidden;
}
.si-whats-new::after{
content:"";
position:absolute;
inset:-20%;
background:linear-gradient(
115deg,
transparent 35%,
rgba(255,255,255,.045) 50%,
transparent 65%
);
transform:translateX(-120%);
animation:siWhatsNewSheen 9s ease-in-out infinite;
pointer-events:none;
}
@keyframes siWhatsNewSheen{
0%{
transform:translateX(-120%);
}
45%{
transform:translateX(-120%);
}
65%{
transform:translateX(120%);
}
100%{
transform:translateX(120%);
}
}
.si-whats-new-spotlight-inner{
box-shadow:
0 12px 30px rgba(2,6,23,.25),
inset 0 1px 0 rgba(255,255,255,.5);
}
/* =========================================================
SI HOMEPAGE — WHAT'S NEW IN THE NEIGHBORHOOD
Final premium version
========================================================= */
.si-whats-new{
margin:64px 0 64px;
padding:34px 34px 36px;
background:linear-gradient(180deg,#0f1b30 0%, #0a1526 100%);
border:1px solid rgba(255,255,255,.06);
border-radius:26px;
box-shadow:
0 30px 80px rgba(2,6,23,.38),
0 8px 24px rgba(2,6,23,.22),
inset 0 1px 0 rgba(255,255,255,.05);
}
/* ========================================
Improve spacing under What's New subtitle
======================================== */
.si-whats-new-head{
margin-bottom:32px;
}
.si-whats-new-subtitle{
margin-bottom:10px;
}
.si-whats-new-title{
margin:0 0 8px;
font-size:clamp(20px,2.2vw,28px);
line-height:1.05;
font-weight:800;
letter-spacing:-.03em;
color:#ffffff;
}
.si-whats-new-subtitle{
margin:0;
font-size:18px;
line-height:1.55;
color:rgba(255,255,255,.78);
}
.si-whats-new-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:20px;
align-items:stretch;
}
.si-whats-new-card{
display:flex;
flex-direction:column;
min-height:250px;
padding:24px 22px 20px;
background:#f5f7fb;
border:1px solid rgba(15,23,42,.08);
border-radius:18px;
box-shadow:0 10px 30px rgba(2,6,23,.18);
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.si-whats-new-card:hover{
transform:translateY(-2px);
box-shadow:0 14px 28px rgba(15,23,42,.14);
border-color:rgba(37,99,235,.14);
}
.si-whats-new-label,
.si-whats-new-spotlight-label{
display:flex;
align-items:center;
gap:10px;
margin-bottom:14px;
font-size:15px;
line-height:1.2;
font-weight:700;
color:#2563eb;
}
.si-whats-new-icon{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:18px;
line-height:1;
}
.si-whats-new-item-title{
margin:0 0 10px;
font-size:22px;
line-height:1.14;
font-weight:900;
letter-spacing:-.028em;
}
.si-whats-new-item-title a,
.si-whats-new-item-title span{
color:#0f172a !important;
text-decoration:none !important;
}
.si-whats-new-item-title a:hover{
color:#0f172a !important;
text-decoration:none !important;
}
.si-whats-new-item-title a,
.si-whats-new-item-title span{
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
}
.si-whats-new-excerpt{
margin:0 0 18px;
font-size:16px;
line-height:1.6;
color:#5b6472;
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
}
.si-whats-new-link{
margin-top:auto;
display:inline-flex;
align-items:center;
gap:6px;
font-size:15px;
line-height:1.2;
font-weight:700;
color:#2563eb;
text-decoration:none !important;
}
.si-whats-new-link:hover{
color:#1d4ed8;
text-decoration:none !important;
}
.si-whats-new-card.is-empty .si-whats-new-excerpt,
.si-whats-new-card.is-empty .si-whats-new-link{
display:none;
}
/* Spotlight */
.si-whats-new-spotlight{
margin-top:22px;
}
.si-whats-new-spotlight-inner{
padding:22px 24px;
background:#f5f7fb;
border:1px solid rgba(15,23,42,.08);
border-radius:18px;
box-shadow:
0 12px 30px rgba(2,6,23,.16),
inset 0 1px 0 rgba(255,255,255,.55);
}
.si-whats-new-spotlight-row{
display:flex;
align-items:center;
gap:20px;
}
.si-spotlight-logo{
width:84px;
height:84px;
flex-shrink:0;
display:flex;
align-items:center;
justify-content:center;
background:#ffffff;
border-radius:14px;
padding:8px;
box-shadow:0 6px 18px rgba(15,23,42,.10);
}
.si-spotlight-logo img{
max-width:100%;
max-height:100%;
object-fit:contain;
display:block;
}
.si-spotlight-text{
flex:1;
display:flex;
flex-direction:column;
justify-content:center;
}
.si-whats-new-spotlight-title{
margin:0 0 10px;
font-size:26px;
font-weight:800;
letter-spacing:-.03em;
line-height:1.12;
}
.si-whats-new-spotlight-title a,
.si-whats-new-spotlight-title span{
color:#0f172a !important;
text-decoration:none !important;
}
.si-whats-new-spotlight-title a:hover{
color:#0f172a !important;
text-decoration:none !important;
}
/* Tablet */
@media (max-width:1024px){
.si-whats-new-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
/* Mobile */
@media (max-width:767px){
.si-whats-new{
margin:42px 0 42px;
padding:22px 16px 18px;
border-radius:22px;
}
.si-whats-new-title{
font-size:20px;
}
.si-whats-new-subtitle{
font-size:16px;
}
.si-whats-new-grid{
grid-template-columns:1fr;
gap:16px;
}
.si-whats-new-card{
min-height:auto;
padding:18px 16px 16px;
border-radius:18px;
}
.si-whats-new-item-title{
font-size:24px;
}
.si-whats-new-excerpt{
font-size:15px;
line-height:1.55;
}
.si-whats-new-spotlight-inner{
padding:18px 16px 16px;
border-radius:18px;
}
.si-whats-new-spotlight-row{
align-items:flex-start;
gap:14px;
}
.si-spotlight-logo{
width:68px;
height:68px;
padding:6px;
border-radius:12px;
}
.si-whats-new-spotlight-title{
font-size:26px;
}
}
/* Mobile: compact What's New cards */
@media (max-width:767px){
/* hide body text */
.si-whats-new-excerpt{
display:none;
}
/* slightly smaller titles */
.si-whats-new-item-title{
font-size:18px;
line-height:1.25;
}
/* reduce card height */
.si-whats-new-card{
min-height:auto;
padding:16px 16px 14px;
}
}
@media (max-width:767px){
.si-whats-new-item-title{
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}
}
@media (max-width:767px){
.si-whats-new-label{
font-size:13px;
}
}
@media (max-width:767px){
.si-whats-new-card{
padding:14px 14px 12px;
}
}
@media (max-width:767px){
.si-whats-new-item-title{
font-size:18px;
line-height:1.2;
font-weight:800;
margin-bottom:6px;
}
}
@media (max-width:767px){
.si-whats-new-item-title{
font-size:18px;
line-height:1.2;
font-weight:800;
margin-bottom:6px;
}
}
/* =========================================================
SI BUSINESSES — PREMIUM CARD POLISH (FORCE MATCH)
========================================================= */
/* 1) Card breathing room */
body .si-business-card{
padding: 32px 24px 34px !important;
}
/* 2) Description text slightly smaller / cleaner */
body .si-business-card p{
font-size: 15px !important;
line-height: 1.6 !important;
color: #5b677a !important;
}
/* 3) Community Partner badge */
body .si-business-card .si-business-badge,
body .si-business-card .si-partner-badge,
body .si-business-card .community-partner,
body .si-business-card [class*="partner"]{
background: #F4C76B !important;
color: #1e293b !important;
font-weight: 700 !important;
letter-spacing: .4px !important;
border-radius: 999px !important;
padding: 10px 16px !important;
box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
border: none !important;
}
/* 4) Deals badge */
body .si-business-card .si-deals-badge,
body .si-business-card .deals-badge,
body .si-business-card [class*="deal"]{
background: #FFF2CC !important;
color: #8a4b08 !important;
border: 1px solid #F2D38A !important;
border-radius: 999px !important;
padding: 8px 14px !important;
font-weight: 700 !important;
box-shadow: 0 2px 6px rgba(0,0,0,.05) !important;
}
/* Optional: make business title slightly stronger */
body .si-business-card h3,
body .si-business-card .si-business-title{
font-weight: 800 !important;
color: #172033 !important;
}
@media (min-width: 922px){
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-card{
height: auto !important;
max-height: none !important;
min-height: 540px !important;
}
}
/* =========================================================
SI BUSINESSES ARCHIVE — MATCH MOBILE + TALLER DESKTOP
Page ID: 2506
========================================================= */
/* -------------------------
MOBILE
------------------------- */
@media (max-width: 767px){
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-card{
min-height: 430px !important;
padding: 20px 16px 18px !important;
display: flex !important;
flex-direction: column !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-logo{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 200px !important;
height: 150px !important;
min-height: 0 !important;
padding: 15px 28px !important;
margin: 40px auto 10px !important;
background: #fff !important;
border: 1px solid #eef2f7 !important;
border-radius: 18px !important;
box-shadow: 0 10px 28px rgba(2,6,23,.05) !important;
overflow: hidden !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-logo picture,
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-logo a{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-logo img{
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-content{
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
text-align: center !important;
padding-bottom: 0 !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-name{
margin: 0 0 6px !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-desc{
flex: 0 0 auto !important;
margin: 0 0 6px !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-visit{
margin-top: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
transform: none !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-visit a.si-visit-btn{
margin-bottom: 0 !important;
transform: none !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-deal-badge{
top: 14px !important;
left: 14px !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-community-badge{
top: 14px !important;
right: 14px !important;
}
}
/* -------------------------
DESKTOP / TABLET
------------------------- */
@media (min-width: 768px){
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-card{
min-height: 540px !important;
padding: 20px 22px 30px !important;
display: flex !important;
flex-direction: column !important;
overflow: visible !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-logo{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 200px !important;
height: 150px !important;
min-height: 0 !important;
padding: 15px 28px !important;
margin: 40px auto 10px !important;
background: #fff !important;
border: 1px solid #eef2f7 !important;
border-radius: 18px !important;
box-shadow: 0 10px 28px rgba(2,6,23,.05) !important;
overflow: hidden !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-logo picture,
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-logo a{
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-logo img{
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-content{
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
text-align: center !important;
padding-bottom: 0 !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-name{
margin: 0 0 10px !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-desc{
flex: 0 0 auto !important;
margin: 0 0 14px !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-visit{
margin-top: auto !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
transform: none !important;
position: static !important;
inset: auto !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-visit a.si-visit-btn{
margin-bottom: 0 !important;
transform: none !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-deal-badge{
top: 14px !important;
left: 14px !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-community-badge{
top: 14px !important;
right: 14px !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .fwpl-item,
body.page-id-2506 .facetwp-template[data-name="businesses"] .fwpl-col{
overflow: visible !important;
}
}
@media (min-width: 1025px){
body.single-sinews .si-read-next__grid{
width:calc(100% + 64px) !important;
margin-left:-32px !important;
margin-right:-32px !important;
max-width:none !important;
gap:20px !important;
}
}
/* =========================================
READ NEXT — disable Astra link hover
========================================= */
body.single-sinews article .entry-content .si-read-next a,
body.single-sinews article .entry-content .si-read-next a:link,
body.single-sinews article .entry-content .si-read-next a:visited,
body.single-sinews article .entry-content .si-read-next a:hover,
body.single-sinews article .entry-content .si-read-next a:focus,
body.single-sinews article .entry-content .si-read-next a:active{
color:inherit !important;
text-decoration:none !important;
}
/* keep title dark even on hover */
body.single-sinews article .entry-content .si-read-next h3.si-read-next__title,
body.single-sinews article .entry-content .si-read-next a:hover h3.si-read-next__title{
color:#0f172a !important;
text-decoration:none !important;
}
/* =========================================
SI NEWS — READ NEXT SECTION (FINAL LOCKED)
========================================= */
body.single-sinews .entry-content .si-read-next{
margin:20px 0 32px !important;
padding-top:20px !important;
border-top:1px solid rgba(15,23,42,.08) !important;
clear:both !important;
}
body.single-sinews .entry-content .si-read-next__heading{
margin:0 0 6px !important;
font-size:28px !important;
line-height:1.1 !important;
font-weight:800 !important;
letter-spacing:-0.02em !important;
color:#0f172a !important;
text-align:center !important;
}
body.single-sinews .entry-content .si-read-next__subheading{
margin:0 0 18px !important;
font-size:15px !important;
line-height:1.5 !important;
color:#64748b !important;
text-align:center !important;
}
body.single-sinews .entry-content .si-read-next__grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:16px !important;
align-items:start !important;
}
body.single-sinews .entry-content .si-read-next__card{
min-width:0 !important;
}
body.single-sinews .entry-content .si-read-next__link{
display:flex !important;
flex-direction:column !important;
height:100% !important;
background:#fff !important;
border:1px solid rgba(15,23,42,.08) !important;
border-radius:18px !important;
overflow:hidden !important;
text-decoration:none !important;
box-shadow:0 8px 24px rgba(15,23,42,.05) !important;
transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
/* THUMBNAIL — hard fill fix */
body.single-sinews .entry-content .si-read-next__thumb{
position:relative !important;
width:100% !important;
aspect-ratio:16 / 9 !important;
min-height:170px !important;
overflow:hidden !important;
background:#e5e7eb !important;
line-height:0 !important;
}
body.single-sinews .entry-content .si-read-next__thumb picture{
position:absolute !important;
inset:0 !important;
display:block !important;
width:100% !important;
height:100% !important;
margin:0 !important;
padding:0 !important;
}
body.single-sinews .entry-content .si-read-next__thumb source{
display:none !important;
}
body.single-sinews .entry-content .si-read-next__thumb img{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
min-width:100% !important;
min-height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center center !important;
display:block !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
}
/* BODY */
body.single-sinews .entry-content .si-read-next__body{
display:flex !important;
flex-direction:column !important;
flex:1 1 auto !important;
padding:14px 14px 16px !important;
}
body.single-sinews .entry-content .si-read-next__date{
margin:0 0 10px !important;
font-size:11px !important;
line-height:1.2 !important;
font-weight:700 !important;
text-transform:uppercase !important;
letter-spacing:.05em !important;
color:#2563eb !important;
text-align:center !important;
}
/* TITLE — hard clamp fix */
body.single-sinews .entry-content h3.si-read-next__title{
margin:0 auto 10px !important;
padding:0 !important;
width:100% !important;
max-width:100% !important;
font-size:17px !important;
line-height:1.3 !important;
font-weight:800 !important;
letter-spacing:-0.02em !important;
color:#0f172a !important;
text-align:center !important;
border:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:4 !important;
line-clamp:4 !important;
min-height:5.2em !important; /* 4 lines x 1.3 */
}
body.single-sinews .entry-content .si-read-next__excerpt{
margin:0 !important;
padding:0 !important;
font-size:13px !important;
line-height:1.55 !important;
font-weight:400 !important;
color:#475569 !important;
text-align:center !important;
overflow:hidden !important;
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:2 !important;
line-clamp:2 !important;
min-height:3.1em !important;
}
/* OPTIONAL: keep cards visually consistent */
body.single-sinews .entry-content .si-read-next__card .si-read-next__link{
min-height:100% !important;
}
/* TABLET */
@media (max-width:1024px){
body.single-sinews .entry-content .si-read-next__grid{
grid-template-columns:1fr !important;
}
body.single-sinews .entry-content .si-read-next__thumb{
min-height:220px !important;
}
}
/* MOBILE */
@media (max-width:640px){
body.single-sinews .entry-content .si-read-next{
margin:20px 0 28px !important;
padding-top:18px !important;
}
body.single-sinews .entry-content .si-read-next__heading{
font-size:24px !important;
}
body.single-sinews .entry-content .si-read-next__subheading{
font-size:14px !important;
margin-bottom:16px !important;
}
body.single-sinews .entry-content .si-read-next__thumb{
min-height:180px !important;
}
body.single-sinews .entry-content h3.si-read-next__title{
font-size:16px !important;
min-height:5.2em !important;
}
body.single-sinews .entry-content .si-read-next__body{
padding:13px 13px 15px !important;
}
}
/* --------------------------------
REMOVE TOP DIVIDER ABOVE READ NEXT
-------------------------------- */
body.single-sinews .si-news-share{
border-top:none !important;
padding-top:0 !important;
margin-top:0 !important;
}
/* --------------------------------
KEEP DIVIDER ABOVE SHARE SECTION
-------------------------------- */
body.single-sinews .si-news-share-title{
border-top:1px solid rgba(15,23,42,.08);
padding-top:28px;
margin-top:28px;
}
/* --------------------------------
REMOVE BLUE LINK STYLING
CARD IS CLICKABLE INSTEAD
-------------------------------- */
body.single-sinews .si-read-next__link{
text-decoration:none !important;
color:inherit !important;
}
body.single-sinews .si-read-next__title{
color:#0f172a !important;
text-decoration:none !important;
}
body.single-sinews .si-read-next__title a{
color:inherit !important;
text-decoration:none !important;
}
body.single-sinews .si-read-next__link:hover .si-read-next__title{
color:#0f172a !important;
text-decoration:none !important;
}
.page-id-1473 .si-news-card{
border:1px solid #F2F2F7;
}
/* NEWS CARD POP */
.page-id-1473 .si-news-card{
box-shadow:0 12px 32px rgba(0,0,0,0.08);
}
.page-id-1473,
.page-id-1473 .site-content,
.page-id-1473 .ast-container{
background:#F2F2F7 !important;
}
body.single-sinews .entry-content h3.si-read-next__title{
margin:0 auto 8px !important;
padding:0 !important;
width:100% !important;
max-width:100% !important;
font-size:17px !important;
line-height:1.3 !important;
font-weight:800 !important;
letter-spacing:-0.02em !important;
color:#0f172a !important;
text-align:center !important;
border:0 !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:4 !important;
min-height:unset !important;
}
body.single-sinews .si-read-next__excerpt{
margin:0 !important;
padding:0 !important;
font-size:13px !important;
line-height:1.55 !important;
font-weight:400 !important;
color:#475569 !important;
text-align:center !important;
overflow:hidden !important;
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:2 !important;
min-height:unset !important;
}
body.single-sinews .entry-content h3.si-read-next__title{
overflow:hidden !important;
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:3 !important;
}
/* ======================================================
SI DEALS ARCHIVE — UNIFORM CARD HEIGHTS
Page ID: 1645
Keeps all deal cards equal height on desktop + mobile
even when business name wraps to 2 lines
====================================================== */
/* ---------- GRID ---------- */
body.page-id-1645 .facetwp-template[data-name="coupons"]{
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:28px !important;
align-items:stretch !important;
}
@media (max-width: 1024px){
body.page-id-1645 .facetwp-template[data-name="coupons"]{
grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
gap:20px !important;
}
}
@media (max-width: 767px){
body.page-id-1645 .facetwp-template[data-name="coupons"]{
grid-template-columns:1fr !important;
gap:16px !important;
}
}
/* neutralize FWP wrappers so cards stretch properly */
body.page-id-1645 .facetwp-template[data-name="coupons"] > .fwp-load-more,
body.page-id-1645 .facetwp-template[data-name="coupons"] > .fwp-result,
body.page-id-1645 .facetwp-template[data-name="coupons"] > .fwpl-row,
body.page-id-1645 .facetwp-template[data-name="coupons"] > .fwpl-col,
body.page-id-1645 .facetwp-template[data-name="coupons"] .fwp-item{
height:100% !important;
}
/* ---------- CARD ---------- */
body.page-id-1645 .si-coupon-archive-card{
display:flex !important;
align-items:stretch !important;
gap:18px !important;
background:#fff !important;
border-radius:18px !important;
padding:16px 18px !important;
text-decoration:none !important;
box-shadow:0 10px 26px rgba(15, 23, 42, 0.10) !important;
transition:transform .16s ease, box-shadow .16s ease !important;
min-height:156px !important;
height:156px !important; /* fixed desktop height */
overflow:hidden !important;
}
body.page-id-1645 .si-coupon-archive-card:hover{
transform:translateY(-2px) !important;
box-shadow:0 14px 30px rgba(15, 23, 42, 0.14) !important;
}
@media (max-width: 767px){
body.page-id-1645 .si-coupon-archive-card{
min-height:142px !important;
height:142px !important; /* fixed mobile height */
gap:14px !important;
padding:14px !important;
border-radius:16px !important;
}
}
/* ---------- LOGO / IMAGE ---------- */
body.page-id-1645 .si-coupon-archive-media{
flex:0 0 96px !important;
width:96px !important;
min-width:96px !important;
height:96px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:14px !important;
overflow:hidden !important;
background:#fff !important;
}
body.page-id-1645 .si-coupon-archive-media img{
width:100% !important;
height:100% !important;
object-fit:contain !important;
display:block !important;
border-radius:14px !important;
}
@media (max-width: 767px){
body.page-id-1645 .si-coupon-archive-media{
flex:0 0 82px !important;
width:82px !important;
min-width:82px !important;
height:82px !important;
}
body.page-id-1645 .si-coupon-archive-media img{
border-radius:12px !important;
}
}
/* ---------- RIGHT CONTENT COLUMN ---------- */
body.page-id-1645 .si-coupon-archive-content{
flex:1 1 auto !important;
min-width:0 !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
height:100% !important;
}
/* ---------- TITLE ---------- */
body.page-id-1645 .si-coupon-archive-title{
margin:0 0 10px !important;
color:#0f172a !important;
font-weight:800 !important;
font-size:18px !important;
line-height:1.15 !important;
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:2 !important;
overflow:hidden !important;
min-height:41px !important; /* reserve 2-line title space */
max-height:41px !important;
}
@media (max-width: 767px){
body.page-id-1645 .si-coupon-archive-title{
font-size:17px !important;
min-height:39px !important;
max-height:39px !important;
margin-bottom:8px !important;
}
}
/* ---------- BUSINESS NAME AREA ---------- */
body.page-id-1645 .si-coupon-archive-desc{
font-size:14px !important;
line-height:1.35 !important;
color:rgba(15, 23, 42, 0.78) !important;
margin:0 0 12px !important;
display:-webkit-box !important;
-webkit-line-clamp:2 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
min-height:38px !important; /* reserve 2 lines for business name */
max-height:38px !important;
}
@media (max-width: 767px){
body.page-id-1645 .si-coupon-archive-desc{
font-size:13px !important;
line-height:1.35 !important;
min-height:35px !important;
max-height:35px !important;
margin-bottom:10px !important;
}
}
/* ---------- META / EXPIRY ---------- */
body.page-id-1645 .si-coupon-archive-expiry{
margin-top:auto !important;
display:flex !important;
align-items:center !important;
gap:6px !important;
min-height:22px !important;
max-height:22px !important;
overflow:hidden !important;
}
body.page-id-1645 .si-coupon-archive-expiry-label{
font-size:14px !important;
line-height:1.2 !important;
color:rgba(15, 23, 42, 0.62) !important;
white-space:nowrap !important;
}
body.page-id-1645 .si-coupon-archive-expiry-date{
font-size:14px !important;
line-height:1.2 !important;
color:#1e293b !important;
font-weight:700 !important;
white-space:nowrap !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
}
@media (max-width: 767px){
body.page-id-1645 .si-coupon-archive-expiry{
min-height:20px !important;
max-height:20px !important;
}
body.page-id-1645 .si-coupon-archive-expiry-label,
body.page-id-1645 .si-coupon-archive-expiry-date{
font-size:13px !important;
}
}
/* ======================================================
EVENTS — RAISE "CLICK TO VIEW FULL IMAGE" LABEL
====================================================== */
@media (min-width: 769px){
body.single-sievents .ast-single-post-featured-section.post-thumb::after{
bottom: 28px !important;
}
}
/* ======================================================
SINGLE EVENTS — KILL TOP GAP UNDER HEADER
exact ast-container override
====================================================== */
body.single-sievents div#content.site-content > div.ast-container{
padding-top: 0 !important;
margin-top: 0 !important;
}
/* keep the featured image tight too */
body.single-sievents .ast-single-post-featured-section.post-thumb{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ======================================================
SINGLE EVENTS — MOBILE FULL-BLEED FEATURED IMAGE
====================================================== */
@media (max-width: 921px){
/* remove the side padding that is trapping the image */
body.single-sievents #content.site-content > .ast-container{
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
margin-top: 0 !important;
}
/* make the featured image break out full width */
body.single-sievents .ast-single-post-featured-section.post-thumb{
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
margin-top: 0 !important;
margin-bottom: 18px !important;
}
body.single-sievents .ast-single-post-featured-section.post-thumb picture,
body.single-sievents .ast-single-post-featured-section.post-thumb img{
display: block !important;
width: 100% !important;
max-width: 100% !important;
}
body.single-sievents .ast-single-post-featured-section.post-thumb img{
border-radius: 0 !important;
height: auto !important;
object-fit: cover !important;
}
/* restore reading padding for the article content only */
body.single-sievents article.ast-article-single{
padding-left: 18px !important;
padding-right: 18px !important;
box-sizing: border-box !important;
}
}
/* ======================================================
SINGLE EVENTS — MATCH SINGLE NEWS
full-width image + stronger body text
====================================================== */
/* full-width featured image like news */
body.single-sievents .ast-single-post-featured-section.post-thumb,
body.single-sievents .ast-single-post-featured-section.post-thumb picture,
body.single-sievents .ast-single-post-featured-section.post-thumb img{
display:block !important;
width:100% !important;
max-width:100% !important;
}
body.single-sievents .ast-single-post-featured-section.post-thumb{
margin:0 0 22px 0 !important;
}
body.single-sievents .ast-single-post-featured-section.post-thumb img{
border-radius:0 !important;
object-fit:cover !important;
}
/* event body copy closer to single news */
body.single-sievents article .entry-content p,
body.single-sievents article .entry-content li{
font-size:18px !important;
line-height:1.75 !important;
color:#1f2937 !important;
font-weight:400 !important;
letter-spacing:-0.01em !important;
margin:0 0 16px !important;
}
/* mobile */
@media (max-width: 768px){
body.single-sievents .ast-single-post-featured-section.post-thumb{
margin:0 0 18px 0 !important;
}
body.single-sievents article .entry-content p,
body.single-sievents article .entry-content li{
font-size:18px !important;
line-height:1.75 !important;
margin:0 0 18px !important;
}
}
/* ======================================================
SINGLE EVENTS — DESKTOP HERO IMAGE LIKE NEWS
keep current mobile code
====================================================== */
@media (min-width: 922px){
body.single-sievents .ast-single-post-featured-section.post-thumb{
width: 100% !important;
max-width: 100% !important;
margin: 0 0 22px 0 !important;
overflow: hidden !important;
}
body.single-sievents .ast-single-post-featured-section.post-thumb picture{
display: block !important;
width: 100% !important;
}
body.single-sievents .ast-single-post-featured-section.post-thumb img{
display: block !important;
width: 100% !important;
height: 520px !important;
object-fit: cover !important;
object-position: center top !important;
border-radius: 0 !important;
}
}
/* ======================================================
SINGLE NEWS + EVENTS — WHITE ARTICLE SURFACE
====================================================== */
body.single-sinews #content .site-content,
body.single-sievents #content .site-content{
background:#ffffff !important;
}
/* =========================================
NEWS ARCHIVE — BACKGROUND (1 SHADE DARKER)
========================================= */
body.post-type-archive-news,
body.page-id-1473 {
background-color: #F5F7FB !important;
}
/* ======================================================
COMMUNITIES PAGE — FORCE BODY TEXT COLOR
page-id-12 only
====================================================== */
body.page-id-12 .entry-content p{
color:#1f2937 !important;
}
/* ======================================================
FORCE HEADER CONTACT MENU LINK TO STAY WHITE
sitewide hard override
====================================================== */
#masthead #menu-item-2981 > .menu-link,
#masthead #menu-item-2981 > .menu-link:visited,
#masthead #menu-item-2981:hover > .menu-link,
#masthead #menu-item-2981:focus > .menu-link,
#masthead #menu-item-2981 > .menu-link:hover,
#masthead #menu-item-2981 > .menu-link:focus,
#masthead #menu-item-2981 > .menu-link:focus-visible,
#masthead #menu-item-2981 > .menu-link:active,
#masthead #menu-item-2981.current-menu-item > .menu-link,
#masthead #menu-item-2981.current-menu-ancestor > .menu-link,
#masthead #menu-item-2981.current_page_item > .menu-link,
#masthead #menu-item-2981.current_page_parent > .menu-link,
#masthead #menu-item-2981.current_page_ancestor > .menu-link{
color:#ffffff !important;
-webkit-text-fill-color:#ffffff !important;
}
/* ======================================
MOBILE NEWS THUMBNAIL RADIUS FIX
====================================== */
@media (max-width: 921px){
.page-id-1473 .si-news-right img{
border-radius: 18px !important;
}
}
/* ======================================================
SINGLE NEWS + EVENTS ARTICLE SURFACE
====================================================== */
body.single-sinews,
body.single-sievents{
background:#ffffff !important;
}
/* =========================================================
SINGLE NEWS SUBHEADINGS — cleaner editorial hierarchy
========================================================= */
body.single-sinews h2{
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
font-size:20px !important;
font-weight:600 !important;
letter-spacing:-0.02em !important;
line-height:1.24 !important;
color:#1f2937; !important;
margin:34px 0 14px !important;
}
body.single-sinews h3{
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
font-size:17px !important;
font-weight:600 !important;
letter-spacing:-0.015em !important;
line-height:1.28 !important;
color:#111827 !important;
margin:24px 0 10px !important;
}
@media (max-width: 921px){
body.single-sinews h2{
font-size:18px !important;
line-height:1.25 !important;
margin:30px 0 12px !important;
}
body.single-sinews h3{
font-size:16px !important;
line-height:1.3 !important;
margin:22px 0 10px !important;
}
}
/* =========================================================
ARTICLE HEADINGS — match editorial hierarchy
========================================================= */
body.single-sinews h2{
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
font-size:22px !important;
font-weight:600 !important;
line-height:1.25 !important;
letter-spacing:-0.01em !important;
margin:32px 0 12px !important;
color:#111827 !important;
}
body.single-sinews h3{
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
font-size:18px !important;
font-weight:600 !important;
line-height:1.3 !important;
margin:24px 0 10px !important;
color:#111827 !important;
}
@media (max-width: 922px){
body.single-sinews article .entry-title{
font-size:26px !important;
line-height:1.12 !important;
letter-spacing:-0.028em !important;
padding:0 20px !important;
margin-bottom:12px !important;
}
}
/* =========================================================
SINGLE NEWS TITLE — match archive typography better
========================================================= */
body.single-sinews article .entry-title{
max-width:1200px !important;
margin:0 auto 14px !important;
padding:0 24px !important;
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
font-size:28px !important;
font-weight:700 !important;
letter-spacing:-0.03em !important;
line-height:1.12 !important;
color:#111827 !important;
}
@media (max-width: 921px){
body.single-sinews article .entry-title{
font-size:24px !important;
line-height:1.14 !important;
padding:0 18px !important;
margin-bottom:12px !important;
}
}
/* =========================================================
NEWS ARCHIVE — 4-LINE TITLE CLAMP
page-id-1473 only
========================================================= */
/* -----------------------------------------
DESKTOP
------------------------------------------ */
/* -----------------------------------------
DESKTOP TITLE CLAMP FIX
------------------------------------------ */
@media (min-width: 922px){
/* reset clamp on h3 */
.page-id-1473 .facetwp-template[data-name="news"] .si-news-card h3.si-news-title{
margin:0 0 14px 0 !important;
overflow:visible !important;
display:block !important;
-webkit-line-clamp:unset !important;
line-clamp:unset !important;
}
/* clamp the actual title text */
.page-id-1473 .facetwp-template[data-name="news"] .si-news-card h3.si-news-title a{
color:inherit !important;
text-decoration:none !important;
line-height:1.2 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
white-space:normal !important;
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:5 !important;
line-clamp:5 !important;
}
}
/* -----------------------------------------
MOBILE
------------------------------------------ */
@media (max-width: 921px){
.page-id-1473 .facetwp-template[data-name="news"] .si-news-title,
.page-id-1473 .facetwp-template[data-name="news"] .si-news-card h3.si-news-title{
margin:0 0 12px 0 !important;
line-height:1.18 !important;
max-width:100% !important;
overflow:hidden !important;
text-overflow:ellipsis !important;
word-break:normal !important;
overflow-wrap:anywhere !important;
display:-webkit-box !important;
-webkit-box-orient:vertical !important;
-webkit-line-clamp:5 !important;
line-clamp:5 !important;
}
}
/* =========================================================
NEWS ARCHIVE CARDS — CLEAN FINAL
Page ID: 1473
========================================================= */
/* -----------------------------------------
1) kill FacetWP outer wrappers
----------------------------------------- */
.page-id-1473 .facetwp-template[data-name="news"] > *{
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
outline: 0 !important;
padding: 0 !important;
margin: 0 0 16px 0 !important;
border-radius: 0 !important;
}
.page-id-1473 .facetwp-template[data-name="news"] > * > div:not(.si-news-card){
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
outline: 0 !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
}
/* -----------------------------------------
2) actual card
----------------------------------------- */
.page-id-1473 .facetwp-template[data-name="news"] .si-news-card{
display: grid !important;
grid-template-columns: minmax(0,1fr) 42% !important;
gap: 22px !important;
align-items: center !important;
width: 100% !important;
min-width: 0 !important;
background: #ffffff !important;
border: 1px solid #edf1f5 !important;
border-radius: 30px !important;
padding: 24px !important;
box-shadow: 0 2px 8px rgba(15,23,42,.035) !important;
overflow: hidden !important;
transform: none !important;
transition: box-shadow .18s ease, transform .18s ease !important;
margin-bottom: 0 !important;
}
/* -----------------------------------------
3) text
----------------------------------------- */
.page-id-1473 .facetwp-template[data-name="news"] .si-news-left{
min-width: 0 !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-text{
min-width: 0 !important;
width: 100% !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-title,
.page-id-1473 .facetwp-template[data-name="news"] h3.si-news-title{
margin: 0 !important;
color: #0f172a !important;
font-family: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
font-size: 19px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
letter-spacing: -0.025em !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 5 !important;
line-clamp: 5 !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-title a,
.page-id-1473 .facetwp-template[data-name="news"] h3.si-news-title a{
color: inherit !important;
text-decoration: none !important;
line-height: inherit !important;
}
/* -----------------------------------------
4) thumbnail desktop/default
----------------------------------------- */
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right{
width: 100% !important;
min-width: 0 !important;
justify-self: stretch !important;
align-self: center !important;
border-radius: 18px !important;
overflow: hidden !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right picture{
display: block !important;
width: 100% !important;
border-radius: 18px !important;
overflow: hidden !important;
line-height: 0 !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right img{
width: 100% !important;
height: 156px !important;
display: block !important;
object-fit: cover !important;
object-position: center !important;
border-radius: 18px !important;
margin: 0 !important;
}
/* -----------------------------------------
5) hover desktop only
----------------------------------------- */
@media (hover: hover) and (pointer: fine){
.page-id-1473 .facetwp-template[data-name="news"] .si-news-card:hover{
transform: translateY(-1px) !important;
box-shadow: 0 8px 20px rgba(15,23,42,.06) !important;
}
}
/* -----------------------------------------
6) laptop
----------------------------------------- */
@media (max-width: 1200px){
.page-id-1473 .facetwp-template[data-name="news"] .si-news-card{
grid-template-columns: minmax(0,1fr) 40% !important;
gap: 20px !important;
padding: 22px !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-title,
.page-id-1473 .facetwp-template[data-name="news"] h3.si-news-title{
font-size: 18px !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right img{
height: 146px !important;
}
}
/* -----------------------------------------
7) tablet + mobile
----------------------------------------- */
@media (max-width: 921px){
.page-id-1473 .facetwp-template[data-name="news"] > *{
margin: 0 0 18px 0 !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-card{
grid-template-columns: minmax(0,1fr) 160px !important;
gap: 18px !important;
padding: 20px !important;
border-radius: 26px !important;
align-items: center !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-title,
.page-id-1473 .facetwp-template[data-name="news"] h3.si-news-title{
font-size: 17px !important;
line-height: 1.14 !important;
letter-spacing: -0.02em !important;
margin: 0 !important;
-webkit-line-clamp: 5 !important;
line-clamp: 5 !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right{
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
justify-self: end !important;
align-self: center !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right picture{
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right img{
width: 160px !important;
height: 112px !important;
min-width: 160px !important;
max-width: 160px !important;
border-radius: 16px !important;
overflow: hidden !important;
}
}
/* -----------------------------------------
TABLET + MOBILE — fluid thumbnail scaling
----------------------------------------- */
@media (max-width: 921px){
.page-id-1473 .facetwp-template[data-name="news"] > *{
margin: 0 0 18px 0 !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-card{
grid-template-columns: minmax(0,1fr) clamp(118px, 34vw, 160px) !important;
gap: clamp(12px, 3vw, 18px) !important;
padding: clamp(16px, 3.2vw, 20px) !important;
border-radius: clamp(22px, 3.4vw, 26px) !important;
align-items: center !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-title,
.page-id-1473 .facetwp-template[data-name="news"] h3.si-news-title{
font-size: clamp(15px, 3.7vw, 17px) !important;
line-height: 1.14 !important;
letter-spacing: -0.02em !important;
margin: 0 !important;
-webkit-line-clamp: 5 !important;
line-clamp: 5 !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right{
width: clamp(118px, 34vw, 160px) !important;
min-width: clamp(118px, 34vw, 160px) !important;
max-width: clamp(118px, 34vw, 160px) !important;
justify-self: end !important;
align-self: center !important;
border-radius: clamp(14px, 2.6vw, 16px) !important;
overflow: hidden !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right picture{
display: block !important;
width: 100% !important;
border-radius: inherit !important;
overflow: hidden !important;
line-height: 0 !important;
}
.page-id-1473 .facetwp-template[data-name="news"] .si-news-right img{
width: 100% !important;
height: auto !important;
aspect-ratio: 16 / 9 !important;
display: block !important;
object-fit: cover !important;
object-position: center !important;
border-radius: inherit !important;
}
}
/* =========================================================
REMOVE iOS / GOOGLE AUTO-DETECT DOTTED UNDERLINES SITEWIDE
========================================================= */
a[x-apple-data-detectors],
a[href^="x-apple-data-detectors:"],
span[x-apple-data-detectors],
[x-apple-data-detectors],
[data-detectors],
[data-detectors-type] {
color: inherit !important;
text-decoration: none !important;
border-bottom: 0 !important;
box-shadow: none !important;
background: transparent !important;
font: inherit !important;
}
/* If iOS turns detected text into clickable phone/email/date/address links */
a[href^="tel:"],
a[href^="sms:"],
a[href^="mailto:"] {
color: inherit !important;
text-decoration: none !important;
border-bottom: 0 !important;
box-shadow: none !important;
}
/* =========================================
MOBILE MENU — GET INVOLVED SEPARATOR
========================================= */
@media (max-width: 921px){
body.ast-header-break-point
#ast-mobile-site-navigation ul#ast-hf-mobile-menu > li.mobile-separator{
width: 100% !important;
flex: 0 0 100% !important;
margin-top: 10px !important;
padding-top: 14px !important;
}
body.ast-header-break-point
#ast-mobile-site-navigation ul#ast-hf-mobile-menu > li.mobile-separator > a.menu-link{
pointer-events: none !important;
cursor: default !important;
display: block !important;
width: 100% !important;
min-height: auto !important;
padding: 0 0 10px 0 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.10em !important;
text-transform: uppercase !important;
color: #ffffff !important;
text-align: left !important;
justify-content: flex-start !important;
}
body.ast-header-break-point
#ast-mobile-site-navigation ul#ast-hf-mobile-menu > li.mobile-separator::before{
content: "" !important;
display: block !important;
height: 1px !important;
background: linear-gradient(
to right,
rgba(255,255,255,0),
rgba(255,255,255,0.28),
rgba(255,255,255,0)
) !important;
margin: 0 0 12px 0 !important;
}
}
@media (max-width: 921px){
body.ast-header-break-point
#ast-mobile-site-navigation ul#ast-hf-mobile-menu
> li.mobile-cta.mobile-cta-full
> a.menu-link{
background:#1663c7 !important;
min-height:60px !important;
font-weight:700 !important;
}
}
@media (max-width: 921px){
#ast-mobile-site-navigation ul#ast-hf-mobile-menu > li.mobile-cta-full{
width: calc(100% - 14px) !important;
flex: 0 0 calc(100% - 14px) !important;
margin-right: 0 !important;
}
#ast-mobile-site-navigation ul#ast-hf-mobile-menu > li.mobile-cta-full > a.menu-link{
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
}
}
.si-business-single__logo{
background:#fff;
border:1px solid #eef2f7;
box-shadow:0 10px 28px rgba(2,6,23,.05);
}
@media (max-width:767px){
body.single-sibusinesses .si-business-single__logo{
width:200px !important;
height:150px !important; /* shorter than width */
aspect-ratio:auto !important;
min-height:0 !important;
margin:0 auto 0px !important;
padding:15px 30px !important; /* more side room, less top/bottom */
background:#fff !important;
border:1px solid #eef2f7 !important;
border-radius:18px !important;
box-shadow:0 10px 28px rgba(2,6,23,.05) !important;
}
body.single-sibusinesses .si-business-single__logo-img{
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:contain !important;
display:block !important;
}
}
.si-business-card{
position: relative !important;
overflow: hidden !important;
}
.si-business-deal-badge{
position:absolute !important;
top:0 !important;
left:0 !important;
z-index:20 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
height:44px !important;
padding:0 18px !important;
background:linear-gradient(180deg,#ef4444 0%,#dc2626 100%) !important;
color:#fff !important;
font-size:12px !important;
font-weight:800 !important;
letter-spacing:-.01em !important;
border-radius:0 0 18px 0 !important;
box-shadow:0 12px 26px rgba(220,38,38,.28) !important;
}
@media (max-width:768px){
.si-business-deal-badge{
height:38px !important;
padding:0 14px !important;
font-size:11px !important;
border-radius:0 0 16px 0 !important;
}
}
@media (min-width: 769px){
#siPromotionViewer{
overflow: hidden;
}
#siPromotionViewer .siPromotionViewer__panel{
position: fixed;
inset: 0;
width: 100vw;
height: 100dvh;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
#siPromotionViewer .siPromotionViewer__close{
position: fixed;
top: 14px;
right: 14px;
z-index: 999999;
}
#siPromotionPicture{
display: contents;
}
#siPromotionImage{
display: block;
max-width: 100vw;
max-height: 100dvh;
width: auto;
height: auto;
object-fit: contain;
}
}
/* HERO TEXT IMPROVEMENT */
.uagb-block-7350c7ea .uagb-ifb-title{
max-width: 820px;
margin: 0 auto;
font-size: 17px;
line-height: 1.6;
}
/* Headline */
.uagb-block-7350c7ea .uagb-ifb-title strong{
display: block;
font-size: 24px;
line-height: 1.3;
margin-bottom: 10px;
}
/* Supporting paragraph */
.uagb-block-7350c7ea .uagb-ifb-title p{
font-size: 15px;
margin-top: 18px;
opacity: .9;
}
/* Space above the button */
.uagb-block-7350c7ea .uagb-ifb-button-wrapper{
margin-top: 26px;
}
.uagb-block-7350c7ea .uagb-ifb-title{
max-width: 860px;
margin: 0 auto;
line-height: 1.6;
font-size: 18px;
}
.uagb-block-7350c7ea .uagb-ifb-title strong{
display: block;
font-size: 24px;
line-height: 1.25;
margin-bottom: 12px;
}
.uagb-block-7350c7ea .uagb-ifb-title p{
margin: 18px 0 0;
font-size: 15px;
line-height: 1.6;
opacity: .92;
}
.uagb-block-7350c7ea .uagb-ifb-button-wrapper{
margin-top: 28px;
}
/* SINGLE BUSINESS — center header content on mobile */
@media (max-width: 768px){
body.single-sibusinesses .si-business-single__main{
text-align: center !important;
}
body.single-sibusinesses .si-business-single__badge{
display: inline-flex !important;
margin: 0 auto 14px !important;
}
}
@media (max-width:768px){
body.single-sibusinesses #content .ast-container{
padding-left:5px !important;
padding-right:5px !important;
}
}
/* SINGLE BUSINESS — final top spacing + pull section up */
body.single-sibusinesses .si-business-single{
padding-top: 0 !important;
margin-top: -26px !important;
}
body.single-sibusinesses .si-business-single__shell{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* SINGLE BUSINESS — final top spacing + pull section up */
body.single-sibusinesses .si-business-single{
padding-top: 0 !important;
margin-top: -35px !important;
}
body.single-sibusinesses .si-business-single__shell{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* SINGLE EVENT — add breathing room before footer */
body.single-sievents .site-main{
padding-bottom: 80px;
}
body.single-sievents .post-navigation{
margin-bottom: 60px;
}
/* Deal modal — View Promotion button color fix */
#siDealModal .si-deal-modal__promo-btn{
background:#1683F2 !important;
border-color:#1683F2 !important;
color:#fff !important;
}
#siDealModal .si-deal-modal__promo-btn:hover{
background:#0F75E6 !important;
border-color:#0F75E6 !important;
}
/* BUSINESS CARD — Active Deals pill top-left */
.si-business-card{
position:relative !important;
}
.si-business-deal-badge{
position:absolute !important;
top:16px !important;
left:16px !important;
z-index:3 !important;
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
margin:0 !important;
padding:6px 12px !important;
font-size:12px !important;
font-weight:700 !important;
line-height:1 !important;
color:#92400e !important;
background:#fef3c7 !important;
border-radius:999px !important;
box-shadow:0 2px 6px rgba(0,0,0,.08) !important;
}
/* Keep Community Partner top-right */
.si-community-badge{
position:absolute !important;
top:16px !important;
right:16px !important;
z-index:3 !important;
}
/* Push logo down so badges have room */
.si-business-logo{
margin-top:34px !important;
}
@media (max-width:768px){
.si-business-deal-badge{
top:12px !important;
left:12px !important;
font-size:11px !important;
padding:5px 10px !important;
}
.si-community-badge{
top:12px !important;
right:12px !important;
}
.si-business-logo{
margin-top:30px !important;
}
}
.si-business-deal-badge{
display:inline-flex;
align-items:center;
gap:6px;
font-size:13px;
font-weight:700;
color:#b45309;
background:#fef3c7;
border-radius:999px;
padding:6px 12px;
margin:8px 0 2px 0;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-card,
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-card *{
text-decoration:none !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-name{
color:#0f172a !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-desc{
color:#475569 !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-desc a,
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-name a{
color:inherit !important;
text-decoration:none !important;
pointer-events:none !important;
}
/* =========================================================
SINGLE BUSINESS PAGE
========================================================= */
body.single-sibusinesses{
background:#f5f7fb !important;
}
body.single-sibusinesses .site-content,
body.single-sibusinesses .ast-container,
body.single-sibusinesses .entry-content{
background:transparent !important;
}
body.single-sibusinesses .entry-content > *:not(.si-business-single){
display:none !important;
}
.si-business-single{
width:100%;
padding:36px 16px 56px;
font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.si-business-single__shell{
max-width:1180px;
margin:0 auto;
}
.si-business-single__header{
display:grid;
grid-template-columns:280px minmax(0,1fr);
gap:34px;
align-items:start;
background:#fff;
border:1px solid #e5e7eb;
border-radius:28px;
padding:30px;
box-shadow:0 10px 30px rgba(2,6,23,.05);
}
.si-business-single__logo{
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border:1px solid #e5e7eb;
border-radius:24px;
min-height:200px;
padding:24px;
}
.si-business-single__logo-img{
display:block;
width:100%;
max-width:200px;
max-height:180px;
height:auto;
object-fit:contain;
margin:0 auto;
}
.si-business-single__logo-placeholder{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-height:120px;
color:#64748b;
font-weight:700;
font-size:18px;
}
.si-business-single__badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:36px;
padding:0 16px;
border-radius:999px;
background:#eab54b;
color:#0f172a;
font-size:13px;
font-weight:800;
letter-spacing:.04em;
text-transform:uppercase;
margin:0 0 14px;
}
.si-business-single__title{
margin:0 0 16px;
color:#0f172a;
font-size:40px;
line-height:1.08;
font-weight:800;
letter-spacing:-.02em;
}
.si-business-single__desc{
margin:0 0 18px;
color:#475569;
font-size:18px;
line-height:1.75;
max-width:780px;
}
.si-business-single__desc p{
margin:0 0 14px;
}
/* =========================================================
SINGLE BUSINESS — Button polish
========================================================= */
body.single-sibusinesses .si-business-single__actions{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:16px;
}
body.single-sibusinesses .si-business-single__btn{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:46px !important;
padding:0 22px !important;
border-radius:16px !important;
text-decoration:none !important;
font-size:15px !important;
font-weight:600 !important;
line-height:1 !important;
transition:all .18s ease;
}
/* Primary (Call) */
body.single-sibusinesses .si-business-single__btn--primary{
background:#2563EB;
color:#fff !important;
border:1px solid #2563EB;
box-shadow:0 6px 16px rgba(37,99,235,.18);
min-width:90px !important;
}
body.single-sibusinesses .si-business-single__btn--primary:hover{
background:#1D4ED8;
border-color:#1D4ED8;
transform:translateY(-1px);
}
/* Secondary buttons */
body.single-sibusinesses .si-business-single__btn--secondary{
background:#fff;
color:#0f172a !important;
border:1px solid #e2e8f0;
min-width:110px !important;
}
body.single-sibusinesses .si-business-single__btn--secondary:hover{
background:#f8fafc;
border-color:#cbd5e1;
transform:translateY(-1px);
}
.si-business-single__no-contact{
color:#64748b;
font-size:15px;
}
/* DEALS SECTION */
body.single-sibusinesses .si-business-single__deals-wrap{
margin-top:32px;
}
.si-business-single__section-head{
margin:0 0 16px;
}
body.single-sibusinesses .si-business-single__section-title{
margin:0 0 20px;
color:#0f172a;
font-size:28px;
line-height:1.15;
font-weight:800;
letter-spacing:-.02em;
}
body.single-sibusinesses .si-business-single__deals-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:24px;
margin-top:10px;
}
.si-business-single__no-deals{
background:#fff;
border:1px solid #e5e7eb;
border-radius:22px;
padding:28px 22px;
color:#64748b;
font-size:17px;
text-align:center;
box-shadow:0 8px 24px rgba(2,6,23,.04);
}
/* =========================================================
SINGLE BUSINESS — ACTIVE DEALS MATCH PAGE 1645 ARCHIVE
========================================================= */
body.single-sibusinesses .si-coupon-archive-card{
height:100% !important;
display:flex !important;
align-items:stretch !important;
gap:18px !important;
background:#ffffff !important;
border-radius:18px !important;
padding:16px 18px !important;
text-decoration:none !important;
color:inherit !important;
border:0 !important;
box-shadow:0 10px 26px rgba(15,23,42,.10) !important;
transition:transform .16s ease, box-shadow .16s ease !important;
}
body.single-sibusinesses .si-coupon-archive-card:hover{
transform:translateY(-2px) !important;
box-shadow:0 14px 34px rgba(15,23,42,.14) !important;
}
body.single-sibusinesses .si-coupon-archive-media{
position:relative !important;
flex:0 0 92px !important;
width:92px !important;
height:92px !important;
min-width:92px !important;
min-height:92px !important;
border-radius:14px !important;
overflow:hidden !important;
background:#eef2f7 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
}
body.single-sibusinesses .si-coupon-archive-default{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
z-index:1 !important;
}
body.single-sibusinesses .si-coupon-archive-media img:not(.si-coupon-archive-default),
body.single-sibusinesses .si-coupon-archive-thumb{
position:relative !important;
z-index:2 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
display:block !important;
padding:0 !important;
margin:0 !important;
}
body.single-sibusinesses .si-coupon-archive-content{
display:flex !important;
flex-direction:column !important;
min-width:0 !important;
width:100% !important;
flex:1 1 auto !important;
padding:0 !important;
}
body.single-sibusinesses .si-coupon-archive-title{
margin:0 0 6px !important;
font-size:20px !important;
line-height:1.15 !important;
letter-spacing:-0.02em !important;
font-weight:800 !important;
color:#0f172a !important;
display:-webkit-box !important;
-webkit-line-clamp:2 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
min-height:calc(1.15em * 2) !important;
}
body.single-sibusinesses .si-coupon-archive-meta{
display:flex !important;
align-items:center !important;
gap:8px !important;
margin:0 0 10px !important;
min-height:1.2em !important;
font-size:13px !important;
line-height:1.2 !important;
color:rgba(15,23,42,.60) !important;
}
body.single-sibusinesses .si-coupon-archive-biz{
font-weight:500 !important;
color:#1f2937 !important;
background:none !important;
border:0 !important;
padding:0 !important;
border-radius:0 !important;
min-height:0 !important;
}
body.single-sibusinesses .si-coupon-archive-cat{
background:none !important;
border:0 !important;
padding:0 !important;
border-radius:0 !important;
min-height:0 !important;
font-weight:500 !important;
color:rgba(15,23,42,.60) !important;
}
body.single-sibusinesses .si-coupon-archive-desc{
font-size:14px !important;
line-height:1.35 !important;
color:rgba(15,23,42,.78) !important;
margin:0 0 12px !important;
display:-webkit-box !important;
-webkit-line-clamp:2 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
}
body.single-sibusinesses .si-coupon-archive-expiry{
margin-top:auto !important;
display:flex !important;
align-items:baseline !important;
gap:8px !important;
font-size:13px !important;
line-height:1.2 !important;
color:rgba(15,23,42,.65) !important;
}
body.single-sibusinesses .si-coupon-archive-exp-label{
color:rgba(15,23,42,.55) !important;
font-size:13px !important;
font-weight:400 !important;
text-transform:none !important;
letter-spacing:0 !important;
}
body.single-sibusinesses .si-coupon-archive-exp{
font-weight:700 !important;
color:rgba(15,23,42,.78) !important;
}
/* TABLET */
@media (max-width: 1024px){
.si-business-single__header{
grid-template-columns:1fr;
}
.si-business-single__title{
font-size:34px;
}
body.single-sibusinesses .si-business-single__deals-grid{
grid-template-columns:1fr;
}
}
/* MOBILE */
@media (max-width: 767px){
.si-business-single{
padding:22px 12px 42px;
}
.si-business-single__header{
padding:20px;
border-radius:22px;
gap:20px;
}
.si-business-single__logo{
min-height:180px;
padding:18px;
border-radius:18px;
}
.si-business-single__logo-img{
max-width:160px;
max-height:130px;
}
.si-business-single__title{
font-size:28px;
}
.si-business-single__desc{
font-size:16px;
line-height:1.7;
}
body.single-sibusinesses .si-business-single__actions{
flex-direction:column;
}
body.single-sibusinesses .si-business-single__btn{
width:100%;
min-height:54px !important;
padding:0 22px !important;
font-size:15px !important;
}
body.single-sibusinesses .si-business-single__deals-grid{
grid-template-columns:1fr;
gap:18px;
}
.si-business-single__section-title{
font-size:24px;
}
body.single-sibusinesses .si-coupon-archive-card{
gap:14px !important;
padding:14px 14px !important;
border-radius:16px !important;
}
body.single-sibusinesses .si-coupon-archive-media{
flex:0 0 80px !important;
width:80px !important;
height:80px !important;
min-width:80px !important;
min-height:80px !important;
border-radius:12px !important;
}
body.single-sibusinesses .si-coupon-archive-title{
font-size:18px !important;
}
}
/* =========================================================
SINGLE BUSINESS — ACTION BUTTONS
Match Join Community + keep pill shape
========================================================= */
body.single-sibusinesses .si-business-single__actions{
display:flex !important;
gap:12px !important;
flex-wrap:wrap !important;
margin-top:16px !important;
}
body.single-sibusinesses .si-business-single__actions .si-business-single__btn{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:46px !important;
padding:0 24px !important;
border-radius:999px !important;
text-decoration:none !important;
font-size:15px !important;
font-weight:600 !important;
line-height:1 !important;
transition:all .18s ease !important;
}
/* Primary — match Join Community */
body.single-sibusinesses .si-business-single__actions .si-business-single__btn--primary{
background:#1683F2 !important;
color:#fff !important;
border:1px solid #1683F2 !important;
box-shadow:0 6px 16px rgba(22,131,242,.20) !important;
min-width:92px !important;
}
body.single-sibusinesses .si-business-single__actions .si-business-single__btn--primary:hover{
background:#0F75E6 !important;
border-color:#0F75E6 !important;
transform:translateY(-1px) !important;
box-shadow:0 8px 20px rgba(22,131,242,.24) !important;
}
/* Secondary */
body.single-sibusinesses .si-business-single__actions .si-business-single__btn--secondary{
background:#fff !important;
color:#0f172a !important;
border:1px solid #dbe3ee !important;
min-width:110px !important;
box-shadow:none !important;
}
body.single-sibusinesses .si-business-single__actions .si-business-single__btn--secondary:hover{
background:#f8fafc !important;
border-color:#cbd5e1 !important;
transform:translateY(-1px) !important;
}
body.single-sibusinesses .si-business-single__no-contact{
color:#64748b !important;
font-size:15px !important;
}
.si-form-note{
font-size:13px;
color:#6b7280;
margin-top:6px;
line-height:1.5;
}
box-shadow:0 6px 18px rgba(0,0,0,.25);
transition:transform .15s ease;
}
.siPromotionViewer__close:hover{
transform:scale(1.05);
}
.siPromotionViewer__close{
position:absolute;
top:18px;
right:18px;
width:46px;
height:46px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
border:0;
background:#fff;
color:#111;
font-size:22px;
line-height:1;
cursor:pointer;
}
#siPromotionViewer{
position: fixed;
inset: 0;
z-index: 9999999;
display: none;
align-items: center;
justify-content: center;
background: rgba(0,0,0,.92);
}
#siPromotionViewer.is-open{
display: flex;
}
#siPromotionViewer .siPromotionViewer__panel{
position: relative;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
box-sizing: border-box;
}
#siPromotionViewer #siPromotionImage{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
#siPromotionViewer .siPromotionViewer__close{
position: absolute;
top: 18px;
right: 18px;
width: 44px;
height: 44px;
border: 0;
border-radius: 999px;
background: #fff;
color: #0f172a;
font-size: 24px;
line-height: 1;
cursor: pointer;
}
html.si-promo-open,
body.si-promo-open{
overflow: hidden !important;
}
/* =========================================================
SINEIGHBORS — Welcome Modal Mobile Spacing Polish
========================================================= */
@media (max-width: 640px){
/* Pull entire modal content slightly up */
#siWelcomeModal{
padding-bottom: 16px !important;
}
/* Reduce space under shortcut button grid */
#siWelcomeModal .si-welcome-shortcuts{
margin-bottom: 14px !important;
}
/* Tighten "These shortcuts..." text spacing */
#siWelcomeModal .si-welcome-note{
margin-top: 10px !important;
margin-bottom: 12px !important;
}
/* Bring bottom CTA row upward */
#siWelcomeModal .si-welcome-footer{
margin-top: 16px !important;
}
}
/* =========================================
WELCOME MODAL — MOBILE button fix only
========================================= */
@media (max-width:768px){
#siWelcomeModal .si-welcome-grid{
gap:12px !important;
}
#siWelcomeModal .si-welcome-grid-item{
height:56px !important;
min-height:56px !important;
padding:0 10px !important;
border-radius:18px !important;
font-size:14px !important;
line-height:1.1 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
}
}
/* very small phones */
@media (max-width:392px){
#siWelcomeModal .si-welcome-grid-item{
height:52px !important;
min-height:52px !important;
font-size:13px !important;
padding:0 8px !important;
}
}
.si-welcome-close{
position:absolute;
top:14px;
right:14px;
width:42px;
height:42px;
border-radius:12px;
border:0;
background:#e2e8f0;
color:#0f172a;
font-size:20px;
font-weight:700;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
}
.si-welcome-grid-item{
display:flex;
align-items:center;
justify-content:center;
min-height:66px;
padding:14px;
border-radius:18px;
background:#2f80ed;
color:#ffffff !important;
font-weight:700;
text-decoration:none !important;
transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.si-welcome-grid-item:hover{
background:#2563eb !important;
color:#ffffff !important;
text-decoration:none !important;
transform:translateY(-1px);
box-shadow:0 6px 16px rgba(37,99,235,.25);
}
/* =========================================================
PAGE 1638 — CTA row optical centering tweak
========================================================= */
@media (min-width: 768px){
body.page-id-1638 .wp-block-uagb-buttons.uagb-block-b10c822a,
body.page-id-1638 .wp-block-uagb-buttons.uagb-block-1fff513c{
display: inline-block !important;
vertical-align: top !important;
margin: 0 10px !important;
position: relative !important;
left: 159px !important;
}
body.page-id-1638 .wp-block-uagb-buttons.uagb-block-dbc2cf7b{
text-align: center !important;
margin-top: 18px !important;
}
body.page-id-1638 .wp-block-uagb-buttons.uagb-block-dbc2cf7b .uagb-buttons__outer-wrap{
justify-content: center !important;
}
}
/* Single job article spacing above footer */
body.single-sijobs article.sijobs{
padding-bottom: 30px !important;
}
/* =========================================================
SINGLE JOB — Benefits polish tweaks
========================================================= */
/* Card width + spacing */
body.single-sijobs .si-job-single__benefits{
max-width:760px !important;
margin:32px auto 26px !important;
}
/* Title improvements */
body.single-sijobs .si-job-single__benefits-title{
font-size:20px !important;
font-weight:700 !important;
margin-bottom:14px !important;
padding-bottom:12px !important;
border-bottom:1px solid #eef2f7 !important;
}
/* Tighter bullet spacing */
body.single-sijobs .si-job-single__benefits-col li{
margin-bottom:8px !important;
line-height:1.5 !important;
}
/* Slightly nicer bullet alignment */
body.single-sijobs .si-job-single__benefits-col{
padding-left:20px !important;
}
/* Benefits bullets — force dark bullets instead of blue */
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li::marker{
color:#111827 !important;
font-size:1em !important;
}
/* =========================================================
SINGLE JOBS — BENEFITS CARD
FULL REPLACEMENT
Put this BELOW any older Benefits CSS
========================================================= */
/* Card */
body.single-sijobs .entry-content .si-job-single__benefits{
background:#fff !important;
border:1px solid #e5e7eb !important;
border-radius:20px !important;
box-shadow:0 1px 2px rgba(0,0,0,.04) !important;
max-width:760px !important;
margin:32px auto 26px !important;
padding:26px 30px 24px !important;
overflow:hidden !important;
display:block !important;
}
/* Title */
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-title{
display:block !important;
margin:0 0 16px !important;
padding:0 !important;
border:0 !important;
text-align:left !important;
font-size:22px !important;
line-height:1.2 !important;
font-weight:700 !important;
color:#111827 !important;
background:transparent !important;
box-shadow:none !important;
}
/* Inner wrapper */
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-grid{
display:block !important;
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
text-align:left !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
/* UL */
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col{
margin:0 !important;
padding:0 0 0 22px !important;
list-style:disc outside !important;
width:100% !important;
max-width:none !important;
border:0 !important;
background:transparent !important;
box-shadow:none !important;
}
/* LI */
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li{
margin:0 0 10px !important;
padding:0 0 0 2px !important;
font-size:16px !important;
line-height:1.55 !important;
color:#111827 !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li:last-child{
margin-bottom:0 !important;
}
/* Mobile */
@media (max-width:768px){
body.single-sijobs .entry-content .si-job-single__benefits{
max-width:none !important;
margin:24px 0 22px !important;
padding:22px 20px 20px !important;
border-radius:18px !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-title{
font-size:20px !important;
margin-bottom:14px !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col{
padding-left:20px !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li{
font-size:16px !important;
margin-bottom:9px !important;
}
}
/* =========================================================
SI JOB HEADER — Premium Layout Polish
========================================================= */
/* Header container card */
body.single-sijobs .si-job-header{
background:#ffffff;
border:1px solid #e5e7eb;
border-radius:14px;
padding:28px 22px;
margin-bottom:28px;
/* Premium elevation */
box-shadow:0 10px 28px rgba(0,0,0,.06);
}
/* space under logo */
body.single-sijobs .si-job-header .si-job-logo{
margin-bottom:14px !important;
}
/* Job title */
body.single-sijobs .si-job-header h1{
line-height:1.15 !important;
margin-bottom:6px !important;
}
/* Company name spacing */
body.single-sijobs .si-job-header .si-company-name{
margin-bottom:6px !important;
}
/* Space before pill rows */
body.single-sijobs .si-job-header .si-job-meta{
margin-top:12px !important;
gap:10px !important;
}
/* Increase space between pill rows */
body.single-sijobs .si-job-header .si-job-meta + .si-job-meta{
margin-top:8px !important;
}
/* Pill padding */
body.single-sijobs .si-job-meta span{
padding:8px 14px !important;
}
/* Subtle divider before job content */
body.single-sijobs .si-job-header + *{
border-top:1px solid #eef2f7;
padding-top:24px;
}
/* =========================================
SI JOB HEADER — Premium Logo + Title
========================================= */
/* Job title */
body.single-sijobs .si-job-header h1{
line-height: 1.15 !important;
margin-bottom: 6px !important;
}
/* Company name */
body.single-sijobs .si-job-header .si-company-name{
margin-bottom: 4px !important;
}
body.single-sijobs .si-job-meta span{
padding: 8px 14px;
}
/* =========================================================
SINGLE JOBS — Benefits hard override polish
2 columns on desktop / 1 column on mobile
========================================================= */
body.single-sijobs .entry-content .si-job-single__benefits{
width: 100% !important;
max-width: 760px !important;
margin: 32px auto 26px !important;
padding: 26px 30px 24px !important;
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-radius: 20px !important;
box-shadow: 0 1px 2px rgba(0,0,0,.04) !important;
overflow: hidden !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-title{
display: block !important;
width: 100% !important;
margin: 0 0 14px !important;
padding: 0 0 12px !important;
text-align: left !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: #111827 !important;
border: 0 !important;
border-bottom: 1px solid #eef2f7 !important;
background: transparent !important;
box-shadow: none !important;
}
/* MOBILE FIRST = 1 column */
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-grid{
display: block !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col{
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 0 0 20px !important;
list-style: disc outside !important;
text-align: left !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li{
position: static !important;
margin: 0 0 8px !important;
padding: 0 !important;
font-size: 16px !important;
line-height: 1.5 !important;
color: #111827 !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li:last-child{
margin-bottom: 0 !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li::before{
content: none !important;
display: none !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li::marker{
color: #111827 !important;
}
/* DESKTOP = 2 columns */
@media (min-width: 769px){
body.single-sijobs .entry-content .si-job-single__benefits{
max-width: 760px !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-grid{
display: grid !important;
grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
column-gap: 40px !important;
row-gap: 0 !important;
align-items: start !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col{
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 0 0 0 20px !important;
}
}
/* MOBILE */
@media (max-width: 768px){
body.single-sijobs .entry-content .si-job-single__benefits{
max-width: none !important;
margin: 24px 0 22px !important;
padding: 22px 20px 20px !important;
border-radius: 18px !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-title{
font-size: 20px !important;
margin-bottom: 12px !important;
padding-bottom: 10px !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col{
padding-left: 18px !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li{
font-size: 16px !important;
margin-bottom: 8px !important;
}
}
/* =========================================================
SINGLE JOB — Benefits final desktop tightening
========================================================= */
@media (min-width: 769px){
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-grid{
column-gap: 28px !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-col li{
margin-bottom: 6px !important;
}
}
/* =========================================================
SINGLE JOB — Benefits list spacing fix (mobile)
========================================================= */
@media (max-width: 768px){
body.single-sijobs
.si-job-single__benefits ul{
padding-left: 20px !important;
}
body.single-sijobs
.si-job-single__benefits li{
margin-bottom: 10px !important;
line-height: 1.45 !important;
}
body.single-sijobs
.si-job-single__benefits li:last-child{
margin-bottom: 0 !important;
}
}
/* =========================================================
SINGLE JOB — Center benefits columns inside box
========================================================= */
body.single-sijobs .entry-content .si-job-single__benefits-grid{
display: flex !important;
justify-content: center !important;
column-gap: 72px !important;
row-gap: 0 !important;
}
body.single-sijobs .entry-content .si-job-single__benefits-col{
flex: 0 0 auto !important;
width: 260px !important;
margin: 0 !important;
}
body.single-sijobs .entry-content .si-job-single__benefits .si-job-single__benefits-grid{
display: inline-grid !important;
grid-template-columns: repeat(2, 260px) !important;
column-gap: 56px !important;
width: auto !important;
max-width: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* =========================================================
SINGLE JOB — Benefits optical centering tweak
========================================================= */
body.single-sijobs .entry-content .si-job-single__benefits{
text-align: center !important;
}
body.single-sijobs .entry-content .si-job-single__benefits-title{
text-align: left !important;
}
body.single-sijobs .entry-content .si-job-single__benefits-grid{
display: inline-grid !important;
grid-template-columns: repeat(2, 250px) !important;
column-gap: 52px !important;
row-gap: 0 !important;
width: auto !important;
margin: 0 auto !important;
text-align: left !important;
transform: translateX(14px) !important;
}
body.single-sijobs .entry-content .si-job-single__benefits-col{
width: 250px !important;
margin: 0 !important;
padding: 0 !important;
}
/* ========================================================= FORCE LOGO 50% BIGGER (NO MATTER WHAT) ========================================================= */ body.single-sijobs .si-business-logo{ transform: scale(2.0); /* 50% bigger */ transform-origin: center; margin: 30px auto 40px !important; /* add space so it doesn't overlap */ }
/* =========================================================
CONFIRMATION PAGES — Secondary Button Polish (Global)
Applies to:
- News Confirmation (post-8)
- Events Confirmation (post-10)
- Jobs Confirmation (post-11)
Targets ONLY secondary/outline buttons (not primary)
========================================================= */
/* Secondary (outline) button */
body.page-id-8 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link,
body.page-id-10 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link,
body.page-id-11 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link,
body.postid-8 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link,
body.postid-10 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link,
body.postid-11 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link{
background: #f8fafc !important;
color: #2563eb !important;
border: 1px solid #e2e8f0 !important;
border-radius: 10px !important;
font-weight: 600 !important;
box-shadow: none !important;
transition: all 0.2s ease !important;
}
/* Hover */
body.page-id-8 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.page-id-10 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.page-id-11 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.postid-8 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.postid-10 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover,
body.postid-11 .uagb-buttons .wp-block-button.is-style-outline .wp-block-button__link:hover{
background: #eef2f7 !important;
border-color: #cbd5e1 !important;
color: #1d4ed8 !important;
}
/* =========================================================
SIJOBS — FINAL (Single replacement block)
- Benefits: TRUE centered 2-col block under "Benefits"
- Apply button: centered, clean spacing
- Job Description: centered width + typography (no title divider)
========================================================= */
/* ---- Header alignment ---- */
body.single-sijobs .si-job-single__header{
text-align: center !important;
}
body.single-sijobs .si-job-single__meta{
justify-content: center !important;
}
/* Center logo container (if it ever drifts) */
body.single-sijobs .si-business-logo{
display:flex !important;
justify-content:center !important;
margin: 0 auto 14px !important;
}
/* ---- Apply button block ---- */
body.single-sijobs .si-job-single__actions{
display: flex !important;
justify-content: center !important;
margin: 22px 0 8px !important;
}
/* =========================================================
BENEFITS — Hard-centered 2-column block
========================================================= */
/* Center section + give it a predictable width */
body.single-sijobs .si-job-single__benefits{
max-width: 640px !important;
margin: 18px auto 0 !important;
padding: 0 16px !important;
/* KEY: force center alignment context for inline-grid */
display: flex !important;
flex-direction: column !important;
align-items: center !important;
}
body.single-sijobs .si-job-single__benefits-title{
text-align: center !important;
font-weight: 750 !important;
font-size: 14px !important;
letter-spacing: .02em !important;
margin: 0 0 12px !important;
color: #111827 !important;
}
/* The actual 2-col block */
body.single-sijobs .si-job-single__benefits-grid{
display: grid !important;
grid-template-columns: 1fr 1fr !important;
column-gap: 64px !important;
row-gap: 8px !important;
align-items: start !important;
/* KEY: shrinkwrap so the 2-col grid can be centered perfectly */
width: fit-content !important;
max-width: 100% !important;
/* list text should be left-aligned inside the centered block */
text-align: left !important;
}
/* UL reset */
body.single-sijobs .si-job-single__benefits-grid ul.si-job-single__benefits-col{
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* Mobile: stack benefits to 1 column */
@media (max-width: 768px){
body.single-sijobs .si-job-single__benefits{
max-width: 100% !important;
align-items: stretch !important;
}
body.single-sijobs .si-job-single__benefits-grid{
grid-template-columns: 1fr !important;
column-gap: 0 !important;
width: 100% !important;
}
}
/* =========================================================
JOB DESCRIPTION — centered width + clean typography
========================================================= */
body.single-sijobs .si-job-description-title,
body.single-sijobs .entry-content{
max-width: 760px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
body.single-sijobs .si-job-description-title{
margin-top: 44px !important;
margin-bottom: 14px !important;
font-size: 20px !important;
font-weight: 750 !important;
color: #111827 !important;
}
/* Paragraph typography */
body.single-sijobs .entry-content p{
font-size: 16px !important;
line-height: 1.65 !important;
color: #374151 !important;
margin-top: 14px !important;
}
/* =========================================================
SINGLE EVENTS — FORCE FACEBOOK SHARE BUTTON BLUE (MOBILE)
Beats Astra: .entry-content a { color: ... !important; }
========================================================= */
@media (max-width: 921px){
body.single-sievents .site-content article .entry-content
.si-sharebar .si-sharebar__btn[href*="facebook"],
body.single-sievents .site-content article .entry-content
.si-sharebar .si-sharebar__btn[href*="facebook"]:visited,
body.single-sievents .site-content article .entry-content
.si-sharebar .si-sharebar__btn[href*="facebook"]:hover,
body.single-sievents .site-content article .entry-content
.si-sharebar .si-sharebar__btn[href*="facebook"]:focus{
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important; /* iOS Safari */
}
/* Optional: keep other share buttons from inheriting that dark link rule */
body.single-sievents .site-content article .entry-content
.si-sharebar .si-sharebar__btn{
-webkit-text-fill-color: currentColor !important;
}
}
/* =========================================================
JOBS ARCHIVE — FIX TITLE HEIGHT (DESKTOP ONLY)
========================================================= */
@media (min-width: 922px){
/* Force consistent title height */
.facetwp-template[data-name="jobs"] .fwpl-item h2,
.facetwp-template[data-name="jobs"] .fwpl-item h3{
min-height: 56px; /* 2 clean lines */
line-height: 1.25;
display: -webkit-box;
-webkit-line-clamp: 2; /* lock to 2 lines */
-webkit-box-orient: vertical;
overflow: hidden;
}
}
/* =========================================================
SINGLE JOBS — Add breathing room under Apply button
========================================================= */
body.single-sijobs .si-job-single__header{
margin-bottom: 48px !important; /* adjust 40–60px if needed */
}
/* =========================================================
SINGLE JOBS — Fix white titles (correct scope)
Headings are direct children of .entry-content, not in si-job-single
========================================================= */
/* Override Astra heading color variable ONLY inside the content body */
body.single-sijobs article .entry-content{
--ast-global-color-2: #111827; /* headings */
}
/* Extra safety: force headings within entry-content */
body.single-sijobs article .entry-content :is(h1,h2,h3,h4,h5,h6){
color: #111827 !important;
}
/* SINGLE NEWS — stabilize weight across cached / uncached views */
body.single-sinews article,
body.single-sinews article .entry-content{
font-weight: 400 !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
/* =========================================================
NEWS ARCHIVE (Page ID 1473) — Vertically Center Thumbnail Only
========================================================= */
body.page-id-1473 .si-news-right{
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* =========================================================
DEALS (Page ID 1645)
========================================================= */
/* Vertically center coupon cards */
body.page-id-1645 a.si-coupon-archive-card{
display: flex !important;
align-items: center !important;
}
/* Slight breathing room between icon and text */
body.page-id-1645 .si-coupon-archive-content{
padding-left: 4px !important;
}
/* =========================================================
DESKTOP ONLY (Astra breakpoint ≥ 922px)
========================================================= */
@media (min-width: 922px){
/* =========================================================
NEWS ARCHIVE (Page ID 1473)
========================================================= */
/* Make grid stretch evenly */
body.page-id-1473 .facetwp-template{
align-items: stretch !important;
}
/* Uniform card height */
body.page-id-1473 .si-news-card{
display: flex !important;
align-items: stretch !important;
height: 190px !important; /* master desktop height */
}
/* Left column layout */
body.page-id-1473 .si-news-left{
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
flex: 1 !important;
}
/* Reserve identical space for 4-line titles */
body.page-id-1473 .si-news-title{
margin: 0 0 10px !important;
min-height: calc(1.25em * 4) !important;
}
/* 4-line clamp */
body.page-id-1473 .si-news-title a{
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 4 !important;
overflow: hidden !important;
line-height: 1.25 !important;
}
/* Meta styling */
body.page-id-1473 .si-news-meta-row{
font-size: 13px !important;
color: rgba(15,23,42,.55) !important;
margin-top: 0 !important;
}
/* Keep image vertically centered */
body.page-id-1473 .si-news-right{
display: flex !important;
align-items: center !important;
}
}
/* =========================================================
NEWS ARCHIVE (Page ID 1473) — Refined Card Title (Desktop Only)
========================================================= */
@media (min-width: 922px){
body.page-id-1473 .si-news-title a{
font-size: 20px !important;
font-weight: 650 !important;
letter-spacing: -0.01em !important;
color: #0f172a !important;
text-decoration: none !important;
line-height: 1.35 !important;
}
}
/* =========================================================
CONFIRMATION PAGES — Unified Apple Form Style
Applies to: Business (2446), Deal (1638), News (8), Events (10), Jobs (11)
Goal: Standardize heading sizing + spacing across ALL confirmation pages
Use H2 only (no H1 styling)
========================================================= */
/* --- Scope list --- */
body.page-id-2446,
body.page-id-1638,
body.page-id-8,
body.page-id-10,
body.page-id-11{}
/* Hide Header + Footer (notification-style) */
body.page-id-2446 header#masthead,
body.page-id-2446 .site-header,
body.page-id-1638 header#masthead,
body.page-id-1638 .site-header,
body.page-id-8 header#masthead,
body.page-id-8 .site-header,
body.page-id-10 header#masthead,
body.page-id-10 .site-header,
body.page-id-11 header#masthead,
body.page-id-11 .site-header{
display: none !important;
}
body.page-id-2446 footer#colophon,
body.page-id-2446 .site-footer,
body.page-id-1638 footer#colophon,
body.page-id-1638 .site-footer,
body.page-id-8 footer#colophon,
body.page-id-8 .site-footer,
body.page-id-10 footer#colophon,
body.page-id-10 .site-footer,
body.page-id-11 footer#colophon,
body.page-id-11 .site-footer{
display: none !important;
}
/* Remove any theme spacing that assumes header/footer */
body.page-id-2446 #page,
body.page-id-1638 #page,
body.page-id-8 #page,
body.page-id-10 #page,
body.page-id-11 #page{
padding-top: 0 !important;
}
/* Off-white surface */
body.page-id-2446 #content.site-content,
body.page-id-1638 #content.site-content,
body.page-id-8 #content.site-content,
body.page-id-10 #content.site-content,
body.page-id-11 #content.site-content{
background: #f5f7fb !important;
padding-top: 40px !important;
padding-bottom: 60px !important;
}
/* Neutralize Astra wrappers */
body.page-id-2446 .ast-container,
body.page-id-2446 article#post-2446,
body.page-id-1638 .ast-container,
body.page-id-1638 article#post-1638,
body.page-id-8 .ast-container,
body.page-id-8 article#post-8,
body.page-id-10 .ast-container,
body.page-id-10 article#post-10,
body.page-id-11 .ast-container,
body.page-id-11 article#post-11{
background: transparent !important;
}
/* Centered reader column */
body.page-id-2446 .entry-content,
body.page-id-1638 .entry-content,
body.page-id-8 .entry-content,
body.page-id-10 .entry-content,
body.page-id-11 .entry-content{
max-width: 820px !important;
margin: 0 auto !important;
padding: 0 24px 40px !important;
}
/* Mobile padding */
@media (max-width: 768px){
body.page-id-2446 article#post-2446 .entry-content,
body.page-id-1638 article#post-1638 .entry-content,
body.page-id-8 article#post-8 .entry-content,
body.page-id-10 article#post-10 .entry-content,
body.page-id-11 article#post-11 .entry-content{
padding: 24px 18px 30px !important;
border-radius: 16px !important;
}
}
/* =========================================================
TYPOGRAPHY — H2 ONLY (Standardized)
First H2 = page title (34px)
Subsequent H2s = section headers (26px)
========================================================= */
/* Page Title (first H2 only) */
body.page-id-2446 .entry-content h2.wp-block-heading:first-of-type,
body.page-id-1638 .entry-content h2.wp-block-heading:first-of-type,
body.page-id-8 .entry-content h2.wp-block-heading:first-of-type,
body.page-id-10 .entry-content h2.wp-block-heading:first-of-type,
body.page-id-11 .entry-content h2.wp-block-heading:first-of-type{
font-size: 34px !important;
font-weight: 750 !important;
letter-spacing: -0.02em !important;
color: #0F172A !important;
margin: 0 0 12px !important;
line-height: 1.1 !important;
}
/* Section Headers (all other H2s) */
body.page-id-2446 .entry-content h2.wp-block-heading:not(:first-of-type),
body.page-id-1638 .entry-content h2.wp-block-heading:not(:first-of-type),
body.page-id-8 .entry-content h2.wp-block-heading:not(:first-of-type),
body.page-id-10 .entry-content h2.wp-block-heading:not(:first-of-type),
body.page-id-11 .entry-content h2.wp-block-heading:not(:first-of-type){
font-size: 26px !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
color: #0F172A !important;
margin: 26px 0 10px !important;
line-height: 1.18 !important;
}
/* Body text */
body.page-id-2446 .entry-content p,
body.page-id-2446 .entry-content li,
body.page-id-1638 .entry-content p,
body.page-id-1638 .entry-content li,
body.page-id-8 .entry-content p,
body.page-id-8 .entry-content li,
body.page-id-10 .entry-content p,
body.page-id-10 .entry-content li,
body.page-id-11 .entry-content p,
body.page-id-11 .entry-content li{
color: #111827 !important;
font-size: 17px !important;
line-height: 1.75 !important;
}
/* Separator line — Apple vibe */
body.page-id-2446 .entry-content hr,
body.page-id-1638 .entry-content hr,
body.page-id-8 .entry-content hr,
body.page-id-10 .entry-content hr,
body.page-id-11 .entry-content hr{
border: none !important;
height: 1px !important;
background: #e5e7eb !important;
width: 84px !important;
margin: 26px auto !important;
opacity: 1 !important;
}
/* Lists */
body.page-id-2446 .entry-content ul,
body.page-id-1638 .entry-content ul,
body.page-id-8 .entry-content ul,
body.page-id-10 .entry-content ul,
body.page-id-11 .entry-content ul{
margin: 10px 0 16px 22px !important;
}
body.page-id-2446 .entry-content li,
body.page-id-1638 .entry-content li,
body.page-id-8 .entry-content li,
body.page-id-10 .entry-content li,
body.page-id-11 .entry-content li{
margin: 8px 0 !important;
}
/* Center buttons + consistent spacing */
body.page-id-2446 .wp-block-buttons,
body.page-id-1638 .wp-block-buttons,
body.page-id-8 .wp-block-buttons,
body.page-id-10 .wp-block-buttons,
body.page-id-11 .wp-block-buttons{
justify-content: center !important;
}
body.page-id-2446 .uagb-buttons__outer-wrap,
body.page-id-1638 .uagb-buttons__outer-wrap,
body.page-id-8 .uagb-buttons__outer-wrap,
body.page-id-10 .uagb-buttons__outer-wrap,
body.page-id-11 .uagb-buttons__outer-wrap{
gap: 18px !important;
}
/* =========================================================
SECONDARY BUTTON POLISH (only where a secondary button exists)
Keep your existing block IDs for Business + Deals
========================================================= */
body.page-id-2446 .uagb-block-695bb8be .wp-block-button__link,
body.page-id-1638 .uagb-block-23b7d9a1 .wp-block-button__link{
background: #f8fafc !important;
color: #2563eb !important;
border: 1px solid #e2e8f0 !important;
border-radius: 10px !important;
font-weight: 600 !important;
box-shadow: none !important;
transition: all 0.2s ease !important;
}
body.page-id-2446 .uagb-block-695bb8be .wp-block-button__link:hover,
body.page-id-1638 .uagb-block-23b7d9a1 .wp-block-button__link:hover{
background: #eef2f7 !important;
border-color: #cbd5e1 !important;
color: #1d4ed8 !important;
}
/* =========================================================
SHARE BUTTONS — FINAL SMALL VERSION (FIXED)
NEWS / JOBS / EVENTS
========================================================= */
/* section */
body.single-sinews .si-news-share,
body.single-sievents .si-sharebar,
body.single-sijobs .si-news-share{
margin-top: 40px !important;
padding-top: 24px !important;
border-top: 1px solid #e5e7eb !important;
text-align: center !important;
}
/* title */
body.single-sinews .si-news-share-title,
body.single-sievents .si-sharebar__title,
body.single-sijobs .si-news-share-title{
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
color: #64748b !important;
margin-bottom: 14px !important;
}
/* wrapper */
body.single-sinews .si-news-share-buttons,
body.single-sievents .si-sharebar__btns,
body.single-sijobs .si-news-share-buttons{
display: flex !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 14px !important;
}
/* cards */
body.single-sinews .si-news-share-buttons a,
body.single-sinews .si-news-share-buttons button,
body.single-sievents .si-sharebar__btn,
body.single-sijobs .si-news-share-buttons a,
body.single-sijobs .si-news-share-buttons button{
-webkit-appearance: none !important;
appearance: none !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
width: 72px !important;
height: 72px !important;
padding: 8px 6px !important;
box-sizing: border-box !important;
border-radius: 14px !important;
border: 1px solid #e2e8f0 !important;
background: #fff !important;
text-decoration: none !important;
color: #0f172a !important;
font-size: 11px !important;
font-weight: 700 !important;
text-align: center !important;
cursor: pointer !important;
transition: all .18s ease !important;
}
/* hover */
body.single-sinews .si-news-share-buttons a:hover,
body.single-sinews .si-news-share-buttons button:hover,
body.single-sievents .si-sharebar__btn:hover,
body.single-sijobs .si-news-share-buttons a:hover,
body.single-sijobs .si-news-share-buttons button:hover{
transform: translateY(-1px) !important;
border-color: #d0d7e2 !important;
}
/* =========================
ICON BASE
========================= */
body.single-sinews .si-news-share-buttons a::before,
body.single-sinews .si-news-share-buttons button::before,
body.single-sievents .si-sharebar__btn::before,
body.single-sijobs .si-news-share-buttons a::before,
body.single-sijobs .si-news-share-buttons button::before{
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
}
/* FACEBOOK — FIXED CENTER */
body.single-sinews .si-news-share-buttons a[href*="facebook"]::before,
body.single-sievents .si-sharebar__btn[href*="facebook"]::before,
body.single-sijobs .si-news-share-buttons a[href*="facebook"]::before{
content: "f";
font-weight: 700;
font-family: Arial, sans-serif !important;
width: 28px;
height: 28px;
border-radius: 999px;
background: #1877f2;
color: #fff;
font-size: 18px;
display: flex;
align-items: center;
justify-content: center;
transform: translateX(-1px); /* PERFECT CENTER FIX */
}
/* X */
body.single-sinews .si-news-share-buttons a[href*="twitter"]::before,
body.single-sievents .si-sharebar__btn[href*="twitter"]::before,
body.single-sijobs .si-news-share-buttons a[href*="twitter"]::before{
content: "X";
font-size: 20px;
font-weight: 700;
}
/* Email */
body.single-sinews .si-news-share-buttons a[href^="mailto"]::before,
body.single-sievents .si-sharebar__btn[href^="mailto"]::before,
body.single-sijobs .si-news-share-buttons a[href^="mailto"]::before{
content: "✉";
font-size: 18px;
}
/* Copy */
body.single-sinews .si-news-share-buttons button::before,
body.single-sievents .si-sharebar__btn.si-sharebar__copy::before,
body.single-sijobs .si-news-share-buttons button::before{
content: "🔗";
font-size: 16px;
}
/* =========================================================
SHARE BUTTONS — MOBILE ONLY FIX
KEEP DESKTOP UNCHANGED
========================================================= */
@media (max-width: 767px){
/* wrapper */
body.single-sinews .si-news-share-buttons,
body.single-sievents .si-sharebar__btns,
body.single-sijobs .si-news-share-buttons{
gap: 8px !important;
justify-content: center !important;
align-items: flex-start !important;
}
/* buttons */
body.single-sinews .si-news-share-buttons a,
body.single-sinews .si-news-share-buttons button,
body.single-sievents .si-sharebar__btn,
body.single-sijobs .si-news-share-buttons a,
body.single-sijobs .si-news-share-buttons button{
width: 60px !important;
min-width: 60px !important;
max-width: 60px !important;
height: 60px !important;
min-height: 60px !important;
max-height: 60px !important;
padding: 6px 3px !important;
gap: 4px !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
font-size: 9px !important;
line-height: 1.05 !important;
text-align: center !important;
white-space: normal !important;
word-break: keep-all !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
/* force Facebook text black on mobile */
body.single-sievents .entry-content .si-sharebar .si-sharebar__btn[href*="facebook"],
body.single-sinews .si-news-share-buttons a[href*="facebook"],
body.single-sijobs .si-news-share-buttons a[href*="facebook"]{
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
}
/* base icon box */
body.single-sinews .si-news-share-buttons a::before,
body.single-sinews .si-news-share-buttons button::before,
body.single-sievents .si-sharebar__btn::before,
body.single-sijobs .si-news-share-buttons a::before,
body.single-sijobs .si-news-share-buttons button::before{
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto !important;
width: 16px !important;
height: 16px !important;
line-height: 1 !important;
margin: 0 !important;
font-family: Arial, Helvetica, sans-serif !important;
}
/* FACEBOOK — white F in blue circle */
body.single-sievents .entry-content .si-sharebar .si-sharebar__btn[href*="facebook"]::before,
body.single-sinews .si-news-share-buttons a[href*="facebook"]::before,
body.single-sijobs .si-news-share-buttons a[href*="facebook"]::before{
content: "f" !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
min-height: 20px !important;
border-radius: 999px !important;
background: #1877f2 !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
text-indent: -1px !important;
transform: none !important;
}
/* X */
body.single-sievents .entry-content .si-sharebar .si-sharebar__btn[href*="twitter"]::before,
body.single-sinews .si-news-share-buttons a[href*="twitter"]::before,
body.single-sijobs .si-news-share-buttons a[href*="twitter"]::before{
content: "X" !important;
font-size: 16px !important;
font-weight: 700 !important;
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
}
/* Email */
body.single-sievents .entry-content .si-sharebar .si-sharebar__btn[href^="mailto"]::before,
body.single-sinews .si-news-share-buttons a[href^="mailto"]::before,
body.single-sijobs .si-news-share-buttons a[href^="mailto"]::before{
content: "✉" !important;
font-size: 14px !important;
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
}
/* Copy Link button — slightly wider so text fits and lines up */
body.single-sievents .entry-content .si-sharebar .si-sharebar__btn.si-sharebar__copy,
body.single-sinews .si-news-share-buttons button,
body.single-sijobs .si-news-share-buttons button{
width: 66px !important;
min-width: 66px !important;
max-width: 66px !important;
}
/* Copy Link icon — use non-emoji glyph for stable alignment */
body.single-sievents .entry-content .si-sharebar .si-sharebar__btn.si-sharebar__copy::before,
body.single-sinews .si-news-share-buttons button::before,
body.single-sijobs .si-news-share-buttons button::before{
content: "🔗" !important;
font-size: 14px !important;
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
transform: translateY(-1px) !important;
}
}
@media (max-width: 767px){
/* Facebook text black */
body.single-sievents .entry-content .si-sharebar .si-sharebar__btn[href*="facebook"],
body.single-sinews .si-news-share-buttons a[href*="facebook"],
body.single-sijobs .si-news-share-buttons a[href*="facebook"]{
color: #0f172a !important;
-webkit-text-fill-color: #0f172a !important;
}
/* Move Copy Link up to align with the others */
body.single-sievents .entry-content .si-sharebar .si-sharebar__btn.si-sharebar__copy
{
transform: translateY(-18px) !important;
}
}
/* =========================
FORCE NEWS = EVENTS STYLE
========================= */
/* match container */
body.single-sinews .si-news-share-buttons{
display:flex !important;
justify-content:center !important;
gap:14px !important;
flex-wrap:wrap !important;
}
/* match exact button behavior */
body.single-sinews .si-news-share-buttons a,
body.single-sinews .si-news-share-buttons button{
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
width:72px !important;
height:72px !important;
padding:8px 6px !important;
box-sizing:border-box !important;
border-radius:14px !important;
border:1px solid #e2e8f0 !important;
background:#fff !important;
color:#0f172a !important;
-webkit-text-fill-color:#0f172a !important;
font-size:11px !important;
font-weight:700 !important;
line-height:1.15 !important;
text-decoration:none !important;
box-shadow:none !important;
transition:none !important;
}
/* FACEBOOK ICON (match events look) */
body.single-sinews .si-news-share-buttons a[href*="facebook"]::before{
content:"f" !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:28px !important;
height:28px !important;
border-radius:999px !important;
background:#1877f2 !important;
color:#fff !important;
-webkit-text-fill-color:#fff !important;
font-size:18px !important;
font-weight:700 !important;
}
/* MOBILE MATCH EVENTS */
@media (max-width:767px){
body.single-sinews .si-news-share-buttons a,
body.single-sinews .si-news-share-buttons button{
width:60px !important;
height:60px !important;
padding:6px 3px !important;
font-size:9px !important;
}
}
/* =========================================================
Job Confirmation Page (Page ID 11)
Match Confirmation Page Style
========================================================= */
/* Hide Header */
body.page-id-11 header#masthead,
body.page-id-11 .site-header{
display: none !important;
}
/* Hide Footer */
body.page-id-11 footer#colophon,
body.page-id-11 .site-footer{
display: none !important;
}
/* Off-white background */
body.page-id-11 #content.site-content{
background: #f5f7fb !important;
padding-top: 40px !important;
padding-bottom: 60px !important;
}
/* Remove extra spacing */
body.page-id-11 #page{
padding-top: 0 !important;
}
/* Neutralize Astra wrappers */
body.page-id-11 .ast-container,
body.page-id-11 article#post-11{
background: transparent !important;
}
/* Centered reader column */
body.page-id-11 .entry-content{
max-width: 820px !important;
margin: 0 auto !important;
padding: 0 24px 40px !important;
}
/* Typography */
body.page-id-11 .entry-content h2{
font-size: 34px !important;
font-weight: 750 !important;
letter-spacing: -0.02em !important;
color: #0F172A !important;
margin: 0 0 12px !important;
}
body.page-id-11 .entry-content p{
font-size: 17px !important;
line-height: 1.75 !important;
color: #111827 !important;
}
/* Separator styling */
body.page-id-11 .entry-content hr{
border: none !important;
height: 1px !important;
background: #e5e7eb !important;
width: 84px !important;
margin: 26px auto !important;
}
/* Center button */
body.page-id-11 .wp-block-buttons{
justify-content: center !important;
}
/* Button spacing */
body.page-id-11 .uagb-buttons__outer-wrap{
gap: 18px !important;
}
/* =========================================================
Event Confirmation Page (Page ID 10)
Match Confirmation Page Style
========================================================= */
/* Hide Header */
body.page-id-10 header#masthead,
body.page-id-10 .site-header{
display: none !important;
}
/* Hide Footer */
body.page-id-10 footer#colophon,
body.page-id-10 .site-footer{
display: none !important;
}
/* Off-white background */
body.page-id-10 #content.site-content{
background: #f5f7fb !important;
padding-top: 40px !important;
padding-bottom: 60px !important;
}
/* Remove extra spacing */
body.page-id-10 #page{
padding-top: 0 !important;
}
/* Neutralize Astra wrappers */
body.page-id-10 .ast-container,
body.page-id-10 article#post-10{
background: transparent !important;
}
/* Centered reader column */
body.page-id-10 .entry-content{
max-width: 820px !important;
margin: 0 auto !important;
padding: 0 24px 40px !important;
}
/* Typography */
body.page-id-10 .entry-content h2{
font-size: 34px !important;
font-weight: 750 !important;
letter-spacing: -0.02em !important;
color: #0F172A !important;
margin: 0 0 12px !important;
}
body.page-id-10 .entry-content p{
font-size: 17px !important;
line-height: 1.75 !important;
color: #111827 !important;
}
/* Separator styling */
body.page-id-10 .entry-content hr{
border: none !important;
height: 1px !important;
background: #e5e7eb !important;
width: 84px !important;
margin: 26px auto !important;
}
/* Center button */
body.page-id-10 .wp-block-buttons{
justify-content: center !important;
}
/* Button spacing */
body.page-id-10 .uagb-buttons__outer-wrap{
gap: 18px !important;
}
/* =========================================================
News Confirmation Page (Page ID 8)
Match Other Confirmation Pages
========================================================= */
/* Hide Header */
body.page-id-8 header#masthead,
body.page-id-8 .site-header{
display: none !important;
}
/* Hide Footer */
body.page-id-8 footer#colophon,
body.page-id-8 .site-footer{
display: none !important;
}
/* Off-white background */
body.page-id-8 #content.site-content{
background: #f5f7fb !important;
padding-top: 40px !important;
padding-bottom: 60px !important;
}
/* Remove extra spacing */
body.page-id-8 #page{
padding-top: 0 !important;
}
/* Neutralize Astra wrappers */
body.page-id-8 .ast-container,
body.page-id-8 article#post-8{
background: transparent !important;
}
/* Centered reader column */
body.page-id-8 .entry-content{
max-width: 820px !important;
margin: 0 auto !important;
padding: 0 24px 40px !important;
}
/* Typography */
body.page-id-8 .entry-content h2{
font-size: 34px !important;
font-weight: 750 !important;
letter-spacing: -0.02em !important;
color: #0F172A !important;
margin: 0 0 12px !important;
}
body.page-id-8 .entry-content p{
font-size: 17px !important;
line-height: 1.75 !important;
color: #111827 !important;
}
/* Separator styling */
body.page-id-8 .entry-content hr{
border: none !important;
height: 1px !important;
background: #e5e7eb !important;
width: 84px !important;
margin: 26px auto !important;
}
/* Center button */
body.page-id-8 .wp-block-buttons{
justify-content: center !important;
}
/* Button spacing */
body.page-id-8 .uagb-buttons__outer-wrap{
gap: 18px !important;
}
/* =========================================================
Deal Confirmation (Page ID 1638)
Hide Header + Footer (Notification-style page)
========================================================= */
body.page-id-1638 header#masthead,
body.page-id-1638 .site-header{
display: none !important;
}
body.page-id-1638 footer#colophon,
body.page-id-1638 .site-footer{
display: none !important;
}
/* Remove extra spacing added for header/footer */
body.page-id-1638 #content.site-content{
padding-top: 24px !important;
padding-bottom: 40px !important;
}
/* Ensure the page sits cleanly at the top */
body.page-id-1638 #page{
padding-top: 0 !important;
}
/* =========================================================
Confirmation Pages — Apple Form Style
Applies to: Page ID 2446 + Page ID 1638
========================================================= */
/* Off-white surface */
body.page-id-2446 #content.site-content,
body.page-id-1638 #content.site-content{
background: #f5f7fb !important;
padding-top: 40px !important;
padding-bottom: 60px !important;
}
/* Neutralize Astra wrappers */
body.page-id-2446 .ast-container,
body.page-id-2446 article#post-2446,
body.page-id-1638 .ast-container,
body.page-id-1638 article#post-1638{
background: transparent !important;
}
/* Reader-style centered column */
body.page-id-2446 .entry-content,
body.page-id-1638 .entry-content{
max-width: 820px !important;
margin: 0 auto !important;
padding: 0 24px 40px !important;
}
/* Mobile padding */
@media (max-width: 768px){
body.page-id-2446 article#post-2446 .entry-content,
body.page-id-1638 article#post-1638 .entry-content{
padding: 24px 18px 30px !important;
border-radius: 16px !important;
}
}
/* Typography */
body.page-id-2446 .entry-content h1,
body.page-id-1638 .entry-content h1{
font-size: 34px !important;
font-weight: 750 !important;
letter-spacing: -0.02em !important;
color: #0F172A !important;
margin: 0 0 10px !important;
}
body.page-id-2446 .entry-content h2,
body.page-id-1638 .entry-content h2{
font-size: 26px !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
color: #0F172A !important;
margin: 26px 0 10px !important;
}
body.page-id-2446 .entry-content p,
body.page-id-2446 .entry-content li,
body.page-id-1638 .entry-content p,
body.page-id-1638 .entry-content li{
color: #111827 !important;
font-size: 17px !important;
line-height: 1.75 !important;
}
/* Separator line — Apple vibe */
body.page-id-2446 .entry-content hr,
body.page-id-1638 .entry-content hr{
border: none !important;
height: 1px !important;
background: #e5e7eb !important;
width: 84px !important;
margin: 26px auto !important;
opacity: 1 !important;
}
/* Lists */
body.page-id-2446 .entry-content ul,
body.page-id-1638 .entry-content ul{
margin: 10px 0 16px 22px !important;
}
body.page-id-2446 .entry-content li,
body.page-id-1638 .entry-content li{
margin: 8px 0 !important;
}
/* Button alignment */
body.page-id-2446 .wp-block-buttons,
body.page-id-1638 .wp-block-buttons{
justify-content: center !important;
}
/* Add breathing room between buttons */
body.page-id-2446 .uagb-buttons__outer-wrap,
body.page-id-1638 .uagb-buttons__outer-wrap{
gap: 18px !important;
}
/* =========================================================
EDITORIAL HEADLINE REFINEMENT
Applies to:
- Single News Posts
- About Us (Page ID 7)
========================================================= */
body.single-post .entry-title,
body.page-id-7 .entry-title{
font-size: 30px !important; /* Slightly refined from larger size */
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
font-weight: 700 !important;
}
/* =========================================================
SINGLE NEWS — Refined Meta Line
========================================================= */
body.single-post .entry-meta,
body.single-post .posted-on,
body.single-post .byline{
color: #6B7280 !important; /* Slightly darker for readability */
font-size: 13px !important; /* 1px smaller for hierarchy */
font-weight: 500 !important;
letter-spacing: 0.02em !important;
margin-bottom: 14px !important; /* Tighten spacing under meta */
}
body.single-post .entry-meta + hr,
body.single-post .ast-single-post-meta + hr {
border-color: #E5E7EB !important;
}
/* =========================================================
ABOUT (Page ID 7) — Move Portrait In (Desktop Only)
========================================================= */
@media (min-width: 922px){
/* Your portrait is a grid item: pull it LEFT */
body.page-id-7 header.si-about-header .si-founder-portrait{
transform: translateX(-30px) !important; /* <- adjust 10–40px */
}
}
/* =========================================================
GLOBAL APPLE SURFACE (exclude Home + Raffle)
========================================================= */
body:not(.home):not(.page-id-3572) #content.site-content{
background: #FCFDFE !important; /* unified Apple surface */
}
/* =========================================================
SINGLE NEWS (sinews) — Match About h2 size exactly
========================================================= */
body.single-sinews .entry-content h3.wp-block-heading{
font-size: 22px !important; /* same as About */
font-weight: 650 !important;
letter-spacing: -0.01em !important;
line-height: 1.18 !important;
margin: 42px 0 14px !important;
color: #111827 !important;
}
/* =========================================================
SINGLE NEWS (sinews) — Make Title/Body line up with Image (Mobile)
========================================================= */
@media (max-width: 768px){
/* Set ONE shared side padding value */
body.single-sinews{
--si-news-pad: 5px; /* change to 5px if you want a tiny gutter */
}
/* Outer wrappers */
body.single-sinews #content.site-content .ast-container,
body.single-sinews #content.site-content #primary{
padding-left: var(--si-news-pad) !important;
padding-right: var(--si-news-pad) !important;
}
/* Featured image wrapper + image */
body.single-sinews article.ast-article-single .post-thumb,
body.single-sinews article.ast-article-single .ast-single-post-featured-section,
body.single-sinews article.ast-article-single .post-thumb img,
body.single-sinews article.ast-article-single .wp-post-image{
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
display: block !important;
}
/* Title + meta + content: remove Astra’s inner side spacing */
body.single-sinews article.ast-article-single .entry-header,
body.single-sinews article.ast-article-single .entry-title,
body.single-sinews article.ast-article-single .entry-meta,
body.single-sinews article.ast-article-single .entry-content{
padding-left: var(--si-news-pad) !important;
padding-right: var(--si-news-pad) !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
/* =========================================================
SINGLE NEWS (sinews) — 5px Side Padding (Mobile Only)
========================================================= */
@media (max-width: 768px){
body.single-sinews #content.site-content .ast-container,
body.single-sinews #content.site-content #primary{
padding-left: 0px !important;
padding-right: 0px !important;
}
}
/* =========================================================
SINGLE NEWS (single-sinews) — Apple News Reader Style
Applies ONLY to single news articles
========================================================= */
/* Off-white reader surface (content area only) */
body.single-sinews #content.site-content{
background: #f5f7fb !important;
padding-top: 34px !important;
padding-bottom: 44px !important;
}
/* Keep Astra wrappers neutral */
body.single-sinews #content.site-content .ast-container,
body.single-sinews #content.site-content article{
background: transparent !important;
}
/* Reader column + typography base */
body.single-sinews article .entry-content{
max-width: 1200px !important;
margin: 0 auto !important;
padding: 0 24px 56px !important;
color: #111827 !important;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
/* Main headline (single post title) */
body.single-sinews article .entry-title{
max-width: 1200px !important;
margin: 0 auto 14px !important;
padding: 0 24px !important;
font-size: 34px !important;
font-weight: 750 !important;
letter-spacing: -0.02em !important;
line-height: 1.12 !important;
color: #111827 !important;
}
/* Post meta/date area if present */
body.single-sinews article .entry-header,
body.single-sinews article .entry-meta,
body.single-sinews article .entry-meta *,
body.single-sinews article .posted-on,
body.single-sinews article .byline{
color: #6b7280 !important;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
/* Paragraph rhythm */
body.single-sinews article .entry-content p{
font-size: 17px !important;
line-height: 1.75 !important;
color: #1F2937 !important;
font-weight: 400 !important;
margin: 0 0 16px !important;
}
/* Section headings inside article */
body.single-sinews article .entry-content h2{
font-size: 22px !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
line-height: 1.25 !important;
margin: 42px 0 14px !important;
color: #111827 !important;
}
body.single-sinews article .entry-content h3{
font-size: 18px !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
line-height: 1.3 !important;
margin: 28px 0 12px !important;
color: #111827 !important;
}
/* Lists */
body.single-sinews article .entry-content ul,
body.single-sinews article .entry-content ol{
padding-left: 1.1em !important;
margin: 0 0 18px !important;
}
body.single-sinews article .entry-content li{
margin: 0 0 10px !important;
line-height: 1.7 !important;
}
body.single-sinews article .entry-content a:hover{
text-decoration: underline !important;
}
/* Blockquotes */
body.single-sinews article .entry-content blockquote{
margin: 26px 0 !important;
padding: 14px 18px !important;
border-left: 3px solid rgba(17,24,39,.18) !important;
background: rgba(255,255,255,.70) !important;
border-radius: 16px !important;
color: #374151 !important;
}
/* Horizontal rule as a clean divider */
body.single-sinews article .entry-content hr{
border: 0 !important;
height: 1px !important;
background: rgba(17,24,39,.10) !important;
margin: 44px 0 34px !important;
}
/* MOBILE */
@media (max-width: 922px){
body.single-sinews #content.site-content{
padding-top: 22px !important;
padding-bottom: 34px !important;
}
body.single-sinews article .entry-title{
font-size: 30px !important;
padding: 0 18px !important;
margin-bottom: 12px !important;
}
body.single-sinews article .entry-content{
padding: 0 18px 56px !important;
}
}
/* =====================================================
HIDE VISIT WEBSITE ON DEFAULT COUPONS ONLY
===================================================== */
.si-default-coupon .si-deal-actions,
.si-default-coupon .si-coupon-actions,
.si-default-coupon .modal-footer{
display: none !important;
}
body .si-coupon-card .si-coupon-expiry{
margin-top: 2px !important;
}
/* Center the Visit Website button */
#siDealModal .si-deal-modal__footer{
text-align: right !important;
}
#siDealModal .si-deal-modal__footer .si-deal-modal__link{
display: inline-block !important;
}
/* Deals cards: hide default image if real logo exists */
body.page-id-1645 .si-coupon-archive-card.has-logo .si-coupon-archive-default{
display: none !important;
}
/* Extra safety: kill any accidental borders/shadows on logos */
body.page-id-1645 .si-coupon-archive-media img{
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
/* Coupon modal: ONLY show Visit Website footer when we explicitly allow it */
#siDealModal .si-deal-modal__footer[data-has-url="0"]{
display: none !important;
}
#siDealModal .si-deal-modal__footer[data-has-url="1"]{
display: flex !important;
}
/* =========================================
DEAL MODAL — Visit Website matches X hover
========================================= */
#siDealModal .si-deal-modal__footer .si-deal-modal__link{
transition: background .18s ease;
}
/* Desktop hover only (same as X logic) */
@media (hover:hover){
#siDealModal .si-deal-modal__footer .si-deal-modal__link:hover{
background: #eef2f7 !important;
}
}
#siDealModal .si-deal-modal__footer .si-deal-modal__link{
background: #f8fafc !important;
border: 1px solid rgba(15,23,42,.12) !important;
border-radius: 12px !important;
}
/* DEAL MODAL — footer button right aligned (WITHOUT forcing it visible) */
#siDealModal .si-deal-modal__footer{
justify-content: flex-end !important; /* move button to right */
padding: 18px 22px 22px !important; /* match your modal spacing */
/* IMPORTANT: do NOT set display here */
}
#siDealModal .si-deal-modal__footer .si-deal-modal__link{
margin-left: auto !important; /* extra safety */
}
justify-content: flex-end !important; /* move button to right */
padding: 18px 22px 22px !important; /* match your modal spacing */
}
#siDealModal .si-deal-modal__footer .si-deal-modal__link{
margin-left: auto !important; /* extra safety */
}
/* SINGLE COUPON — Apple style */
body.single-coupon #content.site-content{
background: #f5f7fb !important;
padding-top: 34px !important;
padding-bottom: 50px !important;
}
body.single-coupon .entry-meta,
body.single-coupon .post-navigation,
body.single-coupon .nav-links{
display: none !important;
}
body.single-coupon .entry-content{
max-width: 820px !important;
margin: 0 auto !important;
padding: 0 24px !important;
}
body.single-coupon .si-coupon-single__biz{
font-size: 15px;
font-weight: 600;
color: #475569;
margin-bottom: 8px;
}
body.single-coupon .si-coupon-single__exp{
font-size: 14px;
color: #64748b;
margin-bottom: 16px;
}
body.single-coupon .si-coupon-single__section{
margin-top: 20px;
padding-top: 18px;
border-top: 1px solid rgba(15,23,42,.08);
}
body.single-coupon .si-coupon-single__label{
font-size: 13px;
font-weight: 700;
margin-bottom: 8px;
}
body.single-coupon .si-coupon-single__text{
font-size: 16px;
line-height: 1.55;
}
body.single-coupon .si-coupon-single__btn{
display: inline-block;
margin-top: 22px;
padding: 12px 20px;
border-radius: 999px;
background: #0f172a;
color: #fff;
font-weight: 700;
text-decoration: none;
}
#siDealModal .si-deal-modal__biz{
font-size: 14px;
font-weight: 500;
color: #64748b; /* same slate tone */
margin: 6px 0 8px 0;
}
#siDealModal .si-deal-modal__badge{
margin-bottom: 4px;
}
/* Business name in modal */
#siDealModal .si-deal-modal__biz{
display: block !important;
font-size: 15px !important;
font-weight: 600 !important;
color: #475569 !important; /* softer slate */
margin: 6px 0 8px 0 !important;
letter-spacing: .01em;
}
/* ==============================
DEAL MODAL — PERFECT CLOSE BUTTON
============================== */
#siDealModal .si-deal-modal__close{
position: absolute !important;
top: 18px !important;
right: 18px !important;
width: 40px !important;
height: 40px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #f8fafc !important; /* subtle gray */
border: 1px solid rgba(15,23,42,.12) !important;
border-radius: 12px !important;
padding: 0 !important;
font-size: 0 !important; /* hide original character */
color: transparent !important;
cursor: pointer !important;
z-index: 9999 !important;
-webkit-tap-highlight-color: transparent !important;
}
/* Draw a perfectly centered X using lines (not text) */
#siDealModal .si-deal-modal__close::before,
#siDealModal .si-deal-modal__close::after{
content: "" !important;
position: absolute !important;
width: 16px !important;
height: 2px !important;
background: #0f172a !important; /* dark slate */
border-radius: 2px !important;
}
/* rotate lines to form X */
#siDealModal .si-deal-modal__close::before{
transform: rotate(45deg);
}
#siDealModal .si-deal-modal__close::after{
transform: rotate(-45deg);
}
/* hover */
@media (hover:hover){
#siDealModal .si-deal-modal__close:hover{
background: #eef2f7 !important;
}
}
/* =========================================================
DEALS MODAL — clean Apple style
========================================================= */
#siDealModal{
position: fixed;
inset: 0;
z-index: 999999;
display: none;
}
#siDealModal.is-open{
display: block;
}
#siDealModal .si-deal-modal__backdrop{
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.55);
backdrop-filter: blur(6px);
}
#siDealModal .si-deal-modal__panel{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: min(720px, 92vw);
max-height: min(78vh, 720px);
overflow: auto;
background: #ffffff;
border-radius: 18px;
box-shadow: 0 18px 55px rgba(15, 23, 42, 0.25);
border: 1px solid rgba(15,23,42,.08);
}
#siDealModal .si-deal-modal__close{
position: absolute;
right: 12px;
top: 10px;
width: 38px;
height: 38px;
border-radius: 12px;
border: 1px solid rgba(15,23,42,.10);
background: #fff;
font-size: 22px;
line-height: 1;
cursor: pointer;
}
#siDealModal .si-deal-modal__header{
padding: 20px 20px 14px;
border-bottom: 1px solid rgba(15,23,42,.08);
}
#siDealModal .si-deal-modal__badge{
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 800;
letter-spacing: .08em;
color: rgba(15,23,42,.6);
margin-bottom: 10px;
}
#siDealModal .si-deal-modal__title{
font-size: 28px;
font-weight: 850;
letter-spacing: -0.02em;
line-height: 1.12;
color: #0f172a;
margin-bottom: 8px;
}
#siDealModal .si-deal-modal__biz{
font-size: 15px;
font-weight: 600;
color: #1f2937;
margin-bottom: 6px;
}
#siDealModal .si-deal-modal__exp{
font-size: 14px;
color: rgba(15,23,42,.60);
}
#siDealModal .si-deal-modal__body{
padding: 16px 20px 10px;
}
#siDealModal .si-deal-modal__section{
margin-bottom: 16px;
}
#siDealModal .si-deal-modal__label{
font-size: 13px;
font-weight: 800;
color: rgba(15,23,42,.72);
margin-bottom: 6px;
}
#siDealModal .si-deal-modal__text{
font-size: 15px;
line-height: 1.45;
color: rgba(15,23,42,.86);
}
/* Modal footer */
#siDealModal .si-deal-modal__footer{
padding:14px 20px 18px;
border-top:1px solid rgba(15,23,42,.08);
display:flex;
justify-content:flex-end;
gap:10px;
}
/* Visit Website button */
#siDealModal .si-deal-modal__link{
text-decoration:none;
font-weight:800;
font-size:14px;
padding:10px 14px;
border-radius:12px;
border:1px solid rgba(15,23,42,.10);
background:#f8fafc;
color:#0f172a;
}
/* View Promotion button */
#siDealModal .si-deal-modal__promo-btn{
text-decoration:none;
font-weight:800;
font-size:14px;
padding:10px 14px;
border-radius:12px;
border:1px solid #d7dce5;
background:#ffffff;
color:#0f172a;
}
#siDealModal .si-deal-modal__promo-btn{
background:#2563eb;
border-color:#2563eb;
color:#fff;
}
/* =========================================================
SINGLE COUPON (CPT: coupon) — Simple, professional reader
========================================================= */
body.single-coupon #content.site-content{
background: #f5f7fb !important;
padding: 34px 0 60px !important;
}
body.single-coupon #content.site-content .ast-container{
max-width: 980px !important;
}
body.single-coupon article#post-0,
body.single-coupon article[class*="post-"]{
background: transparent !important;
}
body.single-coupon .entry-header{
margin: 0 !important;
padding: 0 !important;
}
body.single-coupon .entry-title{
max-width: 820px !important;
margin: 0 auto 14px !important;
padding: 0 24px !important;
font-size: 42px !important;
line-height: 1.12 !important;
letter-spacing: -0.02em !important;
color: #0f172a !important;
}
body.single-coupon .entry-content{
max-width: 820px !important;
margin: 0 auto !important;
padding: 0 24px 28px !important;
color: #111827 !important;
}
/* Turn your “Coupon Details” area into a clean card */
body.single-coupon .entry-content .coupon-details,
body.single-coupon .entry-content .si-coupon-details,
body.single-coupon .entry-content .frm-coupon-details,
body.single-coupon .entry-content .coupon-details-wrap{
background: #ffffff !important;
border-radius: 18px !important;
padding: 18px 18px !important;
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.10) !important;
border: 1px solid rgba(15,23,42,.06) !important;
}
/* Make labels look consistent */
body.single-coupon .entry-content label,
body.single-coupon .entry-content .si-field-label{
font-weight: 700 !important;
color: #0f172a !important;
font-size: 14px !important;
}
/* Inputs/fields shown on the page */
body.single-coupon .entry-content input,
body.single-coupon .entry-content textarea,
body.single-coupon .entry-content .si-field-value{
font-size: 15px !important;
color: #111827 !important;
}
/* Mobile title sizing */
@media (max-width: 768px){
body.single-coupon .entry-title{
font-size: 34px !important;
padding: 0 18px !important;
}
body.single-coupon .entry-content{
padding: 0 18px 22px !important;
}
}
body.page-id-1645 .si-coupon-archive-expiry{
font-size: 13px !important;
color: rgba(15,23,42,.55) !important;
}
/* LEFT image block — MATCH NEWS (16:9, wider look) */
body.page-id-1645 .si-coupon-archive-media{
flex: 0 0 140px !important;
width: 140px !important;
min-width: 140px !important;
height: 80px !important;
aspect-ratio: 16 / 9 !important;
border-radius: 0 !important; /* 👈 change THIS */
overflow: hidden !important;
background: #eef2f7 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* image behavior */
body.page-id-1645 .si-coupon-archive-media img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
border-radius: 0 !important; /* 👈 add this to be safe */
}
/* ABOUT (Page ID 7) — Widen mobile by reducing Astra container padding */
@media (max-width: 768px){
body.page-id-7 .ast-container{
padding-left: 0px !important;
padding-right: 0px !important;
}
}
/* =========================================================
ABOUT PAGE (ID 7) — MOBILE TYPOGRAPHY REFINEMENT
Cleaner Apple-style hierarchy
========================================================= */
@media (max-width: 768px){
/* Body / Lead Paragraph */
body.page-id-7 #content.site-content article#post-7 .entry-content p{
font-size: 16.8px !important; /* consistent Apple body */
line-height: 1.6 !important;
}
}
@media (max-width: 768px){
/* Lead paragraph */
body.page-id-7 .si-about-reader .si-lead{
font-size: 17px !important;
line-height: 1.55 !important;
color: #374151 !important;
margin: 0 !important;
}
}
/* =========================================
ABOUT — Center Founder Caption (All Devices)
========================================= */
body.page-id-7 figure.si-founder-portrait figcaption{
text-align: center !important;
padding: 6px 0 !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.2 !important;
color: rgba(15,23,42,.55) !important;
}
/* =========================================================
ABOUT (Page 7) — Lead paragraph MOBILE ONLY
========================================================= */
@media (max-width: 768px){
body.page-id-7 .si-about-reader .si-lead{
font-size: 17px !important;
line-height: 1.55 !important;
color: #374151 !important;
margin: 0 !important;
}
}
/* About Section CTA */
.si-about-cta{
margin-top: 24px;
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.si-about-btn-primary{
background: #2563EB;
color: #ffffff;
padding: 12px 22px;
border-radius: 24px;
font-weight: 600;
text-decoration: none;
transition: all .2s ease;
}
.si-about-btn-primary:hover{
background: #1d4ed8;
}
.si-about-btn-secondary{
border: 1px solid rgba(255,255,255,.35);
color: #ffffff;
padding: 12px 22px;
border-radius: 24px;
font-weight: 500;
text-decoration: none;
transition: all .2s ease;
}
.si-about-btn-secondary:hover{
background: rgba(255,255,255,.08);
}
body.page-id-7 .si-founder-portrait{
margin-top: 6px !important; /* slight vertical alignment tweak */
}
body.page-id-7 .si-founder-portrait img{
aspect-ratio: 4 / 5 !important;
object-fit: cover !important;
}
/* ABOUT (Page 7) — tighten intro + right portrait sizing */
body.page-id-7 .si-about-header{
display: grid !important;
grid-template-columns: minmax(0, 1fr) 240px !important; /* text | portrait */
gap: 22px !important;
align-items: start !important;
margin-bottom: 24px !important;
}
/* Make portrait actually stay smaller */
body.page-id-7 .si-founder-portrait{
width: 240px !important;
max-width: 240px !important;
justify-self: end !important; /* pins it to the right edge */
margin: 0 !important;
}
/* Slightly calmer intro */
body.page-id-7 .si-lead{
font-size: 18px !important;
line-height: 1.55 !important;
margin-bottom: 6px !important;
}
/* Reduce gap before section headings */
body.page-id-7 .si-about-reader h2{
margin: 28px 0 12px !important;
}
/* Mobile: stack nicely */
@media (max-width: 768px){
body.page-id-7 .si-about-header{
grid-template-columns: 1fr !important;
}
body.page-id-7 .si-founder-portrait{
width: auto !important;
max-width: 360px !important;
justify-self: start !important;
margin: 0 auto 14px !important;
}
}
/* Fix founder name color */
body.page-id-7 .si-founder-name{
color: #111827 !important;
}
body.page-id-7 .si-founder-title{
color: #111827 !important;
}
/* =========================================================
ABOUT (Page ID 7) — Apple News Reader Style
========================================================= */
/* Off-white reader surface */
body.page-id-7 #content.site-content{
background: #F9FAFB !important;
padding-top: 34px !important;
padding-bottom: 44px !important;
}
/* Keep Astra neutral */
body.page-id-7 #content.site-content .ast-container,
body.page-id-7 #content.site-content article#post-7{
background: transparent !important;
}
/* Reader column */
body.page-id-7 .si-about-reader{
max-width: 820px !important;
margin: 0 auto !important;
padding: 0 24px 56px !important;
color: #111827 !important;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
}
/* Headline */
body.page-id-7 .si-about-reader h1{
font-size: 34px !important;
font-weight: 750 !important;
letter-spacing: -0.02em !important;
margin: 0 0 14px !important;
color: #111827 !important;
}
/* Lead paragraph */
body.page-id-7 .si-about-reader .si-lead{
font-size: 19px !important;
line-height: 1.55 !important;
color: #374151 !important;
margin: 0 !important;
}
/* ABOUT — Balanced editorial header */
body.page-id-7 .si-about-header{
display: grid !important;
grid-template-columns: minmax(0,1fr) 280px !important;
gap: 36px !important;
align-items: start !important;
margin-bottom: 44px !important;
}
/* Portrait card */
body.page-id-7 .si-founder-portrait{
border-radius: 20px !important;
overflow: hidden !important;
background: #ffffff !important;
box-shadow: 0 12px 34px rgba(17,24,39,.12) !important;
}
body.page-id-7 .si-founder-portrait img{
width: 100% !important;
display: block !important;
}
body.page-id-7 .si-founder-portrait figcaption{
padding: 10px 12px !important;
font-size: 13px !important;
color: #6b7280 !important;
border-top: 1px solid rgba(17,24,39,.06) !important;
}
/* Section headings */
body.page-id-7 .si-about-reader h2{
font-size: 22px !important;
font-weight: 650 !important;
letter-spacing: -0.01em !important;
margin: 42px 0 14px !important;
color: #111827 !important;
}
/* Divider */
body.page-id-7 .si-about-reader .si-divider{
border: 0 !important;
height: 1px !important;
background: rgba(17,24,39,.10) !important;
margin: 44px 0 34px !important;
}
/* Mobile stack */
@media (max-width: 922px){
body.page-id-7 .si-about-header{
grid-template-columns: 1fr !important;
}
body.page-id-7 .si-founder-portrait{
max-width: 360px !important;
}
body.page-id-7 .si-about-reader{
padding: 0 18px 56px !important;
}
body.page-id-7 .si-about-reader h1{
font-size: 30px !important;
}
}
/* =========================================================
HOME — Reduce space between Giveaway & Hero
========================================================= */
/* Desktop */
@media (min-width: 922px){
body.home section.si-home-gw-banner{
margin-bottom: 15px !important;
}
}
/* Mobile */
@media (max-width: 921px){
body.home section.si-home-gw-banner{
margin-bottom: 5px !important; /* slightly tighter on mobile */
}
}
/* =========================================================
HOME — Reduce space ABOVE Giveaway Banner
========================================================= */
/* Desktop */
@media (min-width: 922px){
body.home section.si-home-gw-banner{
margin-top: 10px !important; /* adjust 0–16px */
padding-top: 0 !important;
}
}
/* Mobile */
@media (max-width: 921px){
body.home section.si-home-gw-banner{
margin-top: 6px !important; /* slightly tighter */
padding-top: 0 !important;
}
}
html body.page-id-12 #content.site-content.site-content{
padding-top: 25px !important;
}
/* COMMUNITIES (page-id-12) — match "Add Your Business" typography */
body.page-id-12 h1,
body.page-id-12 h2,
body.page-id-12 h3{
font-family: Jost, sans-serif !important;
font-weight: 700 !important;
letter-spacing: -0.02em !important;
-webkit-font-smoothing: antialiased;
text-rendering: geometricPrecision;
}
/* Keep space before the button (don’t move it up) */
.uagb-ifb-title{
margin-bottom: 30px !important; /* keep original-ish */
}
/* Control spacing between headline and paragraph */
.uagb-ifb-title strong{
display: block;
margin-bottom: 10px !important; /* adjust 8–12px to taste */
}
/* Remove extra manual
spacing inside the same */
.uagb-ifb-title br{
display: none !important;
}
@media (min-width: 769px){
.si-home-gw-btn{
padding: 10px 18px !important;
border-radius: 18px !important;
line-height: 1.1 !important;
height: auto !important;
}
}
@media (min-width: 769px){
/* Banner pill */
.si-home-gw-banner .si-home-gw-inner{
border-radius: 26px !important;
padding: 16px 22px !important;
overflow: hidden !important;
}
/* (Optional) keep it from feeling too tall */
.si-home-gw-banner .si-home-gw-inner{
min-height: 0 !important;
}
}
@media (max-width: 768px){
body.home .si-home-gw-banner a.si-home-gw-btn{
font-size: 13px !important;
padding: 8px 16px !important;
line-height: 1.1 !important;
height: auto !important;
min-height: 0 !important;
border-radius: 16px !important;
max-width: 220px !important;
}
}
/* Communities page (page-id-12) — force hero heading/subtext to black */
body.page-id-12 .entry-content .wp-block-uagb-advanced-heading .uagb-heading-text,
body.page-id-12 .entry-content .wp-block-uagb-advanced-heading .uagb-desc-text,
body.page-id-12 .entry-content .wp-block-uagb-advanced-heading + p {
color: #111 !important;
opacity: 1 !important;
}
/* Make the subtitle slightly softer */
body.page-id-12 .entry-content .wp-block-uagb-advanced-heading + p {
color: #444 !important;
}
/* =====================================================
COMMUNITIES (page-id-12) — REMOVE TOP GAP ABOVE TITLE
===================================================== */
/* 1) Kill Astra container spacing above the content area */
body.page-id-12 #primary,
body.page-id-12 #main,
body.page-id-12 article,
body.page-id-12 .entry-content{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Astra sometimes applies spacing here */
body.page-id-12 .ast-container{
padding-top: 0 !important;
}
/* 2) Kill your custom hero spacing */
body.page-id-12 .si-communities{
padding-top: 0 !important;
margin-top: 0 !important;
}
body.page-id-12 .si-comm-hero{
padding-top: 0 !important;
margin-top: 0 !important;
}
/* 3) Tighten the title itself */
body.page-id-12 .si-comm-hero h1{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Optional: set the exact desired “top breathing room” */
@media (min-width: 922px){
body.page-id-12 .si-comm-hero{
padding-top: 0px !important; /* adjust 12–24px */
}
}
body.page-id-12 #content.site-content::before{
display: none !important;
content: none !important;
}
/* =========================================================
Communities — Tighten Space Above Meta Line
========================================================= */
/* Reduce padding inside card body */
.si-comm-body{
padding-top: 0px !important; /* was 18px+ */
}
/* Slightly reduce bottom of image block */
.si-comm-media{
margin-bottom: 0 !important;
}
/* Tighten meta spacing */
.si-comm-meta{
margin-top: 0px !important;
}
/* =========================================================
Communities — Center Buttons on Mobile
========================================================= */
@media (max-width: 768px){
.si-comm-actions{
justify-content: center !important;
}
.si-comm-btn{
width: auto !important;
min-width: 200px; /* keeps it balanced */
text-align: center;
}
}
/* =========================================================
Communities Page — Apple Reader Layout
========================================================= */
/* Force white background for this page only */
body.page-id-12 #content.site-content{
background: #f5f7fb !important;
padding-top: 40px !important;
padding-bottom: 60px !important;
}
/* Keep header dark */
body.page-id-12 #masthead{
background: #0b1a2f !important;
}
/* Communities page clean Apple layout */
body.page-id-12 .si-communities{
padding: 40px 0 60px;
background: transparent;
}
/* Black headline */
body.page-id-12 .si-comm-hero h2{
color: #111827 !important;
}
/* Clean subtitle */
body.page-id-12 .si-comm-hero p{
color: rgba(17,24,39,.75) !important;
}
/* =========================================================
SINeighbors — Communities (Vertical List)
Paste into: Customize > Additional CSS
========================================================= */
.si-communities{
max-width: 980px;
margin: 0 auto;
padding: 22px 18px 48px;
}
.si-comm-hero{
padding: 18px 0 22px;
}
.si-comm-hero h1{
margin: 0 0 10px;
font-size: clamp(28px, 4vw, 38px);
letter-spacing: -0.02em;
line-height: 1.05;
}
.si-comm-hero p{
margin: 0;
font-size: 16px;
line-height: 1.45;
color: rgba(17,24,39,.78);
}
/* Card */
.si-comm-card{
margin-top: 18px;
border-radius: 18px;
overflow: hidden;
background: #fff;
border: 1px solid rgba(15,23,42,.08);
box-shadow: 0 14px 32px rgba(15,23,42,.08);
}
/* Banner */
.si-comm-media{
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
background: #0b1220;
}
.si-comm-media img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Soft overlay for consistency across bright/dark images */
.si-comm-overlay{
position: absolute;
inset: 0;
background: linear-gradient(to bottom,
rgba(0,0,0,0) 0%,
rgba(0,0,0,.14) 55%,
rgba(0,0,0,.32) 100%);
pointer-events: none;
}
/* Body */
.si-comm-body{
padding: 18px 18px 18px;
}
.si-comm-top{
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 10px;
}
.si-comm-top h2{
margin: 0;
font-size: 22px;
letter-spacing: -0.01em;
line-height: 1.15;
}
.si-comm-meta{
font-size: 13px;
color: rgba(17,24,39,.65);
}
.si-comm-desc{
margin: 0;
font-size: 15px;
line-height: 1.5;
color: rgba(17,24,39,.86);
}
.si-comm-actions{
margin-top: 14px;
display: flex;
gap: 10px;
flex-wrap: wrap;
}
/* Match SINeighbors primary CTA button */
.si-comm-btn{
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
font-weight: 800;
font-size: 15px;
padding: 12px 22px;
border-radius: 25px; /* matches your site pill style */
background: #1e90ff; /* SINeighbors bright blue */
color: #ffffff !important;
box-shadow: 0 10px 24px rgba(30,144,255,.30);
transition: all .18s ease;
}
.si-comm-btn:hover{
transform: translateY(-1px);
background: #187bdb;
box-shadow: 0 14px 30px rgba(30,144,255,.38);
}
.si-comm-btn:active{
transform: translateY(0);
}
.si-comm-footer{
margin-top: 22px;
padding: 18px;
border-radius: 18px;
background: #f5f7fb;
border: 1px solid rgba(15,23,42,.08);
}
.si-comm-footer h3{
margin: 0 0 8px;
font-size: 18px;
letter-spacing: -0.01em;
}
.si-comm-footer p{
margin: 0 0 14px;
font-size: 15px;
line-height: 1.45;
color: rgba(17,24,39,.80);
}
/* Mobile padding / feel */
@media (max-width: 768px){
.si-communities{
padding: 18px 14px 40px;
}
.si-comm-body{
padding: 16px 14px 16px;
}
.si-comm-top h2{
font-size: 20px;
}
}
/* =========================================================
COMMUNITY CARDS — Add breathing room under buttons
(Only affects Community page/cards)
========================================================= */
.si-comm-card{
padding-bottom: 10px !important; /* adjust 24–32px if needed */
}
/* =========================================================
COMMUNITY CARDS — Center Button on Desktop Only
========================================================= */
@media (min-width: 922px){
.si-comm-card .si-comm-actions{
justify-content: center !important;
}
}
/* =========================================================
Communities Page — Remove Excess Top Space
========================================================= */
/* Reduce top spacing under header */
body.page .si-communities{
padding-top: 0 !important;
}
/* Tighten hero spacing */
.si-comm-hero{
padding: 8px 0 10px !important;
margin-bottom: 10px !important;
}
/* Remove Astra extra content spacing (page-specific safer override) */
body.page .entry-content{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* =========================================================
HOME HERO — FINAL POLISH
========================================================= */
/* Mission line: slightly tighter spacing */
body.home .si-hero-mission{
margin-top: 30px !important;
margin-bottom: 8px !important;
opacity: .92 !important;
}
/* Value prop (your UAGB info box title text) */
body.home .wp-block-uagb-info-box p.uagb-ifb-title{
max-width: 820px !important;
margin-left: auto !important;
margin-right: auto !important;
line-height: 1.45 !important;
}
/* Space between the value prop and CTA */
body.home .wp-block-uagb-info-box + .wp-block-button{
margin-top: 18px !important;
}
/* SOFT divider: keep it, but make it subtle */
body.home .si-hero-mission{
position: relative !important;
}
body.home .si-hero-mission:before{
content: "" !important;
display: block !important;
width: min(860px, 86vw) !important;
height: 1px !important;
margin: 0 auto 14px !important;
background: rgba(255,255,255,.10) !important; /* subtle */
}
body.home .wp-block-uagb-info-box + .wp-block-button{
margin-top: 34px !important;
}
@media (max-width: 480px){
body.home .si-hero-mission .uagb-heading-text{
letter-spacing: 1.2px !important;
}
}
/* =========================================================
HOME Giveaway Banner — Shadow control (Mobile)
========================================================= */
@media (max-width: 768px){
/* If shadow is on the outer section */
body.home section.si-home-gw-banner{
box-shadow: 0 8px 20px rgba(0,0,0,.25) !important;
filter: none !important;
}
/* If the “card” is actually the inner wrapper */
body.home section.si-home-gw-banner .si-home-gw-inner{
box-shadow: 0 8px 20px rgba(0,0,0,.25) !important;
filter: none !important;
}
/* If shadow is being faked via pseudo elements */
body.home section.si-home-gw-banner:before,
body.home section.si-home-gw-banner:after,
body.home section.si-home-gw-banner .si-home-gw-inner:before,
body.home section.si-home-gw-banner .si-home-gw-inner:after{
box-shadow: none !important;
filter: none !important;
}
}
@media (max-width: 768px){
body.home .si-home-gw-inner{
align-items: center !important;
}
body.home .si-home-gw-left{
width: 100%;
}
body.home .si-home-gw-right{
width: 100%;
display: flex;
justify-content: center;
}
}
/* =========================================================
HOME — COMMUNITY GIVEAWAY BANNER (FULL REPLACEMENT)
- Dark gradient banner
- Astra-primary matching CTA color
- CTA is a softer “architectural pill” (not bubble)
========================================================= */
/* Safety: only affect homepage banner */
body.home .si-home-gw-banner{
position: relative;
border-radius: 18px;
overflow: hidden;
margin: 18px 0 22px;
box-shadow: 0 14px 40px rgba(0,0,0,.22);
}
/* Dark gradient sweep (subtle, premium) */
body.home .si-home-gw-banner:before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 20% 40%, rgba(255,255,255,.08), rgba(255,255,255,0) 45%),
radial-gradient(circle at 75% 55%, rgba(255,255,255,.06), rgba(255,255,255,0) 50%),
linear-gradient(90deg, rgba(9,18,35,.95), rgba(16,39,84,.92));
pointer-events:none;
}
body.home .si-home-gw-inner{
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
padding: 18px 22px;
}
body.home .si-home-gw-left{
min-width: 0;
}
body.home .si-home-gw-title{
display:flex;
align-items:center;
gap: 10px;
color: #ffffff;
font-weight: 800;
font-size: 22px;
line-height: 1.15;
letter-spacing: .2px;
}
body.home .si-home-gw-icon{
font-size: 20px;
line-height: 1;
transform: translateY(-1px);
}
body.home .si-home-gw-sub{
margin-top: 6px;
color: rgba(255,255,255,.82);
font-size: 15px;
line-height: 1.25;
}
/* CTA — uses Astra’s primary color token for EXACT match */
body.home .si-home-gw-btn,
body.home .si-home-gw-btn:link,
body.home .si-home-gw-btn:visited{
background: var(--ast-global-color-0) !important;
border: 2px solid var(--ast-global-color-0) !important;
color: #ffffff !important;
font-weight: 800 !important;
font-size: 14px !important;
letter-spacing: .2px;
padding: 14px 28px !important;
border-radius: 30px !important; /* premium pill (not bubble) */
display: inline-flex;
align-items: center;
justify-content: center;
white-space: nowrap;
text-decoration: none !important;
box-shadow: 0 4px 14px rgba(0,0,0,.25);
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
body.home .si-home-gw-btn:hover{
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(0,0,0,.30);
filter: brightness(.98);
}
body.home .si-home-gw-btn:active{
transform: translateY(0);
box-shadow: 0 4px 12px rgba(0,0,0,.22);
}
/* Mobile: stack cleanly */
@media (max-width: 768px){
body.home .si-home-gw-inner{
flex-direction: column;
align-items: flex-start;
padding: 16px 16px;
}
body.home .si-home-gw-title{
font-size: 20px;
}
body.home .si-home-gw-btn{
width: 100%;
max-width: 360px;
}
}
/* FINAL — Editorial Style Giveaway Button */
body.home .si-home-gw-btn,
body.home .si-home-gw-btn:link,
body.home .si-home-gw-btn:visited{
background: var(--ast-global-color-0) !important;
border: 2px solid var(--ast-global-color-0) !important;
color: #ffffff !important;
font-weight: 700 !important;
font-size: 14px !important;
letter-spacing: .2px;
padding: 13px 26px !important;
border-radius: 22px !important; /* less bubble, more structure */
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none !important;
box-shadow: none !important; /* remove glow */
transition: all .18s ease;
}
body.home .si-home-gw-btn:hover{
background: #0f5ed6 !important; /* slightly darker hover */
border-color: #0f5ed6 !important;
transform: translateY(-1px);
}
/* =========================================================
HOME — COMMUNITY GIVEAWAY BANNER (SLIM MOBILE)
========================================================= */
@media (max-width: 768px){
/* Make the whole banner compact */
body.home section.si-home-gw-banner{
padding: 0 !important; /* prevent double-padding if any */
}
body.home .si-home-gw-inner{
flex-direction: column !important;
align-items: flex-start !important;
justify-content: flex-start !important;
/* SLIMMER than before */
gap: 8px !important;
padding: 12px 14px !important;
}
/* Smaller headline */
body.home .si-home-gw-title{
font-size: 16px !important;
margin: 0 !important;
line-height: 1.2 !important;
}
/* Tighter subtext */
body.home .si-home-gw-sub{
margin: 0 !important;
font-size: 13px !important;
line-height: 1.3 !important;
color: rgba(255,255,255,.80) !important;
}
/* Button: still tappable, but not dominant */
body.home .si-home-gw-btn{
font-size: 13px !important;
font-weight: 800 !important;
/* smaller than your old 12px 22px */
padding: 9px 16px !important;
min-height: 38px !important;
border-radius: 999px !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
box-shadow: 0 4px 10px rgba(0,0,0,.18) !important;
}
}
/* =========================================================
OFFICIAL RULES — APPLE READER (MATCH NEWS) (Page ID 1336)
Header/Footer untouched. No card.
(FULL REPLACEMENT BLOCK)
========================================================= */
/* 0) Astra Separate Container FIX:
Desktop dark background is usually on #primary, not #content */
body.page-id-1336.ast-separate-container #primary{
background: #f5f7fb !important;
}
/* Also keep the page/background consistent (safe) */
body.page-id-1336,
body.page-id-1336 #page,
body.page-id-1336 #content.site-content{
background: #f5f7fb !important;
}
/* 1) Reader surface spacing only in the content area */
body.page-id-1336 #content.site-content{
padding-top: 34px !important; /* same "reader" offset */
padding-bottom: 34px !important;
}
/* 2) Keep Astra wrappers neutral/transparent */
body.page-id-1336 #primary .ast-container,
body.page-id-1336 #content.site-content .ast-container,
body.page-id-1336 #content.site-content article#post-1336{
background: transparent !important;
}
/* 3) Reader column + Apple typography */
body.page-id-1336 #content.site-content article#post-1336 .entry-content{
max-width: 820px !important; /* slightly wider = more Apple */
margin: 0 auto !important;
padding: 0 24px 56px !important; /* no “card”, just reader padding */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
color: #111827 !important;
font-size: 17px !important;
line-height: 1.68 !important; /* a touch tighter like News */
letter-spacing: -0.01em !important;
text-align: left !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Ensure paragraphs + list items inherit the same Apple text */
body.page-id-1336 #content.site-content article#post-1336 .entry-content p,
body.page-id-1336 #content.site-content article#post-1336 .entry-content li{
font-family: inherit !important;
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
letter-spacing: inherit !important;
}
/* 4) Title */
body.page-id-1336 #content.site-content article#post-1336 .entry-content h1,
body.page-id-1336 #content.site-content article#post-1336 .entry-content h2{
font-family: inherit !important;
color: #0f172a !important;
margin: 0 0 16px !important;
line-height: 1.18 !important;
letter-spacing: -0.02em !important;
}
/* 5) List spacing — less floaty, more “reader” */
body.page-id-1336 #content.site-content article#post-1336 .entry-content ol{
margin: 0 !important;
padding-left: 22px !important;
}
body.page-id-1336 #content.site-content article#post-1336 .entry-content li{
margin: 0 0 10px !important;
}
/* Make the numbers look crisp */
body.page-id-1336 #content.site-content article#post-1336 .entry-content li::marker{
color: #0f172a !important;
font-weight: 600 !important;
}
/* =========================================================
SINeighbors Giveaway Page — Apple Style
Post ID: 3572
========================================================= */
/* 1️⃣ Apple off-white content background */
body.page-id-3572 #content.site-content{
background: #f5f7fb !important;
}
/* 2️⃣ Constrain readable width (NOT too wide) */
body.page-id-3572 .entry-content{
max-width: 760px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 40px 20px 60px !important;
}
/* 3️⃣ Headline polish */
body.page-id-3572 h1,
body.page-id-3572 h2{
letter-spacing: -0.02em;
}
/* 4️⃣ Subheadline spacing */
body.page-id-3572 h2 + p{
margin-top: 6px !important;
}
/* 5️⃣ Form container — premium look */
body.page-id-3572 .frm_forms{
background: #ffffff !important;
border-radius: 18px !important;
padding: 28px !important;
box-shadow: 0 10px 28px rgba(2,6,23,0.06) !important;
}
/* 6️⃣ Form fields — Apple feel */
body.page-id-3572 .frm_form_field input,
body.page-id-3572 .frm_form_field textarea,
body.page-id-3572 .frm_form_field select{
border-radius: 10px !important;
border: 1px solid #dbe2ea !important;
padding: 12px 14px !important;
font-size: 15px !important;
}
/* Focus state */
body.page-id-3572 .frm_form_field input:focus,
body.page-id-3572 .frm_form_field textarea:focus,
body.page-id-3572 .frm_form_field select:focus{
border-color: #2563eb !important;
box-shadow: 0 0 0 3px rgba(37,99,235,0.12) !important;
}
/* 7️⃣ Submit button — match your brand */
body.page-id-3572 .frm_button_submit{
border-radius: 12px !important;
font-weight: 600 !important;
padding: 14px 22px !important;
font-size: 16px !important;
letter-spacing: -0.01em;
}
/* 8️⃣ Checkbox spacing */
body.page-id-3572 .frm_checkbox{
margin-top: 10px !important;
}
/* 9️⃣ Mobile tightening */
@media (max-width: 921px){
body.page-id-3572 .entry-content{
padding: 28px 16px 48px !important;
}
body.page-id-3572 .frm_forms{
padding: 22px !important;
border-radius: 14px !important;
}
}
/* =========================================================
GIVEAWAY PAGE (3572) — DARK HERO + APPLE WHITE BELOW
Does NOT affect header/footer
========================================================= */
/* 1) Make the page background dark (so hero stays readable) */
body.page-id-3572 #content.site-content{
background: #0b1220 !important;
}
/* 2) Create an Apple-white "section" ONLY for the form area */
body.page-id-3572 .frm_forms{
background: #ffffff !important;
border-radius: 18px !important;
padding: 28px !important;
box-shadow: 0 10px 28px rgba(2,6,23,0.18) !important;
}
/* 3) Add the Apple off-white behind the form by wrapping the form visually */
body.page-id-3572 .frm_forms{
position: relative;
z-index: 2;
}
/* 4) Put an off-white band behind the form (full width) */
body.page-id-3572 #primary{
position: relative;
}
body.page-id-3572 #primary:after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 340px; /* controls where white starts */
background: #f5f7fb;
z-index: 0;
}
/* 5) Ensure your content sits above the band */
body.page-id-3572 #primary article,
body.page-id-3572 .entry-content{
position: relative;
z-index: 1;
}
/* 6) Keep the hero text WHITE (fix washed out look) */
body.page-id-3572 .entry-content h1,
body.page-id-3572 .entry-content h2,
body.page-id-3572 .si-giveaway-bullets li{
color: #fff !important;
}
/* 7) Image spacing polish */
body.page-id-3572 .wp-block-image{
margin: 18px 0 24px !important;
}
/* 8) Constrain the layout nicely */
body.page-id-3572 .entry-content{
max-width: 760px !important;
margin: 0 auto !important;
padding: 40px 20px 80px !important;
}
/* 9) Form fields Apple feel */
body.page-id-3572 .frm_form_field input,
body.page-id-3572 .frm_form_field textarea,
body.page-id-3572 .frm_form_field select{
border-radius: 10px !important;
border: 1px solid #dbe2ea !important;
padding: 12px 14px !important;
font-size: 15px !important;
}
/* Focus */
body.page-id-3572 .frm_form_field input:focus,
body.page-id-3572 .frm_form_field textarea:focus,
body.page-id-3572 .frm_form_field select:focus{
border-color: #2563eb !important;
box-shadow: 0 0 0 3px rgba(37,99,235,0.12) !important;
}
/* Button */
body.page-id-3572 .frm_button_submit{
border-radius: 12px !important;
font-weight: 600 !important;
padding: 14px 22px !important;
font-size: 16px !important;
}
/* Mobile: start white band earlier */
@media (max-width: 921px){
body.page-id-3572 #primary:after{
top: 280px !important;
}
body.page-id-3572 .entry-content{
padding: 28px 16px 70px !important;
}
}
body.page-id-3572 #colophon{ position: relative; z-index: 5; }
/* =========================================================
GIVEAWAY (3572) — FULL-WIDTH APPLE WHITE BAND
========================================================= */
/* Make sure primary can anchor the band */
body.page-id-3572 #primary{
position: relative;
}
/* Replace the old constrained band */
body.page-id-3572 #primary:after{
content: "" !important;
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 100vw !important; /* ✅ full width */
bottom: -80px !important;
top: 365px !important; /* ✅ adjust start point */
background: #f5f7fb !important;
z-index: 0 !important;
}
/* Keep everything above the band */
body.page-id-3572 #primary article,
body.page-id-3572 .entry-content,
body.page-id-3572 .frm_forms{
position: relative !important;
z-index: 1 !important;
}
/* Mobile starts a bit earlier */
@media (max-width: 921px){
body.page-id-3572 #primary:after{
top: 300px !important;
}
}
/* =========================================================
GIVEAWAY (3572) — POLISH THE WHITE SECTION
========================================================= */
/* 1) Softer blend between dark and white */
body.page-id-3572 #primary:after{
background: linear-gradient(
to bottom,
rgba(245,247,251,0) 0px,
rgba(245,247,251,0) 40px,
#f5f7fb 160px
) !important;
}
/* 2) Put the image + form into the white zone (Apple feel) */
body.page-id-3572 .entry-content{
padding-bottom: 70px !important;
}
/* Nudge the image down slightly so it "belongs" in the white */
body.page-id-3572 .entry-content figure,
body.page-id-3572 .entry-content img{
position: relative !important;
z-index: 2 !important;
}
/* Optional: give the image an Apple-style radius + soft shadow */
body.page-id-3572 .entry-content figure img{
border-radius: 18px !important;
box-shadow: 0 18px 55px rgba(0,0,0,.22) !important;
}
/* Keep the form card perfectly Apple */
body.page-id-3572 .frm_forms{
margin-top: 26px !important;
}
/* GIVEAWAY COUNTDOWN — Page ID 3572 only */
body.page-id-3572 .si-countdown{
margin: 14px 0 0 !important;
display: inline-block !important;
}
body.page-id-3572 .si-countdown__label{
font-size: 13px !important;
opacity: .85 !important;
margin-bottom: 8px !important;
}
body.page-id-3572 .si-countdown__grid{
display: grid !important;
grid-template-columns: repeat(4, minmax(90px, 1fr)) !important;
gap: 10px !important;
align-items: stretch !important;
max-width: 520px !important;
}
body.page-id-3572 .si-cd{
border-radius: 14px !important;
padding: 10px 12px !important;
background: rgba(255,255,255,.08) !important;
border: 1px solid rgba(255,255,255,.14) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
text-align: center !important;
}
body.page-id-3572 .si-cd__num{
display: block !important;
font-weight: 700 !important;
font-size: 24px !important;
letter-spacing: -0.02em !important;
color: #fff !important;
}
body.page-id-3572 .si-cd__txt{
display: block !important;
margin-top: 2px !important;
font-size: 12px !important;
opacity: .85 !important;
color: #fff !important;
}
body.page-id-3572 .si-countdown__fine{
margin-top: 8px !important;
font-size: 12px !important;
opacity: .75 !important;
color: #fff !important;
}
@media (max-width: 600px){
body.page-id-3572 .si-countdown__grid{
grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
max-width: 340px !important;
}
}
/* Countdown subtext */
.si-countdown__sub{
text-align:center;
font-size:14px;
color:#9aa3af;
margin-top:8px;
margin-bottom:6px;
}
/* Tighten space above prize headline */
.si-countdown{
margin-bottom: 12px;
}
/* =========================================================
GIVEAWAY COUNTDOWN — Last 24h pulse + Ended state
Scoped to countdown wrapper only
========================================================= */
.si-giveaway-countdown{
text-align:center;
}
.si-countdown__sub{
font-size:14px;
color:#9aa3af;
margin-top:8px;
}
.si-countdown__ended{
display:none;
margin-top:14px;
padding:12px 14px;
border-radius:14px;
background:#fff;
color:#111827;
border:1px solid rgba(0,0,0,.08);
font-weight:600;
}
/* Last 24 hours “alert” look */
.si-giveaway-countdown.is-urgent .si-countdown__label{
color:#fecaca;
}
.si-giveaway-countdown.is-urgent .si-countdown__grid > *{
border:1px solid rgba(239,68,68,.45) !important;
box-shadow: 0 0 0 rgba(239,68,68,0);
animation: siPulseRed 1.4s ease-in-out infinite;
}
@keyframes siPulseRed{
0% { box-shadow: 0 0 0 0 rgba(239,68,68,.25); transform: translateY(0); }
50% { box-shadow: 0 0 0 10px rgba(239,68,68,0); transform: translateY(-1px); }
100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); transform: translateY(0); }
}
/* Ended state: hide grid + subtext, show ended message */
.si-giveaway-countdown.is-ended .si-countdown__grid,
.si-giveaway-countdown.is-ended .si-countdown__sub{
display:none !important;
}
.si-giveaway-countdown.is-ended .si-countdown__ended{
display:inline-block;
}
/* =========================================================
SINeighbors Giveaway — Visual Polish
Page ID: 3572 ONLY
========================================================= */
/* ---------------------------------------
1) Tighten space under countdown
--------------------------------------- */
body.page-id-3572 .si-countdown{
margin-bottom: 14px !important;
}
body.page-id-3572 .si-countdown__sub{
margin-bottom: 18px !important;
}
/* tighten gap before prize headline */
body.page-id-3572 .entry-content h2,
body.page-id-3572 .entry-content h3{
margin-top: 18px !important;
}
/* ---------------------------------------
2) Smooth the dark → light transition
(fixes the harsh band you saw)
--------------------------------------- */
body.page-id-3572 .site-content{
position: relative;
z-index: 1;
}
/* soft gradient fade */
body.page-id-3572 .site-content::before{
content: "";
position: absolute;
top: -140px;
left: 0;
right: 0;
height: 220px;
pointer-events: none;
background: linear-gradient(
to bottom,
rgba(2,12,34,0) 0%,
rgba(2,12,34,0.35) 35%,
rgba(2,12,34,0.65) 60%,
rgba(2,12,34,0.9) 85%,
rgba(2,12,34,1) 100%
);
}
/* ---------------------------------------
3) Countdown box polish (subtle)
--------------------------------------- */
body.page-id-3572 .si-cd{
backdrop-filter: blur(6px);
border: 1px solid rgba(255,255,255,.08);
transition: transform .2s ease, box-shadow .2s ease;
}
body.page-id-3572 .si-cd:hover{
transform: translateY(-2px);
box-shadow: 0 10px 28px rgba(0,0,0,.35);
}
/* ---------------------------------------
4) Mobile spacing tune
--------------------------------------- */
@media (max-width: 921px){
body.page-id-3572 .si-countdown{
margin-bottom: 10px !important;
}
body.page-id-3572 .si-countdown__sub{
margin-bottom: 14px !important;
}
}
/* =========================================================
GIVEAWAY (Page ID 3572) — POLISH PACK
- Smooth hero->white transition
- Countdown urgency pulse states
- Form button + inputs polish
========================================================= */
body.page-id-3572 #content.site-content{
background: #f5f6f8; /* Apple-ish off-white */
}
/* Smooth transition band under the hero */
body.page-id-3572 #content.site-content::before{
content:"";
display:block;
height: 120px;
background: linear-gradient(to bottom,
rgba(8,14,26,1) 0%,
rgba(8,14,26,0.65) 35%,
rgba(245,246,248,0) 100%
);
}
/* Keep page content in a clean centered column (not header/footer) */
body.page-id-3572 #content.site-content .ast-container{
max-width: 1180px;
}
/* Checklist under headline */
body.page-id-3572 .si-giveaway-bullets,
body.page-id-3572 .entry-content ul{
margin-top: 10px;
margin-bottom: 22px;
}
body.page-id-3572 .entry-content ul li{
margin: 6px 0;
line-height: 1.35;
}
/* Countdown sizing + spacing */
body.page-id-3572 .si-countdown{
margin: 18px 0 8px;
}
body.page-id-3572 .si-countdown__label{
font-size: 13px;
letter-spacing: .02em;
opacity: .9;
}
/* Countdown box polish */
body.page-id-3572 .si-cd{
border-radius: 14px;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* Urgency pulse (JS will add classes) */
@keyframes siPulse {
0% { box-shadow: 0 0 0 0 rgba(255,59,48,.35); border-color: rgba(255,59,48,.55); }
70% { box-shadow: 0 0 0 14px rgba(255,59,48,0); border-color: rgba(255,59,48,.35); }
100% { box-shadow: 0 0 0 0 rgba(255,59,48,0); border-color: rgba(255,59,48,.25); }
}
@keyframes siPulseFast {
0% { box-shadow: 0 0 0 0 rgba(255,59,48,.45); border-color: rgba(255,59,48,.65); }
70% { box-shadow: 0 0 0 18px rgba(255,59,48,0); border-color: rgba(255,59,48,.40); }
100% { box-shadow: 0 0 0 0 rgba(255,59,48,0); border-color: rgba(255,59,48,.25); }
}
body.page-id-3572 .si-countdown.is-urgent .si-cd{
animation: siPulse 1.6s infinite;
}
body.page-id-3572 .si-countdown.is-last-hour .si-cd{
animation: siPulseFast .95s infinite;
}
/* Ended state */
body.page-id-3572 .si-countdown.is-ended .si-countdown__label{
opacity: 1;
}
body.page-id-3572 .si-countdown.is-ended .si-countdown__grid{
opacity: .5;
}
body.page-id-3572 .si-countdown__ended{
display:none;
margin-top: 12px;
padding: 12px 14px;
border-radius: 12px;
background: rgba(255,59,48,.10);
border: 1px solid rgba(255,59,48,.25);
color: #1d1d1f;
font-weight: 600;
}
body.page-id-3572 .si-countdown.is-ended .si-countdown__ended{
display:block;
}
/* Mobile: countdown wrap nicer */
@media (max-width: 600px){
body.page-id-3572 .si-countdown__grid{
gap: 10px;
}
}
/* =========================================================
GIVEAWAY (Page ID 3572) — FIX CHECKBOX (restore default)
Scopes to this page only. Does NOT touch header/footer.
========================================================= */
/* 1) Kill any “custom checkbox” pseudo-elements that might be drawing the big blue box */
body.page-id-3572 .frm_forms .frm_checkbox label:before,
body.page-id-3572 .frm_forms .frm_checkbox label:after,
body.page-id-3572 .frm_forms .frm_checkbox .frm_checkbox_label:before,
body.page-id-3572 .frm_forms .frm_checkbox .frm_checkbox_label:after{
content: none !important;
display: none !important;
}
/* 2) Force the actual checkbox input back to a real checkbox */
body.page-id-3572 .frm_forms input[type="checkbox"]{
-webkit-appearance: checkbox !important;
appearance: checkbox !important;
width: 16px !important;
height: 16px !important;
min-width: 16px !important;
min-height: 16px !important;
background: #fff !important;
border: 1px solid #cbd5e1 !important; /* subtle gray like Formidable */
border-radius: 4px !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 10px 0 0 !important;
opacity: 1 !important;
position: static !important;
transform: none !important;
/* modern browsers: blue check like your other forms */
accent-color: #2563eb !important;
}
/* 3) Make sure it’s not being wrapped/styled into a big clickable block */
body.page-id-3572 .frm_forms .frm_checkbox label{
display: inline-flex !important;
align-items: flex-start !important;
gap: 10px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
/* 4) If any rule made the checkbox container huge/click-blocky, reset it */
body.page-id-3572 .frm_forms .frm_checkbox,
body.page-id-3572 .frm_forms .frm_checkbox label,
body.page-id-3572 .frm_forms .frm_checkbox .frm_checkbox_label{
border-radius: 0 !important;
}
/* =========================================================
GIVEAWAY — Checkbox focus/active polish (match inputs)
Page ID 3572 only
========================================================= */
/* Subtle hover (desktop only) */
@media (hover:hover){
body.page-id-3572 .frm_forms input[type="checkbox"]:hover{
border-color: #2563eb !important;
}
}
/* Focus state (keyboard + click) */
body.page-id-3572 .frm_forms input[type="checkbox"]:focus{
outline: none !important;
border-color: #2563eb !important;
box-shadow: 0 0 0 3px rgba(37,99,235,.15) !important;
}
/* Checked state polish */
body.page-id-3572 .frm_forms input[type="checkbox"]:checked{
accent-color: #2563eb !important; /* keeps Formidable look */
}
/* Label click highlight (nice UX touch) */
body.page-id-3572 .frm_forms .frm_checkbox label:active{
transform: translateY(0.5px);
}
/* =========================================================
GIVEAWAY (Page ID 3572) — Countdown + Pills Polish
Scoped. Does NOT affect header/footer.
========================================================= */
body.page-id-3572 #content.site-content{
/* keep your existing Apple off-white page background if you already set it */
}
/* Make "Giveaway Ends In" label bigger + clearer */
body.page-id-3572 .si-countdown__label{
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
opacity: .9 !important;
margin-bottom: 10px !important;
}
/* Slightly larger numbers + more "Apple" feel */
body.page-id-3572 .si-cd{
border-radius: 14px !important;
}
body.page-id-3572 .si-cd__num{
font-size: 26px !important;
font-weight: 800 !important;
letter-spacing: -0.02em !important;
}
body.page-id-3572 .si-cd__txt{
font-size: 12px !important;
opacity: .85 !important;
}
/* Make the "Drawing closes..." line feel like an intentional caption */
body.page-id-3572 .si-countdown__sub,
body.page-id-3572 .si-countdown__fine{
font-size: 14px !important;
font-weight: 600 !important;
opacity: .9 !important;
margin-top: 10px !important;
}
/* Optional: add a subtle dot separator look (feels more designed) */
body.page-id-3572 .si-countdown__sub{
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
}
body.page-id-3572 .si-countdown__sub::before{
content: "•" !important;
opacity: .6 !important;
}
/* Pills replacing bullets */
body.page-id-3572 .si-gw-pills{
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin-top: 14px !important;
margin-bottom: 18px !important;
padding: 0 !important;
}
body.page-id-3572 .si-gw-pill{
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,.18) !important;
color: #fff !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 1 !important;
backdrop-filter: blur(10px) !important;
}
/* Add a tiny "check" marker inside each pill for clarity */
body.page-id-3572 .si-gw-pill::before{
content: "✓" !important;
font-weight: 800 !important;
opacity: .9 !important;
}
/* Mobile: make pills stack nicely */
@media (max-width: 768px){
body.page-id-3572 .si-gw-pill{
width: 100% !important;
justify-content: center !important;
}
}
/* =========================================================
GIVEAWAY — CENTER COUNTDOWN (Page 3572)
========================================================= */
/* Center the whole countdown section */
body.page-id-3572 .si-countdown{
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Center the timer boxes row */
body.page-id-3572 .si-countdown__grid{
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 14px !important;
flex-wrap: wrap !important;
}
/* Center the fine print lines */
body.page-id-3572 .si-countdown__fine,
body.page-id-3572 .si-countdown__sub{
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Optional: tighten vertical rhythm (recommended) */
body.page-id-3572 .si-countdown__label{
margin-bottom: 12px !important;
}
body.page-id-3572 .si-countdown__sub{
margin-top: 10px !important;
}
/* =========================================================
GIVEAWAY (Page 3572) — polish: remove drawing line, center headline, refine pills
========================================================= */
/* 1) Hide the “Drawing closes…” line entirely */
body.page-id-3572 .si-countdown__sub{
display: none !important;
}
/* 2) Center the main prize headline */
body.page-id-3572 .entry-content h2,
body.page-id-3572 .entry-content .si-giveaway-prize,
body.page-id-3572 .entry-content .si-giveaway-headline{
text-align: center !important;
}
/* If your prize line is a specific H2 like in your screenshot, this catches it */
body.page-id-3572 .entry-content h2{
margin-left: auto !important;
margin-right: auto !important;
}
/* 3) Ensure pills row is centered + wraps nicely */
body.page-id-3572 .si-giveaway-pills,
body.page-id-3572 .si-pill-row{
display: flex !important;
justify-content: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
margin: 14px auto 6px !important;
}
/* If you’re using a UL for pills, remove default list styling */
body.page-id-3572 .si-giveaway-pills,
body.page-id-3572 .si-pill-row{
list-style: none !important;
padding-left: 0 !important;
}
/* Center giveaway pills — Page 3572 only */
body.page-id-3572 .si-gw-pills{
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
/* =========================================================
GIVEAWAY (Page 3572) — FIX full-width + remove extra scrollbar
SCOPE: content only (does NOT affect footer)
========================================================= */
/* 0) Undo any previous overflow clamps that may have hit global wrappers */
body.page-id-3572,
body.page-id-3572 #page,
body.page-id-3572 #content,
body.page-id-3572 #primary,
body.page-id-3572 .site-content,
body.page-id-3572 .ast-container,
body.page-id-3572 .entry-content{
overflow-x: visible !important;
}
/* 1) Clip horizontal overflow ONLY inside the main content area (not footer) */
body.page-id-3572 #content.site-content{
overflow-x: clip !important;
}
/* Fallback for older browsers */
@supports not (overflow: clip){
body.page-id-3572 #content.site-content{
overflow-x: hidden !important;
}
}
/* 2) Media safety ONLY inside the page content (explicitly not footer) */
body.page-id-3572 #content.site-content .entry-content img,
body.page-id-3572 #content.site-content .entry-content iframe,
body.page-id-3572 #content.site-content .entry-content video{
max-width: 100% !important;
height: auto !important;
}
/* 3) Giveaway module sizing + no overflow */
body.page-id-3572 #content.site-content .si-countdown{
width: 100% !important;
max-width: 820px !important;
margin: 0 auto 18px !important;
padding: 0 16px !important;
box-sizing: border-box !important;
text-align: center !important;
}
body.page-id-3572 #content.site-content .si-countdown__grid{
display: flex !important;
justify-content: center !important;
align-items: stretch !important;
gap: 14px !important;
flex-wrap: nowrap !important;
max-width: 100% !important;
}
body.page-id-3572 #content.site-content .si-cd{
flex: 0 1 92px !important; /* allows shrink (prevents overflow) */
min-width: 0 !important;
padding: 16px 14px !important;
border-radius: 14px !important;
box-sizing: border-box !important;
}
@media (max-width: 520px){
body.page-id-3572 #content.site-content .si-countdown__grid{
flex-wrap: wrap !important;
gap: 10px !important;
}
}
/* SINeighbors giveaway rules link */
.si-rules-footer{
text-align: center;
margin-top: 14px;
font-size: 13px;
color: #6b7280;
}
.si-rules-footer a{
font-weight: 600;
text-decoration: underline;
color: #2563eb;
}
.si-rules-footer a:hover{
opacity: .85;
}
/* =========================================================
GIVEAWAY (3572) — MOBILE: FORCE 4 COUNTDOWN BOXES IN 1 ROW
IMPORTANT: your class is .si-countdown__grid (double underscore)
========================================================= */
@media (max-width: 600px){
/* Force 4 across */
body.page-id-3572 #content .si-countdown .si-countdown__grid{
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 6px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
}
/* Shrink boxes so 4 actually fit */
body.page-id-3572 #content .si-countdown .si-cd{
padding: 10px 4px !important;
border-radius: 12px !important;
min-width: 0 !important;
}
/* Smaller numbers + labels */
body.page-id-3572 #content .si-countdown .si-cd_num{
font-size: 18px !important;
line-height: 1 !important;
letter-spacing: -0.5px !important;
}
body.page-id-3572 #content .si-countdown .si-cd_txt{
font-size: 10px !important;
margin-top: 5px !important;
opacity: .85 !important;
}
/* 5) Safety: footer always on top */
body.page-id-3572 #colophon{
position: relative !important;
z-index: 5 !important;
}
/* =========================================================
GIVEAWAY (3572) — MOBILE: DARK → FADE (LOWER) → APPLE WHITE TO FOOTER
========================================================= */
@media (max-width: 600px){
/* Kill the overlay fade so it can't wash out the hero */
body.page-id-3572 #primary::after{
content: none !important;
display: none !important;
}
/* Make #primary itself do: dark hero → fade → white for the rest */
body.page-id-3572 #primary{
background: linear-gradient(
to bottom,
#0b1220 0px,
#0b1220 545px, /* <-- FADE START (raise/lower this) */
#f5f7fb 615px, /* <-- FADE END */
#f5f7fb 100%
) !important;
}
/* Ensure the site canvas below stays Apple white */
body.page-id-3572 #content.site-content{
background: #f5f7fb !important;
}
/* Footer always readable */
body.page-id-3572 #colophon{
position: relative !important;
z-index: 5 !important;
}
}
/* =========================================================
GIVEAWAY (3572) — MOBILE FULL WIDTH
Remove Astra side gutters only
========================================================= */
@media (max-width: 600px){
body.page-id-3572 .ast-container{
padding-left: 0 !important;
padding-right: 0 !important;
max-width: 100% !important;
}
}
/* =========================================================
Page 3572 — MOBILE: stop countdown boxes from “shaking”
Targets your classes: .si-countdown_grid .si-cd .si-cd_num
========================================================= */
@media (max-width: 921px){
/* Remove tap highlight + prevent any press-zoom/active jitter */
body.page-id-3572 .si-countdown,
body.page-id-3572 .si-countdown *{
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
/* Lock the card itself (no transform/animation on press) */
body.page-id-3572 .si-countdown_grid .si-cd{
transform: translateZ(0) !important;
transition: none !important;
animation: none !important;
will-change: auto !important;
contain: layout paint;
}
/* Lock the number (stop width wiggle + stop active states) */
body.page-id-3572 .si-countdown_grid .si-cd .si-cd_num{
font-variant-numeric: tabular-nums; /* equal-width digits */
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1 !important;
min-width: 2.6ch; /* keeps the digit area steady */
transform: none !important;
transition: none !important;
animation: none !important;
user-select: none;
-webkit-user-select: none;
}
/* If the browser applies an :active press effect anywhere, kill it */
body.page-id-3572 .si-countdown_grid .si-cd:active,
body.page-id-3572 .si-countdown_grid .si-cd .si-cd_num:active,
body.page-id-3572 .si-countdown_grid .si-cd:focus,
body.page-id-3572 .si-countdown_grid .si-cd .si-cd_num:focus{
transform: none !important;
transition: none !important;
outline: none !important;
}
}
/* =========================================================
Page 3572 — MOBILE: 3 pills fixed at 235px
========================================================= */
@media (max-width: 768px){
body.page-id-3572 .si-gw-pills{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 14px !important;
padding-bottom: 18px !important;
}
body.page-id-3572 .si-gw-pills .si-gw-pill{
width: 228px !important; /* fixed width */
max-width: 90vw !important; /* safety for very small screens */
box-sizing: border-box !important;
padding: 12px 20px !important;
text-align: center !important;
justify-content: center !important;
}
}
@media (max-width: 768px){
body.page-id-3572 .si-gw-pills::after{
content:"";
display:block;
width: min(340px, 92vw);
height: 1px;
margin: 18px auto 0;
background: rgba(255,255,255,.10);
}
}
@media (max-width: 768px){
body.page-id-3572 .si-gw-pills::after{
background: linear-gradient(
to right,
rgba(255,255,255,0),
rgba(255,255,255,.12),
rgba(255,255,255,0)
) !important;
height: 1px;
}
}
@media (max-width: 768px){
body.page-id-3572 h2.wp-block-heading{
max-width: 320px;
margin: 16px auto 18px auto !important;
line-height: 1.15 !important;
text-wrap: balance;
}
}
/* =========================================================
Page 3572 — DESKTOP: make acknowledgement TEXT not clickable
(checkbox itself still clickable)
========================================================= */
@media (min-width: 922px){
/* Turn off clicking on the label text */
body.page-id-3572 .frm_forms .frm_checkbox label{
pointer-events: none !important;
cursor: default !important;
}
/* Re-enable clicking on the actual checkbox control */
body.page-id-3572 .frm_forms .frm_checkbox input[type="checkbox"]{
pointer-events: auto !important;
cursor: pointer !important;
}
/* If Formidable renders a custom "checkbox" span, keep it clickable too */
body.page-id-3572 .frm_forms .frm_checkbox .frm_checkbox{
pointer-events: auto !important;
cursor: pointer !important;
}
/* Optional: If you have an link inside the label (like "Official Rules"),
keep ONLY the link clickable */
body.page-id-3572 .frm_forms .frm_checkbox label a{
pointer-events: auto !important;
cursor: pointer !important;
}
}
/* =========================================================
SINGLE NEWS + ABOUT (Page ID 7) — Editorial Paragraph Refinement
========================================================= */
/* Base paragraph styling */
body.single-sinews .entry-content p,
body.page-id-7 .entry-content p{
font-size: 16.5px !important;
line-height: 1.65 !important;
font-weight: 400 !important;
color: #1f2937 !important;
}
/* Slightly tighten spacing between paragraphs */
body.single-sinews .entry-content p + p,
body.page-id-7 .entry-content p + p{
margin-top: 18px !important;
}
/* Lists inside content */
body.single-sinews .entry-content li,
body.page-id-7 .entry-content li{
font-size: 16.5px !important;
line-height: 1.65 !important;
font-weight: 400 !important;
color: #1f2937 !important;
}
/* Optional: slightly larger on desktop only */
@media (min-width: 922px){
body.single-sinews .entry-content p,
body.single-sinews .entry-content li,
body.page-id-7 .entry-content p,
body.page-id-7 .entry-content li{
font-size: 17px !important;
}
}
body.page-id-7 .entry-content,
body.single-sinews .entry-content{
font-synthesis: none !important;
font-synthesis-weight: none !important;
}
/* =========================================================
SINGLE BUSINESS DEALS — FORCE BIGGER LOGO FRAME
========================================================= */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-media{
height: 100px !important;
width: 100px !important;
min-width: 100px !important;
flex: 0 0 100px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #fff !important;
border-radius: 12px !important;
padding: 10px !important;
overflow: hidden !important;
}
/* kill old image sizing on single business */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-media img,
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-media picture img,
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-thumb,
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-media img:not(.si-coupon-archive-default){
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center !important;
display: block !important;
position: static !important;
inset: auto !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
/* =========================================================
DEALS ARCHIVE — FINAL OVERRIDE
MATCH SINGLE BUSINESS DEAL CARDS VISUALLY
PAGE ID: 1645
PUT THIS AT THE VERY BOTTOM OF THE CSS FILE
========================================================= */
/* -----------------------------------------
GRID
----------------------------------------- */
body.page-id-1645 .facetwp-template[data-name="coupons"]{
display:grid !important;
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
gap:24px !important;
align-items:stretch !important;
}
/* neutralize FacetWP wrappers */
body.page-id-1645 .facetwp-template[data-name="coupons"] .fwp-row,
body.page-id-1645 .facetwp-template[data-name="coupons"] .fwpl-row,
body.page-id-1645 .facetwp-template[data-name="coupons"] [class*="fwp-row"]{
display:contents !important;
}
body.page-id-1645 .facetwp-template[data-name="coupons"] .fwp-col,
body.page-id-1645 .facetwp-template[data-name="coupons"] .fwpl-col,
body.page-id-1645 .facetwp-template[data-name="coupons"] [class*="fwp-col"]{
min-width:0 !important;
width:auto !important;
max-width:none !important;
flex:none !important;
}
/* -----------------------------------------
CARD
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-card,
body.page-id-1645 .si-coupon-archive-card.has-logo{
display:flex !important;
align-items:center !important;
gap:18px !important;
background:#fff !important;
border-radius:18px !important;
padding:16px 18px !important;
box-shadow:0 10px 26px rgba(15,23,42,.10) !important;
text-decoration:none !important;
color:inherit !important;
border:0 !important;
min-height:0 !important;
height:auto !important;
overflow:hidden !important;
}
@media (hover:hover){
body.page-id-1645 .si-coupon-archive-card:hover,
body.page-id-1645 .si-coupon-archive-card.has-logo:hover{
transform:translateY(-2px) !important;
box-shadow:0 14px 34px rgba(15,23,42,.14) !important;
}
}
/* -----------------------------------------
LEFT COLUMN
----------------------------------------- */
body.page-id-1645 .si-coupon-left{
flex:0 0 100px !important;
width:100px !important;
min-width:100px !important;
max-width:100px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
}
/* -----------------------------------------
LOGO / MEDIA BOX
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-media{
width:100px !important;
min-width:100px !important;
max-width:100px !important;
height:80px !important;
min-height:80px !important;
max-height:80px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#ffffff !important;
padding:8px !important;
box-sizing:border-box !important;
overflow:hidden !important;
border-radius:0 !important;
box-shadow:none !important;
margin:0 !important;
border:0 !important;
position:relative !important;
}
body.page-id-1645 .si-coupon-archive-default{
display:none !important;
}
body.page-id-1645 .si-coupon-archive-media img:not(.si-coupon-archive-default),
body.page-id-1645 .si-coupon-archive-media picture img,
body.page-id-1645 .si-coupon-archive-thumb,
body.page-id-1645 .si-coupon-archive-media img{
width:100% !important;
height:100% !important;
max-width:100% !important;
max-height:100% !important;
object-fit:contain !important;
object-position:center !important;
border-radius:0 !important;
background:transparent !important;
display:block !important;
position:static !important;
inset:auto !important;
padding:0 !important;
margin:0 !important;
transform:none !important;
box-shadow:none !important;
outline:0 !important;
border:0 !important;
}
/* -----------------------------------------
RIGHT SIDE
----------------------------------------- */
body.page-id-1645 .si-coupon-right{
flex:1 1 auto !important;
min-width:0 !important;
display:flex !important;
align-items:center !important;
justify-content:flex-start !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
}
/* -----------------------------------------
CONTENT
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-content{
flex:1 1 auto !important;
min-width:0 !important;
width:100% !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
gap:0 !important;
padding:0 !important;
margin:0 !important;
}
/* -----------------------------------------
TITLE
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-title{
margin:0 0 6px !important;
font-size:16px !important;
font-weight:700 !important;
line-height:1.18 !important;
letter-spacing:0 !important;
color:#0f172a !important;
display:-webkit-box !important;
-webkit-line-clamp:2 !important;
-webkit-box-orient:vertical !important;
overflow:hidden !important;
min-height:0 !important;
max-height:none !important;
text-decoration:none !important;
word-break:normal !important;
}
/* -----------------------------------------
BUSINESS NAME
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-meta,
body.page-id-1645 .si-coupon-archive-meta .si-coupon-archive-biz,
body.page-id-1645 .si-coupon-archive-content > .si-coupon-archive-biz,
body.page-id-1645 .si-coupon-archive-biz{
font-size:16px !important;
font-weight:500 !important;
color:#334155 !important;
line-height:1.25 !important;
margin-top:6px !important;
margin-bottom:10px !important;
display:block !important;
min-height:0 !important;
background:none !important;
border:0 !important;
padding:0 !important;
border-radius:0 !important;
overflow:hidden !important;
word-break:normal !important;
}
/* -----------------------------------------
HIDE UNUSED EXTRA STUFF
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-desc,
body.page-id-1645 .si-coupon-hidden,
body.page-id-1645 .si-coupon-archive-cat{
display:none !important;
}
/* -----------------------------------------
EXPIRY
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-expiry{
display:flex !important;
align-items:baseline !important;
gap:8px !important;
flex-wrap:nowrap !important;
margin:0 !important;
padding-top:0 !important;
font-size:13px !important;
line-height:1.2 !important;
color:rgba(15,23,42,.65) !important;
white-space:nowrap !important;
}
body.page-id-1645 .si-coupon-archive-exp-label{
font-size:13px !important;
font-weight:400 !important;
color:rgba(15,23,42,.55) !important;
white-space:nowrap !important;
margin:0 !important;
letter-spacing:0 !important;
text-transform:none !important;
}
body.page-id-1645 .si-coupon-archive-exp,
body.page-id-1645 .si-coupon-archive-expiry span:last-child,
body.page-id-1645 .si-coupon-archive-expiry strong,
body.page-id-1645 .si-coupon-archive-expiry b{
font-size:13px !important;
font-weight:700 !important;
color:#0f172a !important;
white-space:nowrap !important;
}
/* -----------------------------------------
TABLET
----------------------------------------- */
@media (max-width:1024px){
body.page-id-1645 .facetwp-template[data-name="coupons"]{
grid-template-columns:1fr !important;
gap:20px !important;
}
}
/* -----------------------------------------
MOBILE
----------------------------------------- */
@media (max-width:767px){
body.page-id-1645 .facetwp-template[data-name="coupons"]{
grid-template-columns:1fr !important;
gap:18px !important;
}
body.page-id-1645 .si-coupon-archive-card,
body.page-id-1645 .si-coupon-archive-card.has-logo{
gap:16px !important;
padding:16px 16px !important;
border-radius:18px !important;
}
body.page-id-1645 .si-coupon-left{
flex:0 0 100px !important;
width:100px !important;
min-width:100px !important;
max-width:100px !important;
}
body.page-id-1645 .si-coupon-archive-media{
width:100px !important;
min-width:100px !important;
max-width:100px !important;
height:80px !important;
min-height:80px !important;
max-height:80px !important;
padding:8px !important;
}
body.page-id-1645 .si-coupon-archive-title{
font-size:16px !important;
line-height:1.18 !important;
margin-bottom:8px !important;
}
body.page-id-1645 .si-coupon-archive-meta,
body.page-id-1645 .si-coupon-archive-meta .si-coupon-archive-biz,
body.page-id-1645 .si-coupon-archive-content > .si-coupon-archive-biz,
body.page-id-1645 .si-coupon-archive-biz{
font-size:15px !important;
margin-bottom:8px !important;
}
body.page-id-1645 .si-coupon-archive-expiry{
font-size:13px !important;
gap:6px !important;
}
body.page-id-1645 .si-coupon-archive-exp-label,
body.page-id-1645 .si-coupon-archive-exp,
body.page-id-1645 .si-coupon-archive-expiry span:last-child{
font-size:13px !important;
}
}
/* =========================================================
DEALS ARCHIVE — MOBILE BALANCE FIX
remove fixed heights, keep expiry lower, prevent edge-clipping
PUT THIS AT THE VERY BOTTOM
========================================================= */
/* ---------- CARD ---------- */
body.page-id-1645 .si-coupon-archive-card,
body.page-id-1645 .si-coupon-archive-card.has-logo{
min-height: 0 !important;
height: auto !important;
align-items: stretch !important;
}
/* ---------- CONTENT STACK ---------- */
body.page-id-1645 .si-coupon-right{
align-items: stretch !important;
}
body.page-id-1645 .si-coupon-archive-content{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
min-height: 100% !important;
}
/* ---------- TITLE ----------
Reserve 2 clean lines so short titles don't collapse the card too much
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-title{
margin: 0 0 8px !important;
line-height: 1.18 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
min-height: calc(1.18em * 2) !important;
max-height: calc(1.18em * 2) !important;
}
/* ---------- BUSINESS NAME ----------
Reserve one consistent line so expiry sits lower on short cards
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-meta,
body.page-id-1645 .si-coupon-archive-meta .si-coupon-archive-biz,
body.page-id-1645 .si-coupon-archive-content > .si-coupon-archive-biz,
body.page-id-1645 .si-coupon-archive-biz{
line-height: 1.25 !important;
min-height: calc(1.25em * 1) !important;
margin-top: 0 !important;
margin-bottom: 10px !important;
}
/* ---------- EXPIRY ----------
Push to bottom, but keep a little breathing room above it
----------------------------------------- */
body.page-id-1645 .si-coupon-archive-expiry{
margin-top: auto !important;
padding-top: 8px !important;
min-height: 1.2em !important;
}
/* =========================================================
MOBILE ONLY
========================================================= */
@media (max-width: 767px){
/* remove all old fixed-height mobile behavior */
body.page-id-1645 .si-coupon-archive-card,
body.page-id-1645 .si-coupon-archive-card.has-logo{
min-height: 0 !important;
height: auto !important;
padding: 14px 14px !important;
gap: 14px !important;
align-items: stretch !important;
}
/* keep mobile image balanced */
body.page-id-1645 .si-coupon-left{
flex: 0 0 92px !important;
width: 92px !important;
min-width: 92px !important;
max-width: 92px !important;
align-items: center !important;
}
body.page-id-1645 .si-coupon-archive-media{
width: 92px !important;
min-width: 92px !important;
max-width: 92px !important;
height: 90px !important;
min-height: 90px !important;
max-height: 90px !important;
padding: 8px !important;
}
/* slightly tighter title so long offers don't feel jammed */
body.page-id-1645 .si-coupon-archive-title{
font-size: 15px !important;
line-height: 1.17 !important;
margin: 0 0 7px !important;
min-height: calc(1.17em * 2) !important;
max-height: calc(1.17em * 2) !important;
}
body.page-id-1645 .si-coupon-archive-meta,
body.page-id-1645 .si-coupon-archive-meta .si-coupon-archive-biz,
body.page-id-1645 .si-coupon-archive-content > .si-coupon-archive-biz,
body.page-id-1645 .si-coupon-archive-biz{
font-size: 14px !important;
line-height: 1.22 !important;
min-height: calc(1.22em * 1) !important;
margin-bottom: 9px !important;
}
body.page-id-1645 .si-coupon-archive-expiry{
font-size: 12px !important;
gap: 6px !important;
padding-top: 8px !important;
}
body.page-id-1645 .si-coupon-archive-exp-label,
body.page-id-1645 .si-coupon-archive-exp,
body.page-id-1645 .si-coupon-archive-expiry span:last-child{
font-size: 12px !important;
}
}
/* =========================================================
DEALS ARCHIVE — HARD OVERRIDE FOR CONTENT STACK
PAGE 1645
PUT THIS AT THE VERY BOTTOM
========================================================= */
@media (max-width: 768px){
/* card must stretch, not center */
body.page-id-1645 a.si-coupon-archive-card,
body.page-id-1645 a.si-coupon-archive-card.has-logo{
align-items: stretch !important;
min-height: 0 !important;
height: auto !important;
}
/* right column must stretch full height */
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right{
display: flex !important;
align-items: stretch !important;
min-width: 0 !important;
width: 100% !important;
}
/* content column must be a true vertical stack */
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content{
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: flex-start !important;
min-width: 0 !important;
width: 100% !important;
height: 100% !important;
flex: 1 1 auto !important;
gap: 0 !important;
}
/* title spacing */
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content > .si-coupon-archive-title{
margin: 0 0 8px !important;
line-height: 1.18 !important;
min-height: calc(1.18em * 2) !important;
}
/* business name spacing */
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content > .si-coupon-archive-biz{
margin: 0 0 10px !important;
line-height: 1.22 !important;
min-height: calc(1.22em * 1) !important;
display: block !important;
}
/* expiry MUST push to bottom */
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content > .si-coupon-archive-expiry{
margin-top: auto !important;
padding-top: 10px !important;
margin-bottom: 0 !important;
display: flex !important;
align-items: baseline !important;
gap: 8px !important;
width: 100% !important;
}
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content > .si-coupon-archive-expiry > .si-coupon-archive-exp-label,
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content > .si-coupon-archive-expiry > .si-coupon-archive-exp{
font-size: 12px !important;
}
}
/* =========================================================
DEALS ARCHIVE — FIX CLIPPED EXPIRY ON MOBILE
PAGE 1645
PUT AT VERY BOTTOM
========================================================= */
@media (max-width: 768px){
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content > .si-coupon-archive-expiry{
gap: 5px !important;
padding-top: 8px !important;
font-size: 11px !important;
line-height: 1.15 !important;
white-space: nowrap !important;
overflow: hidden !important;
}
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content > .si-coupon-archive-expiry > .si-coupon-archive-exp-label,
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content > .si-coupon-archive-expiry > .si-coupon-archive-exp{
font-size: 11px !important;
line-height: 1.15 !important;
white-space: nowrap !important;
}
}
body.page-id-1645 a.si-coupon-archive-card > .si-coupon-right > .si-coupon-archive-content > .si-coupon-archive-title{
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
line-height: 1.18 !important;
min-height: calc(1.18em * 2) !important;
max-height: calc(1.18em * 2) !important;
margin: 0 0 8px !important;
}
/* =========================================================
SINGLE BUSINESS DEALS — MOBILE ONLY
MATCH DEALS ARCHIVE EXACTLY
========================================================= */
@media (max-width: 767px){
/* card */
body.single-sibusinesses .si-business-single__deals-grid a.si-coupon-archive-card,
body.single-sibusinesses .si-business-single__deals-grid a.si-coupon-archive-card.has-logo{
align-items: center !important;
height: auto !important;
min-height: 0 !important;
padding: 14px !important;
gap: 14px !important;
}
/* content column */
body.single-sibusinesses .si-business-single__deals-grid a.si-coupon-archive-card > .si-coupon-archive-content{
height: auto !important;
min-height: 0 !important;
justify-content: flex-start !important;
align-items: flex-start !important;
gap: 0 !important;
padding: 0 !important;
}
/* logo box */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-media{
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
height: 100px !important;
min-height: 100px !important;
max-height: 100px !important;
}
/* logo image */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-media img,
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-thumb,
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-default{
width: 92% !important;
height: 92% !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
/* title */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-title{
margin: 0 0 6px !important;
line-height: 1.2 !important;
}
/* meta wrapper */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-meta{
display: block !important;
margin: 0 0 6px !important;
padding: 0 !important;
min-height: 0 !important;
gap: 0 !important;
align-items: flex-start !important;
}
/* THIS is the real business-name element */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-meta .si-coupon-archive-biz,
body.single-sibusinesses .si-business-single__deals-grid span.si-coupon-archive-biz,
body.single-sibusinesses .si-business-single__deals-grid div.si-coupon-archive-biz{
display: block !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1.22 !important;
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
}
/* expiry */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-expiry{
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important;
line-height: 1.2 !important;
}
/* prevent old mobile rule from pushing expiry down */
body.single-sibusinesses .si-business-single__deals-grid a.si-coupon-archive-card > .si-coupon-archive-content > .si-coupon-archive-expiry{
margin-top: 0 !important;
padding-top: 0 !important;
}
}
/* match archive expiry size on single business mobile */
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-expiry{
margin: 0 !important;
padding: 0 !important;
gap: 5px !important;
align-items: baseline !important;
}
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-exp-label,
body.single-sibusinesses .si-business-single__deals-grid .si-coupon-archive-exp{
font-size: 11px !important;
line-height: 1.15 !important;
}
/* FORCE confirmation content to match news width */
body.page-id-2446 .ast-article-single,
body.page-id-1638 .ast-article-single,
body.page-id-10 .ast-article-single,
body.page-id-11 .ast-article-single,
body.page-id-8 .ast-article-single{
max-width: 900px !important;
margin: 0 auto !important;
}
/* =========================================================
ALL CONFIRMATION PAGES — NORMAL TOP SPACE + WIDE TEXT
Business = 2446
Deals = 1638
Events = 10
Jobs = 11
News = 8
========================================================= */
/* 1) Kill old full-height / flex centering rules */
body.page-id-2446 main#main,
body.page-id-1638 main#main,
body.page-id-10 main#main,
body.page-id-11 main#main,
body.page-id-8 main#main{
min-height: auto !important;
display: block !important;
align-items: initial !important;
justify-content: initial !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* 2) Remove weird top gap from wrappers */
body.page-id-2446 .site-content,
body.page-id-1638 .site-content,
body.page-id-10 .site-content,
body.page-id-11 .site-content,
body.page-id-8 .site-content,
body.page-id-2446 .ast-container,
body.page-id-1638 .ast-container,
body.page-id-10 .ast-container,
body.page-id-11 .ast-container,
body.page-id-8 .ast-container,
body.page-id-2446 #primary,
body.page-id-1638 #primary,
body.page-id-10 #primary,
body.page-id-11 #primary,
body.page-id-8 #primary{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* 3) Give normal readable page spacing */
body.page-id-2446 article,
body.page-id-1638 article,
body.page-id-10 article,
body.page-id-11 article,
body.page-id-8 article{
padding-top: 28px !important;
padding-bottom: 56px !important;
}
/* 4) Make the content area wide like news text */
body.page-id-2446 .ast-container,
body.page-id-1638 .ast-container,
body.page-id-10 .ast-container,
body.page-id-11 .ast-container,
body.page-id-8 .ast-container{
max-width: 1200px !important;
width: 100% !important;
padding-left: 24px !important;
padding-right: 24px !important;
display: block !important;
}
/* 5) Let primary/content use full available width */
body.page-id-2446 #primary,
body.page-id-1638 #primary,
body.page-id-10 #primary,
body.page-id-11 #primary,
body.page-id-8 #primary,
body.page-id-2446 .content-area,
body.page-id-1638 .content-area,
body.page-id-10 .content-area,
body.page-id-11 .content-area,
body.page-id-8 .content-area{
width: 100% !important;
max-width: 100% !important;
flex: none !important;
}
/* 6) Widen Gutenberg text content */
body.page-id-2446 .entry-content,
body.page-id-1638 .entry-content,
body.page-id-10 .entry-content,
body.page-id-11 .entry-content,
body.page-id-8 .entry-content{
max-width: 900px !important;
margin: 0 auto !important;
}
/* 7) Widen alignwide blocks if used */
body.page-id-2446 .entry-content > .alignwide,
body.page-id-1638 .entry-content > .alignwide,
body.page-id-10 .entry-content > .alignwide,
body.page-id-11 .entry-content > .alignwide,
body.page-id-8 .entry-content > .alignwide{
max-width: 1100px !important;
}
/* 8) Remove default entry header gap if present */
body.page-id-2446 .entry-header,
body.page-id-1638 .entry-header,
body.page-id-10 .entry-header,
body.page-id-11 .entry-header,
body.page-id-8 .entry-header{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
/* SINGLE BUSINESS — REDUCE SPACE ABOVE CARD (MOBILE ONLY) */
@media (max-width: 767px) {
body.single-sibusinesses .ast-container {
padding-top: 8px !important;
}
}
/* =========================================================
HOMEPAGE HERO + WHAT'S NEW
MOBILE + DESKTOP POLISH
Page ID: 1542
========================================================= */
/* -------------------------
MOBILE
------------------------- */
@media (max-width: 767px){
/* Hero title */
body.page-id-1542 .entry-content > h2{
font-size: 26px !important;
line-height: 1.15 !important;
letter-spacing: -0.02em !important;
margin-top: 18px !important;
margin-bottom: 14px !important;
}
/* Hero subtitle */
body.page-id-1542 .si-hero-subtitle{
line-height: 1.55 !important;
max-width: 92% !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* What's New title */
body.page-id-1542 .si-whats-new-title{
font-size: 22px !important;
line-height: 1.08 !important;
margin-bottom: 10px !important;
}
/* What's New subtitle */
body.page-id-1542 .si-whats-new-subtitle{
line-height: 1.45 !important;
}
}
/* -------------------------
DESKTOP
------------------------- */
@media (min-width: 768px){
/* Hero title */
body.page-id-1542 .entry-content > h2{
margin-top: 20px !important;
margin-bottom: 12px !important;
}
/* Hero subtitle width */
body.page-id-1542 .entry-content > p,
body.page-id-1542 .si-hero-subtitle{
max-width: 680px !important;
margin-left: auto !important;
margin-right: auto !important;
line-height: 1.55 !important;
}
/* What's New title */
body.page-id-1542 .si-whats-new-title{
font-size: 26px !important;
line-height: 1.2 !important;
}
}
/* 3) Hero text spacing */
body.page-id-1542 .entry-content > h2{
margin-top: 14px !important;
margin-bottom: 10px !important;
}
body.page-id-1542 .si-hero-subtitle{
margin-bottom: 25px !important;
}
@media (max-width: 767px){
body.page-id-2789 .si-job-indeed-card{
height: auto !important;
min-height: 0 !important;
}
body.page-id-2789 .si-job-indeed-card__title{
min-height: 0 !important;
margin-bottom: 4px !important;
}
body.page-id-2789 .si-job-indeed-card__company{
min-height: 0 !important;
}
}
@media (min-width: 768px){
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-name{
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
line-height: 1.25 !important;
min-height: calc(1.25em * 2) !important;
margin: 0 0 12px !important;
}
body.page-id-2506 .facetwp-template[data-name="businesses"] .si-business-meta{
margin: 0 0 10px !important;
line-height: 1.15 !important;
}
}