:root{--sag-black:#000;--sag-green:#16967f;--sag-blue:#052A65;--sag-light:#F5F7FA;--sag-text:#111827;--sag-white:#fff;--sag-border:#E5E7EB}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;background:var(--sag-light);color:var(--sag-text);line-height:1.7}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}ul{list-style:none}.sag-container{width:100%;max-width:1380px;margin:0 auto;padding:0 20px}.sag-site-header{position:sticky;top:0;z-index:999;background:#000;border-bottom:1px solid rgba(255,255,255,.06);transition:.3s}.sag-header-scrolled{background:rgba(0,0,0,.92);backdrop-filter:blur(10px);box-shadow:0 6px 24px rgba(0,0,0,.18)}.sag-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px}.sag-logo img{max-height:42px}.sag-logo span{color:#fff;font-weight:900;font-size:24px}.sag-main-nav{flex:1;display:flex;justify-content:center}.sag-menu{display:flex;align-items:center;gap:32px}.sag-menu li{position:relative}.sag-menu li a{color:#fff;font-size:15px;font-weight:600;position:relative}.sag-menu li a:hover{color:var(--sag-green)}.sag-menu .sub-menu{position:absolute;top:100%;left:0;min-width:240px;background:#0B0B0B;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;box-shadow:0 20px 50px rgba(0,0,0,.35)}.sag-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.sag-menu .sub-menu li a{display:block;padding:10px 12px;color:#D1D5DB;border-radius:8px}.sag-header-actions{display:flex;align-items:center;gap:14px}.sag-search-btn{background:none;border:none;color:#fff;cursor:pointer;font-weight:600}.sag-subscribe-btn,.sag-primary-btn{background:var(--sag-green);color:#000;padding:12px 20px;border-radius:6px;font-weight:800}.sag-mobile-toggle{display:none;background:none;border:none;color:#fff;font-size:24px}.sag-search-overlay{position:fixed;inset:0;background:rgba(0,0,0,.96);display:none;align-items:center;justify-content:center;z-index:9999}.sag-search-overlay.active{display:flex}.sag-search-overlay form{width:100%;max-width:700px;display:flex;gap:12px}.sag-search-overlay input{flex:1;height:64px;border:none;border-radius:8px;padding:0 20px;font-size:18px}.sag-search-overlay button,.sag-newsletter-form button{height:52px;padding:0 22px;border:none;border-radius:6px;background:var(--sag-green);font-weight:800;cursor:pointer}.sag-search-close{position:absolute;top:40px;right:40px;background:none;border:none;color:#fff;font-size:40px}.sag-mobile-menu{position:fixed;top:0;right:-100%;width:86%;max-width:380px;height:100vh;background:#000;color:#fff;z-index:99999;padding:28px;transition:.35s;overflow-y:auto}.sag-mobile-menu.active{right:0}.sag-mobile-close{position:absolute;top:18px;right:22px;background:none;border:none;color:#fff;font-size:34px}.sag-mobile-logo{margin-bottom:36px}.sag-mobile-nav{display:flex;flex-direction:column;gap:18px}.sag-mobile-nav li a{color:#fff;font-size:18px;font-weight:700}.sag-hero-slider{padding:40px 0;background:#000}.sag-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.sag-hero-main{position:relative;min-height:560px;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff}.sag-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.25))}.sag-hero-content{position:relative;z-index:2;padding:42px;max-width:760px}.sag-category-badge,.sag-card-category{display:inline-block;background:var(--sag-green);color:#000;font-size:12px;font-weight:800;text-transform:uppercase;padding:7px 12px;border-radius:999px;margin-bottom:18px}.sag-hero-content h1{font-family:Poppins,Arial,sans-serif;font-size:48px;line-height:1.15;margin-bottom:16px}.sag-hero-content p{color:#E5E7EB;font-size:17px;margin-bottom:18px}.sag-hero-meta{display:flex;gap:10px;color:#D1D5DB;font-size:14px}.sag-hero-list{display:flex;flex-direction:column;gap:14px}.sag-hero-list-item{display:grid;grid-template-columns:110px 1fr;gap:14px;background:#111;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;cursor:pointer;transition:.3s}.sag-hero-list-item.active,.sag-hero-list-item:hover{border-color:var(--sag-green);background:#171717}.sag-hero-list-item img{width:110px;height:82px;object-fit:cover;border-radius:10px}.sag-hero-list-item span{display:block;color:var(--sag-green);font-size:11px;font-weight:800;text-transform:uppercase;margin-bottom:6px}.sag-hero-list-item h3{color:#fff;font-size:15px;line-height:1.35}.sag-latest-section,.sag-category-posts,.sag-author-posts,.sag-category-block{padding:70px 0}.sag-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:37px}.sag-section-kicker{display:block;color:var(--sag-green);font-size:13px;font-weight:800;text-transform:uppercase;margin-bottom:8px}.sag-section-header h2{font-family:Poppins,Arial,sans-serif;font-size:38px;line-height:1.2}.sag-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sag-post-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:.3s}.sag-post-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.1)}.sag-post-thumb{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:#ddd}.sag-post-thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}.sag-post-card:hover .sag-post-thumb img{transform:scale(1.06)}.sag-card-category{position:absolute;top:14px;left:14px;margin:0;font-size:11px;padding:6px 10px}.sag-post-card-content{padding:22px}.sag-post-card-content h3{font-family:Poppins,Arial,sans-serif;font-size:21px;line-height:1.35;margin-bottom:12px}.sag-post-card-content h3 a:hover{color:var(--sag-green)}.sag-post-card-content p{color:#4B5563;font-size:15px;margin-bottom:18px}.sag-card-meta{display:flex;flex-wrap:wrap;gap:8px;color:#6B7280;font-size:13px}.sag-thumb-placeholder{width:100%;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;padding:20px;background:#111;color:#fff;font-weight:800;text-align:center}.sag-ad-slot{background:#fff;border:1px dashed #CBD5E1;border-radius:16px;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6B7280;margin:30px auto}.sag-ad-slot span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.sag-ad-code{width:100%;min-height:250px;display:flex;align-items:center;justify-content:center}.sag-category-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:33px}.sag-tab-btn{border:none;background:#fff;color:#111827;padding:10px 18px;border-radius:999px;font-weight:800;cursor:pointer}.sag-tab-btn.active,.sag-tab-btn:hover{background:var(--sag-green);color:#000}.sag-article-grid.loading{opacity:.45;pointer-events:none}.sag-load-more-wrap{display:flex;justify-content:center;margin-top:42px}.sag-load-more-btn{border:none;background:#000;color:#fff;padding:14px 28px;border-radius:999px;font-weight:800;cursor:pointer}.sag-trending-section{padding:70px 0;background:#fff}.sag-trending-grid,.sag-category-block-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:28px}.sag-trending-main{position:relative;border-radius:18px;overflow:hidden;min-height:430px}.sag-trending-main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.sag-trending-main:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.15))}.sag-trending-main-content{position:absolute;z-index:2;left:32px;right:32px;bottom:32px;color:#fff}.sag-trending-main-content h3{font-family:Poppins,Arial,sans-serif;font-size:34px;line-height:1.2;margin:14px 0}.sag-trending-small,.sag-category-small{background:#F9FAFB;border-radius:14px;padding:14px;margin-bottom:14px;box-shadow:0 8px 24px rgba(0,0,0,.05)}.sag-trending-small a,.sag-category-small a{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center}.sag-trending-small img,.sag-category-small img{width:96px;height:76px;object-fit:cover;border-radius:10px}.sag-trending-small h4,.sag-category-small h3{font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.35}.sag-newsletter-section{padding:54px 0 48px;background:#fff}.sag-newsletter-box{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:34px;align-items:center;background:#f7fbf8;border:1px solid #ddeeea;border-radius:18px;padding:36px 42px;box-shadow:0 12px 34px rgba(17,24,39,.05)}.sag-newsletter-box h2{font-family:Inter,Arial,sans-serif;color:#111827;font-size:30px;line-height:1.24;font-weight:600;letter-spacing:-.02em;margin-bottom:10px;max-width:560px}.sag-newsletter-box p{color:#4b5563;font-size:15px;line-height:1.6;font-weight:400;margin:0}.sag-newsletter-form{display:flex;flex-direction:column;gap:12px}.sag-newsletter-form input{height:48px;border:1px solid #d1d5db;border-radius:10px;padding:0 15px;font-size:14px;background:#fff;color:#111827}.sag-newsletter-inline{flex-direction:row}.sag-newsletter-inline input{flex:1}.sag-single-hero,.sag-category-hero,.sag-author-hero{background:#000;color:#fff;padding:70px 0 50px}.sag-single-hero-inner,.sag-category-hero-inner{max-width:960px}.sag-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#9CA3AF;font-size:14px;margin-bottom:24px}.sag-single-hero h1,.sag-category-hero h1,.sag-author-hero-content h1{font-family:Poppins,Arial,sans-serif;font-size:56px;line-height:1.12;margin:18px 0}.sag-single-excerpt,.sag-category-hero p,.sag-author-hero-content p{font-size:20px;color:#D1D5DB;max-width:820px;margin-bottom:24px}.sag-single-meta{display:flex;flex-wrap:wrap;gap:10px;color:#CBD5E1;font-size:15px}.sag-featured-image{margin:40px 0;border-radius:18px;overflow:hidden}.sag-featured-image img{width:100%;max-height:640px;object-fit:cover}.sag-single-layout{display:grid;grid-template-columns:70px minmax(0,820px) 320px;gap:36px;align-items:start}.sag-single-content{background:#fff;padding:44px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.sag-single-content p{font-size:19px;line-height:1.85;margin-bottom:24px}.sag-single-content h2{font-family:Poppins,Arial,sans-serif;font-size:34px;line-height:1.25;margin:46px 0 18px}.sag-single-content h3{font-family:Poppins,Arial,sans-serif;font-size:26px;margin:34px 0 16px}.sag-share-bar,.sag-single-sidebar{position:sticky;top:120px}.sag-share-bar{display:flex;flex-direction:column;gap:12px}.sag-share-bar a{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 8px 20px rgba(0,0,0,.08)}.sag-sidebar-widget,.sag-author-box{background:#fff;border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.sag-author-box{display:flex;gap:20px;background:#F9FAFB;border:1px solid var(--sag-border);margin-top:50px}.sag-author-avatar img,.sag-author-hero-avatar img{border-radius:50%}.sag-author-hero-inner{display:flex;align-items:center;gap:36px;max-width:980px}.sag-author-hero-avatar img{border:4px solid var(--sag-green)}.sag-toc{background:#F9FAFB;border:1px solid var(--sag-border);border-radius:14px;padding:22px;margin-bottom:32px}.sag-toc ul{margin:0;padding:0;list-style:none}.sag-toc li{margin-bottom:10px}.sag-site-footer{background:#000;color:#fff;margin-top:48px}.sag-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:80px 20px}.sag-footer-links{display:flex;flex-direction:column;gap:14px}.sag-footer-links h4,.sag-footer-newsletter h4{margin-bottom:16px;color:var(--sag-green)}.sag-footer-links a{color:#D1D5DB}.sag-footer-bottom{border-top:1px solid rgba(255,255,255,.08);text-align:center;padding:24px;color:#9CA3AF;font-size:14px}.sag-error-page{min-height:70vh;display:flex;align-items:center;background:#000;color:#fff;text-align:center}.sag-error-inner{max-width:760px}.sag-error-inner h1{font-family:Poppins,Arial,sans-serif;font-size:64px}.sag-error-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.sag-secondary-btn{border:1px solid rgba(255,255,255,.25);color:#fff;padding:12px 20px;border-radius:6px;font-weight:800} /* ===================================================== SEJ OLD-STYLE VISUAL UPDATE v2 White magazine layout + SEJ-like hero section ===================================================== */ :root{ --sag-green:#16967f; --sag-black:#000000; --sag-text:#111111; --sag-muted:#666666; --sag-border:#e5e5e5; --sag-light:#ffffff; } body{ font-family: Arial, Helvetica, sans-serif; background:#fff; color:#111; line-height:1.55; } .sag-container{ max-width:1280px; } /* Header like old SEJ: white, thin, clean */ .sag-site-header{ background:#fff !important; border-bottom:1px solid #e5e5e5; box-shadow:none; } .sag-header-inner{ min-height:52px; } .sag-logo img{ max-height:32px; } .sag-menu{ gap:28px; } .sag-menu li a, .sag-search-btn{ color:#111 !important; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1; font-weight:500; text-transform:uppercase; letter-spacing:.01em; } .sag-menu li a:hover, .sag-search-btn:hover{ color:#111 !important; } .sag-menu li a::after{ display:none; } .sag-subscribe-btn{ background:#fff; color:#111; border:1px solid #111; border-radius:0; padding:8px 14px; font-size:12px; text-transform:uppercase; } .sag-mobile-toggle{ color:#111; } .sag-header-scrolled{ background:#fff !important; backdrop-filter:none; box-shadow:0 2px 14px rgba(0,0,0,.08); } /* SEJ old-style hero */ .sag-hero-slider{ padding:0; background:#fff; } .sag-hero-slider .sag-container{ max-width:none; padding:0; } .sag-hero-grid{ display:grid; grid-template-columns:minmax(0, 72%) minmax(320px, 28%); gap:0; min-height:530px; } .sag-hero-main{ min-height:530px; border-radius:0; overflow:hidden; background-size:cover; background-position:center; display:flex; align-items:flex-end; position:relative; } .sag-hero-overlay{ background:linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.38) 48%, rgba(0,0,0,.02) 100%), linear-gradient(0deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.18) 62%, rgba(0,0,0,0) 100%); } .sag-hero-content{ padding:0 38px 58px 38px; max-width:760px; } .sag-category-badge, .sag-hero-content .sag-category-badge{ background:transparent; color:var(--sag-green); padding:0; border-radius:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:800; text-transform:uppercase; margin-bottom:12px; } .sag-hero-content h1{ font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:1.08; font-weight:900; letter-spacing:-1.6px; margin:0 0 18px; color:#fff; max-width:720px; } .sag-hero-content p{ display:none; } .sag-hero-meta{ color:#bdbdbd; font-size:14px; font-weight:400; } .sag-hero-meta span:first-child::before{ content:'By '; color:#bdbdbd; } /* Right side headline rail */ .sag-hero-list{ background:#fff; display:flex; flex-direction:column; gap:0; border-left:1px solid #f1f1f1; } .sag-hero-list-item{ display:flex; align-items:center; min-height:132px; padding:26px 24px; border:0; border-bottom:1px solid #efefef; border-radius:0; background:#fff; transition:background .2s ease, color .2s ease; cursor:pointer; } .sag-hero-list-item img{ display:none; } .sag-hero-list-item span{ color:var(--sag-green); font-size:10px; line-height:1; font-weight:800; text-transform:uppercase; margin-bottom:7px; } .sag-hero-list-item h3{ font-family:Arial, Helvetica, sans-serif; color:#111; font-size:18px; line-height:1.18; font-weight:900; letter-spacing:-.25px; margin:0; } .sag-hero-list-item.active, .sag-hero-list-item:hover{ background:var(--sag-green); border-color:var(--sag-green); } .sag-hero-list-item.active span, .sag-hero-list-item:hover span{ color:#fff; } .sag-hero-list-item.active h3, .sag-hero-list-item:hover h3{ color:#fff; } /* White magazine sections */ .sag-latest-section, .sag-category-block, .sag-category-block:nth-of-type(even), .sag-trending-section, .sag-category-posts{ background:#fff !important; } .sag-latest-section, .sag-trending-section, .sag-category-block{ padding:42px 0; } .sag-section-header h2{ font-family:Arial, Helvetica, sans-serif; font-size:34px; font-weight:900; letter-spacing:-.8px; color:#111; } .sag-section-kicker{ color:var(--sag-green); font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:800; } .sag-post-card{ box-shadow:none; border-radius:0; background:#fff; } .sag-post-card:hover{ transform:none; box-shadow:none; } .sag-post-thumb{ border-radius:0; } .sag-card-category{ background:transparent; color:var(--sag-green); border-radius:0; padding:0; top:auto; left:auto; position:relative; display:block; margin-bottom:10px; } .sag-post-card-content{ padding:20px 0 0; } .sag-post-card-content h3{ font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:1.12; font-weight:900; letter-spacing:-.7px; } .sag-post-card-content h3 a:hover{ color:#111; } .sag-post-card-content p{ font-size:16px; line-height:1.55; color:#333; } .sag-card-meta{ color:#333; font-size:14px; } .sag-card-meta span:first-child{ color:var(--sag-green); font-weight:800; } .sag-ad-slot{ border:0; border-radius:0; background:#fff; margin:28px auto; } /* Homepage newsletter */ .sag-newsletter-section{ padding:54px 0 48px; background:#fff; } .sag-newsletter-box{ display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr); gap:34px; align-items:center; background:#f7fbf8; border:1px solid #ddeeea; border-radius:18px; padding:36px 42px; box-shadow:0 12px 34px rgba(17,24,39,.05); } .sag-newsletter-content .sag-section-kicker{ color:var(--sag-green); font-size:12px; font-weight:600; letter-spacing:.08em; margin-bottom:9px; } .sag-newsletter-box h2{ font-family:Inter,Arial,sans-serif; color:#111827; font-size:30px; line-height:1.24; font-weight:600; letter-spacing:-.02em; margin-bottom:10px; max-width:560px; } .sag-newsletter-box p{ color:#4b5563; font-size:15px; line-height:1.6; font-weight:400; margin:0; } .sag-newsletter-form{ display:flex; flex-direction:column; gap:12px; } .sag-newsletter-inline{ flex-direction:row; align-items:center; gap:12px; } .sag-newsletter-inline input{ flex:1; } .sag-newsletter-form input{ height:48px; border:1px solid #d1d5db; border-radius:10px; padding:0 15px; font-size:14px; background:#fff; color:#111827; } .sag-newsletter-box .sag-newsletter-form button{ height:48px; padding:0 20px; border:0; border-radius:10px; background:var(--sag-green); color:#fff; font-size:14px; font-weight:600; cursor:pointer; white-space:nowrap; } .sag-site-footer{ background:#000; } /* ========================================================= SEJ Feed v3: homepage below-hero section ========================================================= */ body{ background:#fff !important; } .sag-sej-feed-section{ background:#fff !important; padding:0 0 42px !important; } .sag-sej-tabs{ display:flex; align-items:center; gap:52px; border-top:0 !important; margin:0 0 26px !important; padding:0 !important; min-height:38px; overflow-x:auto; flex-wrap:nowrap; } .sag-sej-tabs .sag-tab-btn{ background:transparent !important; border:0 !important; border-radius:0 !important; padding:0 0 8px !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:16px !important; font-weight:400 !important; line-height:1 !important; position:relative; white-space:nowrap; box-shadow:none !important; cursor:pointer !important; will-change:auto !important; } .sag-sej-tabs .sag-tab-btn.active::after, .sag-sej-tabs .sag-tab-btn:hover::after{ content:''; position:absolute; left:0; bottom:0; width:28px; height:2px; background:var(--sag-green); } .sag-sej-tabs .sag-tab-btn.active, .sag-sej-tabs .sag-tab-btn:hover{ color:#111 !important; transform:none !important; } .sag-sej-feed-layout{ display:grid; grid-template-columns:minmax(0, 1fr) 405px; gap:72px; align-items:start; } .sag-sej-post-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:54px 44px !important; } .sag-sej-post-card{ position:relative; background:#fff !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important; transform:none !important; } .sag-sej-post-card:hover{ box-shadow:none !important; transform:none !important; } .sag-sej-card-cats{ color:var(--sag-green); font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1; font-weight:800; text-transform:uppercase; margin-bottom:12px; } .sag-sej-post-thumb{ display:block; aspect-ratio: 16 / 8.45 !important; border-radius:0 !important; overflow:hidden; background:#e5e5e5; } .sag-sej-post-thumb img{ width:100%; height:100%; object-fit:cover; border-radius:0 !important; transition:none !important; } .sag-sej-post-card:hover .sag-sej-post-thumb img{ transform:none !important; } .sag-sej-author-avatar{ position:absolute; left:24px; top:242px; width:72px; height:72px; border-radius:50%; overflow:hidden; display:block; z-index:5; background:#fff; box-shadow:0 0 0 0 #fff; } .sag-sej-author-avatar img{ width:72px; height:72px; object-fit:cover; border-radius:50%; } .sag-sej-card-content{ padding:38px 0 0 !important; } .sag-sej-card-content h3{ font-family:Arial, Helvetica, sans-serif !important; font-size:26px !important; line-height:1.12 !important; letter-spacing:-.7px !important; font-weight:900 !important; margin:0 0 10px !important; color:#111 !important; } .sag-sej-card-content h3 a{ color:#111 !important; } .sag-sej-card-content h3 a:hover{ color:#111 !important; text-decoration:none !important; } .sag-sej-byline{ font-family:Arial, Helvetica, sans-serif; color:var(--sag-green); font-size:14px; font-weight:800; margin-bottom:16px; } .sag-sej-byline a{ color:var(--sag-green); } .sag-sej-card-content p{ font-family:Arial, Helvetica, sans-serif !important; color:#262626 !important; font-size:17px !important; line-height:1.55 !important; margin:0 0 48px !important; } .sag-sej-card-meta{ display:flex !important; align-items:center; gap:22px !important; color:#222 !important; font-family:Arial, Helvetica, sans-serif; font-size:14px !important; line-height:1; margin-top:auto; } .sag-sej-card-meta span{ color:#222 !important; white-space:nowrap; } .sag-sej-feed-sidebar{ position:sticky; top:94px; } .sag-sej-newsletter-card{ background:#e5f9df; padding:38px 39px 40px; min-height:456px; margin-bottom:62px; } .sag-sej-newsletter-icon{ font-size:40px; line-height:1; margin-bottom:20px; color:#111; } .sag-sej-newsletter-card h3{ font-family:Georgia, 'Times New Roman', serif; color:#000; font-size:40px; line-height:1.16; font-weight:700; letter-spacing:-1.1px; margin:0 0 18px; } .sag-sej-newsletter-card p{ font-family:Arial, Helvetica, sans-serif; color:#111; font-size:16px; line-height:1.35; margin:0 0 22px; } .sag-sej-newsletter-form{ display:flex !important; flex-direction:column !important; gap:28px !important; } .sag-sej-newsletter-form input{ width:100%; height:46px; background:#fff; border:1px solid #cfd9c8; border-radius:4px; padding:0 16px; font-family:Arial, Helvetica, sans-serif; font-size:14px; } .sag-sej-newsletter-form button{ width:225px; height:46px; align-self:center; background:#000 !important; color:#fff !important; border:0; border-radius:999px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:800; cursor:pointer; } .sag-sej-feed-sidebar .sag-ad-slot{ min-height:280px; margin:0 auto; background:#fff !important; } /* override old latest title/card styles */ .sag-sej-feed-section .sag-section-header{ display:none !important; } /* === v4 SEJ feed correction: typography, avatar, clickable rail === */ body{ background:#fff !important; font-family:Arial, Helvetica, sans-serif !important; color:#111; } .sag-sej-feed-section{ padding-top:0 !important; background:#fff !important; } .sag-sej-feed-section > .sag-container{ max-width:1390px; } .sag-sej-tabs{ margin:0 0 26px 0 !important; gap:40px !important; border-top:0 !important; padding-top:0; } .sag-sej-tabs .sag-tab-btn{ background:transparent !important; border-radius:0 !important; padding:0 0 8px !important; color:#111 !important; font-size:16px !important; line-height:1 !important; font-weight:400 !important; text-transform:none !important; border-bottom:4px solid transparent !important; } .sag-sej-tabs .sag-tab-btn.active, .sag-sej-tabs .sag-tab-btn:hover{ color:#111 !important; border-bottom-color:var(--sag-green) !important; } .sag-sej-feed-layout{ display:grid; grid-template-columns:minmax(0, 2fr) 405px; gap:72px; align-items:start; } .sag-sej-post-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; column-gap:54px !important; row-gap:62px !important; } .sag-sej-post-card{ position:relative; background:#fff !important; box-shadow:none !important; border-radius:0 !important; overflow:visible !important; transform:none !important; } .sag-sej-post-card:hover{ transform:none !important; box-shadow:none !important; } .sag-sej-card-cats{ color:var(--sag-green); font-size:13px; line-height:1; font-weight:800; text-transform:uppercase; margin:0 0 14px; letter-spacing:-.1px; } .sag-sej-post-thumb{ aspect-ratio: 1.9/1 !important; background:#f2f2f2; overflow:hidden; border-radius:0 !important; display:block; } .sag-sej-post-thumb img{ width:100%; height:100%; object-fit:cover; transform:none !important; } .sag-sej-author-row{ height:36px; position:relative; margin-top:-36px; margin-left:32px; margin-bottom:14px; z-index:4; } .sag-sej-author-avatar{ display:block; width:72px; height:72px; border-radius:50%; overflow:hidden; background:#fff; border:0; box-shadow:none; } .sag-sej-author-avatar img{ width:72px !important; height:72px !important; object-fit:cover; border-radius:50%; } .sag-sej-card-content{ padding:0 !important; clear:both; } .sag-sej-card-content h3{ font-family:Arial, Helvetica, sans-serif !important; font-size:26px !important; line-height:1.11 !important; font-weight:800 !important; letter-spacing:-.7px !important; margin:0 0 8px !important; color:#111 !important; } .sag-sej-card-content h3 a{ color:#111 !important; } .sag-sej-card-content h3 a:hover{ color:#16967f !important; } .sag-sej-byline{ font-size:14px; line-height:1.3; font-weight:700; color:#16967f; margin:0 0 16px; } .sag-sej-byline a{ color:#16967f !important; } .sag-sej-card-content p{ font-family:Arial, Helvetica, sans-serif !important; font-size:17px !important; line-height:1.48 !important; color:#222 !important; margin:0 0 28px !important; font-weight:400 !important; } .sag-sej-card-meta{ color:#111 !important; font-size:13px !important; line-height:1.2 !important; gap:20px !important; align-items:center; font-weight:400 !important; } .sag-sej-card-meta span{ white-space:nowrap; } .sag-sej-newsletter-card{ background:#e6f9df; padding:52px 45px 40px; border-radius:0; position:sticky; top:98px; } .sag-sej-newsletter-icon{ font-size:34px; line-height:1; margin-bottom:28px; color:#000; } .sag-sej-newsletter-card h3{ font-family:Georgia, 'Times New Roman', serif !important; font-size:30px !important; line-height:1.05 !important; font-weight:800 !important; letter-spacing:-1.3px; margin:0 0 22px; color:#000; } .sag-sej-newsletter-card p{ font-size:16px; line-height:1.25; color:#111; margin:0 0 22px; } .sag-sej-newsletter-form input{ height:46px !important; border:1px solid #c7d7c2 !important; border-radius:3px !important; background:#fff !important; font-size:14px !important; } .sag-sej-newsletter-form button{ align-self:center; min-width:225px; height:46px !important; border-radius:999px !important; background:#000 !important; color:#fff !important; font-size:13px !important; font-weight:800 !important; margin-top:12px; } .sag-sej-feed-sidebar .sag-ad-slot{ border:none !important; background:#fff !important; box-shadow:none !important; min-height:300px; margin-top:64px; } /* Hero right side anchors should behave like panels */ .sag-hero-list a.sag-hero-list-item{ text-decoration:none; color:inherit; } .sag-hero-list-item{ border-radius:0 !important; } .sag-hero-list-item.active, .sag-hero-list-item:hover{ background:var(--sag-green) !important; } .sag-hero-list-item.active h3, .sag-hero-list-item:hover h3, .sag-hero-list-item.active span, .sag-hero-list-item:hover span{ color:#fff !important; } @media (max-width: 1100px){ .sag-sej-feed-layout{grid-template-columns:1fr;gap:40px;} .sag-sej-feed-sidebar{display:none;} } @media (max-width: 768px){ .sag-sej-tabs{gap:24px;overflow-x:auto;flex-wrap:nowrap;} .sag-sej-post-grid{grid-template-columns:1fr !important;row-gap:48px !important;} .sag-sej-card-content h3{font-size:24px !important;} .sag-sej-card-content p{font-size:16px !important;} .sag-sej-author-row{margin-left:24px;} } /* === v5 SEJ Feed Fix: author avatar half-on-image, not on title === */ .sag-sej-post-card{ overflow:visible !important; } .sag-sej-post-thumb{ position:relative !important; z-index:1 !important; } .sag-sej-author-row{ position:relative !important; height:72px !important; margin-top:-36px !important; margin-left:32px !important; margin-bottom:14px !important; z-index:4 !important; pointer-events:none; } .sag-sej-author-avatar{ position:relative !important; top:auto !important; left:auto !important; display:block !important; width:72px !important; height:72px !important; border-radius:50% !important; overflow:hidden !important; background:#fff !important; box-shadow:0 0 0 0 #fff !important; pointer-events:auto; } .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:72px !important; height:72px !important; object-fit:cover !important; border-radius:50% !important; display:block !important; } .sag-sej-card-content{ padding:0 !important; position:relative !important; z-index:2 !important; } .sag-sej-card-content h3{ font-family:Arial, Helvetica, sans-serif !important; font-size:25px !important; line-height:1.14 !important; letter-spacing:-.45px !important; font-weight:800 !important; margin:0 0 8px !important; max-width:100% !important; } .sag-sej-byline{ margin:0 0 16px !important; font-size:14px !important; line-height:1.25 !important; } .sag-sej-card-content p{ font-size:16px !important; line-height:1.24 !important; margin:0 0 28px !important; } .sag-sej-card-meta{ gap:18px !important; flex-wrap:wrap !important; } /* Hero rail: keep right-side posts fully clickable and SEJ-style hover */ .sag-hero-list-item{ text-decoration:none !important; color:inherit !important; cursor:pointer !important; } .sag-hero-list-item:hover, .sag-hero-list-item.active{ background:var(--sag-green) !important; border-color:var(--sag-green) !important; } .sag-hero-list-item:hover span, .sag-hero-list-item.active span, .sag-hero-list-item:hover h3, .sag-hero-list-item.active h3{ color:#111 !important; } @media(max-width:992px){ .sag-sej-author-row{height:66px !important;margin-top:-33px !important;margin-left:24px !important;} .sag-sej-author-avatar, .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{width:66px !important;height:66px !important;} } @media(max-width:768px){ .sag-sej-author-row{height:60px !important;margin-top:-30px !important;margin-left:22px !important;margin-bottom:12px !important;} .sag-sej-author-avatar, .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{width:60px !important;height:60px !important;} .sag-sej-card-content h3{font-size:22px !important;line-height:1.18 !important;} } /* === v6 Mobile SEJ Card Fix: reserve full avatar space before title === */ @media(max-width:768px){ .sag-sej-post-card{ overflow:visible !important; padding-bottom:6px !important; } .sag-sej-post-thumb{ position:relative !important; z-index:1 !important; aspect-ratio:1.9/1 !important; margin-bottom:0 !important; } .sag-sej-author-row{ position:relative !important; z-index:5 !important; height:86px !important; margin-top:-34px !important; margin-left:44px !important; margin-bottom:0 !important; display:block !important; clear:both !important; pointer-events:none !important; } .sag-sej-author-avatar{ position:relative !important; top:auto !important; left:auto !important; width:68px !important; height:68px !important; display:block !important; border-radius:50% !important; overflow:hidden !important; background:#fff !important; box-shadow:0 0 0 0 #fff !important; pointer-events:auto !important; } .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:68px !important; height:68px !important; min-width:68px !important; min-height:68px !important; max-width:68px !important; max-height:68px !important; object-fit:cover !important; border-radius:50% !important; display:block !important; } .sag-sej-card-content{ position:relative !important; z-index:2 !important; display:block !important; clear:both !important; padding:0 !important; margin-top:0 !important; } .sag-sej-card-content h3{ clear:both !important; position:relative !important; z-index:1 !important; margin-top:0 !important; padding-top:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:31px !important; line-height:1.05 !important; letter-spacing:-1px !important; font-weight:800 !important; } .sag-sej-byline{ margin-top:12px !important; } } @media(max-width:480px){ .sag-sej-author-row{ height:82px !important; margin-top:-33px !important; margin-left:42px !important; } .sag-sej-author-avatar, .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:66px !important; height:66px !important; min-width:66px !important; min-height:66px !important; max-width:66px !important; max-height:66px !important; } .sag-sej-card-content h3{ font-size:30px !important; line-height:1.06 !important; } } /* === v7 SEJ typography + mobile avatar alignment polish === */ html, body, .sag-site-header, .sag-menu li a, .sag-search-btn, .sag-subscribe-btn, .sag-hero-list-item h3, .sag-hero-list-item span, .sag-sej-feed-section, .sag-sej-feed-section *, .sag-post-card, .sag-post-card *, .sag-single-post, .sag-single-post *, .sag-category-posts, .sag-category-posts *{ font-family: Arial, Helvetica, sans-serif !important; } /* SEJ-like article card typography across desktop/tablet */ .sag-sej-card-content h3{ font-size:25px !important; line-height:1.12 !important; font-weight:800 !important; letter-spacing:-.55px !important; color:#202124 !important; } .sag-sej-byline{ color:#16967f !important; font-size:14px !important; font-weight:800 !important; line-height:1.2 !important; } .sag-sej-byline a{color:#16967f !important;} .sag-sej-card-content p{ font-size:16px !important; line-height:1.55 !important; font-weight:400 !important; color:#2b2b2b !important; } .sag-sej-card-meta{ font-size:14px !important; color:#202124 !important; gap:22px !important; } .sag-sej-card-meta span{color:#202124 !important;} .sag-sej-card-cats{ color:#16967f !important; font-size:13px !important; font-weight:800 !important; letter-spacing:0 !important; } /* Avatar position: half on image, aligned like SEJ */ .sag-sej-author-row{ height:72px !important; margin-top:-36px !important; margin-left:34px !important; margin-bottom:14px !important; } .sag-sej-author-avatar, .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:72px !important; height:72px !important; min-width:72px !important; min-height:72px !important; max-height:72px !important; max-width:72px !important; max-height:72px !important; } @media(max-width:768px){ .sag-sej-post-grid{gap:54px !important;} .sag-sej-card-cats{ font-size:18px !important; line-height:1 !important; margin-bottom:18px !important; color:#16967f !important; } .sag-sej-author-row{ height:76px !important; margin-top:-34px !important; margin-left:34px !important; margin-bottom:8px !important; } .sag-sej-author-avatar, .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:68px !important; height:68px !important; min-width:68px !important; min-height:68px !important; max-width:68px !important; max-height:68px !important; } .sag-sej-card-content h3{ font-size:29px !important; line-height:1.12 !important; font-weight:800 !important; letter-spacing:-.65px !important; color:#2a2a2a !important; margin-bottom:12px !important; } .sag-sej-byline{ font-size:18px !important; line-height:1.15 !important; font-weight:800 !important; margin-bottom:8px !important; } .sag-sej-card-content p{ font-size:22px !important; line-height:1.55 !important; color:#3a3a3a !important; margin-bottom:36px !important; } .sag-sej-card-meta{ font-size:18px !important; line-height:1.2 !important; gap:26px !important; } } @media(max-width:480px){ .sag-sej-author-row{ height:74px !important; margin-top:-33px !important; margin-left:34px !important; margin-bottom:8px !important; } .sag-sej-author-avatar, .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:66px !important; height:66px !important; min-width:66px !important; min-height:66px !important; max-width:66px !important; max-height:66px !important; } .sag-sej-card-content h3{ font-size:28px !important; line-height:1.13 !important; letter-spacing:-.55px !important; } .sag-sej-byline{font-size:17px !important;} .sag-sej-card-content p{font-size:21px !important;} .sag-sej-card-meta{font-size:17px !important;gap:22px !important;} } /* === v8 SEJ Feed Precision Match: typography, avatar, metadata, clickable cards === */ .sag-sej-feed-section, .sag-sej-feed-section *{ font-family: Arial, Helvetica, sans-serif !important; } .sag-sej-feed-section{ background:#fff !important; } .sag-sej-post-grid{ column-gap:44px !important; row-gap:62px !important; } .sag-sej-post-card{ background:transparent !important; border-radius:0 !important; box-shadow:none !important; overflow:visible !important; transform:none !important; cursor:pointer; } .sag-sej-post-card:hover{ transform:none !important; box-shadow:none !important; } .sag-sej-card-cats{ color:#16967f !important; font-size:13px !important; font-weight:700 !important; line-height:1 !important; letter-spacing:0 !important; text-transform:uppercase !important; margin:0 0 14px 0 !important; } .sag-sej-post-thumb{ display:block !important; aspect-ratio: 1.86 / 1 !important; border-radius:0 !important; overflow:hidden !important; background:#e5e5e5 !important; } .sag-sej-post-thumb img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:0 !important; transform:none !important; } .sag-sej-post-card:hover .sag-sej-post-thumb img{ transform:none !important; } .sag-sej-author-row{ position:relative !important; height:43px !important; margin:-34px 0 17px 31px !important; z-index:4 !important; display:block !important; line-height:0 !important; } .sag-sej-author-avatar{ display:block !important; width:72px !important; height:72px !important; min-width:72px !important; min-height:72px !important; max-height:72px !important; border-radius:50% !important; overflow:hidden !important; background:#fff !important; border:0 !important; box-shadow:none !important; } .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:72px !important; height:72px !important; min-width:72px !important; min-height:72px !important; max-height:72px !important; max-width:72px !important; max-height:72px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; } .sag-sej-card-content{ padding:0 !important; margin:0 !important; } .sag-sej-card-content h3{ margin:0 0 9px 0 !important; padding:0 !important; font-size:25px !important; line-height:1.10 !important; font-weight:700 !important; letter-spacing:-.45px !important; color:#202124 !important; max-width:100% !important; } .sag-sej-card-content h3 a{ color:#202124 !important; text-decoration:none !important; } .sag-sej-card-content h3 a:hover{ color:#202124 !important; } .sag-sej-byline{ margin:0 0 17px 0 !important; color:#16967f !important; font-size:14px !important; line-height:1.2 !important; font-weight:700 !important; } .sag-sej-byline a{ color:#16967f !important; text-decoration:none !important; } .sag-sej-card-content p{ margin:0 0 42px 0 !important; color:#222 !important; font-size:16px !important; font-weight:400 !important; line-height:1.55 !important; letter-spacing:0 !important; } .sag-sej-card-meta{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:0 !important; margin:0 !important; color:#202124 !important; font-size:14px !important; line-height:1 !important; font-weight:400 !important; } .sag-sej-card-meta .sag-meta-item{ display:inline-flex !important; align-items:center !important; margin:0 24px 0 0 !important; color:#202124 !important; white-space:nowrap !important; } .sag-sej-card-meta .sag-meta-item:last-child{ margin-right:0 !important; } .sag-sej-card-meta svg{ width:15px !important; height:15px !important; margin-right:7px !important; stroke:#202124 !important; fill:none !important; stroke-width:2.2 !important; stroke-linecap:round !important; stroke-linejoin:round !important; display:block !important; } .sag-sej-card-meta .sag-meta-views svg path, .sag-sej-card-meta .sag-meta-views svg circle{ stroke:#202124 !important; fill:none !important; } .sag-sej-card-meta .sag-meta-time, .sag-sej-card-meta .sag-meta-views{ font-weight:700 !important; } .sag-sej-card-meta .sag-meta-date{ font-weight:400 !important; } .sag-sej-tabs{ gap:46px !important; border-bottom:0 !important; margin-bottom:44px !important; } .sag-sej-tabs .sag-tab-btn{ background:transparent !important; border-radius:0 !important; padding:0 0 8px 0 !important; color:#111 !important; font-size:16px !important; font-weight:400 !important; line-height:1 !important; position:relative !important; } .sag-sej-tabs .sag-tab-btn.active:after, .sag-sej-tabs .sag-tab-btn:hover:after{ content:'' !important; position:absolute !important; left:0 !important; bottom:0 !important; width:28px !important; height:2px !important; background:#16967f !important; } .sag-sej-tabs .sag-tab-btn.active, .sag-sej-tabs .sag-tab-btn:hover{ color:#111 !important; } @media (max-width: 992px){ .sag-sej-post-grid{ column-gap:44px !important; row-gap:62px !important; } .sag-sej-card-content h3{ font-size:24px !important; line-height:1.12 !important; } } @media (max-width: 768px){ .sag-sej-feed-section{ padding-top:28px !important; padding-bottom:42px !important; } .sag-sej-tabs{ gap:28px !important; overflow-x:auto !important; flex-wrap:nowrap !important; padding-bottom:0 !important; margin-bottom:40px !important; scrollbar-width:none !important; } .sag-sej-tabs::-webkit-scrollbar{display:none !important;} .sag-sej-tabs .sag-tab-btn{ font-size:14px !important; flex:0 0 auto !important; } .sag-sej-post-grid{ grid-template-columns:1fr !important; gap:62px !important; } .sag-sej-card-cats{ font-size:20px !important; line-height:1 !important; margin-bottom:20px !important; } .sag-sej-post-thumb{ aspect-ratio: 1.88 / 1 !important; } .sag-sej-author-row{ height:46px !important; margin:-34px 0 20px 33px !important; } .sag-sej-author-avatar, .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:72px !important; height:72px !important; min-width:72px !important; min-height:72px !important; max-height:72px !important; max-width:72px !important; max-height:72px !important; } .sag-sej-card-content h3{ font-size:38px !important; line-height:1.08 !important; letter-spacing:-.9px !important; font-weight:700 !important; margin-bottom:14px !important; } .sag-sej-byline{ font-size:24px !important; margin-bottom:24px !important; } .sag-sej-card-content p{ font-size:28px !important; line-height:1.24 !important; margin-bottom:44px !important; } .sag-sej-card-meta{ font-size:24px !important; line-height:1 !important; gap:0 !important; } .sag-sej-card-meta .sag-meta-item{ margin-right:30px !important; margin-bottom:0 !important; } .sag-sej-card-meta svg{ width:21px !important; height:21px !important; margin-right:8px !important; } } @media (max-width: 480px){ .sag-sej-card-content h3{ font-size:38px !important; } .sag-sej-byline{ font-size:19px !important; } .sag-sej-card-content p{ font-size:27px !important; } .sag-sej-card-meta{ font-size:23px !important; } .sag-sej-card-meta .sag-meta-item{ margin-right:26px !important; } } /* === v9 SEJ Feed Final Fix: softer typography, avatar, meta, tabs/category pointers === */ .sag-sej-feed-section, .sag-sej-feed-section *{ font-family: Arial, Helvetica, sans-serif !important; } /* Tabs: remove any old pill/double underline styling */ .sag-sej-tabs{ gap:40px !important; border-top:0 !important; border-bottom:0 !important; margin-bottom:26px !important; min-height:38px !important; } .sag-sej-tabs .sag-tab-btn, .sag-sej-tabs .sag-tab-btn.active, .sag-sej-tabs .sag-tab-btn:hover, .sag-sej-tabs .sag-tab-btn:focus{ background:transparent !important; box-shadow:none !important; border:none !important; border-radius:0 !important; padding:0 0 8px 0 !important; color:#111 !important; font-size:16px !important; font-weight:400 !important; line-height:1 !important; outline:none !important; position:relative !important; } .sag-sej-tabs .sag-tab-btn:before{display:none !important;content:none !important;} .sag-sej-tabs .sag-tab-btn:after{display:none !important;content:none !important;} .sag-sej-tabs .sag-tab-btn.active:after{ display:block !important; content:'' !important; position:absolute !important; left:0 !important; bottom:0 !important; width:28px !important; height:2px !important; background:#16967f !important; } /* Category label: one clean SEJ-style line, no extra pseudo pointers */ .sag-sej-card-cats, .sag-sej-card-cats *{ color:#16967f !important; font-size:13px !important; font-weight:700 !important; line-height:1 !important; text-transform:uppercase !important; letter-spacing:0 !important; } .sag-sej-card-cats{ margin:0 0 14px 0 !important; padding:0 !important; } .sag-sej-card-cats:before, .sag-sej-card-cats:after{display:none !important;content:none !important;} /* Card grid rhythm */ .sag-sej-post-grid{ column-gap:44px !important; row-gap:64px !important; } .sag-sej-post-card{ background:transparent !important; box-shadow:none !important; border-radius:0 !important; overflow:visible !important; transform:none !important; } .sag-sej-post-card:hover{transform:none !important;box-shadow:none !important;} /* Image */ .sag-sej-post-thumb{ border-radius:0 !important; overflow:hidden !important; aspect-ratio:1.86/1 !important; } .sag-sej-post-thumb img{border-radius:0 !important;transform:none !important;} /* Avatar: smaller, half-on-image, clear from title */ .sag-sej-author-row{ position:relative !important; height:40px !important; margin:-29px 0 18px 30px !important; z-index:4 !important; display:block !important; line-height:0 !important; } .sag-sej-author-avatar, .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:58px !important; height:58px !important; min-width:58px !important; min-height:58px !important; max-width:58px !important; max-height:58px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; } .sag-sej-author-avatar{ overflow:hidden !important; background:#fff !important; box-shadow:none !important; border:0 !important; } /* Text: closer SEJ, not too heavy */ .sag-sej-card-content{padding:0 !important;margin:0 !important;} .sag-sej-card-content h3{ margin:0 0 8px 0 !important; padding:0 !important; font-size:22px !important; line-height:1.14 !important; font-weight:700 !important; letter-spacing:-.25px !important; color:#202124 !important; } .sag-sej-card-content h3 a{color:#202124 !important;text-decoration:none !important;} .sag-sej-card-content h3 a:hover{color:#202124 !important;} .sag-sej-byline{ margin:0 0 15px 0 !important; color:#16967f !important; font-size:14px !important; line-height:1.25 !important; font-weight:700 !important; } .sag-sej-byline a{color:#16967f !important;text-decoration:none !important;} .sag-sej-byline::before{display:none !important;content:none !important;} .sag-sej-card-content p{ margin:0 0 16px 0 !important; color:#3c4043 !important; font-size:15.5px !important; font-weight:400 !important; line-height:1.55 !important; letter-spacing:0 !important; } /* Metadata: light, SEJ-like icons and no bold */ .sag-sej-card-meta, .sag-sej-card-meta *{ font-family: Arial, Helvetica, sans-serif !important; } .sag-sej-card-meta{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:0 !important; margin:0 !important; color:#3c4043 !important; font-size:13px !important; line-height:1 !important; font-weight:400 !important; } .sag-sej-card-meta .sag-meta-item{ display:inline-flex !important; align-items:center !important; margin:0 22px 0 0 !important; color:#3c4043 !important; white-space:nowrap !important; font-weight:400 !important; } .sag-sej-card-meta .sag-meta-time, .sag-sej-card-meta .sag-meta-views, .sag-sej-card-meta .sag-meta-date{ font-weight:400 !important; } .sag-sej-card-meta svg{ width:14px !important; height:14px !important; margin-right:6px !important; stroke:#202124 !important; fill:none !important; stroke-width:2 !important; stroke-linecap:round !important; stroke-linejoin:round !important; display:block !important; } .sag-sej-card-meta .sag-meta-views svg path, .sag-sej-card-meta .sag-meta-views svg circle{stroke:#202124 !important;fill:none !important;} @media (max-width: 992px){ .sag-sej-card-content h3{font-size:21px !important;line-height:1.15 !important;} .sag-sej-card-content p{font-size:13px !important;} } @media (max-width: 768px){ .sag-sej-tabs{gap:28px !important;overflow-x:auto !important;flex-wrap:nowrap !important;margin-bottom:38px !important;scrollbar-width:none !important;} .sag-sej-tabs::-webkit-scrollbar{display:none !important;} .sag-sej-tabs .sag-tab-btn{font-size:14px !important;flex:0 0 auto !important;} .sag-sej-post-grid{grid-template-columns:1fr !important;gap:60px !important;} .sag-sej-card-cats{font-size:20px !important;margin-bottom:18px !important;} .sag-sej-author-row{height:38px !important;margin:-31px 0 20px 34px !important;} .sag-sej-author-avatar, .sag-sej-author-avatar img, .sag-sej-author-avatar .avatar{ width:62px !important;height:62px !important;min-width:62px !important;min-height:62px !important;max-width:62px !important;max-height:62px !important; } .sag-sej-card-content h3{ font-size:36px !important; line-height:1.08 !important; letter-spacing:-.7px !important; font-weight:700 !important; margin-bottom:12px !important; } .sag-sej-byline{font-size:23px !important;margin-bottom:24px !important;} .sag-sej-card-content p{ color:#3c4043 !important; font-size:27px !important; line-height:1.24 !important; margin-bottom:42px !important; font-weight:400 !important; } .sag-sej-card-meta{ font-size:22px !important; color:#3c4043 !important; font-weight:400 !important; } .sag-sej-card-meta .sag-meta-item{margin-right:28px !important;font-weight:400 !important;} .sag-sej-card-meta svg{width:20px !important;height:20px !important;margin-right:8px !important;} } @media (max-width:480px){ .sag-sej-card-cats{font-size:20px !important;} .sag-sej-card-content h3{font-size:34px !important;line-height:1.09 !important;} .sag-sej-byline{font-size:22px !important;} .sag-sej-card-content p{font-size:26px !important;} .sag-sej-card-meta{font-size:21px !important;} .sag-sej-card-meta .sag-meta-item{margin-right:24px !important;} .sag-sej-author-row{margin-left:34px !important;} } /* v10 Category Author List Block - screenshot style */ .sag-author-list-block{ background:#fff !important; padding:84px 0 !important; } .sag-author-list-block:nth-of-type(even){background:#fff !important;} .sag-author-list-header{ display:flex !important; justify-content:space-between !important; align-items:flex-start !important; margin-bottom:48px !important; } .sag-author-list-header .sag-section-kicker{ color:#16967f !important; font-size:14px !important; font-weight:800 !important; text-transform:uppercase !important; line-height:1 !important; margin:0 0 14px 0 !important; } .sag-author-list-header h2{ font-family:Arial, Helvetica, sans-serif !important; font-size:40px !important; line-height:1 !important; font-weight:800 !important; color:#050505 !important; margin:0 !important; letter-spacing:-.6px !important; } .sag-author-list-header .sag-view-all{ font-size:16px !important; color:#000 !important; font-weight:400 !important; margin-top:42px !important; } .sag-author-list{ display:flex !important; flex-direction:column !important; gap:82px !important; } .sag-author-list-item{ display:grid !important; grid-template-columns:360px minmax(0, 1fr) 180px !important; gap:42px !important; align-items:center !important; background:transparent !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; } .sag-author-list-thumb{ display:block !important; width:100% !important; overflow:hidden !important; } .sag-author-list-thumb img{ width:100% !important; height:220px !important; object-fit:cover !important; border-radius:0 !important; transform:none !important; } .sag-author-list-content{ max-width:680px !important; } .sag-author-list-cats{ color:#16967f !important; font-size:20px !important; line-height:1.2 !important; font-weight:700 !important; margin:0 0 22px 0 !important; } .sag-author-list-content h3{ font-family:Arial, Helvetica, sans-serif !important; font-size:30px !important; line-height:1.14 !important; font-weight:800 !important; letter-spacing:-.25px !important; color:#000 !important; margin:0 0 22px 0 !important; } .sag-author-list-content h3 a{color:#000 !important;text-decoration:none !important;} .sag-author-list-content p{ color:#000 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:18px !important; line-height:1.25 !important; font-weight:400 !important; margin:0 0 20px 0 !important; max-width:660px !important; } .sag-author-list-meta{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:0 !important; color:#000 !important; font-size:18px !important; line-height:1 !important; font-weight:400 !important; margin:0 !important; } .sag-author-list-meta .sag-meta-item{ display:inline-flex !important; align-items:center !important; margin:0 24px 0 0 !important; white-space:nowrap !important; color:#000 !important; font-weight:400 !important; } .sag-author-list-meta svg{ width:18px !important; height:18px !important; margin-right:8px !important; stroke:#000 !important; fill:none !important; stroke-width:2 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } .sag-author-list-author{ justify-self:center !important; text-align:center !important; } .sag-author-list-avatar, .sag-author-list-avatar img, .sag-author-list-avatar .avatar{ width:116px !important; height:116px !important; min-width:116px !important; min-height:116px !important; max-width:116px !important; max-height:116px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; } .sag-author-list-avatar{ overflow:hidden !important; margin:0 auto 18px auto !important; border:3px solid #16967f !important; background:#16967f !important; } .sag-author-list-name{ display:block !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:22px !important; line-height:1.08 !important; font-weight:800 !important; text-decoration:none !important; max-width:150px !important; margin:0 auto !important; } @media (max-width: 1100px){ .sag-author-list-item{ grid-template-columns:300px minmax(0,1fr) 150px !important; gap:28px !important; } .sag-author-list-thumb img{height:200px !important;} .sag-author-list-content h3{font-size:26px !important;} .sag-author-list-content p{font-size:16px !important;} .sag-author-list-meta{font-size:12px !important;} .sag-author-list-avatar, .sag-author-list-avatar img, .sag-author-list-avatar .avatar{width:96px !important;height:96px !important;min-width:96px !important;min-height:96px !important;} .sag-author-list-name{font-size:18px !important;} } @media (max-width: 768px){ .sag-author-list-block{padding:56px 0 !important;} .sag-author-list-header{margin-bottom:32px !important;} .sag-author-list-header h2{font-size:34px !important;} .sag-author-list-header .sag-view-all{margin-top:22px !important;font-size:14px !important;} .sag-author-list{gap:56px !important;} .sag-author-list-item{ grid-template-columns:1fr !important; gap:18px !important; align-items:start !important; } .sag-author-list-thumb img{height:auto !important;aspect-ratio:16/9 !important;} .sag-author-list-cats{font-size:16px !important;margin-bottom:12px !important;} .sag-author-list-content h3{font-size:26px !important;line-height:1.14 !important;margin-bottom:14px !important;} .sag-author-list-content p{font-size:16px !important;line-height:1.45 !important;margin-bottom:18px !important;} .sag-author-list-meta{font-size:14px !important;} .sag-author-list-meta .sag-meta-item{margin-right:18px !important;margin-bottom:8px !important;} .sag-author-list-meta svg{width:15px !important;height:15px !important;margin-right:6px !important;} .sag-author-list-author{ justify-self:start !important; display:flex !important; align-items:center !important; gap:14px !important; text-align:left !important; order:2 !important; } .sag-author-list-avatar, .sag-author-list-avatar img, .sag-author-list-avatar .avatar{width:64px !important;height:64px !important;min-width:64px !important;min-height:64px !important;} .sag-author-list-avatar{margin:0 !important;border-width:2px !important;} .sag-author-list-name{font-size:17px !important;line-height:1.1 !important;margin:0 !important;max-width:none !important;} } /* v11 — Editorial Typography Cleanup for homepage category author-list blocks */ .sag-author-list-block{ background:#fff !important; padding:58px 0 70px !important; } .sag-author-list-header{ max-width:1140px !important; margin:0 auto 36px !important; display:flex !important; align-items:flex-end !important; justify-content:space-between !important; } .sag-author-list-header .sag-section-kicker{ color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; font-weight:700 !important; letter-spacing:.02em !important; text-transform:uppercase !important; margin:0 0 6px !important; } .sag-author-list-header h2{ font-family:Arial, Helvetica, sans-serif !important; font-size:34px !important; line-height:1.05 !important; font-weight:700 !important; letter-spacing:-.55px !important; color:#111 !important; margin:0 !important; } .sag-author-list-header .sag-view-all{ font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; font-weight:400 !important; color:#111 !important; } .sag-author-list{ max-width:1140px !important; margin:0 auto !important; display:flex !important; flex-direction:column !important; gap:64px !important; } .sag-author-list-item{ display:grid !important; grid-template-columns:340px minmax(0, 1fr) 150px !important; gap:34px !important; align-items:center !important; background:transparent !important; box-shadow:none !important; border:0 !important; border-radius:0 !important; padding:0 !important; } .sag-author-list-thumb{ display:block !important; overflow:hidden !important; background:#eee !important; } .sag-author-list-thumb img{ width:100% !important; height:205px !important; object-fit:cover !important; border-radius:0 !important; transform:none !important; } .sag-author-list-cats{ color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:15px !important; line-height:1.2 !important; font-weight:700 !important; margin:0 0 12px !important; text-transform:none !important; } .sag-author-list-content h3{ font-family:Arial, Helvetica, sans-serif !important; font-size:24px !important; line-height:1.16 !important; font-weight:700 !important; letter-spacing:-.25px !important; color:#111 !important; margin:0 0 12px !important; max-width:620px !important; } .sag-author-list-content h3 a{ color:#111 !important; text-decoration:none !important; } .sag-author-list-content h3 a:hover{ color:#16967f !important; } .sag-author-list-content p{ font-family:Arial, Helvetica, sans-serif !important; font-size:15px !important; line-height:1.42 !important; font-weight:400 !important; color:#333 !important; margin:0 0 16px !important; max-width:620px !important; } .sag-author-list-meta{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:0 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important; line-height:1 !important; font-weight:400 !important; color:#2f2f2f !important; margin:0 !important; } .sag-author-list-meta .sag-meta-item{ display:inline-flex !important; align-items:center !important; margin:0 20px 0 0 !important; color:#2f2f2f !important; font-weight:400 !important; white-space:nowrap !important; } .sag-author-list-meta svg{ width:13px !important; height:13px !important; margin-right:6px !important; stroke:#111 !important; fill:none !important; stroke-width:2 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } .sag-author-list-author{ justify-self:center !important; text-align:center !important; } .sag-author-list-avatar{ display:block !important; width:94px !important; height:94px !important; min-width:94px !important; min-height:94px !important; max-width:94px !important; max-height:94px !important; overflow:hidden !important; border-radius:50% !important; border:0 !important; background:transparent !important; margin:0 auto 12px !important; } .sag-author-list-avatar img, .sag-author-list-avatar .avatar{ width:94px !important; height:94px !important; min-width:94px !important; min-height:94px !important; max-width:94px !important; max-height:94px !important; border-radius:50% !important; object-fit:cover !important; border:0 !important; } .sag-author-list-name{ display:block !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:15px !important; line-height:1.15 !important; font-weight:700 !important; text-decoration:none !important; max-width:130px !important; margin:0 auto !important; } @media (max-width:1100px){ .sag-author-list-header,.sag-author-list{max-width:94% !important;} .sag-author-list-item{grid-template-columns:300px minmax(0, 1fr) 120px !important;gap:26px !important;} .sag-author-list-thumb img{height:185px !important;} .sag-author-list-content h3{font-size:22px !important;} .sag-author-list-content p{font-size:14px !important;} .sag-author-list-avatar,.sag-author-list-avatar img,.sag-author-list-avatar .avatar{width:78px !important;height:78px !important;min-width:78px !important;min-height:78px !important;} .sag-author-list-name{font-size:14px !important;} } @media (max-width:768px){ .sag-author-list-block{padding:48px 0 !important;} .sag-author-list-header{display:flex !important;align-items:flex-start !important;margin-bottom:28px !important;} .sag-author-list-header h2{font-size:30px !important;} .sag-author-list{gap:46px !important;} .sag-author-list-item{grid-template-columns:1fr !important;gap:14px !important;align-items:start !important;} .sag-author-list-thumb img{height:auto !important;aspect-ratio:16/9 !important;} .sag-author-list-cats{font-size:13px !important;margin-bottom:8px !important;} .sag-author-list-content h3{font-size:22px !important;line-height:1.18 !important;margin-bottom:10px !important;} .sag-author-list-content p{font-size:15px !important;line-height:1.45 !important;margin-bottom:14px !important;} .sag-author-list-meta{font-size:13px !important;} .sag-author-list-meta .sag-meta-item{margin-right:16px !important;margin-bottom:6px !important;} .sag-author-list-meta svg{width:13px !important;height:13px !important;} .sag-author-list-author{justify-self:start !important;display:flex !important;align-items:center !important;gap:12px !important;text-align:left !important;} .sag-author-list-avatar{width:58px !important;height:58px !important;min-width:58px !important;min-height:58px !important;margin:0 !important;border:0 !important;background:transparent !important;} .sag-author-list-avatar img,.sag-author-list-avatar .avatar{width:58px !important;height:58px !important;min-width:58px !important;min-height:58px !important;border:0 !important;} .sag-author-list-name{font-size:14px !important;margin:0 !important;max-width:none !important;} } /* v12 - SEJ Latest Header Match */ .sag-sej-feed-section .sag-container{max-width:1320px !important;} .sag-sej-latest-heading-wrap{margin:0 0 16px 0 !important;} .sag-sej-latest-heading{font-family:Arial, Helvetica, sans-serif !important;font-size:54px !important;line-height:.95 !important;font-weight:800 !important;letter-spacing:-1.6px !important;color:#111 !important;margin:0 !important;padding:0 !important;} .sag-sej-tabs{margin-top:0 !important;margin-bottom:26px !important;gap:40px !important;border-top:0 !important;border-bottom:0 !important;min-height:38px !important;} .sag-sej-tabs .sag-tab-btn{font-family:Arial, Helvetica, sans-serif !important;font-size:17px !important;font-weight:400 !important;color:#111 !important;padding:0 0 8px 0 !important;background:transparent !important;border-radius:0 !important;line-height:1.2 !important;position:relative !important;} .sag-sej-tabs .sag-tab-btn.active:after{content:'' !important;display:block !important;position:absolute !important;left:0 !important;bottom:0 !important;width:22px !important;height:4px !important;background:#16967f !important;} .sag-sej-tabs .sag-tab-btn:hover{color:#111 !important;background:transparent !important;} .sag-sej-tabs .sag-tab-btn:hover:after{content:'' !important;display:block !important;position:absolute !important;left:0 !important;bottom:0 !important;width:22px !important;height:4px !important;background:#16967f !important;} @media (max-width:768px){.sag-sej-latest-heading{font-size:40px !important;letter-spacing:-1px !important}.sag-sej-tabs{gap:28px !important;overflow-x:auto !important;white-space:nowrap !important;margin-bottom:37px !important}.sag-sej-tabs .sag-tab-btn{font-size:14px !important;flex:0 0 auto !important}} /* v13 - Correct Latest placement: only feed section, not category blocks */ .sag-author-list-header .sag-section-kicker{display:none !important;} .sag-author-list-header h2{ font-family:Arial, Helvetica, sans-serif !important; font-size:48px !important; line-height:1 !important; font-weight:800 !important; letter-spacing:-1.2px !important; color:#000 !important; margin:0 !important; } .sag-sej-latest-heading{ font-family:Arial, Helvetica, sans-serif !important; font-size:56px !important; line-height:.95 !important; font-weight:800 !important; letter-spacing:-1.6px !important; color:#000 !important; margin:0 !important; } .sag-sej-latest-heading-wrap{ margin:0 0 16px 0 !important; padding:0 !important; } .sag-sej-feed-section{padding-top:42px !important;} .sag-sej-tabs{margin-bottom:26px !important;min-height:38px !important;border-top:0 !important;} .sag-sej-tabs .sag-tab-btn{border-bottom:0 !important;} @media (max-width:768px){ .sag-sej-latest-heading{font-size:42px !important;letter-spacing:-1px !important;} .sag-author-list-header h2{font-size:34px !important;} } /* ===================================================== v16 MASTER BUILD — scoped production polish Base locked from v13. Homepage/feed kept safe. Single, archive, author, search refined separately. ===================================================== */ /* Safety: homepage feed card typography remains SEJ-soft */ .sag-sej-card-content h3, .sag-sej-card-content h3 a{ font-family:Arial, Helvetica, sans-serif !important; font-size:25px !important; line-height:1.13 !important; font-weight:700 !important; letter-spacing:-.55px !important; color:#111 !important; } .sag-sej-card-content p{ font-family:Arial, Helvetica, sans-serif !important; font-size:15px !important; line-height:1.44 !important; font-weight:400 !important; color:#444 !important; } .sag-sej-card-meta, .sag-sej-card-meta .sag-meta-item{ font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important; line-height:1 !important; font-weight:400 !important; color:#3d3d3d !important; } .sag-sej-byline a{ font-family:Arial, Helvetica, sans-serif !important; font-size:15px !important; font-weight:700 !important; color:#16967f !important; } /* Single Post v16 */ .sag-v16-single{ background:#fff; color:#111; font-family:Arial, Helvetica, sans-serif; } .sag-v16-single-head{ background:#fff; padding:54px 0 22px; border-bottom:1px solid #efefef; } .sag-v16-single-head-inner{ max-width:1020px; } .sag-v16-single .sag-breadcrumbs{ margin-bottom:24px; color:#777; font-size:13px; } .sag-v16-single .sag-breadcrumbs a{ color:#555; } .sag-v16-single-cat{ display:inline-block; color:#16967f; font-size:13px; line-height:1; font-weight:700; text-transform:none; margin:0 0 16px; } .sag-v16-single-head h1{ font-family:Arial, Helvetica, sans-serif; font-size:54px; line-height:1.03; font-weight:800; letter-spacing:-1.65px; color:#000; max-width:980px; margin:0 0 18px; } .sag-v16-single-dek{ font-size:19px; line-height:1.45; color:#444; max-width:820px; margin:0 0 28px; font-weight:400; } .sag-v16-single-authorline{ display:flex; align-items:center; gap:14px; margin-top:20px; } .sag-v16-single-avatar{ width:58px; height:58px; flex:0 0 58px; border-radius:50%; overflow:hidden; display:block; } .sag-v16-single-avatar img{ width:58px; height:58px; border-radius:50%; object-fit:cover; } .sag-v16-single-by{ display:flex; align-items:center; gap:5px; font-size:14px; line-height:1.2; color:#555; margin-bottom:8px; } .sag-v16-single-by a{ color:#16967f; font-weight:700; } .sag-v16-single-meta{ display:flex; align-items:center; flex-wrap:wrap; gap:18px; color:#333; font-size:13px; font-weight:400; } .sag-v16-meta-item{ display:inline-flex; align-items:center; white-space:nowrap; } .sag-v16-meta-item svg{ width:13px; height:13px; margin-right:6px; fill:none; stroke:#111; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } .sag-v16-featured-image{ margin:34px auto 46px; overflow:hidden; background:#f1f1f1; } .sag-v16-featured-image img{ width:100%; max-height:650px; object-fit:cover; } .sag-v16-single-grid{ display:grid; grid-template-columns:60px minmax(0,780px) 330px; gap:42px; align-items:start; } .sag-v16-sharebar{ position:sticky; top:100px; display:flex; flex-direction:column; gap:12px; } .sag-v16-sharebar a{ width:42px; height:42px; border:1px solid #e5e5e5; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff; color:#111; font-size:12px; font-weight:700; text-transform:uppercase; } .sag-v16-sharebar a:hover{ background:#16967f; border-color:#16967f; color:#000; } .sag-v16-article-content{ max-width:780px; font-family:Arial, Helvetica, sans-serif; color:#111; } .sag-v16-article-content p{ font-size:19px; line-height:1.72; color:#222; margin:0 0 26px; font-weight:400; } .sag-v16-article-content h2{ font-family:Arial, Helvetica, sans-serif; font-size:34px; line-height:1.14; letter-spacing:-.75px; font-weight:800; color:#000; margin:52px 0 18px; } .sag-v16-article-content h3{ font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.18; font-weight:750; color:#000; margin:38px 0 16px; } .sag-v16-article-content ul, .sag-v16-article-content ol{ margin:0 0 28px 22px; list-style:disc; } .sag-v16-article-content ol{list-style:decimal;} .sag-v16-article-content li{ font-size:18px; line-height:1.65; margin-bottom:10px; } .sag-v16-article-content blockquote{ border-left:4px solid #16967f; padding:10px 0 10px 22px; margin:34px 0; color:#222; font-size:22px; line-height:1.45; font-weight:700; } .sag-v16-sidebar, .sag-v16-archive-sidebar{ position:sticky; top:92px; } .sag-v16-sidebar-card{ background:#fff; border:1px solid #e9e9e9; padding:26px; margin-bottom:28px; } .sag-v16-sidebar-card h3{ font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.08; font-weight:800; letter-spacing:-.5px; color:#000; margin:0 0 12px; } .sag-v16-sidebar-card p{ color:#555; font-size:14px; line-height:1.45; margin:0 0 18px; } .sag-v16-sidebar .sag-newsletter-form input, .sag-v16-archive-sidebar .sag-newsletter-form input{ border:1px solid #ddd; } .sag-v16-side-post{ display:block; padding:14px 0; border-top:1px solid #eee; color:#111; font-size:15px; line-height:1.28; font-weight:700; } .sag-v16-side-post:hover{color:#16967f;} .sag-v16-inline-ad .sag-ad-slot{ margin:38px 0; } /* Author box in single */ .sag-v16-article-content .sag-author-box{ background:#fafafa; border:1px solid #e8e8e8; padding:26px; margin-top:54px; display:flex; gap:18px; } .sag-v16-article-content .sag-author-info h3{ font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:800; margin:4px 0 8px; } .sag-v16-article-content .sag-author-info p{ font-size:14px; line-height:1.5; color:#555; margin:0 0 12px; } /* Archive / category / search */ .sag-v16-archive-hero, .sag-v16-author-hero{ background:#fff; color:#111; padding:54px 0 42px; border-bottom:1px solid #eee; } .sag-v16-archive-hero .sag-container{ max-width:1040px; } .sag-v16-archive-kicker{ display:block; color:#16967f; font-size:13px; font-weight:700; margin-bottom:12px; } .sag-v16-archive-hero h1, .sag-v16-author-info h1{ font-family:Arial, Helvetica, sans-serif; font-size:56px; line-height:.98; font-weight:800; letter-spacing:-1.7px; color:#000; margin:0 0 16px; } .sag-v16-archive-hero p, .sag-v16-author-info p{ max-width:780px; color:#555; font-size:18px; line-height:1.45; margin:0; } .sag-v16-archive-section{ background:#fff; padding:58px 0 70px; } .sag-v16-archive-layout{ display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:54px; align-items:start; } .sag-v16-archive-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:48px 34px; } .sag-v16-archive-grid .sag-sej-post-card{ max-width:none; } .sag-v16-pagination{ margin-top:54px; } .sag-v16-pagination .nav-links{ display:flex; gap:8px; flex-wrap:wrap; } .sag-v16-pagination a, .sag-v16-pagination span{ display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 14px; border:1px solid #ddd; color:#111; background:#fff; border-radius:0; font-size:14px; font-weight:700; } .sag-v16-pagination .current{ background:#16967f; border-color:#16967f; color:#000; } /* Author archive */ .sag-v16-author-hero-inner{ display:grid; grid-template-columns:150px minmax(0,850px); gap:34px; align-items:center; } .sag-v16-author-avatar img{ width:150px; height:150px; border-radius:50%; object-fit:cover; border:0; } .sag-v16-author-role{ color:#555; font-size:15px; margin:-8px 0 14px; } .sag-v16-author-stats, .sag-v16-author-links{ display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; } .sag-v16-author-stats span, .sag-v16-author-links a{ border:1px solid #ddd; padding:7px 11px; font-size:13px; color:#111; background:#fff; } .sag-v16-author-links a:hover{ background:#16967f; border-color:#16967f; } .sag-v16-section-title-row h2{ font-family:Arial, Helvetica, sans-serif; font-size:42px; line-height:1; font-weight:800; letter-spacing:-1.1px; color:#000; margin:0 0 36px; } .sag-v16-no-results{ border:1px solid #e5e5e5; padding:34px; } .sag-v16-no-results h2{ font-size:30px; margin:0 0 10px; } /* Ad slots: clean, CLS-safe */ .sag-v16-single .sag-ad-slot, .sag-v16-archive-section .sag-ad-slot, .sag-v16-archive-hero + .sag-container .sag-ad-slot{ border-radius:0 !important; box-shadow:none !important; border:1px solid #eee !important; background:#fafafa !important; } /* v17 — SEJ-style Author Page */ .sag-author-sej-wrap{ background:#fff; color:#111; padding:54px 0 72px; } .sag-author-sej-container{ max-width:1180px; } .sag-author-sej-header{ display:grid; grid-template-columns:190px minmax(0, 820px); gap:38px; align-items:start; padding:28px 0 48px; border-bottom:1px solid #e6e6e6; } .sag-author-sej-avatar img, .sag-author-sej-avatar .avatar{ width:190px; height:190px; border-radius:50%; object-fit:cover; border:0 !important; box-shadow:none !important; } .sag-author-sej-kicker{ font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1; font-weight:700; color:#16967f; margin:0 0 12px; } .sag-author-sej-profile h1{ font-family:Arial, Helvetica, sans-serif; font-size:64px; line-height:.94; font-weight:700; letter-spacing:-2px; color:#000; margin:0 0 12px; } .sag-author-sej-role{ font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.35; font-weight:400; color:#555; margin:0 0 18px; } .sag-author-sej-bio p{ font-family:Arial, Helvetica, sans-serif; font-size:17px; line-height:1.55; font-weight:400; color:#555; margin:0 0 14px; max-width:800px; } .sag-author-sej-meta, .sag-author-sej-socials{ display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; } .sag-author-sej-meta span, .sag-author-sej-socials a{ font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1; font-weight:600; color:#333; border:1px solid #dcdcdc; background:#fff; padding:9px 12px; text-decoration:none; } .sag-author-sej-socials a:hover{ background:#16967f; border-color:#16967f; color:#000; } .sag-author-sej-content{ display:grid; grid-template-columns:minmax(0, 760px) 320px; gap:70px; align-items:start; padding-top:50px; } .sag-author-sej-title-row h2{ font-family:Arial, Helvetica, sans-serif; font-size:48px; line-height:.98; font-weight:700; letter-spacing:-1.4px; color:#000; margin:0 0 34px; } .sag-author-sej-list{ display:flex; flex-direction:column; gap:36px; } .sag-author-sej-item{ display:grid; grid-template-columns:260px minmax(0,1fr); gap:24px; padding-bottom:36px; border-bottom:1px solid #ededed; } .sag-author-sej-thumb{ display:block; overflow:hidden; background:#f3f3f3; } .sag-author-sej-thumb img{ width:100%; height:165px; object-fit:cover; display:block; } .sag-author-sej-cat{ display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1; font-weight:700; color:#16967f; text-decoration:none; margin:0 0 10px; } .sag-author-sej-article-content h3{ font-family:Arial, Helvetica, sans-serif; font-size:25px; line-height:1.12; font-weight:700; letter-spacing:-.45px; margin:0 0 11px; color:#000; } .sag-author-sej-article-content h3 a{ color:#000; text-decoration:none; } .sag-author-sej-article-content h3 a:hover{ color:#16967f; } .sag-author-sej-article-content p{ font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.45; font-weight:400; color:#666; margin:0 0 16px; } .sag-author-sej-post-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1; font-weight:400; color:#777; } .sag-author-sej-meta-item{ display:inline-flex; align-items:center; gap:6px; } .sag-author-sej-post-meta svg{ width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; } .sag-author-sej-sidebar{ position:sticky; top:110px; } .sag-author-sej-card{ border:1px solid #e6e6e6; background:#fff; padding:24px; margin-bottom:24px; } .sag-author-sej-card h3{ font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:1.05; font-weight:700; letter-spacing:-.5px; color:#000; margin:0 0 12px; } .sag-author-sej-card p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.48; font-weight:400; color:#555; margin:0 0 16px; } .sag-author-sej-card-stat{ font-size:13px; font-weight:600; color:#333; } .sag-author-sej-card .sag-newsletter-form input{ border:1px solid #ddd; background:#fff; } .sag-author-sej-pagination{ margin-top:42px; } @media (max-width: 1024px){ .sag-author-sej-content{grid-template-columns:1fr;gap:42px;} .sag-author-sej-sidebar{position:static;} } @media (max-width: 768px){ .sag-author-sej-wrap{padding:34px 0 52px;} .sag-author-sej-header{grid-template-columns:1fr;gap:18px;padding:18px 0 34px;} .sag-author-sej-avatar img,.sag-author-sej-avatar .avatar{width:118px;height:118px;} .sag-author-sej-profile h1{font-size:42px;line-height:.98;letter-spacing:-1.1px;margin-bottom:10px;} .sag-author-sej-role{font-size:14px;margin-bottom:14px;} .sag-author-sej-bio p{font-size:15px;line-height:1.5;} .sag-author-sej-content{padding-top:34px;} .sag-author-sej-title-row h2{font-size:34px;letter-spacing:-.8px;margin-bottom:26px;} .sag-author-sej-item{grid-template-columns:1fr;gap:14px;padding-bottom:30px;} .sag-author-sej-thumb img{height:auto;aspect-ratio:16/9;} .sag-author-sej-article-content h3{font-size:22px;line-height:1.16;} .sag-author-sej-article-content p{font-size:14px;} .sag-author-sej-post-meta{font-size:12.5px;gap:12px;} .sag-author-sej-card{padding:20px;} } /* v21 Live Search Overlay Polish */ .sag-search-panel{ width:100%; max-width:760px; padding:0 20px; } .sag-live-search-results{ margin-top:18px; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 24px 60px rgba(0,0,0,.25); } .sag-live-search-list{ display:flex; flex-direction:column; } .sag-live-search-item{ display:grid; grid-template-columns:72px 1fr; gap:14px; padding:12px 14px; border-bottom:1px solid #eee; color:#000; transition:.18s ease; } .sag-live-search-item:hover{ background:#f4f4f4; } .sag-live-search-thumb img, .sag-live-search-thumb-placeholder{ display:block; width:72px; height:54px; object-fit:cover; background:#111; } .sag-live-search-content{ display:flex; flex-direction:column; justify-content:center; min-width:0; } .sag-live-search-content strong{ font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.25; font-weight:600; color:#000; } .sag-live-search-content small{ margin-top:5px; font-size:12px; color:#777; font-weight:400; } .sag-live-search-loading, .sag-live-search-empty{ margin:0; padding:16px; color:#555; font-size:14px; } @media (max-width:768px){ .sag-live-search-item{grid-template-columns:62px 1fr;gap:12px;} .sag-live-search-thumb img,.sag-live-search-thumb-placeholder{width:62px;height:48px;} .sag-live-search-content strong{font-size:14px;} } /* v22 Single Post Perfection — scoped only to single article layout */ .sag-v16-single-head{ padding-top:62px; padding-bottom:26px; background:#fff; } .sag-v16-single-head-inner{max-width:1040px;} .sag-v16-single-head h1{ font-family:Arial, Helvetica, sans-serif; font-size:58px; line-height:1.02; letter-spacing:-1.9px; font-weight:800; max-width:990px; } .sag-v16-single-dek{ font-size:20px; line-height:1.5; color:#4b4b4b; max-width:850px; } .sag-v16-single-authorline{ padding-top:4px; align-items:flex-start; } .sag-v16-single-avatar, .sag-v16-single-avatar img{ width:54px; height:54px; flex-basis:54px; } .sag-v16-single-by{ font-size:14px; color:#5b5b5b; margin-bottom:9px; font-weight:400; } .sag-v16-single-by span{font-weight:400;color:#777;} .sag-v16-single-by a{font-weight:700;color:#16967f;} .sag-v16-single-meta{ gap:16px; color:#666; font-size:13px; line-height:1.2; font-weight:400; } .sag-v16-meta-item svg{ width:13px; height:13px; stroke:#777; stroke-width:1.75; } .sag-v16-meta-updated{ color:#7a7a7a; } .sag-v22-reading-progress{ position:sticky; top:84px; height:3px; background:transparent; z-index:998; } .sag-v22-reading-progress span{ display:block; height:3px; width:var(--sag-reading-progress,0%); background:#16967f; transition:width .08s linear; } .sag-v16-featured-image{ margin-top:38px; margin-bottom:54px; border-radius:0; } .sag-v16-single-grid{ grid-template-columns:54px minmax(0,790px) 330px; gap:46px; } .sag-v16-article-content{ font-family:Arial, Helvetica, sans-serif; } .sag-v16-article-content p{ font-size:19px; line-height:1.78; color:#222; margin-bottom:28px; } .sag-v16-article-content h2{ font-size:36px; line-height:1.12; letter-spacing:-.9px; font-weight:800; margin-top:58px; margin-bottom:18px; } .sag-v16-article-content h3{ font-size:27px; line-height:1.16; font-weight:700; } .sag-v16-article-content a:not(.sag-post-thumb):not(.sag-author-link){ color:#16967f; text-decoration:underline; text-underline-offset:3px; } .sag-v16-sharebar a{ border-color:#dedede; color:#444; font-weight:600; box-shadow:none; } .sag-v16-sidebar-card{ border-color:#e6e6e6; box-shadow:none; } .sag-v16-sidebar-card h3{ font-size:23px; font-weight:700; letter-spacing:-.45px; } .sag-v16-side-post{ font-weight:600; color:#222; } .sag-v16-article-content .sag-toc{ border:1px solid #e7e7e7; background:#fafafa; padding:22px 24px; border-radius:0; margin:4px 0 38px; } .sag-v16-article-content .sag-toc h3{ font-size:21px; line-height:1.1; font-weight:700; margin:0 0 16px; letter-spacing:-.3px; } .sag-v16-article-content .sag-toc li{ font-size:15px; line-height:1.35; margin-bottom:11px; } .sag-v16-article-content .sag-author-box{ border-radius:0; box-shadow:none; background:#fafafa; } .sag-v16-article-content .sag-related-posts .sag-section-header h2{ font-size:42px; line-height:1; letter-spacing:-1.1px; } @media (max-width: 1180px){ .sag-v16-single-grid{grid-template-columns:minmax(0,1fr) 320px;} .sag-v16-sharebar{display:none;} } @media (max-width: 980px){ .sag-v16-single-grid{grid-template-columns:1fr;gap:34px;} .sag-v16-sidebar{position:static;} } @media (max-width: 768px){ .sag-v16-single-head{padding-top:38px;padding-bottom:20px;} .sag-v16-single-head h1{font-size:40px;line-height:1.02;letter-spacing:-1.2px;} .sag-v16-single-dek{font-size:16.5px;line-height:1.48;margin-bottom:22px;} .sag-v16-single-avatar,.sag-v16-single-avatar img{width:46px;height:46px;flex-basis:46px;} .sag-v16-single-meta{font-size:12.5px;gap:12px;} .sag-v22-reading-progress{top:68px;} .sag-v16-featured-image{margin:26px auto 34px;} .sag-v16-article-content p{font-size:17px;line-height:1.74;margin-bottom:24px;} .sag-v16-article-content h2{font-size:28px;line-height:1.13;letter-spacing:-.6px;margin-top:42px;} .sag-v16-article-content h3{font-size:23px;} .sag-v16-article-content .sag-toc{padding:18px;margin-bottom:33px;} .sag-v16-article-content .sag-related-posts .sag-section-header h2{font-size:32px;} } /* v24 — Final Author Page Polish */ .sag-author-v24{ background:#fff; padding:46px 0 72px; } .sag-author-v24 .sag-author-sej-container{ max-width:1180px; } .sag-author-v24 .sag-author-sej-header{ grid-template-columns:170px minmax(0, 830px); gap:34px; padding:20px 0 44px; border-bottom:1px solid #e9e9e9; } .sag-author-v24 .sag-author-sej-avatar img, .sag-author-v24 .sag-author-sej-avatar .avatar{ width:170px; height:170px; border:0 !important; box-shadow:none !important; } .sag-author-v24 .sag-author-sej-kicker{ color:#16967f; font-size:12px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; margin-bottom:10px; } .sag-author-v24 .sag-author-sej-profile h1{ font-size:60px; line-height:.98; font-weight:700; letter-spacing:-1.8px; margin-bottom:12px; } .sag-author-v24 .sag-author-sej-role{ font-size:15px; color:#555; font-weight:400; margin-bottom:16px; } .sag-author-v24 .sag-author-sej-bio p{ font-size:16px; line-height:1.58; color:#555; max-width:790px; } .sag-author-v24 .sag-author-sej-meta span, .sag-author-v24 .sag-author-sej-socials a{ border-color:#e3e3e3; font-size:12px; font-weight:500; color:#444; padding:8px 11px; } .sag-author-v24 .sag-author-sej-content{ grid-template-columns:minmax(0, 780px) 315px; gap:64px; padding-top:46px; } .sag-author-v24 .sag-author-sej-title-row h2{ font-size:46px; line-height:1; font-weight:700; letter-spacing:-1.2px; margin-bottom:32px; } .sag-author-v24 .sag-author-sej-item{ grid-template-columns:240px minmax(0,1fr); gap:22px; padding-bottom:32px; } .sag-author-v24 .sag-author-sej-thumb img{ height:152px; } .sag-author-v24 .sag-author-sej-cat{ font-size:11px; font-weight:700; color:#16967f; margin-bottom:9px; } .sag-author-v24 .sag-author-sej-article-content h3{ font-size:24px; line-height:1.14; font-weight:650; letter-spacing:-.35px; margin-bottom:10px; } .sag-author-v24 .sag-author-sej-article-content p{ font-size:14.5px; line-height:1.5; color:#666; margin-bottom:14px; } .sag-author-v24 .sag-author-sej-post-meta{ font-size:12.5px; color:#777; font-weight:400; gap:13px; } .sag-author-v24 .sag-author-sej-post-meta svg{ width:13px; height:13px; stroke-width:1.7; } .sag-author-v24 .sag-author-sej-card{ border-color:#e9e9e9; padding:22px; } .sag-author-v24 .sag-author-sej-card h3{ font-size:22px; font-weight:650; letter-spacing:-.35px; } .sag-author-v24 .sag-author-sej-card p{ font-size:14px; color:#606060; } /* ===== v25 AdSense + Monetization Polish ===== */ .sag-ad-slot{ width:100%; max-width:100%; margin:34px auto; padding:0; background:transparent; border:0; box-shadow:none; text-align:center; clear:both; } .sag-ad-slot > span{ display:block; font-size:10px; font-weight:500; line-height:1; letter-spacing:.08em; text-transform:uppercase; color:#a0a0a0; margin:0 0 10px; } .sag-ad-code, .sag-ad-placeholder{ width:100%; min-height:250px; display:flex; align-items:center; justify-content:center; background:#f8f8f8; border:1px solid #eeeeee; color:#9a9a9a; font-size:13px; font-weight:400; overflow:hidden; } .sag-ad-below_hero_ad, .sag-ad-footer_ad, .sag-ad-category_top_ad{ max-width:1120px; margin-top:42px; margin-bottom:42px; } .sag-ad-below_hero_ad .sag-ad-code, .sag-ad-below_hero_ad .sag-ad-placeholder, .sag-ad-footer_ad .sag-ad-code, .sag-ad-footer_ad .sag-ad-placeholder, .sag-ad-category_top_ad .sag-ad-code, .sag-ad-category_top_ad .sag-ad-placeholder{ min-height:250px; } .sag-ad-top_article_ad{ max-width:900px; margin-top:28px; margin-bottom:37px; } .sag-ad-in_article_ad_1, .sag-ad-in_article_ad_2{ margin:42px auto; } .sag-ad-sidebar_ad{ margin:24px 0; } .sag-ad-sidebar_ad .sag-ad-code, .sag-ad-sidebar_ad .sag-ad-placeholder{ min-height:300px; } .sag-ad-homepage_native_ad, .sag-ad-category_native_ad{ min-height:0; } .sag-ad-homepage_native_ad .sag-ad-code, .sag-ad-homepage_native_ad .sag-ad-placeholder, .sag-ad-category_native_ad .sag-ad-code, .sag-ad-category_native_ad .sag-ad-placeholder{ min-height:280px; } @media (max-width:768px){ .sag-ad-slot{margin:28px auto;} .sag-ad-code, .sag-ad-placeholder{min-height:220px;} .sag-ad-sidebar_ad .sag-ad-code, .sag-ad-sidebar_ad .sag-ad-placeholder{min-height:260px;} .sag-ad-below_hero_ad .sag-ad-code, .sag-ad-below_hero_ad .sag-ad-placeholder, .sag-ad-footer_ad .sag-ad-code, .sag-ad-footer_ad .sag-ad-placeholder{min-height:220px;} } /* v26: Core Web Vitals + performance polish */ .sag-hero-main, .sag-featured-image, .sag-sej-post-card__media, .sag-post-thumb{ content-visibility:auto; contain-intrinsic-size: 420px 260px; } .sag-hero-main{content-visibility:visible;} .sag-ad-slot{ contain:layout paint; min-height:280px; } .sag-ad-sidebar_ad{min-height:320px;} .sag-ad-top_article_ad{min-height:250px;} .sag-live-search-results, .sag-mobile-menu{overscroll-behavior:contain;} @media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;} } /* ========================================================== Final Master Author Page Base v35 ========================================================== */ .sag-author-final{background:#fff;padding:70px 0 90px;color:#111} .sag-author-final .sag-container{max-width:1120px} .sag-author-final-hero{display:grid;grid-template-columns:170px minmax(0,1fr);gap:42px;align-items:start;padding-bottom:52px;margin-bottom:58px;border-bottom:1px solid #e8e8e8} .sag-author-final-avatar img{width:170px!important;height:170px!important;border-radius:50%!important;object-fit:cover!important;display:block!important} .sag-author-final-info{max-width:760px} .sag-author-final-label{display:block;margin:2px 0 8px;color:#16967f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em} .sag-author-final-info h1{margin:0 0 10px;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:56px;line-height:1.04;font-weight:700;letter-spacing:-.035em} .sag-author-final-role{margin:0 0 16px;color:#333;font-size:15px;line-height:1.45;font-weight:400} .sag-author-final-bio{margin:0;max-width:730px;color:#3f3f3f;font-size:16px;line-height:1.68;font-weight:400} .sag-author-final-tags,.sag-author-final-links{display:flex;flex-wrap:wrap;gap:8px} .sag-author-final-tags{margin-top:22px}.sag-author-final-links{margin-top:14px} .sag-author-final-tags span,.sag-author-final-links a{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border:1px solid #dedede;background:#fff;color:#222;font-size:12px;line-height:1;font-weight:500;text-decoration:none} .sag-author-final-layout{display:grid;grid-template-columns:minmax(0,740px) 310px;gap:70px;align-items:start} .sag-author-final-feed h2{margin:0 0 34px;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:42px;line-height:1.05;font-weight:700;letter-spacing:-.03em} .sag-author-final-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid #ededed} .sag-author-final-thumb{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#f0f0f0} .sag-author-final-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} .sag-author-final-cat{display:inline-block;margin:0 0 10px;color:#16967f!important;font-size:12px;line-height:1;font-weight:700;text-transform:uppercase;text-decoration:none} .sag-author-final-card-content h3{margin:0 0 10px;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.018em;color:#000} .sag-author-final-card-content h3 a{color:#000!important;text-decoration:none}.sag-author-final-card-content h3 a:hover{color:#16967f!important} .sag-author-final-card-content p{margin:0 0 16px;color:#4a4a4a;font-size:14.5px;line-height:1.58;font-weight:400} .sag-author-final-meta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;color:#222;font-size:12.5px;line-height:1;font-weight:400} .sag-author-final-sidebar{position:sticky;top:110px} .sag-author-final-about{border:1px solid #e2e2e2;background:#fff;padding:24px;margin-bottom:28px} .sag-author-final-about h3{margin:0 0 12px;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:1.15;font-weight:700;color:#000;letter-spacing:-.015em} .sag-author-final-about p{margin:0 0 18px;color:#555;font-size:14px;line-height:1.55} .sag-author-final-about strong{color:#111;font-size:13px;font-weight:700} @media(max-width:1024px){.sag-author-final-layout{grid-template-columns:1fr;gap:42px}.sag-author-final-sidebar{position:static}} @media(max-width:768px){.sag-author-final{padding:42px 0 64px}.sag-author-final-hero{grid-template-columns:1fr;gap:22px;margin-bottom:42px;padding-bottom:40px}.sag-author-final-avatar img{width:128px!important;height:128px!important}.sag-author-final-info h1{font-size:38px;line-height:1.08}.sag-author-final-bio{font-size:15px;line-height:1.66}.sag-author-final-feed h2{font-size:34px;margin-bottom:26px}.sag-author-final-card{grid-template-columns:1fr;gap:16px;padding-bottom:30px;margin-bottom:33px}.sag-author-final-card-content h3{font-size:21px;line-height:1.22}.sag-author-final-meta{gap:14px;font-size:12px}} /* ========================================================== v36 Global Accent + SEJ Hero Right Hover Refinement ========================================================== */ :root{ --sag-green:#16967f !important; --sag-accent:#16967f !important; } /* Force all common green accent elements to new brand green */ .sag-section-kicker, .sag-card-category, .sag-category-badge, .sag-tab-btn.active, .sag-author-final-label, .sag-author-final-cat, .sag-author-article-cat-v33, .sag-author-label-v33, .sag-author-label-v34, .sag-menu li a:hover, .sag-view-all:hover{ color:#16967f !important; } /* Buttons/background accents */ .sag-subscribe-btn, .sag-newsletter-form button, .sag-load-more-btn:hover, .sag-tab-btn.active, .sag-tab-btn:hover, .sag-category-badge, .sag-card-category{ background:#16967f !important; } /* Hero right-side list: SEJ old-style hover */ .sag-hero-list-item{ position:relative; display:block; min-height:120px; padding:22px 24px !important; border-radius:0 !important; border:0 !important; border-bottom:1px solid #eeeeee !important; background:#fff !important; box-shadow:none !important; transition:background .18s ease,color .18s ease; cursor:pointer; } .sag-hero-list-item img{ display:none !important; } .sag-hero-list-item span{ display:block; margin:0 0 10px !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; font-weight:700 !important; line-height:1.1 !important; text-transform:uppercase; letter-spacing:.01em; } .sag-hero-list-item h3{ margin:0 !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:21px !important; line-height:1.16 !important; font-weight:700 !important; letter-spacing:-.02em !important; transition:color .18s ease; } .sag-hero-list-item:hover, .sag-hero-list-item.active{ background:#16967f !important; } .sag-hero-list-item:hover span, .sag-hero-list-item:hover h3, .sag-hero-list-item.active span, .sag-hero-list-item.active h3{ color:#fff !important; } /* Keep the entire hero side card clickable */ .sag-hero-list-item a, .sag-hero-list-item{ text-decoration:none !important; } /* SEJ-style right column compact rhythm */ .sag-hero-list{ gap:0 !important; background:#fff !important; } @media (max-width: 992px){ .sag-hero-list-item{ min-height:auto; padding:18px 20px !important; } .sag-hero-list-item h3{ font-size:18px !important; line-height:1.22 !important; } } /* ========================================================== v172 HERO — full-width stable desktop/tablet layout Keeps the hero composition consistent across 14–24 inch screens. ========================================================== */ :root{ --sag-green:#16967f !important; --sag-accent:#16967f !important; } .sag-hero-sej-v39{ padding:0 !important; margin:0 !important; background:#fff !important; width:100% !important; } .sag-hero-sej-v39 .sag-hero-grid{ display:grid !important; grid-template-columns:minmax(0, 72%) minmax(330px, 28%) !important; gap:0 !important; width:100% !important; max-width:none !important; padding:0 !important; margin:0 !important; align-items:stretch !important; } .sag-hero-sej-v39 .sag-hero-main{ position:relative !important; min-height:580px !important; height:clamp(580px, 38vw, 660px) !important; border-radius:0 !important; background-size:cover !important; background-position:center center !important; display:flex !important; align-items:flex-end !important; color:#fff !important; overflow:hidden !important; } .sag-hero-sej-v39 .sag-hero-overlay{ position:absolute !important; inset:0 !important; z-index:1 !important; pointer-events:none !important; background: linear-gradient(to right, rgba(0,0,0,.88) 0%, rgba(0,0,0,.66) 25%, rgba(0,0,0,.34) 50%, rgba(0,0,0,.08) 76%, rgba(0,0,0,0) 100%), linear-gradient(to bottom, rgba(0,0,0,.70) 0%, rgba(0,0,0,.28) 22%, rgba(0,0,0,.10) 48%, rgba(0,0,0,.46) 72%, rgba(0,0,0,.94) 100%), radial-gradient(ellipse at left center, rgba(0,0,0,.52) 0%, rgba(0,0,0,.28) 36%, rgba(0,0,0,0) 70%) !important; } .sag-hero-sej-v39 .sag-hero-brand-logo{ position:absolute !important; top:24px !important; left:14px !important; z-index:3 !important; width:410px !important; max-width:none !important; height:auto !important; display:block !important; pointer-events:none !important; } .sag-hero-sej-v39 .sag-hero-content{ position:relative !important; z-index:2 !important; padding:0 40px 108px 42px !important; max-width:760px !important; } .sag-hero-sej-v39 .sag-hero-category-text, .sag-hero-sej-v39 .sag-hero-content .sag-category-badge{ display:block !important; background:transparent !important; color:#16967f !important; padding:0 !important; border-radius:0 !important; margin:0 0 13px !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.02em !important; } .sag-hero-sej-v39 .sag-hero-content h1{ margin:0 0 18px !important; color:#fff !important; font-family:Arial, Helvetica, sans-serif !important; font-size:46px !important; line-height:1.08 !important; font-weight:700 !important; letter-spacing:-.035em !important; max-width:760px !important; } .sag-hero-sej-v39 .sag-hero-meta{ display:flex !important; color:#d7d7d7 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; line-height:1 !important; font-weight:400 !important; gap:0 !important; } .sag-hero-sej-v39 .sag-hero-list{ display:grid !important; grid-template-rows:repeat(4, minmax(0, 1fr)) !important; gap:0 !important; background:#fff !important; width:100% !important; min-width:0 !important; height:clamp(580px, 38vw, 660px) !important; align-self:stretch !important; } .sag-hero-sej-v39 .sag-hero-list-item{ display:flex !important; align-items:center !important; min-height:0 !important; padding:0 !important; margin:0 !important; border:0 !important; border-bottom:1px solid #eeeeee !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; position:relative !important; cursor:pointer !important; overflow:visible !important; transition:background .16s ease !important; } .sag-hero-sej-v39 .sag-hero-list-item img{display:none !important;} .sag-hero-sej-v39 .sag-hero-list-text{ position:relative !important; width:100% !important; height:100% !important; padding:22px 28px !important; min-height:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; } .sag-hero-sej-v39 .sag-hero-list-text::before{ content:"" !important; position:absolute !important; left:0 !important; top:50% !important; transform:translate(-100%, -50%) !important; width:0 !important; height:0 !important; border-top:14px solid transparent !important; border-bottom:14px solid transparent !important; border-right:16px solid #16967f !important; opacity:0 !important; transition:opacity .16s ease !important; z-index:5 !important; } .sag-hero-sej-v39 .sag-hero-list-item:hover, .sag-hero-sej-v39 .sag-hero-list-item.active{background:#16967f !important;} .sag-hero-sej-v39 .sag-hero-list-item:hover .sag-hero-list-text::before, .sag-hero-sej-v39 .sag-hero-list-item.active .sag-hero-list-text::before{opacity:1 !important;} .sag-hero-sej-v39 .sag-hero-list-item::after{display:none !important;content:none !important;} .sag-hero-sej-v39 .sag-hero-list-item span{ display:block !important; margin:0 0 10px !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.01em !important; transition:color .16s ease !important; } .sag-hero-sej-v39 .sag-hero-list-item h3{ margin:0 !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:18px !important; line-height:1.18 !important; font-weight:700 !important; letter-spacing:-.02em !important; transition:color .16s ease !important; } .sag-hero-sej-v39 .sag-hero-list-item:hover span, .sag-hero-sej-v39 .sag-hero-list-item:hover h3, .sag-hero-sej-v39 .sag-hero-list-item.active span, .sag-hero-sej-v39 .sag-hero-list-item.active h3{color:#fff !important;} .sag-hero-sej-v39 .sag-hero-list-item:nth-child(n+5){display:none !important;} @media (min-width: 1600px){ .sag-hero-sej-v39 .sag-hero-grid{grid-template-columns:minmax(0, 73%) minmax(350px, 27%) !important;} .sag-hero-sej-v39 .sag-hero-main, .sag-hero-sej-v39 .sag-hero-list{height:660px !important;} } @media (min-width: 1200px) and (max-width: 1399px){ .sag-hero-sej-v39 .sag-hero-grid{grid-template-columns:minmax(0, 72%) minmax(320px, 28%) !important;} .sag-hero-sej-v39 .sag-hero-main, .sag-hero-sej-v39 .sag-hero-list{height:570px !important;} .sag-hero-sej-v39 .sag-hero-brand-logo{width:360px !important;top:22px !important;left:12px !important;} .sag-hero-sej-v39 .sag-hero-content{padding:0 34px 94px 38px !important;max-width:720px !important;} .sag-hero-sej-v39 .sag-hero-content h1{font-size:40px !important;} .sag-hero-sej-v39 .sag-hero-list-item h3{font-size:17px !important;} } @media (min-width: 993px) and (max-width: 1199px){ .sag-hero-sej-v39 .sag-hero-grid{grid-template-columns:minmax(0, 70%) minmax(300px, 30%) !important;} .sag-hero-sej-v39 .sag-hero-main, .sag-hero-sej-v39 .sag-hero-list{height:525px !important;} .sag-hero-sej-v39 .sag-hero-brand-logo{width:315px !important;top:18px !important;left:10px !important;} .sag-hero-sej-v39 .sag-hero-content{padding:0 28px 80px 30px !important;max-width:650px !important;} .sag-hero-sej-v39 .sag-hero-content h1{font-size:34px !important;} .sag-hero-sej-v39 .sag-hero-list-text{padding:18px 22px !important;} .sag-hero-sej-v39 .sag-hero-list-item h3{font-size:16px !important;} } @media (min-width: 768px) and (max-width: 992px){ .sag-hero-sej-v39 .sag-hero-grid{ grid-template-columns:minmax(0,70%) minmax(240px,30%) !important; width:100% !important; max-width:none !important; } .sag-hero-sej-v39 .sag-hero-main, .sag-hero-sej-v39 .sag-hero-list{ height:420px !important; min-height:420px !important; } .sag-hero-sej-v39 .sag-hero-brand-logo{ display:none !important; } .sag-hero-sej-v39 .sag-hero-content{ padding:0 20px 38px 22px !important; max-width:520px !important; } .sag-hero-sej-v39 .sag-hero-category-text, .sag-hero-sej-v39 .sag-hero-content .sag-category-badge{ font-size:10px !important; margin-bottom:8px !important; } .sag-hero-sej-v39 .sag-hero-content h1{ font-size:28px !important; line-height:1.08 !important; max-width:500px !important; margin-bottom:12px !important; } .sag-hero-sej-v39 .sag-hero-meta{ font-size:12px !important; } .sag-hero-sej-v39 .sag-hero-list{ display:grid !important; grid-template-rows:repeat(4, minmax(0, 1fr)) !important; gap:0 !important; } .sag-hero-sej-v39 .sag-hero-list-item{ min-height:0 !important; display:flex !important; align-items:center !important; } .sag-hero-sej-v39 .sag-hero-list-text{ min-height:0 !important; height:100% !important; padding:12px 14px !important; justify-content:center !important; } .sag-hero-sej-v39 .sag-hero-list-text::before{display:none !important;} .sag-hero-sej-v39 .sag-hero-list-item span{ font-size:9px !important; margin-bottom:6px !important; } .sag-hero-sej-v39 .sag-hero-list-item h3{ font-size:13px !important; line-height:1.18 !important; } } @media (max-width: 767px){ .sag-hero-sej-v39 .sag-hero-grid{ grid-template-columns:1fr !important; width:100% !important; max-width:none !important; } .sag-hero-sej-v39 .sag-hero-main{ height:auto !important; min-height:440px !important; } .sag-hero-sej-v39 .sag-hero-list{ width:100% !important; height:auto !important; display:flex !important; } .sag-hero-sej-v39 .sag-hero-brand-logo{display:none !important;} .sag-hero-sej-v39 .sag-hero-content{ padding:0 22px 36px 22px !important; max-width:100% !important; } .sag-hero-sej-v39 .sag-hero-content h1{font-size:34px !important;} .sag-hero-sej-v39 .sag-hero-list-item{min-height:98px !important;} .sag-hero-sej-v39 .sag-hero-list-text{min-height:98px !important;padding:17px 22px !important;} .sag-hero-sej-v39 .sag-hero-list-text::before{display:none !important;} } /* v43 final byline fix: author text has no 'By'; pseudo-element adds exactly one. */ .sag-hero-byline::before{ content:"By "; } /* ========================================================== v52 SINGLE POST — SEJ Exact Structure Pass Scoped to .sag-sej-single only. ========================================================== */ .sag-sej-single{ background:#fff; color:#111; padding:0 0 88px; } .sag-sej-single .sag-ad-slot:first-child{ max-width:970px; min-height:250px; margin:32px auto 46px; border:1px dashed #d9d9d9 !important; background:#fafafa !important; } .sag-sej-article-header{ width:min(920px, calc(100% - 40px)); margin:0 auto; padding:0 0 26px; } .sag-sej-breadcrumbs{ display:flex; align-items:center; gap:9px; margin:0 0 24px; color:#777; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1; } .sag-sej-breadcrumbs a{ color:#555; text-decoration:none; } .sag-sej-breadcrumbs a:hover{ color:#16967f; } .sag-sej-category{ display:inline-block; margin:0 0 14px; color:#16967f !important; background:transparent !important; padding:0 !important; border-radius:0 !important; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1; font-weight:700; text-transform:uppercase; letter-spacing:.02em; text-decoration:none; } .sag-sej-article-header h1{ max-width:900px; margin:0 0 18px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:58px; line-height:1.04; font-weight:700; letter-spacing:-.048em; } .sag-sej-dek{ max-width:820px; margin:0 0 28px; color:#3f3f3f; font-size:19px; line-height:1.52; font-weight:400; } .sag-sej-meta-row{ display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:24px; align-items:center; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:18px 0; margin:0 0 18px; } .sag-sej-author-block{ display:flex; align-items:center; gap:14px; } .sag-sej-author-avatar img{ width:56px !important; height:56px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; } .sag-sej-author-name{ display:inline-block; color:#111; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.2; font-weight:700; text-decoration:none; margin-bottom:7px; } .sag-sej-author-name:hover{ color:#16967f; } .sag-sej-author-meta{ display:flex; flex-wrap:wrap; gap:9px; align-items:center; color:#555; font-size:13px; line-height:1; } .sag-sej-author-meta span + span::before{ content:"•"; margin-right:9px; color:#999; } .sag-sej-reads{ color:#111; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1; font-weight:700; white-space:nowrap; } .sag-sej-author-summary{ display:flex; align-items:flex-start; gap:8px; max-width:820px; color:#4f4f4f; font-size:13.5px; line-height:1.55; margin:0; } .sag-sej-author-summary span{ color:#111; font-weight:700; white-space:nowrap; } .sag-sej-featured{ width:min(1040px, calc(100% - 40px)); margin:34px auto 46px; } .sag-sej-featured img{ width:100%; height:auto; max-height:580px; object-fit:cover; display:block; border-radius:0 !important; } .sag-sej-article-shell{ width:min(1120px, calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:56px minmax(0, 720px) 300px; gap:42px; align-items:start; } .sag-sej-share{ position:sticky; top:112px; display:flex; flex-direction:column; align-items:center; gap:8px; } .sag-sej-share span{ color:#777; font-size:10px; line-height:1; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:4px; } .sag-sej-share a{ width:42px; height:42px; border:1px solid #e2e2e2; color:#111; background:#fff; display:flex; align-items:center; justify-content:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:700; text-decoration:none; } .sag-sej-share a:hover{ background:#16967f; border-color:#16967f; color:#fff; } .sag-sej-content{ min-width:0; background:#fff; } .sag-sej-content p{ color:#222; font-size:18px; line-height:1.82; margin:0 0 27px; } .sag-sej-content h2{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:35px; line-height:1.16; font-weight:700; letter-spacing:-.032em; margin:52px 0 18px; } .sag-sej-content h3{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.24; font-weight:700; letter-spacing:-.02em; margin:36px 0 14px; } .sag-sej-content ul, .sag-sej-content ol{ margin:0 0 28px 24px; padding:0; color:#222; font-size:18px; line-height:1.75; } .sag-sej-content li{ margin-bottom:10px; } .sag-sej-content a{ color:#158b0b; text-decoration:underline; text-underline-offset:3px; } .sag-sej-content blockquote{ border-left:4px solid #16967f; margin:36px 0; padding:8px 0 8px 22px; color:#222; font-size:20px; line-height:1.58; font-weight:500; } .sag-sej-content img{ max-width:100%; height:auto; } .sag-sej-content figure{ margin:34px 0; } .sag-sej-content figcaption{ color:#777; font-size:13px; line-height:1.45; margin-top:8px; } .sag-sej-content .sag-toc, .sag-sej-content .sag-table-of-contents{ border:1px solid #e3e3e3 !important; background:#fafafa !important; padding:22px !important; margin:0 0 34px !important; border-radius:0 !important; } .sag-sej-sidebar{ position:sticky; top:112px; } .sag-sej-sidebar-card{ border:1px solid #e2e2e2; padding:24px; background:#fff; margin-top:26px; } .sag-sej-sidebar-card h3{ color:#000; font-family:Arial, Helvetica, sans-serif; font-size:22px; line-height:1.16; font-weight:700; letter-spacing:-.02em; margin:0 0 12px; } .sag-sej-sidebar-card p{ color:#555; font-size:14px; line-height:1.55; margin:0 0 18px; } .sag-sej-sidebar-card input{ width:100%; border:1px solid #d8d8d8; padding:12px 13px; font-size:14px; margin-bottom:10px; } .sag-sej-sidebar-card button{ width:100%; border:0; background:#16967f; color:#fff; padding:12px 15px; font-weight:700; cursor:pointer; } .sag-sej-content .sag-author-box, .sag-sej-content .sag-related-posts, .sag-sej-content .comments-area{ margin-top:56px; padding-top:38px; border-top:1px solid #e6e6e6; } /* Avoid old single layout styles interfering */ .sag-sej-single .sag-single-hero, .sag-sej-single .sag-featured-image, .sag-sej-single .sag-single-layout{ all:unset; } /* Responsive */ @media(max-width:1024px){ .sag-sej-article-shell{ grid-template-columns:minmax(0,1fr); gap:34px; } .sag-sej-share{ position:static; flex-direction:row; justify-content:flex-start; order:0; } .sag-sej-sidebar{ position:static; } } @media(max-width:768px){ .sag-sej-single .sag-ad-slot:first-child{ margin:20px 18px 34px; min-height:180px; } .sag-sej-article-header, .sag-sej-featured, .sag-sej-article-shell{ width:calc(100% - 36px); } .sag-sej-article-header h1{ font-size:38px; line-height:1.08; letter-spacing:-.035em; } .sag-sej-dek{ font-size:16px; line-height:1.58; } .sag-sej-meta-row{ grid-template-columns:1fr; gap:14px; } .sag-sej-reads{ justify-self:start; } .sag-sej-featured{ margin-top:26px; margin-bottom:37px; } .sag-sej-content p{ font-size:17px; line-height:1.78; } .sag-sej-content h2{ font-size:29px; } .sag-sej-content h3{ font-size:23px; } } /* ========================================================== v53 Single Post 70/30 SEJ Layout Fix ========================================================== */ .sag-single-v53{ background:#fff; padding-bottom:88px; } .sag-single-top-ad{ width:100%; padding:32px 20px 46px; } .sag-single-top-ad .sag-ad-slot{ max-width:970px; min-height:250px; margin:0 auto; border:1px dashed #d9d9d9 !important; background:#fafafa !important; } .sag-single-shell-v53{ width:min(1120px, calc(100% - 40px)); margin:0 auto; display:grid; grid-template-columns:56px minmax(0, 720px) 300px; gap:42px; align-items:start; } .sag-single-main-v53{ min-width:0; } .sag-single-header-v53{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 0 26px !important; } .sag-single-header-v53 .sag-sej-breadcrumbs{ margin:0 0 24px !important; } .sag-single-header-v53 h1{ max-width:720px !important; margin:0 0 18px !important; color:#000 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:48px !important; line-height:1.08 !important; font-weight:700 !important; letter-spacing:-.04em !important; } .sag-single-header-v53 .sag-sej-dek{ max-width:700px !important; margin:0 0 28px !important; color:#3f3f3f !important; font-size:16px !important; line-height:1.56 !important; } .sag-single-header-v53 .sag-sej-meta-row{ width:100%; margin:0 0 18px !important; } .sag-single-featured-v53{ width:100% !important; max-width:none !important; margin:28px 0 42px !important; } .sag-single-featured-v53 img{ width:100% !important; height:auto !important; max-height:520px !important; object-fit:cover !important; display:block !important; border-radius:0 !important; } .sag-single-content-v53{ width:100%; max-width:none; } .sag-single-share-v53{ position:sticky; top:112px; } .sag-single-sidebar-v53{ position:sticky; top:112px; } /* Breadcrumb SAG link */ .sag-sej-breadcrumbs a:first-child{ font-weight:700; color:#111 !important; } .sag-sej-breadcrumbs a:first-child:hover{ color:#16967f !important; } /* Override older centered wrappers from v52 */ .sag-sej-article-header, .sag-sej-featured, .sag-sej-article-shell{ width:auto; } @media(max-width:1024px){ .sag-single-shell-v53{ grid-template-columns:1fr; gap:32px; width:calc(100% - 40px); } .sag-single-share-v53, .sag-single-sidebar-v53{ position:static; } .sag-single-share-v53{ flex-direction:row; justify-content:flex-start; } } @media(max-width:768px){ .sag-single-top-ad{ padding:20px 18px 34px; } .sag-single-top-ad .sag-ad-slot{ min-height:180px; } .sag-single-shell-v53{ width:calc(100% - 36px); } .sag-single-header-v53 h1{ font-size:36px !important; line-height:1.08 !important; letter-spacing:-.035em !important; } .sag-single-header-v53 .sag-sej-dek{ font-size:16px !important; line-height:1.58 !important; } .sag-single-header-v53 .sag-sej-meta-row{ grid-template-columns:1fr !important; gap:14px !important; } .sag-single-header-v53 .sag-sej-reads{ justify-self:start !important; } .sag-single-featured-v53{ margin:24px 0 34px !important; } } /* ========================================================== v54 Single Post Meta + Author Row Fix ========================================================== */ .sag-single-header-v54{ padding-bottom:18px !important; } .sag-single-top-meta-v54{ display:flex !important; align-items:center !important; gap:8px !important; margin:0 0 18px !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; } .sag-single-top-meta-v54 a{ color:#16967f !important; text-decoration:none !important; font-weight:700 !important; } .sag-single-top-meta-v54 span{ color:#16967f !important; } .sag-single-header-v54 .sag-sej-category{ display:none !important; } .sag-single-header-v54 h1{ font-size:48px !important; line-height:1.08 !important; letter-spacing:-.04em !important; margin:0 0 18px !important; max-width:720px !important; } .sag-single-dek-v54{ color:#4b4b4b !important; font-size:16px !important; line-height:1.65 !important; margin:0 0 26px !important; max-width:690px !important; } /* Author row exactly closer to SEJ screenshot */ .sag-single-author-row-v54{ display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; gap:24px !important; border-top:0 !important; border-bottom:1px solid #e5e5e5 !important; padding:0 0 18px !important; margin:0 !important; } .sag-single-author-block-v54{ display:flex !important; align-items:center !important; gap:12px !important; } .sag-single-author-avatar-v54{ position:relative !important; display:block !important; } .sag-single-author-avatar-v54 img{ width:58px !important; height:58px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; } .sag-single-author-avatar-v54::after{ content:"★"; position:absolute; right:-2px; bottom:-2px; width:18px; height:18px; border-radius:50%; background:#16967f; color:#fff; font-size:10px; line-height:18px; text-align:center; font-family:Arial, Helvetica, sans-serif; } .sag-single-author-label-v54{ display:block !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:10px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.02em !important; margin:0 0 4px !important; } .sag-single-author-name-v54{ display:block !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:18px !important; line-height:1.05 !important; font-weight:700 !important; text-decoration:none !important; margin:0 0 6px !important; } .sag-single-author-meta-v54{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:7px !important; color:#777 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; line-height:1 !important; font-weight:400 !important; } .sag-single-author-meta-v54 span + span::before{ content:"•" !important; margin-right:7px !important; color:#999 !important; } .sag-single-reads-v54{ text-align:right !important; font-family:Arial, Helvetica, sans-serif !important; white-space:nowrap !important; } .sag-single-reads-v54 strong{ display:block !important; color:#16967f !important; font-size:20px !important; line-height:1 !important; font-weight:700 !important; letter-spacing:-.02em !important; } .sag-single-reads-v54 span{ display:block !important; color:#000 !important; font-size:10px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; margin-top:4px !important; } /* Remove author bio summary under header */ .sag-sej-author-summary{ display:none !important; } /* Body starts after featured image; no extra intro copy block injected here */ .sag-single-content-v54 > p:first-child{ margin-top:0 !important; } @media(max-width:768px){ .sag-single-header-v54 h1{ font-size:36px !important; line-height:1.08 !important; } .sag-single-author-row-v54{ grid-template-columns:1fr auto !important; gap:14px !important; } .sag-single-author-name-v54{ font-size:16px !important; } .sag-single-reads-v54 strong{ font-size:18px !important; } } /* ========================================================== v55 Single Post Scale + TOC + Author Role + Duplicate Intro Fix ========================================================== */ .sag-single-shell-v55{ width:min(980px, calc(100% - 40px)) !important; grid-template-columns:50px minmax(0, 560px) 250px !important; gap:34px !important; } .sag-single-header-v55 h1{ max-width:560px !important; font-size:34px !important; line-height:1.12 !important; letter-spacing:-.032em !important; margin-bottom:18px !important; } .sag-single-header-v55 .sag-single-dek-v54{ max-width:540px !important; font-size:14.5px !important; line-height:1.62 !important; margin-bottom:24px !important; } .sag-single-featured-v54{ margin-top:26px !important; margin-bottom:40px !important; } .sag-single-featured-v54 img{ max-height:420px !important; } /* Remove TOC completely */ .sag-single-content-v55 .sag-toc, .sag-single-content-v55 .sag-table-of-contents, .sag-single-content-v55 .ez-toc-container, .sag-single-content-v55 #ez-toc-container, .sag-single-content-v55 .lwptoc, .sag-single-content-v55 nav[aria-label="Table of Contents"]{ display:none !important; } /* Clean author avatar */ .sag-single-author-avatar-v54::after{ display:none !important; content:none !important; } .sag-single-author-avatar-v54 img{ border:0 !important; box-shadow:none !important; outline:0 !important; } .sag-single-author-label-v54{ color:#16967f !important; font-size:10px !important; margin-bottom:5px !important; } .sag-single-author-name-v54{ font-size:17px !important; } .sag-single-author-meta-v54{ font-size:12px !important; } .sag-single-reads-v54 strong{ font-size:18px !important; } .sag-single-reads-v54 span{ font-size:9.5px !important; } .sag-single-content-v55 p{ font-size:15.5px !important; line-height:1.75 !important; } .sag-single-content-v55 h2{ font-size:28px !important; line-height:1.18 !important; } .sag-single-content-v55 h3{ font-size:22px !important; } .sag-single-sidebar-v53 .sag-ad-slot{ min-height:300px !important; } @media(max-width:1024px){ .sag-single-shell-v55{ width:calc(100% - 40px) !important; grid-template-columns:1fr !important; gap:30px !important; } .sag-single-header-v55 h1, .sag-single-header-v55 .sag-single-dek-v54{ max-width:100% !important; } } @media(max-width:768px){ .sag-single-shell-v55{ width:calc(100% - 36px) !important; } .sag-single-header-v55 h1{ font-size:32px !important; line-height:1.1 !important; } .sag-single-author-row-v54{ grid-template-columns:1fr auto !important; } } /* ========================================================== v56 Single Post Width + Spacing Fix ========================================================== */ /* Wider shell: reduce wasted left/right whitespace */ .sag-single-shell-v55{ width:min(1120px, calc(100% - 36px)) !important; grid-template-columns:50px minmax(0, 650px) 300px !important; gap:36px !important; } /* Heading/content scale closer to SEJ on normal zoom */ .sag-single-header-v55 h1{ max-width:650px !important; font-size:40px !important; line-height:1.1 !important; letter-spacing:-.036em !important; margin-bottom:16px !important; } .sag-single-header-v55 .sag-single-dek-v54{ max-width:630px !important; font-size:15px !important; line-height:1.62 !important; margin-bottom:8px !important; } /* SAG + category meta both green */ .sag-single-top-meta-v54, .sag-single-top-meta-v54 a, .sag-single-top-meta-v54 span, .sag-sej-breadcrumbs a:first-child{ color:#16967f !important; } .sag-sej-breadcrumbs a:first-child{ font-weight:700 !important; } /* Reduce author row bottom space and line gap */ .sag-single-author-row-v54{ padding-bottom:12px !important; margin-bottom:0 !important; border-bottom:1px solid #e5e5e5 !important; } .sag-single-author-block-v54{ margin-bottom:0 !important; } /* Bring featured image upward */ .sag-single-featured-v54{ margin-top:18px !important; margin-bottom:37px !important; } .sag-single-featured-v54 img{ max-height:460px !important; } /* Content follows image cleanly */ .sag-single-content-v55{ padding-top:0 !important; } .sag-single-content-v55 p:first-child{ margin-top:0 !important; } /* Sidebar slightly wider like SEJ right column */ .sag-single-sidebar-v53{ width:100% !important; } .sag-single-sidebar-v53 .sag-ad-slot{ min-height:310px !important; } /* Share column slightly tighter */ .sag-single-share-v53{ transform:translateY(4px); } @media(max-width:1180px){ .sag-single-shell-v55{ width:calc(100% - 32px) !important; grid-template-columns:46px minmax(0, 1fr) 280px !important; gap:30px !important; } } @media(max-width:1024px){ .sag-single-shell-v55{ width:calc(100% - 36px) !important; grid-template-columns:1fr !important; gap:28px !important; } .sag-single-header-v55 h1, .sag-single-header-v55 .sag-single-dek-v54{ max-width:100% !important; } .sag-single-featured-v54{ margin-top:16px !important; } } @media(max-width:768px){ .sag-single-header-v55 h1{ font-size:32px !important; line-height:1.1 !important; } .sag-single-featured-v54{ margin-top:14px !important; } } /* ========================================================== v57 Exact 100% Scale Fix ========================================================== */ /* Wider content like your 125% screenshot */ .sag-single-shell-v55{ width:min(1280px, calc(100% - 24px)) !important; grid-template-columns:48px minmax(0, 760px) 340px !important; gap:30px !important; } /* Bigger title scale for normal 100% zoom */ .sag-single-header-v55 h1{ max-width:760px !important; font-size:56px !important; line-height:1.03 !important; letter-spacing:-.045em !important; margin-bottom:18px !important; } .sag-single-header-v55 .sag-single-dek-v54{ max-width:720px !important; font-size:18px !important; line-height:1.58 !important; margin-bottom:18px !important; } /* Bring author block much closer to image */ .sag-single-author-row-v54{ padding-bottom:8px !important; margin-bottom:0 !important; } .sag-single-featured-v54{ margin-top:10px !important; margin-bottom:28px !important; } /* Bigger image area like SEJ */ .sag-single-featured-v54 img{ width:100% !important; max-height:560px !important; object-fit:cover !important; } /* Slightly bigger author block */ .sag-single-author-name-v54{ font-size:18px !important; } .sag-single-author-meta-v54{ font-size:13px !important; } .sag-single-reads-v54 strong{ font-size:24px !important; } /* Body scale */ .sag-single-content-v55 p{ font-size:17px !important; line-height:1.82 !important; } @media(max-width:1280px){ .sag-single-shell-v55{ width:calc(100% - 28px) !important; grid-template-columns:48px minmax(0, 1fr) 320px !important; } } @media(max-width:1024px){ .sag-single-shell-v55{ width:calc(100% - 32px) !important; grid-template-columns:1fr !important; } .sag-single-header-v55 h1{ max-width:100% !important; font-size:42px !important; } .sag-single-header-v55 .sag-single-dek-v54{ max-width:100% !important; font-size:16px !important; } } @media(max-width:768px){ .sag-single-header-v55 h1{ font-size:34px !important; line-height:1.08 !important; } } /* ========================================================== v59 Title Size Final Tweak ========================================================== */ .sag-single-header-v55 h1{ font-size:50px !important; line-height:1.04 !important; letter-spacing:-.04em !important; } @media(max-width:1024px){ .sag-single-header-v55 h1{ font-size:40px !important; } } @media(max-width:768px){ .sag-single-header-v55 h1{ font-size:32px !important; line-height:1.08 !important; } } /* ========================================================== v60 Author Meta Area Final Size Polish ========================================================== */ /* Bigger author row overall */ .sag-single-author-row-v54{ padding-bottom:14px !important; } /* Bigger avatar */ .sag-single-author-avatar-v54 img{ width:68px !important; height:68px !important; } /* Slightly bigger role */ .sag-single-author-label-v54{ font-size:12px !important; line-height:1 !important; margin-bottom:6px !important; letter-spacing:.03em !important; } /* Bigger author name */ .sag-single-author-name-v54{ font-size:22px !important; line-height:1.05 !important; margin-bottom:7px !important; } /* Meta little bigger */ .sag-single-author-meta-v54{ font-size:14px !important; line-height:1.2 !important; gap:8px !important; } /* Reads section bigger */ .sag-single-reads-v54 strong{ font-size:28px !important; line-height:1 !important; } .sag-single-reads-v54 span{ font-size:11px !important; margin-top:5px !important; letter-spacing:.04em !important; } /* Keep spacing balanced */ .sag-single-author-block-v54{ gap:16px !important; } @media(max-width:768px){ .sag-single-author-avatar-v54 img{ width:60px !important; height:60px !important; } .sag-single-author-name-v54{ font-size:19px !important; } .sag-single-author-meta-v54{ font-size:13px !important; } .sag-single-reads-v54 strong{ font-size:24px !important; } } /* ========================================================== v61 SEJ Author Row Near-Exact Match ========================================================== */ /* More compact and cleaner like SEJ */ .sag-single-author-row-v54{ padding-top:2px !important; padding-bottom:10px !important; align-items:center !important; } /* Avatar size + exact look */ .sag-single-author-avatar-v54 img{ width:74px !important; height:74px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; } /* Green role smaller + tighter */ .sag-single-author-label-v54{ color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.015em !important; margin-bottom:6px !important; } /* Name closer to SEJ */ .sag-single-author-name-v54{ color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:26px !important; line-height:1.02 !important; font-weight:700 !important; letter-spacing:-.03em !important; margin-bottom:10px !important; } /* Meta line exact softer gray */ .sag-single-author-meta-v54{ color:#9a9a9a !important; font-family:Arial, Helvetica, sans-serif !important; font-size:16px !important; line-height:1 !important; font-weight:600 !important; gap:8px !important; } /* Reads block closer */ .sag-single-reads-v54{ text-align:right !important; transform:translateY(-2px); } .sag-single-reads-v54 strong{ display:block !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:26px !important; line-height:1 !important; font-weight:700 !important; letter-spacing:-.03em !important; } .sag-single-reads-v54 span{ display:block !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:10px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.04em !important; margin-top:8px !important; } /* Layout spacing closer to screenshot */ .sag-single-author-block-v54{ gap:18px !important; } @media(max-width:768px){ .sag-single-author-avatar-v54 img{ width:64px !important; height:64px !important; } .sag-single-author-name-v54{ font-size:22px !important; } .sag-single-author-meta-v54{ font-size:14px !important; } .sag-single-reads-v54 strong{ font-size:22px !important; } } /* ========================================================== v62 Single Lower Sections — SEJ Author Box + Suggested Articles ========================================================== */ /* Remove old "Keep Reading" label everywhere in related section */ .sag-related-posts .sag-section-kicker, .sag-related-posts > span, .sag-related-posts .keep-reading, .sag-related-posts .sag-kicker{ display:none !important; } /* Remove old lower block borders that created extra lines */ .sag-sej-content .sag-author-box, .sag-sej-content .sag-related-posts, .sag-sej-content .comments-area{ border-top:0 !important; } /* Suggested Articles */ .sag-sej-suggested{ margin:74px 0 0 !important; padding:0 !important; border:0 !important; } .sag-sej-suggested h2{ margin:0 0 30px !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:42px !important; line-height:1.05 !important; font-weight:700 !important; letter-spacing:-.035em !important; } .sag-sej-suggested-grid{ display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:44px !important; } .sag-sej-suggested-card{ margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; } .sag-sej-suggested-thumb{ display:block !important; width:100% !important; aspect-ratio:16/9 !important; overflow:hidden !important; background:#efefef !important; margin:0 0 16px !important; } .sag-sej-suggested-thumb img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; border-radius:0 !important; transition:transform .22s ease !important; } .sag-sej-suggested-card:hover .sag-sej-suggested-thumb img{ transform:scale(1.025); } .sag-sej-suggested-card h3{ margin:0 !important; padding:0 !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:25px !important; line-height:1.12 !important; font-weight:700 !important; letter-spacing:-.025em !important; } .sag-sej-suggested-card h3 a{ color:#111 !important; text-decoration:none !important; } .sag-sej-suggested-card h3 a:hover{ color:#16967f !important; } /* Hide old related card internals if older CSS/markup remains somewhere */ .sag-related-posts .sag-card-category, .sag-related-posts .sag-post-meta, .sag-related-posts .sag-card-meta, .sag-related-posts .sag-post-card-content p, .sag-related-posts .sag-author-avatar, .sag-related-posts .sag-author-name{ display:none !important; } /* SEJ-style author profile box */ .sag-sej-author-box{ margin:74px 0 0 !important; padding:42px 54px !important; background:#f4f6f6 !important; border:0 !important; border-radius:26px !important; display:grid !important; grid-template-columns:160px minmax(0,1fr) !important; gap:46px !important; align-items:center !important; } .sag-sej-author-box-left{ display:flex !important; flex-direction:column !important; align-items:center !important; gap:22px !important; } .sag-sej-author-box-avatar{ position:relative !important; display:block !important; } .sag-sej-author-box-avatar img{ width:140px !important; height:140px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; border:0 !important; box-shadow:none !important; } .sag-sej-author-box-avatar::after{ content:"★"; position:absolute; right:4px; bottom:4px; width:36px; height:36px; border-radius:50%; background:#16967f; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:36px; font-weight:700; text-align:center; } .sag-sej-author-bio-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:36px !important; padding:6px 10px !important; border:1px solid #222 !important; border-radius:999px !important; background:#fff !important; color:#222 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:15px !important; line-height:1 !important; font-weight:700 !important; text-decoration:none !important; } .sag-sej-author-bio-btn:hover{ background:#111 !important; color:#fff !important; } .sag-sej-author-box-role{ display:block !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:16px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.02em !important; margin:0 0 8px !important; } .sag-sej-author-box h3{ margin:0 0 10px !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:38px !important; line-height:1.05 !important; font-weight:700 !important; letter-spacing:-.035em !important; } .sag-sej-author-box-title{ margin:0 0 30px !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:22px !important; line-height:1.35 !important; font-weight:700 !important; } .sag-sej-author-box-title a{ color:#16967f !important; text-decoration:none !important; } .sag-sej-author-box-bio{ margin:0 !important; color:#111 !important; font-size:21px !important; line-height:1.24 !important; font-weight:400 !important; } /* Ensure old author-box styles do not interfere */ .sag-author-box{ background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; } /* Single lower spacing order */ .sag-single-content-v55 .sag-sej-author-box + .sag-sej-suggested{ margin-top:74px !important; } @media(max-width:1024px){ .sag-sej-suggested-grid{ gap:28px !important; } .sag-sej-suggested-card h3{ font-size:22px !important; } .sag-sej-author-box{ grid-template-columns:140px minmax(0,1fr) !important; padding:36px !important; gap:32px !important; } } @media(max-width:768px){ .sag-sej-suggested h2{ font-size:34px !important; } .sag-sej-suggested-grid{ grid-template-columns:1fr !important; gap:30px !important; } .sag-sej-author-box{ grid-template-columns:1fr !important; text-align:left !important; padding:30px 24px !important; border-radius:20px !important; } .sag-sej-author-box-left{ align-items:flex-start !important; } .sag-sej-author-box h3{ font-size:30px !important; } .sag-sej-author-box-title{ font-size:18px !important; margin-bottom:20px !important; } .sag-sej-author-box-bio{ font-size:17px !important; } } /* ========================================================== v63 Suggested Articles Layout Tweak ========================================================== */ .sag-sej-suggested-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; gap:40px !important; } .sag-sej-suggested-card{ width:100% !important; } .sag-sej-suggested-thumb{ margin-bottom:14px !important; } .sag-sej-suggested-card h3{ font-size:20px !important; line-height:1.16 !important; letter-spacing:-.02em !important; max-width:95% !important; } @media(max-width:768px){ .sag-sej-suggested-grid{ grid-template-columns:1fr !important; gap:28px !important; } .sag-sej-suggested-card h3{ font-size:22px !important; } } /* ========================================================== v64 Single Post Final Author Tweaks ========================================================== */ /* Top single post author avatar little bigger */ .sag-single-author-avatar-v54 img{ width:82px !important; height:82px !important; } /* Keep author row aligned after bigger image */ .sag-single-author-block-v54{ gap:20px !important; } /* Lower author box: remove duplicate role/title line if any old CSS/markup remains */ .sag-sej-author-box-title{ display:none !important; } /* Slight balance in lower author box after removing title line */ .sag-sej-author-box h3{ margin-bottom:24px !important; } @media(max-width:768px){ .sag-single-author-avatar-v54 img{ width:68px !important; height:68px !important; } } /* ========================================================== v66 Author Page — 30/70 Profile Layout ========================================================== */ .sag-author-profile-page{background:#fff;color:#111} .sag-author-profile-layout{width:min(1160px,100%);margin:0 auto;display:grid;grid-template-columns:300px minmax(0,1fr);align-items:start} .sag-author-profile-sidebar{background:#f3f3f3;min-height:100vh;padding:34px 28px 70px} .sag-author-profile-sticky{position:sticky;top:24px} .sag-author-profile-avatar{width:148px;height:148px;margin:0 auto 18px} .sag-author-profile-avatar img{width:148px!important;height:148px!important;border-radius:50%!important;object-fit:cover!important;display:block!important} .sag-author-profile-sidebar h1{margin:0 0 6px;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:1.1;font-weight:700;text-align:center;letter-spacing:-.015em} .sag-author-profile-designation{margin:0 0 28px;color:#777;font-size:13px;line-height:1.35;text-align:center} .sag-author-profile-block{margin:0 0 26px} .sag-author-profile-block h3{margin:0 0 10px;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1;font-weight:700} .sag-author-profile-block p{margin:0;color:#777;font-size:13px;line-height:1.45} .sag-author-profile-links{display:flex;flex-direction:column;gap:8px} .sag-author-profile-links a{color:#777;font-size:13px;line-height:1.25;text-decoration:none} .sag-author-profile-links a:hover{color:#16967f} .sag-author-profile-tags{display:flex;flex-wrap:wrap;gap:7px} .sag-author-profile-tags span{display:inline-flex;align-items:center;min-height:24px;padding:6px 9px;background:#e8e8e8;color:#777;border-radius:2px;font-size:12px;line-height:1} .sag-author-profile-main{padding:58px 46px 86px;background:#fff} .sag-author-profile-about{max-width:760px;margin:0 0 54px} .sag-author-profile-about h2,.sag-author-profile-articles h2{margin:0 0 20px;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:28px;line-height:1.1;font-weight:700;letter-spacing:-.02em} .sag-author-profile-about p{margin:0 0 22px;color:#333;font-size:15px;line-height:1.75} .sag-author-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 36px} .sag-author-profile-card{min-width:0} .sag-author-profile-cat{display:block;margin:0 0 8px;color:#16967f!important;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1;font-weight:700;text-transform:uppercase;text-decoration:none} .sag-author-profile-thumb{display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f0f0f0;margin:0 0 14px} .sag-author-profile-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:0!important;transition:transform .22s ease} .sag-author-profile-card:hover .sag-author-profile-thumb img{transform:scale(1.025)} .sag-author-profile-card h3{margin:0 0 9px;color:#111;font-family:Arial,Helvetica,sans-serif;font-size:22px;line-height:1.12;font-weight:700;letter-spacing:-.025em} .sag-author-profile-card h3 a{color:#111!important;text-decoration:none} .sag-author-profile-card h3 a:hover{color:#16967f!important} .sag-author-profile-card p{margin:0 0 12px;color:#555;font-size:13px;line-height:1.5} .sag-author-profile-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#444;font-size:11px;line-height:1} .sag-author-profile-meta span + span::before{content:"•";color:#777;margin-right:10px} .sag-author-profile-pagination{margin-top:44px!important} .sag-author-sej-page{display:none!important} @media(max-width:1024px){.sag-author-profile-layout{grid-template-columns:260px minmax(0,1fr)}.sag-author-profile-main{padding:48px 32px 70px}.sag-author-profile-grid{gap:34px 26px}.sag-author-profile-card h3{font-size:20px}} @media(max-width:768px){.sag-author-profile-layout{grid-template-columns:1fr}.sag-author-profile-sidebar{min-height:auto;padding:34px 22px 38px}.sag-author-profile-sticky{position:static}.sag-author-profile-main{padding:38px 22px 64px}.sag-author-profile-grid{grid-template-columns:1fr;gap:34px}} /* ========================================================== v67 AUTHOR PAGE HARD REBUILD Exact 30/70 profile layout, aggressive scoped override. ========================================================== */ /* Kill previous author layouts on author archive */ body.author .sag-author-sej-page, body.author .sag-author-pro, body.author .sag-author-final, body.author .sag-author-profile-page:not(#sag-author-v67){ display:none !important; } /* Remove inherited container constraints only inside v67 */ #sag-author-v67, #sag-author-v67 *{ box-sizing:border-box; } #sag-author-v67{ background:#fff !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; width:100% !important; margin:0 !important; padding:0 !important; } #sag-author-v67 .sag-author-v67-shell{ width:min(1160px, 100%) !important; margin:0 auto !important; display:grid !important; grid-template-columns:300px minmax(0, 860px) !important; align-items:start !important; background:#fff !important; } /* LEFT PROFILE SIDE */ #sag-author-v67 .sag-author-v67-sidebar{ background:#f2f2f2 !important; min-height:calc(100vh - 90px) !important; padding:28px 28px 70px !important; } #sag-author-v67 .sag-author-v67-sidebar-inner{ position:sticky !important; top:22px !important; } #sag-author-v67 .sag-author-v67-avatar{ width:154px !important; height:154px !important; margin:0 auto 18px !important; } #sag-author-v67 .sag-author-v67-avatar img{ width:154px !important; height:154px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; max-width:none !important; } #sag-author-v67 .sag-author-v67-sidebar h1{ margin:0 0 5px !important; padding:0 !important; color:#111 !important; font-size:22px !important; line-height:1.12 !important; font-weight:700 !important; letter-spacing:-.015em !important; text-align:center !important; } #sag-author-v67 .sag-author-v67-subtitle{ margin:0 0 30px !important; color:#777 !important; font-size:13px !important; line-height:1.35 !important; text-align:center !important; } #sag-author-v67 .sag-author-v67-side-block{ margin:0 0 25px !important; padding:0 !important; } #sag-author-v67 .sag-author-v67-side-block h3{ margin:0 0 10px !important; color:#111 !important; font-size:14px !important; line-height:1 !important; font-weight:700 !important; } #sag-author-v67 .sag-author-v67-side-block p{ margin:0 !important; color:#777 !important; font-size:12px !important; line-height:1.45 !important; } #sag-author-v67 .sag-author-v67-links{ display:flex !important; flex-direction:column !important; gap:8px !important; } #sag-author-v67 .sag-author-v67-links a{ color:#777 !important; font-size:12px !important; line-height:1.2 !important; text-decoration:none !important; } #sag-author-v67 .sag-author-v67-links a:hover{ color:#16967f !important; } #sag-author-v67 .sag-author-v67-tags{ display:flex !important; flex-wrap:wrap !important; gap:7px !important; } #sag-author-v67 .sag-author-v67-tags span{ display:inline-flex !important; align-items:center !important; min-height:23px !important; padding:6px 9px !important; background:#e4e4e4 !important; color:#777 !important; border:0 !important; border-radius:2px !important; font-size:11px !important; line-height:1 !important; } /* RIGHT MAIN */ #sag-author-v67 .sag-author-v67-main{ padding:52px 46px 88px !important; background:#fff !important; min-width:0 !important; } #sag-author-v67 .sag-author-v67-about{ max-width:770px !important; margin:0 0 52px !important; padding:0 !important; } #sag-author-v67 .sag-author-v67-about h2, #sag-author-v67 .sag-author-v67-articles h2{ margin:0 0 20px !important; color:#111 !important; font-size:30px !important; line-height:1.1 !important; font-weight:700 !important; letter-spacing:-.02em !important; } #sag-author-v67 .sag-author-v67-about p{ margin:0 0 22px !important; color:#333 !important; font-size:15px !important; line-height:1.75 !important; font-weight:400 !important; } /* Article grid exactly like reference */ #sag-author-v67 .sag-author-v67-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:44px 38px !important; width:100% !important; } #sag-author-v67 .sag-author-v67-card{ display:block !important; min-width:0 !important; margin:0 !important; padding:0 !important; border:0 !important; box-shadow:none !important; background:transparent !important; } #sag-author-v67 .sag-author-v67-cat{ display:block !important; margin:0 0 8px !important; color:#16967f !important; font-size:10px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; text-decoration:none !important; } #sag-author-v67 .sag-author-v67-thumb{ display:block !important; width:100% !important; aspect-ratio:16/9 !important; overflow:hidden !important; background:#eee !important; margin:0 0 14px !important; } #sag-author-v67 .sag-author-v67-thumb img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; border-radius:0 !important; max-width:none !important; } #sag-author-v67 .sag-author-v67-card h3{ margin:0 0 9px !important; padding:0 !important; color:#111 !important; font-size:21px !important; line-height:1.12 !important; font-weight:700 !important; letter-spacing:-.025em !important; } #sag-author-v67 .sag-author-v67-card h3 a{ color:#111 !important; text-decoration:none !important; } #sag-author-v67 .sag-author-v67-card h3 a:hover{ color:#16967f !important; } #sag-author-v67 .sag-author-v67-card p{ margin:0 0 12px !important; color:#555 !important; font-size:12.5px !important; line-height:1.5 !important; font-weight:400 !important; } #sag-author-v67 .sag-author-v67-meta{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:9px !important; color:#333 !important; font-size:10.5px !important; line-height:1 !important; } #sag-author-v67 .sag-author-v67-meta span + span::before{ content:"•" !important; color:#777 !important; margin-right:9px !important; } #sag-author-v67 .sag-author-v67-pagination{ margin-top:46px !important; } /* Responsive */ @media(max-width:1024px){ #sag-author-v67 .sag-author-v67-shell{ grid-template-columns:270px minmax(0,1fr) !important; } #sag-author-v67 .sag-author-v67-main{ padding:46px 30px 70px !important; } #sag-author-v67 .sag-author-v67-grid{ gap:34px 26px !important; } #sag-author-v67 .sag-author-v67-card h3{ font-size:19px !important; } } @media(max-width:768px){ #sag-author-v67 .sag-author-v67-shell{ grid-template-columns:1fr !important; } #sag-author-v67 .sag-author-v67-sidebar{ min-height:auto !important; padding:34px 22px 38px !important; } #sag-author-v67 .sag-author-v67-sidebar-inner{ position:static !important; } #sag-author-v67 .sag-author-v67-main{ padding:38px 22px 64px !important; } #sag-author-v67 .sag-author-v67-grid{ grid-template-columns:1fr !important; gap:34px !important; } } /* ========================================================== v69 Author Page 100% Zoom Scale Calibration ========================================================== */ #sag-author-v67 .sag-author-v67-shell{ width:min(1280px, 100%) !important; grid-template-columns:335px minmax(0, 945px) !important; } #sag-author-v67 .sag-author-v67-sidebar{ padding:38px 32px 78px !important; } #sag-author-v67 .sag-author-v67-avatar{ width:178px !important; height:178px !important; margin-bottom:20px !important; } #sag-author-v67 .sag-author-v67-avatar img{ width:178px !important; height:178px !important; } #sag-author-v67 .sag-author-v67-sidebar h1{ font-size:28px !important; line-height:1.08 !important; margin-bottom:8px !important; } #sag-author-v67 .sag-author-v67-subtitle{ font-size:16px !important; line-height:1.35 !important; margin-bottom:37px !important; } #sag-author-v67 .sag-author-v67-side-block{ margin-bottom:31px !important; } #sag-author-v67 .sag-author-v67-side-block h3{ font-size:17px !important; margin-bottom:20px !important; } #sag-author-v67 .sag-author-v67-side-block p, #sag-author-v67 .sag-author-v67-links a{ font-size:15px !important; line-height:1.45 !important; } #sag-author-v67 .sag-author-v67-tags{ gap:8px !important; } #sag-author-v67 .sag-author-v67-tags span{ min-height:28px !important; padding:7px 11px !important; font-size:13px !important; } #sag-author-v67 .sag-author-v67-main{ padding:70px 60px 96px !important; } #sag-author-v67 .sag-author-v67-about{ max-width:860px !important; margin-bottom:62px !important; } #sag-author-v67 .sag-author-v67-about h2, #sag-author-v67 .sag-author-v67-articles h2{ font-size:38px !important; line-height:1.08 !important; margin-bottom:26px !important; letter-spacing:-.03em !important; } #sag-author-v67 .sag-author-v67-about p{ font-size:20px !important; line-height:1.72 !important; margin-bottom:33px !important; } #sag-author-v67 .sag-author-v67-grid{ gap:54px 42px !important; } #sag-author-v67 .sag-author-v67-cat{ font-size:12px !important; margin-bottom:10px !important; } #sag-author-v67 .sag-author-v67-thumb{ margin-bottom:18px !important; aspect-ratio:16/9 !important; } #sag-author-v67 .sag-author-v67-card h3{ font-size:28px !important; line-height:1.12 !important; margin-bottom:12px !important; } #sag-author-v67 .sag-author-v67-card p{ font-size:15.5px !important; line-height:1.55 !important; margin-bottom:15px !important; } #sag-author-v67 .sag-author-v67-meta{ font-size:13px !important; gap:11px !important; } @media(max-width:1280px){ #sag-author-v67 .sag-author-v67-shell{ width:100% !important; grid-template-columns:320px minmax(0, 1fr) !important; } #sag-author-v67 .sag-author-v67-main{ padding:62px 44px 90px !important; } } @media(max-width:1024px){ #sag-author-v67 .sag-author-v67-shell{ grid-template-columns:290px minmax(0,1fr) !important; } #sag-author-v67 .sag-author-v67-avatar, #sag-author-v67 .sag-author-v67-avatar img{ width:150px !important; height:150px !important; } #sag-author-v67 .sag-author-v67-sidebar h1{ font-size:24px !important; } #sag-author-v67 .sag-author-v67-about p{ font-size:18px !important; } #sag-author-v67 .sag-author-v67-card h3{ font-size:24px !important; } } @media(max-width:768px){ #sag-author-v67 .sag-author-v67-shell{ grid-template-columns:1fr !important; } #sag-author-v67 .sag-author-v67-main{ padding:40px 22px 64px !important; } #sag-author-v67 .sag-author-v67-about h2, #sag-author-v67 .sag-author-v67-articles h2{ font-size:34px !important; } #sag-author-v67 .sag-author-v67-about p{ font-size:17px !important; } #sag-author-v67 .sag-author-v67-grid{ grid-template-columns:1fr !important; gap:36px !important; } } /* ========================================================== v70 Homepage Card Meta Alignment Fix Meta rows stay aligned even when title/excerpt lengths differ. ========================================================== */ .sag-post-card, .sag-editor-card, .sag-article-card, .sag-home-card{ display:flex !important; flex-direction:column !important; height:100% !important; } .sag-post-card-content, .sag-editor-card-content, .sag-article-card-content, .sag-home-card-content{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; } /* Reserve title area for 3 lines */ .sag-post-card-content h3, .sag-editor-card-content h3, .sag-article-card-content h3, .sag-home-card-content h3{ min-height:3.45em !important; } /* Reserve excerpt area */ .sag-post-card-content p, .sag-editor-card-content p, .sag-article-card-content p, .sag-home-card-content p{ min-height:4.8em !important; } /* Push meta to same bottom line */ .sag-post-meta, .sag-card-meta, .sag-editor-meta, .sag-article-meta, .sag-home-card-meta{ margin-top:auto !important; min-height:22px !important; display:flex !important; align-items:center !important; flex-wrap:wrap !important; } .sag-article-grid, .sag-editors-grid, .sag-latest-grid, .sag-home-grid, .sag-category-block-grid{ align-items:stretch !important; } @media(max-width:768px){ .sag-post-card-content h3, .sag-editor-card-content h3, .sag-article-card-content h3, .sag-home-card-content h3, .sag-post-card-content p, .sag-editor-card-content p, .sag-article-card-content p, .sag-home-card-content p{ min-height:0 !important; } .sag-post-meta, .sag-card-meta, .sag-editor-meta, .sag-article-meta, .sag-home-card-meta{ margin-top:14px !important; } } /* ========================================================== v71 Homepage Card Editorial Spacing Polish ========================================================== */ /* Slight extra gap between author image and title */ .sag-post-card h3, .sag-editor-card h3, .sag-article-card h3, .sag-home-card h3{ margin-top:10px !important; margin-bottom:10px !important; line-height:1.12 !important; } /* Tighter spacing title -> author */ .sag-post-author, .sag-card-author, .sag-author-name{ margin-top:0 !important; margin-bottom:10px !important; min-height:auto !important; } /* Tighter excerpt spacing */ .sag-post-card-content p, .sag-editor-card-content p, .sag-article-card-content p, .sag-home-card-content p{ margin-bottom:12px !important; line-height:1.45 !important; } /* Meta closer to excerpt */ .sag-post-meta, .sag-card-meta, .sag-editor-meta, .sag-article-meta, .sag-home-card-meta{ margin-top:8px !important; padding-top:0 !important; min-height:auto !important; gap:10px !important; } /* Compact editorial rhythm */ .sag-post-card-content, .sag-editor-card-content, .sag-article-card-content, .sag-home-card-content{ gap:0 !important; } /* Slightly reduce forced reserve space from v70 */ .sag-post-card-content h3, .sag-editor-card-content h3, .sag-article-card-content h3, .sag-home-card-content h3{ min-height:3.1em !important; } .sag-post-card-content p, .sag-editor-card-content p, .sag-article-card-content p, .sag-home-card-content p{ min-height:4.2em !important; } /* ========================================================== v74 SAFE Homepage Card Spacing Fix Reverts aggressive v73 behavior. Keeps clean spacing only. ========================================================== */ /* Latest heading cleaner, not oversized */ .sag-sej-latest-heading{ font-family:Arial, Helvetica, sans-serif !important; font-size:48px !important; line-height:1 !important; font-weight:700 !important; letter-spacing:-.035em !important; } /* Restore author avatar -> title breathing space */ .sag-sej-author-row{ margin-top:0 !important; margin-bottom:8px !important; } /* Title spacing normal */ .sag-sej-card-content h3{ margin-top:0 !important; margin-bottom:10px !important; line-height:1.14 !important; min-height:3.35em !important; } /* Title -> author name spacing tight but not broken */ .sag-sej-byline{ margin:0 0 12px !important; padding:0 !important; line-height:1.2 !important; } /* Author name -> excerpt spacing normal */ .sag-sej-card-content p{ margin:0 0 8px !important; line-height:1.48 !important; min-height:4.35em !important; max-height:4.35em !important; overflow:hidden !important; } /* Meta row compact after excerpt */ .sag-sej-post-card{ display:flex !important; flex-direction:column !important; height:100% !important; } .sag-sej-card-content{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; min-height:0 !important; } .sag-sej-card-meta{ margin-top:auto !important; padding-top:0 !important; min-height:24px !important; display:flex !important; align-items:center !important; gap:18px !important; } /* Equal card columns only on desktop */ .sag-sej-post-grid{ align-items:stretch !important; } /* Tabs: no hover underline/effect, only active */ .sag-sej-tabs .sag-tab-btn, .sag-category-tabs .sag-tab-btn{ transition:none !important; animation:none !important; transform:none !important; box-shadow:none !important; } .sag-sej-tabs .sag-tab-btn:hover, .sag-category-tabs .sag-tab-btn:hover{ background:transparent !important; color:#111 !important; transform:none !important; box-shadow:none !important; } .sag-sej-tabs .sag-tab-btn:hover::after{ display:none !important; content:none !important; } .sag-category-tabs .sag-tab-btn:hover::after{ background:transparent !important; transform:none !important; } .sag-sej-tabs .sag-tab-btn.active::after{ display:block !important; content:"" !important; position:absolute !important; left:0 !important; bottom:0 !important; width:28px !important; height:2px !important; background:#16967f !important; } .sag-category-tabs .sag-tab-btn.active::after{ background:#16967f !important; } /* Mobile natural flow */ @media(max-width:768px){ .sag-sej-latest-heading{ font-size:36px !important; } .sag-sej-author-row{ margin-bottom:16px !important; } .sag-sej-card-content h3, .sag-sej-card-content p{ min-height:0 !important; max-height:none !important; } .sag-sej-card-meta{ margin-top:12px !important; } } /* ========================================================== v75 Homepage Author Avatar Overlap Fix Restore avatar position slightly over featured image. ========================================================== */ .sag-sej-post-card .sag-sej-author-row{ position:relative !important; z-index:3 !important; margin-top:-36px !important; margin-bottom:18px !important; padding-left:36px !important; height:auto !important; } .sag-sej-post-card .sag-sej-author-avatar{ display:inline-flex !important; width:76px !important; height:76px !important; border-radius:50% !important; overflow:hidden !important; background:#0f9d83 !important; border:0 !important; box-shadow:none !important; } .sag-sej-post-card .sag-sej-author-avatar img{ width:76px !important; height:76px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; } /* Keep title spacing balanced after overlap restore */ .sag-sej-post-card .sag-sej-card-content h3{ margin-top:0 !important; } @media(max-width:768px){ .sag-sej-post-card .sag-sej-author-row{ margin-top:-30px !important; margin-bottom:16px !important; padding-left:24px !important; } .sag-sej-post-card .sag-sej-author-avatar, .sag-sej-post-card .sag-sej-author-avatar img{ width:64px !important; height:64px !important; } } /* ========================================================== v76 Author Avatar Left Position Adjustment ========================================================== */ .sag-sej-post-card .sag-sej-author-row{ padding-left:22px !important; } @media(max-width:768px){ .sag-sej-post-card .sag-sej-author-row{ padding-left:18px !important; } } /* ========================================================== v77 Final: Homepage Author Avatar Offset Final balanced avatar position based on screenshot review. ========================================================== */ .sag-sej-post-card .sag-sej-author-row{ padding-left:12px !important; } @media(max-width:768px){ .sag-sej-post-card .sag-sej-author-row{ padding-left:12px !important; } } /* ========================================================== v82 Single Blog Post Final Polish ========================================================== */ .sag-single-top-ad{ padding-top:18px !important; padding-bottom:24px !important; } .sag-single-top-ad .sag-ad-slot{ min-height:210px !important; } .sag-single-top-meta-v54{ margin-bottom:12px !important; } .sag-single-author-label-v54{ font-size:13px !important; line-height:1 !important; } .sag-single-author-name-v54{ font-size:24px !important; line-height:1.04 !important; } .sag-sej-suggested h2{ font-size:34px !important; line-height:1.08 !important; letter-spacing:-.025em !important; margin-bottom:28px !important; } .sag-sej-suggested-grid{ grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:32px !important; } .sag-sej-suggested-card h3{ font-size:18px !important; line-height:1.16 !important; letter-spacing:-.015em !important; } .comments-area, #comments, .comment-respond, #respond{ display:none !important; } @media(max-width:1024px){ .sag-sej-suggested-grid{ grid-template-columns:repeat(2, minmax(0,1fr)) !important; } } @media(max-width:768px){ .sag-single-top-ad{ padding-top:14px !important; padding-bottom:20px !important; } .sag-sej-suggested h2{ font-size:30px !important; } .sag-sej-suggested-grid{ grid-template-columns:1fr !important; gap:28px !important; } } /* v83 Single Post Meta Size */ .sag-single-top-meta-v54, .sag-single-top-meta-v54 a{ font-size:15px !important; font-weight:700 !important; letter-spacing:.02em !important; } /* ========================================================== v84 Single Post Final Spacing + Author Avatar Fix Verified selectors for single post layout. ========================================================== */ /* 1) Reduce top article ad spacing */ .sag-single-top-ad{ padding-top:8px !important; padding-bottom:10px !important; margin-top:0 !important; margin-bottom:14px !important; } .sag-single-top-ad .sag-ad-slot, .sag-single-top-ad .sag-ad-placeholder{ min-height:190px !important; margin-top:0 !important; margin-bottom:0 !important; } /* 2) Reduce meta to title gap */ .sag-single-top-meta-v54, .sag-single-header-v55 .sag-single-top-meta-v54, .sag-single-header-v54 .sag-single-top-meta-v54{ margin-bottom:6px !important; padding-bottom:0 !important; } .sag-single-header-v55 h1, .sag-single-header-v54 h1, .sag-single-header-v53 h1{ margin-top:0 !important; padding-top:0 !important; } /* 3) Author avatar slightly bigger */ .sag-single-author-avatar-v54 img, .sag-single-author-avatar-v54 .avatar, .sag-single-author-block-v54 img.avatar{ width:84px !important; height:84px !important; min-width:84px !important; min-height:84px !important; } /* Keep row aligned after avatar size increase */ .sag-single-author-block-v54{ align-items:center !important; } /* Mobile safe */ @media(max-width:768px){ .sag-single-top-ad{ padding-top:8px !important; padding-bottom:10px !important; margin-bottom:12px !important; } .sag-single-author-avatar-v54 img, .sag-single-author-avatar-v54 .avatar, .sag-single-author-block-v54 img.avatar{ width:70px !important; height:70px !important; min-width:70px !important; min-height:70px !important; } } /* ========================================================== v85 Single Post Avatar + Body Link Polish Only these two fixes. Ad/meta spacing untouched. ========================================================== */ /* Fix distorted single post author avatar: perfect round + slightly bigger */ .sag-single-author-avatar-v54, .sag-single-author-block-v54 .sag-single-author-avatar-v54{ width:66px !important; height:66px !important; min-width:66px !important; flex:0 0 66px !important; border-radius:50% !important; overflow:hidden !important; display:block !important; } .sag-single-author-avatar-v54 img, .sag-single-author-avatar-v54 .avatar, .sag-single-author-block-v54 img.avatar{ width:66px !important; height:66px !important; min-width:66px !important; min-height:66px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; max-width:none !important; max-height:none !important; } /* Single post body links: keep text color same, SEJ-style accent underline only */ .sag-single-content-v53 a, .sag-single-content-v54 a, .sag-single-content-v55 a, .sag-sej-content a{ color:inherit !important; text-decoration-line:underline !important; text-decoration-color:#16967f !important; text-decoration-thickness:3px !important; text-underline-offset:4px !important; text-decoration-skip-ink:none !important; } .sag-single-content-v53 a:hover, .sag-single-content-v54 a:hover, .sag-single-content-v55 a:hover, .sag-sej-content a:hover{ color:inherit !important; text-decoration-color:#16967f !important; } /* Do not force underline styling on buttons/cards inside lower sections */ .sag-sej-content .sag-sej-suggested a, .sag-sej-content .sag-sej-author-box a, .sag-sej-content .sag-ad-slot a, .sag-sej-content .sag-sej-sidebar-card a{ text-decoration:none !important; } @media(max-width:768px){ .sag-single-author-avatar-v54, .sag-single-author-block-v54 .sag-single-author-avatar-v54, .sag-single-author-avatar-v54 img, .sag-single-author-avatar-v54 .avatar, .sag-single-author-block-v54 img.avatar{ width:62px !important; height:62px !important; min-width:62px !important; min-height:62px !important; flex-basis:62px !important; } } /* v86 Final Avatar Fix + Top Ad Gap */ /* Top ad small spacing from header */ .sag-single-top-ad{ margin-top:6px !important; } /* Avatar wrapper controls size */ .sag-single-author-avatar-v54, .sag-single-author-block-v54 .sag-single-author-avatar-v54{ width:66px !important; height:66px !important; flex:0 0 66px !important; overflow:hidden !important; border-radius:50% !important; } /* Image fills wrapper without stretching */ .sag-single-author-avatar-v54 img, .sag-single-author-avatar-v54 .avatar, .sag-single-author-block-v54 img.avatar{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:50% !important; display:block !important; max-width:100% !important; } /* ========================================================== v87 HARD FIX: Single Post Author Avatar Shape Prevents oval/stretch by forcing square crop at wrapper + image level. ========================================================== */ /* Main avatar anchor/wrapper on single post */ .sag-single-author-row-v54 .sag-single-author-avatar-v54, .sag-single-author-block-v54 .sag-single-author-avatar-v54, .sag-sej-meta-row .sag-single-author-avatar-v54{ position:relative !important; display:block !important; width:68px !important; height:68px !important; min-width:68px !important; max-width:68px !important; min-height:68px !important; max-height:68px !important; flex:0 0 68px !important; aspect-ratio:1 / 1 !important; border-radius:999px !important; overflow:hidden !important; line-height:0 !important; } /* Any avatar image inside the wrapper */ .sag-single-author-row-v54 .sag-single-author-avatar-v54 img, .sag-single-author-block-v54 .sag-single-author-avatar-v54 img, .sag-sej-meta-row .sag-single-author-avatar-v54 img, .sag-single-author-row-v54 .sag-single-author-avatar-v54 img.avatar, .sag-single-author-block-v54 .sag-single-author-avatar-v54 img.avatar{ 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; aspect-ratio:1 / 1 !important; object-fit:cover !important; object-position:center center !important; border-radius:999px !important; display:block !important; transform:none !important; } /* Remove any pseudo badge/overlay causing visual distortion */ .sag-single-author-avatar-v54::before, .sag-single-author-avatar-v54::after{ display:none !important; content:none !important; } /* Keep row layout clean */ .sag-single-author-block-v54{ align-items:center !important; gap:16px !important; } @media(max-width:768px){ .sag-single-author-row-v54 .sag-single-author-avatar-v54, .sag-single-author-block-v54 .sag-single-author-avatar-v54, .sag-sej-meta-row .sag-single-author-avatar-v54{ width:62px !important; height:62px !important; min-width:62px !important; max-width:62px !important; min-height:62px !important; max-height:62px !important; flex-basis:62px !important; } } /* ========================================================== v88 Ad Label Polish Advertisement label outside ad box + inline continue label. ========================================================== */ .sag-ad-wrap{ width:100% !important; text-align:center !important; margin:0 auto !important; } /* Label outside the ad block */ .sag-ad-label{ display:block !important; width:100% !important; color:#8b8f98 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; line-height:1 !important; font-weight:500 !important; letter-spacing:.12em !important; text-transform:uppercase !important; text-align:center !important; } .sag-ad-label-top{ margin:0 0 8px !important; } /* The actual ad box should not contain/overlap label */ .sag-ad-wrap .sag-ad-slot{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; border:1px dashed #d3d7dc !important; background:#fafafa !important; color:#8b8f98 !important; overflow:hidden !important; } .sag-ad-wrap .sag-ad-slot::before, .sag-ad-wrap .sag-ad-slot::after{ display:none !important; content:none !important; } /* Keep slot text centered inside box */ .sag-ad-wrap .sag-ad-slot > span{ position:static !important; display:inline-block !important; color:#8b8f98 !important; font-size:13px !important; line-height:1.3 !important; } /* Bottom label for inline content ad */ .sag-ad-label-bottom{ margin:9px 0 0 !important; } /* Single post ad spacing remains controlled */ .sag-single-top-ad .sag-ad-wrap{ max-width:100% !important; } /* Sidebar ad label alignment */ .sag-single-sidebar-v53 .sag-ad-wrap, .sag-sej-sidebar .sag-ad-wrap{ margin-bottom:28px !important; } /* Inline article ad gets readable spacing */ .sag-single-content-v55 .sag-ad-wrap-inline_article_ad, .sag-single-content-v54 .sag-ad-wrap-inline_article_ad, .sag-sej-content .sag-ad-wrap-inline_article_ad{ margin:42px auto !important; } /* ========================================================== v89 FORCE Ad Label Outside Box Bypasses old sag_render_ad_slot output. ========================================================== */ .sag-ad-outer{ width:100% !important; margin:0 auto !important; padding:0 !important; text-align:center !important; } .sag-ad-top-label, .sag-ad-bottom-label{ display:block !important; width:100% !important; height:auto !important; color:#8b8f98 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; line-height:1 !important; font-weight:500 !important; letter-spacing:.12em !important; text-align:center !important; text-transform:uppercase !important; position:static !important; } .sag-ad-top-label{ margin:0 0 8px !important; } .sag-ad-bottom-label{ margin:9px 0 0 !important; } .sag-ad-clean-box{ position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; min-height:250px !important; border:1px dashed #d3d7dc !important; background:#fafafa !important; color:#8b8f98 !important; overflow:hidden !important; box-sizing:border-box !important; } .sag-ad-clean-box span{ position:static !important; display:inline-block !important; color:#8b8f98 !important; font-size:13px !important; line-height:1.3 !important; } /* slot sizes */ .sag-ad-clean-box-top_article_ad{ min-height:190px !important; } .sag-ad-clean-box-sidebar_ad{ min-height:300px !important; } .sag-ad-clean-box-inline_article_ad{ min-height:250px !important; } /* prevent old ad label rules from interfering if cached markup appears */ .sag-ad-slot > span:first-child, .sag-ad-slot .advertisement, .sag-ad-slot .ad-label{ position:static !important; } /* Single post specific spacing */ .sag-single-top-ad .sag-ad-outer{ margin-top:6px !important; margin-bottom:14px !important; } .sag-sej-sidebar .sag-ad-outer, .sag-single-sidebar-v53 .sag-ad-outer{ margin-bottom:28px !important; } .sag-sej-content .sag-ad-outer-inline_article_ad, .sag-single-content-v55 .sag-ad-outer-inline_article_ad{ margin:42px auto !important; } /* ========================================================== v90 Ad Inline Force Fallback ========================================================== */ .sag-ad-outer{ display:block !important; } .sag-ad-top-label, .sag-ad-bottom-label{ position:static !important; display:block !important; } .sag-ad-clean-box{ display:flex !important; } /* ========================================================== v91 Restore Ad Widths + Keep Labels Outside Fixes v90 full-width ad issue on single post and homepage. ========================================================== */ .sag-ad-outer{ display:block !important; width:100% !important; max-width:1040px !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; box-sizing:border-box !important; } .sag-ad-outer-top_article_ad{ max-width:1040px !important; } .sag-ad-outer-below_hero_ad{ max-width:1180px !important; } .sag-ad-outer-sidebar_ad{ max-width:340px !important; } .sag-ad-outer-inline_article_ad{ max-width:620px !important; } .sag-ad-clean-box{ width:100% !important; box-sizing:border-box !important; } .sag-ad-clean-box-top_article_ad{ min-height:190px !important; } .sag-ad-clean-box-below_hero_ad{ min-height:250px !important; } .sag-ad-clean-box-sidebar_ad{ min-height:300px !important; } .sag-ad-clean-box-inline_article_ad{ min-height:250px !important; } .sag-ad-top-label{ margin-bottom:8px !important; } .sag-single-top-ad .sag-ad-outer{ margin-top:6px !important; margin-bottom:14px !important; } .sag-home-below-hero-ad .sag-ad-outer, .sag-ad-outer-below_hero_ad{ margin-top:18px !important; margin-bottom:37px !important; } .sag-ad-wrap, .sag-ad-wrap .sag-ad-slot{ max-width:inherit !important; } @media(max-width:768px){ .sag-ad-outer, .sag-ad-outer-top_article_ad, .sag-ad-outer-below_hero_ad, .sag-ad-outer-inline_article_ad{ max-width:calc(100% - 32px) !important; } .sag-ad-outer-sidebar_ad{ max-width:100% !important; } } /* ========================================================== v92 Homepage Polish: Footer Ad, Hover, Trending, Sidebar ========================================================== */ /* 1) Footer ad spacing: keep it away from previous section and footer */ .sag-ad-outer-footer_ad{ max-width:1180px !important; margin-top:70px !important; margin-bottom:80px !important; clear:both !important; } .sag-ad-clean-box-footer_ad{ min-height:230px !important; } /* In case footer ad is inside a section wrapper */ .sag-footer-ad, .sag-before-footer-ad, .sag-home-footer-ad{ margin-top:70px !important; margin-bottom:80px !important; clear:both !important; } /* 2) Homepage post title hover: black text + black underline only, no accent color */ .sag-latest-section .sag-sej-card-content h3 a, .sag-latest-section .sag-post-card h3 a, .sag-sej-post-grid .sag-sej-card-content h3 a, .sag-sej-post-card h3 a{ color:#111 !important; text-decoration:none !important; text-decoration-color:#111 !important; } .sag-latest-section .sag-sej-card-content h3 a:hover, .sag-latest-section .sag-post-card h3 a:hover, .sag-sej-post-grid .sag-sej-card-content h3 a:hover, .sag-sej-post-card h3 a:hover{ color:#111 !important; text-decoration-line:underline !important; text-decoration-color:#111 !important; text-decoration-thickness:2px !important; text-underline-offset:4px !important; } /* Remove accidental accent hover from homepage card titles */ .sag-latest-section h3 a:hover, .sag-sej-post-grid h3 a:hover{ color:#111 !important; } /* 3) Trending Articles: remove wrong green bar/stripe and restore meta feel */ .sag-trending-section .sag-trending-featured-card::before, .sag-trending-section .sag-trending-card::before, .sag-trending-section .sag-trending-featured::before, .sag-trending-section .sag-featured-trending::before, .sag-trending-section .sag-trending-large::before, .sag-trending-section .sag-trending-main::before{ display:none !important; content:none !important; } .sag-trending-section .sag-trending-featured-card .sag-card-category, .sag-trending-section .sag-trending-featured-card .sag-sej-card-cats, .sag-trending-section .sag-trending-featured-card .sag-post-meta, .sag-trending-section .sag-trending-featured-card .sag-card-meta, .sag-trending-section .sag-trending-meta{ display:flex !important; align-items:center !important; gap:10px !important; color:#16967f !important; font-size:13px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; margin:0 0 12px !important; height:auto !important; width:auto !important; background:transparent !important; border:0 !important; } /* Kill any decorative green bar inside trending overlay */ .sag-trending-section .sag-accent-line, .sag-trending-section .sag-green-line, .sag-trending-section .sag-progress-line, .sag-trending-section .sag-trending-line{ display:none !important; } /* 4) Sidebar subscribe overlap/sticky issue: disable sticky behavior in homepage sidebar */ .sag-sej-feed-sidebar, .sag-sej-feed-sidebar *, .sag-sidebar, .sag-sidebar *{ position:static !important; } .sag-sej-feed-sidebar .sag-sej-newsletter-card, .sag-sej-feed-sidebar .sag-ad-outer, .sag-sidebar .sag-sej-newsletter-card, .sag-sidebar .sag-ad-outer{ position:static !important; top:auto !important; z-index:auto !important; } /* Ensure newsletter and ad have clean vertical gap */ .sag-sej-feed-sidebar .sag-sej-newsletter-card{ margin-bottom:54px !important; } .sag-sej-feed-sidebar .sag-ad-outer-sidebar_ad{ margin-top:0 !important; clear:both !important; } /* Keep footer layout unaffected by global static in real footer */ .site-footer, .site-footer *{ position:relative; } @media(max-width:768px){ .sag-ad-outer-footer_ad{ margin-top:45px !important; margin-bottom:55px !important; } .sag-sej-feed-sidebar .sag-sej-newsletter-card{ margin-bottom:36px !important; } } /* ========================================================== v93 Footer Ad Width Match With Header Ad ========================================================== */ /* Footer ad same centered container style as header/top ad */ .sag-ad-outer-footer_ad{ width:calc(100% - 80px) !important; max-width:1040px !important; margin:70px auto 80px !important; clear:both !important; text-align:center !important; box-sizing:border-box !important; } /* Footer ad box should follow same width, not full screen */ .sag-ad-clean-box-footer_ad{ width:100% !important; max-width:1040px !important; min-height:190px !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } /* Footer ad label aligned with the same box */ .sag-ad-outer-footer_ad .sag-ad-top-label{ width:100% !important; max-width:1040px !important; margin-left:auto !important; margin-right:auto !important; margin-bottom:8px !important; text-align:center !important; } /* If footer ad is inside wrapper, prevent inherited full width */ .sag-footer-ad .sag-ad-outer-footer_ad, .sag-before-footer-ad .sag-ad-outer-footer_ad, .sag-home-footer-ad .sag-ad-outer-footer_ad{ width:calc(100% - 80px) !important; max-width:1040px !important; } /* Mobile safe */ @media(max-width:768px){ .sag-ad-outer-footer_ad, .sag-footer-ad .sag-ad-outer-footer_ad, .sag-before-footer-ad .sag-ad-outer-footer_ad, .sag-home-footer-ad .sag-ad-outer-footer_ad{ width:calc(100% - 32px) !important; max-width:calc(100% - 32px) !important; margin-top:45px !important; margin-bottom:55px !important; } .sag-ad-clean-box-footer_ad, .sag-ad-outer-footer_ad .sag-ad-top-label{ max-width:100% !important; } } /* ========================================================== v94 Trending Cleanup + Remove Load More ========================================================== */ /* Remove Popular Now kicker if any old markup/cache remains */ .sag-trending-section .sag-section-kicker{ display:none !important; } /* Remove Load More button completely */ .sag-load-more-wrap, #sagLoadMore, .sag-load-more-btn{ display:none !important; } /* Remove wrong green bar from trending featured card */ .sag-trending-main .sag-card-category{ display:inline-block !important; width:auto !important; height:auto !important; background:transparent !important; border:0 !important; color:#16967f !important; font-size:13px !important; font-weight:700 !important; line-height:1 !important; text-transform:uppercase !important; margin:0 0 12px !important; padding:0 !important; } /* Kill any decorative line/bar inside trending card */ .sag-trending-main-content::before, .sag-trending-main-content::after, .sag-trending-main::before, .sag-trending-main::after{ display:none !important; content:none !important; } /* If a previous CSS made category span a full-width bar, force it back */ .sag-trending-main-content > span, .sag-trending-main-content .sag-card-category{ max-width:max-content !important; min-width:0 !important; } /* Keep title and excerpt normal below category */ .sag-trending-main-content h3{ margin-top:0 !important; } /* ========================================================== v95 Footer 4-Column Off-White Layout ========================================================== */ .sag-footer-v95{ background:#f8f8f6 !important; color:#111 !important; border-top:1px solid #e8e8e4 !important; padding:70px 0 0 !important; } .sag-footer-grid-v95{ display:grid !important; grid-template-columns:40% 20% 20% 20% !important; gap:0 !important; align-items:start !important; max-width:1180px !important; margin:0 auto !important; padding:0 24px 64px !important; } .sag-footer-brand-v95{ padding-right:70px !important; } .sag-footer-logo-v95{ margin:0 0 22px !important; } .sag-footer-logo-v95 span{ display:block !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:34px !important; line-height:1 !important; font-weight:700 !important; letter-spacing:-.035em !important; } .sag-footer-brand-v95 p, .sag-footer-newsletter-v95 p{ margin:0 !important; color:#222 !important; font-size:17px !important; line-height:1.55 !important; max-width:320px !important; } .sag-footer-column-v95, .sag-footer-newsletter-v95{ padding-left:28px !important; } .sag-footer-column-v95 h4, .sag-footer-newsletter-v95 h4{ margin:0 0 25px !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:22px !important; line-height:1 !important; font-weight:700 !important; } .sag-footer-column-v95 a{ display:block !important; color:#111 !important; font-size:17px !important; line-height:1.35 !important; text-decoration:none !important; margin:0 0 18px !important; } .sag-footer-column-v95 a:hover{ color:#111 !important; text-decoration:underline !important; text-decoration-color:#16967f !important; text-decoration-thickness:2px !important; text-underline-offset:4px !important; } .sag-footer-newsletter-v95 form{ margin-top:20px !important; display:flex !important; flex-direction:column !important; gap:12px !important; } .sag-footer-newsletter-v95 input[type="email"]{ width:100% !important; min-height:52px !important; border:1px solid #d8d8d2 !important; background:#fff !important; color:#111 !important; border-radius:8px !important; padding:0 16px !important; font-size:15px !important; } .sag-footer-newsletter-v95 button{ width:100% !important; min-height:52px !important; border:0 !important; border-radius:8px !important; background:#16967f !important; color:#fff !important; font-size:15px !important; font-weight:700 !important; cursor:pointer !important; } .sag-footer-newsletter-v95 button:hover{ background:#127c69 !important; } .sag-footer-bottom-v95{ border-top:1px solid #e2e2dc !important; padding:28px 24px !important; text-align:center !important; } .sag-footer-bottom-v95 p{ margin:0 !important; color:#222 !important; font-size:15px !important; line-height:1.4 !important; } /* Override previous black footer styles */ .sag-site-footer:not(.sag-footer-v95){ background:#f8f8f6 !important; color:#111 !important; } @media(max-width:1024px){ .sag-footer-grid-v95{ grid-template-columns:1.4fr 1fr 1fr !important; gap:34px !important; } .sag-footer-brand-v95{ padding-right:20px !important; } .sag-footer-newsletter-v95{ grid-column:1 / -1 !important; padding-left:12px !important; max-width:420px !important; } .sag-footer-column-v95{ padding-left:0 !important; } } @media(max-width:768px){ .sag-footer-v95{ padding-top:48px !important; } .sag-footer-grid-v95{ grid-template-columns:1fr !important; padding-bottom:44px !important; gap:36px !important; } .sag-footer-brand-v95, .sag-footer-column-v95, .sag-footer-newsletter-v95{ padding-left:0 !important; padding-right:0 !important; } } /* ========================================================== v96 Footer Links + Copyright Span ========================================================== */ .sag-footer-mini-note-v96{ margin-top:28px !important; } .sag-footer-mini-note-v96 span, .sag-footer-bottom-v96 span{ display:block !important; width:54px !important; height:3px !important; background:#16967f !important; border-radius:999px !important; } .sag-footer-mini-note-v96 span{ margin:0 0 14px !important; } .sag-footer-mini-note-v96 p{ margin:0 !important; color:#333 !important; font-size:13px !important; line-height:1.55 !important; } .sag-footer-bottom-v96{ display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; gap:14px !important; border-top:1px solid #e2e2dc !important; padding:30px 24px !important; text-align:center !important; } .sag-footer-bottom-v96 p{ margin:0 !important; color:#222 !important; font-size:15px !important; line-height:1.45 !important; } @media(max-width:768px){ .sag-footer-mini-note-v96{ margin-top:18px !important; } } /* ========================================================== v98 Images Folder Organization + Footer Logo ========================================================== */ .sag-footer-logo-v95 img{ display:block !important; width:240px !important; max-width:100% !important; height:auto !important; object-fit:contain !important; } /* ========================================================== v100 Clean SEJ-Style Header ========================================================== */ .sag-header-v100{position:sticky!important;top:0!important;z-index:9999!important;width:100%!important;background:#fff!important;border-bottom:1px solid #e6e6e6!important;box-shadow:none!important} .admin-bar .sag-header-v100{top:20px!important} .sag-header-inner-v100{max-width:none!important;width:100%!important;height:78px!important;margin:0!important;padding:0 36px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important} .sag-header-logo-v100{flex:0 0 auto!important;display:flex!important;align-items:center!important} .sag-header-logo-v100 a{display:flex!important;align-items:center!important;text-decoration:none!important} .sag-header-logo-v100 img{width:230px!important;max-width:230px!important;height:auto!important;display:block!important;object-fit:contain!important} .sag-header-nav-v100{flex:0 1 auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:27px!important;min-width:0!important;margin-right:auto!important} .sag-header-nav-v100 a{color:#111!important;font-family:Arial,Helvetica,sans-serif!important;font-size:16px!important;line-height:1!important;font-weight:500!important;text-decoration:none!important;white-space:nowrap!important;transition:none!important} .sag-header-nav-v100 a:hover,.sag-header-nav-v100 a:focus{color:#16967f!important;text-decoration:none!important} .sag-header-actions-v100{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:16px!important;margin-left:auto!important} .sag-header-search-toggle-v100{width:36px!important;height:36px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important;position:relative!important} .sag-header-search-toggle-v100 span{display:block!important;width:18px!important;height:18px!important;border:3px solid #111!important;border-radius:50%!important;position:absolute!important;top:7px!important;left:6px!important} .sag-header-search-toggle-v100 span::after{content:""!important;width:9px!important;height:3px!important;background:#111!important;position:absolute!important;right:-7px!important;bottom:-5px!important;transform:rotate(45deg)!important;border-radius:999px!important} .sag-header-search-toggle-v100:hover span{border-color:#16967f!important}.sag-header-search-toggle-v100:hover span::after{background:#16967f!important} .sag-site-header .sag-subscribe-btn,.sag-site-header .sag-header-subscribe,.sag-site-header .sag-newsletter-trigger,.sag-site-header .sag-header-email,.sag-site-header .sag-header-search-text{display:none!important} .sag-header-menu-toggle-v100{display:none!important;width:38px!important;height:38px!important;border:0!important;background:transparent!important;padding:0!important;cursor:pointer!important} .sag-header-menu-toggle-v100 span{display:block!important;width:24px!important;height:2px!important;background:#111!important;margin:5px auto!important} .sag-search-overlay-v100{position:fixed!important;inset:0!important;z-index:10000!important;background:rgba(255,255,255,.96)!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important} .sag-search-overlay-v100.is-open{display:flex!important} .sag-search-box-v100{width:min(720px,100%)!important;position:relative!important} .sag-search-box-v100 form{display:flex!important;gap:10px!important} .sag-search-box-v100 input{flex:1!important;height:58px!important;border:2px solid #111!important;border-radius:0!important;padding:0 18px!important;font-size:20px!important} .sag-search-box-v100 button[type="submit"]{min-width:130px!important;border:0!important;background:#16967f!important;color:#fff!important;font-weight:700!important;font-size:16px!important;cursor:pointer!important} .sag-search-close-v100{position:absolute!important;right:0!important;top:-52px!important;border:0!important;background:transparent!important;font-size:42px!important;line-height:1!important;cursor:pointer!important} .sag-header-mobile-panel-v100{display:none!important;background:#fff!important;border-top:1px solid #eee!important;padding:18px 24px 24px!important} .sag-header-search-form-v100{display:flex!important;gap:8px!important;margin-bottom:18px!important} .sag-header-search-form-v100 input{flex:1!important;height:46px!important;border:1px solid #ddd!important;padding:0 14px!important} .sag-header-search-form-v100 button{border:0!important;background:#16967f!important;color:#fff!important;padding:0 16px!important;font-weight:700!important} .sag-header-mobile-nav-v100{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important} .sag-header-mobile-nav-v100 a{color:#111!important;font-size:16px!important;text-decoration:none!important;font-weight:600!important} .sag-header-v100.mobile-open .sag-header-mobile-panel-v100{display:block!important} @media(max-width:1180px){.sag-header-logo-v100 img{width:200px!important;max-width:200px!important}.sag-header-nav-v100{gap:18px!important}.sag-header-nav-v100 a{font-size:15px!important}} @media(max-width:980px){.sag-header-nav-v100{display:none!important}.sag-header-menu-toggle-v100{display:block!important}.sag-header-inner-v100{height:68px!important;padding:0 20px!important}.sag-header-logo-v100 img{width:190px!important;max-width:190px!important}} @media(max-width:782px){.admin-bar .sag-header-v100{top:46px!important}} @media(max-width:520px){.sag-header-logo-v100 img{width:165px!important;max-width:165px!important}.sag-header-search-toggle-v100{width:32px!important}.sag-header-mobile-nav-v100{grid-template-columns:1fr!important}.sag-search-box-v100 form{flex-direction:column!important}.sag-search-box-v100 button[type="submit"]{height:50px!important}} /* ========================================================== v101 SEJ-style Mobile Header + Left Drawer ========================================================== */ /* Desktop keeps v100 layout */ .sag-mobile-menu-open-v101{ display:none !important; } /* Mobile drawer base */ .sag-mobile-drawer-overlay-v101{ position:fixed !important; inset:0 !important; background:rgba(0,0,0,.52) !important; z-index:10000 !important; opacity:0 !important; visibility:hidden !important; transition:opacity .2s ease, visibility .2s ease !important; } .sag-mobile-drawer-v101{ position:fixed !important; top:0 !important; left:0 !important; width:380px !important; max-width:86vw !important; height:100vh !important; background:#fff !important; z-index:10001 !important; transform:translateX(-105%) !important; transition:transform .25s ease !important; overflow-y:auto !important; box-shadow:12px 0 28px rgba(0,0,0,.16) !important; padding:0 !important; } .admin-bar .sag-mobile-drawer-v101{ top:20px !important; height:calc(100vh - 32px) !important; } body.sag-mobile-menu-open{ overflow:hidden !important; } body.sag-mobile-menu-open .sag-mobile-drawer-overlay-v101{ opacity:1 !important; visibility:visible !important; } body.sag-mobile-menu-open .sag-mobile-drawer-v101{ transform:translateX(0) !important; } .sag-mobile-drawer-head-v101{ height:82px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:18px !important; padding:0 24px !important; border-bottom:1px solid #eee !important; } .sag-mobile-drawer-logo-v101 img{ width:215px !important; max-width:215px !important; height:auto !important; display:block !important; } .sag-mobile-menu-close-v101{ border:0 !important; background:transparent !important; color:#333 !important; font-size:48px !important; line-height:1 !important; cursor:pointer !important; padding:0 !important; margin:0 !important; } .sag-mobile-drawer-search-v101{ padding:28px 24px 18px !important; } .sag-mobile-drawer-search-v101 input{ width:100% !important; height:44px !important; border:1px solid #ddd !important; border-radius:4px !important; background:#fff !important; padding:0 14px !important; color:#111 !important; font-size:16px !important; outline:none !important; } .sag-mobile-drawer-search-v101 input:focus{ border-color:#16967f !important; } .sag-mobile-drawer-nav-v101{ display:flex !important; flex-direction:column !important; padding:14px 24px 32px !important; } .sag-mobile-drawer-nav-v101 a{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; color:#222 !important; text-decoration:none !important; font-family:Arial, Helvetica, sans-serif !important; font-size:32px !important; line-height:1.1 !important; font-weight:800 !important; letter-spacing:-.035em !important; padding:11px 0 !important; border:0 !important; } .sag-mobile-drawer-nav-v101 a:hover{ color:#16967f !important; } .sag-mobile-drawer-nav-v101 a span{ font-size:28px !important; line-height:1 !important; font-weight:500 !important; color:#222 !important; } /* Mobile header same style as reference: hamburger + logo + search */ @media(max-width:980px){ .sag-header-v101{ height:auto !important; } .sag-header-inner-v101{ height:70px !important; padding:0 20px !important; justify-content:space-between !important; gap:16px !important; } .sag-mobile-menu-open-v101{ display:flex !important; flex-direction:column !important; justify-content:center !important; align-items:center !important; width:36px !important; height:36px !important; border:0 !important; background:transparent !important; padding:0 !important; cursor:pointer !important; flex:0 0 36px !important; } .sag-mobile-menu-open-v101 span{ display:block !important; width:24px !important; height:3px !important; background:#111 !important; margin:3px 0 !important; border-radius:999px !important; } .sag-header-logo-v101{ flex:1 1 auto !important; justify-content:flex-start !important; } .sag-header-logo-v101 img{ width:205px !important; max-width:205px !important; } .sag-header-actions-v101{ flex:0 0 auto !important; gap:0 !important; } .sag-header-nav-v101{ display:none !important; } .sag-header-search-toggle-v101{ width:36px !important; height:36px !important; } /* hide old mobile panel from v100 */ .sag-header-mobile-panel-v100{ display:none !important; } } @media(max-width:520px){ .sag-header-inner-v101{ height:64px !important; padding:0 18px !important; } .sag-header-logo-v101 img{ width:185px !important; max-width:185px !important; } .sag-mobile-drawer-v101{ width:330px !important; max-width:88vw !important; } .sag-mobile-drawer-logo-v101 img{ width:205px !important; } .sag-mobile-drawer-nav-v101 a{ font-size:29px !important; padding:10px 0 !important; } } @media(max-width:782px){ .admin-bar .sag-mobile-drawer-v101{ top:46px !important; height:calc(100vh - 46px) !important; } } /* ========================================================== v103 Latest Row-Based Alignment + By Author SEJ-like: no forced title/excerpt gaps; each row aligns naturally. ========================================================== */ /* Grid items stretch by row */ .sag-latest-section .sag-sej-post-grid, .sag-latest-section .sag-article-grid, .sag-sej-feed-section .sag-sej-post-grid{ align-items:stretch !important; row-gap:38px !important; } /* Card becomes flex column */ .sag-latest-section .sag-sej-post-card, .sag-sej-feed-section .sag-sej-post-card{ display:flex !important; flex-direction:column !important; height:100% !important; } /* Content flexes naturally */ .sag-latest-section .sag-sej-card-content, .sag-sej-feed-section .sag-sej-card-content{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; height:auto !important; min-height:0 !important; gap:0 !important; } /* Remove old fixed forced heights that created ugly 3-line blank gaps */ .sag-latest-section .sag-sej-card-content h3, .sag-sej-feed-section .sag-sej-card-content h3, .sag-latest-section .sag-sej-card-content p, .sag-sej-feed-section .sag-sej-card-content p{ min-height:0 !important; max-height:none !important; } /* Normal compact title rhythm */ .sag-latest-section .sag-sej-card-content h3, .sag-sej-feed-section .sag-sej-card-content h3{ margin-top:0 !important; margin-bottom:12px !important; line-height:1.13 !important; } /* By author line */ .sag-author-by-v103{ color:#16967f !important; font-weight:700 !important; } .sag-latest-section .sag-sej-byline, .sag-sej-feed-section .sag-sej-byline{ margin:0 0 14px !important; line-height:1.2 !important; } /* Excerpt natural spacing */ .sag-latest-section .sag-sej-card-content p, .sag-sej-feed-section .sag-sej-card-content p{ margin:0 0 8px !important; line-height:1.5 !important; } /* Meta sits close after excerpt; keeps latest cards compact */ .sag-latest-section .sag-sej-card-meta, .sag-sej-feed-section .sag-sej-card-meta{ margin-top:4px !important; padding-top:0 !important; display:flex !important; align-items:center !important; } /* Keep avatar/title spacing same */ .sag-latest-section .sag-sej-author-row, .sag-sej-feed-section .sag-sej-author-row{ margin-bottom:18px !important; } @media(max-width:768px){ .sag-latest-section .sag-sej-card-meta, .sag-sej-feed-section .sag-sej-card-meta{ margin-top:14px !important; } } /* ========================================================== v105 Category Page Row-Based Card Alignment Only Does NOT replace category page structure. Same behavior as homepage latest section. ========================================================== */ .category .sag-article-grid, .archive.category .sag-article-grid, .sag-category-posts .sag-article-grid, .category .sag-sej-post-grid, .archive.category .sag-sej-post-grid{ align-items:stretch !important; } .category .sag-post-card, .archive.category .sag-post-card, .sag-category-posts .sag-post-card, .category .sag-sej-post-card, .archive.category .sag-sej-post-card{ display:flex !important; flex-direction:column !important; height:100% !important; } .category .sag-post-card-content, .archive.category .sag-post-card-content, .sag-category-posts .sag-post-card-content, .category .sag-sej-card-content, .archive.category .sag-sej-card-content{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; height:auto !important; min-height:0 !important; gap:0 !important; } .category .sag-post-card-content h3, .archive.category .sag-post-card-content h3, .sag-category-posts .sag-post-card-content h3, .category .sag-sej-card-content h3, .archive.category .sag-sej-card-content h3, .category .sag-post-card-content p, .archive.category .sag-post-card-content p, .sag-category-posts .sag-post-card-content p, .category .sag-sej-card-content p, .archive.category .sag-sej-card-content p{ min-height:0 !important; max-height:none !important; } .category .sag-post-card-content h3, .archive.category .sag-post-card-content h3, .sag-category-posts .sag-post-card-content h3, .category .sag-sej-card-content h3, .archive.category .sag-sej-card-content h3{ margin-top:0 !important; margin-bottom:12px !important; line-height:1.13 !important; } .category .sag-sej-byline, .archive.category .sag-sej-byline, .sag-category-posts .sag-sej-byline{ margin:0 0 14px !important; line-height:1.2 !important; } .category .sag-post-card-content p, .archive.category .sag-post-card-content p, .sag-category-posts .sag-post-card-content p, .category .sag-sej-card-content p, .archive.category .sag-sej-card-content p{ margin:0 0 8px !important; line-height:1.5 !important; } .category .sag-card-meta, .archive.category .sag-card-meta, .sag-category-posts .sag-card-meta, .category .sag-sej-card-meta, .archive.category .sag-sej-card-meta{ margin-top:auto !important; padding-top:0 !important; display:flex !important; align-items:center !important; } .category .sag-sej-author-row, .archive.category .sag-sej-author-row, .sag-category-posts .sag-sej-author-row{ margin-bottom:18px !important; } @media(max-width:768px){ .category .sag-card-meta, .archive.category .sag-card-meta, .sag-category-posts .sag-card-meta, .category .sag-sej-card-meta, .archive.category .sag-sej-card-meta{ margin-top:14px !important; } } /* ========================================================== v106 Author Page Posts Row-Based Alignment + Meta Icons Only right-side author post cards. Author profile layout untouched. ========================================================== */ /* Author article grids stretch row-wise */ .sag-author-v67-grid, .sag-author-profile-grid, .author .sag-author-v67-grid, .author .sag-author-profile-grid{ align-items:stretch !important; } /* Author post cards as flex columns */ .sag-author-v67-card, .sag-author-profile-card, .author .sag-author-v67-card, .author .sag-author-profile-card{ display:flex !important; flex-direction:column !important; height:100% !important; min-width:0 !important; } /* Card content natural flex */ .sag-author-v67-card, .sag-author-profile-card{ gap:0 !important; } /* Remove fixed/fake title/excerpt heights */ .sag-author-v67-card h3, .sag-author-profile-card h3, .sag-author-v67-card p, .sag-author-profile-card p{ min-height:0 !important; max-height:none !important; } /* Natural title/excerpt spacing */ .sag-author-v67-card h3, .sag-author-profile-card h3{ margin-top:0 !important; margin-bottom:10px !important; line-height:1.12 !important; } .sag-author-v67-card p, .sag-author-profile-card p{ margin:0 0 14px !important; line-height:1.5 !important; } /* Push meta to bottom for row-based alignment */ .sag-author-v67-meta, .sag-author-profile-meta{ margin-top:auto !important; padding-top:0 !important; display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:12px !important; } /* Remove dot separator when icons are used */ .sag-author-v67-meta span + span::before, .sag-author-profile-meta span + span::before{ display:none !important; content:none !important; } /* Meta item with icons */ .sag-author-v67-meta span, .sag-author-profile-meta span{ display:inline-flex !important; align-items:center !important; gap:5px !important; color:#444 !important; font-size:12px !important; line-height:1 !important; } /* Default icon dot if class not present */ .sag-author-v67-meta span::before, .sag-author-profile-meta span::before{ content:"" !important; display:inline-block !important; width:13px !important; height:13px !important; background:currentColor !important; opacity:.7 !important; -webkit-mask-size:contain !important; mask-size:contain !important; -webkit-mask-repeat:no-repeat !important; mask-repeat:no-repeat !important; -webkit-mask-position:center !important; mask-position:center !important; } /* Time icon */ .sag-author-v67-meta .sag-author-meta-time::before, .sag-author-profile-meta .sag-author-meta-time::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v6l4 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v6l4 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Reads/eye icon */ .sag-author-v67-meta .sag-author-meta-reads::before, .sag-author-profile-meta .sag-author-meta-reads::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") !important; } /* Date/calendar icon */ .sag-author-v67-meta .sag-author-meta-date::before, .sag-author-profile-meta .sag-author-meta-date::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='5' width='18' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8 3v4M16 3v4M3 10h18' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* If inserted exists, hide it and use pseudo icons */ .sag-author-v67-meta i, .sag-author-profile-meta i{ display:none !important; } /* Mobile: natural flow */ @media(max-width:768px){ .sag-author-v67-meta, .sag-author-profile-meta{ margin-top:12px !important; } } /* ========================================================== v107 Author Page Cards Match Homepage Latest Cards ========================================================== */ /* Author post grid: same row-based behavior as homepage */ .author .sag-author-v67-grid, .author .sag-author-profile-grid, .sag-author-v67-grid, .sag-author-profile-grid{ align-items:stretch !important; } /* Author cards same flex structure as homepage latest cards */ .author .sag-author-v67-card, .author .sag-author-profile-card, .sag-author-v67-card, .sag-author-profile-card{ display:flex !important; flex-direction:column !important; height:100% !important; min-width:0 !important; } /* Thumbnail spacing same as homepage */ .author .sag-author-v67-card > a:first-child, .author .sag-author-profile-card > a:first-child, .author .sag-author-v67-card .sag-author-card-thumb, .author .sag-author-profile-card .sag-author-card-thumb{ margin-bottom:8px !important; } /* Title: same visual rhythm as homepage cards */ .author .sag-author-v67-card h3, .author .sag-author-profile-card h3, .sag-author-v67-card h3, .sag-author-profile-card h3{ margin:0 0 12px !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:30px !important; line-height:1.12 !important; font-weight:800 !important; letter-spacing:-.035em !important; min-height:0 !important; max-height:none !important; } .author .sag-author-v67-card h3 a, .author .sag-author-profile-card h3 a, .sag-author-v67-card h3 a, .sag-author-profile-card h3 a{ color:#111 !important; text-decoration:none !important; } .author .sag-author-v67-card h3 a:hover, .author .sag-author-profile-card h3 a:hover, .sag-author-v67-card h3 a:hover, .sag-author-profile-card h3 a:hover{ color:#111 !important; text-decoration-line:underline !important; text-decoration-color:#111 !important; text-decoration-thickness:2px !important; text-underline-offset:4px !important; } /* Byline exactly like homepage */ .author .sag-author-v67-byline, .author .sag-author-profile-byline, .author .sag-sej-byline, .sag-author-v67-byline, .sag-author-profile-byline{ margin:0 0 18px !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:16px !important; line-height:1.2 !important; font-weight:700 !important; } .sag-author-card-by-v107, .author .sag-author-v67-byline::before, .author .sag-author-profile-byline::before{ color:#16967f !important; font-weight:700 !important; } /* If byline does not have "By" in markup, add it visually */ .author .sag-author-v67-byline:not(.has-by)::before, .author .sag-author-profile-byline:not(.has-by)::before{ content:"By " !important; } /* Excerpt same as homepage latest */ .author .sag-author-v67-card p, .author .sag-author-profile-card p, .sag-author-v67-card p, .sag-author-profile-card p{ margin:0 0 24px !important; color:#333 !important; font-size:16px !important; line-height:1.5 !important; min-height:0 !important; max-height:none !important; } /* Push meta to bottom exactly like homepage */ .author .sag-author-v67-meta, .author .sag-author-profile-meta, .sag-author-v67-meta, .sag-author-profile-meta{ margin-top:auto !important; padding-top:0 !important; display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:26px !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; line-height:1 !important; font-weight:400 !important; } /* Meta item size/gap same as homepage */ .author .sag-author-v67-meta span, .author .sag-author-profile-meta span, .sag-author-v67-meta span, .sag-author-profile-meta span{ display:inline-flex !important; align-items:center !important; gap:8px !important; color:#111 !important; font-size:14px !important; line-height:1 !important; font-weight:400 !important; white-space:nowrap !important; } /* Remove separators */ .author .sag-author-v67-meta span + span::before, .author .sag-author-profile-meta span + span::before, .sag-author-v67-meta span + span::before, .sag-author-profile-meta span + span::before{ display:none !important; content:none !important; } /* Homepage-like meta icons */ .author .sag-author-v67-meta span::before, .author .sag-author-profile-meta span::before, .sag-author-v67-meta span::before, .sag-author-profile-meta span::before{ content:"" !important; display:inline-block !important; width:15px !important; height:15px !important; background:#111 !important; opacity:.9 !important; flex:0 0 15px !important; -webkit-mask-size:contain !important; mask-size:contain !important; -webkit-mask-repeat:no-repeat !important; mask-repeat:no-repeat !important; -webkit-mask-position:center !important; mask-position:center !important; } /* First meta = time icon */ .author .sag-author-v67-meta span:nth-child(1)::before, .author .sag-author-profile-meta span:nth-child(1)::before, .sag-author-v67-meta span:nth-child(1)::before, .sag-author-profile-meta span:nth-child(1)::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v6l4 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v6l4 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } /* Second meta = eye icon */ .author .sag-author-v67-meta span:nth-child(2)::before, .author .sag-author-profile-meta span:nth-child(2)::before, .sag-author-v67-meta span:nth-child(2)::before, .sag-author-profile-meta span:nth-child(2)::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") !important; mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E") !important; } /* Third meta = no icon, same as homepage date style in your screenshot */ .author .sag-author-v67-meta span:nth-child(3)::before, .author .sag-author-profile-meta span:nth-child(3)::before, .sag-author-v67-meta span:nth-child(3)::before, .sag-author-profile-meta span:nth-child(3)::before{ display:none !important; content:none !important; } /* Hide inserted empty i tags if any */ .sag-author-v67-meta i, .sag-author-profile-meta i{ display:none !important; } /* Mobile */ @media(max-width:768px){ .author .sag-author-v67-card h3, .author .sag-author-profile-card h3, .sag-author-v67-card h3, .sag-author-profile-card h3{ font-size:27px !important; } .author .sag-author-v67-meta, .author .sag-author-profile-meta, .sag-author-v67-meta, .sag-author-profile-meta{ margin-top:14px !important; gap:18px !important; } } /* ========================================================== v110 Safe Elementor Compatibility from v107 Fixes Elementor content area + syntax error issue. ========================================================== */ .sag-page-main, .sag-page-article, .sag-page-content{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; background:#fff !important; } /* Elementor pages should use full available width */ body.elementor-page .sag-page-main, body.elementor-page .sag-page-article, body.elementor-page .sag-page-content, body.elementor-page .sag-elementor-full-width, .sag-elementor-full-width{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; } /* Normal WordPress page content still readable when not using Elementor */ body:not(.elementor-page) .sag-page-content > *:not(.elementor){ width:min(980px, calc(100% - 48px)); margin-left:auto; margin-right:auto; } /* Elementor canvas */ .sag-elementor-canvas, .sag-elementor-canvas-body{ margin:0 !important; padding:0 !important; background:#fff !important; } /* Let Elementor control its own sections */ body.elementor-page .elementor-section, body.elementor-page .elementor-container, body.elementor-page .elementor-widget-wrap{ max-width:none; } /* ========================================================== v111 Homepage Latest Excerpt Max 3 Lines ========================================================== */ .sag-latest-section .sag-sej-card-content p, .sag-sej-feed-section .sag-sej-card-content p, .home .sag-sej-card-content p, .home .sag-post-card-content p{ display:-webkit-box !important; -webkit-line-clamp:3 !important; line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; text-overflow:ellipsis !important; max-height:72px !important; min-height:72px !important; max-height:72px !important; margin-bottom:8px !important; line-height:1.5 !important; } .sag-latest-section .sag-sej-card-meta, .sag-sej-feed-section .sag-sej-card-meta, .home .sag-sej-card-meta, .home .sag-card-meta{ margin-top:4px !important; } /* ========================================================== v112 Homepage SEO Section: 5 Posts + Black Title Hover ========================================================== */ /* Remove accent hover color from homepage section post titles */ .home .sag-category-section a, .home .sag-home-category-section a, .home .sag-section-posts a, .home .sag-horizontal-posts a{ transition:none !important; } /* Titles stay black */ .home .sag-category-section h2 a, .home .sag-category-section h3 a, .home .sag-home-category-section h2 a, .home .sag-home-category-section h3 a, .home .sag-section-posts h2 a, .home .sag-section-posts h3 a, .home .sag-horizontal-posts h2 a, .home .sag-horizontal-posts h3 a, .home .sag-category-card-title a, .home .sag-section-post-title a, .home .sag-featured-section-post h2 a, .home .sag-featured-section-post h3 a{ color:#111 !important; text-decoration:none !important; } /* Hover = black underline only */ .home .sag-category-section h2 a:hover, .home .sag-category-section h3 a:hover, .home .sag-home-category-section h2 a:hover, .home .sag-home-category-section h3 a:hover, .home .sag-section-posts h2 a:hover, .home .sag-section-posts h3 a:hover, .home .sag-horizontal-posts h2 a:hover, .home .sag-horizontal-posts h3 a:hover, .home .sag-category-card-title a:hover, .home .sag-section-post-title a:hover, .home .sag-featured-section-post h2 a:hover, .home .sag-featured-section-post h3 a:hover{ color:#111 !important; text-decoration-line:underline !important; text-decoration-color:#111 !important; text-decoration-thickness:2px !important; text-underline-offset:4px !important; } /* Fallback for the SEO block visible in screenshot */ .home [class*="seo"] h2 a:hover, .home [class*="seo"] h3 a:hover, .home [class*="SEO"] h2 a:hover, .home [class*="SEO"] h3 a:hover{ color:#111 !important; text-decoration-line:underline !important; text-decoration-color:#111 !important; text-decoration-thickness:2px !important; text-underline-offset:4px !important; } /* ========================================================== v113 Linked Category Meta + SAG Home Link ========================================================== */ /* Category/meta links keep same visual style */ .sag-meta-home-link, .sag-meta-category-link, .sag-card-category a, .sag-sej-card-cats a, .sag-single-top-meta-v54 a, .home .sag-card-category a, .home .sag-sej-card-cats a{ color:#16967f !important; text-decoration:none !important; font-weight:700 !important; } .sag-meta-home-link:hover, .sag-meta-category-link:hover, .sag-card-category a:hover, .sag-sej-card-cats a:hover, .sag-single-top-meta-v54 a:hover, .home .sag-card-category a:hover, .home .sag-sej-card-cats a:hover{ color:#16967f !important; text-decoration-line:underline !important; text-decoration-color:#16967f !important; text-decoration-thickness:2px !important; text-underline-offset:3px !important; } .sag-meta-dot{ color:#16967f !important; font-weight:700 !important; margin:0 4px !important; } /* Ensure category labels on homepage are clickable-looking but not blue/default */ .home .sag-card-category, .home .sag-sej-card-cats, .sag-card-category, .sag-sej-card-cats{ color:#16967f !important; } /* ========================================================== v114 Homepage SEO/Category Section Excerpt Max 3 Lines ========================================================== */ .home .sag-category-section p, .home .sag-home-category-section p, .home .sag-section-posts p, .home .sag-horizontal-posts p, .home .sag-featured-section-post p, .home [class*="seo"] p, .home [class*="SEO"] p{ display:-webkit-box !important; -webkit-line-clamp:3 !important; line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; text-overflow:ellipsis !important; max-height:72px !important; min-height:72px !important; max-height:72px !important; line-height:1.5 !important; margin-bottom:18px !important; } /* Keep SEO/category section meta aligned after excerpt clamp */ .home .sag-category-section .sag-card-meta, .home .sag-home-category-section .sag-card-meta, .home .sag-section-posts .sag-card-meta, .home .sag-horizontal-posts .sag-card-meta, .home .sag-featured-section-post .sag-card-meta{ margin-top:auto !important; } /* ========================================================== v115 Single Post Author Button + End Ad Label Fixes ========================================================== */ /* 1) Read Full Bio button: no black hover state */ .sag-single-author-card a, .sag-single-author-card .sag-read-bio, .sag-single-author-card .sag-author-bio-link, .sag-single-author-card .sag-author-read-more, .sag-single-author-bio-card a, .sag-single-author-bio-card .sag-read-bio, .sag-single-author-bio-card .sag-author-bio-link, .sag-single-author-bio-card .sag-author-read-more, .sag-author-box a[href*="/author/"], .sag-author-card a[href*="/author/"]{ transition:none !important; } .sag-single-author-card a:hover, .sag-single-author-card .sag-read-bio:hover, .sag-single-author-card .sag-author-bio-link:hover, .sag-single-author-card .sag-author-read-more:hover, .sag-single-author-bio-card a:hover, .sag-single-author-bio-card .sag-read-bio:hover, .sag-single-author-bio-card .sag-author-bio-link:hover, .sag-single-author-bio-card .sag-author-read-more:hover, .sag-author-box a[href*="/author/"]:hover, .sag-author-card a[href*="/author/"]:hover{ background:transparent !important; color:#111 !important; border-color:#111 !important; box-shadow:none !important; transform:none !important; text-decoration:none !important; } /* Specific fallback for Read Full Bio text/button */ a:has(> span):hover, button:hover{ box-shadow:none; } /* 2) Hide continue reading line after inline/end article ad */ .sag-ad-bottom-label{ display:none !important; } /* If old cached markup outputs this text in a standalone div/span */ .sag-ad-outer-inline_article_ad .sag-ad-bottom-label, .sag-ad-wrap-inline_article_ad .sag-ad-label-bottom, .sag-ad-wrap-inline_article_ad .sag-ad-bottom-label{ display:none !important; } /* ========================================================== v116 Footer 5-Column Layout ========================================================== */ .sag-footer-grid-v116{ display:grid !important; grid-template-columns:32% 17% 17% 17% 17% !important; gap:0 !important; align-items:start !important; max-width:1240px !important; margin:0 auto !important; padding:0 24px 64px !important; } .sag-footer-brand-v116{ padding-right:58px !important; } .sag-footer-brand-v116 p{ max-width:390px !important; font-size:16px !important; line-height:1.55 !important; color:#222 !important; } .sag-footer-grid-v116 .sag-footer-column-v95{ padding-left:26px !important; } .sag-footer-grid-v116 .sag-footer-column-v95 h4{ font-size:21px !important; margin-bottom:24px !important; } .sag-footer-grid-v116 .sag-footer-column-v95 a{ font-size:16px !important; margin-bottom:16px !important; line-height:1.32 !important; } /* Keep 5-column footer clean on medium screens */ @media(max-width:1180px){ .sag-footer-grid-v116{ grid-template-columns:1.5fr 1fr 1fr !important; gap:36px 28px !important; } .sag-footer-brand-v116{ padding-right:20px !important; } .sag-footer-grid-v116 .sag-footer-column-v95{ padding-left:0 !important; } } @media(max-width:768px){ .sag-footer-grid-v116{ grid-template-columns:1fr !important; gap:34px !important; padding-bottom:44px !important; } .sag-footer-brand-v116{ padding-right:0 !important; } .sag-footer-brand-v116 p{ max-width:100% !important; } } /* ========================================================== v117 Consolidated Missed Fixes ========================================================== */ /* Elementor safe pages */ .sag-page-main,.sag-page-article,.sag-page-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important} body.elementor-page .sag-page-main,body.elementor-page .sag-page-article,body.elementor-page .sag-page-content,body.elementor-page .sag-elementor-full-width,.sag-elementor-full-width{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important} body:not(.elementor-page) .sag-page-content > *:not(.elementor){width:min(980px,calc(100% - 48px));margin-left:auto;margin-right:auto} .sag-elementor-canvas,.sag-elementor-canvas-body{margin:0!important;padding:0!important;background:#fff!important} /* Home latest + SEO/category excerpts strict 3 lines */ .sag-latest-section .sag-sej-card-content p, .sag-sej-feed-section .sag-sej-card-content p, .home .sag-sej-card-content p, .home .sag-post-card-content p, .home .sag-category-section p, .home .sag-home-category-section p, .home .sag-section-posts p, .home .sag-horizontal-posts p, .home .sag-featured-section-post p, .home [class*="seo"] p, .home [class*="SEO"] p{ display:-webkit-box!important; -webkit-line-clamp:3!important; line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; text-overflow:ellipsis!important; max-height:72px!important; min-height:72px!important; line-height:1.5!important; } /* Meta/category/SAG links */ .sag-meta-home-link,.sag-meta-category-link,.sag-card-category a,.sag-sej-card-cats a,.sag-single-top-meta-v54 a,.home .sag-card-category a,.home .sag-sej-card-cats a{ color:#16967f!important; text-decoration:none!important; font-weight:700!important; } .sag-meta-home-link:hover,.sag-meta-category-link:hover,.sag-card-category a:hover,.sag-sej-card-cats a:hover,.sag-single-top-meta-v54 a:hover{ color:#16967f!important; text-decoration-line:underline!important; text-decoration-color:#16967f!important; text-decoration-thickness:2px!important; text-underline-offset:3px!important; } .sag-meta-dot{color:#16967f!important;font-weight:700!important;margin:0 4px!important} /* Homepage/section title hover: black underline only */ .home h2 a:hover,.home h3 a:hover,.home .sag-category-card-title a:hover,.home .sag-section-post-title a:hover,.home .sag-featured-section-post h2 a:hover,.home .sag-featured-section-post h3 a:hover{ color:#111!important; text-decoration-line:underline!important; text-decoration-color:#111!important; text-decoration-thickness:2px!important; text-underline-offset:4px!important; } /* Read Full Bio hover: no black fill */ .sag-single-author-card a:hover,.sag-single-author-card .sag-read-bio:hover,.sag-single-author-card .sag-author-bio-link:hover,.sag-single-author-card .sag-author-read-more:hover,.sag-single-author-bio-card a:hover,.sag-author-box a[href*="/author/"]:hover,.sag-author-card a[href*="/author/"]:hover{ background:transparent!important; color:#111!important; border-color:#111!important; box-shadow:none!important; transform:none!important; text-decoration:none!important; } /* Hide continue reading below everywhere */ .sag-ad-bottom-label{display:none!important} /* Category page row-based alignment */ .category .sag-article-grid,.archive.category .sag-article-grid,.category .sag-sej-post-grid,.archive.category .sag-sej-post-grid{align-items:stretch!important} .category .sag-post-card,.archive.category .sag-post-card,.category .sag-sej-post-card,.archive.category .sag-sej-post-card{display:flex!important;flex-direction:column!important;height:100%!important} .category .sag-post-card-content,.archive.category .sag-post-card-content,.category .sag-sej-card-content,.archive.category .sag-sej-card-content{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important} .category .sag-card-meta,.archive.category .sag-card-meta,.category .sag-sej-card-meta,.archive.category .sag-sej-card-meta{margin-top:auto!important} /* Author page posts match homepage spacing/meta */ .sag-author-v67-grid,.sag-author-profile-grid{align-items:stretch!important} .sag-author-v67-card,.sag-author-profile-card{display:flex!important;flex-direction:column!important;height:100%!important} .sag-author-v67-card h3,.sag-author-profile-card h3{margin:0 0 12px!important;line-height:1.12!important} .sag-author-v67-card p,.sag-author-profile-card p{margin:0 0 24px!important;line-height:1.5!important} .sag-author-v67-meta,.sag-author-profile-meta{margin-top:auto!important;display:flex!important;align-items:center!important;gap:26px!important} /* ========================================================== v118 Read Full Bio Hover Hard Fix ========================================================== */ /* Target exact author bio button/link containers */ .sag-single-author-card .sag-author-cta, .sag-single-author-card .sag-author-cta a, .sag-single-author-card .sag-author-cta button, .sag-single-author-card a[href*="/author/"], .sag-single-author-card a[href*="author"], .sag-author-bio-v54 a[href*="/author/"], .sag-author-bio-v54 a[href*="author"], .sag-post-author-card a[href*="/author/"], .sag-post-author-card a[href*="author"], .sag-single-author-box a[href*="/author/"], .sag-single-author-box a[href*="author"], .sag-author-box a[href*="/author/"], .sag-author-box a[href*="author"], .sag-author-card a[href*="/author/"], .sag-author-card a[href*="author"], [class*="author"] a[href*="/author/"], [class*="author"] a[href*="author"]{ transition:none !important; } /* Hover/focus/active: keep same white button style */ .sag-single-author-card .sag-author-cta a:hover, .sag-single-author-card .sag-author-cta a:focus, .sag-single-author-card .sag-author-cta a:active, .sag-single-author-card .sag-author-cta button:hover, .sag-single-author-card .sag-author-cta button:focus, .sag-single-author-card .sag-author-cta button:active, .sag-single-author-card a[href*="/author/"]:hover, .sag-single-author-card a[href*="/author/"]:focus, .sag-single-author-card a[href*="/author/"]:active, .sag-author-bio-v54 a[href*="/author/"]:hover, .sag-author-bio-v54 a[href*="/author/"]:focus, .sag-author-bio-v54 a[href*="/author/"]:active, .sag-post-author-card a[href*="/author/"]:hover, .sag-post-author-card a[href*="/author/"]:focus, .sag-post-author-card a[href*="/author/"]:active, .sag-single-author-box a[href*="/author/"]:hover, .sag-single-author-box a[href*="/author/"]:focus, .sag-single-author-box a[href*="/author/"]:active, .sag-author-box a[href*="/author/"]:hover, .sag-author-box a[href*="/author/"]:focus, .sag-author-box a[href*="/author/"]:active, .sag-author-card a[href*="/author/"]:hover, .sag-author-card a[href*="/author/"]:focus, .sag-author-card a[href*="/author/"]:active, [class*="author"] a[href*="/author/"]:hover, [class*="author"] a[href*="/author/"]:focus, [class*="author"] a[href*="/author/"]:active{ background:#fff !important; color:#111 !important; border-color:#111 !important; box-shadow:none !important; transform:none !important; text-decoration:none !important; } /* If the button class is direct */ .read-full-bio:hover, .read-full-bio:focus, .read-full-bio:active, .sag-read-full-bio:hover, .sag-read-full-bio:focus, .sag-read-full-bio:active, .sag-read-bio:hover, .sag-read-bio:focus, .sag-read-bio:active{ background:#fff !important; color:#111 !important; border-color:#111 !important; box-shadow:none !important; transform:none !important; text-decoration:none !important; } /* ========================================================== v119 Hard Fix: Homepage SEO section excerpts = fixed 3-line area Uses both content trim + CSS height so every SEO row aligns. ========================================================== */ .home .sag-category-block-seo .sag-author-list-content p.sag-author-list-excerpt, .home .sag-category-block-seo .sag-author-list-content > p{ display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:3 !important; overflow:hidden !important; text-overflow:ellipsis !important; line-height:1.42 !important; height:calc(1.42em * 3) !important; min-height:calc(1.42em * 3) !important; max-height:calc(1.42em * 3) !important; margin:0 0 16px !important; } @media(max-width:768px){ .home .sag-category-block-seo .sag-author-list-content p.sag-author-list-excerpt, .home .sag-category-block-seo .sag-author-list-content > p{ height:calc(1.45em * 3) !important; min-height:calc(1.45em * 3) !important; max-height:calc(1.45em * 3) !important; line-height:1.45 !important; } } /* ========================================================== v120 Footer Publisher Link + Remove Bottom Accent Bar ========================================================== */ .sag-footer-bottom-v96{ gap:0 !important; } .sag-footer-bottom-v96 > span{ display:none !important; } .sag-footer-publisher-link{ color:#16967f !important; font-weight:600 !important; text-decoration:none !important; } .sag-footer-publisher-link:hover, .sag-footer-publisher-link:focus{ color:#16967f !important; text-decoration:underline !important; text-underline-offset:3px !important; } /* ========================================================== v121 Footer white background + normal publisher + tighter brand spacing ========================================================== */ .sag-site-footer.sag-footer-v95, .sag-site-footer.sag-footer-v116, .sag-footer-v95, .sag-footer-bottom-v95, .sag-footer-bottom-v96{ background:#ffffff !important; } .sag-footer-logo-v95{ margin:0 0 10px !important; } .sag-footer-brand-v116 p, .sag-footer-brand-v95 p{ margin-top:0 !important; } .sag-footer-bottom-v96{ gap:8px !important; padding:22px 24px !important; } .sag-footer-bottom-v96 > span{ display:block !important; width:54px !important; height:3px !important; margin:0 0 6px !important; background:#16967f !important; border-radius:999px !important; } .sag-footer-publisher-link{ color:#16967f !important; font-weight:400 !important; text-decoration:none !important; } .sag-footer-publisher-link:hover, .sag-footer-publisher-link:focus{ color:#16967f !important; font-weight:400 !important; text-decoration:underline !important; text-underline-offset:3px !important; } /* ========================================================== v122 Footer cleanup: remove green divider + tighter spacing ========================================================== */ .sag-footer-bottom-v96 > span, .sag-footer-bottom-v95 > span{ display:none !important; width:0 !important; height:0 !important; margin:0 !important; background:transparent !important; } .sag-footer-v95, .sag-site-footer.sag-footer-v95, .sag-site-footer.sag-footer-v116{ background:#ffffff !important; padding-top:46px !important; } .sag-footer-grid-v95, .sag-footer-grid-v116{ padding-top:0 !important; padding-bottom:46px !important; } .sag-footer-logo-v95{ margin:0 0 6px !important; } .sag-footer-logo-v95 img{ margin-bottom:0 !important; } .sag-footer-brand-v95 p, .sag-footer-brand-v116 p{ margin-top:0 !important; padding-top:0 !important; } .sag-footer-bottom-v95, .sag-footer-bottom-v96{ background:#ffffff !important; padding:18px 24px 20px !important; gap:0 !important; } .sag-footer-bottom-v96 p{ margin:0 !important; } /* ========================================================== v123 Latest section author avatar: slight left alignment Moves homepage/latest card author image a little left only. ========================================================== */ .sag-latest-section .sag-sej-post-card .sag-sej-author-row, .sag-sej-feed-section .sag-sej-post-card .sag-sej-author-row{ padding-left:0 !important; } @media(max-width:768px){ .sag-latest-section .sag-sej-post-card .sag-sej-author-row, .sag-sej-feed-section .sag-sej-post-card .sag-sej-author-row{ padding-left:4px !important; } } /* ========================================================== v124 Latest section author avatar hard left alignment Avatar now starts from the same left edge as the featured image/card. ========================================================== */ .sag-latest-section .sag-sej-post-grid .sag-sej-post-card > .sag-sej-author-row, .sag-sej-feed-section .sag-sej-post-grid .sag-sej-post-card > .sag-sej-author-row, .sag-latest-section .sag-article-grid .sag-sej-post-card > .sag-sej-author-row{ margin-left:0 !important; padding-left:12px !important; transform:none !important; justify-content:flex-start !important; } .sag-latest-section .sag-sej-post-grid .sag-sej-post-card > .sag-sej-author-row .sag-sej-author-avatar, .sag-sej-feed-section .sag-sej-post-grid .sag-sej-post-card > .sag-sej-author-row .sag-sej-author-avatar, .sag-latest-section .sag-article-grid .sag-sej-post-card > .sag-sej-author-row .sag-sej-author-avatar{ margin-left:0 !important; } @media(max-width:768px){ .sag-latest-section .sag-sej-post-grid .sag-sej-post-card > .sag-sej-author-row, .sag-sej-feed-section .sag-sej-post-grid .sag-sej-post-card > .sag-sej-author-row, .sag-latest-section .sag-article-grid .sag-sej-post-card > .sag-sej-author-row{ margin-left:0 !important; padding-left:0 !important; } } /* v127: Hostinger deal countdown between Latest and Trending */ .sag-hosting-deal-section{ padding:10px 0 36px !important; background:#fff !important; } .sag-hosting-deal-box{ background:#2b4082 !important; color:#fff !important; border-radius:7px !important; padding:34px 46px !important; display:grid !important; grid-template-columns:minmax(0,1.25fr) auto !important; gap:34px !important; align-items:center !important; box-shadow:none !important; } .sag-hosting-deal-content h2{ font-family:Poppins,Arial,sans-serif !important; font-size:28px !important; line-height:1.25 !important; font-weight:600 !important; margin:0 0 12px !important; color:#fff !important; } .sag-hosting-deal-content p{ font-size:19px !important; line-height:1.55 !important; font-weight:400 !important; margin:0 0 22px !important; color:#fff !important; max-width:760px !important; } .sag-hosting-deal-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; background:var(--sag-green) !important; color:#fff !important; min-height:50px !important; padding:10px 25px !important; border-radius:4px !important; font-size:19px !important; line-height:1 !important; font-weight:600 !important; } .sag-hosting-countdown{ display:grid !important; grid-template-columns:repeat(4,110px) !important; gap:14px !important; align-items:center !important; justify-content:end !important; } .sag-count-box{ min-height:112px !important; border:1px solid rgba(255,255,255,.88) !important; border-radius:7px !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; color:#fff !important; } .sag-count-box strong{ font-family:Arial,Helvetica,sans-serif !important; font-size:42px !important; line-height:.95 !important; font-weight:400 !important; color:#fff !important; } .sag-count-box span{ font-size:19px !important; line-height:1.12 !important; font-weight:400 !important; color:#fff !important; } @media (max-width:1024px){ .sag-hosting-deal-box{grid-template-columns:1fr !important;padding:30px !important;} .sag-hosting-countdown{justify-content:start !important;grid-template-columns:repeat(4,1fr) !important;width:100% !important;} } @media (max-width:640px){ .sag-hosting-deal-section{padding:0 0 28px !important;} .sag-hosting-deal-box{padding:24px 18px !important;gap:22px !important;} .sag-hosting-deal-content h2{font-size:23px !important;font-weight:600 !important;} .sag-hosting-deal-content p{font-size:16px !important;font-weight:400 !important;} .sag-hosting-deal-btn{font-size:17px !important;font-weight:600 !important;min-height:44px !important;} .sag-hosting-countdown{grid-template-columns:repeat(2,1fr) !important;gap:10px !important;} .sag-count-box{min-height:92px !important;} .sag-count-box strong{font-size:34px !important;font-weight:400 !important;} .sag-count-box span{font-size:16px !important;font-weight:400 !important;} } /* v131: Refined Hostinger countdown section sizing */ .sag-hosting-deal-box{ padding:30px 42px !important; gap:28px !important; } .sag-hosting-deal-content h2{ font-size:25px !important; line-height:1.28 !important; font-weight:600 !important; margin-bottom:10px !important; } .sag-hosting-deal-content p{ font-size:17px !important; line-height:1.5 !important; margin-bottom:18px !important; } .sag-hosting-deal-btn{ min-height:42px !important; padding:8px 20px !important; font-size:16px !important; font-weight:500 !important; } .sag-hosting-countdown{ grid-template-columns:repeat(4,92px) !important; gap:10px !important; } .sag-count-box{ min-height:92px !important; border-radius:6px !important; } .sag-count-box strong{ font-size:34px !important; line-height:1 !important; font-weight:400 !important; } .sag-count-box span{ font-size:15px !important; font-weight:400 !important; } @media (min-width:641px) and (max-width:1024px){ .sag-hosting-deal-box{ display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; align-items:center !important; padding:24px 28px !important; gap:18px !important; } .sag-hosting-countdown{ grid-template-columns:repeat(4,68px) !important; justify-content:end !important; width:auto !important; gap:7px !important; } .sag-count-box{min-height:68px !important;} .sag-count-box strong{font-size:25px !important;} .sag-count-box span{font-size:11px !important;} } @media (max-width:640px){ .sag-hosting-deal-box{padding:22px 16px !important;gap:18px !important;} .sag-hosting-deal-content h2{font-size:22px !important;} .sag-hosting-deal-content p{font-size:15px !important;margin-bottom:16px !important;} .sag-hosting-deal-btn{font-size:15px !important;min-height:40px !important;padding:6px 10px !important;} .sag-hosting-countdown{grid-template-columns:repeat(2,1fr) !important;gap:9px !important;} .sag-count-box{min-height:82px !important;} .sag-count-box strong{font-size:30px !important;} .sag-count-box span{font-size:14px !important;} } /* === v132 Author card hierarchy fix: Name first, designation below === */ .sag-sej-author-box-content{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; } .sag-sej-author-box h3{ order:1 !important; margin:0 0 8px !important; font-size:34px !important; line-height:1.12 !important; font-weight:700 !important; letter-spacing:-.025em !important; } .sag-sej-author-box-role{ order:2 !important; margin:0 0 22px !important; font-size:16px !important; line-height:1.2 !important; font-weight:700 !important; text-transform:uppercase !important; color: var(--accent-color,#0aa36c) !important; } .sag-sej-author-box-bio{ order:3 !important; } @media(max-width:768px){ .sag-sej-author-box h3{ font-size:28px !important; } .sag-sej-author-box-role{ font-size:14px !important; margin-bottom:18px !important; } } /* ========================================================== v134 Digital Marketing Cards Section (Neil Patel inspired) Placement: between Trending Articles and SEO section ========================================================== */ .sag-dm-cards-section{ --sag-accent:#16967f; padding:34px 0 40px !important; background:#fff !important; } .sag-dm-section-head{ display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:20px !important; margin:0 0 26px !important; } .sag-dm-kicker{ display:block !important; margin:0 0 8px !important; color:var(--sag-accent) !important; font-size:13px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.08em !important; } .sag-dm-section-head h2{ margin:0 !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:32px !important; line-height:1.08 !important; font-weight:700 !important; letter-spacing:-.025em !important; } .sag-dm-view-all{ color:var(--sag-accent) !important; font-size:14px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; text-decoration:none !important; } .sag-dm-card-grid{ display:grid !important; grid-template-columns:repeat(3, minmax(0, 1fr)) !important; gap:30px !important; } .sag-dm-card-grid .sag-dm-card:nth-child(n+4){ display:none !important; } .sag-dm-card{ position:relative !important; overflow:hidden !important; display:flex !important; flex-direction:column !important; min-height:100% !important; background:#fff !important; border:1px solid rgba(0,0,0,.04) !important; border-radius:9px !important; box-shadow:0 16px 42px rgba(20,25,35,.08) !important; transition:transform .25s ease, box-shadow .25s ease !important; } .sag-dm-card:hover{ transform:translateY(-4px) !important; box-shadow:0 22px 58px rgba(20,25,35,.12) !important; } .sag-dm-thumb{ display:block !important; overflow:hidden !important; width:100% !important; aspect-ratio:16/9 !important; background:#f1f3f4 !important; text-decoration:none !important; } .sag-dm-thumb img{ display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .35s ease !important; } .sag-dm-card:hover .sag-dm-thumb img{ transform:scale(1.035) !important; } .sag-dm-thumb-placeholder{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:100% !important; padding:24px !important; color:#fff !important; background:#16967f !important; font-size:24px !important; line-height:1.15 !important; font-weight:700 !important; text-align:center !important; } .sag-dm-content{ padding:22px 24px 22px !important; flex:1 1 auto !important; } .sag-dm-meta-top{ display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; margin:0 0 12px !important; color:#74777d !important; font-size:12px !important; line-height:1 !important; font-weight:500 !important; text-transform:uppercase !important; letter-spacing:.045em !important; } .sag-dm-meta-top a{ color:#74777d !important; text-decoration:none !important; } .sag-dm-readtime{ display:inline-flex !important; align-items:center !important; gap:5px !important; color:#74777d !important; text-transform:none !important; letter-spacing:0 !important; white-space:nowrap !important; font-weight:400 !important; } .sag-dm-readtime svg, .sag-dm-date svg{ width:14px !important; height:14px !important; fill:none !important; stroke:currentColor !important; stroke-width:1.7 !important; stroke-linecap:round !important; stroke-linejoin:round !important; } .sag-dm-card h3{ margin:0 0 12px !important; font-family:Arial, Helvetica, sans-serif !important; font-size:22px !important; line-height:1.22 !important; font-weight:700 !important; letter-spacing:-.018em !important; color:#111 !important; } .sag-dm-card h3 a{ color:#111 !important; text-decoration:none !important; } .sag-dm-card h3 a:hover{ color:#111 !important; text-decoration:underline !important; text-decoration-color:var(--sag-accent) !important; text-underline-offset:4px !important; } .sag-dm-content p{ display:-webkit-box !important; -webkit-line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; min-height:72px !important; max-height:72px !important; margin:0 !important; color:#444b54 !important; font-size:15px !important; line-height:1.6 !important; font-weight:400 !important; } .sag-dm-author-footer{ position:relative !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:16px !important; padding:19px 24px 20px !important; border-top:1px solid #e8e8e8 !important; } .sag-dm-author-footer:before{ content:"" !important; position:absolute !important; top:-1px !important; left:0 !important; width:0 !important; height:2px !important; background:var(--sag-accent) !important; transition:width .34s ease !important; } .sag-dm-card:hover .sag-dm-author-footer:before{ width:100% !important; } .sag-dm-author{ display:flex !important; align-items:center !important; min-width:0 !important; gap:12px !important; color:#111 !important; text-decoration:none !important; } .sag-dm-avatar, .sag-dm-avatar img, .sag-dm-avatar .avatar{ display:block !important; width:48px !important; height:48px !important; min-width:48px !important; min-height:48px !important; border-radius:50% !important; object-fit:cover !important; } .sag-dm-avatar{ overflow:hidden !important; background:#f4f4f4 !important; } .sag-dm-author-text{ display:block !important; min-width:0 !important; } .sag-dm-author-text strong{ display:block !important; max-width:165px !important; overflow:hidden !important; color:#111 !important; font-size:16px !important; line-height:1.12 !important; font-weight:700 !important; white-space:nowrap !important; text-overflow:ellipsis !important; } .sag-dm-author-text small{ display:block !important; max-width:185px !important; overflow:hidden !important; margin-top:3px !important; color:#5e6670 !important; font-size:12px !important; line-height:1.25 !important; font-weight:400 !important; white-space:nowrap !important; text-overflow:ellipsis !important; } .sag-dm-date{ display:inline-flex !important; align-items:center !important; gap:7px !important; color:#7b7f86 !important; font-size:12px !important; line-height:1 !important; font-weight:400 !important; white-space:nowrap !important; } @media(min-width:701px) and (max-width:1199px){ .sag-dm-card-grid{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;} .sag-dm-card-grid .sag-dm-card:nth-child(4){display:flex !important;} } @media(max-width:700px){ .sag-dm-cards-section{padding:30px 0 34px !important;} .sag-dm-section-head{align-items:flex-start !important;flex-direction:column !important;gap:12px !important;margin-bottom:8px !important;} .sag-dm-section-head h2{font-size:28px !important;} .sag-dm-card-grid{grid-template-columns:1fr !important;gap:24px !important;} .sag-dm-content{padding:20px 18px !important;} .sag-dm-author-footer{padding:17px 18px 18px !important;} .sag-dm-author-footer:before{left:0 !important;} .sag-dm-card:hover .sag-dm-author-footer:before{width:100% !important;} } /* ========================================================== v136 News + SEO heading typography consistency ========================================================== */ .sag-news-section .sag-section-header, .home .sag-category-block-seo .sag-author-list-header{ display:flex !important; align-items:flex-end !important; justify-content:space-between !important; gap:20px !important; margin:0 0 26px !important; } .sag-news-section .sag-section-header h2, .home .sag-category-block-seo .sag-author-list-header h2{ margin:0 !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:32px !important; line-height:1.08 !important; font-weight:700 !important; letter-spacing:-.025em !important; } .sag-news-section .sag-view-all, .home .sag-category-block-seo .sag-view-all{ color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; line-height:1 !important; font-weight:700 !important; text-transform:uppercase !important; text-decoration:none !important; } .home .sag-category-block-seo .sag-author-list-header .sag-section-kicker{ display:none !important; } @media(max-width:700px){ .sag-news-section .sag-section-header, .home .sag-category-block-seo .sag-author-list-header{ align-items:flex-start !important; flex-direction:column !important; gap:12px !important; margin-bottom:8px !important; } .sag-news-section .sag-section-header h2, .home .sag-category-block-seo .sag-author-list-header h2{ font-size:28px !important; } } /* ========================================================== v137 Homepage section headings: unified + smaller Applies same typography to Latest, News, Digital Marketing, and SEO. ========================================================== */ .home .sag-sej-latest-heading, .home .sag-news-section .sag-section-header h2, .home .sag-dm-section-head h2, .home .sag-category-block-seo .sag-author-list-header h2{ margin:0 !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:28px !important; line-height:1.12 !important; font-weight:600 !important; letter-spacing:-.018em !important; } .home .sag-sej-latest-heading{ text-transform:none !important; } .home .sag-news-section .sag-section-header, .home .sag-dm-section-head, .home .sag-category-block-seo .sag-author-list-header{ align-items:flex-end !important; margin-bottom:18px !important; } @media(max-width:700px){ .home .sag-sej-latest-heading, .home .sag-news-section .sag-section-header h2, .home .sag-dm-section-head h2, .home .sag-category-block-seo .sag-author-list-header h2{ font-size:25px !important; line-height:1.15 !important; font-weight:600 !important; } } /* ========================================================== v138 Safe CSS-only fix: Digital Marketing card title stays black Keeps underline on hover but removes accent color from title/underline. ========================================================== */ .home .sag-dm-card h3, .home .sag-dm-card h3 a, .home .sag-dm-card h3 a:visited, .home .sag-dm-card h3 a:hover, .home .sag-dm-card h3 a:focus, .home .sag-dm-card h3 a:active, .sag-dm-card h3, .sag-dm-card h3 a, .sag-dm-card h3 a:visited, .sag-dm-card h3 a:hover, .sag-dm-card h3 a:focus, .sag-dm-card h3 a:active{ color:#111 !important; } .home .sag-dm-card h3 a:hover, .home .sag-dm-card h3 a:focus, .sag-dm-card h3 a:hover, .sag-dm-card h3 a:focus{ text-decoration:underline !important; text-decoration-color:#111 !important; text-underline-offset:4px !important; } /* v140 - SEO section 75/25 layout with sidebar ad */ .sag-category-block-seo > .sag-container{ max-width:1380px !important; } .sag-category-block-seo .sag-author-list-header{ max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } .sag-category-block-seo .sag-seo-70-30-layout{ display:grid !important; grid-template-columns:minmax(0, 75%) minmax(250px, 25%) !important; gap:28px !important; align-items:start !important; } .sag-category-block-seo .sag-seo-posts-column, .sag-category-block-seo .sag-author-list{ max-width:none !important; width:100% !important; margin:0 !important; } .sag-category-block-seo .sag-author-list-item{ grid-template-columns:330px minmax(0, 1fr) 125px !important; gap:28px !important; } .sag-category-block-seo .sag-author-list-content, .sag-category-block-seo .sag-author-list-content h3, .sag-category-block-seo .sag-author-list-content p{ max-width:none !important; } .sag-seo-sidebar{ position:sticky !important; top:105px !important; } @media (max-width:1100px){ .sag-category-block-seo .sag-seo-70-30-layout{ grid-template-columns:1fr !important; gap:34px !important; } .sag-seo-sidebar{ position:static !important; } } @media (max-width:768px){ .sag-category-block-seo .sag-author-list-item{ grid-template-columns:1fr !important; } } /* v142 - SEO sidebar uses same sidebar_ad component as Latest; Advertise card removed */ .sag-seo-sidebar .sag-ad-outer-sidebar_ad{ width:100% !important; max-width:340px !important; margin:0 auto !important; text-align:center !important; } .sag-seo-sidebar .sag-ad-clean-box-sidebar_ad{ width:100% !important; max-width:340px !important; min-height:300px !important; border-radius:0 !important; } /* v143 - Homepage section width unification Latest is the master width; News, Digital Marketing, and SEO now match it. */ .home .sag-news-section > .sag-container, .home .sag-dm-cards-section > .sag-container, .home .sag-category-block-seo > .sag-container{ width:100% !important; max-width:1320px !important; margin-left:auto !important; margin-right:auto !important; padding-left:20px !important; padding-right:20px !important; box-sizing:border-box !important; } .home .sag-news-section .sag-section-header, .home .sag-dm-section-head, .home .sag-category-block-seo .sag-author-list-header{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; } .home .sag-news-section{ padding-top:36px !important; padding-bottom:34px !important; } .home .sag-category-block-seo{ padding-top:34px !important; padding-bottom:40px !important; } @media (max-width:700px){ .home .sag-news-section > .sag-container, .home .sag-dm-cards-section > .sag-container, .home .sag-category-block-seo > .sag-container{ padding-left:18px !important; padding-right:18px !important; } } .sag-dm-meta-top a{color:var(--accent-color,#159a8c)!important;} .sag-dm-author-text small{color:var(--accent-color,#159a8c)!important;} /* v156 - Latest tabs stable interaction, balanced spacing, and 6-post tab loads */ .home .sag-sej-feed-section .sag-sej-latest-heading-wrap{ margin-bottom:20px !important; } .home .sag-sej-feed-section .sag-sej-tabs, .home .sag-sej-feed-section .sag-category-tabs.sag-sej-tabs{ display:flex !important; align-items:flex-start !important; gap:38px !important; margin-top:0 !important; margin-bottom:22px !important; padding:0 !important; border:0 !important; min-height:30px !important; height:30px !important; line-height:1 !important; overflow-x:auto !important; overflow-y:hidden !important; flex-wrap:nowrap !important; } .home .sag-sej-feed-section .sag-sej-tabs::before, .home .sag-sej-feed-section .sag-sej-tabs::after{ display:none !important; content:none !important; } .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn, .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn:hover, .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn:focus, .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn:active, .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn.active{ appearance:none !important; -webkit-appearance:none !important; display:inline-flex !important; align-items:flex-start !important; justify-content:flex-start !important; height:30px !important; min-height:30px !important; margin:0 !important; padding:0 0 9px 0 !important; border:0 !important; border-radius:0 !important; outline:0 !important; background:transparent !important; box-shadow:none !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:16px !important; font-weight:400 !important; line-height:21px !important; letter-spacing:0 !important; white-space:nowrap !important; cursor:pointer !important; position:relative !important; transform:none !important; transition:none !important; animation:none !important; } .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn::before{ display:none !important; content:none !important; } .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn::after, .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn:hover::after, .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn:focus::after, .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn:active::after{ content:"" !important; display:block !important; position:absolute !important; left:0 !important; bottom:0 !important; width:0 !important; height:2px !important; background:#16967f !important; border:0 !important; transform:none !important; transition:none !important; } .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn.active::after{ width:24px !important; } @media(max-width:768px){ .home .sag-sej-feed-section .sag-sej-tabs, .home .sag-sej-feed-section .sag-category-tabs.sag-sej-tabs{ gap:28px !important; margin-bottom:16px !important; } .home .sag-sej-feed-section .sag-sej-tabs .sag-tab-btn{ font-size:14px !important; } } /* ========================================================== v178 Archive + Author post cards use the exact Homepage Latest card styling Shared template: template-parts/post-card.php ========================================================== */ .archive.category .sag-v16-archive-grid.sag-sej-post-grid, body.category .sag-v16-archive-grid.sag-sej-post-grid, body.author #sag-author-v67 .sag-author-v67-post-grid.sag-sej-post-grid{ display:grid !important; grid-template-columns:repeat(2, minmax(0, 1fr)) !important; column-gap:44px !important; row-gap:38px !important; align-items:stretch !important; } .archive.category .sag-v16-archive-grid .sag-sej-post-card, body.category .sag-v16-archive-grid .sag-sej-post-card, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-post-card{ background:transparent !important; box-shadow:none !important; border-radius:0 !important; overflow:visible !important; transform:none !important; display:flex !important; flex-direction:column !important; height:100% !important; } .archive.category .sag-v16-archive-grid .sag-sej-post-card:hover, body.category .sag-v16-archive-grid .sag-sej-post-card:hover, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-post-card:hover{ transform:none !important; box-shadow:none !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-cats, .archive.category .sag-v16-archive-grid .sag-sej-card-cats *, body.category .sag-v16-archive-grid .sag-sej-card-cats, body.category .sag-v16-archive-grid .sag-sej-card-cats *, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-cats, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-cats *{ color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important; font-weight:700 !important; line-height:1 !important; text-transform:uppercase !important; letter-spacing:0 !important; margin:0 !important; padding:0 !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-cats, body.category .sag-v16-archive-grid .sag-sej-card-cats, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-cats{ margin:0 0 14px 0 !important; } .archive.category .sag-v16-archive-grid .sag-sej-post-thumb, body.category .sag-v16-archive-grid .sag-sej-post-thumb, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-post-thumb{ display:block !important; border-radius:0 !important; overflow:hidden !important; aspect-ratio:1.86/1 !important; background:#f0f0f0 !important; } .archive.category .sag-v16-archive-grid .sag-sej-post-thumb img, body.category .sag-v16-archive-grid .sag-sej-post-thumb img, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-post-thumb img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:0 !important; transform:none !important; transition:none !important; } .archive.category .sag-v16-archive-grid .sag-sej-author-row, body.category .sag-v16-archive-grid .sag-sej-author-row, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-author-row{ position:relative !important; height:40px !important; margin:-29px 0 18px 12px !important; padding-left:0 !important; z-index:4 !important; display:block !important; line-height:0 !important; } .archive.category .sag-v16-archive-grid .sag-sej-author-avatar, .archive.category .sag-v16-archive-grid .sag-sej-author-avatar img, .archive.category .sag-v16-archive-grid .sag-sej-author-avatar .avatar, body.category .sag-v16-archive-grid .sag-sej-author-avatar, body.category .sag-v16-archive-grid .sag-sej-author-avatar img, body.category .sag-v16-archive-grid .sag-sej-author-avatar .avatar, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-author-avatar, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-author-avatar img, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-author-avatar .avatar{ width:58px !important; height:58px !important; min-width:58px !important; min-height:58px !important; max-width:58px !important; max-height:58px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; overflow:hidden !important; background:#fff !important; box-shadow:none !important; border:0 !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-content, body.category .sag-v16-archive-grid .sag-sej-card-content, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-content{ display:flex !important; flex-direction:column !important; flex:1 1 auto !important; min-height:0 !important; height:auto !important; padding:0 !important; margin:0 !important; gap:0 !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-content h3, body.category .sag-v16-archive-grid .sag-sej-card-content h3, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-content h3{ margin:0 0 8px 0 !important; padding:0 !important; font-family:Poppins, Arial, sans-serif !important; font-size:22px !important; line-height:1.14 !important; font-weight:700 !important; letter-spacing:-.25px !important; color:#202124 !important; min-height:0 !important; max-height:none !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-content h3 a, .archive.category .sag-v16-archive-grid .sag-sej-card-content h3 a:hover, body.category .sag-v16-archive-grid .sag-sej-card-content h3 a, body.category .sag-v16-archive-grid .sag-sej-card-content h3 a:hover, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-content h3 a, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-content h3 a:hover{ color:#202124 !important; text-decoration:none !important; } .archive.category .sag-v16-archive-grid .sag-sej-byline, body.category .sag-v16-archive-grid .sag-sej-byline, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-byline{ margin:0 0 14px 0 !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:14px !important; line-height:1.25 !important; font-weight:700 !important; } .archive.category .sag-v16-archive-grid .sag-sej-byline a, body.category .sag-v16-archive-grid .sag-sej-byline a, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-byline a{ color:#16967f !important; text-decoration:none !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-content p, body.category .sag-v16-archive-grid .sag-sej-card-content p, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-content p{ display:-webkit-box !important; -webkit-line-clamp:3 !important; line-clamp:3 !important; -webkit-box-orient:vertical !important; overflow:hidden !important; text-overflow:ellipsis !important; margin:0 0 8px 0 !important; color:#3c4043 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:15.5px !important; font-weight:400 !important; line-height:1.5 !important; min-height:72px !important; max-height:72px !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-meta, .archive.category .sag-v16-archive-grid .sag-sej-card-meta *, body.category .sag-v16-archive-grid .sag-sej-card-meta, body.category .sag-v16-archive-grid .sag-sej-card-meta *, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-meta, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-meta *{ font-family:Arial, Helvetica, sans-serif !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-meta, body.category .sag-v16-archive-grid .sag-sej-card-meta, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-meta{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:0 !important; margin-top:4px !important; padding-top:0 !important; color:#3c4043 !important; font-size:13px !important; line-height:1 !important; font-weight:400 !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-meta .sag-meta-item, body.category .sag-v16-archive-grid .sag-sej-card-meta .sag-meta-item, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-meta .sag-meta-item{ display:inline-flex !important; align-items:center !important; margin:0 22px 0 0 !important; color:#3c4043 !important; white-space:nowrap !important; font-weight:400 !important; } .archive.category .sag-v16-archive-grid .sag-sej-card-meta svg, body.category .sag-v16-archive-grid .sag-sej-card-meta svg, body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-meta svg{ width:14px !important; height:14px !important; margin-right:6px !important; stroke:#202124 !important; fill:none !important; stroke-width:2 !important; stroke-linecap:round !important; stroke-linejoin:round !important; display:block !important; } @media(max-width:768px){ .archive.category .sag-v16-archive-grid.sag-sej-post-grid, body.category .sag-v16-archive-grid.sag-sej-post-grid, body.author #sag-author-v67 .sag-author-v67-post-grid.sag-sej-post-grid{ grid-template-columns:1fr !important; gap:60px !important; } } /* ========================================================== v180 Single Author Box Polish Tightens the compact author box without duplicating markup. ========================================================== */ .sag-sej-author-box{ max-width:720px !important; margin:42px auto 0 !important; padding:24px 36px !important; background:#f4f6f6 !important; border:0 !important; border-radius:20px !important; display:grid !important; grid-template-columns:100px minmax(0,1fr) !important; gap:28px !important; align-items:center !important; box-shadow:none !important; } .sag-sej-author-box-left{ display:flex !important; flex-direction:column !important; align-items:center !important; gap:12px !important; } .sag-sej-author-box-avatar img{ width:88px !important; height:88px !important; border-radius:50% !important; object-fit:cover !important; box-shadow:none !important; } .sag-sej-author-box-avatar::after{ display:none !important; } .sag-sej-author-bio-btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:auto !important; min-width:0 !important; min-height:28px !important; padding:6px 10px !important; border:1px solid #222 !important; border-radius:999px !important; background:#fff !important; color:#222 !important; font-size:12px !important; line-height:1 !important; font-weight:600 !important; white-space:nowrap !important; } .sag-sej-author-box-content{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; } .sag-sej-author-box h3{ order:1 !important; margin:0 0 4px !important; color:#111 !important; font-family:Inter,Arial,sans-serif !important; font-size:26px !important; line-height:1.12 !important; font-weight:650 !important; letter-spacing:-.02em !important; } .sag-sej-author-box-role{ order:2 !important; display:block !important; margin:0 0 16px !important; color:var(--sag-green,#16967f) !important; font-family:Inter,Arial,sans-serif !important; font-size:14px !important; line-height:1.2 !important; font-weight:600 !important; text-transform:none !important; letter-spacing:0 !important; } .sag-sej-author-box-bio{ order:3 !important; margin:0 !important; color:#111 !important; font-size:15px !important; line-height:1.32 !important; font-weight:400 !important; display:block !important; overflow:hidden !important; max-width:500px !important; } .sag-single-content-v55 .sag-sej-author-box + .sag-sej-suggested{ margin-top:46px !important; } @media(max-width:768px){ .sag-sej-author-box{ max-width:100% !important; grid-template-columns:1fr !important; gap:18px !important; padding:24px 20px !important; text-align:center !important; } .sag-sej-author-box-left, .sag-sej-author-box-content{ align-items:center !important; } .sag-sej-author-box h3{ font-size:23px !important; } .sag-sej-author-box-role{ margin-bottom:12px !important; } .sag-sej-author-box-bio{ font-size:15px !important; line-height:1.34 !important; max-width:100% !important; } } /* ========================================================== v188 Mobile Header Logo Restore Adds the standard Shahrozaligill logo beside hamburger on mobile only. ========================================================== */ .sag-mobile-header-logo-v188{ display:none !important; } @media(max-width:980px){ .sag-mobile-header-logo-v188{ display:flex !important; align-items:center !important; flex:0 0 auto !important; margin-left:4px !important; margin-right:auto !important; text-decoration:none !important; } .sag-mobile-header-logo-v188 img{ width:168px !important; max-width:42vw !important; height:auto !important; display:block !important; object-fit:contain !important; } .sag-header-actions-v101{ margin-left:auto !important; } } @media(max-width:520px){ .sag-mobile-header-logo-v188{ margin-left:2px !important; } .sag-mobile-header-logo-v188 img{ width:148px !important; max-width:44vw !important; } } /* ========================================================== v190 Mobile Desktop / Tablet Hero List Fix Keep laptop-style hero structure, but force right rail as a vertical story list instead of compressed grid tiles. ========================================================== */ @media (min-width:768px) and (max-width:1180px){ .sag-hero-sej-v39 .sag-hero-grid{ grid-template-columns:minmax(0,72%) minmax(260px,28%) !important; align-items:stretch !important; } .sag-hero-sej-v39 .sag-hero-main, .sag-hero-sej-v39 .sag-hero-list{ height:420px !important; min-height:420px !important; } .sag-hero-sej-v39 .sag-hero-brand-logo{ display:none !important; } .sag-hero-sej-v39 .sag-hero-list{ display:flex !important; flex-direction:column !important; flex-wrap:nowrap !important; gap:0 !important; width:100% !important; min-width:0 !important; overflow:hidden !important; } .sag-hero-sej-v39 .sag-hero-list-item{ flex:1 1 0 !important; width:100% !important; max-width:100% !important; min-width:0 !important; min-height:0 !important; display:flex !important; align-items:center !important; border-bottom:1px solid #eeeeee !important; } .sag-hero-sej-v39 .sag-hero-list-text{ width:100% !important; height:100% !important; padding:14px 16px !important; display:flex !important; flex-direction:column !important; justify-content:center !important; min-width:0 !important; } .sag-hero-sej-v39 .sag-hero-list-text::before{ display:none !important; } .sag-hero-sej-v39 .sag-hero-list-item span{ font-size:9px !important; line-height:1.1 !important; margin:0 0 6px !important; } .sag-hero-sej-v39 .sag-hero-list-item h3{ font-size:13px !important; line-height:1.16 !important; max-width:100% !important; } .sag-hero-sej-v39 .sag-hero-content{ padding:0 20px 40px 22px !important; max-width:560px !important; } .sag-hero-sej-v39 .sag-hero-content h1{ font-size:28px !important; line-height:1.08 !important; max-width:520px !important; } } /* ========================================================== v193 Normal Mobile Hero Polish Compact mobile-only hero; tablet/mobile desktop stays laptop-style. ========================================================== */ @media (max-width:767px){ .sag-hero-sej-v39{padding:0 !important;background:#fff !important;} .sag-hero-sej-v39 .sag-hero-grid{display:block !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;} .sag-hero-sej-v39 .sag-hero-main{ width:100% !important;height:350px !important;min-height:350px !important;max-height:350px !important; border-radius:0 !important;background-size:cover !important;background-position:center right !important; display:flex !important;align-items:flex-end !important; } .sag-hero-sej-v39 .sag-hero-brand-logo{display:none !important;} .sag-hero-sej-v39 .sag-hero-overlay{ background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.50) 45%,rgba(0,0,0,.15) 100%), linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.06) 42%,rgba(0,0,0,.88) 100%) !important; } .sag-hero-sej-v39 .sag-hero-content{width:100% !important;max-width:100% !important;padding:0 18px 28px !important;} .sag-hero-sej-v39 .sag-hero-category-text,.sag-hero-sej-v39 .sag-hero-content .sag-category-badge{font-size:10px !important;margin:0 0 8px !important;color:#16967f !important;} .sag-hero-sej-v39 .sag-hero-content h1{font-size:27px !important;line-height:1.12 !important;letter-spacing:-.02em !important;max-width:96% !important;margin:0 0 10px !important;font-weight:700 !important;} .sag-hero-sej-v39 .sag-hero-meta{font-size:12px !important;color:rgba(255,255,255,.82) !important;} .sag-hero-sej-v39 .sag-hero-list{display:block !important;width:100% !important;height:auto !important;background:#fff !important;} .sag-hero-sej-v39 .sag-hero-list-item{min-height:74px !important;height:auto !important;border:0 !important;border-bottom:1px solid #eee !important;border-radius:0 !important;background:#fff !important;box-shadow:none !important;} .sag-hero-sej-v39 .sag-hero-list-item.active{background:#fff !important;} .sag-hero-sej-v39 .sag-hero-list-text{min-height:74px !important;height:auto !important;padding:14px 18px !important;justify-content:center !important;} .sag-hero-sej-v39 .sag-hero-list-text::before{display:none !important;} .sag-hero-sej-v39 .sag-hero-list-item span{font-size:10px !important;line-height:1 !important;margin:0 0 7px !important;color:#16967f !important;} .sag-hero-sej-v39 .sag-hero-list-item h3{font-size:16px !important;line-height:1.22 !important;letter-spacing:-.01em !important;color:#111 !important;} } @media (max-width:420px){ .sag-hero-sej-v39 .sag-hero-main{height:335px !important;min-height:335px !important;max-height:335px !important;} .sag-hero-sej-v39 .sag-hero-content h1{font-size:26px !important;} .sag-hero-sej-v39 .sag-hero-list-item h3{font-size:15px !important;} } /* ========================================================== v194 Mobile Hero List Readability Fix Keep mobile hero compact, make featured list visible/readable. ========================================================== */ @media (max-width:767px){ .sag-hero-sej-v39 .sag-hero-list{ margin-top:0 !important; } .sag-hero-sej-v39 .sag-hero-list-item, .sag-hero-sej-v39 .sag-hero-list-item.active{ background:#fff !important; } .sag-hero-sej-v39 .sag-hero-list-item.active span, .sag-hero-sej-v39 .sag-hero-list-item:hover span{ color:#16967f !important; } .sag-hero-sej-v39 .sag-hero-list-item.active h3, .sag-hero-sej-v39 .sag-hero-list-item:hover h3{ color:#111 !important; } .sag-hero-sej-v39 .sag-hero-list-text{ min-height:82px !important; padding:13px 18px !important; } .sag-hero-sej-v39 .sag-hero-list-item span{ font-size:11px !important; margin-bottom:8px !important; } .sag-hero-sej-v39 .sag-hero-list-item h3{ font-size:18px !important; line-height:1.24 !important; font-weight:700 !important; } } @media (max-width:420px){ .sag-hero-sej-v39 .sag-hero-list-item h3{ font-size:17px !important; } } /* ========================================================== v195 Mobile Polish: Hostinger timer, Newsletter Normal mobile only; laptop/tablet/mobile-desktop layouts untouched. ========================================================== */ .sag-hosting-deal-content{grid-column:1 !important;grid-row:1 !important;} .sag-hosting-deal-box>.sag-hosting-countdown{grid-column:2 !important;grid-row:1 / span 2 !important;} .sag-hosting-deal-box>.sag-hosting-deal-btn{grid-column:1 !important;grid-row:2 !important;justify-self:start !important;align-self:start !important;width:max-content !important;} @media (max-width:767px){ .sag-hosting-deal-section{padding:22px 0 34px !important;} .sag-hosting-deal-box{ display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; padding:26px 18px !important; gap:14px !important; border-radius:7px !important; } .sag-hosting-deal-content{display:block !important;width:100% !important;} .sag-hosting-deal-content h2{font-size:23px !important;line-height:1.25 !important;margin:0 0 8px !important;} .sag-hosting-deal-content p{font-size:16px !important;line-height:1.45 !important;margin:0 auto !important;max-width:92% !important;} .sag-hosting-deal-box>.sag-hosting-countdown{ order:2 !important; display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:6px !important; width:100% !important; max-width:560px !important; justify-content:center !important; } .sag-count-box{min-height:54px !important;padding:5px 2px !important;border-radius:6px !important;} .sag-count-box strong{font-size:23px !important;line-height:1 !important;} .sag-count-box span{font-size:10px !important;line-height:1.05 !important;} .sag-hosting-deal-box>.sag-hosting-deal-btn{ order:3 !important; align-self:center !important; justify-self:center !important; min-height:40px !important; padding:8px 17px !important; font-size:15px !important; margin-top:2px !important; } .sag-newsletter-section{padding:42px 0 42px !important;} .sag-newsletter-box{ display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; padding:34px 24px !important; gap:22px !important; border-radius:18px !important; } .sag-newsletter-content{width:100% !important;} .sag-newsletter-box h2{font-size:32px !important;line-height:1.18 !important;margin:0 auto 12px !important;max-width:420px !important;} .sag-newsletter-box p{font-size:16px !important;line-height:1.55 !important;margin:0 auto !important;max-width:440px !important;} .sag-newsletter-inline, .sag-newsletter-form{width:100% !important;max-width:440px !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:14px !important;} .sag-newsletter-form input[type="email"]{width:100% !important;height:48px !important;border-radius:10px !important;text-align:left !important;padding:0 16px !important;font-size:15px !important;} .sag-newsletter-form button{width:auto !important;min-width:190px !important;height:52px !important;border-radius:12px !important;font-size:16px !important;} } /* ========================================================== v222 Mobile Final Fix: Hostinger height breathing space, Newsletter Clean targeted overrides for normal mobile only. ========================================================== */ @media (max-width: 767px){ /* Hostinger deal: centered content, one-line timer, button below timer */ .sag-hosting-deal-section{ padding: 30px 0 50px !important; } .sag-hosting-deal-box{ display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 22px !important; padding: 40px 18px !important; border-radius: 7px !important; } .sag-hosting-deal-content{ width: 100% !important; max-width: 640px !important; text-align: center !important; } .sag-hosting-deal-content h2{ font-size: 22px !important; line-height: 1.28 !important; margin: 0 0 10px !important; } .sag-hosting-deal-content p{ font-size: 15px !important; line-height: 1.45 !important; margin: 0 auto !important; max-width: 94% !important; } .sag-hosting-deal-box > .sag-hosting-countdown{ order: 2 !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; width: 100% !important; max-width: 430px !important; margin-top: 2px !important; } .sag-hosting-deal-box .sag-count-box{ flex: 1 1 0 !important; min-width: 0 !important; min-height: 74px !important; padding: 10px 4px !important; border-radius: 7px !important; } .sag-hosting-deal-box .sag-count-box strong{ font-size: 24px !important; line-height: 1 !important; } .sag-hosting-deal-box .sag-count-box span{ font-size: 11px !important; line-height: 1.1 !important; } .sag-hosting-deal-box > .sag-hosting-deal-btn{ order: 3 !important; align-self: center !important; justify-self: center !important; width: auto !important; min-width: 0 !important; min-height: 42px !important; padding: 9px 22px !important; font-size: 15px !important; line-height: 1 !important; margin: 7px auto 0 !important; } /* Newsletter: clean centered mobile layout */ .sag-newsletter-section{ padding: 38px 0 42px !important; } .sag-newsletter-box{ display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 20px !important; padding: 32px 20px !important; border-radius: 18px !important; } .sag-newsletter-content{ width: 100% !important; text-align: center !important; } .sag-newsletter-box .sag-section-kicker{ display: block !important; text-align: center !important; } .sag-newsletter-box h2{ font-size: 30px !important; line-height: 1.18 !important; margin: 0 auto 10px !important; max-width: 420px !important; text-align: center !important; } .sag-newsletter-box p{ font-size: 15.5px !important; line-height: 1.5 !important; margin: 0 auto !important; max-width: 420px !important; text-align: center !important; } .sag-newsletter-box .sag-newsletter-form, .sag-newsletter-box .sag-newsletter-inline{ width: 100% !important; max-width: 420px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 13px !important; } .sag-newsletter-box .sag-newsletter-form input[type="email"]{ width: 100% !important; max-width: 100% !important; height: 48px !important; display: block !important; border-radius: 10px !important; text-align: left !important; padding: 0 15px !important; font-size: 15px !important; } .sag-newsletter-box .sag-newsletter-form button{ width: auto !important; min-width: 170px !important; height: 48px !important; padding: 0 22px !important; border-radius: 999px !important; font-size: 15px !important; } } /* v223: Hostinger button arrow icon white */ .sag-hosting-deal-btn .sag-hosting-btn-icon{ display:inline-block !important; margin-right:7px !important; line-height:1 !important; filter:brightness(0) invert(1) !important; } /* ========================================================== v231 Mobile Footer Accordion (clean) v233: compact footer description + accordion menu links ========================================================== */ .sag-footer-acc-btn{ display:block !important; width:100% !important; margin:0 0 24px !important; padding:0 !important; border:0 !important; background:transparent !important; color:#16967f !important; font-family:Arial, Helvetica, sans-serif !important; font-size:21px !important; line-height:1 !important; font-weight:700 !important; text-align:left !important; cursor:pointer !important; } .sag-footer-acc-btn span{display:none !important;} .sag-footer-acc-panel{display:block !important;} @media(max-width:768px){ .sag-site-footer.sag-footer-v95, .sag-site-footer.sag-footer-v116{ padding-top:54px !important; } .sag-footer-grid-v95, .sag-footer-grid-v116{ display:block !important; padding:0 34px 34px !important; } .sag-footer-brand-v95, .sag-footer-brand-v116{ text-align:center !important; padding:0 !important; margin:0 0 36px !important; } .sag-footer-logo-v95{ display:flex !important; justify-content:center !important; margin:0 auto 12px !important; } .sag-footer-logo-v95 img{ width:255px !important; max-width:82% !important; margin:0 auto !important; } .sag-footer-brand-v95 p, .sag-footer-brand-v116 p{ max-width:390px !important; margin:0 auto !important; color:#222 !important; font-size:16px !important; line-height:1.45 !important; text-align:center !important; } .sag-footer-column-v95.sag-footer-accordion{ padding:0 !important; margin:0 !important; border-top:1px solid #d7d7d2 !important; } .sag-footer-column-v95.sag-footer-accordion:last-of-type{ border-bottom:1px solid #d7d7d2 !important; } .sag-footer-column-v95 .sag-footer-acc-btn{ display:flex !important; align-items:center !important; justify-content:space-between !important; min-height:76px !important; margin:0 !important; color:#16967f !important; font-size:24px !important; line-height:1 !important; font-weight:700 !important; letter-spacing:-.02em !important; } .sag-footer-acc-btn span{ display:block !important; color:#16967f !important; font-size:28px !important; line-height:1 !important; font-weight:400 !important; transition:transform .2s ease !important; } .sag-footer-column-v95.is-open .sag-footer-acc-btn span{ transform:rotate(90deg) !important; } .sag-footer-acc-panel{ display:none !important; padding:0 0 24px !important; } .sag-footer-column-v95.is-open .sag-footer-acc-panel{ display:block !important; } .sag-footer-grid-v116 .sag-footer-column-v95 a, .sag-footer-column-v95 .sag-footer-acc-panel a{ display:block !important; margin:0 0 18px !important; color:#222 !important; font-size:16px !important; line-height:1.45 !important; font-weight:400 !important; text-align:left !important; } .sag-footer-bottom-v95, .sag-footer-bottom-v96{ padding:28px 34px 36px !important; border-top:0 !important; } .sag-footer-bottom-v96 p, .sag-footer-bottom-v95 p{ max-width:390px !important; margin:0 auto !important; font-size:18px !important; line-height:1.45 !important; text-align:center !important; } } /* ========================================================== v256 Header non-sticky on all devices Header should scroll away on laptop, tablet, mobile, and mobile desktop mode. ========================================================== */ html body .sag-site-header, html body header.sag-site-header, html body .sag-header-v100, html body .sag-header-v101, html body header.sag-header-v100.sag-header-v101{ position:relative !important; top:auto !important; left:auto !important; right:auto !important; width:100% !important; z-index:9999 !important; } html body.admin-bar .sag-site-header, html body.admin-bar .sag-header-v100, html body.admin-bar .sag-header-v101{ top:auto !important; } html body .sag-header-scrolled{ backdrop-filter:none !important; -webkit-backdrop-filter:none !important; box-shadow:none !important; } /* ========================================================== v257 WEB PLANNING 3 — Laptop Hero Right Column Equal Height Scope: laptop/desktop homepage hero only. Mobile, tablet and mobile desktop mode are untouched. Fix: right-side hero cards now fill the same height as the left hero image, removing the white bottom gap. ========================================================== */ @media (min-width: 993px) and (max-width: 1599px){ .home .sag-hero-sej-v39 .sag-hero-list, body.home .sag-hero-sej-v39 .sag-hero-list{ display:flex !important; flex-direction:column !important; gap:0 !important; height:100% !important; min-height:inherit !important; align-self:stretch !important; overflow:visible !important; } .home .sag-hero-sej-v39 .sag-hero-list-item, body.home .sag-hero-sej-v39 .sag-hero-list-item{ flex:1 1 0 !important; min-height:0 !important; height:auto !important; margin:0 !important; } .home .sag-hero-sej-v39 .sag-hero-list-item:last-child, body.home .sag-hero-sej-v39 .sag-hero-list-item:last-child{ margin-bottom:0 !important; border-bottom:0 !important; } .home .sag-hero-sej-v39 .sag-hero-list-text, body.home .sag-hero-sej-v39 .sag-hero-list-text{ height:100% !important; min-height:0 !important; display:flex !important; flex-direction:column !important; justify-content:center !important; } } /* ========================================================== v259 Smart Header — show only when scrolling up Header is not visible while scrolling down; it reappears on upward scroll. Applies to laptop, tablet, mobile, and mobile desktop mode. ========================================================== */ html body .sag-site-header, html body header.sag-site-header, html body .sag-header-v100, html body .sag-header-v101, html body header.sag-header-v100.sag-header-v101{ position:sticky !important; top:0 !important; left:auto !important; right:auto !important; width:100% !important; z-index:9999 !important; transform:translateY(0) !important; transition:transform .24s ease, box-shadow .24s ease, background-color .24s ease !important; will-change:transform !important; } html body.admin-bar .sag-site-header, html body.admin-bar .sag-header-v100, html body.admin-bar .sag-header-v101{ top:32px !important; } @media (max-width:782px){ html body.admin-bar .sag-site-header, html body.admin-bar .sag-header-v100, html body.admin-bar .sag-header-v101{ top:46px !important; } } html body .sag-site-header.sag-smart-header-hidden, html body header.sag-site-header.sag-smart-header-hidden, html body .sag-header-v100.sag-smart-header-hidden, html body .sag-header-v101.sag-smart-header-hidden{ transform:translateY(calc(-100% - 2px)) !important; box-shadow:none !important; } html body .sag-site-header.sag-smart-header-visible, html body header.sag-site-header.sag-smart-header-visible, html body .sag-header-v100.sag-smart-header-visible, html body .sag-header-v101.sag-smart-header-visible{ transform:translateY(0) !important; } html body .sag-site-header.sag-smart-header-visible:not(.sag-smart-header-at-top){ box-shadow:0 6px 20px rgba(0,0,0,.08) !important; } @media (prefers-reduced-motion: reduce){ html body .sag-site-header, html body header.sag-site-header, html body .sag-header-v100, html body .sag-header-v101{ transition:none !important; } } /* ========================================================== v265 Category Page: Ad First + Section-Style Heading - Moves top category ad before category title via category.php - Aligns category heading size/weight with homepage section headings ========================================================== */ .sag-v265-category-top-ad{ background:#fff !important; padding-top:28px !important; } .sag-v265-category-top-ad .sag-ad-slot{ margin:0 auto 30px !important; } .sag-v265-category-hero, .sag-v16-archive-hero{ padding:28px 0 34px !important; } .sag-v16-archive-hero .sag-container{ max-width:1040px !important; } .sag-v16-archive-hero h1{ margin:0 0 12px !important; color:#111 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:32px !important; line-height:1.08 !important; font-weight:700 !important; letter-spacing:-.025em !important; } .sag-v16-archive-kicker{ margin:0 0 8px !important; color:#16967f !important; font-size:13px !important; line-height:1 !important; font-weight:700 !important; text-transform:none !important; letter-spacing:0 !important; } .sag-v16-archive-hero p{ max-width:780px !important; color:#555 !important; font-size:18px !important; line-height:1.45 !important; margin:0 !important; } @media (max-width: 767px){ .sag-v265-category-top-ad{ padding-top:18px !important; } .sag-v16-archive-hero h1{ font-size:30px !important; line-height:1.12 !important; } .sag-v16-archive-hero p{ font-size:16px !important; } } /* ========================================================== v266 Category Post Card: Avatar-to-Title Gap Polish Keep homepage cards untouched; only archive/category card grid. ========================================================== */ .sag-v16-archive-grid .sag-sej-author-row{ margin-bottom:24px !important; } @media (max-width: 767px){ .sag-v16-archive-grid .sag-sej-author-row{ margin-bottom:18px !important; } } /* ========================================================== v267 Category Posts: Use Homepage Latest Card Layout Category listing now uses the same sag-sej-feed layout/classes as Homepage Latest. ========================================================== */ .sag-v267-category-feed{ background:#fff !important; padding-top:34px !important; } .sag-v267-category-feed .sag-sej-post-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:54px 44px !important; } .sag-v267-category-feed .sag-sej-author-row{ height:72px !important; margin-top:-36px !important; margin-left:34px !important; margin-bottom:14px !important; } .sag-v267-category-feed .sag-sej-card-content{ padding:0 !important; margin-top:0 !important; } .sag-v267-category-feed .sag-sej-feed-sidebar{ display:block !important; } @media (max-width: 992px){ .sag-v267-category-feed .sag-sej-feed-layout{ grid-template-columns:1fr !important; } .sag-v267-category-feed .sag-sej-feed-sidebar{ display:none !important; } } @media (max-width: 768px){ .sag-v267-category-feed .sag-sej-post-grid{ grid-template-columns:1fr !important; } } /* ========================================================== v268 Category Card Gap Fine-Tune Keep homepage as-is; reduce category avatar-to-title gap to match natural Latest cards. ========================================================== */ .sag-v267-category-feed .sag-sej-author-row{ margin-bottom:6px !important; } @media (max-width: 767px){ .sag-v267-category-feed .sag-sej-author-row{ margin-bottom:6px !important; } } /* ========================================================== v269 Category Card Gap Hard Match Pull category card content closer to avatar like Homepage Latest. ========================================================== */ .sag-v267-category-feed .sag-sej-author-row{ margin-bottom:0 !important; } .sag-v267-category-feed .sag-sej-card-content{ margin-top:-12px !important; padding-top:0 !important; } .sag-v267-category-feed .sag-sej-card-content h3{ margin-top:0 !important; } @media (max-width: 767px){ .sag-v267-category-feed .sag-sej-card-content{ margin-top:-8px !important; } } /* ========================================================== v270 Category Mobile Cards = Homepage Latest Mobile Rhythm Fixes category mobile spacing and By/name size mismatch. ========================================================== */ @media (max-width: 768px){ .category .sag-v267-category-feed .sag-sej-post-card, .archive.category .sag-v267-category-feed .sag-sej-post-card{ overflow:visible !important; padding-bottom:6px !important; } .category .sag-v267-category-feed .sag-sej-post-thumb, .archive.category .sag-v267-category-feed .sag-sej-post-thumb{ position:relative !important; z-index:1 !important; aspect-ratio:1.9/1 !important; margin-bottom:0 !important; } .category .sag-v267-category-feed .sag-sej-author-row, .archive.category .sag-v267-category-feed .sag-sej-author-row{ position:relative !important; z-index:5 !important; height:82px !important; margin-top:-33px !important; margin-left:42px !important; margin-bottom:0 !important; display:block !important; clear:both !important; pointer-events:none !important; } .category .sag-v267-category-feed .sag-sej-author-avatar, .archive.category .sag-v267-category-feed .sag-sej-author-avatar, .category .sag-v267-category-feed .sag-sej-author-avatar img, .archive.category .sag-v267-category-feed .sag-sej-author-avatar img, .category .sag-v267-category-feed .sag-sej-author-avatar .avatar, .archive.category .sag-v267-category-feed .sag-sej-author-avatar .avatar{ width:66px !important; height:66px !important; min-width:66px !important; min-height:66px !important; max-width:66px !important; max-height:66px !important; border-radius:50% !important; object-fit:cover !important; } .category .sag-v267-category-feed .sag-sej-card-content, .archive.category .sag-v267-category-feed .sag-sej-card-content{ position:relative !important; z-index:2 !important; display:block !important; clear:both !important; padding:0 !important; margin-top:-14px !important; } .category .sag-v267-category-feed .sag-sej-card-content h3, .archive.category .sag-v267-category-feed .sag-sej-card-content h3{ margin-top:0 !important; padding-top:0 !important; font-size:30px !important; line-height:1.06 !important; letter-spacing:-1px !important; font-weight:800 !important; } .category .sag-v267-category-feed .sag-sej-byline, .archive.category .sag-v267-category-feed .sag-sej-byline{ margin-top:12px !important; font-size:20px !important; line-height:1.2 !important; font-weight:800 !important; } .category .sag-v267-category-feed .sag-sej-byline .sag-author-by-v103, .archive.category .sag-v267-category-feed .sag-sej-byline .sag-author-by-v103, .category .sag-v267-category-feed .sag-sej-byline a, .archive.category .sag-v267-category-feed .sag-sej-byline a{ font-size:inherit !important; line-height:inherit !important; font-weight:inherit !important; } } /* ========================================================== v271 Category Mobile Cards: Final Homepage-Match Polish - Remove extra category-only tightening - Bring avatar slightly left - Match homepage byline font size ========================================================== */ @media (max-width: 768px){ .category .sag-v267-category-feed .sag-sej-author-row, .archive.category .sag-v267-category-feed .sag-sej-author-row{ margin-left:28px !important; margin-bottom:0 !important; } .category .sag-v267-category-feed .sag-sej-card-content, .archive.category .sag-v267-category-feed .sag-sej-card-content{ margin-top:0 !important; padding-top:0 !important; } .category .sag-v267-category-feed .sag-sej-byline, .archive.category .sag-v267-category-feed .sag-sej-byline, .category .sag-v267-category-feed .sag-sej-byline .sag-author-by-v103, .archive.category .sag-v267-category-feed .sag-sej-byline .sag-author-by-v103, .category .sag-v267-category-feed .sag-sej-byline a, .archive.category .sag-v267-category-feed .sag-sej-byline a{ font-size:14px !important; line-height:1.2 !important; font-weight:800 !important; } } @media (max-width: 480px){ .category .sag-v267-category-feed .sag-sej-author-row, .archive.category .sag-v267-category-feed .sag-sej-author-row{ margin-left:28px !important; } } /* ========================================================== v272 Category Mobile Tap Highlight Fix Removes blue full-card tap/hover effect on mobile + mobile desktop mode. ========================================================== */ @media (hover: none), (pointer: coarse){ body.category .sag-v267-category-feed .sag-sej-post-card, body.category .sag-v267-category-feed .sag-sej-post-card *, body.archive.category .sag-v267-category-feed .sag-sej-post-card, body.archive.category .sag-v267-category-feed .sag-sej-post-card *{ -webkit-tap-highlight-color: transparent !important; } body.category .sag-v267-category-feed .sag-sej-post-card, body.archive.category .sag-v267-category-feed .sag-sej-post-card{ cursor: default !important; } body.category .sag-v267-category-feed .sag-sej-post-card a, body.archive.category .sag-v267-category-feed .sag-sej-post-card a{ cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; } body.category .sag-v267-category-feed .sag-sej-post-card:hover, body.archive.category .sag-v267-category-feed .sag-sej-post-card:hover, body.category .sag-v267-category-feed .sag-sej-post-card:active, body.archive.category .sag-v267-category-feed .sag-sej-post-card:active{ background: transparent !important; box-shadow: none !important; transform: none !important; outline: none !important; } } /* ========================================================== v273 Homepage Latest Mobile Tap Highlight Fix Removes blue full-card tap/selection effect on mobile + mobile desktop mode. ========================================================== */ @media (hover: none), (pointer: coarse){ body.home .sag-latest-section .sag-sej-post-card, body.home .sag-latest-section .sag-sej-post-card *, body.blog .sag-latest-section .sag-sej-post-card, body.blog .sag-latest-section .sag-sej-post-card *{ -webkit-tap-highlight-color: transparent !important; } body.home .sag-latest-section .sag-sej-post-card, body.blog .sag-latest-section .sag-sej-post-card{ cursor: default !important; background: transparent !important; box-shadow: none !important; transform: none !important; outline: none !important; } body.home .sag-latest-section .sag-sej-post-card:hover, body.home .sag-latest-section .sag-sej-post-card:active, body.blog .sag-latest-section .sag-sej-post-card:hover, body.blog .sag-latest-section .sag-sej-post-card:active{ background: transparent !important; box-shadow: none !important; transform: none !important; outline: none !important; } body.home .sag-latest-section .sag-sej-post-card a, body.blog .sag-latest-section .sag-sej-post-card a{ cursor: pointer !important; -webkit-tap-highlight-color: transparent !important; } } /* ========================================================== v274 Global Mobile Tap/Blue Hover Removal Applies on mobile + mobile desktop mode across all sections/pages. Removes browser blue tap highlight without changing real desktop hover. ========================================================== */ @media (hover: none), (pointer: coarse){ html, body, a, button, input, textarea, select, label, img, svg, article, div, span, h1, h2, h3, h4, h5, h6, p, .sag-post-card, .sag-sej-post-card, .sag-dm-card, .sag-category-small, .sag-trending-small, .sag-hero-list-item, .sag-post-thumb, .sag-sej-post-thumb, .sag-card-category, .sag-sej-card-content, .sag-sej-card-content h3, .sag-sej-card-content h3 a, .sag-dm-card h3, .sag-dm-card h3 a{ -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-touch-callout: none; } a:active, a:focus, button:active, button:focus, .sag-post-card:active, .sag-post-card:focus, .sag-sej-post-card:active, .sag-sej-post-card:focus, .sag-dm-card:active, .sag-dm-card:focus, .sag-category-small:active, .sag-category-small:focus, .sag-trending-small:active, .sag-trending-small:focus, .sag-post-thumb:active, .sag-post-thumb:focus, .sag-sej-post-thumb:active, .sag-sej-post-thumb:focus, .sag-sej-card-content h3 a:active, .sag-sej-card-content h3 a:focus, .sag-dm-card h3 a:active, .sag-dm-card h3 a:focus{ outline:none !important; background:transparent !important; box-shadow:none !important; } /* Prevent temporary blue text selection highlight on accidental long tap/drag */ ::selection{ background:transparent !important; color:inherit !important; } ::-moz-selection{ background:transparent !important; color:inherit !important; } } /* ========================================================== v275 Mobile card avatar/title spacing polish For Latest and SEO sections, add a more natural gap between the overlapping avatar and the post title, matching laptop feel. Keep Latest and SEO identical. ========================================================== */ @media (max-width: 767px){ /* Latest section cards */ .sag-latest-section .sag-sej-post-card .sag-sej-card-content{ padding-top: 18px !important; } .sag-latest-section .sag-sej-post-card .sag-sej-card-content h3, .sag-latest-section .sag-sej-post-card .sag-sej-card-title{ margin-top: 10px !important; } /* SEO section cards */ .sag-seo-section .sag-sej-post-card .sag-sej-card-content, .home .sag-seo-posts .sag-sej-post-card .sag-sej-card-content, .home .sag-seo-grid .sag-sej-post-card .sag-sej-card-content{ padding-top: 18px !important; } .sag-seo-section .sag-sej-post-card .sag-sej-card-content h3, .sag-seo-section .sag-sej-post-card .sag-sej-card-title, .home .sag-seo-posts .sag-sej-post-card .sag-sej-card-content h3, .home .sag-seo-posts .sag-sej-post-card .sag-sej-card-title, .home .sag-seo-grid .sag-sej-post-card .sag-sej-card-content h3, .home .sag-seo-grid .sag-sej-post-card .sag-sej-card-title{ margin-top: 10px !important; } } /* ========================================================== v276 Mobile Latest + SEO Avatar/Title Gap Hard Fix Actual mobile selectors for Latest cards and SEO author-list cards. Same spacing applied to both visual card types. ========================================================== */ @media (max-width: 767px){ /* Latest cards */ .home .sag-latest-section .sag-sej-author-row{ margin-bottom:18px !important; } .home .sag-latest-section .sag-sej-card-content{ padding-top:0 !important; margin-top:14px !important; } .home .sag-latest-section .sag-sej-card-content h3{ margin-top:0 !important; } /* SEO/category-block cards */ .home .sag-category-block-seo .sag-author-list-author{ margin-bottom:18px !important; } .home .sag-category-block-seo .sag-author-list-content{ margin-top:14px !important; padding-top:0 !important; } .home .sag-category-block-seo .sag-author-list-content h3{ margin-top:0 !important; } } /* ========================================================== v277 Mobile Latest + SEO Avatar/Heading Gap Real Fix Uses h3::before spacer so gap shows even when older mobile rules force content margins/padding back to zero. ========================================================== */ @media (max-width: 767px){ .home .sag-latest-section .sag-sej-card-content h3::before, .home .sag-category-block-seo .sag-author-list-content h3::before{ content:"" !important; display:block !important; height:18px !important; width:100% !important; } .home .sag-latest-section .sag-sej-card-content h3, .home .sag-category-block-seo .sag-author-list-content h3{ margin-top:0 !important; padding-top:0 !important; } } /* ========================================================== v278 Author page sidebar full-height + post card avatar/title gap - Stretch sidebar background down with content on author page - Add natural spacing between avatar and heading on author cards - Applies on laptop, mobile(desktop), and mobile ========================================================== */ body.author #sag-author-v67 .sag-author-v67-shell{ align-items:stretch !important; } body.author #sag-author-v67 .sag-author-v67-sidebar{ height:100% !important; } /* Author page card spacing */ body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-content h3::before{ content:"" !important; display:block !important; width:100% !important; height:14px !important; } body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-content h3{ margin-top:0 !important; padding-top:0 !important; } /* Keep author avatar slightly more natural on author page cards */ body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-author-row{ margin-bottom:12px !important; } @media (max-width: 1024px){ body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-content h3::before{ height:16px !important; } } @media (max-width: 767px){ body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-card-content h3::before{ height:18px !important; } body.author #sag-author-v67 .sag-author-v67-post-grid .sag-sej-author-row{ margin-bottom:10px !important; } } /* ========================================================== v288 Privacy Policy Page - SEJ Style Refinement ========================================================== */ .sag-policy-v287{ background:#fff; padding:58px 0 82px; } .sag-policy-v287 .sag-policy-container{ width:min(1420px, calc(100% - 150px)); margin:0 auto; } .sag-policy-v287 .sag-policy-header{ max-width:none; margin:0 auto 46px; padding:0; border-bottom:0; text-align:center; } .sag-policy-v287 .sag-policy-eyebrow{ display:none !important; } .sag-policy-v287 h1{ margin:0 0 20px; color:#202124; font-size:clamp(42px, 4.4vw, 58px); line-height:1.12; letter-spacing:-.025em; font-weight:700; text-align:center; } .sag-policy-v287 .sag-policy-updated{ margin:0; color:#5f6875; font-size:16px; line-height:1.6; font-weight:400; text-align:center; } .sag-policy-v287 .sag-policy-content{ max-width:none; margin:0 auto; color:#111827; font-size:20px; line-height:1.78; font-weight:400; } .sag-policy-v287 .sag-policy-content p{ margin:0 0 26px; } .sag-policy-v287 .sag-policy-content h2{ margin:46px 0 18px; color:#111; font-size:24px; line-height:1.28; letter-spacing:-.015em; font-weight:700; } .sag-policy-v287 .sag-policy-content h3{ margin:30px 0 12px; color:#111; font-size:20px; line-height:1.35; font-weight:700; } .sag-policy-v287 .sag-policy-content ul{ margin:0 0 28px 28px; padding:0; } .sag-policy-v287 .sag-policy-content li{ margin:0 0 8px; padding-left:4px; } .sag-policy-v287 .sag-policy-content a{ color:#16967f; font-weight:400 !important; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; } .sag-policy-v287 .sag-policy-content a:hover{ color:#0f715f; } .sag-policy-v287 .sag-policy-content strong{ color:#111; font-weight:700; } .sag-policy-v287 .sag-policy-content strong a, .sag-policy-v287 .sag-policy-content b a{ font-weight:400 !important; } @media (max-width: 1024px){ .sag-policy-v287{ padding:48px 0 70px; } .sag-policy-v287 .sag-policy-container{ width:min(100% - 56px, 900px); } .sag-policy-v287 .sag-policy-content{ font-size:18px; line-height:1.75; } .sag-policy-v287 h1{ font-size:clamp(38px, 6vw, 52px); } } @media (max-width: 767px){ .sag-policy-v287{ padding:38px 0 56px; } .sag-policy-v287 .sag-policy-container{ width:calc(100% - 32px); } .sag-policy-v287 .sag-policy-header{ margin-bottom:30px; } .sag-policy-v287 h1{ font-size:38px; line-height:1.12; margin-bottom:10px; } .sag-policy-v287 .sag-policy-updated{ font-size:14px; } .sag-policy-v287 .sag-policy-content{ font-size:17px; line-height:1.72; } .sag-policy-v287 .sag-policy-content p{ margin-bottom:20px; } .sag-policy-v287 .sag-policy-content h2{ margin-top:34px; font-size:22px; } } /* ========================================================== v289 Privacy Policy Page - Normal Link Color + Lighter Text ========================================================== */ .sag-policy-v287 .sag-policy-content{ color:#2d333a !important; font-weight:300 !important; } .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-weight:300 !important; } .sag-policy-v287 .sag-policy-content a, .sag-policy-v287 .sag-policy-content strong a, .sag-policy-v287 .sag-policy-content b a{ color:inherit !important; font-weight:300 !important; text-decoration-line:underline !important; text-decoration-color:#16967f !important; text-decoration-thickness:2px !important; text-underline-offset:5px !important; } .sag-policy-v287 .sag-policy-content a:hover, .sag-policy-v287 .sag-policy-content strong a:hover, .sag-policy-v287 .sag-policy-content b a:hover{ color:inherit !important; text-decoration-color:#0f715f !important; } .sag-policy-v287 .sag-policy-content h2{ font-weight:600 !important; } .sag-policy-v287 .sag-policy-content h3{ font-weight:600 !important; } /* ========================================================== v290 Privacy Policy Page - Header Date + Bullets + Contact Cleanup ========================================================== */ .sag-policy-v287 h1{ font-size:clamp(36px, 3.9vw, 52px) !important; font-weight:650 !important; margin-bottom:18px !important; } .sag-policy-v287 .sag-policy-updated{ width:100% !important; max-width:none !important; margin:16px auto 0 !important; text-align:left !important; font-size:15px !important; font-weight:300 !important; } .sag-policy-v287 .sag-policy-header{ margin-bottom:44px !important; } .sag-policy-v287 .sag-policy-content ul{ list-style:disc outside !important; margin:0 0 28px 34px !important; padding:0 !important; } .sag-policy-v287 .sag-policy-content li{ display:list-item !important; list-style:disc outside !important; margin:0 0 10px !important; padding-left:6px !important; } .sag-policy-v287 .sag-policy-content li::marker{ color:#6b7280 !important; font-size:.78em !important; } .sag-policy-v287 .sag-policy-contact-list{ margin-top:8px !important; } .sag-policy-v287 .sag-policy-contact-list strong{ font-weight:600 !important; } @media (max-width: 767px){ .sag-policy-v287 h1{ font-size:34px !important; } .sag-policy-v287 .sag-policy-updated{ margin-top:12px !important; font-size:14px !important; } .sag-policy-v287 .sag-policy-content ul{ margin-left:24px !important; } } /* ========================================================== v291 Privacy Policy Page - Contact Details + Smaller Body Text ========================================================== */ .sag-policy-v287 .sag-policy-content{ font-size:17px !important; line-height:1.78 !important; } .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:17px !important; line-height:1.78 !important; } .sag-policy-v287 .sag-policy-content a, .sag-policy-v287 .sag-policy-content strong a, .sag-policy-v287 .sag-policy-content b a{ color:inherit !important; font-weight:300 !important; text-decoration-color:#16967f !important; } .sag-policy-v287 .sag-policy-contact-list{ margin-top:8px !important; margin-bottom:34px !important; } .sag-policy-v287 .sag-policy-contact-list strong{ font-weight:600 !important; } @media (max-width:1024px){ .sag-policy-v287 .sag-policy-content, .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:16px !important; line-height:1.74 !important; } } @media (max-width:767px){ .sag-policy-v287 .sag-policy-content, .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:15px !important; line-height:1.72 !important; } } /* ========================================================== v293 Privacy Policy Page - Darker Body Text + Slight Size/Weight ========================================================== */ .sag-policy-v287 .sag-policy-content{ color:#111111 !important; font-size:18px !important; line-height:1.78 !important; font-weight:400 !important; } .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ color:#111111 !important; font-size:18px !important; line-height:1.78 !important; font-weight:400 !important; } .sag-policy-v287 .sag-policy-content a, .sag-policy-v287 .sag-policy-content strong a, .sag-policy-v287 .sag-policy-content b a{ color:#111111 !important; font-weight:400 !important; text-decoration-line:underline !important; text-decoration-color:#16967f !important; text-decoration-thickness:2px !important; text-underline-offset:5px !important; } .sag-policy-v287 .sag-policy-content a:hover, .sag-policy-v287 .sag-policy-content strong a:hover, .sag-policy-v287 .sag-policy-content b a:hover{ color:#111111 !important; text-decoration-color:#0f715f !important; } @media (max-width:1024px){ .sag-policy-v287 .sag-policy-content, .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:17px !important; line-height:1.74 !important; } } @media (max-width:767px){ .sag-policy-v287 .sag-policy-content, .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:16px !important; line-height:1.72 !important; } } /* ========================================================== v294 Privacy Policy Page - Heading + Date + Body Size Tune ========================================================== */ .sag-policy-v287 h1{ font-size:clamp(34px, 3.7vw, 49px) !important; } .sag-policy-v287 .sag-policy-updated{ font-weight:300 !important; } .sag-policy-v287 .sag-policy-updated strong{ font-weight:700 !important; color:#111111 !important; } .sag-policy-v287 .sag-policy-updated time{ font-weight:300 !important; } .sag-policy-v287 .sag-policy-content{ font-size:19px !important; line-height:1.78 !important; } .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:19px !important; line-height:1.78 !important; } @media (max-width:1024px){ .sag-policy-v287 .sag-policy-content, .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:18px !important; line-height:1.74 !important; } } @media (max-width:767px){ .sag-policy-v287 h1{ font-size:32px !important; } .sag-policy-v287 .sag-policy-content, .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:17px !important; line-height:1.72 !important; } } /* ========================================================== v295 Terms & Conditions Page - Same Style as Privacy ========================================================== */ .sag-terms-v295 .sag-policy-content{ color:#111111 !important; } /* ========================================================== v296 Policy Pages - Updated Date Spacing ========================================================== */ .sag-policy-v287 .sag-policy-updated{ margin-top:24px !important; } @media (max-width:767px){ .sag-policy-v287 .sag-policy-updated{ margin-top:20px !important; } } /* ========================================================== v297 Policy Pages - Same Font Size + Slightly Smaller Body ========================================================== */ .sag-policy-v287 .sag-policy-content, .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:18px !important; line-height:1.76 !important; font-weight:400 !important; color:#111111 !important; } .sag-policy-v287 .sag-policy-content h2{ font-size:23px !important; line-height:1.28 !important; } .sag-policy-v287 .sag-policy-content h3{ font-size:19px !important; line-height:1.34 !important; } @media (max-width:1024px){ .sag-policy-v287 .sag-policy-content, .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:17px !important; line-height:1.74 !important; } } @media (max-width:767px){ .sag-policy-v287 .sag-policy-content, .sag-policy-v287 .sag-policy-content p, .sag-policy-v287 .sag-policy-content li{ font-size:16px !important; line-height:1.70 !important; } .sag-policy-v287 .sag-policy-content h2{ font-size:21px !important; } .sag-policy-v287 .sag-policy-content h3{ font-size:18px !important; } } /* ========================================================== v298 Policy Pages - Mobile Heading and Date Spacing ========================================================== */ @media (max-width:767px){ .sag-policy-v287 h1{ font-size:29px !important; line-height:1.16 !important; margin-bottom:0 !important; } .sag-policy-v287 .sag-policy-updated{ margin-top:28px !important; } } @media (max-width:380px){ .sag-policy-v287 h1{ font-size:27px !important; } .sag-policy-v287 .sag-policy-updated{ margin-top:26px !important; } } /* ========================================================== v299 Disclaimer Page - Same Policy Style, No Date ========================================================== */ .sag-disclaimer-v299 .sag-policy-header{ margin-bottom:46px !important; } @media (max-width:767px){ .sag-disclaimer-v299 .sag-policy-header{ margin-bottom:36px !important; } } /* ========================================================== v300 Don’t Sell My Personal Info Page - Same Policy Style ========================================================== */ .sag-dont-sell-v300 .sag-policy-header{ margin-bottom:46px !important; } @media (max-width:767px){ .sag-dont-sell-v300 .sag-policy-header{ margin-bottom:36px !important; } } /* ========================================================== v301 Don’t Sell Page - SEJ-Inspired Content Polish ========================================================== */ .sag-dont-sell-v301 .sag-policy-content h2:first-child{ margin-top:0 !important; } @media (max-width:767px){ .sag-dont-sell-v301 h1{ font-size:28px !important; line-height:1.18 !important; } } /* ========================================================== v302 Don’t Sell Page - Pakistan Website Global Privacy Choices ========================================================== */ .sag-dont-sell-v302 .sag-policy-content h2:first-child{ margin-top:0 !important; } @media (max-width:767px){ .sag-dont-sell-v302 h1{ font-size:28px !important; line-height:1.18 !important; } } /* ========================================================== v304 Smart Header - All Devices Final Hide on scroll down, show on scroll up. Applies: desktop, laptop, tablet, mobile, mobile desktop mode. ========================================================== */ html body header.sag-site-header, html body .sag-site-header.sag-header-v100, html body .sag-site-header.sag-header-v101, html body header.sag-site-header.sag-header-v100.sag-header-v101{ position:sticky !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; z-index:99999 !important; transform:translate3d(0,0,0) !important; transition:transform .26s ease, box-shadow .26s ease, background-color .26s ease !important; will-change:transform !important; } html body.admin-bar header.sag-site-header, html body.admin-bar .sag-site-header.sag-header-v100, html body.admin-bar .sag-site-header.sag-header-v101{ top:32px !important; } @media (max-width:782px){ html body.admin-bar header.sag-site-header, html body.admin-bar .sag-site-header.sag-header-v100, html body.admin-bar .sag-site-header.sag-header-v101{ top:46px !important; } } html body header.sag-site-header.sag-smart-header-hidden, html body .sag-site-header.sag-header-v100.sag-smart-header-hidden, html body .sag-site-header.sag-header-v101.sag-smart-header-hidden{ transform:translate3d(0,-115%,0) !important; box-shadow:none !important; } html body header.sag-site-header.sag-smart-header-visible, html body .sag-site-header.sag-header-v100.sag-smart-header-visible, html body .sag-site-header.sag-header-v101.sag-smart-header-visible, html body.sag-mobile-menu-open header.sag-site-header, html body:has(.sag-search-overlay-v101.is-open) header.sag-site-header{ transform:translate3d(0,0,0) !important; } html body header.sag-site-header.sag-smart-header-visible:not(.sag-smart-header-at-top){ box-shadow:0 7px 22px rgba(0,0,0,.08) !important; } @media (prefers-reduced-motion: reduce){ html body header.sag-site-header, html body .sag-site-header.sag-header-v100, html body .sag-site-header.sag-header-v101{ transition:none !important; } } /* ========================================================== v305 Smart Header - Real Hide/Show All Devices Fixed header + JS controlled transform. ========================================================== */ html body header#sagHeaderSmart.sag-site-header, html body header.sag-site-header.sag-header-v100.sag-header-v101{ position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; z-index:999999 !important; transform:translate3d(0,0,0) !important; transition:transform .24s ease, box-shadow .24s ease, background-color .24s ease !important; will-change:transform !important; } html body.admin-bar header#sagHeaderSmart.sag-site-header, html body.admin-bar header.sag-site-header.sag-header-v100.sag-header-v101{ top:32px !important; } @media (max-width:782px){ html body.admin-bar header#sagHeaderSmart.sag-site-header, html body.admin-bar header.sag-site-header.sag-header-v100.sag-header-v101{ top:46px !important; } } html body.sag-smart-header-ready{ padding-top:var(--sag-smart-header-height, 64px) !important; } html body header#sagHeaderSmart.sag-site-header.sag-smart-force-hidden, html body header#sagHeaderSmart.sag-site-header.sag-smart-header-hidden, html body header.sag-site-header.sag-header-v100.sag-header-v101.sag-smart-force-hidden, html body header.sag-site-header.sag-header-v100.sag-header-v101.sag-smart-header-hidden{ transform:translate3d(0,-125%,0) !important; box-shadow:none !important; pointer-events:none !important; } html body header#sagHeaderSmart.sag-site-header.sag-smart-force-visible, html body header#sagHeaderSmart.sag-site-header.sag-smart-header-visible, html body header.sag-site-header.sag-header-v100.sag-header-v101.sag-smart-force-visible, html body header.sag-site-header.sag-header-v100.sag-header-v101.sag-smart-header-visible{ transform:translate3d(0,0,0) !important; pointer-events:auto !important; } html body header#sagHeaderSmart.sag-site-header.sag-smart-force-visible:not(.sag-smart-header-at-top), html body header.sag-site-header.sag-header-v100.sag-header-v101.sag-smart-force-visible:not(.sag-smart-header-at-top){ box-shadow:0 7px 22px rgba(0,0,0,.08) !important; } @media (prefers-reduced-motion: reduce){ html body header#sagHeaderSmart.sag-site-header, html body header.sag-site-header.sag-header-v100.sag-header-v101{ transition:none !important; } } /* ========================================================== v306 Subscribe Page - SEJ-inspired SAG Newsletter Landing ========================================================== */ .sag-subscribe-page-v306{ background:#ffffff; padding:70px 0 88px; color:#101418; } .sag-subscribe-wrap-v306{ width:min(1240px, calc(100% - 64px)); margin:0 auto; } .sag-subscribe-brand-v306{ display:flex; align-items:center; justify-content:center; gap:14px; margin:0 auto 54px; text-align:left; } .sag-subscribe-logo-mark-v306{ width:58px; height:58px; border-radius:18px; background:#16967f; color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; line-height:1; font-weight:800; letter-spacing:.03em; box-shadow:0 16px 32px rgba(22,150,127,.18); } .sag-subscribe-logo-title-v306{ margin:0; color:#101418; font-size:26px; line-height:1.1; font-weight:800; letter-spacing:-.035em; } .sag-subscribe-logo-subtitle-v306{ margin:5px 0 0; color:#64707d; font-size:14px; line-height:1.4; font-weight:400; } .sag-subscribe-grid-v306{ display:grid; grid-template-columns:minmax(0, 1fr) 430px; gap:54px; align-items:center; } .sag-subscribe-eyebrow-v306{ margin:0 0 16px; color:#16967f; font-size:13px; line-height:1.2; font-weight:800; letter-spacing:.14em; text-transform:uppercase; } .sag-subscribe-copy-v306 h1{ margin:0; color:#111111; font-size:clamp(43px, 5.2vw, 74px); line-height:.98; letter-spacing:-.065em; font-weight:800; max-width:760px; } .sag-subscribe-lead-v306{ margin:26px 0 0; color:#2d333a; font-size:20px; line-height:1.72; font-weight:400; max-width:770px; } .sag-subscribe-points-v306{ display:grid; gap:13px; margin:30px 0 0; padding:0; list-style:none; } .sag-subscribe-points-v306 li{ position:relative; margin:0; padding-left:30px; color:#1f2933; font-size:17px; line-height:1.55; font-weight:500; } .sag-subscribe-points-v306 li::before{ content:""; position:absolute; left:0; top:.48em; width:10px; height:10px; border-radius:50%; background:#16967f; box-shadow:0 0 0 6px rgba(22,150,127,.11); } .sag-subscribe-note-v306{ display:flex; align-items:flex-start; gap:12px; margin-top:32px; padding:18px 20px; max-width:670px; border:1px solid rgba(22,150,127,.20); border-radius:18px; background:linear-gradient(135deg, rgba(22,150,127,.08), rgba(22,150,127,.025)); } .sag-subscribe-note-v306 span{ color:#16967f; font-size:17px; line-height:1.4; } .sag-subscribe-note-v306 p{ margin:0; color:#34404c; font-size:15px; line-height:1.55; font-weight:500; } .sag-subscribe-card-v306{ position:relative; padding:28px; border:1px solid rgba(17,24,39,.11); border-radius:28px; background:#fff; box-shadow:0 28px 80px rgba(15,23,42,.11); } .sag-subscribe-card-v306::before{ content:""; position:absolute; inset:-1px; z-index:-1; border-radius:29px; background:linear-gradient(135deg, rgba(22,150,127,.32), rgba(22,150,127,0) 44%, rgba(22,150,127,.18)); } .sag-subscribe-card-head-v306{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:22px; } .sag-subscribe-card-head-v306 p{ margin:0; color:#101418; font-size:22px; line-height:1.2; font-weight:800; letter-spacing:-.035em; } .sag-subscribe-card-head-v306 span{ display:inline-flex; align-items:center; justify-content:center; min-height:30px; padding:0 12px; border-radius:999px; background:rgba(22,150,127,.11); color:#107663; font-size:12px; line-height:1; font-weight:800; text-transform:uppercase; letter-spacing:.08em; } .sag-subscribe-alert-v306{ margin:0 0 18px; padding:13px 14px; border-radius:14px; font-size:14px; line-height:1.45; font-weight:600; } .sag-subscribe-alert-v306.success{ color:#0f6b4f; background:rgba(22,150,127,.11); border:1px solid rgba(22,150,127,.20); } .sag-subscribe-alert-v306.error{ color:#8a1f1f; background:rgba(220,38,38,.08); border:1px solid rgba(220,38,38,.18); } .sag-subscribe-form-v306{ display:grid; gap:12px; } .sag-subscribe-form-v306 label{ display:flex; justify-content:space-between; gap:10px; color:#222a33; font-size:14px; line-height:1.3; font-weight:700; } .sag-subscribe-form-v306 label span{ color:#77818c; font-weight:500; } .sag-subscribe-form-v306 input{ width:100%; min-height:52px; border:1px solid rgba(17,24,39,.16); border-radius:15px; background:#fff; color:#111; font-size:15px; line-height:1.3; font-weight:500; padding:0 15px; outline:none; transition:border-color .2s ease, box-shadow .2s ease; } .sag-subscribe-form-v306 input:focus{ border-color:#16967f; box-shadow:0 0 0 4px rgba(22,150,127,.12); } .sag-subscribe-form-v306 button{ width:100%; min-height:54px; border:0; border-radius:15px; margin-top:6px; background:#16967f; color:#fff; font-size:15px; line-height:1; font-weight:800; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease, background .2s ease; box-shadow:0 16px 28px rgba(22,150,127,.22); } .sag-subscribe-form-v306 button:hover{ transform:translateY(-1px); background:#127f6b; box-shadow:0 18px 32px rgba(22,150,127,.28); } .sag-subscribe-privacy-v306{ margin:6px 0 0; color:#65707d; font-size:12.5px; line-height:1.62; font-weight:400; } .sag-subscribe-privacy-v306 a{ color:#111111; text-decoration:underline; text-decoration-color:#16967f; text-decoration-thickness:2px; text-underline-offset:4px; font-weight:600; } .sag-subscribe-preview-v306{ display:grid; grid-template-columns:minmax(0, .85fr) minmax(0, 1.15fr); gap:34px; align-items:center; margin-top:72px; padding:34px; border-radius:30px; background:#f5faf8; border:1px solid rgba(22,150,127,.13); } .sag-preview-kicker-v306{ margin:0 0 12px; color:#16967f; font-size:12px; line-height:1.2; font-weight:800; text-transform:uppercase; letter-spacing:.14em; } .sag-preview-left-v306 h2{ margin:0; color:#111111; font-size:34px; line-height:1.05; letter-spacing:-.045em; font-weight:800; } .sag-preview-left-v306 p{ margin:16px 0 0; color:#4b5563; font-size:16px; line-height:1.7; font-weight:400; } .sag-preview-inbox-v306{ display:grid; gap:14px; } .sag-preview-mail-v306{ padding:18px 18px 16px; border:1px solid rgba(17,24,39,.09); border-radius:18px; background:#fff; box-shadow:0 14px 34px rgba(15,23,42,.06); } .sag-preview-mail-v306.is-featured{ border-color:rgba(22,150,127,.24); box-shadow:0 18px 42px rgba(22,150,127,.10); } .sag-preview-mail-v306 span{ display:inline-flex; margin-bottom:9px; color:#16967f; font-size:11px; line-height:1; font-weight:800; letter-spacing:.1em; text-transform:uppercase; } .sag-preview-mail-v306 strong{ display:block; color:#111111; font-size:16px; line-height:1.35; font-weight:800; letter-spacing:-.015em; } .sag-preview-mail-v306 p{ margin:8px 0 0; color:#5d6874; font-size:13.5px; line-height:1.55; font-weight:400; } @media (max-width:1024px){ .sag-subscribe-page-v306{ padding:56px 0 76px; } .sag-subscribe-wrap-v306{ width:min(900px, calc(100% - 44px)); } .sag-subscribe-grid-v306{ grid-template-columns:1fr; gap:38px; } .sag-subscribe-copy-v306{ text-align:center; } .sag-subscribe-copy-v306 h1, .sag-subscribe-lead-v306, .sag-subscribe-note-v306{ margin-left:auto; margin-right:auto; } .sag-subscribe-points-v306{ max-width:620px; margin-left:auto; margin-right:auto; text-align:left; } .sag-subscribe-card-v306{ max-width:520px; margin:0 auto; width:100%; } } @media (max-width:767px){ .sag-subscribe-page-v306{ padding:42px 0 62px; } .sag-subscribe-wrap-v306{ width:calc(100% - 30px); } .sag-subscribe-brand-v306{ justify-content:flex-start; margin-bottom:38px; gap:12px; } .sag-subscribe-logo-mark-v306{ width:50px; height:50px; border-radius:15px; font-size:16px; } .sag-subscribe-logo-title-v306{ font-size:22px; } .sag-subscribe-logo-subtitle-v306{ font-size:12.5px; max-width:230px; } .sag-subscribe-copy-v306{ text-align:left; } .sag-subscribe-copy-v306 h1{ font-size:36px; line-height:1.02; letter-spacing:-.055em; } .sag-subscribe-lead-v306{ margin-top:20px; font-size:17px; line-height:1.66; } .sag-subscribe-points-v306 li{ font-size:15.5px; line-height:1.55; } .sag-subscribe-note-v306{ margin-top:24px; padding:15px 16px; border-radius:16px; } .sag-subscribe-card-v306{ padding:22px; border-radius:22px; } .sag-subscribe-card-v306::before{ border-radius:23px; } .sag-subscribe-preview-v306{ grid-template-columns:1fr; margin-top:48px; padding:22px; border-radius:24px; } .sag-preview-left-v306 h2{ font-size:28px; } } @media (max-width:380px){ .sag-subscribe-copy-v306 h1{ font-size:32px; } .sag-subscribe-card-v306{ padding:19px; } } /* ========================================================== v307 Subscribe Page - Right Side Showcase Image ========================================================== */ .sag-subscribe-grid-v306{ align-items:start; grid-template-columns:minmax(0, 1fr) minmax(430px, 560px); } .sag-subscribe-copy-v306{ display:flex; flex-direction:column; } .sag-subscribe-copy-v306 .sag-subscribe-card-v306{ margin-top:34px; max-width:620px; } .sag-subscribe-visual-v307{ position:relative; align-self:center; } .sag-subscribe-visual-v307 img{ display:block; width:100%; height:auto; border-radius:28px; box-shadow:0 26px 60px rgba(15,23,42,.14); } @media (max-width:1180px){ .sag-subscribe-grid-v306{ grid-template-columns:minmax(0, 1fr) minmax(360px, 480px); gap:34px; } } @media (max-width:1024px){ .sag-subscribe-grid-v306{ grid-template-columns:1fr; gap:34px; } .sag-subscribe-copy-v306 .sag-subscribe-card-v306{ max-width:100%; } .sag-subscribe-visual-v307{ max-width:760px; margin:0 auto; } } @media (max-width:767px){ .sag-subscribe-copy-v306 .sag-subscribe-card-v306{ margin-top:26px; } .sag-subscribe-visual-v307 img{ border-radius:20px; } } /* ========================================================== v308 Subscribe Page - SEJ Like Hero Layout ========================================================== */ .sag-newsletter-v308{ background:#fff !important; color:#111 !important; min-height:calc(100vh - 78px) !important; padding:76px 0 78px !important; overflow:hidden !important; } .sag-newsletter-shell-v308{ width:min(1180px, calc(100% - 70px)) !important; margin:0 auto !important; display:grid !important; grid-template-columns:minmax(0, 46%) minmax(0, 54%) !important; align-items:center !important; gap:34px !important; } .sag-newsletter-left-v308{ max-width:560px !important; padding-top:8px !important; } .sag-today-logo-v308{ display:flex !important; align-items:flex-end !important; gap:8px !important; margin:0 0 30px !important; line-height:1 !important; color:#111 !important; } .sag-today-main-v308{ display:inline-flex !important; align-items:flex-end !important; font-size:60px !important; line-height:.82 !important; font-weight:900 !important; letter-spacing:-.075em !important; color:#111 !important; } .sag-today-main-v308 span{ color:#16967f !important; } .sag-today-text-v308{ display:inline-flex !important; align-items:flex-end !important; margin-bottom:2px !important; color:#111 !important; font-size:46px !important; line-height:.88 !important; font-weight:900 !important; letter-spacing:-.065em !important; } .sag-newsletter-left-v308 h1{ margin:0 0 20px !important; color:#111 !important; font-size:clamp(42px, 5vw, 72px) !important; line-height:1.02 !important; letter-spacing:-.06em !important; font-weight:900 !important; max-width:560px !important; } .sag-newsletter-lead-v308{ margin:0 0 28px !important; color:#242a31 !important; font-size:19px !important; line-height:1.62 !important; font-weight:400 !important; max-width:555px !important; } .sag-newsletter-form-v308{ display:grid !important; grid-template-columns:1fr !important; gap:12px !important; max-width:430px !important; margin:0 !important; } .sag-newsletter-form-v308 input{ width:100% !important; min-height:52px !important; border:1px solid rgba(17,24,39,.18) !important; border-radius:3px !important; background:#fff !important; color:#111 !important; font-size:15px !important; line-height:1.3 !important; font-weight:500 !important; padding:0 15px !important; outline:none !important; box-shadow:none !important; } .sag-newsletter-form-v308 input:focus{ border-color:#16967f !important; box-shadow:0 0 0 3px rgba(22,150,127,.12) !important; } .sag-newsletter-form-v308 button{ width:100% !important; min-height:54px !important; border:0 !important; border-radius:3px !important; background:#16967f !important; color:#fff !important; font-size:15px !important; line-height:1 !important; font-weight:800 !important; cursor:pointer !important; letter-spacing:.01em !important; } .sag-newsletter-form-v308 button:hover{ background:#127f6b !important; } .sag-newsletter-privacy-v308{ max-width:430px !important; margin:14px 0 0 !important; color:#66717d !important; font-size:12.5px !important; line-height:1.55 !important; font-weight:400 !important; } .sag-newsletter-privacy-v308 a{ color:#111 !important; font-weight:600 !important; text-decoration:underline !important; text-decoration-color:#16967f !important; text-decoration-thickness:2px !important; text-underline-offset:4px !important; } .sag-newsletter-alert-v308{ max-width:430px !important; margin:0 0 16px !important; padding:13px 14px !important; border-radius:3px !important; font-size:14px !important; line-height:1.45 !important; font-weight:700 !important; } .sag-newsletter-alert-v308.success{ color:#0f6b4f !important; background:rgba(22,150,127,.10) !important; border:1px solid rgba(22,150,127,.20) !important; } .sag-newsletter-alert-v308.error{ color:#8a1f1f !important; background:rgba(220,38,38,.08) !important; border:1px solid rgba(220,38,38,.18) !important; } .sag-newsletter-right-v308{ position:relative !important; min-height:520px !important; display:flex !important; align-items:center !important; justify-content:center !important; } .sag-newsletter-right-v308 img{ display:block !important; width:min(720px, 114%) !important; max-width:none !important; height:auto !important; margin-right:-90px !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } @media (max-width:1180px){ .sag-newsletter-shell-v308{ width:min(1040px, calc(100% - 52px)) !important; grid-template-columns:minmax(0, 47%) minmax(0, 53%) !important; gap:24px !important; } .sag-newsletter-right-v308 img{ width:min(640px, 112%) !important; margin-right:-58px !important; } } @media (max-width:1024px){ .sag-newsletter-v308{ padding:58px 0 70px !important; min-height:auto !important; } .sag-newsletter-shell-v308{ grid-template-columns:1fr !important; gap:44px !important; } .sag-newsletter-left-v308{ max-width:760px !important; text-align:center !important; margin:0 auto !important; } .sag-today-logo-v308{ justify-content:center !important; } .sag-newsletter-left-v308 h1, .sag-newsletter-lead-v308, .sag-newsletter-form-v308, .sag-newsletter-privacy-v308, .sag-newsletter-alert-v308{ margin-left:auto !important; margin-right:auto !important; } .sag-newsletter-right-v308{ min-height:auto !important; } .sag-newsletter-right-v308 img{ width:min(820px, 100%) !important; max-width:100% !important; margin:0 auto !important; } } @media (max-width:767px){ .sag-newsletter-v308{ padding:42px 0 56px !important; } .sag-newsletter-shell-v308{ width:calc(100% - 30px) !important; gap:34px !important; } .sag-newsletter-left-v308{ text-align:left !important; } .sag-today-logo-v308{ justify-content:flex-start !important; margin-bottom:24px !important; gap:6px !important; } .sag-today-main-v308{ font-size:42px !important; } .sag-today-text-v308{ font-size:32px !important; } .sag-newsletter-left-v308 h1{ font-size:38px !important; line-height:1.03 !important; } .sag-newsletter-lead-v308{ font-size:17px !important; line-height:1.62 !important; margin-bottom:24px !important; } .sag-newsletter-form-v308, .sag-newsletter-privacy-v308, .sag-newsletter-alert-v308{ max-width:100% !important; } .sag-newsletter-right-v308 img{ width:112% !important; margin-left:-6% !important; } } @media (max-width:380px){ .sag-newsletter-left-v308 h1{ font-size:34px !important; } .sag-today-main-v308{ font-size:38px !important; } .sag-today-text-v308{ font-size:29px !important; } } /* ========================================================== v309 Subscribe Page - Heading Weight + SEJ Form Match ========================================================== */ .sag-newsletter-left-v308 h1{ font-size:clamp(36px, 4.15vw, 58px) !important; line-height:1.06 !important; letter-spacing:-.045em !important; font-weight:750 !important; max-width:620px !important; } .sag-newsletter-lead-v308{ font-size:18px !important; line-height:1.68 !important; max-width:760px !important; } .sag-newsletter-shell-v308{ grid-template-columns:minmax(0, 48%) minmax(0, 52%) !important; align-items:start !important; } .sag-newsletter-right-v308{ padding-top:95px !important; } .sag-newsletter-form-v309{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:20px 24px !important; max-width:780px !important; width:100% !important; margin-top:30px !important; } .sag-form-row-v309{ display:flex !important; flex-direction:column !important; gap:8px !important; } .sag-form-row-full-v309, .sag-form-topics-v309, .sag-form-security-v309, .sag-newsletter-form-v309 > button{ grid-column:1 / -1 !important; } .sag-form-row-v309 label, .sag-form-topics-v309 legend{ color:#111 !important; font-size:14px !important; line-height:1.25 !important; font-weight:700 !important; margin:0 !important; padding:0 !important; } .sag-form-row-v309 label span, .sag-form-topics-v309 legend span{ color:#d93025 !important; margin-left:1px !important; } .sag-newsletter-form-v309 input, .sag-newsletter-form-v309 select{ width:100% !important; height:46px !important; min-height:46px !important; border:1px solid #c7cbd1 !important; border-radius:3px !important; background:#fff !important; color:#111 !important; font-size:15px !important; line-height:1.2 !important; font-weight:400 !important; padding:0 16px !important; outline:none !important; box-shadow:none !important; } .sag-newsletter-form-v309 select{ appearance:none !important; -webkit-appearance:none !important; background-image: linear-gradient(45deg, transparent 50%, #8b9198 50%), linear-gradient(135deg, #8b9198 50%, transparent 50%) !important; background-position: calc(100% - 22px) 19px, calc(100% - 14px) 19px !important; background-size:8px 8px, 8px 8px !important; background-repeat:no-repeat !important; padding-right:42px !important; } .sag-newsletter-form-v309 input::placeholder{ color:#a7abb1 !important; } .sag-newsletter-form-v309 input:focus, .sag-newsletter-form-v309 select:focus{ border-color:#16967f !important; box-shadow:0 0 0 3px rgba(22,150,127,.10) !important; } .sag-form-topics-v309{ margin:0 !important; padding:0 !important; border:0 !important; } .sag-form-topics-v309 legend{ margin:0 0 14px !important; } .sag-form-topics-v309 label{ display:inline-flex !important; align-items:center !important; gap:8px !important; margin:0 14px 10px 0 !important; color:#111 !important; font-size:14px !important; line-height:1.3 !important; font-weight:700 !important; } .sag-form-topics-v309 input[type="checkbox"]{ width:18px !important; height:18px !important; min-height:18px !important; margin:0 !important; padding:0 !important; border:1px solid #c7cbd1 !important; border-radius:0 !important; appearance:auto !important; -webkit-appearance:auto !important; } .sag-form-security-v309{ justify-self:center !important; width:288px !important; height:70px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; padding:0 18px !important; background:#1a73e8 !important; color:#fff !important; border-radius:2px !important; box-shadow:0 1px 2px rgba(0,0,0,.12) !important; font-size:14px !important; line-height:1 !important; font-weight:500 !important; } .sag-form-security-v309 strong{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:48px !important; height:48px !important; border-radius:2px !important; background:#f2f2f2 !important; color:#65717d !important; font-size:28px !important; line-height:1 !important; font-weight:700 !important; } .sag-newsletter-form-v309 > button{ height:60px !important; min-height:60px !important; border-radius:999px !important; background:#4cc825 !important; color:#fff !important; font-size:25px !important; line-height:1 !important; font-weight:800 !important; margin-top:12px !important; } .sag-newsletter-form-v309 > button:hover{ background:#43b91f !important; } .sag-newsletter-privacy-v308{ max-width:780px !important; font-size:12.5px !important; } @media (max-width:1180px){ .sag-newsletter-left-v308 h1{ font-size:clamp(34px, 4.2vw, 52px) !important; } .sag-newsletter-right-v308{ padding-top:80px !important; } } @media (max-width:1024px){ .sag-newsletter-shell-v308{ grid-template-columns:1fr !important; } .sag-newsletter-left-v308{ max-width:860px !important; text-align:left !important; } .sag-today-logo-v308{ justify-content:flex-start !important; } .sag-newsletter-left-v308 h1, .sag-newsletter-lead-v308, .sag-newsletter-form-v308, .sag-newsletter-privacy-v308, .sag-newsletter-alert-v308{ margin-left:0 !important; margin-right:0 !important; } .sag-newsletter-right-v308{ padding-top:20px !important; } } @media (max-width:767px){ .sag-newsletter-left-v308 h1{ font-size:31px !important; line-height:1.12 !important; letter-spacing:-.035em !important; font-weight:750 !important; } .sag-newsletter-lead-v308{ font-size:16px !important; line-height:1.62 !important; } .sag-newsletter-form-v309{ grid-template-columns:1fr !important; gap:16px !important; margin-top:24px !important; } .sag-form-security-v309{ width:100% !important; max-width:288px !important; } .sag-newsletter-form-v309 > button{ height:56px !important; min-height:56px !important; font-size:21px !important; } } /* ========================================================== v310 Subscribe Page - Gap, Heading, Logo, Button + Image Position ========================================================== */ .sag-newsletter-v308{ padding-top:34px !important; padding-bottom:64px !important; min-height:auto !important; } .sag-newsletter-shell-v308{ align-items:start !important; grid-template-columns:minmax(0, 48%) minmax(0, 52%) !important; } .sag-today-logo-v308{ margin-bottom:20px !important; } .sag-today-main-v308{ font-size:48px !important; letter-spacing:-.065em !important; font-weight:850 !important; } .sag-today-text-v308{ font-size:36px !important; letter-spacing:-.055em !important; font-weight:850 !important; } .sag-newsletter-left-v308 h1{ font-size:clamp(30px, 3.35vw, 46px) !important; line-height:1.12 !important; letter-spacing:-.038em !important; font-weight:650 !important; margin-bottom:16px !important; max-width:560px !important; } .sag-newsletter-lead-v308{ font-size:16.5px !important; line-height:1.62 !important; margin-bottom:22px !important; max-width:650px !important; } .sag-newsletter-right-v308{ position:sticky !important; top:118px !important; align-self:start !important; padding-top:122px !important; min-height:auto !important; } .sag-newsletter-right-v308 img{ width:min(690px, 112%) !important; margin-right:-76px !important; } .sag-newsletter-form-v309{ margin-top:24px !important; gap:17px 22px !important; } .sag-newsletter-form-v309 > button{ height:48px !important; min-height:48px !important; max-width:100% !important; border-radius:999px !important; background:#16967f !important; color:#fff !important; font-size:19px !important; font-weight:800 !important; margin-top:8px !important; box-shadow:none !important; } .sag-newsletter-form-v309 > button:hover{ background:#127f6b !important; } .sag-newsletter-form-v309 input, .sag-newsletter-form-v309 select{ height:44px !important; min-height:44px !important; } .sag-form-security-v309{ height:62px !important; } .sag-form-security-v309 strong{ width:42px !important; height:42px !important; font-size:24px !important; } @media (max-width:1180px){ .sag-newsletter-v308{ padding-top:30px !important; } .sag-newsletter-right-v308{ top:108px !important; padding-top:112px !important; } .sag-newsletter-right-v308 img{ width:min(620px, 112%) !important; margin-right:-46px !important; } .sag-newsletter-left-v308 h1{ font-size:clamp(29px, 3.5vw, 42px) !important; } } @media (max-width:1024px){ .sag-newsletter-v308{ padding-top:28px !important; padding-bottom:58px !important; } .sag-newsletter-right-v308{ position:relative !important; top:auto !important; padding-top:8px !important; } .sag-newsletter-right-v308 img{ width:min(760px, 100%) !important; margin:0 auto !important; } } @media (max-width:767px){ .sag-newsletter-v308{ padding-top:22px !important; padding-bottom:48px !important; } .sag-today-logo-v308{ margin-bottom:18px !important; } .sag-today-main-v308{ font-size:36px !important; } .sag-today-text-v308{ font-size:27px !important; } .sag-newsletter-left-v308 h1{ font-size:28px !important; line-height:1.14 !important; letter-spacing:-.028em !important; font-weight:650 !important; } .sag-newsletter-lead-v308{ font-size:15.5px !important; line-height:1.62 !important; } .sag-newsletter-form-v309 > button{ height:46px !important; min-height:46px !important; font-size:18px !important; } } @media (max-width:380px){ .sag-newsletter-left-v308 h1{ font-size:26px !important; } .sag-today-main-v308{ font-size:33px !important; } .sag-today-text-v308{ font-size:25px !important; } } /* ========================================================== v311 Subscribe Page - True SEJ Two Equal Split + Sticky Image ========================================================== */ .sag-newsletter-v308{ padding:0 !important; margin:0 !important; background:linear-gradient(90deg, #ffffff 0%, #ffffff 50%, #f2f2f2 50%, #f2f2f2 100%) !important; overflow:visible !important; min-height:calc(100vh - var(--sag-smart-header-height, 76px)) !important; } .sag-newsletter-shell-v308{ width:100% !important; max-width:none !important; margin:0 !important; display:grid !important; grid-template-columns:minmax(0, 50%) minmax(0, 50%) !important; align-items:start !important; gap:0 !important; } .sag-newsletter-left-v308{ max-width:none !important; width:100% !important; padding:54px 4.7vw 76px 4.7vw !important; margin:0 !important; } .sag-newsletter-right-v308{ position:sticky !important; top:var(--sag-smart-header-height, 76px) !important; align-self:start !important; width:100% !important; height:calc(100vh - var(--sag-smart-header-height, 76px)) !important; min-height:640px !important; padding:54px 0 0 0 !important; margin:0 !important; background:#f2f2f2 !important; display:flex !important; align-items:flex-start !important; justify-content:center !important; overflow:hidden !important; } .sag-newsletter-right-v308 img{ width:min(760px, 94%) !important; max-width:94% !important; height:auto !important; margin:0 auto !important; display:block !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; } .sag-today-logo-v308{ margin:0 0 24px !important; } .sag-newsletter-left-v308 h1{ max-width:690px !important; margin:0 0 20px !important; } .sag-newsletter-lead-v308{ max-width:720px !important; margin:0 0 28px !important; } .sag-newsletter-form-v309{ max-width:790px !important; width:100% !important; margin-top:28px !important; } .sag-newsletter-privacy-v308{ max-width:790px !important; } @media (max-width:1180px){ .sag-newsletter-left-v308{ padding-left:4vw !important; padding-right:3.5vw !important; } .sag-newsletter-right-v308{ padding-top:54px !important; } .sag-newsletter-right-v308 img{ width:96% !important; max-width:96% !important; } } @media (max-width:1024px){ .sag-newsletter-v308{ background:#ffffff !important; min-height:auto !important; } .sag-newsletter-shell-v308{ grid-template-columns:1fr !important; } .sag-newsletter-left-v308{ padding:36px 32px 38px !important; } .sag-newsletter-right-v308{ position:relative !important; top:auto !important; height:auto !important; min-height:auto !important; padding:34px 22px !important; background:#f2f2f2 !important; overflow:visible !important; } .sag-newsletter-right-v308 img{ width:min(820px, 100%) !important; max-width:100% !important; } } @media (max-width:767px){ .sag-newsletter-left-v308{ padding:28px 15px 34px !important; } .sag-newsletter-right-v308{ padding:24px 15px 30px !important; } } /* ========================================================== v312 Subscribe Page - Smaller Logo/Heading + Accent Checkboxes ========================================================== */ .sag-today-logo-v308{ margin-bottom:18px !important; gap:6px !important; flex-wrap:nowrap !important; white-space:nowrap !important; } .sag-today-main-v308{ font-size:39px !important; line-height:.88 !important; letter-spacing:-.058em !important; font-weight:800 !important; white-space:nowrap !important; } .sag-today-text-v308{ font-size:29px !important; line-height:.9 !important; letter-spacing:-.05em !important; font-weight:800 !important; white-space:nowrap !important; } .sag-newsletter-left-v308 h1{ font-size:clamp(26px, 2.8vw, 38px) !important; line-height:1.16 !important; letter-spacing:-.032em !important; font-weight:600 !important; margin-bottom:15px !important; max-width:620px !important; } .sag-newsletter-lead-v308{ font-size:16px !important; line-height:1.62 !important; margin-bottom:22px !important; } .sag-newsletter-form-v309 > button{ height:46px !important; min-height:46px !important; background:#16967f !important; font-size:18px !important; font-weight:600 !important; letter-spacing:0 !important; box-shadow:none !important; } .sag-newsletter-form-v309 > button:hover{ background:#127f6b !important; } .sag-form-topics-v309 input[type="checkbox"]{ accent-color:#16967f !important; border-color:#16967f !important; } .sag-form-security-v309{ display:none !important; } @media (max-width:767px){ .sag-today-main-v308{ font-size:32px !important; } .sag-today-text-v308{ font-size:24px !important; } .sag-newsletter-left-v308 h1{ font-size:24px !important; line-height:1.18 !important; font-weight:600 !important; } .sag-newsletter-form-v309 > button{ height:44px !important; min-height:44px !important; font-size:17px !important; font-weight:600 !important; } } @media (max-width:380px){ .sag-today-main-v308{ font-size:29px !important; } .sag-today-text-v308{ font-size:22px !important; } .sag-newsletter-left-v308 h1{ font-size:23px !important; } } /* v313 Subscribe page fine-tune */ .sag-today-logo-v308 { margin-bottom: 16px !important; } .sag-today-main-v308 { font-size: 54px !important; letter-spacing: -0.07em !important; } .sag-today-text-v308 { font-size: 34px !important; font-weight: 800 !important; letter-spacing: -0.04em !important; margin-bottom: 5px !important; } .sag-newsletter-left-v308 h1 { font-size: clamp(34px, 4vw, 56px) !important; line-height: 1.06 !important; font-weight: 700 !important; max-width: 520px !important; } .sag-newsletter-right-v308 img { width: min(760px, 118%) !important; margin-right: -78px !important; } @media (max-width: 1180px) { .sag-newsletter-right-v308 img { width: min(670px, 114%) !important; margin-right: -46px !important; } } @media (max-width: 767px) { .sag-today-main-v308 { font-size: 37px !important; } .sag-today-text-v308 { font-size: 24px !important; margin-bottom: 4px !important; } .sag-newsletter-left-v308 h1 { font-size: 29px !important; line-height: 1.1 !important; font-weight: 700 !important; } } /* ========================================================== v314 Subscribe Page - Final Size Balance + Image Contain Fix ========================================================== */ .sag-newsletter-left-v308{ padding-top:48px !important; } .sag-today-logo-v308{ align-items:flex-end !important; gap:10px !important; margin-bottom:18px !important; white-space:nowrap !important; } .sag-today-main-v308, .sag-today-text-v308{ font-size:42px !important; line-height:.9 !important; font-weight:800 !important; letter-spacing:-.055em !important; margin:0 !important; white-space:nowrap !important; } .sag-today-main-v308{ color:#111111 !important; } .sag-today-main-v308 span{ color:#16967f !important; } .sag-today-text-v308{ color:#111111 !important; } .sag-newsletter-left-v308 h1{ font-size:clamp(27px, 2.7vw, 40px) !important; line-height:1.16 !important; letter-spacing:-.028em !important; font-weight:600 !important; max-width:500px !important; margin-bottom:16px !important; } .sag-newsletter-lead-v308{ font-size:15.5px !important; line-height:1.62 !important; max-width:620px !important; margin-bottom:22px !important; } .sag-newsletter-right-v308{ padding-top:72px !important; padding-left:30px !important; padding-right:30px !important; justify-content:center !important; align-items:flex-start !important; overflow:hidden !important; } .sag-newsletter-right-v308 img{ width:100% !important; max-width:620px !important; height:auto !important; margin:0 auto !important; object-fit:contain !important; display:block !important; } @media (min-width:1500px){ .sag-newsletter-right-v308 img{ max-width:660px !important; } } @media (max-width:1180px){ .sag-newsletter-left-v308 h1{ font-size:clamp(26px, 2.9vw, 36px) !important; max-width:470px !important; } .sag-today-main-v308, .sag-today-text-v308{ font-size:38px !important; } .sag-newsletter-right-v308{ padding-top:78px !important; padding-left:24px !important; padding-right:24px !important; } .sag-newsletter-right-v308 img{ max-width:560px !important; } } @media (max-width:1024px){ .sag-newsletter-left-v308{ padding-top:34px !important; } .sag-newsletter-right-v308{ padding:30px 22px !important; overflow:visible !important; } .sag-newsletter-right-v308 img{ width:100% !important; max-width:760px !important; } } @media (max-width:767px){ .sag-today-main-v308, .sag-today-text-v308{ font-size:30px !important; line-height:.95 !important; letter-spacing:-.04em !important; } .sag-newsletter-left-v308 h1{ font-size:24px !important; line-height:1.18 !important; font-weight:600 !important; max-width:100% !important; } .sag-newsletter-lead-v308{ font-size:15px !important; } .sag-newsletter-right-v308{ padding:24px 15px 30px !important; } } /* ========================================================== v315 Subscribe Page - Smaller Main Heading 40-50% ========================================================== */ .sag-newsletter-left-v308 h1{ font-size:clamp(18px, 1.65vw, 24px) !important; line-height:1.25 !important; letter-spacing:-.012em !important; font-weight:550 !important; max-width:420px !important; margin-bottom:14px !important; } @media (max-width:1180px){ .sag-newsletter-left-v308 h1{ font-size:clamp(18px, 1.9vw, 23px) !important; max-width:390px !important; } } @media (max-width:767px){ .sag-newsletter-left-v308 h1{ font-size:20px !important; line-height:1.25 !important; font-weight:550 !important; max-width:100% !important; } } /* ========================================================== v316 About Page - SEJ-inspired SAG Layout ========================================================== */ .sag-about-page-v316{ background:#fff; color:#111; } .sag-about-container-v316{ width:min(1180px, calc(100% - 90px)); margin:0 auto; } .sag-about-hero-v316{ padding:72px 0 66px; background:#fff; border-bottom:1px solid rgba(17,24,39,.08); } .sag-about-eyebrow-v316{ margin:0 0 18px; color:#16967f; font-size:13px; line-height:1.2; font-weight:800; letter-spacing:.14em; text-transform:uppercase; } .sag-about-hero-v316 h1{ margin:0; max-width:920px; color:#111; font-size:clamp(44px, 5.6vw, 78px); line-height:.98; letter-spacing:-.065em; font-weight:850; } .sag-about-intro-v316{ max-width:930px; margin-top:34px; display:grid; gap:18px; } .sag-about-intro-v316 p, .sag-about-copy-v316 p, .sag-about-section-lead-v316, .sag-about-team-head-v316 p, .sag-about-featured-v316 p{ margin:0; color:#29313a; font-size:19px; line-height:1.72; font-weight:400; } .sag-about-split-v316{ display:grid; grid-template-columns:minmax(0, 1fr) 360px; gap:70px; align-items:start; padding:70px 0 58px; } .sag-about-copy-v316 h2, .sag-about-section-v316 h2, .sag-about-team-head-v316 h2, .sag-about-featured-v316 h2{ margin:0 0 20px; color:#111; font-size:36px; line-height:1.08; letter-spacing:-.04em; font-weight:800; } .sag-about-copy-v316{ display:grid; gap:18px; } .sag-about-card-v316{ position:sticky; top:calc(var(--sag-smart-header-height, 76px) + 24px); padding:28px; border:1px solid rgba(17,24,39,.10); border-radius:24px; background:#f7fbfa; box-shadow:0 22px 60px rgba(15,23,42,.08); } .sag-about-card-logo-v316{ width:64px; height:64px; border-radius:18px; display:flex; align-items:center; justify-content:center; background:#16967f; color:#fff; font-size:20px; line-height:1; font-weight:900; letter-spacing:-.03em; margin-bottom:18px; } .sag-about-card-v316 h3{ margin:0 0 10px; color:#111; font-size:25px; line-height:1.15; letter-spacing:-.035em; font-weight:800; } .sag-about-card-v316 p{ margin:0 0 20px; color:#42505d; font-size:15px; line-height:1.65; font-weight:400; } .sag-about-card-v316 a, .sag-about-team-grid-v316 a{ display:inline-flex; color:#111; font-size:14px; line-height:1.2; font-weight:800; text-decoration:underline; text-decoration-color:#16967f; text-decoration-thickness:2px; text-underline-offset:5px; } .sag-about-values-v316{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; padding:0 0 70px; } .sag-about-values-v316 article{ min-height:250px; padding:28px; border:1px solid rgba(17,24,39,.09); border-radius:24px; background:#fff; box-shadow:0 12px 34px rgba(15,23,42,.045); } .sag-about-values-v316 span{ display:block; margin-bottom:30px; color:#16967f; font-size:13px; line-height:1; font-weight:900; letter-spacing:.12em; } .sag-about-values-v316 h3{ margin:0 0 12px; color:#111; font-size:23px; line-height:1.15; letter-spacing:-.025em; font-weight:800; } .sag-about-values-v316 p{ margin:0; color:#46525f; font-size:15px; line-height:1.65; } .sag-about-section-v316{ padding:62px 0; border-top:1px solid rgba(17,24,39,.08); } .sag-about-topics-v316{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; } .sag-about-topics-v316 a{ display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 18px; border:1px solid rgba(22,150,127,.20); border-radius:999px; background:rgba(22,150,127,.06); color:#111; font-size:14px; line-height:1; font-weight:800; text-decoration:none; } .sag-about-topics-v316 a:hover{ border-color:#16967f; background:#16967f; color:#fff; } .sag-about-team-v316{ padding:62px 0; border-top:1px solid rgba(17,24,39,.08); } .sag-about-team-head-v316{ max-width:760px; margin-bottom:30px; } .sag-about-team-grid-v316{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:24px; } .sag-about-team-grid-v316 article{ padding:28px; border:1px solid rgba(17,24,39,.09); border-radius:24px; background:#fff; box-shadow:0 12px 34px rgba(15,23,42,.045); } .sag-about-avatar-v316{ width:74px; height:74px; border-radius:50%; background:#111; color:#fff; display:flex; align-items:center; justify-content:center; font-size:19px; line-height:1; font-weight:900; letter-spacing:-.03em; margin-bottom:18px; } .sag-about-avatar-v316 span{ color:#16967f; } .sag-about-avatar-alt-v316{ background:#16967f; } .sag-about-team-grid-v316 h3{ margin:0 0 8px; color:#111; font-size:24px; line-height:1.15; letter-spacing:-.035em; font-weight:800; } .sag-about-team-grid-v316 p{ margin:0 0 18px; color:#46525f; font-size:15px; line-height:1.6; } .sag-about-featured-v316{ padding:62px 0 84px; border-top:1px solid rgba(17,24,39,.08); } .sag-about-purpose-grid-v316{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:28px; } .sag-about-purpose-grid-v316 p{ padding:26px; border-left:4px solid #16967f; background:#f7fbfa; border-radius:0 18px 18px 0; } @media (max-width:1024px){ .sag-about-container-v316{ width:calc(100% - 52px); } .sag-about-hero-v316{ padding:58px 0 56px; } .sag-about-split-v316{ grid-template-columns:1fr; gap:32px; } .sag-about-card-v316{ position:relative; top:auto; } .sag-about-values-v316{ grid-template-columns:1fr; } } @media (max-width:767px){ .sag-about-container-v316{ width:calc(100% - 30px); } .sag-about-hero-v316{ padding:40px 0 42px; } .sag-about-hero-v316 h1{ font-size:34px; line-height:1.08; letter-spacing:-.045em; } .sag-about-intro-v316 p, .sag-about-copy-v316 p, .sag-about-section-lead-v316, .sag-about-team-head-v316 p, .sag-about-featured-v316 p{ font-size:16.5px; line-height:1.68; } .sag-about-split-v316, .sag-about-section-v316, .sag-about-team-v316, .sag-about-featured-v316{ padding:44px 0; } .sag-about-copy-v316 h2, .sag-about-section-v316 h2, .sag-about-team-head-v316 h2, .sag-about-featured-v316 h2{ font-size:28px; } .sag-about-team-grid-v316, .sag-about-purpose-grid-v316{ grid-template-columns:1fr; } } /* ========================================================== v317 About Page - Clean SEJ-like Two Column Hero Only ========================================================== */ .sag-about-page-v317{ background:#ffffff !important; color:#202124 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; } .sag-about-split-hero-v317{ width:100% !important; min-height:calc(100vh - var(--sag-smart-header-height, 76px)) !important; display:grid !important; grid-template-columns:minmax(0, 50%) minmax(0, 50%) !important; align-items:start !important; gap:0 !important; background:#ffffff !important; } .sag-about-left-v317{ padding:78px 4.8vw 90px 1.6vw !important; background:#ffffff !important; } .sag-about-left-v317 h1{ margin:0 0 36px !important; color:#202124 !important; font-size:clamp(36px, 4.1vw, 68px) !important; line-height:1.1 !important; letter-spacing:-.04em !important; font-weight:700 !important; max-width:760px !important; } .sag-about-left-v317 h1 span{ color:#16967f !important; display:inline !important; } .sag-about-text-v317{ max-width:760px !important; display:grid !important; gap:26px !important; } .sag-about-text-v317 p{ margin:0 !important; color:#1f2933 !important; font-size:23px !important; line-height:1.62 !important; font-weight:400 !important; letter-spacing:-.01em !important; } .sag-about-right-v317{ min-height:calc(100vh - var(--sag-smart-header-height, 76px)) !important; display:flex !important; align-items:flex-start !important; justify-content:center !important; padding:72px 2.5vw 70px 2.5vw !important; background:#ffffff !important; overflow:hidden !important; } .sag-about-right-v317 img{ display:block !important; width:100% !important; max-width:760px !important; height:auto !important; object-fit:contain !important; margin:0 auto !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; } @media (min-width:1500px){ .sag-about-left-v317{ padding-left:1.6vw !important; } .sag-about-left-v317 h1{ max-width:820px !important; } .sag-about-right-v317 img{ max-width:820px !important; } } @media (max-width:1180px){ .sag-about-left-v317{ padding-top:62px !important; padding-right:3.5vw !important; } .sag-about-left-v317 h1{ font-size:clamp(34px, 4.1vw, 54px) !important; max-width:620px !important; font-weight:700 !important; } .sag-about-text-v317 p{ font-size:20px !important; line-height:1.58 !important; } .sag-about-right-v317{ padding-top:70px !important; } .sag-about-right-v317 img{ max-width:620px !important; } } @media (max-width:1024px){ .sag-about-page-v317{ overflow:visible !important; } .sag-about-split-hero-v317{ grid-template-columns:1fr !important; min-height:auto !important; } .sag-about-left-v317{ padding:48px 28px 34px !important; } .sag-about-left-v317 h1{ font-size:clamp(32px, 5.9vw, 52px) !important; max-width:780px !important; margin-bottom:28px !important; font-weight:700 !important; } .sag-about-right-v317{ min-height:auto !important; padding:20px 24px 54px !important; } .sag-about-right-v317 img{ max-width:850px !important; } } @media (max-width:767px){ .sag-about-left-v317{ padding:36px 15px 28px !important; } .sag-about-left-v317 h1{ font-size:30px !important; line-height:1.14 !important; letter-spacing:-.03em !important; margin-bottom:24px !important; font-weight:700 !important; } .sag-about-text-v317{ gap:18px !important; } .sag-about-text-v317 p{ font-size:17px !important; line-height:1.65 !important; } .sag-about-right-v317{ padding:12px 15px 42px !important; } } /* ========================================================== v320 Author Badge Colors + Optional External Title ========================================================== */ .sag-author-badge-label-v320{ font-weight:700 !important; } /* Author badge label colors */ .sag-author-badge--sag-staff{ color:#16967f !important; } .sag-author-badge--top-contributor{ color:#f97316 !important; } .sag-author-badge--vip-contributor{ color:#c69214 !important; } .sag-author-badge--custom{ color:#16967f !important; } /* Top single post title/company line */ .sag-single-author-extra-title-v320{ display:flex !important; align-items:center !important; flex-wrap:wrap !important; gap:4px !important; margin:4px 0 7px !important; color:#1f2933 !important; font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important; line-height:1.25 !important; font-weight:500 !important; letter-spacing:0 !important; } .sag-author-extra-title-text-v320{ color:#1f2933 !important; font-weight:500 !important; } .sag-author-extra-company-v320{ color:#16967f !important; font-weight:700 !important; } /* Lower author box title/company line */ .sag-sej-author-box-extra-title-v320{ order:3 !important; margin:0 0 14px !important; color:#1f2933 !important; font-family:Inter, Arial, sans-serif !important; font-size:14px !important; line-height:1.35 !important; font-weight:500 !important; } .sag-sej-author-box-extra-title-v320 .sag-author-extra-company-v320{ color:#16967f !important; font-weight:700 !important; } /* Keep lower bio after the new designation line */ .sag-sej-author-box-bio{ order:4 !important; } /* Badge icon on author avatar only when a valid badge exists */ .sag-sej-author-box-avatar.sag-author-badge-avatar::after{ content:"★" !important; position:absolute !important; right:0 !important; bottom:0 !important; width:26px !important; height:26px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; border:3px solid #f4f6f6 !important; color:#fff !important; font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important; line-height:1 !important; font-weight:800 !important; text-align:center !important; box-sizing:border-box !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar--sag-staff::after{ background:#16967f !important; color:#ffffff !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar--top-contributor::after{ background:#f97316 !important; color:#ffffff !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar--vip-contributor::after{ background:#f7d46a !important; color:#111111 !important; } /* Make sure old global accent override does not force every role green */ .sag-sej-author-box-role.sag-author-badge--sag-staff{ color:#16967f !important; } .sag-sej-author-box-role.sag-author-badge--top-contributor{ color:#f97316 !important; } .sag-sej-author-box-role.sag-author-badge--vip-contributor{ color:#c69214 !important; } @media(max-width:768px){ .sag-single-author-extra-title-v320{ font-size:12px !important; margin:3px 0 6px !important; } .sag-sej-author-box-extra-title-v320{ font-size:13px !important; margin-bottom:12px !important; } } /* ========================================================== v321 Author Badge Icon Top + Lower Author Card Order ========================================================== */ /* Badge icon on top single post author avatar */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar{ position:relative !important; overflow:visible !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ content:"★" !important; position:absolute !important; right:-2px !important; bottom:-2px !important; width:22px !important; height:22px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; border:3px solid #ffffff !important; color:#fff !important; font-family:Arial, Helvetica, sans-serif !important; font-size:11px !important; line-height:1 !important; font-weight:800 !important; text-align:center !important; box-sizing:border-box !important; z-index:5 !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--sag-staff::after{ background:#16967f !important; color:#ffffff !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--top-contributor::after{ background:#f97316 !important; color:#ffffff !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--vip-contributor::after{ background:#f7d46a !important; color:#111111 !important; } /* Lower author card order: badge, name, title/company, bio */ .sag-sej-author-box-content{ display:flex !important; flex-direction:column !important; align-items:flex-start !important; } .sag-sej-author-box-content .sag-sej-author-box-role{ order:1 !important; margin:0 0 6px !important; } .sag-sej-author-box-content h3{ order:2 !important; margin:0 0 8px !important; } .sag-sej-author-box-extra-title-v320{ order:3 !important; margin:0 0 16px !important; } .sag-sej-author-box-bio{ order:4 !important; } /* Keep lower author avatar badge clean */ .sag-sej-author-box-avatar.sag-author-badge-avatar{ position:relative !important; overflow:visible !important; } @media(max-width:768px){ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ width:20px !important; height:20px !important; font-size:10px !important; right:-1px !important; bottom:-1px !important; } .sag-sej-author-box-content .sag-sej-author-box-role{ margin-bottom:5px !important; } .sag-sej-author-box-content h3{ margin-bottom:7px !important; } } /* ========================================================== v322 Single Post Author Title Size + Gap Fix ========================================================== */ .sag-single-author-name-v54{ margin-bottom:0 !important; line-height:1.12 !important; } .sag-single-author-extra-title-v320{ margin:1px 0 5px !important; font-size:18px !important; line-height:1.22 !important; font-weight:500 !important; } .sag-single-author-extra-title-v320 .sag-author-extra-title-text-v320{ font-weight:500 !important; } .sag-single-author-extra-title-v320 .sag-author-extra-company-v320{ font-weight:700 !important; } @media(max-width:768px){ .sag-single-author-extra-title-v320{ margin:1px 0 5px !important; font-size:16px !important; line-height:1.22 !important; } } /* ========================================================== v323 Author Badge Polish - SEJ Style Placement + Title Tune ========================================================== */ /* Top author section: designation/company line smaller + tighter */ .sag-single-author-name-v54{ margin-bottom:0 !important; line-height:1.08 !important; } .sag-single-author-extra-title-v320{ margin:0 0 4px !important; padding:0 !important; font-size:16px !important; line-height:1.18 !important; font-weight:500 !important; color:#1f2933 !important; } .sag-single-author-extra-title-v320 .sag-author-extra-title-text-v320{ font-weight:500 !important; color:#1f2933 !important; } .sag-single-author-extra-title-v320 .sag-author-extra-company-v320{ color:#16967f !important; font-weight:500 !important; } /* Badge label colors refined */ .sag-author-badge--sag-staff, .sag-sej-author-box-role.sag-author-badge--sag-staff, .sag-single-author-label-v54.sag-author-badge--sag-staff{ color:#16967f !important; } .sag-author-badge--top-contributor, .sag-sej-author-box-role.sag-author-badge--top-contributor, .sag-single-author-label-v54.sag-author-badge--top-contributor{ color:#f37021 !important; } .sag-author-badge--vip-contributor, .sag-sej-author-box-role.sag-author-badge--vip-contributor, .sag-single-author-label-v54.sag-author-badge--vip-contributor{ color:#d0a72f !important; } /* Top avatar badge: inside image, not cut */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar{ position:relative !important; overflow:visible !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ content:"★" !important; position:absolute !important; right:2px !important; bottom:2px !important; width:25px !important; height:25px !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; border:3px solid #ffffff !important; font-family:Arial, Helvetica, sans-serif !important; font-size:12px !important; line-height:1 !important; font-weight:800 !important; text-align:center !important; box-sizing:border-box !important; z-index:5 !important; box-shadow:0 2px 8px rgba(0,0,0,.08) !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--sag-staff::after{ background:#16967f !important; color:#ffffff !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--top-contributor::after{ background:#f37021 !important; color:#ffffff !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--vip-contributor::after{ background:#f4cf57 !important; color:#111111 !important; } /* Lower author card badge: SEJ style inside image */ .sag-sej-author-box-avatar.sag-author-badge-avatar{ position:relative !important; overflow:visible !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar::after{ right:7px !important; bottom:7px !important; width:31px !important; height:31px !important; border:4px solid #f4f6f6 !important; font-size:15px !important; box-shadow:0 2px 9px rgba(0,0,0,.10) !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar--sag-staff::after{ background:#16967f !important; color:#ffffff !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar--top-contributor::after{ background:#f37021 !important; color:#ffffff !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar--vip-contributor::after{ background:#f4cf57 !important; color:#111111 !important; } /* Lower author card designation line: company accent, not bold */ .sag-sej-author-box-extra-title-v320{ margin:0 0 14px !important; font-size:16px !important; line-height:1.28 !important; font-weight:500 !important; color:#1f2933 !important; } .sag-sej-author-box-extra-title-v320 .sag-author-extra-title-text-v320{ font-weight:500 !important; color:#1f2933 !important; } .sag-sej-author-box-extra-title-v320 .sag-author-extra-company-v320{ color:#16967f !important; font-weight:500 !important; } /* Keep lower author card order locked */ .sag-sej-author-box-content .sag-sej-author-box-role{ order:1 !important; } .sag-sej-author-box-content h3{ order:2 !important; margin-bottom:4px !important; } .sag-sej-author-box-extra-title-v320{ order:3 !important; } .sag-sej-author-box-bio{ order:4 !important; } @media(max-width:768px){ .sag-single-author-extra-title-v320{ font-size:15px !important; line-height:1.2 !important; margin:0 0 4px !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ right:2px !important; bottom:2px !important; width:23px !important; height:23px !important; font-size:11px !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar::after{ right:6px !important; bottom:6px !important; width:29px !important; height:29px !important; font-size:14px !important; } .sag-sej-author-box-extra-title-v320{ font-size:15px !important; } } /* ========================================================== v325 Author Badge - Professional SEJ-style Medallion ========================================================== */ /* Use before as clean badge circle, after as centered star */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar, .sag-sej-author-box-avatar.sag-author-badge-avatar{ position:relative !important; overflow:visible !important; } /* Reset old badge pseudo */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::before, .sag-sej-author-box-avatar.sag-author-badge-avatar::before{ content:"" !important; position:absolute !important; border-radius:50% !important; box-sizing:border-box !important; z-index:6 !important; background:#16967f !important; border:3px solid #ffffff !important; box-shadow:0 2px 7px rgba(15,23,42,.15) !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after, .sag-sej-author-box-avatar.sag-author-badge-avatar::after{ content:"★" !important; position:absolute !important; display:flex !important; align-items:center !important; justify-content:center !important; z-index:7 !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#ffffff !important; font-family:Arial, Helvetica, sans-serif !important; font-weight:900 !important; line-height:1 !important; text-align:center !important; box-sizing:border-box !important; } /* Top post small author avatar badge */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::before{ width:23px !important; height:23px !important; right:1px !important; bottom:1px !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ width:23px !important; height:23px !important; right:1px !important; bottom:1px !important; font-size:11px !important; } /* Bottom author card larger avatar badge */ .sag-sej-author-box-avatar.sag-author-badge-avatar::before{ width:32px !important; height:32px !important; right:7px !important; bottom:7px !important; border-width:4px !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar::after{ width:32px !important; height:32px !important; right:7px !important; bottom:7px !important; font-size:15px !important; } /* Badge background colors */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--sag-staff::before, .sag-sej-author-box-avatar.sag-author-badge-avatar--sag-staff::before{ background:#16967f !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--top-contributor::before, .sag-sej-author-box-avatar.sag-author-badge-avatar--top-contributor::before{ background:#f37021 !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--vip-contributor::before, .sag-sej-author-box-avatar.sag-author-badge-avatar--vip-contributor::before{ background:#d9b23f !important; } /* Star color stays white for all badges */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--vip-contributor::after, .sag-sej-author-box-avatar.sag-author-badge-avatar--vip-contributor::after, .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--top-contributor::after, .sag-sej-author-box-avatar.sag-author-badge-avatar--top-contributor::after, .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--sag-staff::after, .sag-sej-author-box-avatar.sag-author-badge-avatar--sag-staff::after{ color:#ffffff !important; } /* Slightly more professional golden text */ .sag-author-badge--vip-contributor, .sag-sej-author-box-role.sag-author-badge--vip-contributor, .sag-single-author-label-v54.sag-author-badge--vip-contributor{ color:#c89b22 !important; } /* Keep designation clean */ .sag-single-author-extra-title-v320{ font-size:15.5px !important; margin:0 0 4px !important; line-height:1.18 !important; } .sag-single-author-extra-title-v320 .sag-author-extra-company-v320, .sag-sej-author-box-extra-title-v320 .sag-author-extra-company-v320{ font-weight:500 !important; } @media(max-width:768px){ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::before, .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ width:21px !important; height:21px !important; right:1px !important; bottom:1px !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ font-size:10px !important; } } /* ========================================================== v325 Author Badge - Match SEJ more closely ========================================================== */ /* Base avatar containers */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar, .sag-sej-author-box-avatar.sag-author-badge-avatar{ position:relative !important; overflow:visible !important; } /* Remove previous thick white medallion look */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::before, .sag-sej-author-box-avatar.sag-author-badge-avatar::before{ content:"" !important; position:absolute !important; border-radius:50% !important; box-sizing:border-box !important; z-index:6 !important; border:none !important; box-shadow:none !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after, .sag-sej-author-box-avatar.sag-author-badge-avatar::after{ content:"★" !important; position:absolute !important; display:flex !important; align-items:center !important; justify-content:center !important; z-index:7 !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#ffffff !important; font-family:Arial, Helvetica, sans-serif !important; font-weight:900 !important; line-height:1 !important; text-align:center !important; box-sizing:border-box !important; text-shadow:none !important; } /* Single top author badge: slightly overlaps avatar edge, like SEJ */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::before{ width:19px !important; height:19px !important; right:-1px !important; bottom:6px !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ width:19px !important; height:19px !important; right:-1px !important; bottom:6px !important; font-size:10px !important; } /* Author card badge */ .sag-sej-author-box-avatar.sag-author-badge-avatar::before{ width:27px !important; height:27px !important; right:4px !important; bottom:3px !important; } .sag-sej-author-box-avatar.sag-author-badge-avatar::after{ width:27px !important; height:27px !important; right:4px !important; bottom:3px !important; font-size:13px !important; } /* Badge color fills only, no white ring */ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--sag-staff::before, .sag-sej-author-box-avatar.sag-author-badge-avatar--sag-staff::before{ background:#66c63a !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--top-contributor::before, .sag-sej-author-box-avatar.sag-author-badge-avatar--top-contributor::before{ background:#f58220 !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--vip-contributor::before, .sag-sej-author-box-avatar.sag-author-badge-avatar--vip-contributor::before{ background:#e0b84f !important; } /* Badge label tones */ .sag-author-badge--sag-staff, .sag-sej-author-box-role.sag-author-badge--sag-staff, .sag-single-author-label-v54.sag-author-badge--sag-staff{ color:#66c63a !important; } .sag-author-badge--top-contributor, .sag-sej-author-box-role.sag-author-badge--top-contributor, .sag-single-author-label-v54.sag-author-badge--top-contributor{ color:#f58220 !important; } .sag-author-badge--vip-contributor, .sag-sej-author-box-role.sag-author-badge--vip-contributor, .sag-single-author-label-v54.sag-author-badge--vip-contributor{ color:#d8aa34 !important; } /* Cleaner lower title line */ .sag-single-author-extra-title-v320, .sag-sej-author-box-extra-title-v320{ font-size:14px !important; font-weight:400 !important; line-height:1.22 !important; margin:1px 0 0 !important; letter-spacing:0 !important; } .sag-single-author-extra-title-v320 .sag-author-extra-company-v320, .sag-sej-author-box-extra-title-v320 .sag-author-extra-company-v320{ font-weight:400 !important; } /* Tighten gaps between name and company role */ .sag-single-author-name-wrap-v54, .sag-sej-author-box-info{ gap:0 !important; } .sag-single-author-name-v54{ margin-bottom:1px !important; } .sag-sej-author-box-name{ margin-bottom:1px !important; } @media (max-width:768px){ .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::before, .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ width:18px !important; height:18px !important; right:-1px !important; bottom:5px !important; } .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ font-size:9px !important; } } /* ========================================================== v326 Final Author Badge Polish - SEJ-like solid badge ========================================================== */ /* Keep avatar visible and let badge overlap naturally */ .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar, .sag-sej-author-box .sag-sej-author-box-avatar.sag-author-badge-avatar{ position:relative !important; overflow:visible !important; isolation:isolate !important; } /* Single post top author badge */ .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::before, .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ display:flex !important; align-items:center !important; justify-content:center !important; position:absolute !important; right:-3px !important; bottom:3px !important; width:20px !important; height:20px !important; border-radius:50% !important; box-shadow:none !important; border:0 !important; } .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::before{ content:"" !important; z-index:6 !important; } .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ content:"★" !important; z-index:7 !important; background:transparent !important; color:#ffffff !important; font-size:12px !important; font-weight:900 !important; line-height:1 !important; } /* Footer author card badge */ .sag-sej-author-box .sag-sej-author-box-avatar.sag-author-badge-avatar::before, .sag-sej-author-box .sag-sej-author-box-avatar.sag-author-badge-avatar::after{ display:flex !important; align-items:center !important; justify-content:center !important; position:absolute !important; right:-2px !important; bottom:1px !important; width:24px !important; height:24px !important; border-radius:50% !important; box-shadow:none !important; border:0 !important; } .sag-sej-author-box .sag-sej-author-box-avatar.sag-author-badge-avatar::before{ content:"" !important; z-index:6 !important; } .sag-sej-author-box .sag-sej-author-box-avatar.sag-author-badge-avatar::after{ content:"★" !important; z-index:7 !important; background:transparent !important; color:#ffffff !important; font-size:14px !important; font-weight:900 !important; line-height:1 !important; } /* Badge fill colors */ .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--sag-staff::before, .sag-sej-author-box .sag-sej-author-box-avatar.sag-author-badge-avatar--sag-staff::before{ background:#6cc63f !important; } .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--top-contributor::before, .sag-sej-author-box .sag-sej-author-box-avatar.sag-author-badge-avatar--top-contributor::before{ background:#f58220 !important; } .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--vip-contributor::before, .sag-sej-author-box .sag-sej-author-box-avatar.sag-author-badge-avatar--vip-contributor::before{ background:#d7b24c !important; } /* Keep the extra title line as before; don't overshrink or bold company */ .sag-single-author-extra-title-v320, .sag-sej-author-box-extra-title-v320{ font-size:14px !important; font-weight:400 !important; line-height:1.22 !important; margin:1px 0 0 !important; } .sag-single-author-extra-title-v320 .sag-author-extra-company-v320, .sag-sej-author-box-extra-title-v320 .sag-author-extra-company-v320{ font-weight:400 !important; } @media (max-width:768px){ .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::before, .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ width:18px !important; height:18px !important; right:-2px !important; bottom:3px !important; } .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar::after{ font-size:11px !important; } } /* ========================================================== v327 Author Card Name + Designation Gap Tighten ========================================================== */ .sag-sej-author-box-content h3{ margin-bottom:0 !important; line-height:1.08 !important; } .sag-sej-author-box-extra-title-v320{ margin-top:-1px !important; margin-bottom:12px !important; line-height:1.18 !important; } .sag-sej-author-box-extra-title-v320 .sag-author-extra-title-text-v320, .sag-sej-author-box-extra-title-v320 .sag-author-extra-company-v320{ line-height:1.18 !important; } @media(max-width:768px){ .sag-sej-author-box-content h3{ margin-bottom:0 !important; } .sag-sej-author-box-extra-title-v320{ margin-top:-1px !important; margin-bottom:10px !important; } } /* ========================================================== v328 Lower Author Bio Spacing + Line Height Tighten ========================================================== */ .sag-sej-author-box-extra-title-v320{ margin-bottom:8px !important; } .sag-sej-author-box-bio{ margin-top:-2px !important; line-height:1.12 !important; } @media(max-width:768px){ .sag-sej-author-box-extra-title-v320{ margin-bottom:7px !important; } .sag-sej-author-box-bio{ margin-top:-1px !important; line-height:1.14 !important; } } /* ========================================================== v329 SAG Staff Badge = Site Accent Color ========================================================== */ .sag-author-badge--sag-staff, .sag-sej-author-box-role.sag-author-badge--sag-staff, .sag-single-author-label-v54.sag-author-badge--sag-staff{ color:var(--sag-accent,#16967f) !important; } .sag-sej-meta-row .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--sag-staff::before, .sag-sej-author-box .sag-sej-author-box-avatar.sag-author-badge-avatar--sag-staff::before, .sag-sej-author-avatar.sag-single-author-avatar-v54.sag-author-badge-avatar--sag-staff::before, .sag-sej-author-box-avatar.sag-author-badge-avatar--sag-staff::before{ background:var(--sag-accent,#16967f) !important; } /* ========================================================== v330 Single Post Author Meta Size Balance ========================================================== */ /* Laptop/Desktop: date + read time smaller */ @media (min-width:1025px){ .sag-single-author-meta-v54, .sag-single-author-meta-v54 span{ font-size:16px !important; line-height:1.18 !important; font-weight:600 !important; } /* Director at company line 4-5px bigger */ .sag-single-author-extra-title-v320{ font-size:19.5px !important; line-height:1.18 !important; margin:0 0 3px !important; font-weight:400 !important; } .sag-single-author-extra-title-v320 .sag-author-extra-title-text-v320, .sag-single-author-extra-title-v320 .sag-author-extra-company-v320{ font-size:inherit !important; line-height:inherit !important; font-weight:400 !important; } } @media (max-width:1024px){ .sag-single-author-meta-v54, .sag-single-author-meta-v54 span{ font-size:15px !important; line-height:1.18 !important; } .sag-single-author-extra-title-v320{ font-size:17px !important; line-height:1.18 !important; } } @media (max-width:768px){ .sag-single-author-meta-v54, .sag-single-author-meta-v54 span{ font-size:14px !important; line-height:1.18 !important; } .sag-single-author-extra-title-v320{ font-size:16px !important; } } /* ========================================================== v331 Single Author Date/Read Smaller + Designation -2px ========================================================== */ /* Force date + read time smaller on laptop/desktop */ @media (min-width:1025px){ body.single .sag-single-author-row-v54 .sag-single-author-meta-v54, body.single .sag-single-author-row-v54 .sag-single-author-meta-v54 *, body.single .sag-single-author-block-v54 .sag-single-author-meta-v54, body.single .sag-single-author-block-v54 .sag-single-author-meta-v54 span{ font-size:14px !important; line-height:1.15 !important; font-weight:600 !important; } /* Director at company line: 2px smaller than previous */ body.single .sag-single-author-row-v54 .sag-single-author-extra-title-v320, body.single .sag-single-author-row-v54 .sag-single-author-extra-title-v320 *, body.single .sag-single-author-block-v54 .sag-single-author-extra-title-v320, body.single .sag-single-author-block-v54 .sag-single-author-extra-title-v320 *{ font-size:17.5px !important; line-height:1.18 !important; font-weight:400 !important; } body.single .sag-single-author-extra-title-v320{ margin:0 0 2px !important; } } @media (max-width:1024px){ body.single .sag-single-author-meta-v54, body.single .sag-single-author-meta-v54 *{ font-size:13.5px !important; line-height:1.15 !important; } body.single .sag-single-author-extra-title-v320, body.single .sag-single-author-extra-title-v320 *{ font-size:16px !important; line-height:1.18 !important; font-weight:400 !important; } } /* ========================================================== v332 Mobile Author Badge Label Color Fix ========================================================== */ /* Force badge/designation text colors on mobile and all responsive modes */ body.single .sag-author-badge-label-v320.sag-author-badge--sag-staff, body.single .sag-single-author-label-v54.sag-author-badge--sag-staff, body.single .sag-sej-author-box-role.sag-author-badge--sag-staff{ color:#16967f !important; } body.single .sag-author-badge-label-v320.sag-author-badge--top-contributor, body.single .sag-single-author-label-v54.sag-author-badge--top-contributor, body.single .sag-sej-author-box-role.sag-author-badge--top-contributor{ color:#f58220 !important; } body.single .sag-author-badge-label-v320.sag-author-badge--vip-contributor, body.single .sag-single-author-label-v54.sag-author-badge--vip-contributor, body.single .sag-sej-author-box-role.sag-author-badge--vip-contributor{ color:#d8aa34 !important; } @media(max-width:1024px){ body.single .sag-author-badge-label-v320.sag-author-badge--sag-staff, body.single .sag-single-author-label-v54.sag-author-badge--sag-staff, body.single .sag-sej-author-box-role.sag-author-badge--sag-staff{ color:#16967f !important; } body.single .sag-author-badge-label-v320.sag-author-badge--top-contributor, body.single .sag-single-author-label-v54.sag-author-badge--top-contributor, body.single .sag-sej-author-box-role.sag-author-badge--top-contributor{ color:#f58220 !important; } body.single .sag-author-badge-label-v320.sag-author-badge--vip-contributor, body.single .sag-single-author-label-v54.sag-author-badge--vip-contributor, body.single .sag-sej-author-box-role.sag-author-badge--vip-contributor{ color:#d8aa34 !important; } } @media(max-width:768px){ body.single .sag-author-badge-label-v320.sag-author-badge--sag-staff, body.single .sag-single-author-label-v54.sag-author-badge--sag-staff, body.single .sag-sej-author-box-role.sag-author-badge--sag-staff{ color:#16967f !important; } body.single .sag-author-badge-label-v320.sag-author-badge--top-contributor, body.single .sag-single-author-label-v54.sag-author-badge--top-contributor, body.single .sag-sej-author-box-role.sag-author-badge--top-contributor{ color:#f58220 !important; } body.single .sag-author-badge-label-v320.sag-author-badge--vip-contributor, body.single .sag-single-author-label-v54.sag-author-badge--vip-contributor, body.single .sag-sej-author-box-role.sag-author-badge--vip-contributor{ color:#d8aa34 !important; } } /* ========================================================== v333 Mobile Lower Author Box Center + Bio Button Under Bio ========================================================== */ .sag-sej-author-bio-btn-mobile-v333{ display:none !important; } @media(max-width:768px){ body.single .sag-sej-author-box{ display:flex !important; flex-direction:column !important; align-items:center !important; text-align:center !important; } body.single .sag-sej-author-box-left{ align-items:center !important; text-align:center !important; gap:0 !important; margin:0 auto !important; width:100% !important; } body.single .sag-sej-author-box-content{ align-items:center !important; text-align:center !important; width:100% !important; } body.single .sag-sej-author-box-content .sag-sej-author-box-role, body.single .sag-sej-author-box-content h3, body.single .sag-sej-author-box-extra-title-v320, body.single .sag-sej-author-box-bio{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; } body.single .sag-sej-author-box-extra-title-v320{ justify-content:center !important; } body.single .sag-sej-author-box-bio{ max-width:520px !important; line-height:1.20 !important; margin-top:8px !important; margin-bottom:14px !important; } /* Hide old button under avatar only on mobile */ body.single .sag-sej-author-box-left > .sag-sej-author-bio-btn{ display:none !important; } /* Show new button below bio only on mobile */ body.single .sag-sej-author-bio-btn-mobile-v333{ display:inline-flex !important; order:5 !important; margin:0 auto !important; align-self:center !important; justify-content:center !important; align-items:center !important; } } @media(max-width:480px){ body.single .sag-sej-author-box-bio{ line-height:1.16 !important; margin-top:7px !important; margin-bottom:13px !important; } } /* ========================================================== v334 Author Bio Font Size + Tight Line Height ========================================================== */ /* Lower author box bio: laptop + desktop */ body.single .sag-sej-author-box-bio, body.single .sag-sej-author-box-content .sag-sej-author-box-bio{ font-size:19px !important; line-height:1.08 !important; margin-top:4px !important; margin-bottom:13px !important; font-weight:400 !important; } /* Tablet */ @media(max-width:1024px){ body.single .sag-sej-author-box-bio, body.single .sag-sej-author-box-content .sag-sej-author-box-bio{ font-size:18px !important; line-height:1.08 !important; margin-top:4px !important; margin-bottom:13px !important; } } /* Mobile */ @media(max-width:768px){ body.single .sag-sej-author-box-bio, body.single .sag-sej-author-box-content .sag-sej-author-box-bio{ font-size:18px !important; line-height:1.10 !important; margin-top:4px !important; margin-bottom:12px !important; max-width:520px !important; } } /* Small mobile */ @media(max-width:480px){ body.single .sag-sej-author-box-bio, body.single .sag-sej-author-box-content .sag-sej-author-box-bio{ font-size:17px !important; line-height:1.10 !important; margin-top:3px !important; margin-bottom:12px !important; } } /* ========================================================== v335 HARD FIX - Author Bio Font Size + Line Height New class added in markup so old CSS cannot win. ========================================================== */ html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v335, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v335, html body.single p.sag-author-bio-tight-v335, html body p.sag-author-bio-tight-v335{ font-size:18px !important; line-height:1.12 !important; margin-top:2px !important; margin-bottom:12px !important; padding:0 !important; font-weight:400 !important; } @media(max-width:1024px){ html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v335, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v335, html body.single p.sag-author-bio-tight-v335, html body p.sag-author-bio-tight-v335{ font-size:17px !important; line-height:1.10 !important; margin-top:1px !important; margin-bottom:11px !important; } } @media(max-width:480px){ html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v335, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v335, html body.single p.sag-author-bio-tight-v335, html body p.sag-author-bio-tight-v335{ font-size:16px !important; line-height:1.08 !important; margin-top:0 !important; margin-bottom:10px !important; } } /* ========================================================== v336 HARD MARKUP + CSS Author Bio Smaller ========================================================== */ html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v336, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v336, html body.single p.sag-author-bio-tight-v336, html body p.sag-author-bio-tight-v336{ font-size:18px !important; line-height:1.12 !important; margin-top:2px !important; margin-bottom:12px !important; } @media(max-width:768px){ html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v336, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v336, html body.single p.sag-author-bio-tight-v336, html body p.sag-author-bio-tight-v336{ font-size:16px !important; line-height:1.08 !important; margin-top:0 !important; margin-bottom:10px !important; } } /* ========================================================== v337 HARDER Author Bio Smaller - Laptop + Mobile ========================================================== */ html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-sej-author-box-bio, html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v337, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v337, html body p.sag-author-bio-tight-v337{ font-size:16px !important; line-height:1.08 !important; margin-top:0 !important; margin-bottom:10px !important; font-weight:400 !important; } @media(max-width:768px){ html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-sej-author-box-bio, html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v337, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-bio-tight-v337, html body p.sag-author-bio-tight-v337{ font-size:15px !important; line-height:1.06 !important; margin-top:0 !important; margin-bottom:10px !important; } } /* ========================================================== v338 Author Designation 1px Smaller - Laptop + Mobile ========================================================== */ /* Top single post author designation */ @media(min-width:1025px){ body.single .sag-single-author-extra-title-v320, body.single .sag-single-author-extra-title-v320 *, body.single .sag-single-author-row-v54 .sag-single-author-extra-title-v320, body.single .sag-single-author-row-v54 .sag-single-author-extra-title-v320 *{ font-size:16.5px !important; line-height:1.18 !important; font-weight:400 !important; } } @media(max-width:1024px){ body.single .sag-single-author-extra-title-v320, body.single .sag-single-author-extra-title-v320 *, body.single .sag-single-author-row-v54 .sag-single-author-extra-title-v320, body.single .sag-single-author-row-v54 .sag-single-author-extra-title-v320 *{ font-size:15px !important; line-height:1.18 !important; font-weight:400 !important; } } /* Lower author card designation */ @media(min-width:1025px){ body.single .sag-sej-author-box-extra-title-v320, body.single .sag-sej-author-box-extra-title-v320 *{ font-size:15px !important; line-height:1.18 !important; font-weight:400 !important; } } @media(max-width:768px){ body.single .sag-sej-author-box-extra-title-v320, body.single .sag-sej-author-box-extra-title-v320 *{ font-size:23px !important; line-height:1.18 !important; font-weight:400 !important; } } /* ========================================================== v340 HARD FIX - Mobile Lower Author Designation Smaller ========================================================== */ @media(max-width:768px){ html body.single .sag-sej-author-box .sag-sej-author-box-content .sag-author-card-designation-mobile-v340, html body.single .sag-sej-author-box .sag-sej-author-box-content .sag-author-card-designation-mobile-v340 *, html body .sag-sej-author-box .sag-author-card-designation-mobile-v340, html body .sag-sej-author-box .sag-author-card-designation-mobile-v340 *{ font-size:20px !important; line-height:1.16 !important; font-weight:400 !important; } } @media(max-width:480px){ html body.single .sag-sej-author-box .sag-sej-author-box-content .sag-author-card-designation-mobile-v340, html body.single .sag-sej-author-box .sag-sej-author-box-content .sag-author-card-designation-mobile-v340 *, html body .sag-sej-author-box .sag-author-card-designation-mobile-v340, html body .sag-sej-author-box .sag-author-card-designation-mobile-v340 *{ font-size:19px !important; line-height:1.16 !important; font-weight:400 !important; } } /* ========================================================== v341 Mobile Author Name + Designation 1px Gap ========================================================== */ @media(max-width:768px){ body.single .sag-sej-author-box-content h3{ margin-bottom:1px !important; } body.single .sag-sej-author-box .sag-author-card-designation-mobile-v340{ margin-top:1px !important; } } /* ========================================================== v342 MOBILE ONLY - Lower Author Designation 2px Smaller ========================================================== */ @media only screen and (max-width:768px){ html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-card-designation-mobile-v342, html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-card-designation-mobile-v342 span, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-card-designation-mobile-v342, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-card-designation-mobile-v342 span{ font-size:17px !important; line-height:1.15 !important; font-weight:400 !important; } } @media only screen and (max-width:480px){ html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-card-designation-mobile-v342, html body.single .sag-sej-author-box .sag-sej-author-box-content p.sag-author-card-designation-mobile-v342 span, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-card-designation-mobile-v342, html body .sag-sej-author-box .sag-sej-author-box-content p.sag-author-card-designation-mobile-v342 span{ font-size:17px !important; line-height:1.15 !important; font-weight:400 !important; } } /* ========================================================== v343 Mobile Top Author Name + Equal Spacing ========================================================== */ @media(max-width:768px){ /* Author name 1px bigger on mobile only */ body.single .sag-single-author-row-v54 .sag-single-author-name-v54, body.single .sag-single-author-block-v54 .sag-single-author-name-v54{ font-size:24px !important; line-height:1.08 !important; margin:2px 0 2px !important; padding:0 !important; } /* Equal tight spacing: badge -> name -> designation */ body.single .sag-single-author-row-v54 .sag-single-author-label-v54, body.single .sag-single-author-block-v54 .sag-single-author-label-v54{ display:block !important; margin:0 0 2px !important; padding:0 !important; line-height:1.08 !important; } body.single .sag-single-author-row-v54 .sag-single-author-extra-title-v320, body.single .sag-single-author-block-v54 .sag-single-author-extra-title-v320{ margin:2px 0 2px !important; padding:0 !important; line-height:1.12 !important; } body.single .sag-single-author-row-v54 .sag-single-author-meta-v54, body.single .sag-single-author-block-v54 .sag-single-author-meta-v54{ margin-top:2px !important; } } @media(max-width:480px){ body.single .sag-single-author-row-v54 .sag-single-author-name-v54, body.single .sag-single-author-block-v54 .sag-single-author-name-v54{ font-size:24px !important; line-height:1.08 !important; margin:2px 0 2px !important; } body.single .sag-single-author-row-v54 .sag-single-author-label-v54, body.single .sag-single-author-block-v54 .sag-single-author-label-v54, body.single .sag-single-author-row-v54 .sag-single-author-extra-title-v320, body.single .sag-single-author-block-v54 .sag-single-author-extra-title-v320{ margin-top:2px !important; margin-bottom:2px !important; } } /* ========================================================== v344 Desktop Top Author Name + CEO Line Gap Minor Fix ========================================================== */ @media(min-width:769px){ body.single .sag-single-author-row-v54 .sag-single-author-name-v54, body.single .sag-single-author-block-v54 .sag-single-author-name-v54{ margin-bottom:0 !important; line-height:1.06 !important; } body.single .sag-single-author-row-v54 .sag-single-author-extra-title-v320, body.single .sag-single-author-block-v54 .sag-single-author-extra-title-v320{ margin-top:-1px !important; margin-bottom:2px !important; line-height:1.14 !important; } } /* ========================================================== v345 Author Company Name Linkable ========================================================== */ .sag-author-extra-company-link-v345{ color:#16967f !important; font-weight:400 !important; text-decoration:none !important; } .sag-author-extra-company-link-v345:hover{ color:#16967f !important; text-decoration:underline !important; text-decoration-thickness:2px !important; text-underline-offset:3px !important; } /* ========================================================== v346 Author Company Link Accent Color Restore ========================================================== */ body.single .sag-author-extra-company-link-v345, body.single .sag-single-author-extra-title-v320 .sag-author-extra-company-link-v345, body.single .sag-sej-author-box-extra-title-v320 .sag-author-extra-company-link-v345, body.single .sag-sej-author-box .sag-author-extra-company-link-v345, body.single .sag-single-author-row-v54 .sag-author-extra-company-link-v345, body.single .sag-single-author-block-v54 .sag-author-extra-company-link-v345{ color:#16967f !important; font-weight:400 !important; text-decoration:none !important; } body.single .sag-author-extra-company-link-v345:hover, body.single .sag-single-author-extra-title-v320 .sag-author-extra-company-link-v345:hover, body.single .sag-sej-author-box-extra-title-v320 .sag-author-extra-company-link-v345:hover, body.single .sag-sej-author-box .sag-author-extra-company-link-v345:hover{ color:#16967f !important; text-decoration:underline !important; text-decoration-color:#16967f !important; text-decoration-thickness:2px !important; text-underline-offset:3px !important; } /* Fallback: if company appears as span instead of link */ body.single .sag-author-extra-company-v320{ color:#16967f !important; font-weight:400 !important; } /* ========================================================== v348 Real AdSense Code Rendering ========================================================== */ .sag-ad-clean-box .sag-ad-code{ width:100% !important; max-width:100% !important; margin:0 auto !important; padding:0 !important; text-align:center !important; overflow:visible !important; } .sag-ad-clean-box .sag-ad-code ins.adsbygoogle{ display:block !important; max-width:100% !important; margin:0 auto !important; } /* ========================================================== v349 Hard AdSense Render + No Empty Public Placeholder ========================================================== */ .sag-ad-clean-box .sag-ad-code, .sag-ad-code{ width:100% !important; max-width:100% !important; margin:0 auto !important; padding:0 !important; text-align:center !important; overflow:visible !important; } .sag-ad-clean-box .sag-ad-code ins.adsbygoogle, .sag-ad-code ins.adsbygoogle{ display:block !important; max-width:100% !important; margin:0 auto !important; }