:root{ --nsromz-badge-bg:#101827; --nsromz-badge-color:#fff; --nsromz-title-color:#111318; --nsromz-card-bg:#fff; --nsromz-card-border:#e5e8ed; --nsromz-radius:20px; --nsromz-image-radius:13px; --nsromz-padding:14px; --nsromz-image-ratio:16/10; --nsromz-title-size:17px; --nsromz-mobile-title-size:16px; --nsromz-title-weight:600; } /* * No-flash boot state. * WordPress prints the nsromz-js class in , before the theme paints. * Cards stay invisible for the tiny first scan, so visitors never see the * original Kadence card and then a second redesigned card. */ .nsromz-js:not(.nsromz-scan-complete) :is( .loop-entry, .kt-blocks-post-grid-item, .kb-post-grid-item, .kadence-post-grid-item, .wp-block-post-template > li, .wp-block-query .wp-block-post, .wp-block-kadence-posts article, .wp-block-kadence-postgrid article, .wp-block-kadence-query article, .wp-block-kadence-query-loop article, .kb-query-item, .kb-query-loop-item, .kadence-posts article, .kb-posts article, .kt-post-grid-layout article, .kt-blocks-carousel .kt-blocks-post-grid-item, .kb-splide .splide__slide article, .splide__slide .loop-entry, .swiper-slide article ){ opacity:0!important; visibility:hidden!important; } /* Kill theme metadata before the first visible frame. */ :is( .loop-entry, .kt-blocks-post-grid-item, .kb-post-grid-item, .kadence-post-grid-item, .wp-block-post-template > li, .wp-block-query .wp-block-post, .wp-block-kadence-posts article, .wp-block-kadence-postgrid article, .wp-block-kadence-query article, .wp-block-kadence-query-loop article, .kb-query-item, .kb-query-loop-item, .splide__slide article, .swiper-slide article ) :is( .entry-meta, .post-meta, .post-meta-wrap, .post-meta-data, .kt-blocks-post-grid-item-meta, .kt-post-grid-meta, .kadence-post-grid-item-meta, .kb-post-meta, .kb-query-meta, .wp-block-post-date, .wp-block-post-author, .wp-block-post-author-name, .posted-on, .byline, .posted-by, .post-author, .post-date, .comments-link, .cat-links, .tags-links, .entry-footer, .more-link-wrap, .post-more-link, .wp-block-read-more ){display:none!important;} .nsromz-auto-card{ position:relative!important; box-sizing:border-box!important; background:linear-gradient(180deg,#ffffff 0%,#ffffff 72%,#fcfcfd 100%)!important; border:1px solid var(--nsromz-card-border)!important; border-radius:var(--nsromz-radius)!important; padding:var(--nsromz-padding)!important; box-shadow:0 4px 15px rgba(17,24,39,.055),0 1px 2px rgba(17,24,39,.025)!important; overflow:hidden!important; min-width:0!important; backface-visibility:hidden; transform:translate3d(0,0,0); opacity:1!important; visibility:visible!important; transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease,opacity .16s ease!important; } .nsromz-auto-card::before{ content:""; position:absolute; inset:0 0 auto; height:1px; background:linear-gradient(90deg,transparent,rgba(17,24,39,.08),transparent); pointer-events:none; } .nsromz-card-layout-root{ display:flex!important; flex-direction:column!important; min-width:0!important; height:100%!important; } .nsromz-zone-tax,.nsromz-generated-categories{order:1!important;} .nsromz-zone-title{order:2!important;} .nsromz-zone-image{order:3!important;} /* Category badges */ .nsromz-auto-card .entry-taxonomies, .nsromz-auto-card .kt-blocks-post-grid-item-category, .nsromz-auto-card .wp-block-post-terms, .nsromz-auto-card .kb-post-terms, .nsromz-auto-card .kb-post-categories, .nsromz-auto-card .post-categories, .nsromz-auto-card .nsromz-generated-categories{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; gap:7px!important; margin:0 0 17px!important; padding:0!important; list-style:none!important; } .nsromz-auto-card .entry-taxonomies a, .nsromz-auto-card .kt-blocks-post-grid-item-category a, .nsromz-auto-card .wp-block-post-terms a, .nsromz-auto-card .kb-post-terms a, .nsromz-auto-card .kb-post-categories a, .nsromz-auto-card .post-categories a, .nsromz-auto-card .nsromz-generated-categories a, .nsromz-auto-card .nsromz-more-badge{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:27px!important; padding:5px 10px!important; background:linear-gradient(180deg,#111a2a 0%,var(--nsromz-badge-bg) 100%)!important; color:var(--nsromz-badge-color)!important; border:1px solid rgba(255,255,255,.04)!important; border-radius:8px!important; box-shadow:0 3px 7px rgba(0,0,0,.12)!important; font-size:10.5px!important; font-weight:700!important; line-height:1.05!important; text-decoration:none!important; text-transform:uppercase!important; letter-spacing:.02em!important; white-space:nowrap!important; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important; } .nsromz-auto-card .nsromz-more-badge{opacity:.76!important;cursor:default!important;} /* Title - deliberately lighter than the previous version. */ .nsromz-auto-card .entry-title, .nsromz-auto-card .kt-blocks-post-grid-item-title, .nsromz-auto-card .wp-block-post-title, .nsromz-auto-card .kb-post-title, .nsromz-auto-card .post-title{ margin:1px auto 21px!important; padding:0 8px!important; max-width:94%!important; min-height:2.55em!important; color:var(--nsromz-title-color)!important; font-size:var(--nsromz-title-size)!important; font-weight:var(--nsromz-title-weight)!important; line-height:1.34!important; text-align:center!important; letter-spacing:-.008em!important; display:-webkit-box!important; -webkit-line-clamp:3!important; -webkit-box-orient:vertical!important; overflow:hidden!important; } .nsromz-auto-card .entry-title a, .nsromz-auto-card .kt-blocks-post-grid-item-title a, .nsromz-auto-card .wp-block-post-title a, .nsromz-auto-card .kb-post-title a, .nsromz-auto-card .post-title a{ color:inherit!important; font-weight:var(--nsromz-title-weight)!important; text-decoration:none!important; } /* Featured image */ .nsromz-auto-card .post-thumbnail, .nsromz-auto-card .kadence-post-image, .nsromz-auto-card .kt-blocks-post-grid-item-inner .kt-blocks-post-grid-item-img, .nsromz-auto-card .wp-block-post-featured-image, .nsromz-auto-card .kb-post-featured-image, .nsromz-auto-card figure.wp-block-post-featured-image, .nsromz-auto-card .post-image{ display:block!important; width:auto!important; margin:auto 16px 16px!important; overflow:hidden!important; border:1px solid rgba(17,24,39,.065)!important; border-radius:var(--nsromz-image-radius)!important; aspect-ratio:var(--nsromz-image-ratio)!important; background:#f4f6f8!important; box-shadow:0 2px 8px rgba(17,24,39,.045)!important; } .nsromz-auto-card .post-thumbnail img, .nsromz-auto-card .kadence-post-image img, .nsromz-auto-card .kt-blocks-post-grid-item-img img, .nsromz-auto-card .wp-block-post-featured-image img, .nsromz-auto-card .kb-post-featured-image img, .nsromz-auto-card .post-image img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; margin:0!important; border-radius:inherit!important; transform:scale(1); transition:transform .36s cubic-bezier(.2,.75,.25,1),filter .36s ease!important; } .nsromz-auto-card .entry-content-wrap, .nsromz-auto-card .kt-blocks-post-grid-item-inner{ background:transparent!important; box-shadow:none!important; } /* Nothing except categories, title and image is allowed as post meta. */ .nsromz-auto-card :is( .entry-meta,.post-meta,.post-meta-wrap,.post-meta-data, .kt-blocks-post-grid-item-meta,.kt-post-grid-meta,.kadence-post-grid-item-meta, .kb-post-meta,.kb-query-meta,.wp-block-post-date,.wp-block-post-author, .wp-block-post-author-name,.posted-on,.byline,.posted-by,.post-author,.post-date, .comments-link,.cat-links,.tags-links,.entry-footer,.more-link-wrap,.post-more-link, .wp-block-read-more,.nsromz-meta-hidden ){display:none!important;} .nsromz-auto-card .entry-summary, .nsromz-auto-card .kt-blocks-post-grid-item-excerpt, .nsromz-auto-card .wp-block-post-excerpt, .nsromz-auto-card .kb-post-excerpt{display:none!important;} .nsromz-auto-card .post-thumbnail.kadence-thumbnail-ratio-inherit, .nsromz-auto-card .post-thumbnail[class*="kadence-thumbnail-ratio"]{height:auto!important;} .nsromz-auto-card .post-thumbnail[class*="kadence-thumbnail-ratio"]::after{display:none!important;content:none!important;} .nsromz-auto-card .post-thumbnail[class*="kadence-thumbnail-ratio"] img{position:static!important;} @media (hover:hover) and (pointer:fine){ .nsromz-auto-card:hover{ transform:translate3d(0,-5px,0)!important; border-color:#d3d8df!important; box-shadow:0 16px 34px rgba(17,24,39,.105),0 3px 8px rgba(17,24,39,.04)!important; } .nsromz-auto-card:hover .post-thumbnail img, .nsromz-auto-card:hover .kadence-post-image img, .nsromz-auto-card:hover .kt-blocks-post-grid-item-img img, .nsromz-auto-card:hover .wp-block-post-featured-image img, .nsromz-auto-card:hover .kb-post-featured-image img, .nsromz-auto-card:hover .post-image img{ transform:scale(1.028)!important; filter:saturate(1.025) contrast(1.01)!important; } .nsromz-auto-card .nsromz-generated-categories a:hover{ transform:translateY(-1px)!important; box-shadow:0 5px 11px rgba(0,0,0,.17)!important; filter:brightness(1.05)!important; } } .splide__slide .nsromz-auto-card, .swiper-slide .nsromz-auto-card, .kt-blocks-carousel .nsromz-auto-card, .kb-splide .nsromz-auto-card, .kb-carousel .nsromz-auto-card{height:100%!important;} @media (max-width:1024px){ .nsromz-auto-card .post-thumbnail, .nsromz-auto-card .kadence-post-image, .nsromz-auto-card .kt-blocks-post-grid-item-inner .kt-blocks-post-grid-item-img, .nsromz-auto-card .wp-block-post-featured-image, .nsromz-auto-card .kb-post-featured-image, .nsromz-auto-card figure.wp-block-post-featured-image, .nsromz-auto-card .post-image{margin-left:14px!important;margin-right:14px!important;} } @media (max-width:680px){ .nsromz-auto-card{border-radius:16px!important;padding:12px!important;} .nsromz-auto-card .entry-title, .nsromz-auto-card .kt-blocks-post-grid-item-title, .nsromz-auto-card .wp-block-post-title, .nsromz-auto-card .kb-post-title, .nsromz-auto-card .post-title{ font-size:var(--nsromz-mobile-title-size)!important; margin-bottom:18px!important; min-height:auto!important; max-width:98%!important; } .nsromz-auto-card .nsromz-generated-categories{gap:5px!important;margin-bottom:14px!important;} .nsromz-auto-card .post-thumbnail, .nsromz-auto-card .kadence-post-image, .nsromz-auto-card .kt-blocks-post-grid-item-inner .kt-blocks-post-grid-item-img, .nsromz-auto-card .wp-block-post-featured-image, .nsromz-auto-card .kb-post-featured-image, .nsromz-auto-card figure.wp-block-post-featured-image, .nsromz-auto-card .post-image{margin-left:8px!important;margin-right:8px!important;margin-bottom:10px!important;} } @media (prefers-reduced-motion:reduce){ .nsromz-auto-card,.nsromz-auto-card img,.nsromz-auto-card a{transition:none!important;transform:none!important;} }