.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.alignleft {
float: left;
margin: 0 1.5em 1em 0;
}
.alignright {
float: right;
margin: 0 0 1em 1.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.5em;
}
.wp-caption img {
display: block;
margin: 0 auto;
}
.wp-caption-text,
.gallery-caption {
margin: .65em 0 0;
color: #667085;
font-size: .875em;
line-height: 1.5;
text-align: center;
}
.sticky {
position: relative;
}
.bypostauthor {
position: relative;
} .screen-reader-text {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.screen-reader-text:focus {
position: fixed !important;
top: 8px;
left: 8px;
z-index: 100000;
width: auto;
height: auto;
padding: 12px 16px;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}:root {
--nf-container: 1600px;
--nf-font-size: 16px;
--nf-heading-weight: 400;
--nf-accent: #d81b60;
--nf-secondary: #6c5ce7;
--nf-tertiary: #00c2a8;
--nf-warning: #ffb703;
--nf-ink: #172033;
--nf-muted: #657089;
--nf-surface: #fff;
--nf-page: #f4f6fb;
--nf-dark: #111827;
--nf-border: rgba(23,32,51,.1);
--nf-shadow: 0 24px 70px rgba(39,48,76,.12);
--nf-soft-shadow: 0 12px 35px rgba(39,48,76,.08);
--nf-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: auto;
}
body {
margin: 0;
background: var(--nf-page);
color: var(--nf-ink);
font-family: var(--nf-font);
font-size: var(--nf-font-size);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
}
body.nf-menu-open {
overflow: hidden;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
color: inherit;
text-decoration: none;
}
button,
input,
select,
textarea {
font: inherit;
}
button {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
line-height: 1.08;
letter-spacing: -.035em;
margin-top: 0;
}
p {
margin-top: 0;
}
.nf-container {
margin-inline: auto;
}
.nf-main {
min-height: 60vh;
}
.nf-icon {
width: 20px;
height: 20px;
display: inline-block;
flex: none;
}
.screen-reader-text {
border: 0;
clip: rect(1px,1px,1px,1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus,
.nf-skip-link:focus {
clip: auto !important;
clip-path: none;
height: auto;
width: auto;
background: #fff;
color: #111;
padding: 14px 18px;
z-index: 100000;
top: 8px;
left: 8px;
}
.nf-card-link {
position: absolute;
inset: 0;
z-index: 3;
}
.nf-icon-button {
width: 46px;
height: 46px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--nf-border);
border-radius: 15px;
background: var(--nf-surface);
color: var(--nf-ink);
transition: .25s ease;
}
.nf-icon-button:hover,
.nf-icon-button:focus-visible {
transform: translateY(-2px);
border-color: var(--nf-secondary);
color: var(--nf-secondary);
}
.nf-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
border-radius: 14px;
padding: 13px 18px;
font-weight: 400;
transition: .25s ease;
position: relative;
z-index: 4;
}
.nf-button:hover {
transform: translateY(-2px);
}
.nf-button-dark {
background: var(--nf-dark);
color: #fff;
}
.nf-brandbar {
background: var(--nf-surface);
border-bottom: 1px solid var(--nf-border);
}
.nf-brandbar-inner {
min-height: 116px;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 26px;
}
.nf-brand {
text-align: left;
}
.nf-brand-kicker {
margin: 5px 0 0;
color: var(--nf-muted);
font-size: 13px;
font-weight: 400;
}
.custom-logo {
max-height: 65px;
width: auto;
}
.nf-navbar {
background: var(--nf-surface);
border-bottom: 1px solid var(--nf-border);
position: relative;
z-index: 50;
}
.nf-navbar-inner {
min-height: 61px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.nf-nav-list {
display: flex;
align-items: center;
gap: 5px;
list-style: none;
margin: 0;
padding: 0;
}
.nf-nav-list a {
display: flex;
align-items: center;
padding: 18px 14px;
font-size: 14px;
font-weight: 400;
transition: .2s ease;
}
.nf-nav-list>li>a:hover,
.nf-nav-list>.current-menu-item>a {
background: rgba(108,92,231,.09);
color: var(--nf-secondary);
}
.nf-nav-list .menu-item-has-children {
position: relative;
}
.nf-nav-list .sub-menu {
position: absolute;
top: calc(100% + 7px);
left: 0;
min-width: 230px;
padding: 10px;
list-style: none;
background: var(--nf-surface);
border: 1px solid var(--nf-border);
box-shadow: var(--nf-shadow);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: .2s ease;
}
.nf-nav-list li:hover>.sub-menu,
.nf-nav-list li:focus-within>.sub-menu {
opacity: 1;
visibility: visible;
transform: none;
}
.nf-nav-list .sub-menu a {
padding: 11px 12px;
}
.nf-search-form {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 8px 8px 18px;
background: var(--nf-page);
border: 1px solid var(--nf-border);
border-radius: 18px;
width: 100%;
}
.nf-search-form input {
border: 0;
background: transparent;
min-width: 0;
width: 100%;
color: var(--nf-ink);
}
.nf-search-form button {
border: 0;
background: var(--nf-dark);
color: #fff;
border-radius: 12px;
padding: 11px 16px;
font-weight: 400;
}
.nf-ticker-inner {
min-height: 50px;
display: grid;
align-items: center;
overflow: hidden;
}
.nf-ticker strong {
display: flex;
align-items: center;
gap: 8px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: .08em;
}
.nf-ticker strong span {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--nf-accent);
animation: pnPulse 1.8s infinite;
}
.nf-ticker-track {
overflow: hidden;
font-size: 13px;
font-weight: 400;
}
.nf-ticker-track a {
position: relative;
}
@keyframes pnPulse {
50% {
box-shadow: 0 0 0 7px rgba(255,61,129,.12);
}
}
.nf-eyebrow {
display: inline-flex;
color: var(--nf-accent);
font-size: 12px;
font-weight: 400;
letter-spacing: .13em;
text-transform: uppercase;
margin-bottom: 11px;
}
.nf-post-media {
height: 100%;
overflow: hidden;
background: linear-gradient(135deg,var(--nf-secondary),var(--nf-accent));
}
.nf-post-media img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .6s cubic-bezier(.2,.7,.2,1);
}
.nf-card-link:hover~.nf-post-media img,
.nf-story-card:hover .nf-post-media img,
.nf-editor-card:hover .nf-post-media img {
transform: scale(1.045);
}
.nf-image-fallback {
height: 100%;
position: relative;
overflow: hidden;
background: linear-gradient(135deg,var(--nf-secondary),var(--nf-accent) 50%,var(--nf-warning));
}
.nf-image-fallback span {
position: absolute;
border-radius: 50%;
filter: blur(2px);
background: rgba(255,255,255,.18);
}
.nf-image-fallback span:nth-child(1) {
width: 55%;
aspect-ratio: 1;
right: -10%;
top: -20%;
}
.nf-image-fallback span:nth-child(2) {
width: 35%;
aspect-ratio: 1;
left: 10%;
bottom: -15%;
}
.nf-image-fallback span:nth-child(3) {
width: 18%;
aspect-ratio: 1;
left: 45%;
top: 25%;
background: rgba(255,255,255,.28);
}
.nf-category-badge {
display: inline-flex;
align-items: center;
padding: 7px 10px;
border-radius: 999px;
background: var(--nf-accent);
color: #fff;
font-size: 10px;
line-height: 1;
font-weight: 400;
letter-spacing: .08em;
text-transform: uppercase;
position: relative;
z-index: 4;
}
.nf-post-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
color: var(--nf-muted);
font-size: 12px;
font-weight: 400;
}
.nf-post-meta .nf-icon {
width: 15px;
height: 15px;
}
.nf-post-meta a:hover {
color: var(--nf-accent);
}
.nf-content-section {
padding: 70px 0;
}
.nf-content-layout {
display: grid;
grid-template-columns: minmax(0,1fr) 320px;
align-items: start;
}
.nf-section-heading {
display: flex;
align-items: end;
gap: 24px;
margin-bottom: 26px;
}
.nf-section-heading h2 {
margin: 0;
}
.nf-section-line {
height: 1px;
background: linear-gradient(90deg,var(--nf-border),transparent);
flex: 1;
margin-bottom: 9px;
}
.nf-latest-grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 22px;
}
.nf-story-card {
position: relative;
background: var(--nf-surface);
border: 1px solid var(--nf-border);
border-radius: var(--nf-radius);
overflow: hidden;
box-shadow: var(--nf-soft-shadow);
transition: .3s ease;
}
.nf-story-card:hover {
transform: translateY(-5px);
box-shadow: var(--nf-shadow);
}
.nf-story-card>.nf-post-media {
height: 220px;
}
.nf-story-featured {
grid-column: 1/-1;
display: grid;
grid-template-columns: 1.18fr .82fr;
}
.nf-story-body {
padding: 24px;
}
.nf-story-featured .nf-story-body {
display: flex;
flex-direction: column;
justify-content: center;
}
.nf-story-body h3 {
margin: 14px 0 12px;
}
.nf-story-body p {
color: var(--nf-muted);
}
.nf-sidebar-column {
position: static;
display: flex;
flex-direction: column;
gap: 24px;
}
.nf-trending-card,
.nf-widget {
background: var(--nf-surface);
border: 1px solid var(--nf-border);
border-radius: var(--nf-radius);
box-shadow: var(--nf-soft-shadow);
overflow: hidden;
}
.nf-side-title {
display: flex;
align-items: center;
gap: 14px;
padding: 25px 25px 17px;
}
.nf-side-title>span {
width: 48px;
height: 48px;
border-radius: 16px;
background: linear-gradient(135deg,var(--nf-warning),#ff7f50);
display: flex;
align-items: center;
justify-content: center;
color: #4b2d00;
}
.nf-side-title small {
color: var(--nf-muted);
font-size: 11px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .06em;
}
.nf-side-title h2 {
margin: 2px 0 0;
font-size: 24px;
}
.nf-trending-list {
counter-reset: trending;
list-style: none;
padding: 0 20px 20px;
margin: 0;
}
.nf-trending-list li {
counter-increment: trending;
border-top: 1px solid var(--nf-border);
}
.nf-trending-list li>a {
display: grid;
grid-template-columns: 58px 1fr;
gap: 13px;
align-items: center;
padding: 16px 0;
position: relative;
}
.nf-trending-list li>a:before {
content: counter(trending,decimal-leading-zero);
position: absolute;
right: 0;
bottom: 5px;
color: rgba(108,92,231,.12);
font-size: 34px;
font-weight: 400;
}
.nf-trending-thumb {
width: 58px;
height: 58px;
border-radius: 17px;
overflow: hidden;
background: linear-gradient(135deg,var(--nf-secondary),var(--nf-accent));
}
.nf-trending-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.nf-trending-list strong {
font-size: 14px;
line-height: 1.35;
display: block;
padding-right: 23px;
}
.nf-trending-list small {
color: var(--nf-muted);
font-size: 11px;
}
.nf-trending-placeholder {
display: flex;
gap: 12px;
padding: 18px 0;
}
.nf-trending-placeholder>span {
width: 58px;
height: 58px;
border-radius: 16px;
background: var(--nf-page);
}
.nf-trending-placeholder div {
flex: 1;
}
.nf-trending-placeholder i {
display: block;
height: 10px;
border-radius: 10px;
background: var(--nf-page);
margin: 8px 0;
}
.nf-trending-placeholder i:last-child {
width: 55%;
}
.nf-widget {
padding: 25px;
}
.widget-title {
font-size: 22px;
}
.nf-widget ul {
padding-left: 18px;
}
.nf-widget li {
margin: 8px 0;
}
.nf-empty-card {
padding: 50px;
border-radius: var(--nf-radius);
background: var(--nf-surface);
border: 1px dashed rgba(108,92,231,.35);
text-align: center;
}
.nf-empty-card h2,
.nf-empty-card h3 {
font-size: 32px;
}
.nf-editor-section:before {
content: "";
position: absolute;
width: 420px;
height: 420px;
border-radius: 50%;
filter: blur(80px);
background: rgba(108,92,231,.24);
right: -100px;
top: -180px;
}
.nf-editor-grid {
display: grid;
grid-template-columns: repeat(4,minmax(0,1fr));
position: relative;
}
.nf-editor-card {
position: relative;
border-radius: var(--nf-radius);
}
.nf-editor-card:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg,transparent 25%,rgba(4,8,17,.95));
}
.nf-editor-card-body {
z-index: 2;
left: 22px;
right: 22px;
bottom: 22px;
}
.nf-footer-top {
position: relative;
}
.nf-footer-brand p {
margin-top: 18px;
}
.nf-site-footer .widget-title {
font-size: 17px;
color: #fff;
}
.nf-site-footer ul {
list-style: none;
padding: 0;
}
.nf-site-footer li {
margin: 8px 0;
color: #9faabd;
}
.nf-site-footer a:hover {
color: #fff;
}
.nf-footer-bottom {
position: relative;
}
.nf-page-header h1 {
margin: 0;
}
.nf-page-header p,
.nf-archive-description {
color: var(--nf-muted);
font-size: 18px;
}
.nf-archive-layout {
display: grid;
grid-template-columns: minmax(0,1fr) 340px;
gap: 30px;
padding-bottom: 80px;
}
.nf-archive-grid {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 22px;
align-content: start;
}
.nf-archive-card {
position: relative;
background: var(--nf-surface);
border: 1px solid var(--nf-border);
border-radius: var(--nf-radius);
overflow: hidden;
box-shadow: var(--nf-soft-shadow);
}
.nf-archive-card>.nf-post-media {
height: 240px;
}
.nf-archive-card-body {
padding: 24px;
}
.nf-archive-card h2 {
margin: 13px 0 12px;
}
.nf-archive-card p {
color: var(--nf-muted);
}
.nf-sidebar {
position: static;
display: flex;
flex-direction: column;
gap: 22px;
}
.nav-links {
grid-column: 1/-1;
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 20px;
}
.page-numbers {
padding: 11px 15px;
background: var(--nf-surface);
border: 1px solid var(--nf-border);
border-radius: 12px;
font-weight: 400;
}
.page-numbers.current {
background: var(--nf-secondary);
color: #fff;
}
.entry-content {
font-size: 18px;
line-height: 1.85;
}
.entry-content h2 {
font-size: 40px;
margin-top: 1.7em;
}
.entry-content h3 {
font-size: 30px;
margin-top: 1.5em;
}
.entry-content a {
color: var(--nf-secondary);
text-decoration: underline;
text-underline-offset: 3px;
}
.entry-content blockquote {
margin: 40px 0;
padding: 30px 36px;
border-left: 6px solid var(--nf-accent);
background: linear-gradient(135deg,rgba(255,61,129,.08),rgba(108,92,231,.08));
border-radius: 0 var(--nf-radius) var(--nf-radius) 0;
font-size: 1.25em;
font-weight: 400;
}
.entry-content pre {
overflow: auto;
background: var(--nf-dark);
color: #fff;
padding: 22px;
border-radius: 18px;
}
.entry-content table {
width: 100%;
border-collapse: collapse;
}
.entry-content th,
.entry-content td {
border: 1px solid var(--nf-border);
padding: 12px;
}
.post-navigation {
margin: 40px 0;
}
.post-navigation .nav-links {
display: grid;
grid-template-columns: repeat(2,1fr);
}
.post-navigation a {
display: block;
padding: 22px;
border: 1px solid var(--nf-border);
border-radius: 18px;
background: var(--nf-surface);
}
.nf-comments-area {
margin-top: 50px;
}
.comment-list {
list-style: none;
padding: 0;
}
.comment-body {
padding: 24px;
border: 1px solid var(--nf-border);
border-radius: 18px;
margin: 18px 0;
background: var(--nf-surface);
}
.comment-author img {
border-radius: 50%;
float: left;
margin-right: 12px;
}
.comment-form input:not([type=submit]),
.comment-form textarea {
width: 100%;
padding: 13px;
border: 1px solid var(--nf-border);
border-radius: 12px;
background: var(--nf-surface);
color: var(--nf-ink);
}
.comment-form .submit {
border: 0;
border-radius: 13px;
padding: 13px 20px;
background: var(--nf-secondary);
color: #fff;
font-weight: 400;
}
.nf-page-featured {
border-radius: var(--nf-radius);
overflow: hidden;
}
.nf-not-found {
padding: 100px 0;
text-align: center;
max-width: 760px;
}
.nf-not-found>span {
font-size: clamp(100px,20vw,230px);
font-weight: 400;
line-height: .8;
background: linear-gradient(135deg,var(--nf-accent),var(--nf-secondary));
-webkit-background-clip: text;
color: transparent;
}
.nf-not-found h1 {
font-size: 48px;
margin: 35px 0 15px;
}
.nf-not-found .nf-search-form {
margin: 30px 0;
}
@media (max-width:1180px) {
.nf-content-layout {
grid-template-columns: minmax(0,1fr) 320px;
}
.nf-editor-grid {
grid-template-columns: repeat(2,1fr);
}
.nf-footer-top {
grid-template-columns: 1.3fr 1fr 1fr;
}
.nf-footer-top>div:last-child {
display: none;
}
}
@media (max-width:980px) {
.nf-container {
width: min(calc(100% - 28px),var(--nf-container));
}
.nf-brand-kicker {
display: none;
}
.nf-brandbar-inner {
min-height: 88px;
}
.nf-primary-nav {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: min(86vw,390px);
background: var(--nf-surface);
z-index: 100;
padding: 96px 20px 30px;
overflow: auto;
box-shadow: var(--nf-shadow);
}
.nf-primary-nav.is-open {
display: block;
}
.nf-primary-nav .nf-nav-list {
display: block;
}
.nf-primary-nav .nf-nav-list a {
padding: 13px;
}
.nf-primary-nav .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
border: 0;
background: transparent;
padding-left: 15px;
}
.nf-navbar {
display: none;
}
.nf-content-layout,
.nf-archive-layout {
grid-template-columns: 1fr;
}
.nf-sidebar-column,
.nf-sidebar {
position: static;
}
.nf-sidebar-column {
display: grid;
grid-template-columns: repeat(2,1fr);
}
.nf-widget-stack {
grid-column: 1/-1;
}
.nf-archive-grid {
grid-template-columns: repeat(2,1fr);
}
.nf-footer-top {
grid-template-columns: 1fr 1fr;
}
.nf-footer-brand {
grid-column: 1/-1;
}
}
@media (max-width:720px) {
.nf-content-section {
padding: 50px 0;
}
.nf-latest-grid {
grid-template-columns: 1fr;
}
.nf-story-featured {
grid-column: auto;
display: block;
}
.nf-story-featured>.nf-post-media {
height: 260px;
}
.nf-story-featured .nf-story-body {
padding: 25px;
}
.nf-sidebar-column {
display: flex;
}
.nf-editor-grid {
display: flex;
overflow: auto;
scroll-snap-type: x mandatory;
}
.nf-editor-card {
min-width: 78vw;
scroll-snap-align: center;
}
.nf-archive-grid {
grid-template-columns: 1fr;
}
.nf-footer-top {
grid-template-columns: 1fr;
}
.nf-footer-bottom {
display: block;
}
.entry-content {
font-size: 17px;
}
.post-navigation .nav-links {
grid-template-columns: 1fr;
}
}
@media (max-width:480px) {
.nf-brandbar-inner {
grid-template-columns: auto 1fr auto;
gap: 10px;
}
.nf-icon-button {
width: 42px;
height: 42px;
}
.nf-section-heading h2 {
font-size: 34px;
}
.nf-story-card>.nf-post-media {
height: 210px;
}
.nf-editor-card {
min-width: 88vw;
}
.nf-not-found h1 {
font-size: 36px;
}
}
@media (prefers-reduced-motion:reduce) {
*,
*:before,
*:after {
scroll-behavior: auto !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
}
.nf-nav-list a {
border-radius: 10px;
}
.nf-nav-list .sub-menu {
border-radius: 14px;
}
.nf-search-form,
.nf-icon-button,
.nf-button,
.comment-form input:not([type=submit]),
.comment-form textarea {
border-radius: 12px;
}
.nf-page-featured,
.comment-body,
.post-navigation a,
.nf-widget,
.nf-story-card,
.nf-editor-card,
.nf-sidebar .widget,
.nf-search-form button {
border-radius: 16px;
}
.nf-post-media,
.nf-story-featured>.nf-post-media {
border-radius: 16px;
overflow: hidden;
}
.nf-site-header,
.nf-site-footer,
.nf-content-section,
.nf-page-main,
.nf-archive-main {
overflow-x: clip;
}
.nf-ticker {
background: linear-gradient(90deg,#fff6fa,#f5f1ff,#f1fffc);
border-bottom: 1px solid rgba(108,92,231,.08);
}
.nf-ticker-inner {
grid-template-columns: auto minmax(0,1fr);
gap: 18px;
}
.nf-ticker-viewport {
min-width: 0;
overflow: hidden;
position: relative;
}
.nf-ticker-track {
display: inline-flex;
align-items: center;
gap: 36px;
white-space: nowrap;
width: max-content;
min-width: max-content;
will-change: transform;
}
.nf-ticker-track.is-animated {
animation: pnTickerMove 34s linear infinite;
}
.nf-ticker-track:hover,
.nf-ticker-track:focus-within {
animation-play-state: paused;
}
.nf-ticker-track a,
.nf-ticker-track span {
flex: none;
}
.nf-ticker-track a:after {
content: "";
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--nf-secondary);
position: absolute;
right: -20px;
top: 50%;
transform: translateY(-50%);
}
@keyframes pnTickerMove {
0% {
transform: translateX(0);
}
100% {
transform: translateX(calc(-1 * var(--nf-ticker-distance, 50%)));
}
}
.nf-page-header {
padding-top: 56px;
}
.nf-footer-top,
.nf-footer-bottom,
.nf-brandbar-inner,
.nf-navbar-inner,
.nf-page-article {
width: 100%;
}
@media (max-width:980px) {
.nf-page-article {
padding-top: 40px;
}
}
.nf-container {
width: min(calc(100% - 40px),var(--nf-container));
}
.nf-story-card,
.nf-editor-card,
.nf-widget,
.nf-trending-card,
.nf-page-featured,
.comment-body,
.post-navigation a,
.nf-search-form button {
border-radius: 12px;
}
.nf-post-media,
.nf-story-featured>.nf-post-media,
.nf-trending-thumb {
border-radius: 12px;
}
.nf-side-title>span {
border-radius: 12px;
}
.nf-page-article {
margin-inline: auto;
}
.nf-page-article {
padding-top: 42px;
padding-bottom: 80px;
}
.nf-page-header {
padding: 24px 0 26px;
}
.nf-page-featured {
margin-bottom: 28px;
}
.nf-content-layout {
gap: 28px;
}
.nf-site-header .nf-container,
.nf-site-footer .nf-container,
.nf-content-section>.nf-container,
.nf-editor-section .nf-container {
width: min(calc(100% - 40px),var(--nf-container));
margin-inline: auto;
}
.nf-footer-top,
.nf-footer-bottom,
.nf-brandbar-inner,
.nf-navbar-inner {
width: 100%;
}
@media (max-width:980px) {
.nf-page-article {
width: min(calc(100% - 28px),var(--nf-container));
}
.nf-page-article {
padding-top: 34px;
}
}
:root {
--nf-radius: 10px;
}
.nf-article-page {
padding: 28px 0 84px;
background: var(--nf-page);
}
.nf-article-shell {
width: min(calc(100% - 40px),var(--nf-container));
margin-inline: auto;
}
.nf-article-breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 18px;
color: var(--nf-muted);
font-size: 13px;
line-height: 1.5;
}
.nf-article-breadcrumb a {
color: var(--nf-secondary);
font-weight: 400;
}
.nf-article-breadcrumb a:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.nf-article-breadcrumb span[aria-hidden=true] {
opacity: .55;
}
.nf-article-layout {
display: grid;
grid-template-columns: minmax(0,1fr) 320px;
gap: 28px;
align-items: start;
width: 100%;
}
.nf-no-widgets .nf-article-layout {
grid-template-columns: minmax(0,1fr);
}
.nf-article-column {
min-width: 0;
}
.nf-article-card,
.nf-comments-section {
background: var(--nf-surface);
border: 1px solid var(--nf-border);
border-radius: 10px;
box-shadow: var(--nf-soft-shadow);
}
.nf-article-card {
overflow: hidden;
}
.nf-article-header {
padding: 34px 38px 26px;
border-bottom: 1px solid var(--nf-border);
}
.nf-article-category {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 999px;
background: linear-gradient(135deg,var(--nf-tertiary),var(--nf-secondary));
color: #fff;
font-size: 11px;
line-height: 1;
font-weight: 400;
letter-spacing: .055em;
text-transform: uppercase;
margin-bottom: 16px;
}
.nf-article-title {
margin: 0;
color: var(--nf-ink);
font-weight: 400;
}
.nf-article-meta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
height: 50px;
margin: 0;
padding: 0 38px;
background: #f8fbff;
border: 0;
border-radius: 0;
}
.nf-article-author {
display: flex;
align-items: center;
gap: 11px;
min-width: 0;
}
.nf-article-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
display: block;
}
.nf-article-author strong {
display: block;
color: var(--nf-ink);
font-size: 15px;
}
.nf-article-author span {
display: block;
color: var(--nf-muted);
font-size: 13px;
margin-top: 2px;
}
.nf-article-stats {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px 16px;
color: var(--nf-muted);
font-size: 13px;
font-weight: 400;
}
.nf-article-stats>span {
display: inline-flex;
align-items: center;
gap: 6px;
white-space: nowrap;
}
.nf-article-stats .nf-icon {
width: 16px;
height: 16px;
}
.nf-article-hero {
margin: 4px;
background: var(--nf-dark);
border-radius: 14px;
overflow: hidden;
}
.nf-article-hero img {
display: block;
width: 100%;
height: clamp(340px,48vw,660px);
object-fit: cover;
}
.nf-article-hero figcaption {
padding: 10px 38px;
color: var(--nf-muted);
background: var(--nf-page);
background: color-mix(in srgb,var(--nf-page) 78%,var(--nf-surface));
border-bottom: 1px solid var(--nf-border);
font-size: 12px;
line-height: 1.5;
}
.nf-article-content {
width: 100%;
max-width: none;
margin: 0;
padding: 34px 38px 38px;
color: var(--nf-ink);
font-size: 18px;
line-height: 1.85;
}
.nf-article-content>*:first-child {
margin-top: 0;
}
.nf-article-content p {
margin: 0 0 22px;
}
.nf-article-content>p:first-child {
font-size: 20px;
line-height: 1.75;
font-weight: 400;
color: var(--nf-ink);
}
.nf-article-content h2 {
margin: 38px 0 15px;
color: var(--nf-ink);
font-size: 30px;
line-height: 1.22;
letter-spacing: -.025em;
}
.nf-article-content h3 {
margin: 30px 0 12px;
color: var(--nf-ink);
font-size: 24px;
line-height: 1.3;
}
.nf-article-content ul,
.nf-article-content ol {
margin: 0 0 24px 24px;
padding: 0;
}
.nf-article-content li {
margin: 0 0 10px;
padding-left: 3px;
}
.nf-article-content blockquote {
margin: 30px 0;
padding: 24px 26px;
border-left: 5px solid var(--nf-secondary);
border-radius: 0 10px 10px 0;
background: linear-gradient(135deg,rgba(108,92,231,.09),rgba(255,61,129,.07));
color: var(--nf-ink);
font-size: 21px;
line-height: 1.65;
font-weight: 400;
}
.nf-article-content figure {
margin: 30px 0;
}
.nf-article-content figure img {
width: 100%;
border-radius: 10px;
}
.nf-article-content figcaption {
margin-top: 8px;
color: var(--nf-muted);
font-size: 12px;
line-height: 1.5;
}
.nf-article-content pre {
border-radius: 10px;
}
.nf-article-footer {
padding: 0 38px 38px;
}
.nf-article-actions {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 14px;
padding-top: 24px;
border-top: 1px solid var(--nf-border);
}
.nf-article-share-label {
color: var(--nf-ink);
font-size: 14px;
font-weight: 400;
}
.nf-article-tags {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 10px;
min-width: 0;
overflow: hidden;
white-space: nowrap;
}
.nf-article-tags a {
display: block;
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
height: 23px;
padding: 0;
overflow: hidden;
border: 0;
border-radius: 0;
background: transparent;
color: #c31553;
font-size: 14px;
font-weight: 400;
line-height: 23px;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-article-tags a::before {
content: "#";
}
.nf-article-tags a:nth-child(3n+2) {
color: #007f6d;
}
.nf-article-tags a:nth-child(3n) {
color: #3153b7;
}
.nf-article-tags a:hover,
.nf-article-tags a:focus-visible {
color: var(--nf-accent);
text-decoration: underline;
}
.nf-article-author-box {
display: grid;
grid-template-columns: 76px minmax(0,1fr);
gap: 18px;
margin-top: 26px;
padding: 24px;
border: 1px solid var(--nf-border);
border-radius: 10px;
background: var(--nf-page);
background: color-mix(in srgb,var(--nf-page) 70%,var(--nf-surface));
}
.nf-author-box-avatar {
width: 76px;
height: 76px;
border-radius: 50%;
object-fit: cover;
}
.nf-article-author-box h2 {
margin: 0 0 7px;
font-size: 19px;
line-height: 1.25;
}
.nf-article-author-box p {
margin: 0;
color: var(--nf-muted);
font-size: 14px;
line-height: 1.65;
}
.nf-comments-section {
margin-top: 28px;
padding: 28px;
}
.nf-article-section-title {
display: flex;
align-items: center;
gap: 11px;
margin: 0 0 20px;
color: var(--nf-ink);
font-size: 25px;
line-height: 1.25;
}
.nf-article-section-title:before {
content: "";
width: 4px;
height: 28px;
border-radius: 99px;
background: linear-gradient(180deg,var(--nf-secondary),var(--nf-accent));
flex: none;
}
.nf-article-layout>.nf-sidebar {
position: static;
top: auto;
min-width: 0;
}
.nf-article-layout>.nf-sidebar .nf-widget {
border-radius: 10px;
box-shadow: var(--nf-soft-shadow);
}
.nf-comments-section .comment-list {
margin: 0 0 28px;
}
.nf-comments-section .comment-body {
border-radius: 10px;
box-shadow: none;
}
.nf-comment-reply-title {
font-size: 21px;
margin: 0 0 18px;
}
.nf-article-comment-form {
display: grid;
gap: 14px;
}
.nf-article-comment-form p {
margin: 0;
}
.nf-article-comment-form label {
display: block;
margin-bottom: 6px;
color: var(--nf-muted);
font-size: 13px;
font-weight: 400;
}
.nf-article-comment-form input:not([type=submit]):not([type=checkbox]),
.nf-article-comment-form textarea {
width: 100%;
border: 1px solid var(--nf-border);
border-radius: 9px;
background: var(--nf-surface);
color: var(--nf-ink);
padding: 13px 14px;
outline: 2px solid transparent;
outline-offset: 2px;
}
.nf-article-comment-form input:focus-visible,
.nf-article-comment-form textarea:focus-visible {
border-color: var(--nf-secondary);
outline-color: var(--nf-secondary);
box-shadow: 0 0 0 4px rgba(108,92,231,.12);
}
.nf-article-comment-form textarea {
min-height: 140px;
}
.nf-comment-submit {
border: 0;
border-radius: 9px;
padding: 12px 20px;
background: linear-gradient(135deg,var(--nf-secondary),var(--nf-accent));
color: #fff;
font-weight: 400;
}
.nf-comment-submit:hover {
transform: translateY(-1px);
}
@media (max-width:1100px) {
.nf-article-layout {
grid-template-columns: minmax(0,1fr) 290px;
gap: 22px;
}
}
@media (max-width:980px) {
.nf-article-shell {
width: min(calc(100% - 28px),var(--nf-container));
}
.nf-article-layout {
grid-template-columns: 1fr;
}
.nf-article-layout>.nf-sidebar {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 18px;
}
.nf-article-layout>.nf-sidebar .nf-widget {
margin: 0;
}
}
@media (max-width:720px) {
.nf-article-page {
padding-top: 18px;
}
.nf-article-header {
padding: 24px 20px 20px;
}
.nf-article-title {
font-size: 34px;
}
.nf-article-meta {
align-items: flex-start;
flex-direction: column;
height: auto;
min-height: 50px;
margin: 0;
padding: 10px 20px;
}
.nf-article-stats {
justify-content: flex-start;
}
.nf-article-hero img {
height: 300px;
}
.nf-article-hero figcaption {
padding: 9px 20px;
}
.nf-article-content {
padding: 26px 20px 30px;
font-size: 17px;
line-height: 1.78;
}
.nf-article-content>p:first-child {
font-size: 19px;
}
.nf-article-content h2 {
font-size: 25px;
}
.nf-article-footer {
padding: 0 20px 28px;
}
.nf-comments-section {
padding: 22px 18px;
}
.nf-article-author-box {
grid-template-columns: 58px minmax(0,1fr);
padding: 18px;
}
.nf-author-box-avatar {
width: 58px;
height: 58px;
}
.nf-article-layout>.nf-sidebar {
grid-template-columns: 1fr;
}
}
@media (max-width:420px) {
.nf-article-title {
font-size: 29px;
}
.nf-article-hero img {
height: 245px;
}
.nf-article-content {
font-size: 16px;
}
.nf-article-content blockquote {
padding: 20px;
font-size: 18px;
}
}
.nf-article-title {
font-size: clamp(28px,3vw,36px);
letter-spacing: -.03em;
}
.nf-article-card>.nf-comments-section {
margin: 0;
padding: 32px 38px 38px;
border: 0;
border-top: 1px solid var(--nf-border);
border-radius: 0;
background: transparent;
box-shadow: none;
}
.nf-article-card>.nf-comments-section .nf-article-section-title {
margin-bottom: 22px;
}
.nf-article-card>.nf-comments-section .comment-body {
background: var(--nf-page);
background: color-mix(in srgb,var(--nf-page) 55%,var(--nf-surface));
border: 1px solid var(--nf-border);
}
@media (max-width:720px) {
.nf-article-title {
font-size: 28px;
}
.nf-article-card>.nf-comments-section {
padding: 26px 20px 30px;
}
}
@media (max-width:420px) {
.nf-article-title {
font-size: 26px;
}
}
.nf-header-colormag .nf-brandbar {
background: #fff;
border-bottom: 1px solid #d7dce6;
}
.nf-header-colormag .nf-brandbar-inner {
min-height: 96px;
display: grid;
grid-template-columns: auto minmax(320px,1fr);
align-items: center;
gap: 28px;
padding: 16px 0;
}
.nf-header-colormag .nf-brand {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.nf-color-logo {
display: flex;
align-items: center;
gap: 14px;
}
.nf-brand-wordmark {
display: block;
width: clamp(176px, 15vw, 238px);
height: auto;
max-height: 68px;
object-fit: contain;
}
.nf-footer-brand-wordmark {
width: min(220px, 100%);
max-height: 74px;
}
.nf-color-logo-mark {
width: 44px;
height: 44px;
border-radius: 12px;
background: #f71567;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: 400;
line-height: 1;
box-shadow: none;
}
.nf-color-logo-text strong {
display: block;
color: #1b2440;
font-size: 26px;
line-height: 1;
font-weight: 400;
text-transform: uppercase;
letter-spacing: -.04em;
}
.nf-color-logo-text small,
.nf-header-colormag .nf-brand-kicker {
display: block;
margin-top: 5px;
color: #6d7a96;
font-size: 11px;
line-height: 1.2;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .08em;
}
.nf-header-colormag .custom-logo {
max-height: 54px;
width: auto;
}
.nf-header-colormag .nf-leaderboard {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 14px;
padding: 12px 16px;
border: 1px dashed #ff95b7;
border-radius: 16px;
}
.nf-header-colormag .nf-leader-badge {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 10px;
background: #f71567;
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
}
.nf-header-colormag .nf-leader-copy strong {
display: block;
font-size: 12px;
line-height: 1.2;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .04em;
}
.nf-header-colormag .nf-leader-copy small {
display: block;
margin-top: 4px;
color: #5b667f;
font-size: 11px;
font-weight: 400;
}
.nf-header-colormag .nf-leader-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 34px;
padding: 0 18px;
border-radius: 999px;
color: #fff;
font-size: 13px;
font-weight: 400;
white-space: nowrap;
}
.nf-header-colormag .nf-navbar {
border-bottom: 0;
position: relative;
}
.nf-header-colormag .nf-navbar-inner {
min-height: 42px;
justify-content: flex-start;
}
.nf-header-colormag .nf-nav-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 0;
}
.nf-header-colormag .nf-nav-list>li {
position: relative;
}
.nf-header-colormag .nf-nav-list>li>a {
padding: 11px 18px 11px 24px;
border-radius: 0;
color: #fff;
font-size: 16px;
line-height: 1;
text-transform: uppercase;
}
.nf-header-colormag .nf-nav-list>li>a:before {
content: "";
position: absolute;
left: 10px;
top: 50%;
width: 9px;
height: 9px;
border-radius: 50%;
transform: translateY(-50%);
}
.nf-header-colormag .nf-nav-list>li:nth-child(1)>a:before {
background: #ffffff;
}
.nf-header-colormag .nf-nav-list>li:nth-child(2)>a:before {
background: #ff8fb5;
}
.nf-header-colormag .nf-nav-list>li:nth-child(3)>a:before {
background: #26b5ff;
}
.nf-header-colormag .nf-nav-list>li:nth-child(4)>a:before {
background: #33d16b;
}
.nf-header-colormag .nf-nav-list>li:nth-child(5)>a:before {
background: #20d3ff;
}
.nf-header-colormag .nf-nav-list>li:nth-child(6)>a:before {
background: #ff9700;
}
.nf-header-colormag .nf-nav-list>li:nth-child(7)>a:before {
background: #7be450;
}
.nf-header-colormag .nf-nav-list>li:nth-child(8)>a:before {
background: #9a6bff;
}
.nf-header-colormag .nf-nav-list>li:nth-child(9)>a:before {
background: #ff2d55;
}
.nf-header-colormag .nf-nav-list>li>a:hover,
.nf-header-colormag .nf-nav-list>.current-menu-item>a,
.nf-header-colormag .nf-nav-list>.current-menu-ancestor>a {
background: rgba(0,0,0,.12);
color: #fff;
}
.nf-header-colormag .nf-nav-list .sub-menu {
top: 100%;
border-radius: 0 0 14px 14px;
border: 1px solid #efdae3;
box-shadow: 0 18px 48px rgba(21,22,35,.12);
} @media (min-width:981px) {
.nf-header-colormag .nf-navbar-inner,
.nf-header-colormag .nf-primary-nav {
min-width: 0;
width: 100%;
}
.nf-header-colormag .nf-nav-list {
flex-wrap: nowrap;
min-width: 0;
width: 100%;
overflow: visible;
}
.nf-header-colormag .nf-nav-list > li {
flex: 0 0 auto;
}
.nf-header-colormag .nf-nav-overflow-item {
order: -1;
margin-inline: 0 6px;
position: relative;
align-self: stretch;
}
.nf-header-colormag .nf-nav-overflow-toggle {
appearance: none;
display: inline-flex;
align-items: center;
justify-content: center;
width: 46px;
min-width: 46px;
height: 42px;
padding: 0;
border: 0;
border-inline-end: 1px solid rgba(255,255,255,.18);
border-radius: 0;
background: rgba(0,0,0,.12);
color: #fff;
cursor: pointer;
}
.nf-nav-overflow-icon {
width: 19px;
height: 15px;
display: grid;
align-content: space-between;
}
.nf-nav-overflow-icon i {
display: block;
width: 100%;
height: 2px;
border-radius: 99px;
background: currentColor;
}
.nf-header-colormag .nf-nav-overflow-toggle:hover,
.nf-header-colormag .nf-nav-overflow-toggle:focus-visible,
.nf-header-colormag .nf-nav-overflow-item.is-open > .nf-nav-overflow-toggle {
background: rgba(0,0,0,.24);
color: #fff;
}
.nf-header-colormag .nf-nav-overflow-item > .nf-nav-overflow-menu {
top: calc(100% + 8px);
inset-inline-start: 0;
inset-inline-end: auto;
min-width: 290px;
max-width: min(420px, calc(100vw - 32px));
max-height: min(70vh, 560px);
display: none;
padding: 10px;
overflow-y: auto;
overscroll-behavior: contain;
border: 1px solid #eadde4;
border-radius: 12px;
background: #fff;
box-shadow: 0 22px 55px rgba(21,22,35,.18);
opacity: 0;
visibility: hidden;
transform: translateY(10px);
pointer-events: none;
z-index: 250;
}
.nf-header-colormag .nf-nav-overflow-item.is-open > .nf-nav-overflow-menu {
display: block;
opacity: 1;
visibility: visible;
transform: none;
pointer-events: auto;
}
.nf-header-colormag .nf-nav-overflow-menu > li + li {
border-top: 1px solid #f0e8ed;
}
.nf-header-colormag .nf-nav-overflow-menu > li > a {
display: block;
padding: 12px 14px;
border-radius: 8px;
color: #222a3c;
font-size: 14px;
font-weight: 400;
line-height: 1.35;
text-transform: none;
white-space: normal;
overflow-wrap: anywhere;
}
.nf-header-colormag .nf-nav-overflow-menu > li > a:hover,
.nf-header-colormag .nf-nav-overflow-menu > .current-menu-item > a {
background: #fff2f7;
color: var(--nf-accent);
}
.nf-header-colormag .nf-nav-overflow-menu .menu-item-has-children > .sub-menu {
top: 0;
inset-inline-start: 100%;
inset-inline-end: auto;
}
}
@media (max-width:980px) {
.nf-nav-overflow-item {
display: none !important;
}
}
.nf-header-colormag .nf-breaking-bar {
background: #eef1f5;
border-top: 1px solid #d7dce6;
border-bottom: 1px solid #d7dce6;
}
.nf-header-colormag .nf-ticker-inner {
min-height: 40px;
grid-template-columns: auto minmax(0,1fr);
gap: 14px;
}
.nf-header-colormag .nf-ticker strong {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 24px;
padding: 0 12px;
border-radius: 6px;
color: #fff;
font-size: 12px;
font-weight: 400;
letter-spacing: .02em;
text-transform: uppercase;
}
.nf-header-colormag .nf-ticker strong span {
display: none;
}
.nf-header-colormag .nf-ticker-viewport {
min-width: 0;
}
.nf-header-colormag .nf-ticker-track {
font-size: 13px;
font-weight: 400;
color: #29334d;
gap: 32px;
}
.nf-header-colormag .nf-ticker-track a {
padding: 0;
}
.nf-header-colormag .nf-ticker-track a:after {
background: #b8c1d6;
right: -18px;
top: 50%;
transform: translateY(-50%);
}
.nf-page-header h1 {
font-size: clamp(24px,4vw,43px) !important;
line-height: 1.06;
}
.nf-story-featured h3 {
font-size: clamp(20px,2.4vw,34px);
}
.nf-story-body h3 {
font-size: clamp(18px,1.6vw,24px);
}
.nf-archive-card h2 {
font-size: 22px;
}
.nf-section-heading h2 {
font-size: clamp(26px,3vw,40px);
}
@media (max-width:980px) {
.nf-header-colormag .nf-brandbar-inner {
grid-template-columns: auto 1fr;
gap: 12px;
}
.nf-header-colormag .nf-leaderboard {
grid-column: 1/-1;
}
.nf-header-colormag .nf-navbar {
display: block;
}
.nf-header-colormag .nf-navbar-inner {
min-height: 0;
padding: 0;
}
.nf-header-colormag .nf-primary-nav {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: min(86vw,390px);
background: #fff;
z-index: 100;
padding: 84px 18px 24px;
overflow: auto;
box-shadow: 0 18px 60px rgba(20,27,44,.18);
}
.nf-header-colormag .nf-primary-nav.is-open {
display: block;
}
.nf-header-colormag .nf-primary-nav .nf-nav-list {
display: block;
}
.nf-header-colormag .nf-primary-nav .nf-nav-list>li>a {
color: #1b2440;
padding: 14px 14px 14px 28px;
}
.nf-header-colormag .nf-primary-nav .nf-nav-list>li>a:hover,
.nf-header-colormag .nf-primary-nav .nf-nav-list>.current-menu-item>a,
.nf-header-colormag .nf-primary-nav .nf-nav-list>.current-menu-ancestor>a {
background: #f5f7fb;
color: #1b2440;
}
.nf-header-colormag .nf-primary-nav .sub-menu {
position: static;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
border: 0;
background: transparent;
padding-left: 18px;
}
.nf-header-colormag .nf-ticker-track {
gap: 24px;
}
.nf-header-colormag .nf-ticker strong {
padding: 0 10px;
font-size: 11px;
}
}
@media (max-width:640px) {
.nf-color-logo-text strong {
font-size: 22px;
}
.nf-color-logo-text small,
.nf-header-colormag .nf-brand-kicker {
font-size: 10px;
}
.nf-header-colormag .nf-leaderboard {
grid-template-columns: 1fr;
justify-items: start;
}
.nf-header-colormag .nf-leader-button {
width: 100%;
}
.nf-page-header h1 {
font-size: clamp(22px,8vw,34px) !important;
}
}
.nf-page-article {
width: min(calc(100% - 40px),var(--nf-container)) !important;
max-width: none;
}
.nf-page-header {
max-width: none;
}
.nf-primary-nav {
display: block;
}
.nf-latest-grid,
.nf-editor-grid,
.nf-archive-grid,
.nf-sidebar-column,
.nf-widget-stack,
.nf-article-layout,
.nf-content-layout,
.nf-article-layout>.nf-sidebar {
gap: 15px !important;
}
.nf-story-featured {
column-gap: 15px;
}
.post-navigation .nav-links {
gap: 15px;
}
.nf-comments-area .comment-list {
display: grid;
gap: 15px;
}
.nf-comments-area .comment-body {
margin: 0;
}
@media (max-width:980px) {
.nf-latest-grid,
.nf-editor-grid,
.nf-archive-grid,
.nf-sidebar-column,
.nf-widget-stack,
.nf-article-layout,
.nf-content-layout,
.nf-article-layout>.nf-sidebar {
gap: 15px !important;
}
}
.nf-content-section {
padding-top: 38px;
}
.nf-story-body h3,
.nf-story-featured h3,
.nf-editor-card h3,
.nf-archive-card h2,
.nf-trending-list strong {
font-weight: 400 !important;
letter-spacing: -.015em;
}
.nf-story-body h3,
.nf-story-featured h3 {
line-height: 1.22;
}
.nf-editor-card h3,
.nf-archive-card h2 {
line-height: 1.25;
}
.nf-article-title,
.nf-page-header h1,
.nf-archive-main .nf-page-header h1,
.nf-not-found h1 {
font-weight: 400 !important;
letter-spacing: -.025em;
}
.nf-article-title {
line-height: 1.14;
}
@media (max-width:980px) {
.nf-article-title,
.nf-page-header h1,
.nf-archive-main .nf-page-header h1,
.nf-not-found h1 {
font-weight: 400 !important;
}
}
.nf-header-colormag .nf-nav-list>li>a {
font-weight: 400 !important;
letter-spacing: 0;
}
.nf-header-colormag .nf-primary-nav .nf-nav-list>li>a {
font-weight: 400 !important;
}
.nf-story-featured .nf-story-body {
padding: 20px 28px !important;
}
.nf-story-featured .nf-story-body p {
margin-bottom: 12px;
}
@media (max-width:720px) {
.nf-story-featured .nf-story-body {
padding: 18px 20px !important;
}
}
.nf-story-featured {
min-height: 290px !important;
}
.nf-story-featured>.nf-post-media {
height: 290px !important;
}
.nf-site,
.nf-site * {
font-weight: 400 !important;
}
.nf-site strong,
.nf-site b,
.nf-site th,
.nf-site button,
.nf-site input,
.nf-site select,
.nf-site textarea {
font-weight: 400 !important;
}
@media (max-width:720px) {
.nf-story-featured>.nf-post-media {
height: 230px !important;
}
.nf-story-featured {
min-height: 0 !important;
}
}
.nf-editor-section {
padding: 58px 0;
background: var(--nf-page);
color: var(--nf-ink);
position: relative;
overflow: hidden;
border-top: 1px solid var(--nf-border);
}
.nf-editor-section:before {
display: none;
}
.nf-editor-section .nf-eyebrow {
color: var(--nf-accent);
}
.nf-editor-section .nf-section-line {
background: linear-gradient(90deg,var(--nf-border),transparent);
}
.nf-editor-grid {
gap: 15px;
}
.nf-editor-card {
min-height: 0;
background: var(--nf-surface);
border: 1px solid var(--nf-border);
box-shadow: var(--nf-soft-shadow);
display: flex;
flex-direction: column;
overflow: hidden;
}
.nf-editor-card .nf-post-media {
height: 220px;
flex: none;
}
.nf-editor-card:after {
display: none;
}
.nf-editor-card-body {
position: static;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
padding: 18px;
color: var(--nf-ink);
min-height: 150px;
}
.nf-editor-card h3 {
font-size: 20px;
line-height: 1.28;
margin: 0;
color: var(--nf-ink);
font-weight: 400 !important;
}
.nf-editor-card-body>span {
font-size: 12px;
color: var(--nf-muted);
font-weight: 400;
}
.nf-editor-card .nf-category-badge {
margin: 0;
}
.nf-site-footer {
background: #111827;
color: #d9dfeb;
padding: 58px 0 22px;
border-top: 4px solid var(--nf-accent);
position: relative;
overflow: hidden;
}
.nf-footer-top {
display: grid;
grid-template-columns: 1.35fr repeat(3,minmax(0,1fr));
gap: 28px;
padding-bottom: 38px;
}
.nf-footer-brand {
min-width: 0;
}
.nf-footer-logo {
display: inline-flex;
align-items: center;
gap: 12px;
color: #fff;
font-size: 24px;
line-height: 1;
font-weight: 400;
}
.nf-footer-logo .custom-logo-link {
display: block;
}
.nf-footer-logo .custom-logo {
max-height: 48px;
width: auto;
}
.nf-footer-logo-mark {
width: 42px;
height: 42px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--nf-accent);
color: #fff;
font-size: 19px;
font-weight: 400;
}
.nf-footer-brand p {
max-width: 330px;
margin: 18px 0;
color: #9da8bb;
font-size: 14px;
line-height: 1.75;
}
.nf-footer-home-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: #fff;
font-size: 13px;
}
.nf-footer-home-link .nf-icon {
width: 16px;
height: 16px;
}
.nf-footer-column h2,
.nf-site-footer .widget-title {
margin: 0 0 18px;
color: #fff;
font-size: 17px;
line-height: 1.2;
font-weight: 400 !important;
}
.nf-footer-list,
.nf-footer-posts,
.nf-site-footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.nf-footer-list li,
.nf-site-footer li {
margin: 0;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.nf-footer-list a,
.nf-site-footer li>a {
display: block;
padding: 9px 0;
color: #aab4c7;
font-size: 13px;
}
.nf-footer-list a:hover,
.nf-site-footer a:hover {
color: #fff;
}
.nf-footer-posts li {
padding: 0 0 13px;
margin: 0 0 13px;
border-bottom: 1px solid rgba(255,255,255,.08);
}
.nf-footer-posts a {
display: block;
color: #d8deea;
font-size: 13px;
line-height: 1.45;
}
.nf-footer-posts small {
display: block;
margin-top: 5px;
color: #7f8ba0;
font-size: 11px;
}
.nf-site-footer .widget {
background: transparent;
border: 0;
box-shadow: none;
padding: 0;
}
.nf-footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,.1);
color: #7f8ba0;
font-size: 12px;
}
.nf-footer-bottom p {
margin: 0;
}
@media (max-width:1100px) {
.nf-footer-top {
grid-template-columns: 1.2fr 1fr 1fr;
}
.nf-footer-top>section:last-child {
grid-column: 2/4;
}
.nf-editor-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media (max-width:720px) {
.nf-editor-section {
padding: 42px 0;
}
.nf-editor-grid {
display: grid;
grid-template-columns: 1fr;
overflow: visible;
}
.nf-editor-card {
min-width: 0;
}
.nf-editor-card .nf-post-media {
height: 240px;
}
.nf-footer-top {
grid-template-columns: 1fr;
gap: 30px;
}
.nf-footer-top>section:last-child {
grid-column: auto;
}
.nf-footer-bottom p+p {
margin-top: 8px;
}
}
.nf-header-colormag .nf-color-logo-mark {
background: var(--nf-accent) !important;
}
.nf-header-colormag .nf-leaderboard {
border-color: var(--nf-accent) !important;
background: #fff8fc !important;
background: color-mix(in srgb,var(--nf-accent) 4%,#fff) !important;
}
.nf-header-colormag .nf-leader-copy strong {
color: var(--nf-accent) !important;
}
.nf-header-colormag .nf-leader-button {
background: var(--nf-accent) !important;
}
.nf-header-colormag .nf-navbar {
background: var(--nf-accent) !important;
}
.nf-header-colormag .nf-ticker strong {
background: var(--nf-accent) !important;
}
.nf-header-colormag .nf-leaderboard.has-banner-image {
display: block;
min-width: 0;
border-style: solid !important;
background: #fff !important;
}
.nf-leader-image-link {
display: flex;
width: 100%;
min-height: 64px;
max-height: 90px;
align-items: center;
justify-content: center;
overflow: hidden;
}
.nf-leader-image-link img {
display: block;
width: 100%;
height: 90px;
object-fit: contain;
background: #fff;
}
.nf-brand-kicker,
.nf-color-logo-text small {
max-width: 390px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.nf-story-body h3,
.nf-story-featured h3,
.nf-editor-card h3,
.nf-archive-card h2,
.nf-article-title,
.nf-article-content h2,
.nf-article-content h3,
.nf-side-title h2,
.widget-title,
.nf-footer-column h2,
.nf-site-footer .widget-title {
font-weight: 400 !important;
}
.nf-story-card,
.nf-editor-card,
.nf-widget,
.nf-trending-card,
.nf-archive-card,
.nf-article-card,
.nf-comments-section,
.nf-page-featured,
.comment-body,
.post-navigation a {
border-radius: var(--nf-radius) !important;
}
.nf-story-card>.nf-post-media,
.nf-editor-card .nf-post-media,
.nf-archive-card>.nf-post-media,
.nf-page-featured img {
border-radius: var(--nf-radius) !important;
}
@media (max-width:980px) {
.nf-header-colormag .nf-brandbar-inner {
grid-template-columns: auto minmax(0,1fr);
}
.nf-leader-image-link,
.nf-leader-image-link img {
height: auto;
max-height: 90px;
}
}
.nf-header-colormag .nf-leaderboard.has-banner-image {
width: min(100%,728px) !important;
height: 90px !important;
min-height: 90px !important;
max-height: 90px !important;
justify-self: end;
overflow: hidden !important;
padding: 0 !important;
border-radius: 10px !important;
}
.nf-header-colormag .nf-leader-image-link {
display: block !important;
width: 100% !important;
height: 90px !important;
min-height: 90px !important;
max-height: 90px !important;
overflow: hidden !important;
background: #fff;
}
.nf-header-colormag .nf-leader-image-link img {
display: block !important;
width: 100% !important;
height: 90px !important;
min-height: 90px !important;
max-height: 90px !important;
object-fit: cover !important;
object-position: center !important;
margin: 0 !important;
}
.nf-header-colormag .nf-leader-image-link.is-not-linked {
cursor: default;
}
@media (max-width:980px) {
.nf-header-colormag .nf-leaderboard.has-banner-image {
width: 100% !important;
height: auto !important;
min-height: 0 !important;
max-height: none !important;
aspect-ratio: 728/90;
}
.nf-header-colormag .nf-leader-image-link,
.nf-header-colormag .nf-leader-image-link img {
height: 100% !important;
min-height: 0 !important;
max-height: none !important;
}
}
.nf-sidebar,
.nf-widget-stack,
.nf-sidebar-column,
.nf-article-layout>.nf-sidebar {
display: flex !important;
flex-direction: column !important;
gap: 15px !important;
}
.nf-sidebar>.widget,
.nf-widget-stack>.widget,
.nf-sidebar-column>.widget,
.nf-article-layout>.nf-sidebar>.widget {
margin: 0 !important;
}
.nf-sidebar>.nf-widget,
.nf-widget-stack>.nf-widget,
.nf-sidebar-column>.nf-widget,
.nf-article-layout>.nf-sidebar>.nf-widget {
margin-block: 0 !important;
}
@media (max-width:980px) {
.nf-article-layout>.nf-sidebar {
display: grid !important;
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
gap: 15px !important;
}
}
@media (max-width:720px) {
.nf-article-layout>.nf-sidebar {
grid-template-columns: 1fr !important;
}
}
.nf-no-widgets .nf-archive-layout {
grid-template-columns: minmax(0,1fr);
}
.nf-sidebar-column,
.nf-sidebar,
.nf-article-layout>.nf-sidebar {
align-self: start;
}
.nf-content-layout,
.nf-article-layout,
.nf-archive-layout {
align-items: start;
} .nf-utilitybar {
background: #fbf9fd;
color: #5f5770;
border-bottom: 1px solid #ece8f1;
font-size: 12px;
}
.nf-utilitybar-inner {
min-height: 36px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.nf-utilitybar-left,
.nf-utilitybar-right {
display: flex;
align-items: center;
gap: 20px;
min-width: 0;
}
.nf-utility-date {
display: inline-flex;
align-items: center;
gap: 8px;
white-space: nowrap;
color: #312b3b;
}
.nf-utility-date .nf-icon {
width: 15px;
height: 15px;
color: var(--nf-accent);
}
.nf-utility-menu {
min-width: 0;
}
.nf-utility-menu-list {
display: flex;
align-items: center;
gap: 22px;
list-style: none;
padding: 0;
margin: 0;
white-space: nowrap;
}
.nf-utility-menu-list a {
color: #5f5770;
transition: color .2s ease;
}
.nf-utility-menu-list a:hover,
.nf-utility-menu-list a:focus-visible {
color: var(--nf-accent);
}
.nf-utility-socials {
display: flex;
align-items: center;
gap: 7px;
}
.nf-utility-socials a {
width: 26px;
height: 26px;
min-width: 26px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #e4dee8;
border-radius: 50%;
background: #fff;
color: #5b5367;
line-height: 1;
transition: border-color .2s ease, color .2s ease, background-color .2s ease;
}
.nf-utility-socials a:hover,
.nf-utility-socials a:focus-visible {
border-color: color-mix(in srgb,var(--nf-accent) 42%,#fff);
background: color-mix(in srgb,var(--nf-accent) 6%,#fff);
color: var(--nf-accent);
}
.nf-utility-socials .nf-icon {
width: 13px;
height: 13px;
}
@media (max-width:980px) {
.nf-utilitybar-inner {
min-height: 34px;
overflow-x: auto;
scrollbar-width: none;
}
.nf-utilitybar-inner::-webkit-scrollbar {
display: none;
}
.nf-utilitybar-left,
.nf-utilitybar-right {
gap: 14px;
flex: none;
}
.nf-utility-menu-list {
gap: 16px;
}
}
@media (max-width:640px) {
.nf-utilitybar-right {
margin-inline-start: auto;
}
.nf-utility-menu {
display: none;
}
} .nf-utilitybar {
background: #f7f5fa;
color: #4e465d;
border-bottom: 1px solid #e7e2eb;
}
.nf-utilitybar-inner {
min-height: 38px;
}
.nf-utility-date {
font-weight: 400;
}
.nf-utility-menu-list a {
font-weight: 400;
} .nf-story-body .nf-category-badge,
.nf-editor-card-body .nf-category-badge,
.nf-archive-card-body .nf-category-badge,
.nf-page-header .nf-category-badge {
align-self: flex-start !important;
width: auto !important;
max-width: max-content !important;
flex: 0 0 auto !important;
} .nf-nav-list a:focus-visible,
.nf-button:focus-visible,
.nf-card-link:focus-visible,
.nf-footer a:focus-visible,
.entry-content a:focus-visible,
.nf-article-breadcrumb a:focus-visible,
.nf-article-category:focus-visible,
.nf-category-badge:focus-visible {
outline: 2px solid var(--nf-secondary);
outline-offset: 3px;
}
.nf-card-link:focus-visible {
outline-offset: -4px;
border-radius: inherit;
}
.nf-search-form:focus-within {
border-color: var(--nf-secondary);
box-shadow: 0 0 0 3px color-mix(in srgb,var(--nf-secondary) 18%,transparent);
} .nf-custom-header-media {
background: var(--nf-surface);
border-bottom: 1px solid var(--nf-border);
}
.nf-custom-header-media .nf-container {
padding-block: 13px;
}
.nf-custom-header-media img {
display: block;
width: 100%;
height: auto;
max-height: 420px;
object-fit: cover;
border-radius: 10px;
} .nf-article-column,
.nf-content-column,
.nf-archive-layout,
.nf-archive-grid,
.nf-story-card,
.nf-story-body,
.nf-editor-card,
.nf-editor-card-body, .entry-content > .alignwide,
.entry-content > .alignfull {
clear: both;
}
.nf-article-content > .alignwide {
width: calc(100% + 40px);
max-width: calc(100% + 40px);
margin-inline: -20px;
}
.nf-article-content > .alignfull {
width: calc(100% + 76px);
max-width: calc(100% + 76px);
margin-inline: -38px;
}
.nf-page-article > .entry-content > .alignwide {
width: min(1100px, calc(100vw - 40px));
max-width: none;
margin-inline: auto;
}
.nf-page-article > .entry-content > .alignfull {
width: 100vw;
max-width: 100vw;
margin-inline: calc(50% - 50vw);
}
@media (max-width: 980px) {
.nf-article-content > .alignwide,
.nf-article-content > .alignfull {
width: calc(100% + 40px);
max-width: calc(100% + 40px);
margin-inline: -20px;
}
.nf-page-article > .entry-content > .alignwide {
width: 100%;
}
}
.nf-archive-card,
.nf-archive-card-body,
.nf-page-header,
.nf-article-header,
.nf-brand,
.nf-color-logo-text,
.entry-content {
min-width: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.nf-article-title,
.nf-page-header h1,
.nf-story-body h3,
.nf-editor-card h3,
.nf-archive-card h2,
.nf-trending-list strong,
.nf-color-logo-text strong,
.nf-footer-posts a,
.entry-content,
.entry-content a {
max-width: 100%;
white-space: normal;
overflow-wrap: anywhere;
word-break: normal;
}
.nf-icon-button:focus-visible,
.nf-menu-close:focus-visible {
outline: 3px solid var(--nf-secondary);
outline-offset: 3px;
transform: none;
}
.nf-menu-close {
display: none;
}
.nf-nav-backdrop[hidden] {
display: none;
}
.nf-ticker-viewport:hover .nf-ticker-track.is-animated,
.nf-ticker-viewport:focus-within .nf-ticker-track.is-animated {
animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*,
*::before,
*::after {
scroll-behavior: auto !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.nf-ticker-track {
transform: none !important;
}
}
@media (max-width: 980px) {
.nf-header-colormag .nf-primary-nav {
padding-top: 76px;
}
.nf-menu-close {
position: absolute;
top: 16px;
inset-inline-end: 16px;
display: inline-flex;
z-index: 2;
}
.nf-nav-backdrop {
position: fixed;
inset: 0;
z-index: 99;
background: rgba(17, 24, 39, 0.54);
}
.nf-header-colormag .nf-primary-nav {
z-index: 100;
}
}
.nf-header-colormag .nf-brandbar-inner.nf-brandbar-inner-no-banner {
grid-template-columns: auto minmax(280px, 500px);
justify-content: space-between;
}
.nf-home-page-header {
margin-bottom: 24px;
} .nf-header-widget-area .widget,
.nf-header-widget-area .wp-block-image,
.nf-header-widget-area figure {
margin: 0;
}
.nf-header-widget-area .widget-title {
margin: 0 0 8px;
font-size: 14px;
}
.nf-header-widget-area img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
} a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
outline: 2px solid var(--nf-secondary);
outline-offset: 3px;
} .nf-front-page-intro {
display: none;
padding-top: 42px;
padding-bottom: 18px;
}
.nf-front-page-intro .nf-page-header {
padding-bottom: 18px;
}
.nf-front-page-intro .entry-content:empty {
display: none;
}
.nf-static-front-page .nf-content-section {
padding-top: 0;
}
@media (max-width: 700px) {
.nf-front-page-intro {
padding-top: 28px;
padding-bottom: 8px;
}
} body {
margin: 0;
background: #f7f5fa;
}
.nf-site {
width: min(calc(100% - 10px), var(--nf-container));
max-width: var(--nf-container);
min-height: calc(100vh - 10px);
margin: 5px auto;
background: #ffffff;
border: 0;
box-shadow: none;
position: relative;
isolation: isolate;
} .nf-site .nf-container,
.nf-site-header .nf-container,
.nf-site-footer .nf-container,
.nf-content-section > .nf-container,
.nf-editor-section .nf-container {
width: calc(100% - 24px) !important;
max-width: calc(var(--nf-container) - 24px) !important;
margin-inline: auto;
padding-inline: 0;
}
.nf-site .nf-page-article {
width: calc(100% - 24px) !important;
max-width: calc(var(--nf-container) - 24px) !important;
margin-inline: auto;
padding-inline: 0;
}
.nf-site .nf-main,
.nf-site .nf-content-section,
.nf-site .nf-editor-section,
.nf-site .nf-page-main,
.nf-site .nf-archive-main,
.nf-site .nf-article-page {
width: 100%;
max-width: 100%;
background: #ffffff;
} .nf-site .nf-page-article > .entry-content > .alignfull {
width: 100%;
max-width: 100%;
margin-inline: 0;
}
@media (max-width: 980px) {
.nf-site .nf-container,
.nf-site .nf-page-article {
width: calc(100% - 24px) !important;
}
} .nf-header-colormag .nf-brandbar-inner.nf-brandbar-layout {
min-height: 112px;
grid-template-columns: minmax(180px, 240px) minmax(420px, 728px) minmax(260px, 330px);
justify-content: space-between;
gap: 22px;
padding-block: 12px;
}
.nf-header-colormag .nf-brandbar {
position: relative;
overflow: hidden;
background:
radial-gradient(circle at 18% -20%, rgba(216, 27, 96, .08), transparent 28%),
radial-gradient(circle at 82% 120%, rgba(108, 92, 231, .09), transparent 30%),
#fff;
}
.nf-header-colormag .nf-brandbar::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 2px;
background: linear-gradient(90deg, var(--nf-accent), var(--nf-warning), var(--nf-tertiary), var(--nf-secondary));
opacity: .75;
pointer-events: none;
}
.nf-header-colormag .nf-brand,
.nf-header-colormag .nf-header-ad-slot,
.nf-header-colormag .nf-header-search {
position: relative;
z-index: 1;
}
.nf-header-ad-slot {
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
}
.nf-header-ad,
.nf-header-ad-placeholder,
.nf-header-ad-empty {
width: min(100%, 728px);
min-height: 90px;
display: flex;
align-items: center;
justify-content: center;
}
.nf-header-ad {
overflow: hidden;
background: #f7f8fb;
border: 1px solid #e0e4ec;
border-radius: 12px;
}
.nf-header-ad a,
.nf-header-ad .widget,
.nf-header-ad .wp-block-image,
.nf-header-ad figure {
display: block;
width: 100%;
margin: 0;
}
.nf-header-ad-image,
.nf-header-ad img {
display: block;
width: 100%;
height: 90px;
object-fit: cover;
}
.nf-header-default-banner {
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: 72px minmax(0, 1fr) 132px;
align-items: center;
gap: 16px;
padding: 14px 18px;
overflow: hidden;
background:
linear-gradient(120deg, rgba(255,255,255,.92), rgba(255,255,255,.68)),
linear-gradient(135deg, #ffe6f0 0%, #fff1cf 32%, #dffcf6 66%, #e7e3ff 100%);
border: 1px solid rgba(108, 92, 231, .18);
box-shadow: 0 14px 34px rgba(68, 58, 148, .10);
}
.nf-header-default-banner::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 8% 20%, rgba(216, 27, 96, .18), transparent 24%),
radial-gradient(circle at 88% 18%, rgba(255, 183, 3, .24), transparent 24%),
radial-gradient(circle at 74% 110%, rgba(0, 194, 168, .18), transparent 30%),
linear-gradient(115deg, transparent 0 46%, rgba(255,255,255,.72) 46% 48%, transparent 48% 100%);
pointer-events: none;
}
.nf-header-default-banner::after {
content: "";
position: absolute;
z-index: -1;
right: 18%;
top: -38px;
width: 96px;
height: 96px;
border: 18px solid rgba(108, 92, 231, .10);
border-radius: 50%;
transform: rotate(-18deg);
pointer-events: none;
}
.nf-header-ad-left,
.nf-header-ad-meta,
.nf-header-ad-placeholder-copy {
position: relative;
z-index: 1;
}
.nf-header-ad-left {
display: flex;
justify-content: center;
}
.nf-header-ad-badge {
width: 52px;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: linear-gradient(135deg, var(--nf-accent) 0%, #ff7a00 48%, var(--nf-warning) 100%);
color: #fff;
font-size: 13px;
font-weight: 400;
letter-spacing: .08em;
text-transform: uppercase;
box-shadow: 0 12px 24px rgba(216, 27, 96, .18);
}
.nf-header-ad-badge .nf-icon {
width: 25px;
height: 25px;
filter: drop-shadow(0 2px 3px rgba(0,0,0,.18));
}
.nf-header-ad-placeholder-copy {
display: grid;
gap: 3px;
text-align: left;
justify-items: start;
}
.nf-header-showcase-kicker {
color: var(--nf-accent);
font-size: 10px;
font-weight: 400;
letter-spacing: .13em;
line-height: 1;
text-transform: uppercase;
}
.nf-header-ad-placeholder-copy strong {
color: #2f3a50;
font-size: clamp(17px, 1.3vw, 22px);
font-weight: 400;
line-height: 1.12;
letter-spacing: -.025em;
}
.nf-header-ad-placeholder-copy small {
color: #6f788d;
font-size: 12px;
line-height: 1.35;
}
.nf-header-ad-meta {
display: grid;
gap: 5px;
justify-items: end;
align-content: center;
padding: 10px 12px;
border: 1px solid rgba(255,255,255,.8);
border-radius: 14px;
background: rgba(255,255,255,.58);
box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
backdrop-filter: blur(8px);
}
.nf-header-ad-size {
color: var(--nf-secondary);
font-size: 20px;
font-weight: 400;
line-height: 1;
}
.nf-header-ad-slot-label {
color: #68718a;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: .08em;
}
.nf-header-ad-placeholder {
color: #5f6b82;
text-align: center;
}
.nf-header-search {
width: 100%;
max-width: 340px;
justify-self: end;
}
.nf-header-search .nf-search-form-header {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto auto;
align-items: center;
gap: 8px;
min-height: 42px;
padding: 3px 3px 3px 12px;
background: #fff;
border: 1px solid #d8dde7;
border-radius: 999px;
box-shadow: 0 5px 14px rgba(21, 22, 35, 0.06);
}
.nf-header-search .nf-search-form-header > label.screen-reader-text {
position: absolute !important;
}
.nf-header-search .nf-search-form-header > .nf-icon {
width: 17px;
height: 17px;
color: #9099ab;
}
.nf-header-search .nf-search-form-header input {
min-width: 0;
width: 100%;
padding: 0;
border: 0;
background: transparent;
color: #28324b;
font-size: 13px;
}
.nf-header-search .nf-search-form-header input::placeholder {
color: #8d95a8;
}
.nf-header-search-shortcut {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 27px;
padding: 0 7px;
border: 1px solid #dde2eb;
border-radius: 8px;
background: #f5f7fb;
color: #7a8399;
font-size: 11px;
font-weight: 400;
line-height: 1;
}
.nf-header-search .nf-search-form-header button {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 999px;
background: #141414;
color: #fff;
box-shadow: none;
}
.nf-header-search .nf-search-form-header button .nf-icon {
width: 16px;
height: 16px;
}
.nf-header-search .nf-search-form-header button:hover,
.nf-header-search .nf-search-form-header button:focus-visible {
background: #000;
} .nf-site-footer {
background: #fff;
color: #445068;
border-top: 2px solid var(--nf-accent);
}
.nf-footer-logo,
.nf-footer-home-link,
.nf-footer-column h2,
.nf-site-footer .widget-title {
color: #172033;
}
.nf-footer-brand p,
.nf-footer-list a,
.nf-site-footer li > a,
.nf-footer-posts a {
color: #5f6b82;
}
.nf-footer-posts small,
.nf-footer-bottom {
color: #667085;
}
.nf-footer-list li,
.nf-site-footer li,
.nf-footer-posts li {
border-color: #e6e9ef;
}
.nf-footer-list a:hover,
.nf-site-footer a:hover,
.nf-footer-home-link:hover {
color: var(--nf-accent);
}
.nf-footer-bottom {
border-top-color: #e6e9ef;
}
@media (max-width: 1100px) {
.nf-header-colormag .nf-brandbar-inner.nf-brandbar-layout {
grid-template-columns: minmax(180px, 230px) minmax(320px, 1fr);
}
.nf-header-search {
grid-column: 1 / -1;
max-width: 480px;
justify-self: center;
}
}
@media (max-width: 980px) {
.nf-header-colormag .nf-brandbar-inner.nf-brandbar-layout {
grid-template-columns: minmax(0, 1fr);
}
.nf-header-ad-slot,
.nf-header-search {
grid-column: 1 / -1;
width: 100%;
max-width: none;
}
.nf-header-ad,
.nf-header-ad-placeholder,
.nf-header-ad-empty {
width: 100%;
}
.nf-header-search .nf-search-form-header {
grid-template-columns: auto minmax(0, 1fr) auto;
}
.nf-header-search-shortcut {
display: none;
}
.nf-header-default-banner {
grid-template-columns: 60px minmax(0, 1fr) 110px;
}
.nf-header-ad-placeholder-copy strong {
font-size: 18px;
}
}
@media (max-width: 720px) {
.nf-header-default-banner {
grid-template-columns: 1fr;
gap: 8px;
}
.nf-header-ad-left,
.nf-header-ad-meta {
justify-content: center;
}
.nf-header-ad-placeholder-copy {
text-align: center;
justify-items: center;
}
.nf-header-ad-meta {
width: auto;
max-width: none;
margin: 0 auto;
justify-items: center;
}
}
@media (max-width: 640px) {
.nf-header-ad,
.nf-header-ad-placeholder,
.nf-header-ad-empty,
.nf-header-ad-image,
.nf-header-ad img {
min-height: 72px;
height: 72px;
}
.nf-header-default-banner {
grid-template-columns: 44px minmax(0, 1fr);
gap: 10px;
padding: 10px 12px;
}
.nf-header-ad-badge {
width: 42px;
height: 42px;
font-size: 11px;
}
.nf-header-ad-placeholder-copy strong {
font-size: 15px;
}
.nf-header-ad-placeholder-copy small {
display: none;
}
.nf-header-ad-meta {
display: none;
}
} .nf-home-main #latest.nf-content-section {
padding-top: 18px;
} .nf-utilitybar {
font-size: 11px;
}
.nf-utilitybar-inner {
min-height: 30px;
height: 30px;
}
@media (max-width: 980px) {
.nf-utilitybar-inner {
min-height: 30px;
height: 30px;
}
}
.nf-utilitybar-left,
.nf-utilitybar-right {
gap: 15px;
}
.nf-utility-menu-list {
gap: 16px;
}
.nf-utility-menu-list a {
font-size: 11px;
line-height: 30px;
}
.nf-utility-date {
gap: 6px;
font-size: 11px;
line-height: 30px;
}
.nf-utility-date .nf-icon {
width: 13px;
height: 13px;
}
.nf-utility-socials {
gap: 5px;
}
.nf-utility-socials a {
width: 22px;
height: 22px;
min-width: 22px;
}
.nf-utility-socials .nf-icon {
width: 11px;
height: 11px;
}
.nf-footer-powered a {
color: inherit;
}
.nf-footer-powered a:hover,
.nf-footer-powered a:focus-visible {
color: var(--nf-accent);
} .nf-footer-bottom {
justify-content: flex-start;
}
.nf-footer-powered {
display: none;
} .nf-utilitybar {
height: 30px;
overflow: hidden;
}
.nf-utilitybar .nf-utilitybar-inner {
height: 30px;
min-height: 30px;
flex-wrap: nowrap;
}
.nf-utilitybar .nf-utilitybar-left {
height: 30px;
min-width: 0;
flex: 1 1 auto;
flex-wrap: nowrap;
overflow: hidden;
}
.nf-utilitybar .nf-utility-menu {
min-width: 0;
height: 30px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
}
.nf-utilitybar .nf-utility-menu::-webkit-scrollbar {
display: none;
}
.nf-utilitybar .nf-utility-menu-list,
.nf-utilitybar .nf-utility-menu > ul {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 16px !important;
height: 30px;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
white-space: nowrap;
}
.nf-utilitybar .nf-utility-menu-list > li,
.nf-utilitybar .nf-utility-menu > ul > li {
display: block !important;
flex: 0 0 auto;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.nf-utilitybar .nf-utility-menu-list > li::marker,
.nf-utilitybar .nf-utility-menu > ul > li::marker {
content: "";
}
.nf-utilitybar .nf-utility-menu-list a,
.nf-utilitybar .nf-utility-menu > ul a {
display: inline-flex !important;
align-items: center;
height: 30px;
padding: 0 !important;
line-height: 30px !important;
}
.nf-utilitybar .nf-utilitybar-right {
height: 30px;
flex: 0 0 auto;
}
@media (max-width: 640px) {
.nf-utilitybar .nf-utility-menu {
display: block;
}
.nf-utilitybar .nf-utility-socials {
display: none;
}
} .nf-page-layout {
display: grid;
grid-template-columns: minmax(0,1fr) 320px;
gap: 28px;
align-items: start;
padding-top: 42px;
padding-bottom: 80px;
}
.nf-page-content-column {
min-width: 0;
}
.nf-page-layout .nf-page-article {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding-top: 0;
padding-bottom: 0;
}
.nf-default-sidebar-search .nf-search-form {
background: var(--nf-page);
}
.nf-default-recent-list,
.nf-default-category-list {
list-style: none;
margin: 0;
padding: 0 !important;
}
.nf-default-recent-list li,
.nf-default-category-list li {
margin: 0 !important;
border-top: 1px solid var(--nf-border);
}
.nf-default-recent-list li:first-child,
.nf-default-category-list li:first-child {
border-top: 0;
}
.nf-default-recent-list a {
display: grid;
grid-template-columns: 58px minmax(0,1fr);
gap: 12px;
align-items: center;
padding: 13px 0;
}
.nf-default-recent-list .no-post-thumbnail a {
grid-template-columns: minmax(0,1fr);
}
.nf-default-recent-thumb {
width: 58px;
height: 58px;
display: block;
overflow: hidden;
border-radius: 10px;
background: var(--nf-page);
}
.nf-default-recent-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.nf-default-recent-copy {
min-width: 0;
}
.nf-default-recent-copy strong {
display: block;
color: var(--nf-ink);
font-size: 14px;
font-weight: 400;
line-height: 1.35;
}
.nf-default-recent-copy time {
display: block;
margin-top: 5px;
color: var(--nf-muted);
font-size: 11px;
}
.nf-default-category-list a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 11px 0;
color: var(--nf-ink);
font-size: 14px;
}
.nf-default-category-list a span {
min-width: 0;
overflow-wrap: anywhere;
}
.nf-default-category-list small {
min-width: 28px;
padding: 3px 7px;
border-radius: 999px;
background: var(--nf-page);
color: var(--nf-muted);
text-align: center;
font-size: 11px;
}
@media (max-width:980px) {
.nf-page-layout {
grid-template-columns: 1fr;
}
.nf-page-layout > .nf-sidebar,
.nf-archive-layout > .nf-sidebar,
.nf-article-layout > .nf-sidebar {
display: grid !important;
grid-template-columns: repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:720px) {
.nf-page-layout {
padding-top: 28px;
padding-bottom: 55px;
}
.nf-page-layout > .nf-sidebar,
.nf-archive-layout > .nf-sidebar,
.nf-article-layout > .nf-sidebar {
grid-template-columns: 1fr !important;
}
} .nf-nav-list.nf-nav-is-fitting,
.nf-nav-list.nf-nav-is-fitting * {
transition: none !important;
} .nf-home-feed {
position: relative;
}
.nf-headline-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) calc((100% - 15px) / 2 - 150px);
grid-template-rows: repeat(2, minmax(0, 215px));
gap: 15px;
margin-bottom: 15px;
}
.nf-latest-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: none;
}
.nf-latest-grid .nf-story-card {
display: flex;
flex-direction: column;
min-width: 0;
border: 1px solid #e3e8f0;
border-top: 0;
border-radius: 7px;
box-shadow: 0 8px 22px rgba(19, 30, 52, .08);
}
.nf-latest-grid .nf-story-card > .nf-post-media {
height: 170px;
}
.nf-latest-grid .nf-story-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 18px;
}
.nf-latest-grid .nf-story-body h3 {
display: -webkit-box;
min-height: 2.56em;
max-height: 2.56em;
margin: 11px 0 9px;
overflow: hidden;
font-size: 18px;
line-height: 1.28;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-latest-grid .nf-story-body p {
display: -webkit-box;
min-height: 3em;
max-height: 3em;
margin: 0 0 14px;
overflow: hidden;
color: var(--nf-muted);
font-size: 13px;
line-height: 1.5;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-archive-card {
display: flex;
flex-direction: column;
}
.nf-archive-card-body {
display: flex;
flex: 1;
flex-direction: column;
}
.nf-archive-card h2,
.nf-archive-card p {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-archive-card h2 {
min-height: 2.5em;
max-height: 2.5em;
}
.nf-archive-card p {
min-height: 3em;
max-height: 3em;
}
.nf-editor-card-body .nf-story-meta-row,
.nf-archive-card-body .nf-story-meta-row {
width: 100%;
}
.nf-story-meta-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
margin-top: auto;
padding-top: 12px;
border-top: 1px solid #e9edf3;
}
.nf-story-meta-row .nf-post-meta {
flex-wrap: wrap;
color: #64748b;
font-size: 12px;
}
.nf-story-meta-row .nf-post-meta .nf-icon {
display: none;
}
.nf-story-meta-row .nf-post-meta::before,
.nf-story-views::before {
content: "";
display: inline-block;
flex: 0 0 15px;
width: 15px;
height: 15px;
background: #00a88f;
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/calendar3.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/calendar3.svg) center / contain no-repeat;
}
.nf-story-views {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 5px;
padding: 0;
background: transparent;
color: var(--nf-accent);
font-size: 12px;
font-weight: 400;
}
.nf-story-views::before {
background: #e31b62;
-webkit-mask-image: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/eye-fill.svg);
mask-image: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/eye-fill.svg);
} .nf-home-list-section {
margin-top: 20px;
}
.nf-home-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.nf-home-list-card {
position: relative;
display: grid;
grid-template-columns: 108px minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr);
align-items: center;
gap: 0;
height: 120px;
min-height: 120px;
padding: 5px;
overflow: hidden;
border: 1px solid #dde3ec;
border-radius: 7px;
background: #ffffff;
box-shadow: 0 5px 16px rgba(19, 30, 52, .05);
}
.nf-home-list-card > .nf-post-media {
width: 108px;
height: 108px;
min-height: 108px;
border-radius: 7px !important;
overflow: hidden;
}
.nf-home-list-body {
display: flex;
min-width: 0;
overflow: hidden;
flex-direction: column;
padding: 4px 12px;
}
.nf-home-list-topline {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
min-width: 0;
overflow: hidden;
}
.nf-home-list-topline .nf-category-badge {
flex: 0 1 auto;
min-width: 0;
max-width: 62%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-home-list-topline .nf-post-meta {
flex: 0 0 auto;
flex-wrap: nowrap;
gap: 5px;
margin: 0;
color: #64748b;
font-size: 13px;
white-space: nowrap;
}
.nf-home-list-body .nf-category-badge {
align-self: flex-start !important;
width: auto !important;
max-width: max-content !important;
padding: 5px 8px;
font-size: 9px;
}
.nf-home-list-body h3 {
display: -webkit-box;
margin: 5px 0 3px;
overflow: hidden;
font-size: 21px;
line-height: 1.25;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-home-list-body p {
display: -webkit-box;
height: 44px;
margin: auto 0;
overflow: hidden;
color: var(--nf-muted);
font-size: 15px;
line-height: 1.45;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-home-list-keywords {
position: relative;
z-index: 4;
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 10px;
min-width: 0;
margin: 0;
overflow: hidden;
white-space: nowrap;
}
.nf-home-list-keywords a {
display: block;
flex: 0 1 auto;
min-width: 0;
max-width: 100%;
height: 23px;
min-height: 23px;
overflow: hidden;
color: #c31553;
font-size: 14px;
font-weight: 400;
line-height: 23px;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-home-list-keywords a:nth-child(3n+2) {
color: #007f6d;
}
.nf-home-list-keywords a:nth-child(3n) {
color: #3153b7;
}
.nf-home-list-keywords a:hover,
.nf-home-list-keywords a:focus-visible {
color: var(--nf-accent);
text-decoration: underline;
}
.nf-home-list-body .nf-story-meta-row {
width: 100%;
min-width: 0;
flex-wrap: nowrap;
justify-content: flex-start;
margin-top: 0;
overflow: hidden;
padding-top: 4px;
}
.nf-home-list-body .nf-story-meta-row .nf-post-meta,
.nf-home-list-body .nf-story-meta-row .nf-story-views {
font-size: 14px;
}
.nf-home-list-body .nf-story-meta-row .nf-home-list-keywords {
flex: 1 1 auto;
width: 100%;
min-width: 0;
max-width: 100%;
justify-content: flex-start;
overflow: hidden;
}
.nf-home-list-body .nf-home-list-keywords a {
flex: 0 1 auto;
min-width: 0;
max-width: calc((100% - 20px) / 3);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-home-list-body .nf-story-meta-row .nf-post-meta,
.nf-home-list-body .nf-story-meta-row .nf-story-views {
flex-wrap: nowrap;
white-space: nowrap;
}
.nf-home-pulse {
margin-top: 18px;
padding: 18px;
border-radius: 7px;
background: linear-gradient(120deg, #f7fbff 0%, #fff7fb 52%, #fffdf4 100%);
box-shadow: inset 0 0 0 1px rgba(129, 140, 163, .18);
}
.nf-home-pulse-heading {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 13px;
}
.nf-home-pulse-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 38px;
width: 38px;
height: 38px;
border-radius: 50%;
background: #ffe9f2;
color: #e31b62;
}
.nf-home-pulse-icon .nf-icon {
width: 19px;
height: 19px;
}
.nf-home-pulse-heading h2 {
margin: 0;
font-size: 21px;
letter-spacing: 0;
}
.nf-home-pulse-heading p {
margin: 2px 0 0;
color: var(--nf-muted);
font-size: 13px;
}
.nf-home-pulse-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.nf-home-pulse-card {
position: relative;
min-width: 0;
min-height: 158px;
padding: 13px;
overflow: hidden;
border-radius: 7px;
background: #fff;
box-shadow: 0 7px 18px rgba(21, 34, 58, .08);
transition: transform .25s ease, box-shadow .25s ease;
}
.nf-home-pulse-card::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: #e31b62;
}
.nf-home-pulse-card:nth-child(2)::before {
background: #00a88f;
}
.nf-home-pulse-card:nth-child(3)::before {
background: #4c63e8;
}
.nf-home-pulse-card:hover,
.nf-home-pulse-card:focus-within {
transform: translateY(-3px);
box-shadow: 0 11px 24px rgba(21, 34, 58, .13);
}
.nf-home-pulse-topline,
.nf-home-pulse-meta {
display: flex;
align-items: center;
}
.nf-home-pulse-topline {
justify-content: space-between;
gap: 8px;
}
.nf-home-pulse-number {
color: #d8deea;
font-size: 21px;
font-weight: 400;
line-height: 1;
}
.nf-home-pulse-card .nf-category-badge {
width: auto !important;
padding: 4px 7px;
font-size: 9px;
}
.nf-home-pulse-card h3 {
display: -webkit-box;
min-height: 42px;
margin: 10px 0 6px;
overflow: hidden;
font-size: 17px;
line-height: 1.3;
letter-spacing: 0;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-home-pulse-card h3 a:hover,
.nf-home-pulse-card h3 a:focus-visible {
color: var(--nf-accent);
}
.nf-home-pulse-card > p {
display: -webkit-box;
min-height: 34px;
margin: 0 0 10px;
overflow: hidden;
color: var(--nf-muted);
font-size: 13px;
line-height: 1.4;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-home-pulse-meta {
justify-content: space-between;
gap: 7px;
color: #63708a;
font-size: 11px;
}
.nf-home-pulse-meta time,
.nf-home-pulse-meta a,
.nf-home-pulse-views {
display: inline-flex;
align-items: center;
gap: 4px;
min-width: 0;
white-space: nowrap;
}
.nf-home-pulse-meta .nf-icon {
flex: 0 0 13px;
width: 13px;
height: 13px;
}
.nf-home-pulse-views::before {
content: "";
flex: 0 0 13px;
width: 13px;
height: 13px;
background: #e31b62;
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/eye-fill.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/eye-fill.svg) center / contain no-repeat;
}
.nf-home-headline {
min-width: 0;
min-height: 215px;
border: 0;
border-radius: 5px;
background: #111827;
box-shadow: none;
transform: none !important;
}
.nf-story-lead {
grid-column: 1;
grid-row: 1 / span 2;
}
.nf-story-side-top {
grid-column: 2;
grid-row: 1;
}
.nf-story-side-bottom {
grid-column: 2;
grid-row: 2;
}
.nf-home-headline > .nf-post-media {
position: absolute;
inset: 0;
height: 100%;
}
.nf-home-headline .nf-story-body {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 22px;
color: #ffffff;
background: linear-gradient(to top, rgba(5, 9, 18, .94) 0%, rgba(5, 9, 18, .55) 48%, rgba(5, 9, 18, .04) 78%);
}
.nf-home-headline .nf-story-body h3 {
margin: 12px 0 8px;
color: #ffffff;
font-weight: 400 !important;
letter-spacing: 0;
text-shadow: 0 2px 8px rgba(0, 0, 0, .45);
}
.nf-story-lead .nf-story-body h3 {
max-width: 90%;
font-size: clamp(15px, 1.7vw, 26px);
line-height: 1.14;
}
.nf-home-headline .nf-story-body p {
display: -webkit-box;
max-width: 92%;
margin: 0;
overflow: hidden;
color: rgba(255, 255, 255, .88);
font-size: 13px;
line-height: 1.45;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-home-headline .nf-story-meta-row {
justify-content: flex-start;
gap: 14px;
margin-top: 10px;
padding-top: 0;
border-top: 0;
}
.nf-home-headline .nf-post-meta {
display: flex;
color: rgba(255, 255, 255, .88);
}
.nf-home-headline .nf-story-views {
color: #ffffff;
}
.nf-home-headline .nf-story-meta-row .nf-post-meta::before {
background: #2dd4bf;
}
.nf-home-headline .nf-story-views::before {
background: #fb4f93;
}
.nf-story-lead .nf-story-body {
padding-bottom: 42px;
}
.nf-story-side-top .nf-story-body,
.nf-story-side-bottom .nf-story-body {
padding: 17px 18px;
}
.nf-story-side-top .nf-story-body h3,
.nf-story-side-bottom .nf-story-body h3 {
font-size: 18px;
line-height: 1.18;
}
.nf-story-side-top .nf-category-badge,
.nf-story-side-bottom .nf-category-badge {
padding: 6px 9px;
font-size: 9px;
}
.nf-headline-controls {
position: absolute;
inset: 0 0 auto;
z-index: 6;
display: flex;
align-items: center;
justify-content: space-between;
height: 445px;
pointer-events: none;
}
.nf-headline-arrow,
.nf-headline-dots button {
pointer-events: auto;
}
.nf-headline-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 44px;
padding: 0;
border: 1px solid rgba(255, 255, 255, .32);
border-radius: 5px;
background: rgba(10, 14, 22, .62);
color: #ffffff;
box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
}
.nf-headline-arrow:hover,
.nf-headline-arrow:focus-visible {
background: var(--nf-accent);
}
.nf-headline-arrow .nf-icon {
width: 20px;
height: 20px;
}
.nf-headline-prev .nf-icon {
transform: rotate(180deg);
}
.nf-headline-dots {
position: absolute;
bottom: 14px;
left: 31%;
display: flex;
gap: 8px;
transform: translateX(-50%);
}
.nf-headline-dots button {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, .65);
box-shadow: 0 0 0 1px rgba(0, 0, 0, .2);
}
.nf-headline-dots button[aria-current="true"] {
width: 22px;
border-radius: 999px;
background: var(--nf-accent);
}
@media (max-width: 820px) {
.nf-headline-grid {
grid-template-columns: 1fr;
grid-template-rows: 340px repeat(2, 220px);
}
.nf-latest-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.nf-story-lead,
.nf-story-side-top,
.nf-story-side-bottom {
grid-column: 1;
}
.nf-story-lead {
grid-row: 1;
}
.nf-story-side-top {
grid-row: 2;
}
.nf-story-side-bottom {
grid-row: 3;
}
.nf-headline-controls {
height: 340px;
}
.nf-headline-dots {
left: 50%;
}
}
@media (max-width: 820px) {
.nf-home-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 520px) {
.nf-headline-grid {
grid-template-rows: 300px repeat(2, 210px);
}
.nf-latest-grid {
grid-template-columns: 1fr;
}
.nf-headline-controls {
height: 300px;
}
.nf-story-lead .nf-story-body h3 {
max-width: 100%;
font-size: 15px;
}
.nf-home-headline .nf-story-body p {
max-width: 100%;
}
.nf-home-list-card {
grid-template-columns: 1fr;
grid-template-rows: auto auto;
height: auto;
min-height: 0;
}
.nf-home-list-card > .nf-post-media {
height: 210px;
min-height: 210px;
}
.nf-home-pulse {
padding: 14px;
}
.nf-home-pulse-grid {
grid-template-columns: 1fr;
}
.nf-home-pulse-card {
min-height: 150px;
}
} html,
body,
.nf-site {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.nf-site::before,
.nf-site::after {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
} .nf-story-side-top .nf-story-body p,
.nf-story-side-bottom .nf-story-body p {
display: none !important;
}
.nf-story-side-top .nf-story-meta-row,
.nf-story-side-bottom .nf-story-meta-row {
margin-top: 8px !important;
} .nf-category-badge,
.nf-story-body .nf-category-badge,
.nf-editor-card-body .nf-category-badge,
.nf-archive-card-body .nf-category-badge,
.nf-page-header .nf-category-badge,
.nf-home-list-topline .nf-category-badge,
.nf-home-list-body .nf-category-badge,
.nf-home-pulse-card .nf-category-badge,
.nf-story-side-top .nf-category-badge,
.nf-story-side-bottom .nf-category-badge,
.nf-home-list-card .nf-home-list-topline .nf-category-badge {
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: max-content !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
color: var(--nf-category-color, var(--nf-accent)) !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
}
.nf-category-badge:hover,
.nf-category-badge:focus-visible {
color: var(--nf-category-color, var(--nf-accent)) !important;
background: none !important;
} .nf-latest-grid .nf-story-card,
.nf-editor-grid .nf-editor-card {
position: relative;
}
.nf-latest-grid .nf-story-card .nf-category-badge,
.nf-editor-grid .nf-editor-card .nf-category-badge {
position: absolute !important;
top: 14px !important;
left: 14px !important;
z-index: 5 !important;
display: inline-flex !important;
align-items: center !important;
width: auto !important;
max-width: calc(100% - 28px) !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
color: var(--nf-category-color, var(--nf-accent)) !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
} .nf-latest-grid .nf-story-card .nf-category-badge,
.nf-editor-grid .nf-editor-card .nf-category-badge {
display: none !important;
}
.nf-latest-grid .nf-story-body h3,
.nf-latest-grid .nf-story-body h3 a,
.nf-editor-grid .nf-editor-card h3,
.nf-editor-grid .nf-editor-card h3 a {
font-weight: 400 !important;
} .nf-latest-grid .nf-story-body,
.nf-editor-grid .nf-editor-card-body {
display: flex !important;
flex-direction: column !important;
}
.nf-latest-grid .nf-story-card .nf-category-badge,
.nf-editor-grid .nf-editor-card .nf-category-badge {
position: static !important;
display: inline-flex !important;
align-items: center !important;
align-self: flex-start !important;
order: 3 !important;
margin: auto 0 8px 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
color: var(--nf-category-color, var(--nf-accent)) !important;
font-size: 16px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.nf-latest-grid .nf-story-body h3,
.nf-editor-grid .nf-editor-card h3 {
order: 1 !important;
}
.nf-latest-grid .nf-story-body p,
.nf-editor-grid .nf-editor-card-body > span {
order: 2 !important;
}
.nf-latest-grid .nf-story-body .nf-story-meta-row,
.nf-editor-grid .nf-editor-card-body .nf-story-meta-row {
order: 4 !important;
margin-top: 0 !important;
} .nf-home-list-body {
display: grid !important;
grid-template-rows: 27px 19px 18px 25px !important;
align-content: start !important;
align-items: center !important;
row-gap: 2px !important;
}
.nf-home-list-topline {
display: none !important;
}
.nf-home-list-category-row {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
height: 18px !important;
min-height: 18px !important;
overflow: hidden !important;
}
.nf-home-list-category-row .nf-category-badge {
align-self: flex-start !important;
width: auto !important;
max-width: 100% !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
color: var(--nf-category-color, var(--nf-accent)) !important;
font-size: 12px !important;
line-height: 1.15 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.nf-home-list-body .nf-story-meta-row {
margin-top: 0 !important;
} .nf-home-list-card,
.nf-home-list-card .nf-home-list-body h3,
.nf-home-list-card .nf-home-list-body h3 a,
.nf-home-list-card .nf-home-list-body .nf-category-badge,
.nf-home-list-card .nf-home-list-body .nf-story-meta-row,
.nf-home-list-card .nf-home-list-body .nf-story-meta-row .nf-post-meta,
.nf-home-list-card .nf-home-list-body .nf-story-meta-row .nf-post-meta a,
.nf-home-list-card .nf-home-list-body .nf-story-meta-row .nf-story-views,
.nf-home-list-card .nf-home-list-body .nf-story-meta-row .nf-icon {
transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.nf-home-list-card:hover,
.nf-home-list-card:focus-within {
border-color: rgba(236, 31, 100, 0.24);
box-shadow: 0 12px 28px rgba(236, 31, 100, 0.10);
transform: translateY(-2px);
}
.nf-home-list-card:hover .nf-home-list-body h3,
.nf-home-list-card:hover .nf-home-list-body h3 a,
.nf-home-list-card:focus-within .nf-home-list-body h3,
.nf-home-list-card:focus-within .nf-home-list-body h3 a {
color: var(--nf-accent);
}
.nf-home-list-card:hover .nf-home-list-body .nf-category-badge,
.nf-home-list-card:focus-within .nf-home-list-body .nf-category-badge {
color: #ff2d72 !important;
}
.nf-home-list-card:hover .nf-home-list-body .nf-story-meta-row,
.nf-home-list-card:hover .nf-home-list-body .nf-story-meta-row .nf-post-meta,
.nf-home-list-card:hover .nf-home-list-body .nf-story-meta-row .nf-post-meta a,
.nf-home-list-card:hover .nf-home-list-body .nf-story-meta-row .nf-story-views,
.nf-home-list-card:focus-within .nf-home-list-body .nf-story-meta-row,
.nf-home-list-card:focus-within .nf-home-list-body .nf-story-meta-row .nf-post-meta,
.nf-home-list-card:focus-within .nf-home-list-body .nf-story-meta-row .nf-post-meta a,
.nf-home-list-card:focus-within .nf-home-list-body .nf-story-meta-row .nf-story-views {
color: #475569;
}
.nf-home-list-card:hover .nf-home-list-body .nf-story-meta-row .nf-icon,
.nf-home-list-card:focus-within .nf-home-list-body .nf-story-meta-row .nf-icon {
color: var(--nf-accent);
} .nf-home-list-body h3,
.nf-home-list-body h3 a {
font-weight: 400 !important;
}
.nf-home-list-body .nf-story-meta-row .nf-post-meta,
.nf-home-list-body .nf-story-meta-row .nf-post-meta a,
.nf-home-list-body .nf-story-meta-row .nf-story-views {
font-size: 12px !important;
}
.nf-home-list-body .nf-story-meta-row .nf-icon {
width: 14px !important;
height: 14px !important;
} #nf-more-stories .nf-home-list-card,
#nf-more-stories .nf-home-list-card .nf-home-list-body h3,
#nf-more-stories .nf-home-list-card .nf-home-list-body h3 a,
#nf-more-stories .nf-home-list-card .nf-home-list-body .nf-category-badge,
#nf-more-stories .nf-home-list-card .nf-home-list-body .nf-post-meta,
#nf-more-stories .nf-home-list-card .nf-home-list-body .nf-post-meta a,
#nf-more-stories .nf-home-list-card .nf-home-list-body .nf-story-views,
#nf-more-stories .nf-home-list-card .nf-home-list-body .nf-icon {
transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}
#nf-more-stories .nf-home-list-card:hover,
#nf-more-stories .nf-home-list-card:focus-within {
border-color: rgba(236, 31, 100, 0.32) !important;
box-shadow: 0 14px 28px rgba(236, 31, 100, 0.12) !important;
transform: translateY(-3px) !important;
}
#nf-more-stories .nf-home-list-card:hover .nf-home-list-body h3,
#nf-more-stories .nf-home-list-card:hover .nf-home-list-body h3 a,
#nf-more-stories .nf-home-list-card:focus-within .nf-home-list-body h3,
#nf-more-stories .nf-home-list-card:focus-within .nf-home-list-body h3 a {
color: #ec1f64 !important;
}
#nf-more-stories .nf-home-list-card:hover .nf-home-list-body .nf-category-badge,
#nf-more-stories .nf-home-list-card:focus-within .nf-home-list-body .nf-category-badge {
color: #7c3aed !important;
}
#nf-more-stories .nf-home-list-card:hover .nf-home-list-body .nf-post-meta,
#nf-more-stories .nf-home-list-card:hover .nf-home-list-body .nf-post-meta a,
#nf-more-stories .nf-home-list-card:hover .nf-home-list-body .nf-story-views,
#nf-more-stories .nf-home-list-card:focus-within .nf-home-list-body .nf-post-meta,
#nf-more-stories .nf-home-list-card:focus-within .nf-home-list-body .nf-post-meta a,
#nf-more-stories .nf-home-list-card:focus-within .nf-home-list-body .nf-story-views {
color: #2563eb !important;
}
#nf-more-stories .nf-home-list-card:hover .nf-home-list-body .nf-icon,
#nf-more-stories .nf-home-list-card:focus-within .nf-home-list-body .nf-icon {
color: #2563eb !important;
} #nf-more-stories .nf-home-list-body h3,
#nf-more-stories .nf-home-list-body h3 a {
font-weight: 400 !important;
} .nf-home-headline .nf-story-body h3,
.nf-home-headline .nf-story-body h3 a,
.nf-story-lead .nf-story-body h3,
.nf-story-lead .nf-story-body h3 a,
.nf-latest-grid .nf-story-body h3,
.nf-latest-grid .nf-story-body h3 a,
.nf-editor-grid .nf-editor-card h3,
.nf-editor-grid .nf-editor-card h3 a,
.nf-home-list-card .nf-home-list-body h3,
.nf-home-list-card .nf-home-list-body h3 a,
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3,
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3 a,
.nf-home-pulse-card h3,
.nf-home-pulse-card h3 a {
display: -webkit-box !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
white-space: normal !important;
} .nf-home-headline .nf-story-body h3,
.nf-story-lead .nf-story-body h3 {
max-height: calc(1.14em * 2) !important;
}
.nf-home-list-card .nf-home-list-body h3,
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3 {
max-height: calc(1.2em * 2) !important;
}
.nf-home-pulse-card h3 {
max-height: calc(1.22em * 2) !important;
} .nf-story-lead .nf-story-body h3,
.nf-story-lead .nf-story-body h3 a {
font-size: 18px !important;
line-height: 1.18 !important;
max-width: 100% !important;
} .nf-editor-grid {
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px;
}
@media (max-width: 1400px) {
.nf-editor-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 1100px) {
.nf-editor-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}.nf-header-colormag .nf-nav-list > li > a {
position: relative;
gap: 8px;
}
.nf-header-colormag .nf-nav-list > li > a::before {
width: 10px;
height: 10px;
border-radius: 999px;
box-shadow: inset 0 0 0 2px rgba(255,255,255,.18),0 1px 4px rgba(0,0,0,.14);
}
.nf-header-colormag .nf-nav-list > li:nth-child(1) > a::before {
background: #fff;
}
.nf-header-colormag .nf-nav-list > li:nth-child(2) > a::before {
background: #ff9ac0;
}
.nf-header-colormag .nf-nav-list > li:nth-child(3) > a::before {
background: #38bdf8;
}
.nf-header-colormag .nf-nav-list > li:nth-child(4) > a::before {
background: #34d399;
}
.nf-header-colormag .nf-nav-list > li:nth-child(5) > a::before {
background: #22d3ee;
}
.nf-header-colormag .nf-nav-list > li:nth-child(6) > a::before {
background: #f59e0b;
}
.nf-header-colormag .nf-nav-list > li:nth-child(7) > a::before {
background: #84cc16;
}
.nf-header-colormag .nf-nav-list > li:nth-child(8) > a::before {
background: #8b5cf6;
}
.nf-header-colormag .nf-nav-list > li:nth-child(9) > a::before {
background: #fb7185;
}
.nf-header-colormag .nf-nav-list > li:nth-child(10) > a::before {
background: #fbbf24;
}
.nf-header-colormag .nf-nav-list > li:nth-child(11) > a::before {
background: #818cf8;
}
.nf-header-colormag .nf-nav-list > li:nth-child(12) > a::before {
background: #2dd4bf;
}
.home .nf-content-section {
padding-top: 13px !important;
padding-bottom: 18px !important;
}
.home .nf-editor-section {
padding-top: 24px;
} .nf-sidebar,
.nf-widget-stack,
.nf-sidebar-column,
.nf-article-layout > .nf-sidebar {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
width: 100% !important;
min-width: 0 !important;
align-self: start !important;
}
.nf-sidebar > *,
.nf-widget-stack > *,
.nf-sidebar-column > *,
.nf-article-layout > .nf-sidebar > * {
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
} .nf-sidebar .widget,
.nf-widget-stack .widget,
.nf-sidebar-column .widget,
.nf-sidebar .nf-widget,
.nf-widget-stack .nf-widget,
.nf-sidebar-column .nf-widget,
.nf-sidebar .nf-trending-card,
.nf-sidebar-column .nf-trending-card {
position: relative !important;
overflow: hidden !important;
border: 1px solid #e2e7ef !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: 0 8px 24px rgba(15,23,42,.055) !important;
transform: none !important;
transition: none !important;
}
.nf-sidebar .widget:hover,
.nf-widget-stack .widget:hover,
.nf-sidebar-column .widget:hover,
.nf-sidebar .nf-trending-card:hover,
.nf-sidebar-column .nf-trending-card:hover {
transform: none !important;
border-color: #e2e7ef !important;
box-shadow: 0 8px 24px rgba(15,23,42,.055) !important;
} .nf-sidebar .widget,
.nf-widget-stack .widget,
.nf-sidebar-column .widget {
padding: 22px 5px !important;
}
.nf-sidebar .widget-title,
.nf-sidebar .wp-block-heading,
.nf-sidebar .wp-block-search__label,
.nf-widget-stack .widget-title,
.nf-widget-stack .wp-block-heading,
.nf-widget-stack .wp-block-search__label,
.nf-sidebar-column .widget-title,
.nf-sidebar-column .wp-block-heading,
.nf-sidebar-column .wp-block-search__label {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
margin: 0 0 14px !important;
padding: 0 0 13px !important;
border-bottom: 1px solid #e7ebf1 !important;
color: var(--nf-ink) !important;
font-size: 20px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
letter-spacing: -.02em !important;
}
.nf-sidebar .widget-title::before,
.nf-sidebar .wp-block-heading::before,
.nf-sidebar .wp-block-search__label::before,
.nf-widget-stack .widget-title::before,
.nf-widget-stack .wp-block-heading::before,
.nf-widget-stack .wp-block-search__label::before,
.nf-sidebar-column .widget-title::before,
.nf-sidebar-column .wp-block-heading::before,
.nf-sidebar-column .wp-block-search__label::before {
content: "";
width: 4px;
height: 22px;
flex: 0 0 4px;
border-radius: 999px;
background: linear-gradient(180deg,var(--nf-accent),var(--nf-secondary));
} .nf-sidebar .nf-trending-card,
.nf-sidebar-column .nf-trending-card {
padding: 0 !important;
}
.nf-sidebar .nf-side-title,
.nf-sidebar-column .nf-side-title {
display: grid !important;
grid-template-columns: 46px minmax(0,1fr) !important;
gap: 13px !important;
align-items: center !important;
padding: 20px 5px !important;
border-bottom: 1px solid #e7ebf1 !important;
}
.nf-sidebar .nf-side-title > span,
.nf-sidebar-column .nf-side-title > span {
width: 46px !important;
height: 46px !important;
border-radius: 12px !important;
background: linear-gradient(135deg,#ffb11b,#ff7b2c) !important;
color: #2f2100 !important;
box-shadow: 0 7px 16px rgba(255,139,30,.18) !important;
}
.nf-sidebar .nf-side-title small,
.nf-sidebar-column .nf-side-title small {
display: block !important;
margin: 0 0 2px !important;
color: var(--nf-muted) !important;
font-size: 10px !important;
font-weight: 400 !important;
letter-spacing: .07em !important;
line-height: 1.25 !important;
}
.nf-sidebar .nf-side-title h2,
.nf-sidebar-column .nf-side-title h2 {
margin: 0 !important;
color: var(--nf-accent) !important;
font-size: 21px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
.nf-sidebar .nf-trending-list,
.nf-sidebar-column .nf-trending-list {
counter-reset: trending !important;
margin: 0 !important;
padding: 0 5px 4px !important;
list-style: none !important;
}
.nf-sidebar .nf-trending-list li,
.nf-sidebar-column .nf-trending-list li {
counter-increment: trending !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-bottom: 1px solid #e7ebf1 !important;
transform: none !important;
}
.nf-sidebar .nf-trending-list li:last-child,
.nf-sidebar-column .nf-trending-list li:last-child {
border-bottom: 0 !important;
}
.nf-sidebar .nf-trending-list li > a,
.nf-sidebar-column .nf-trending-list li > a {
display: grid !important;
grid-template-columns: 78px minmax(0,1fr) !important;
grid-template-areas: "thumb copy" !important;
gap: 12px !important;
align-items: center !important;
min-height: 92px !important;
margin: 4px 0 !important;
padding: 13px 0 !important;
border: 1px solid transparent !important;
border-radius: 11px !important;
color: var(--nf-ink) !important;
background: transparent !important;
transform: none !important;
transition: color .2s ease,background-color .2s ease,border-color .2s ease !important;
}
.nf-sidebar .nf-trending-thumb,
.nf-sidebar-column .nf-trending-thumb {
grid-area: thumb !important;
width: 78px !important;
height: 78px !important;
min-width: 78px !important;
border-radius: 11px !important;
overflow: hidden !important;
background: #eef1f6 !important;
}
.nf-sidebar .nf-trending-list li > a > span:nth-of-type(2),
.nf-sidebar-column .nf-trending-list li > a > span:nth-of-type(2) {
grid-area: copy !important;
min-width: 0 !important;
}
.nf-sidebar .nf-trending-list li > a::before,
.nf-sidebar-column .nf-trending-list li > a::before {
content: none !important;
display: none !important;
}
.nf-sidebar .nf-trending-list strong,
.nf-sidebar-column .nf-trending-list strong {
display: block !important;
min-width: 0 !important;
padding: 0 !important;
color: inherit !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.42 !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
.nf-sidebar .nf-trending-list small,
.nf-sidebar-column .nf-trending-list small {
display: block !important;
margin-top: 5px !important;
color: var(--nf-muted) !important;
font-size: 11px !important;
line-height: 1.3 !important;
}
.nf-sidebar .nf-trending-list li > a:hover,
.nf-sidebar .nf-trending-list li > a:focus-visible,
.nf-sidebar-column .nf-trending-list li > a:hover,
.nf-sidebar-column .nf-trending-list li > a:focus-visible {
color: var(--nf-accent) !important;
background: color-mix(in srgb,var(--nf-accent) 8%,#fff) !important;
}
.nf-sidebar .nf-trending-thumb img,
.nf-sidebar-column .nf-trending-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform .22s ease !important;
}
.nf-sidebar .nf-trending-list li > a:hover .nf-trending-thumb img,
.nf-sidebar-column .nf-trending-list li > a:hover .nf-trending-thumb img {
transform: scale(1.035) !important;
}  .nf-sidebar .wp-block-search,
.nf-widget-stack .wp-block-search,
.nf-sidebar-column .wp-block-search {
margin: 0 !important;
}
.nf-sidebar .wp-block-search__inside-wrapper,
.nf-widget-stack .wp-block-search__inside-wrapper,
.nf-sidebar-column .wp-block-search__inside-wrapper,
.nf-sidebar .search-form,
.nf-widget-stack .search-form,
.nf-sidebar-column .search-form {
display: grid !important;
grid-template-columns: minmax(0,1fr) auto !important;
gap: 8px !important;
width: 100% !important;
padding: 7px !important;
border: 1px solid #dde3ec !important;
border-radius: 12px !important;
background: #f7f9fc !important;
box-shadow: none !important;
}
.nf-sidebar .wp-block-search__input,
.nf-widget-stack .wp-block-search__input,
.nf-sidebar-column .wp-block-search__input,
.nf-sidebar .search-form input {
width: 100% !important;
min-width: 0 !important;
min-height: 42px !important;
padding: 8px 10px !important;
border: 0 !important;
outline: 2px solid transparent !important;
outline-offset: 2px !important;
background: transparent !important;
color: var(--nf-ink) !important;
font-size: 14px !important;
}
.nf-sidebar .wp-block-search__button,
.nf-widget-stack .wp-block-search__button,
.nf-sidebar-column .wp-block-search__button,
.nf-sidebar .search-form button,
.nf-widget-stack .search-form button,
.nf-sidebar-column .search-form button {
min-width: 68px !important;
min-height: 42px !important;
margin: 0 !important;
padding: 0 14px !important;
border: 0 !important;
border-radius: 10px !important;
background: #252b35 !important;
color: #fff !important;
font-size: 13px !important;
font-weight: 400 !important;
transform: none !important;
}
.nf-sidebar .wp-block-search__button:hover,
.nf-sidebar .wp-block-search__button:focus-visible,
.nf-sidebar .search-form button:hover,
.nf-sidebar .search-form button:focus-visible {
background: var(--nf-accent) !important;
} .nf-sidebar .wp-block-latest-posts,
.nf-sidebar .wp-block-latest-comments,
.nf-sidebar .wp-block-categories-list,
.nf-sidebar .wp-block-archives-list,
.nf-sidebar .widget ul,
.nf-widget-stack .wp-block-latest-posts,
.nf-widget-stack .wp-block-latest-comments,
.nf-widget-stack .widget ul,
.nf-sidebar-column .wp-block-latest-posts,
.nf-sidebar-column .wp-block-latest-comments,
.nf-sidebar-column .widget ul {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.nf-sidebar .wp-block-latest-posts > li,
.nf-sidebar .wp-block-latest-comments > li,
.nf-sidebar .wp-block-categories-list > li,
.nf-sidebar .wp-block-archives-list > li,
.nf-sidebar .widget li,
.nf-widget-stack .wp-block-latest-posts > li,
.nf-widget-stack .wp-block-latest-comments > li,
.nf-widget-stack .widget li,
.nf-sidebar-column .wp-block-latest-posts > li,
.nf-sidebar-column .wp-block-latest-comments > li,
.nf-sidebar-column .widget li {
margin: 0 !important;
padding: 12px 0 !important;
border: 1px solid transparent !important;
border-bottom-color: #e7ebf1 !important;
border-radius: 10px !important;
color: var(--nf-ink) !important;
background: transparent !important;
font-size: 14px !important;
line-height: 1.58 !important;
transform: none !important;
transition: background-color .2s ease,border-color .2s ease,color .2s ease !important;
}
.nf-sidebar .wp-block-latest-posts > li:first-child,
.nf-sidebar .wp-block-latest-comments > li:first-child,
.nf-sidebar .widget li:first-child,
.nf-widget-stack .widget li:first-child,
.nf-sidebar-column .widget li:first-child {
padding-top: 12px !important;
}
.nf-sidebar .wp-block-latest-posts > li:last-child,
.nf-sidebar .wp-block-latest-comments > li:last-child,
.nf-sidebar .widget li:last-child,
.nf-widget-stack .widget li:last-child,
.nf-sidebar-column .widget li:last-child {
padding-bottom: 12px !important;
border-bottom-color: transparent !important;
}
.nf-sidebar .wp-block-latest-posts a,
.nf-sidebar .wp-block-latest-comments a,
.nf-sidebar .wp-block-categories-list a,
.nf-sidebar .wp-block-archives-list a,
.nf-sidebar .widget li a,
.nf-widget-stack .widget li a,
.nf-sidebar-column .widget li a {
display: block !important;
width: 100% !important;
color: inherit !important;
text-decoration: none !important;
word-break: normal !important;
overflow-wrap: break-word !important;
transform: none !important;
transition: color .2s ease !important;
}
.nf-sidebar .wp-block-latest-posts > li:hover,
.nf-sidebar .wp-block-latest-comments > li:hover,
.nf-sidebar .wp-block-categories-list > li:hover,
.nf-sidebar .wp-block-archives-list > li:hover,
.nf-sidebar .widget li:hover,
.nf-widget-stack .wp-block-latest-posts > li:hover,
.nf-widget-stack .wp-block-latest-comments > li:hover,
.nf-widget-stack .widget li:hover,
.nf-sidebar-column .wp-block-latest-posts > li:hover,
.nf-sidebar-column .wp-block-latest-comments > li:hover,
.nf-sidebar-column .widget li:hover,
.nf-sidebar .wp-block-latest-posts > li:focus-within,
.nf-sidebar .wp-block-latest-comments > li:focus-within,
.nf-sidebar .widget li:focus-within {
color: var(--nf-accent) !important;
background: color-mix(in srgb,var(--nf-accent) 8%,#fff) !important;
}
.nf-sidebar .wp-block-latest-posts > li:hover a,
.nf-sidebar .wp-block-latest-comments > li:hover a,
.nf-sidebar .wp-block-categories-list > li:hover a,
.nf-sidebar .wp-block-archives-list > li:hover a,
.nf-sidebar .widget li:hover a,
.nf-widget-stack .widget li:hover a,
.nf-sidebar-column .widget li:hover a {
color: var(--nf-accent) !important;
transform: none !important;
}
.nf-sidebar .wp-block-latest-posts__post-date,
.nf-sidebar .wp-block-latest-comments__comment-date,
.nf-sidebar .post-date {
display: block !important;
margin-top: 5px !important;
color: var(--nf-muted) !important;
font-size: 11px !important;
}
.nf-sidebar .wp-block-latest-comments__comment-meta {
line-height: 1.7 !important;
} .nf-sidebar .wp-block-tag-cloud,
.nf-sidebar .tagcloud {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
.nf-sidebar .wp-block-tag-cloud a,
.nf-sidebar .tagcloud a {
display: inline-flex !important;
align-items: center !important;
min-height: 32px !important;
padding: 6px 10px !important;
border: 1px solid #e1e6ef !important;
border-radius: 999px !important;
background: #f8f9fc !important;
font-size: 12px !important;
}
.nf-sidebar select,
.nf-widget-stack select,
.nf-sidebar-column select {
width: 100% !important;
min-height: 44px !important;
padding: 8px 12px !important;
border: 1px solid #dde3ec !important;
border-radius: 10px !important;
background: #f8f9fc !important;
color: var(--nf-ink) !important;
} .nf-sidebar a:focus-visible,
.nf-sidebar button:focus-visible,
.nf-sidebar input:focus-visible,
.nf-sidebar select:focus-visible,
.nf-sidebar textarea:focus-visible,
.nf-sidebar summary:focus-visible,
.nf-widget-stack a:focus-visible,
.nf-widget-stack button:focus-visible,
.nf-widget-stack input:focus-visible,
.nf-widget-stack select:focus-visible,
.nf-widget-stack textarea:focus-visible,
.nf-widget-stack summary:focus-visible,
.nf-sidebar-column a:focus-visible,
.nf-sidebar-column button:focus-visible,
.nf-sidebar-column input:focus-visible,
.nf-sidebar-column select:focus-visible,
.nf-sidebar-column textarea:focus-visible,
.nf-sidebar-column summary:focus-visible {
outline: 2px solid var(--nf-secondary) !important;
outline-offset: 3px !important;
}
.nf-sidebar .wp-block-search__inside-wrapper:focus-within,
.nf-widget-stack .wp-block-search__inside-wrapper:focus-within,
.nf-sidebar-column .wp-block-search__inside-wrapper:focus-within,
.nf-sidebar .search-form:focus-within,
.nf-widget-stack .search-form:focus-within,
.nf-sidebar-column .search-form:focus-within {
border-color: var(--nf-secondary) !important;
box-shadow: 0 0 0 3px rgba(108, 92, 231, .16) !important;
}
@media (max-width:980px) {
.nf-sidebar,
.nf-widget-stack,
.nf-sidebar-column,
.nf-article-layout > .nf-sidebar {
display: flex !important;
flex-direction: column !important;
grid-template-columns: none !important;
width: 100% !important;
}
}
@media (max-width:520px) {
.nf-sidebar .nf-trending-list li > a,
.nf-sidebar-column .nf-trending-list li > a {
grid-template-columns: 72px minmax(0,1fr) !important;
gap: 10px !important;
}
.nf-sidebar .nf-trending-thumb,
.nf-sidebar-column .nf-trending-thumb {
width: 72px !important;
height: 72px !important;
min-width: 72px !important;
}
.nf-sidebar .nf-side-title,
.nf-sidebar-column .nf-side-title {
grid-template-columns: 42px minmax(0,1fr) !important;
padding: 18px 5px !important;
}
.nf-sidebar .nf-side-title > span,
.nf-sidebar-column .nf-side-title > span {
width: 42px !important;
height: 42px !important;
}
}
@media (prefers-reduced-motion:reduce) {
.nf-sidebar *,
.nf-widget-stack *,
.nf-sidebar-column * {
transition-duration: .01ms !important;
}
} .nf-sidebar .widget,
.nf-widget-stack .widget,
.nf-sidebar-column .widget,
.nf-sidebar .nf-widget,
.nf-widget-stack .nf-widget,
.nf-sidebar-column .nf-widget,
.nf-sidebar .nf-trending-card,
.nf-sidebar-column .nf-trending-card {
transition: transform .2s ease,box-shadow .2s ease !important;
will-change: transform;
}
.nf-sidebar .widget:hover,
.nf-widget-stack .widget:hover,
.nf-sidebar-column .widget:hover,
.nf-sidebar .nf-widget:hover,
.nf-widget-stack .nf-widget:hover,
.nf-sidebar-column .nf-widget:hover,
.nf-sidebar .nf-trending-card:hover,
.nf-sidebar-column .nf-trending-card:hover {
transform: translateY(-2px) !important;
background: #fff !important;
border-color: #e2e7ef !important;
box-shadow: 0 11px 28px rgba(15,23,42,.075) !important;
}  .nf-sidebar .nf-trending-list li > a,
.nf-sidebar-column .nf-trending-list li > a,
.nf-sidebar .wp-block-latest-posts > li,
.nf-sidebar .wp-block-latest-comments > li,
.nf-sidebar .wp-block-categories-list > li,
.nf-sidebar .wp-block-archives-list > li,
.nf-sidebar .widget li,
.nf-widget-stack .wp-block-latest-posts > li,
.nf-widget-stack .wp-block-latest-comments > li,
.nf-widget-stack .widget li,
.nf-sidebar-column .wp-block-latest-posts > li,
.nf-sidebar-column .wp-block-latest-comments > li,
.nf-sidebar-column .widget li {
background: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
transition: transform .18s ease,color .18s ease !important;
}
.nf-sidebar .nf-trending-list li > a:hover,
.nf-sidebar .nf-trending-list li > a:focus-visible,
.nf-sidebar-column .nf-trending-list li > a:hover,
.nf-sidebar-column .nf-trending-list li > a:focus-visible,
.nf-sidebar .wp-block-latest-posts > li:hover,
.nf-sidebar .wp-block-latest-comments > li:hover,
.nf-sidebar .wp-block-categories-list > li:hover,
.nf-sidebar .wp-block-archives-list > li:hover,
.nf-sidebar .widget li:hover,
.nf-widget-stack .wp-block-latest-posts > li:hover,
.nf-widget-stack .wp-block-latest-comments > li:hover,
.nf-widget-stack .widget li:hover,
.nf-sidebar-column .wp-block-latest-posts > li:hover,
.nf-sidebar-column .wp-block-latest-comments > li:hover,
.nf-sidebar-column .widget li:hover,
.nf-sidebar .wp-block-latest-posts > li:focus-within,
.nf-sidebar .wp-block-latest-comments > li:focus-within,
.nf-sidebar .widget li:focus-within {
transform: translateX(2px) !important;
color: var(--nf-accent) !important;
background: transparent !important;
border-left-color: transparent !important;
border-right-color: transparent !important;
}
.nf-sidebar .nf-trending-list li > a:hover strong,
.nf-sidebar .nf-trending-list li > a:focus-visible strong,
.nf-sidebar-column .nf-trending-list li > a:hover strong,
.nf-sidebar-column .nf-trending-list li > a:focus-visible strong,
.nf-sidebar .wp-block-latest-posts > li:hover a,
.nf-sidebar .wp-block-latest-comments > li:hover a,
.nf-sidebar .wp-block-categories-list > li:hover a,
.nf-sidebar .wp-block-archives-list > li:hover a,
.nf-sidebar .widget li:hover a,
.nf-widget-stack .widget li:hover a,
.nf-sidebar-column .widget li:hover a {
color: var(--nf-accent) !important;
} .nf-sidebar .widget:hover .widget-title,
.nf-sidebar .widget:hover .wp-block-heading,
.nf-sidebar .widget:hover .wp-block-search__label,
.nf-widget-stack .widget:hover .widget-title,
.nf-widget-stack .widget:hover .wp-block-heading,
.nf-widget-stack .widget:hover .wp-block-search__label,
.nf-sidebar-column .widget:hover .widget-title,
.nf-sidebar-column .widget:hover .wp-block-heading,
.nf-sidebar-column .widget:hover .wp-block-search__label,
.nf-sidebar .nf-trending-card:hover .nf-side-title h2,
.nf-sidebar-column .nf-trending-card:hover .nf-side-title h2 {
color: var(--nf-accent) !important;
} .nf-story-card h3,
.nf-editor-card h3,
.nf-archive-card h2,
.nf-article-card .nf-article-title {
transition: color .2s ease !important;
}
.nf-story-card:hover h3,
.nf-story-card:focus-within h3,
.nf-editor-card:hover h3,
.nf-editor-card:focus-within h3,
.nf-archive-card:hover h2,
.nf-archive-card:focus-within h2,
.nf-article-card:hover .nf-article-title,
.nf-article-card:focus-within .nf-article-title {
color: var(--nf-accent) !important;
} .nf-article-stats {
font-size: 15px;
}
.nf-article-stats .nf-icon {
width: 18px;
height: 18px;
}
.nf-article-stats > span:first-child {
color: #008f83;
}
.nf-article-stats > span:nth-child(2) {
color: #e31762;
}
@media (prefers-reduced-motion:reduce) {
.nf-sidebar .widget,
.nf-widget-stack .widget,
.nf-sidebar-column .widget,
.nf-sidebar .nf-trending-card,
.nf-sidebar-column .nf-trending-card,
.nf-sidebar li,
.nf-sidebar-column li {
transform: none !important;
}
} .nf-sidebar .widget:hover,
.nf-widget-stack .widget:hover,
.nf-sidebar-column .widget:hover,
.nf-sidebar .nf-widget:hover,
.nf-widget-stack .nf-widget:hover,
.nf-sidebar-column .nf-widget:hover,
.nf-sidebar .nf-trending-card:hover,
.nf-sidebar-column .nf-trending-card:hover {
border-color: #e2e7ef !important;
}
.nf-sidebar .nf-trending-list li > a:hover,
.nf-sidebar-column .nf-trending-list li > a:hover,
.nf-sidebar .wp-block-latest-posts > li:hover,
.nf-sidebar .wp-block-latest-comments > li:hover,
.nf-sidebar .wp-block-categories-list > li:hover,
.nf-sidebar .wp-block-archives-list > li:hover,
.nf-sidebar .widget li:hover,
.nf-widget-stack .widget li:hover,
.nf-sidebar-column .widget li:hover {
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: #e7ebf1 !important;
border-bottom-color: #e7ebf1 !important;
} .nf-sidebar,
.nf-widget-stack,
.nf-sidebar-column {
font-size: calc(var(--nf-font-size) + 2px) !important;
}
.nf-sidebar .nf-side-title small,
.nf-sidebar-column .nf-side-title small {
font-size: 13px !important;
}
.nf-sidebar .nf-side-title h2,
.nf-sidebar-column .nf-side-title h2 {
font-size: 26px !important;
}
.nf-sidebar .nf-trending-list strong,
.nf-sidebar-column .nf-trending-list strong {
font-size: 16px !important;
}
.nf-sidebar .nf-trending-list small,
.nf-sidebar-column .nf-trending-list small {
font-size: 13px !important;
}
.nf-sidebar .widget-title,
.nf-sidebar .wp-block-heading,
.nf-sidebar .wp-block-search__label,
.nf-widget-stack .widget-title,
.nf-widget-stack .wp-block-heading,
.nf-widget-stack .wp-block-search__label,
.nf-sidebar-column .widget-title,
.nf-sidebar-column .wp-block-heading,
.nf-sidebar-column .wp-block-search__label {
font-size: 21px !important;
}
.nf-sidebar .wp-block-search__input,
.nf-widget-stack .wp-block-search__input,
.nf-sidebar-column .wp-block-search__input,
.nf-sidebar .search-form input {
font-size: 16px !important;
}
.nf-sidebar .wp-block-search__button,
.nf-widget-stack .wp-block-search__button,
.nf-sidebar-column .wp-block-search__button,
.nf-sidebar .search-form button,
.nf-widget-stack .search-form button,
.nf-sidebar-column .search-form button {
font-size: 15px !important;
}
.nf-sidebar .wp-block-latest-posts > li,
.nf-sidebar .wp-block-latest-comments > li,
.nf-sidebar .wp-block-categories-list > li,
.nf-sidebar .wp-block-archives-list > li,
.nf-sidebar .widget li,
.nf-widget-stack .wp-block-latest-posts > li,
.nf-widget-stack .wp-block-latest-comments > li,
.nf-widget-stack .widget li,
.nf-sidebar-column .wp-block-latest-posts > li,
.nf-sidebar-column .wp-block-latest-comments > li,
.nf-sidebar-column .widget li {
font-size: 16px !important;
}
.nf-sidebar .wp-block-latest-posts__post-date,
.nf-sidebar .wp-block-latest-comments__comment-date,
.nf-sidebar .post-date {
font-size: 13px !important;
}
.nf-sidebar .wp-block-tag-cloud a,
.nf-sidebar .tagcloud a {
font-size: 14px !important;
}
.nf-sidebar select,
.nf-widget-stack select,
.nf-sidebar-column select {
font-size: 16px !important;
} .nf-sidebar-column .nf-trending-meta,
.nf-sidebar .nf-trending-meta {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 5px 10px !important;
margin-top: 5px !important;
}
.nf-sidebar-column .nf-trending-meta small,
.nf-sidebar .nf-trending-meta small {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
margin: 0 !important;
font-size: 12px !important;
}
.nf-trending-date::before,
.nf-trending-views::before {
content: "";
display: inline-block;
flex: 0 0 13px;
width: 13px;
height: 13px;
background: #00a88f;
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/calendar3.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/calendar3.svg) center / contain no-repeat;
}
.nf-trending-views::before {
background: #e31b62;
-webkit-mask-image: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/eye-fill.svg);
mask-image: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/eye-fill.svg);
} .nf-home-pagination {
margin: 30px 0 8px;
}
.nf-home-pagination-list {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
}
.nf-home-pagination-list .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 13px;
border: 1px solid var(--nf-border);
border-radius: 10px;
background: var(--nf-surface);
color: var(--nf-ink);
font-size: 14px;
line-height: 1;
text-decoration: none;
}
.nf-home-pagination-list .page-numbers.current {
background: var(--nf-accent);
border-color: var(--nf-accent);
color: #fff;
}
.nf-home-pagination-list a.page-numbers:hover,
.nf-home-pagination-list a.page-numbers:focus-visible {
transform: translateY(-1px);
background: color-mix(in srgb,var(--nf-accent) 8%,#fff);
border-color: color-mix(in srgb,var(--nf-accent) 30%,var(--nf-border));
color: var(--nf-accent);
}
.nf-footer-bottom>p {
min-width: 0;
}
.nf-footer-site-summary {
text-align: center;
} .nf-header-colormag .nf-utilitybar,
.nf-header-colormag .nf-utilitybar-inner {
box-sizing: border-box;
height: 22px !important;
min-height: 22px !important;
max-height: 22px !important;
margin-block: 0 !important;
padding-block: 0 !important;
line-height: 22px !important;
}
.nf-header-colormag .nf-utilitybar-inner,
.nf-header-colormag .nf-utilitybar-left,
.nf-header-colormag .nf-utilitybar-right {
align-items: center;
}
.nf-header-colormag .nf-utilitybar-left,
.nf-header-colormag .nf-utilitybar-right,
.nf-header-colormag .nf-utility-menu,
.nf-header-colormag .nf-utility-menu-list,
.nf-header-colormag .nf-utility-menu > ul,
.nf-header-colormag .nf-utility-socials {
box-sizing: border-box;
height: 22px !important;
min-height: 0 !important;
margin-block: 0 !important;
padding-block: 0 !important;
}
.nf-header-colormag .nf-utility-date,
.nf-header-colormag .nf-utility-menu-list a,
.nf-header-colormag .nf-utility-menu > ul a {
line-height: 22px !important;
} @media (min-width:981px) {
.nf-header-colormag .nf-brandbar {
padding-bottom: 8px;
}
.nf-header-colormag .nf-navbar {
box-sizing: border-box;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
.nf-header-colormag .nf-navbar-inner {
box-sizing: border-box;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
padding: 0 6px !important;
border: 1px solid #f0e4bd;
border-bottom-color: #ead79a;
border-radius: 8px;
background: linear-gradient(105deg, #fffefb 0%, #fffced 55%, #fff8df 100%);
box-shadow: 0 5px 14px rgba(142, 112, 42, .08);
}
.nf-header-colormag .nf-primary-nav {
width: 100%;
height: 40px !important;
min-height: 40px !important;
min-width: 0;
}
.nf-header-colormag .nf-nav-list {
display: flex !important;
align-items: center;
justify-content: space-between;
width: 100%;
height: 40px !important;
min-height: 40px !important;
overflow: visible;
}
.nf-header-colormag .nf-nav-list > li {
position: relative;
flex: 1 1 auto;
min-width: 0;
height: 40px !important;
min-height: 40px !important;
border-right: 0;
}
.nf-header-colormag .nf-nav-list > li:not(.nf-nav-overflow-item)::after {
content: "";
position: absolute;
top: 50%;
right: -1px;
width: 1px;
height: 24px;
border-radius: 1px;
background: rgba(139, 104, 31, .14);
transform: translateY(-50%);
}
.nf-header-colormag .nf-nav-list > li:nth-child(12),
.nf-header-colormag .nf-nav-list > li:last-child {
border-right: 0;
}
.nf-header-colormag .nf-nav-list > li > a {
display: flex !important;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 6px !important;
box-sizing: border-box;
width: calc(100% - 2px);
height: 40px !important;
min-height: 40px !important;
margin: 0 1px;
padding: 2px 5px !important;
border-radius: 6px;
color: #4a3212 !important;
font-family: var(--nf-font) !important;
font-size: 17px !important;
font-weight: 400 !important;
text-shadow: none;
line-height: 1 !important;
letter-spacing: 0 !important;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.nf-header-colormag .nf-nav-list > li > a::before {
content: "";
position: static !important;
display: block;
width: 22px !important;
height: 22px !important;
border-radius: 0 !important;
background: currentColor !important;
color: #4c1d95;
flex: 0 0 auto;
-webkit-mask-image: var(--nf-menu-icon);
mask-image: var(--nf-menu-icon);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transform: none !important;
box-shadow: none !important;
}
.nf-header-colormag .nf-nav-list > li:nth-child(1) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/house.svg);
}
.nf-header-colormag .nf-nav-list > li:nth-child(2) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/newspaper.svg);
color: #1d4ed8;
}
.nf-header-colormag .nf-nav-list > li:nth-child(3) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/cpu.svg);
color: #0f766e;
}
.nf-header-colormag .nf-nav-list > li:nth-child(4) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/chart-no-axes-combined.svg);
color: #15803d;
}
.nf-header-colormag .nf-nav-list > li:nth-child(5) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/trophy.svg);
color: #9a3412;
}
.nf-header-colormag .nf-nav-list > li:nth-child(6) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/star.svg);
color: #be123c;
}
.nf-header-colormag .nf-nav-list > li:nth-child(7) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/heart.svg);
color: #7e22ce;
}
.nf-header-colormag .nf-nav-list > li:nth-child(8) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/images.svg);
color: #0369a1;
}
.nf-header-colormag .nf-nav-list > li:nth-child(9) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/moon-star.svg);
color: #5b21b6;
}
.nf-header-colormag .nf-nav-list > li:nth-child(10) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/clapperboard.svg);
color: #0f766e;
}
.nf-header-colormag .nf-nav-list > li:nth-child(11) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/zap.svg);
color: #9a3412;
}
.nf-header-colormag .nf-nav-list > li:nth-child(12) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/pen-tool.svg);
color: #374151;
}
.nf-header-colormag .nf-nav-list > li:nth-child(13) > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/store.svg);
color: #7c3aed;
}
.nf-header-colormag .nf-nav-list > .current-menu-item > a,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a {
flex-direction: row;
gap: 6px !important;
background: linear-gradient(135deg, #fff6d7, #ffedb0) !important;
color: #4a3212 !important;
box-shadow: inset 0 0 0 1px #efd27b;
}
.nf-header-colormag .nf-nav-list > .current-menu-item > a::before,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a::before {
color: #4a3212;
width: 22px !important;
height: 22px !important;
border-radius: 0 !important;
background: currentColor !important;
box-shadow: none !important;
}
.nf-header-colormag .nf-nav-list > li > a:hover,
.nf-header-colormag .nf-nav-list > li > a:focus-visible {
background: #fff3cb !important;
color: #4a3212 !important;
}
.nf-header-colormag .nf-nav-list > .current-menu-item > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-item > a:focus-visible {
background: linear-gradient(135deg, #fff6d7, #ffedb0) !important;
color: #4a3212 !important;
}
.nf-header-colormag .nf-nav-overflow-item {
order: 99 !important;
display: flex;
align-items: center;
justify-content: center;
align-self: center !important;
flex: 0 0 90px !important;
height: 40px !important;
min-height: 40px !important;
margin: 0 0 0 6px !important;
border-left: 0;
}
.nf-header-colormag .nf-nav-overflow-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 88px !important;
min-width: 88px !important;
height: 40px !important;
min-height: 40px !important;
padding: 8px !important;
border: 0;
border-radius: 6px;
margin: 0 !important;
background: #fff1b8;
color: #4a3212;
line-height: 0;
}
.nf-header-colormag .nf-nav-overflow-icon {
width: 21px;
height: 17px;
}
.nf-header-colormag .nf-nav-overflow-icon i {
height: 2.2px;
}
.nf-header-colormag .nf-nav-overflow-toggle:hover,
.nf-header-colormag .nf-nav-overflow-toggle:focus-visible,
.nf-header-colormag .nf-nav-overflow-item.is-open > .nf-nav-overflow-toggle {
background: #fff3cb;
color: #4a3212;
}
.nf-header-colormag .nf-nav-overflow-item > .nf-nav-overflow-menu {
top: calc(100% + 6px);
inset-inline-start: auto;
inset-inline-end: 0;
min-width: 230px;
display: none;
padding: 6px;
border-color: #ead79a;
border-radius: 8px;
background: #fff9e5;
box-shadow: 0 16px 34px rgba(113, 88, 31, .18);
z-index: 250;
}
.nf-header-colormag .nf-nav-overflow-menu > li > a {
padding: 11px 12px;
color: #4a3212;
font-family: var(--nf-font);
font-size: 15px;
font-weight: 400;
text-shadow: none;
}
.nf-header-colormag .nf-nav-overflow-menu > li > a:hover,
.nf-header-colormag .nf-nav-overflow-menu > li > a:focus-visible {
background: #fff3cb;
color: #4a3212;
}
} .nf-single-modern {
padding: 20px 0 42px;
background: linear-gradient(120deg,#f8faff 0%,#fff 48%,#fff8fb 100%);
}
.nf-single-modern .nf-article-shell {
width: min(calc(100% - 32px),1380px);
grid-template-columns: minmax(0,1fr) 320px;
gap: 10px;
align-items: start;
}
.nf-single-modern .nf-modern-article {
min-width: 0;
overflow: hidden;
border: 0;
border-radius: 24px;
background: #fff;
box-shadow: 0 16px 45px rgba(27,39,70,.11);
}
.nf-single-modern .nf-modern-header {
padding: 10px 36px 22px;
}
.nf-single-modern .nf-article-title {
margin: 0;
overflow: hidden;
color: #101b38;
font-size: 27px;
font-weight: 400 !important;
line-height: 1.13;
letter-spacing: 0 !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-single-modern .nf-title-accent {
display: inline;
color: #e91e63;
background: linear-gradient(90deg,#f22572,#8b2cff);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.nf-single-modern .nf-title-rule {
display: block;
width: 80px;
height: 4px;
margin: 18px 0 16px;
border-radius: 999px;
background: linear-gradient(90deg,#ff2370,#8b2cff 58%,#25c9e8);
}
.nf-single-modern .nf-article-deck {
display: -webkit-box;
max-width: 100%;
min-height: 54px;
margin: 0;
overflow: hidden;
color: #182746;
font-size: 16px;
line-height: 1.68;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-single-modern .nf-modern-meta {
display: flex;
align-items: center;
gap: 15px;
margin-top: 30px;
color: #53617e;
font-size: 13px;
}
.nf-single-modern .nf-modern-author,
.nf-single-modern .nf-modern-meta-item {
display: inline-flex;
align-items: center;
}
.nf-single-modern .nf-modern-author {
gap: 9px;
color: #111c38;
white-space: nowrap;
}
.nf-single-modern .nf-modern-author strong {
font-size: 14px;
font-weight: 400;
}
.nf-single-modern .nf-modern-author a {
color: inherit;
text-decoration: none;
}
.nf-single-modern .nf-modern-avatar {
display: block;
width: 37px;
height: 37px;
border: 3px solid #fff;
border-radius: 50%;
object-fit: cover;
box-shadow: 0 0 0 2px rgba(255,50,119,.14);
}
.nf-single-modern .nf-author-verified {
display: inline-grid;
width: 17px;
height: 17px;
place-items: center;
border-radius: 50%;
background: #7c2cff;
color: #fff;
font-size: 10px;
font-weight: 400;
line-height: 1;
}
.nf-single-modern .nf-meta-separator {
width: 1px;
height: 28px;
background: #e4e8f0;
}
.nf-single-modern .nf-modern-meta-item {
gap: 7px;
color: #52617d;
text-decoration: none;
white-space: nowrap;
}
.nf-single-modern .nf-modern-meta-item .nf-icon {
width: 19px;
height: 19px;
color: #21365f;
}
.nf-single-modern .nf-article-hero {
margin: 0 32px;
border-radius: 16px;
background: #edf3f7;
overflow: hidden;
}
.nf-single-modern .nf-article-hero img {
width: 100%;
height: auto;
aspect-ratio: 2.08 / 1;
backface-visibility: hidden;
object-fit: cover;
transform: translateZ(0);
}
.nf-single-modern .nf-article-hero figcaption {
padding: 9px 14px;
}
.nf-single-modern .nf-article-content {
padding: 38px 34px 18px;
color: #172442;
font-size: 16px;
line-height: 1.78;
}
.nf-single-modern .nf-article-content > p:first-child {
color: #172442;
font-size: 16px;
font-weight: 400;
line-height: 1.78;
}
.nf-single-modern .nf-article-content p {
margin-bottom: 22px;
}
.nf-single-modern .nf-modern-tags {
display: flex;
align-items: center;
gap: 16px;
margin: 0 34px;
padding: 22px 0;
border-top: 1px solid #e5e9f0;
}
.nf-single-modern .nf-modern-tags > strong {
display: inline-flex;
align-items: center;
gap: 8px;
flex: none;
color: #111c38;
font-size: 14px;
}
.nf-single-modern .nf-modern-tags > strong .nf-icon {
width: 20px;
height: 20px;
}
.nf-single-modern .nf-modern-tag-list {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 9px;
}
.nf-single-modern .nf-modern-tag-list a {
padding: 7px 16px;
border-radius: 999px;
background: #f4edff;
color: #6f29db;
font-size: 12px;
line-height: 1;
text-decoration: none;
}
.nf-single-modern .nf-modern-tag-list a::before {
content: "#";
margin-right: 4px;
font-weight: 400;
}
.nf-single-modern .nf-modern-tag-list a:nth-child(5n+2) {
background: #fff0f5;
color: #c51156;
}
.nf-single-modern .nf-modern-tag-list a:nth-child(5n+3) {
background: #eaf4ff;
color: #0b67c7;
}
.nf-single-modern .nf-modern-tag-list a:nth-child(5n+4) {
background: #fff2e6;
color: #aa4c00;
}
.nf-single-modern .nf-modern-tag-list a:nth-child(5n) {
background: #eaf8f1;
color: #006b48;
}
.nf-single-modern .nf-related-posts {
padding: 4px 32px 12px;
}
.nf-single-modern .nf-related-posts > h2 {
display: flex;
align-items: center;
gap: 11px;
margin: 0 0 12px;
color: #111c38;
font-size: 20px;
line-height: 1.2;
}
.nf-single-modern .nf-related-posts > h2::before {
width: 4px;
height: 25px;
border-radius: 999px;
background: #ff2c78;
content: "";
}
.nf-single-modern .nf-related-grid {
display: grid;
grid-template-columns: repeat(6,minmax(0,1fr));
gap: 10px;
}
.nf-single-modern .nf-related-card {
min-width: 0;
overflow: hidden;
border: 1px solid #e1e5ed;
border-radius: 9px;
background: #fff;
box-shadow: 0 5px 16px rgba(23,35,65,.05);
transition: transform .2s ease,box-shadow .2s ease;
}
.nf-single-modern .nf-related-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 22px rgba(23,35,65,.11);
}
.nf-single-modern .nf-related-media {
position: relative;
display: block;
overflow: hidden;
aspect-ratio: 1.35 / 1;
background: #eef2f6;
}
.nf-single-modern .nf-related-media img,
.nf-single-modern .nf-related-fallback {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
backface-visibility: hidden;
transform: translateZ(0);
transition: transform .25s ease;
}
.nf-single-modern .nf-related-card:hover .nf-related-media img {
transform: translateZ(0) scale(1.04);
}
.nf-single-modern .nf-related-fallback {
background: linear-gradient(135deg,#dff8f6,#ece5ff 55%,#ffe9f1);
}
.nf-single-modern .nf-related-badge {
position: absolute;
inset-inline-start: 9px;
inset-block-end: 9px;
max-width: calc(100% - 18px);
padding: 4px 8px;
overflow: hidden;
border-radius: 999px;
background: #6b2cff;
color: #fff;
font-size: 9px;
font-weight: 400;
line-height: 1;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
}
.nf-single-modern .nf-related-card:nth-child(3n+2) .nf-related-badge {
background: #d70f55;
}
.nf-single-modern .nf-related-card:nth-child(3n) .nf-related-badge {
background: #006dcc;
}
.nf-single-modern .nf-related-body {
display: flex;
min-height: 90px;
padding: 9px 9px 8px;
flex-direction: column;
}
.nf-single-modern .nf-related-body h3 {
display: -webkit-box;
margin: 0;
overflow: hidden;
color: #101b38;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-single-modern .nf-related-body h3 a {
color: inherit;
text-decoration: none;
}
.nf-single-modern .nf-related-body time {
display: inline-flex;
align-items: center;
gap: 5px;
margin-top: auto;
color: #73809a;
font-size: 10px;
white-space: nowrap;
}
.nf-single-modern .nf-related-body time .nf-icon {
width: 13px;
height: 13px;
}
.nf-single-modern .nf-modern-article > .nf-comments-section {
margin: 0 32px 26px;
padding: 18px 12px 12px;
border: 1px solid #e1e5ed;
border-radius: 11px;
background: #fff;
}
.nf-single-modern .nf-comments-section > .nf-article-section-title {
gap: 10px;
margin: 0 0 14px;
font-size: 19px;
}
.nf-single-modern .nf-comments-section > .nf-article-section-title::before {
display: none;
}
.nf-single-modern .nf-comments-title-icon {
display: inline-grid;
width: 30px;
height: 30px;
place-items: center;
border-radius: 50%;
background: #f1eaff;
color: #7c2cff;
}
.nf-single-modern .nf-comments-title-icon .nf-icon {
width: 18px;
height: 18px;
}
.nf-single-modern .nf-comment-reply-title {
display: none;
}
.nf-single-modern .nf-article-comment-form {
display: grid;
grid-template-columns: minmax(0,1fr) minmax(0,1fr) 270px;
gap: 10px;
}
.nf-single-modern .nf-article-comment-form .comment-form-comment {
position: relative;
grid-column: 1 / -1;
grid-row: 1;
}
.nf-single-modern .nf-article-comment-form .comment-form-author {
grid-column: 1;
grid-row: 2;
}
.nf-single-modern .nf-article-comment-form .comment-form-email {
grid-column: 2;
grid-row: 2;
}
.nf-single-modern .nf-article-comment-form .comment-form-comment::after {
position: absolute;
inset-inline-end: 14px;
inset-block-start: 11px;
color: #7a88a7;
content: "\263A";
font-size: 20px;
pointer-events: none;
}
.nf-single-modern .nf-article-comment-form input:not([type=submit]):not([type=checkbox]),
.nf-single-modern .nf-article-comment-form textarea {
height: 44px;
min-height: 44px;
padding: 11px 14px;
border: 1px solid #d9dfeb;
border-radius: 8px;
color: #172442;
font-size: 13px;
line-height: 20px;
resize: vertical;
}
.nf-single-modern .nf-article-comment-form textarea {
height: 48px;
padding-inline-end: 44px;
}
.nf-single-modern .nf-article-comment-form .form-submit {
grid-column: 3;
grid-row: 2;
}
.nf-single-modern .nf-comment-submit {
width: 180px;
max-width: 100%;
height: 36px;
padding: 0 12px;
border: 1px solid #efa3b9;
border-radius: 6px;
background: #f8bed0;
color: #70213d;
box-shadow: none;
font-size: 17px;
font-weight: 400;
white-space: nowrap;
}
.nf-single-modern .nf-comment-submit:hover,
.nf-single-modern .nf-comment-submit:focus-visible {
border-color: #e98da9;
background: #f5afc4;
color: #5f1832;
box-shadow: none;
transform: none;
}
.nf-single-modern .nf-article-comment-form .form-submit {
justify-self: end;
}
.nf-single-modern .nf-article-comment-form .logged-in-as,
.nf-single-modern .nf-article-comment-form .comment-form-cookies-consent,
.nf-single-modern .nf-article-comment-form .comment-notes {
grid-column: 1 / -1;
}
.nf-single-modern .nf-article-comment-form .comment-form-cookies-consent {
grid-row: 3;
}
@media (max-width:980px) {
.nf-single-modern .nf-article-shell {
grid-template-columns: 1fr;
}
.nf-single-modern .nf-modern-meta {
flex-wrap: wrap;
}
.nf-single-modern .nf-related-grid {
grid-template-columns: repeat(3,minmax(0,1fr));
}
}
@media (max-width:720px) {
.nf-single-modern {
padding-top: 12px;
}
.nf-single-modern .nf-article-shell {
width: min(calc(100% - 20px),1380px);
}
.nf-single-modern .nf-modern-article {
border-radius: 16px;
}
.nf-single-modern .nf-modern-header {
padding: 10px 20px 18px;
}
.nf-single-modern .nf-article-title {
font-size: 24px;
}
.nf-single-modern .nf-article-deck {
min-height: 47px;
font-size: 14px;
}
.nf-single-modern .nf-modern-meta {
gap: 11px;
margin-top: 22px;
}
.nf-single-modern .nf-meta-separator {
display: none;
}
.nf-single-modern .nf-article-hero {
margin: 0 12px;
border-radius: 12px;
}
.nf-single-modern .nf-article-hero img {
aspect-ratio: 1.35 / 1;
}
.nf-single-modern .nf-article-content {
padding: 28px 20px 12px;
font-size: 15px;
}
.nf-single-modern .nf-article-content > p:first-child {
font-size: 15px;
}
.nf-single-modern .nf-modern-tags {
align-items: flex-start;
margin: 0 20px;
flex-direction: column;
}
.nf-single-modern .nf-related-posts {
padding: 4px 18px 12px;
}
.nf-single-modern .nf-related-grid {
grid-template-columns: repeat(2,minmax(0,1fr));
gap: 12px;
}
.nf-single-modern .nf-modern-article > .nf-comments-section {
margin: 0 14px 18px;
padding: 16px 10px 10px;
}
.nf-single-modern .nf-article-comment-form {
grid-template-columns: 1fr;
}
.nf-single-modern .nf-article-comment-form .comment-form-comment,
.nf-single-modern .nf-article-comment-form .comment-form-author,
.nf-single-modern .nf-article-comment-form .comment-form-email,
.nf-single-modern .nf-article-comment-form .form-submit,
.nf-single-modern .nf-article-comment-form .logged-in-as,
.nf-single-modern .nf-article-comment-form .comment-form-cookies-consent,
.nf-single-modern .nf-article-comment-form .comment-notes {
grid-column: 1;
grid-row: auto;
}
} .nf-home-list-card {
transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease !important;
will-change: transform;
}
.nf-home-list-card:hover,
.nf-home-list-card:focus-within {
z-index: 2;
transform: translateY(-5px) !important;
border-color: color-mix(in srgb, var(--nf-accent) 22%, #dde3ec) !important;
box-shadow: var(--nf-shadow) !important;
}
.nf-home-list-card .nf-post-media img {
transition: transform .6s cubic-bezier(.2, .7, .2, 1) !important;
}
.nf-home-list-card:hover .nf-post-media img,
.nf-home-list-card:focus-within .nf-post-media img {
transform: scale(1.045) !important;
}
.nf-home-list-card:hover .nf-home-list-body h3,
.nf-home-list-card:focus-within .nf-home-list-body h3 {
color: var(--nf-accent);
}
.nf-footer-publisher {
text-align: right;
}
@media (max-width:720px) {
.nf-footer-site-summary,
.nf-footer-publisher {
text-align: left;
}
} .nf-widget.widget_block:has(.wp-block-latest-posts) {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 22px 5px !important;
border: 1px solid #e2e7ef !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
overflow: hidden !important;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) > .wp-block-group {
margin: 0;
padding-left: 1px;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-heading {
display: grid !important;
grid-template-columns: 7px max-content minmax(24px, 1fr) !important;
align-items: center !important;
gap: 14px !important;
width: 100% !important;
margin: 0 0 18px !important;
padding: 0 !important;
border: 0 !important;
color: #111a2d !important;
font-size: 22px !important;
font-weight: 400 !important;
line-height: 1.1 !important;
letter-spacing: 0 !important;
white-space: nowrap;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-heading::before {
content: "";
width: 7px;
height: 32px;
border-radius: 6px;
background: linear-gradient(180deg, #ff176d, #e51d89 58%, #7446ff);
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-heading::after {
content: none;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts {
margin: 0;
padding: 0;
list-style: none;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/newspaper.svg);
--nf-latest-icon-color: #6548f5;
--nf-latest-tile: #f3f0ff;
position: relative;
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
grid-template-rows: auto auto;
align-items: center;
column-gap: 7px;
row-gap: 4px;
min-height: 64px;
margin: 0 !important;
padding: 6px 0 !important;
list-style: none;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li + li {
border-top: 2px dashed #dce1ea;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li::before {
content: attr(data-nf-date);
grid-column: 2;
grid-row: 2;
color: #078c83;
font-size: 12px;
font-weight: 400;
line-height: 1.2;
white-space: nowrap;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li::after {
content: attr(data-nf-views);
grid-column: 2;
grid-row: 2;
justify-self: end;
margin-right: 15px;
color: #e51d67;
font-size: 12px;
font-weight: 400;
line-height: 1.2;
white-space: nowrap;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts__post-title {
grid-column: 2 / -1;
grid-row: 1;
display: block;
min-width: 0;
color: #111a2d;
font-size: 16px;
font-weight: 400;
line-height: 1.18;
letter-spacing: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color .2s ease;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts__post-title::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 28px;
height: 28px;
background: var(--nf-latest-icon-color);
-webkit-mask-image: var(--nf-latest-icon);
mask-image: var(--nf-latest-icon);
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
transform: translateY(-50%);
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts__post-title:hover,
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts__post-title:focus-visible {
color: #e51d67;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li:nth-child(1) {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/clapperboard.svg);
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li:nth-child(2) {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/flame.svg);
--nf-latest-icon-color: #ec1f64;
--nf-latest-tile: #fff0f4;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li:nth-child(3) {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/zap.svg);
--nf-latest-icon-color: #f3ad00;
--nf-latest-tile: #fff8e6;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li:nth-child(4) {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/landmark.svg);
--nf-latest-icon-color: #0ca83b;
--nf-latest-tile: #eefaf1;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li:nth-child(5) {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/trophy.svg);
--nf-latest-icon-color: #1768e8;
--nf-latest-tile: #edf4ff;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-1 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/clapperboard.svg);
--nf-latest-icon-color: #6550e8;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-2 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/plane.svg);
--nf-latest-icon-color: #0096c7;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-3 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/moon-star.svg);
--nf-latest-icon-color: #7c3aed;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-4 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/palette.svg);
--nf-latest-icon-color: #e11d48;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-5 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/trophy.svg);
--nf-latest-icon-color: #2563eb;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-6 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/cpu.svg);
--nf-latest-icon-color: #0891b2;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-7 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/chart-no-axes-combined.svg);
--nf-latest-icon-color: #059669;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-8 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/star.svg);
--nf-latest-icon-color: #db2777;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-9 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/heart.svg);
--nf-latest-icon-color: #e11d48;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-10 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/briefcase-medical.svg);
--nf-latest-icon-color: #dc2626;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-11 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/utensils.svg);
--nf-latest-icon-color: #ea580c;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-12 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/music.svg);
--nf-latest-icon-color: #9333ea;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-13 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/graduation-cap.svg);
--nf-latest-icon-color: #4f46e5;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-14 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/car-front.svg);
--nf-latest-icon-color: #0f766e;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-15 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/leaf.svg);
--nf-latest-icon-color: #16a34a;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-16 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/newspaper.svg);
--nf-latest-icon-color: #2563eb;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-17 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/scale.svg);
--nf-latest-icon-color: #475569;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-18 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/gamepad-2.svg);
--nf-latest-icon-color: #7c3aed;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-19 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/camera.svg);
--nf-latest-icon-color: #db2777;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-20 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/wallet-cards.svg);
--nf-latest-icon-color: #d97706;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-21 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/globe.svg);
--nf-latest-icon-color: #0284c7;
}
.nf-widget.widget_block:has(.wp-block-latest-posts) .nf-latest-icon-22 {
--nf-latest-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/book-open.svg);
--nf-latest-icon-color: #8b5cf6;
} .nf-widget.widget_block:has(.wp-block-latest-comments) {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 22px 5px !important;
border: 1px solid #e2e7ef !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
overflow: hidden !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) > .wp-block-group {
margin: 0;
padding: 0 1px;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-heading {
display: grid !important;
grid-template-columns: 29px minmax(0, 1fr) !important;
align-items: center !important;
gap: 9px !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
color: #111a2d !important;
font-size: 21px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-heading::before {
content: "";
width: 29px;
height: 29px;
border-radius: 0;
background: linear-gradient(145deg, #ff176d 8%, #7c3aed 52%, #0ea5e9 96%);
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/messages-square.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/messages-square.svg) center / contain no-repeat;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-heading::after {
content: none;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments {
margin: 0 !important;
padding: 0 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .no-comments {
position: relative;
display: flex !important;
align-items: center;
min-height: 68px;
padding: 12px 8px 12px 43px !important;
border-top: 2px dashed #dce1ea;
color: #68758c;
font-size: 14px;
line-height: 1.45;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .no-comments::before {
content: "";
position: absolute;
left: 5px;
top: 50%;
width: 27px;
height: 27px;
transform: translateY(-50%);
background: linear-gradient(145deg, #ff4d8d, #8b5cf6 58%, #06b6d4);
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/message-circle.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/message-circle.svg) center / contain no-repeat;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment {
--nf-comment-color: #e91e63;
position: relative;
min-height: 60px;
margin: 0 !important;
padding: 10px 2px 10px 39px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment + .wp-block-latest-comments__comment {
border-top: 2px dashed #dce1ea !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment::before {
content: "";
position: absolute;
left: 4px;
top: 14px;
width: 25px;
height: 25px;
background: var(--nf-comment-color);
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/message-circle.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/message-circle.svg) center / contain no-repeat;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:nth-child(2n) {
--nf-comment-color: #7c3aed;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:nth-child(3n) {
--nf-comment-color: #0891b2;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:nth-child(4n) {
--nf-comment-color: #ea8a00;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-meta {
display: -webkit-box !important;
max-height: 2.9em;
overflow: hidden;
color: #172036 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-meta a {
display: inline !important;
width: auto !important;
color: inherit !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-link {
font-weight: 400;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-date {
margin-top: 4px !important;
color: #078c83 !important;
font-size: 11px !important;
font-weight: 400;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt {
display: -webkit-box;
margin-top: 5px;
overflow: hidden;
color: #68758c;
font-size: 13px;
line-height: 1.45;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt p {
margin: 0;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .avatar {
width: 28px !important;
height: 28px !important;
margin: 0 7px 0 0 !important;
border: 2px solid color-mix(in srgb, var(--nf-comment-color) 28%, #fff);
border-radius: 50% !important;
} .nf-widget.widget_block:has(.wp-block-archives),
.nf-widget.widget_block:has(.wp-block-categories) {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 22px 5px !important;
border: 1px solid #e2e7ef !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
overflow: hidden !important;
}
.nf-widget.widget_block:has(.wp-block-archives) > .wp-block-group,
.nf-widget.widget_block:has(.wp-block-categories) > .wp-block-group {
margin: 0;
padding: 0 1px;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-heading,
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-heading {
display: grid !important;
grid-template-columns: 29px minmax(0, 1fr) !important;
align-items: center !important;
gap: 9px !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
color: #111a2d !important;
font-size: 21px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-heading {
font-size: 23px !important;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-heading::before,
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-heading::before {
content: "";
width: 29px;
height: 29px;
border-radius: 0;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-heading::before {
background: linear-gradient(145deg, #0ea5e9 8%, #2563eb 52%, #7c3aed 96%);
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/archive.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/archive.svg) center / contain no-repeat;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-heading::before {
background: linear-gradient(145deg, #ff8a00 5%, #f43f5e 48%, #7c3aed 96%);
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/folder-tree.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/folder-tree.svg) center / contain no-repeat;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-heading::after,
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-heading::after {
content: none;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list {
margin: 0 !important;
padding: 0 !important;
border-top: 2px dashed #dce1ea;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list > li {
margin: 0 !important;
padding: 7px 0 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list a {
display: grid !important;
grid-template-columns: 27px minmax(0, 1fr) 18px;
align-items: center;
gap: 9px;
min-height: 48px;
padding: 0 7px !important;
border-radius: 9px;
color: #27334a !important;
font-size: 15px;
font-weight: 400;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list a::before,
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list a::after {
content: "";
display: block;
background: linear-gradient(145deg, #0ea5e9, #4f46e5);
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list a::before {
width: 27px;
height: 27px;
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/calendar-days.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/calendar-days.svg) center / contain no-repeat;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list a::after {
width: 18px;
height: 18px;
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/chevron-right.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/chevron-right.svg) center / contain no-repeat;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list > li:hover,
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list > li:focus-within {
background: transparent !important;
}
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list a:hover,
.nf-widget.widget_block:has(.wp-block-archives) .wp-block-archives-list a:focus-visible {
color: #4338ca !important;
background: #f1f5ff;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
border-top: 2px dashed #dce1ea;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li {
--nf-category-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/folder-open.svg);
--nf-category-color: #64748b;
min-width: 0;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-bottom: 1px solid #e8ebf1 !important;
border-radius: 0 !important;
background: transparent !important;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:nth-child(odd) {
border-right: 1px solid #e8ebf1 !important;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:nth-last-child(-n + 2) {
border-bottom-color: transparent !important;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list a {
display: grid !important;
grid-template-columns: 21px minmax(0, 1fr);
align-items: center;
gap: 7px;
min-height: 44px;
padding: 0 6px !important;
overflow: hidden;
color: #27334a !important;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
white-space: nowrap;
text-overflow: ellipsis;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list a::before {
content: "";
display: block;
width: 21px;
height: 21px;
background: var(--nf-category-color);
-webkit-mask: var(--nf-category-icon) center / contain no-repeat;
mask: var(--nf-category-icon) center / contain no-repeat;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:hover,
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:focus-within {
background: color-mix(in srgb, var(--nf-category-color) 9%, #fff) !important;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:hover a,
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:focus-within a {
color: var(--nf-category-color) !important;
}
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:nth-child(6n + 1) { --nf-category-color: #db2777; }
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:nth-child(6n + 2) { --nf-category-color: #7c3aed; }
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:nth-child(6n + 3) { --nf-category-color: #078c83; }
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:nth-child(6n + 4) { --nf-category-color: #2563eb; }
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:nth-child(6n + 5) { --nf-category-color: #ea8a00; }
.nf-widget.widget_block:has(.wp-block-categories) .wp-block-categories-list > li:nth-child(6n) { --nf-category-color: #16a34a; } .nf-popular-tags-widget {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 22px 6px !important;
border: 1px solid #e2e7ef !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
overflow: hidden !important;
}
.nf-popular-tags-widget .widget-title {
display: grid !important;
grid-template-columns: 29px minmax(0, 1fr) !important;
align-items: center !important;
gap: 9px !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
color: #111a2d !important;
font-size: 21px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
}
.nf-popular-tags-widget .widget-title::before {
content: "";
width: 29px;
height: 29px;
border-radius: 0;
background: linear-gradient(145deg, #06b6d4 4%, #7c3aed 50%, #f43f5e 96%);
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/tags.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/tags.svg) center / contain no-repeat;
}
.nf-popular-tags-widget .widget-title::after {
content: none;
}
.nf-popular-tags-list {
display: flex;
flex-wrap: wrap;
gap: 7px 12px;
padding: 13px 4px 1px;
border-top: 2px dashed #dce1ea;
}
.nf-popular-tags-list a {
display: inline-flex;
align-items: baseline;
gap: 1px;
max-width: 100%;
color: #db2777;
font-size: 13px;
font-weight: 400;
line-height: 1.45;
text-decoration: none;
white-space: nowrap;
transition: color .18s ease, transform .18s ease;
}
.nf-popular-tags-list a:nth-child(5n + 2) { color: #078c83; }
.nf-popular-tags-list a:nth-child(5n + 3) { color: #2563eb; }
.nf-popular-tags-list a:nth-child(5n + 4) { color: #7c3aed; }
.nf-popular-tags-list a:nth-child(5n) { color: #d97706; }
.nf-popular-tags-list a:hover,
.nf-popular-tags-list a:focus-visible {
color: #111a2d;
transform: translateY(-1px);
}
.nf-popular-tags-list a:focus-visible {
outline: 2px solid #7c3aed;
outline-offset: 3px;
} .nf-popular-posts-widget {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding: 22px 6px !important;
border: 1px solid #e2e7ef !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
overflow: hidden !important;
}
.nf-popular-posts-widget .widget-title {
display: grid !important;
grid-template-columns: 29px minmax(0, 1fr) !important;
align-items: center !important;
gap: 9px !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
color: #111a2d !important;
font-size: 21px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: 0 !important;
}
.nf-popular-posts-widget .widget-title::before {
content: "";
width: 29px;
height: 29px;
border-radius: 0;
background: linear-gradient(145deg, #ffb000 4%, #f43f5e 50%, #db2777 96%);
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/flame.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/flame.svg) center / contain no-repeat;
}
.nf-popular-posts-widget .widget-title::after {
content: none;
}
.nf-popular-posts-list {
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
margin: 0 !important;
padding: 0 !important;
border-top: 2px dashed #dce1ea;
list-style: none !important;
}
.nf-popular-posts-widget .nf-popular-posts-list > li {
--nf-popular-color: #e91e63;
display: grid !important;
grid-template-columns: 31px minmax(0, 1fr);
grid-template-rows: auto auto;
align-items: center;
column-gap: 8px;
row-gap: 3px;
min-height: 62px;
margin: 0 !important;
padding: 8px 3px !important;
border: 0 !important;
border-bottom: 1px solid #e8ebf1 !important;
border-radius: 0 !important;
background: transparent !important;
}
.nf-popular-posts-widget .nf-popular-posts-list > li:last-child {
border-bottom-color: transparent !important;
}
.nf-popular-posts-widget .nf-popular-posts-list > li:nth-child(5n + 2) { --nf-popular-color: #7c3aed; }
.nf-popular-posts-widget .nf-popular-posts-list > li:nth-child(5n + 3) { --nf-popular-color: #078c83; }
.nf-popular-posts-widget .nf-popular-posts-list > li:nth-child(5n + 4) { --nf-popular-color: #2563eb; }
.nf-popular-posts-widget .nf-popular-posts-list > li:nth-child(5n) { --nf-popular-color: #d97706; }
.nf-popular-post-rank {
grid-column: 1;
grid-row: 1 / span 2;
color: var(--nf-popular-color);
font-size: 19px;
font-weight: 400;
line-height: 1;
text-align: center;
}
.nf-popular-posts-widget .nf-popular-posts-list a {
display: block !important;
grid-column: 2;
grid-row: 1;
width: 100% !important;
overflow: hidden;
color: #172036 !important;
font-size: 14px;
font-weight: 400;
line-height: 1.35;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-popular-post-views {
display: inline-flex;
grid-column: 2;
grid-row: 2;
align-items: center;
gap: 5px;
color: #758197;
font-size: 11px;
font-weight: 400;
line-height: 1.2;
}
.nf-popular-post-views::before {
content: "";
width: 14px;
height: 14px;
flex: 0 0 14px;
background: var(--nf-popular-color);
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/eye.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/eye.svg) center / contain no-repeat;
}
.nf-popular-posts-widget .nf-popular-posts-list > li:hover,
.nf-popular-posts-widget .nf-popular-posts-list > li:focus-within {
background: color-mix(in srgb, var(--nf-popular-color) 8%, #fff) !important;
}
.nf-popular-posts-widget .nf-popular-posts-list > li:hover a,
.nf-popular-posts-widget .nf-popular-posts-list > li:focus-within a {
color: var(--nf-popular-color) !important;
} .nf-content-layout,
.nf-headline-grid,
.nf-latest-grid,
.nf-home-list,
.nf-editor-grid,
.nf-archive-layout,
.nf-archive-grid,
.nf-page-layout,
.nf-article-layout,
.nf-sidebar,
.nf-sidebar-column,
.nf-widget-stack,
.nf-article-layout > .nf-sidebar,
.post-navigation .nav-links,
.nf-comments-area .comment-list {
gap: 10px !important;
row-gap: 10px !important;
column-gap: 10px !important;
}
.nf-headline-grid {
margin-bottom: 10px !important;
} .nf-sidebar .nf-side-title small,
.nf-sidebar-column .nf-side-title small,
.nf-sidebar .nf-side-title h2,
.nf-sidebar-column .nf-side-title h2,
.nf-sidebar .nf-trending-list strong,
.nf-sidebar-column .nf-trending-list strong {
font-weight: 400 !important;
} .nf-story-side-top .nf-story-body,
.nf-story-side-bottom .nf-story-body {
padding: 7px 18px !important;
}
.nf-story-side-top .nf-story-body h3,
.nf-story-side-bottom .nf-story-body h3 {
margin: 3px 0 2px !important;
}
.nf-story-side-top .nf-story-meta-row,
.nf-story-side-bottom .nf-story-meta-row {
margin-top: 3px !important;
} .nf-header-colormag .nf-breaking-bar {
height: 30px !important;
min-height: 30px !important;
box-sizing: border-box;
border-color: #edf3fa !important;
background: #f8fbff !important;
overflow: hidden;
}
.nf-header-colormag .nf-ticker-inner {
height: 28px !important;
min-height: 28px !important;
}
.nf-header-colormag .nf-ticker strong {
font-size: 13px !important;
}
.nf-header-colormag .nf-ticker-track {
font-size: 13px !important;
}
.nf-header-colormag .nf-ticker-track a::after {
width: 12px !important;
height: 12px !important;
right: -22px !important;
border-radius: 0 !important;
background: #e31b62 !important;
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/zap.svg) center / contain no-repeat;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/zap.svg) center / contain no-repeat;
}
.nf-header-colormag .nf-ticker-track a:nth-child(3n + 2)::after {
background: #2563eb !important;
-webkit-mask-image: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/newspaper.svg);
mask-image: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/newspaper.svg);
}
.nf-header-colormag .nf-ticker-track a:nth-child(3n)::after {
background: #e69000 !important;
-webkit-mask-image: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/star.svg);
mask-image: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/star.svg);
}
.nf-header-colormag .nf-header-ad,
.nf-header-colormag .nf-header-ad-placeholder,
.nf-header-colormag .nf-header-ad-empty {
border-radius: 12px !important;
}
.nf-header-colormag .nf-header-ad,
.nf-header-colormag .nf-header-ad-placeholder {
box-shadow: none !important;
}
.nf-header-colormag .nf-header-default-banner {
border-color: #d7b479 !important;
background: linear-gradient(135deg, #fffaf3 0%, #fff3de 100%) !important;
}
.nf-header-colormag .nf-header-default-banner .nf-header-ad-image {
width: 100% !important;
height: 60px !important;
object-fit: fill !important;
border-radius: inherit;
} .nf-header-colormag .nf-nav-list > li > a {
text-transform: none !important;
}
@media (min-width:981px) {
.nf-js .nf-header-colormag .nf-nav-list:not(.nf-nav-ready) {
visibility: hidden !important;
}
.nf-header-colormag .nf-navbar-inner {
border-color: #f8f1dc !important;
border-bottom-color: #f5ebcc !important;
background: linear-gradient(105deg, #fffefd 0%, #fffef6 55%, #fffbef 100%) !important;
box-shadow: 0 5px 14px rgba(142, 112, 42, .04) !important;
}
.nf-header-colormag .nf-nav-list > .current-menu-item > a,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a {
background: linear-gradient(135deg, #fffbeb, #fff6d8) !important;
box-shadow: inset 0 0 0 1px #f7e9bb !important;
}
} @media (min-width: 981px) {
.nf-content-layout {
grid-template-columns: minmax(0, 1fr) 350px !important;
}
.nf-page-layout,
.nf-article-layout,
.nf-single-modern .nf-article-shell {
grid-template-columns: minmax(0, 1fr) 350px !important;
}
.nf-archive-layout {
grid-template-columns: minmax(0, 1fr) 370px !important;
}
.nf-no-widgets .nf-article-layout,
.nf-no-widgets .nf-archive-layout {
grid-template-columns: minmax(0, 1fr) !important;
}
} .nf-home-list-card {
height: 120px;
min-height: 120px;
}
.nf-home-list-body {
justify-content: space-between;
padding-block: 4px;
} .nf-home-list-card .nf-home-list-body h3 {
display: block !important;
max-width: 100%;
min-height: 0 !important;
max-height: none !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-orient: initial;
-webkit-line-clamp: initial;
}
.nf-home-list-card .nf-home-list-body p {
display: block !important;
width: 100%;
min-height: 0;
max-height: none;
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-box-orient: initial;
-webkit-line-clamp: initial;
} .nf-editor-card h3 {
display: -webkit-box !important;
min-height: 2.56em;
max-height: 2.56em;
overflow: hidden;
white-space: normal !important;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
} .nf-latest-grid .nf-story-body p {
font-size: 15px;
}
.nf-latest-grid .nf-story-meta-row .nf-post-meta {
font-size: 14px;
} .nf-home-pulse-number {
font-size: 23px;
}
.nf-home-pulse-card .nf-category-badge {
font-size: 11px;
}
.nf-home-pulse-card h3 {
display: block;
min-height: 1.3em;
max-height: 1.3em;
overflow: hidden;
font-size: 19px;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-box-orient: initial;
-webkit-line-clamp: initial;
}
.nf-home-pulse-card > p {
min-height: 2.8em;
max-height: 2.8em;
font-size: 15px;
-webkit-line-clamp: 2;
}
.nf-home-pulse-meta {
font-size: 13px;
} .nf-header-colormag .nf-utilitybar {
border-bottom-color: #e5e7eb !important;
background: #fff !important;
color: #334155 !important;
box-shadow: inset 0 -1px rgba(76, 99, 232, .08);
}
.nf-header-colormag .nf-utility-date,
.nf-header-colormag .nf-utility-menu-list a,
.nf-header-colormag .nf-utility-menu > ul a {
color: #34415a !important;
}
.nf-header-colormag .nf-utility-menu-list a:hover,
.nf-header-colormag .nf-utility-menu-list a:focus-visible,
.nf-header-colormag .nf-utility-menu > ul a:hover,
.nf-header-colormag .nf-utility-menu > ul a:focus-visible {
color: #d81b60 !important;
}
.nf-header-colormag .nf-utility-socials a {
border-color: transparent !important;
background: transparent !important;
color: #586174 !important;
box-shadow: none !important;
}
.nf-header-colormag .nf-utility-socials a:hover,
.nf-header-colormag .nf-utility-socials a:focus-visible {
border-color: transparent !important;
background: rgba(108, 92, 231, .1) !important;
box-shadow: none !important;
}
.nf-utility-socials .nf-social-brand-icon {
display: block;
width: 13px;
height: 13px;
object-fit: contain;
}
.nf-utility-socials .nf-social-linkedin .nf-social-brand-icon {
filter: invert(33%) sepia(93%) saturate(1108%) hue-rotate(174deg) brightness(87%) contrast(101%);
}
.nf-utility-socials .nf-social-narya .nf-social-brand-icon {
filter: invert(26%) sepia(91%) saturate(2809%) hue-rotate(309deg) brightness(96%) contrast(92%);
} .nf-footer-logo {
font-size: 26px;
}
.nf-footer-brand p {
font-size: 16px;
}
.nf-footer-home-link {
font-size: 15px;
}
.nf-footer-column h2,
.nf-site-footer .widget-title {
font-size: 19px;
}
.nf-footer-list a,
.nf-site-footer li > a,
.nf-footer-posts a {
font-size: 15px;
}
.nf-footer-posts small {
font-size: 13px;
}
.nf-footer-bottom {
font-size: 14px;
} .nf-sidebar .nf-trending-list strong,
.nf-sidebar-column .nf-trending-list strong {
display: -webkit-box !important;
max-width: 100%;
max-height: 2.84em;
overflow: hidden;
white-space: normal !important;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
} .nf-home-list-card > .nf-post-media {
width: 108px !important;
height: 108px !important;
min-height: 108px !important;
}
.nf-home-list-body,
.nf-home-list-body .nf-story-meta-row,
.nf-home-list-body .nf-home-list-keywords {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
} .nf-home-list-body {
display: grid !important;
grid-template-rows: auto auto auto auto;
align-content: center;
row-gap: 4px;
height: 100%;
padding-top: 2px !important;
padding-bottom: 2px !important;
}
.nf-home-list-topline,
.nf-home-list-card .nf-home-list-body h3,
.nf-home-list-card .nf-home-list-body p,
.nf-home-list-body .nf-story-meta-row {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.nf-home-list-card .nf-home-list-body h3 {
line-height: 1.15;
}
.nf-home-list-card .nf-home-list-body p {
line-height: 1.2;
}
.nf-home-list-body .nf-story-meta-row {
align-self: end;
padding-top: 0 !important;
} html,
body,
#page,
.nf-site,
.site,
.site-content,
.nf-main,
.nf-content-section,
.nf-page-main,
.nf-archive-main,
.nf-article-page {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
background-clip: padding-box !important;
}
html::before,
html::after,
body::before,
body::after,
#page::before,
#page::after,
.nf-site::before,
.nf-site::after {
content: none !important;
display: none !important;
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
} .nf-home-list-body {
display: grid !important;
grid-template-rows: 22px 27px 19px 25px;
align-content: start !important;
align-items: center;
row-gap: 2px;
height: 108px !important;
min-height: 108px;
padding: 2px 12px !important;
overflow: hidden !important;
}
.nf-home-list-topline {
height: 22px;
min-height: 22px;
overflow: hidden;
}
.nf-home-list-topline .nf-category-badge {
max-height: 22px;
padding-top: 4px !important;
padding-bottom: 4px !important;
line-height: 1.1;
}
.nf-home-list-card .nf-home-list-body h3 {
display: block !important;
height: 27px !important;
min-height: 27px !important;
max-height: 27px !important;
margin: 0 !important;
overflow: hidden;
font-size: 21px;
line-height: 27px !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-home-list-card .nf-home-list-body p {
display: block !important;
height: 19px !important;
min-height: 19px !important;
max-height: 19px !important;
margin: 0 !important;
overflow: hidden;
font-size: 15px;
line-height: 19px !important;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-home-list-body .nf-story-meta-row {
align-self: auto !important;
height: 25px;
min-height: 25px;
margin: 0 !important;
padding-top: 0 !important;
overflow: hidden;
}
.nf-home-list-body .nf-home-list-keywords,
.nf-home-list-body .nf-home-list-keywords a {
height: 25px;
min-height: 25px;
line-height: 25px;
} .nf-home-list-card .nf-home-list-topline .nf-category-badge {
font-size: 10px !important;
line-height: 1.1 !important;
}
.nf-home-list-card .nf-home-list-body .nf-story-meta-row {
display: flex !important;
align-items: center !important;
height: 25px !important;
min-height: 25px !important;
max-height: 25px !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-body .nf-home-list-keywords {
display: flex !important;
align-items: center !important;
gap: 10px !important;
height: 25px !important;
min-height: 25px !important;
max-height: 25px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-body .nf-home-list-keywords a {
display: block !important;
height: 25px !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} .nf-home-list-card .nf-home-list-body {
position: relative !important;
grid-template-rows: 22px 27px 19px !important;
row-gap: 2px !important;
padding: 2px 12px 27px !important;
}
.nf-home-list-card .nf-home-list-body .nf-story-meta-row {
position: absolute !important;
left: 12px !important;
right: 12px !important;
bottom: 0 !important;
width: auto !important;
height: 25px !important;
min-height: 25px !important;
max-height: 25px !important;
padding: 0 !important;
margin: 0 !important;
border-top: 1px solid #e9edf3 !important;
box-sizing: border-box !important;
}
.nf-home-list-card .nf-home-list-body .nf-home-list-keywords,
.nf-home-list-card .nf-home-list-body .nf-home-list-keywords a {
height: 24px !important;
min-height: 24px !important;
max-height: 24px !important;
line-height: 24px !important;
font-size: 14px !important;
} .nf-latest-grid .nf-story-card > .nf-post-media,
.nf-editor-grid .nf-editor-card .nf-post-media {
width: calc(100% - 10px) !important;
max-width: calc(100% - 10px) !important;
margin: 5px 5px 0 !important;
box-sizing: border-box !important;
align-self: center;
} .nf-header-colormag .nf-breaking-bar {
height: auto !important;
min-height: 0 !important;
padding: 5px 0 !important;
border: 0 !important;
background: transparent !important;
overflow: visible !important;
}
.nf-header-colormag .nf-ticker-inner {
display: grid !important;
grid-template-columns: 195px minmax(0, 1fr) 92px !important;
align-items: center !important;
gap: 0 !important;
height: 54px !important;
min-height: 54px !important;
padding: 0 !important;
overflow: hidden !important;
border: 1px solid #e8edf4 !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: 0 7px 22px rgba(24, 39, 75, .08) !important;
}
.nf-header-colormag .nf-ticker-label {
position: relative;
z-index: 2;
display: inline-flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 13px !important;
width: 195px !important;
height: 54px !important;
min-height: 54px !important;
margin: 0 !important;
padding: 0 30px 0 23px !important;
border: 0 !important;
border-radius: 13px 0 0 13px !important;
background: linear-gradient(135deg, #ff1748 0%, #dd0c3d 100%) !important;
clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);
color: #ffffff !important;
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
line-height: 1 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon {
flex: 0 0 24px;
width: 24px !important;
height: 24px !important;
fill: #ffffff;
stroke: #ffffff;
}
.nf-header-colormag .nf-ticker-label span {
display: inline !important;
width: auto !important;
height: auto !important;
border-radius: 0 !important;
background: none !important;
animation: none !important;
}
.nf-header-colormag .nf-ticker-viewport {
min-width: 0 !important;
height: 54px !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
scroll-behavior: smooth;
}
.nf-header-colormag .nf-ticker-track {
display: flex !important;
align-items: stretch !important;
gap: 0 !important;
width: auto !important;
min-width: 100% !important;
height: 54px !important;
white-space: nowrap !important;
animation: none !important;
transform: none !important;
will-change: auto !important;
}
.nf-header-colormag .nf-ticker-track.is-animated {
animation: none !important;
}
.nf-header-colormag .nf-ticker-item {
position: relative;
display: grid !important;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
gap: 12px;
flex: 0 0 33.333333%;
min-width: 300px;
height: 54px;
padding: 0 27px !important;
color: #283041 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
text-decoration: none !important;
overflow: hidden;
}
.nf-header-colormag .nf-ticker-item::after {
content: "" !important;
position: absolute !important;
top: 15px !important;
right: 0 !important;
width: 1px !important;
height: 24px !important;
border-radius: 0 !important;
background: #cdd4df !important;
transform: none !important;
-webkit-mask: none !important;
mask: none !important;
}
.nf-header-colormag .nf-ticker-time {
color: #f01442;
font-size: 15px;
font-weight: 400;
line-height: 1;
}
.nf-header-colormag .nf-ticker-title {
display: block;
min-width: 0;
overflow: hidden;
color: #2f3748;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-header-colormag .nf-ticker-item:hover .nf-ticker-title,
.nf-header-colormag .nf-ticker-item:focus-visible .nf-ticker-title {
color: #e31247;
}
.nf-header-colormag .nf-ticker-empty {
display: flex;
align-items: center;
height: 54px;
padding: 0 24px;
color: #667085;
font-size: 14px;
}
.nf-header-colormag .nf-ticker-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
height: 54px;
padding: 0 8px;
background: #ffffff;
}
.nf-header-colormag .nf-ticker-control {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 38px;
width: 38px;
height: 38px;
padding: 0;
border: 0;
border-radius: 50%;
background: #f3f6fa;
color: #253047;
box-shadow: none;
cursor: pointer;
transition: background .2s ease, transform .2s ease;
}
.nf-header-colormag .nf-ticker-control:hover,
.nf-header-colormag .nf-ticker-control:focus-visible {
background: #e9eef5;
transform: translateY(-1px);
}
.nf-header-colormag .nf-ticker-control span {
display: block;
margin-top: -2px;
font-family: Arial, sans-serif;
font-size: 31px;
font-weight: 400;
line-height: 1;
}
@media (max-width: 1100px) {
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 175px minmax(0, 1fr) 86px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 175px !important;
padding-left: 19px !important;
font-size: 16px !important;
}
.nf-header-colormag .nf-ticker-item {
flex-basis: 50%;
min-width: 280px;
}
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 135px minmax(0, 1fr) 0 !important;
height: 48px !important;
min-height: 48px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 135px !important;
height: 48px !important;
min-height: 48px !important;
gap: 8px !important;
padding: 0 17px 0 14px !important;
font-size: 13px !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon {
width: 20px !important;
height: 20px !important;
}
.nf-header-colormag .nf-ticker-viewport,
.nf-header-colormag .nf-ticker-track,
.nf-header-colormag .nf-ticker-item {
height: 48px !important;
}
.nf-header-colormag .nf-ticker-item {
flex-basis: 100%;
min-width: 100%;
gap: 8px;
padding: 0 13px !important;
font-size: 12px !important;
}
.nf-header-colormag .nf-ticker-time {
font-size: 13px;
}
.nf-header-colormag .nf-ticker-controls {
display: none !important;
}
} .nf-header-colormag .nf-breaking-bar {
height: auto !important;
min-height: 0 !important;
padding: 3px 0 !important;
}
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 170px minmax(0, 1fr) 76px !important;
height: 35px !important;
min-height: 35px !important;
border-radius: 12px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 170px !important;
height: 35px !important;
min-height: 35px !important;
gap: 10px !important;
padding: 0 18px 0 14px !important;
border-radius: 12px 0 0 12px !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon {
width: 19px !important;
height: 19px !important;
flex-basis: 19px !important;
}
.nf-header-colormag .nf-ticker-viewport {
height: 35px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none;
-ms-overflow-style: none;
}
.nf-header-colormag .nf-ticker-viewport::-webkit-scrollbar {
display: none;
}
.nf-header-colormag .nf-ticker-track {
min-width: max-content !important;
height: 35px !important;
}
.nf-header-colormag .nf-ticker-item {
flex: 0 0 33.333333% !important;
min-width: 290px !important;
height: 35px !important;
padding: 0 20px !important;
}
.nf-header-colormag .nf-ticker-item::after {
top: 9px !important;
height: 17px !important;
}
.nf-header-colormag .nf-ticker-controls {
height: 35px !important;
padding: 0 6px !important;
gap: 6px !important;
}
.nf-header-colormag .nf-ticker-control {
width: 28px !important;
height: 28px !important;
flex: 0 0 28px !important;
}
.nf-header-colormag .nf-ticker-control span {
font-size: 24px !important;
}
@media (max-width: 1100px) {
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 155px minmax(0, 1fr) 72px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 155px !important;
}
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 128px minmax(0, 1fr) 0 !important;
height: 35px !important;
min-height: 35px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 128px !important;
height: 35px !important;
min-height: 35px !important;
padding: 0 12px 0 11px !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon {
width: 17px !important;
height: 17px !important;
flex-basis: 17px !important;
}
.nf-header-colormag .nf-ticker-viewport,
.nf-header-colormag .nf-ticker-track,
.nf-header-colormag .nf-ticker-item {
height: 35px !important;
}
.nf-header-colormag .nf-ticker-item {
flex-basis: 100% !important;
min-width: 100% !important;
padding: 0 12px !important;
}
} .nf-header-colormag .nf-ticker-track {
width: max-content !important;
min-width: max-content !important;
}
.nf-header-colormag .nf-ticker-item {
flex: 0 0 auto !important;
min-width: 0 !important;
max-width: none !important;
gap: 10px !important;
padding: 0 15px !important;
}
.nf-header-colormag .nf-ticker-title {
font-size: 16px !important;
line-height: 1 !important;
}
.nf-header-colormag .nf-ticker-item::after {
top: 10px !important;
height: 15px !important;
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-title {
font-size: 14px !important;
}
.nf-header-colormag .nf-ticker-item {
padding: 0 12px !important;
}
} @keyframes novaflow-breaking-label-shine {
0%, 55% {
transform: translateX(-145%) skewX(-18deg);
opacity: 0;
}
62% {
opacity: .2;
}
78% {
opacity: .55;
}
92%, 100% {
transform: translateX(235%) skewX(-18deg);
opacity: 0;
}
}
@keyframes novaflow-breaking-icon-pulse {
0%, 100% {
transform: scale(1);
}
45% {
transform: scale(1.14);
}
60% {
transform: scale(.98);
}
}
.nf-header-colormag .nf-ticker-label {
overflow: hidden !important;
font-weight: 400 !important;
}
.nf-header-colormag .nf-ticker-label::before {
content: "" !important;
position: absolute !important;
z-index: 0 !important;
top: -35% !important;
left: 0 !important;
width: 34px !important;
height: 170% !important;
pointer-events: none !important;
background: linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent) !important;
animation: novaflow-breaking-label-shine 2.8s ease-in-out infinite !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon,
.nf-header-colormag .nf-ticker-label span {
position: relative !important;
z-index: 1 !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon {
transform-origin: center !important;
animation: novaflow-breaking-icon-pulse 1.45s ease-in-out infinite !important;
}
.nf-header-colormag .nf-ticker-label span {
font-weight: 400 !important;
}
@media (prefers-reduced-motion: reduce) {
.nf-header-colormag .nf-ticker-label::before,
.nf-header-colormag .nf-ticker-label .nf-icon {
animation: none !important;
}
} .nf-header-colormag .nf-ticker-label {
gap: 6px !important;
padding-left: 10px !important;
}
.nf-header-colormag .nf-ticker-label span {
font-size: 18px !important;
font-weight: 400 !important;
transform: translateX(-3px) !important;
}
.nf-header-colormag .nf-ticker-title {
font-size: 14px !important;
line-height: 1 !important;
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-label span {
font-size: 15px !important;
}
.nf-header-colormag .nf-ticker-title {
font-size: 12px !important;
}
} .nf-header-colormag .nf-ticker-viewport {
overflow: hidden !important;
scroll-behavior: auto !important;
}
.nf-header-colormag .nf-ticker-track {
display: flex !important;
flex-wrap: nowrap !important;
width: max-content !important;
min-width: max-content !important;
will-change: transform !important;
backface-visibility: hidden;
transform: translate3d(0,0,0);
}
.nf-header-colormag .nf-ticker-label {
justify-content: flex-start !important;
gap: 6px !important;
padding-left: 10px !important;
padding-right: 18px !important;
}
.nf-header-colormag .nf-ticker-label span {
max-width: 120px !important;
overflow: hidden !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
transform: none !important;
}
.nf-header-colormag .nf-ticker-title {
font-size: 14px !important;
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-label span {
max-width: 92px !important;
font-size: 12px !important;
}
.nf-header-colormag .nf-ticker-title {
font-size: 12px !important;
}
} .nf-header-colormag .nf-ticker-label,
.nf-header-colormag .nf-ticker-label span {
font-size: 11px !important;
font-weight: 400 !important;
letter-spacing: 0.2px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 160px !important;
gap: 8px !important;
padding: 0 14px 0 12px !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon {
width: 16px !important;
height: 16px !important;
flex-basis: 16px !important;
}
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 160px minmax(0, 1fr) 76px !important;
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-label,
.nf-header-colormag .nf-ticker-label span {
font-size: 10px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 120px !important;
padding: 0 10px 0 9px !important;
}
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 120px minmax(0, 1fr) 0 !important;
}
} .nf-header-colormag .nf-ticker-track {
transform: translate3d(var(--nf-ticker-offset, 0px), 0, 0) !important;
transition: none !important;
will-change: transform !important;
}
.nf-header-colormag .nf-ticker-label,
.nf-header-colormag .nf-ticker-label span {
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
}
.nf-header-colormag .nf-ticker-label {
width: 152px !important;
min-width: 152px !important;
gap: 6px !important;
padding: 0 10px 0 8px !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon {
width: 14px !important;
height: 14px !important;
flex: 0 0 14px !important;
}
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 152px minmax(0, 1fr) 76px !important;
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-label,
.nf-header-colormag .nf-ticker-label span {
font-size: 12px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 116px !important;
min-width: 116px !important;
padding: 0 8px 0 7px !important;
}
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 116px minmax(0, 1fr) 0 !important;
}
} body.home .nf-home-feed .nf-section-heading,
body.blog .nf-home-feed .nf-section-heading,
body.home .nf-editor-section .nf-section-heading,
body.blog .nf-editor-section .nf-section-heading {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
min-height: 44px !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
body.home .nf-home-feed .nf-section-heading-icon,
body.blog .nf-home-feed .nf-section-heading-icon,
body.home .nf-editor-section .nf-section-heading-icon,
body.blog .nf-editor-section .nf-section-heading-icon {
flex: 0 0 34px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
color: var(--nf-accent) !important;
}
body.home .nf-home-feed .nf-section-heading-icon .nf-icon,
body.blog .nf-home-feed .nf-section-heading-icon .nf-icon,
body.home .nf-editor-section .nf-section-heading-icon .nf-icon,
body.blog .nf-editor-section .nf-section-heading-icon .nf-icon {
width: 28px !important;
height: 28px !important;
stroke-width: 2.2 !important;
}
body.home .nf-home-feed .nf-section-heading-copy,
body.blog .nf-home-feed .nf-section-heading-copy,
body.home .nf-editor-section .nf-section-heading-copy,
body.blog .nf-editor-section .nf-section-heading-copy {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
min-width: 0 !important;
height: 36px !important;
}
body.home .nf-home-feed .nf-section-heading .nf-eyebrow,
body.blog .nf-home-feed .nf-section-heading .nf-eyebrow,
body.home .nf-editor-section .nf-section-heading .nf-eyebrow,
body.blog .nf-editor-section .nf-section-heading .nf-eyebrow {
display: none !important;
}
body.home .nf-home-feed .nf-section-heading h2,
body.blog .nf-home-feed .nf-section-heading h2,
body.home .nf-editor-section .nf-section-heading h2,
body.blog .nf-editor-section .nf-section-heading h2 {
display: inline-flex !important;
align-items: center !important;
margin: 0 !important;
min-height: 36px !important;
color: var(--nf-ink) !important;
font-size: clamp(22px, 1.55vw, 28px) !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: -0.01em !important;
white-space: nowrap !important;
}
body.home .nf-home-feed .nf-section-heading .nf-section-line,
body.blog .nf-home-feed .nf-section-heading .nf-section-line,
body.home .nf-editor-section .nf-section-heading .nf-section-line,
body.blog .nf-editor-section .nf-section-heading .nf-section-line {
flex: 1 1 auto !important;
display: block !important;
align-self: center !important;
width: auto !important;
height: 2px !important;
margin: 0 0 0 8px !important;
position: relative !important;
top: 0 !important;
transform: none !important;
overflow: hidden !important;
background: linear-gradient(90deg, var(--nf-accent) 0 100%) !important;
opacity: .9 !important;
}
body.home .nf-home-feed .nf-section-heading .nf-section-line::before,
body.blog .nf-home-feed .nf-section-heading .nf-section-line::before,
body.home .nf-editor-section .nf-section-heading .nf-section-line::before,
body.blog .nf-editor-section .nf-section-heading .nf-section-line::before {
content: none !important;
display: none !important;
}
body.home .nf-home-feed .nf-section-more,
body.blog .nf-home-feed .nf-section-more,
body.home .nf-editor-section .nf-section-more,
body.blog .nf-editor-section .nf-section-more {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
min-height: 36px !important;
color: var(--nf-accent) !important;
font-size: 19px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
body.home .nf-home-feed .nf-section-more:hover,
body.home .nf-home-feed .nf-section-more:focus-visible,
body.blog .nf-home-feed .nf-section-more:hover,
body.blog .nf-home-feed .nf-section-more:focus-visible,
body.home .nf-editor-section .nf-section-more:hover,
body.home .nf-editor-section .nf-section-more:focus-visible,
body.blog .nf-editor-section .nf-section-more:hover,
body.blog .nf-editor-section .nf-section-more:focus-visible {
text-decoration: underline !important;
}
body.home .nf-home-feed .nf-section-more span,
body.blog .nf-home-feed .nf-section-more span,
body.home .nf-editor-section .nf-section-more span,
body.blog .nf-editor-section .nf-section-more span,
body.home .n body.home .nf-section-heading a.nf-section-more,
body.blog .nf-section-heading a.nf-section-more {
font-size: 19px !important;
line-height: 1 !important;
}
f-home-feed .nf-section-more::before,
body.blog .nf-home-feed .nf-section-more::before,
body.home .nf-editor-section .nf-section-more::before,
body.blog .nf-editor-section .nf-section-more::before,
body.home .nf-home-feed .nf-section-more::after,
body.blog .nf-home-feed .nf-section-more::after,
body.home .nf-editor-section .nf-section-more::after,
body.blog .nf-editor-section .nf-section-more::after {
content: none !important;
display: none !important;
}
body.home .nf-home-feed > .nf-section-heading:not(:first-child),
body.blog .nf-home-feed > .nf-section-heading:not(:first-child),
body.home .nf-home-list-section > .nf-section-heading,
body.blog .nf-home-list-section > .nf-section-heading {
margin-top: 18px !important;
}
body.home .nf-home-pulse > .nf-section-heading,
body.blog .nf-home-pulse > .nf-section-heading {
display: none !important;
}
body.home .nf-editor-section .nf-section-heading,
body.blog .nf-editor-section .nf-section-heading {
margin-bottom: 14px !important;
} body.home .nf-home-pulse .nf-home-pulse-number,
body.blog .nf-home-pulse .nf-home-pulse-number {
font-size: 26px !important;
}
body.home .nf-home-pulse .nf-home-pulse-card .nf-category-badge,
body.blog .nf-home-pulse .nf-home-pulse-card .nf-category-badge {
font-size: 14px !important;
}
body.home .nf-home-pulse .nf-home-pulse-card h3,
body.home .nf-home-pulse .nf-home-pulse-card h3 a,
body.blog .nf-home-pulse .nf-home-pulse-card h3,
body.blog .nf-home-pulse .nf-home-pulse-card h3 a {
font-size: 22px !important;
line-height: 1.2 !important;
}
body.home .nf-home-pulse .nf-home-pulse-card > p,
body.blog .nf-home-pulse .nf-home-pulse-card > p {
font-size: 18px !important;
line-height: 1.35 !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta,
body.home .nf-home-pulse .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-views,
body.blog .nf-home-pulse .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-views {
font-size: 16px !important;
line-height: 1.2 !important;
}
@media (max-width: 720px) {
body.home .nf-home-feed .nf-section-heading,
body.blog .nf-home-feed .nf-section-heading,
body.home .nf-editor-section .nf-section-heading,
body.blog .nf-editor-section .nf-section-heading {
gap: 8px !important;
min-height: 38px !important;
}
body.home .nf-home-feed .nf-section-heading-icon,
body.blog .nf-home-feed .nf-section-heading-icon,
body.home .nf-editor-section .nf-section-heading-icon,
body.blog .nf-editor-section .nf-section-heading-icon {
flex-basis: 28px !important;
width: 28px !important;
height: 28px !important;
}
body.home .nf-home-feed .nf-section-heading-icon .nf-icon,
body.blog .nf-home-feed .nf-section-heading-icon .nf-icon,
body.home .nf-editor-section .nf-section-heading-icon .nf-icon,
body.blog .nf-editor-section .nf-section-heading-icon .nf-icon {
width: 22px !important;
height: 22px !important;
}
body.home .nf-home-feed .nf-section-heading-copy,
body.blog .nf-home-feed .nf-section-heading-copy,
body.home .nf-editor-section .nf-section-heading-copy,
body.blog .nf-editor-section .nf-section-heading-copy,
body.home .nf-home-feed .nf-section-heading h2,
body.blog .nf-home-feed .nf-section-heading h2,
body.home .nf-editor-section .nf-section-heading h2,
body.blog .nf-editor-section .nf-section-heading h2,
body.home .nf-home-feed .nf-section-more,
body.blog .nf-home-feed .nf-section-more,
body.home .nf-editor-section .nf-section-more,
body.blog .nf-editor-section .nf-section-more {
min-height: 30px !important;
}
body.home .nf-home-feed .nf-section-heading h2,
body.blog .nf-home-feed .nf-section-heading h2,
body.home .nf-editor-section .nf-section-heading h2,
body.blog .nf-editor-section .nf-section-heading h2 {
font-size: 20px !important;
}
body.home .nf-home-feed .nf-section-more,
body.blog .nf-home-feed .nf-section-more,
body.home .nf-editor-section .nf-section-more,
body.blog .nf-editor-section .nf-section-more {
display: none !important;
}
body.home .nf-home-feed .nf-section-heading .nf-section-line,
body.blog .nf-home-feed .nf-section-heading .nf-section-line,
body.home .nf-editor-section .nf-section-heading .nf-section-line,
body.blog .nf-editor-section .nf-section-heading .nf-section-line {
margin-left: 6px !important;
}
} .nf-header-colormag .nf-ticker-label,
.nf-header-colormag .nf-ticker-label span {
font-size: 11px !important;
font-weight: 400 !important;
letter-spacing: 0.2px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 160px !important;
gap: 8px !important;
padding: 0 14px 0 12px !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon {
width: 16px !important;
height: 16px !important;
flex-basis: 16px !important;
}
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 160px minmax(0, 1fr) 76px !important;
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-label,
.nf-header-colormag .nf-ticker-label span {
font-size: 10px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 120px !important;
padding: 0 10px 0 9px !important;
}
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 120px minmax(0, 1fr) 0 !important;
}
} .nf-header-colormag .nf-ticker-track {
transform: translate3d(var(--nf-ticker-offset, 0px), 0, 0) !important;
transition: none !important;
will-change: transform !important;
}
.nf-header-colormag .nf-ticker-label,
.nf-header-colormag .nf-ticker-label span {
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: 0 !important;
}
.nf-header-colormag .nf-ticker-label {
width: 152px !important;
min-width: 152px !important;
gap: 6px !important;
padding: 0 10px 0 8px !important;
}
.nf-header-colormag .nf-ticker-label .nf-icon {
width: 14px !important;
height: 14px !important;
flex: 0 0 14px !important;
}
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 152px minmax(0, 1fr) 76px !important;
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-label,
.nf-header-colormag .nf-ticker-label span {
font-size: 12px !important;
}
.nf-header-colormag .nf-ticker-label {
width: 116px !important;
min-width: 116px !important;
padding: 0 8px 0 7px !important;
}
.nf-header-colormag .nf-ticker-inner {
grid-template-columns: 116px minmax(0, 1fr) 0 !important;
}
} .nf-section-heading {
display: grid !important;
grid-template-columns: 34px auto minmax(40px, 1fr) auto !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
min-height: 40px !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
.nf-section-heading-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
color: var(--nf-accent);
}
.nf-section-heading-icon .nf-icon {
width: 28px;
height: 28px;
stroke-width: 2.2;
}
.nf-section-heading-copy {
display: flex;
align-items: center;
min-width: 0;
min-height: 34px;
}
.nf-section-heading .nf-eyebrow {
display: none !important;
}
.nf-section-heading h2 {
margin: 0 !important;
color: var(--nf-ink) !important;
font-size: clamp(20px, 1.45vw, 26px) !important;
font-weight: 400 !important;
line-height: 1.15 !important;
letter-spacing: -0.01em !important;
white-space: nowrap;
}
.nf-section-heading .nf-section-line {
position: relative;
display: block !important;
align-self: center !important;
width: 100% !important;
height: 2px !important;
margin: 0 0 0 4px !important;
overflow: hidden;
background: linear-gradient(90deg, var(--nf-accent) 0 100%) !important;
opacity: .9;
}
.nf-section-heading .nf-section-line::before {
content: none !important;
display: none !important;
}
.nf-section-more {
display: inline-flex;
align-items: center;
gap: 5px;
flex: 0 0 auto;
color: var(--nf-accent) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap;
}
.nf-section-more:hover,
.nf-section-more:focus-visible {
text-decoration: underline !important;
}
.nf-section-more span {
font-size: 18px;
line-height: .8;
}
.nf-home-feed > .nf-section-heading:not(:first-child),
.nf-home-list-section > .nf-section-heading,
.nf-home-pulse > .nf-section-heading {
margin-top: 18px !important;
}
.nf-home-pulse > .nf-section-heading {
margin-top: 0 !important;
}
.nf-editor-section .nf-section-heading {
margin-bottom: 14px !important;
}
@media (max-width: 720px) {
.nf-section-heading {
grid-template-columns: 28px auto minmax(20px, 1fr) !important;
gap: 8px !important;
min-height: 36px !important;
}
.nf-section-heading-icon {
width: 28px;
height: 28px;
}
.nf-section-heading-icon .nf-icon {
width: 24px;
height: 24px;
}
.nf-section-heading h2 {
font-size: 20px !important;
}
.nf-section-more {
display: none !important;
}
.nf-section-heading .nf-section-line::before {
left: -30px;
width: 22px;
}
}
.nf-home-pulse > .nf-section-heading { display: none !important; } .nf-section-heading {
min-height: 42px !important;
}
.nf-section-heading h2 {
display: inline-flex !important;
align-items: center !important;
min-height: 34px !important;
} .nf-home-pulse-number {
font-size: 26px !important;
}
.nf-home-pulse-card .nf-category-badge {
font-size: 14px !important;
}
.nf-home-pulse-card h3 {
font-size: 22px !important;
}
.nf-home-pulse-card > p {
font-size: 18px !important;
}
.nf-home-pulse-meta {
font-size: 16px !important;
} .nf-section-heading {
display: flex !important;
align-items: center !important;
gap: 10px !important;
min-height: 42px !important;
}
.nf-section-heading-icon {
flex: 0 0 34px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
.nf-section-heading-copy {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
min-height: 34px !important;
}
.nf-section-heading h2 {
display: inline-flex !important;
align-items: center !important;
min-height: 34px !important;
margin: 0 !important;
line-height: 1 !important;
}
.nf-section-heading .nf-section-line {
flex: 1 1 auto !important;
align-self: center !important;
width: auto !important;
height: 2px !important;
margin: 0 0 0 8px !important;
transform: none !important;
position: static !important;
}
.nf-section-more {
flex: 0 0 auto !important;
display: inline-flex !important;
align-items: center !important;
min-height: 34px !important;
}
.nf-section-more span {
display: none !important;
} .nf-home-pulse-card .nf-category-badge {
font-size: 14px !important;
}
.nf-home-pulse-card h3,
.nf-home-pulse-card h3 a {
font-size: 22px !important;
line-height: 1.2 !important;
}
.nf-home-pulse-card > p {
font-size: 18px !important;
line-height: 1.35 !important;
}
.nf-home-pulse-meta,
.nf-home-pulse-meta time,
.nf-home-pulse-meta a,
.nf-home-pulse-views {
font-size: 16px !important;
line-height: 1.2 !important;
}
@media (max-width: 720px) {
.nf-section-heading {
min-height: 38px !important;
gap: 8px !important;
}
.nf-section-heading-icon {
flex-basis: 28px !important;
}
.nf-section-heading-copy,
.nf-section-heading h2,
.nf-section-more {
min-height: 30px !important;
}
.nf-section-heading .nf-section-line {
margin-left: 6px !important;
}
} body.home .nf-home-feed .nf-section-heading,
body.blog .nf-home-feed .nf-section-heading,
body.home .nf-editor-section .nf-section-heading,
body.blog .nf-editor-section .nf-section-heading {
display: flex !important;
align-items: center !important;
gap: 10px !important;
min-height: 42px !important;
}
body.home .nf-home-feed .nf-section-heading-icon,
body.blog .nf-home-feed .nf-section-heading-icon,
body.home .nf-editor-section .nf-section-heading-icon,
body.blog .nf-editor-section .nf-section-heading-icon {
flex: 0 0 34px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body.home .nf-home-feed .nf-section-heading-copy,
body.blog .nf-home-feed .nf-section-heading-copy,
body.home .nf-editor-section .nf-section-heading-copy,
body.blog .nf-editor-section .nf-section-heading-copy,
body.home .nf-home-feed .nf-section-heading h2,
body.blog .nf-home-feed .nf-section-heading h2,
body.home .nf-editor-section .nf-section-heading h2,
body.blog .nf-editor-section .nf-section-heading h2,
body.home .nf-home-feed .nf-section-more,
body.blog .nf-home-feed .nf-section-more,
body.home .nf-editor-section .nf-section-more,
body.blog .nf-editor-section .nf-section-more {
display: inline-flex !important;
align-items: center !important;
min-height: 34px !important;
}
body.home .nf-home-feed .nf-section-heading .nf-section-line,
body.blog .nf-home-feed .nf-section-heading .nf-section-line,
body.home .nf-editor-section .nf-section-heading .nf-section-line,
body.blog .nf-editor-section .nf-section-heading .nf-section-line {
flex: 1 1 auto !important;
align-self: center !important;
height: 2px !important;
margin: 0 0 0 8px !important;
position: relative !important;
top: -1px !important;
transform: none !important;
}
body.home .nf-home-feed .nf-section-more::before,
body.home .nf-home-feed .nf-section-more::after,
body.blog .nf-home-feed .nf-section-more::before,
body.blog .nf-home-feed .nf-section-more::after,
body.home .nf-editor-section .nf-section-more::before,
body.home .nf-editor-section .nf-section-more::after,
body.blog .nf-editor-section .nf-section-more::before,
body.blog .nf-editor-section .nf-section-more::after,
body.home .nf-home-feed .nf-section-more span,
body.blog .nf-home-feed .nf-section-more span,
body.home .nf-editor-section .nf-section-more span,
body.blog .nf-editor-section .nf-section-more span {
content: none !important;
display: none !important;
background: none !important;
}
body.home .nf-home-pulse .nf-home-pulse-card .nf-category-badge,
body.blog .nf-home-pulse .nf-home-pulse-card .nf-category-badge {
font-size: 14px !important;
}
body.home .nf-home-pulse .nf-home-pulse-card h3,
body.home .nf-home-pulse .nf-home-pulse-card h3 a,
body.blog .nf-home-pulse .nf-home-pulse-card h3,
body.blog .nf-home-pulse .nf-home-pulse-card h3 a {
font-size: 22px !important;
line-height: 1.2 !important;
}
body.home .nf-home-pulse .nf-home-pulse-card > p,
body.blog .nf-home-pulse .nf-home-pulse-card > p {
font-size: 18px !important;
line-height: 1.35 !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta,
body.home .nf-home-pulse .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-views,
body.blog .nf-home-pulse .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-views {
font-size: 16px !important;
line-height: 1.2 !important;
} body.home .nf-section-heading a.nf-section-more,
body.blog .nf-section-heading a.nf-section-more {
font-size: 19px !important;
line-height: 1 !important;
min-height: 36px !important;
}
body.home .nf-section-heading,
body.blog .nf-section-heading {
align-items: flex-end !important;
}
body.home .nf-section-heading .nf-section-heading-icon,
body.blog .nf-section-heading .nf-section-heading-icon,
body.home .nf-section-heading .nf-section-heading-copy,
body.blog .nf-section-heading .nf-section-heading-copy,
body.home .nf-section-heading h2,
body.blog .nf-section-heading h2,
body.home .nf-section-heading .nf-section-more,
body.blog .nf-section-heading .nf-section-more {
align-self: flex-end !important;
}
body.home .nf-section-heading .nf-section-line,
body.blog .nf-section-heading .nf-section-line {
align-self: flex-end !important;
margin: 0 0 8px 8px !important;
top: 0 !important;
} .nf-section-line { display: none !important; } body.home .nf-section-heading,
body.blog .nf-section-heading {
display: flex !important;
align-items: center !important;
}
body.home .nf-section-heading .nf-section-more,
body.blog .nf-section-heading .nf-section-more {
margin-left: auto !important;
text-align: right !important;
} .nf-home-list {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.nf-home-list-card {
grid-template-columns: 110px minmax(0, 1fr) !important;
height: 120px !important;
min-height: 120px !important;
}
.nf-home-list-card > .nf-post-media {
width: 110px !important;
height: 108px !important;
min-height: 108px !important;
}
.nf-home-list-card .nf-home-list-body {
position: static !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: 108px !important;
min-height: 108px !important;
padding: 2px 10px !important;
row-gap: 0 !important;
}
.nf-home-list-card .nf-home-list-topline {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
height: 20px !important;
min-height: 20px !important;
margin: 0 0 4px 0 !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-topline .nf-category-badge {
display: inline-flex !important;
align-items: center !important;
flex: 0 1 auto !important;
width: auto !important;
max-width: 44% !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
font-size: 12px !important;
line-height: 1.1 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.nf-home-list-card .nf-home-list-topline .nf-post-meta {
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
gap: 5px !important;
margin: 0 !important;
color: #64748b !important;
font-size: 13px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
.nf-home-list-card .nf-home-list-body h3 {
display: -webkit-box !important;
margin: 0 !important;
overflow: hidden !important;
height: auto !important;
min-height: 0 !important;
max-height: 46px !important;
font-size: 18px !important;
line-height: 1.28 !important;
text-overflow: ellipsis !important;
white-space: normal !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.nf-home-list-card .nf-home-list-body p,
.nf-home-list-card .nf-home-list-category-row {
display: none !important;
}
.nf-home-list-card .nf-home-list-body .nf-story-meta-row {
position: static !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
margin-top: auto !important;
padding: 0 !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-body .nf-story-meta-row .nf-post-meta,
.nf-home-list-card .nf-home-list-body .nf-story-meta-row .nf-story-views {
display: none !important;
}
.nf-home-list-card .nf-home-list-body .nf-home-list-keywords {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-body .nf-home-list-keywords a {
display: block !important;
flex: 0 1 auto !important;
min-width: 0 !important;
max-width: calc((100% - 20px) / 3) !important;
height: 20px !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
@media (max-width: 1200px) {
.nf-home-list {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
.nf-home-list {
grid-template-columns: 1fr !important;
}
} .nf-home-list-card .nf-home-list-topline,
.nf-home-list-card .nf-home-list-category-row,
.nf-home-list-card .nf-story-meta-row {
display: none !important;
}
.nf-home-list-card .nf-home-list-body {
position: static !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
height: 108px !important;
min-height: 108px !important;
padding: 4px 10px !important;
}
.nf-home-list-card .nf-home-list-body h3 {
font-size: 16px !important;
line-height: 1.28 !important;
margin: 0 !important;
max-height: 42px !important;
}
.nf-home-list-card .nf-home-list-body p {
display: none !important;
}
.nf-home-list-card .nf-home-list-bottomline {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 8px !important;
margin-top: auto !important;
min-height: 20px !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-bottomline .nf-category-badge {
display: inline-flex !important;
align-items: center !important;
flex: 0 1 auto !important;
width: auto !important;
max-width: 42% !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
color: var(--nf-category-color, var(--nf-accent)) !important;
font-size: 12px !important;
line-height: 1.1 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.nf-home-list-card .nf-home-list-bottomline .nf-post-meta {
display: inline-flex !important;
align-items: center !important;
flex: 0 0 auto !important;
gap: 5px !important;
margin: 0 !important;
color: #64748b !important;
font-size: 13px !important;
line-height: 1 !important;
white-space: nowrap !important;
} .nf-home-list {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.nf-home-list-card {
display: grid !important;
grid-template-columns: 112px minmax(0, 1fr) !important;
align-items: stretch !important;
min-height: 120px !important;
height: 120px !important;
border-radius: 10px !important;
}
.nf-home-list-card > .nf-post-media {
width: 112px !important;
min-width: 112px !important;
height: 112px !important;
min-height: 112px !important;
margin: 4px 0 4px 4px !important;
border-radius: 10px !important;
}
.nf-home-list-card .nf-home-list-topline,
.nf-home-list-card .nf-home-list-category-row {
display: none !important;
}
.nf-home-list-card .nf-home-list-body {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
min-height: 112px !important;
height: 112px !important;
padding: 6px 12px 6px 10px !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-body h3 {
margin: 0 0 5px 0 !important;
font-size: 19px !important;
line-height: 1.24 !important;
font-weight: 400 !important;
max-height: 48px !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.nf-home-list-card .nf-home-list-body p {
display: -webkit-box !important;
margin: 0 0 8px 0 !important;
color: #64748b !important;
font-size: 15px !important;
line-height: 1.35 !important;
overflow: hidden !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.nf-home-list-card .nf-home-list-bottomline {
display: flex !important;
align-items: center !important;
gap: 8px !important;
margin-top: auto !important;
min-height: 18px !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-bottomline::after {
content: "" !important;
display: block !important;
flex: 1 1 auto !important;
height: 1px !important;
background: #d7dee8 !important;
}
.nf-home-list-card .nf-home-list-bottomline .nf-post-meta {
display: none !important;
}
.nf-home-list-card .nf-home-list-bottomline .nf-category-badge {
display: inline-flex !important;
align-items: center !important;
flex: 0 1 auto !important;
width: auto !important;
max-width: 100% !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
font-size: 12px !important;
line-height: 1.15 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.nf-home-list-card .nf-home-list-body .nf-story-meta-row {
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 18px !important;
margin-top: 6px !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-body .nf-story-meta-row .nf-post-meta,
.nf-home-list-card .nf-home-list-body .nf-story-meta-row .nf-story-views {
display: none !important;
}
.nf-home-list-card .nf-home-list-body .nf-home-list-keywords {
display: flex !important;
align-items: center !important;
gap: 12px !important;
width: 100% !important;
min-height: 18px !important;
overflow: hidden !important;
}
.nf-home-list-card .nf-home-list-body .nf-home-list-keywords a {
display: block !important;
flex: 0 1 auto !important;
min-width: 0 !important;
max-width: calc((100% - 24px) / 3) !important;
padding: 0 !important;
font-size: 12px !important;
line-height: 1.2 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
@media (max-width: 1200px) {
.nf-home-list {
grid-template-columns: 1fr !important;
}
} .nf-home-list-section {
margin-top: 28px !important;
}
.nf-home-list-section .nf-home-list-hero {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 24px !important;
margin-bottom: 22px !important;
}
.nf-home-list-section .nf-home-list-hero-copy {
position: relative !important;
padding-left: 28px !important;
}
.nf-home-list-section .nf-home-list-hero-copy::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 6px !important;
width: 6px !important;
height: 70px !important;
border-radius: 999px !important;
background: linear-gradient(180deg, #ef2e7b 0%, #d91f77 100%) !important;
}
.nf-home-list-section .nf-home-list-eyebrow {
display: block !important;
margin-bottom: 2px !important;
color: #7182a3 !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: .55em !important;
text-transform: uppercase !important;
}
.nf-home-list-section .nf-home-list-hero h2 {
margin: 0 !important;
color: #16233d !important;
font-family: Georgia, 'Times New Roman', serif !important;
font-size: 44px !important;
line-height: 1.08 !important;
font-weight: 400 !important;
}
.nf-home-list-section .nf-home-list-hero p {
margin: 10px 0 0 !important;
color: #70809d !important;
font-size: 18px !important;
line-height: 1.5 !important;
}
.nf-home-list-section .nf-home-list-hero-link {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
align-self: center !important;
margin-top: 16px !important;
padding: 16px 24px !important;
border: 1px solid #f5dde7 !important;
border-radius: 16px !important;
background: #fff3f7 !important;
color: #e13f7f !important;
font-size: 18px !important;
font-weight: 400 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
.nf-home-list-section .nf-home-list-hero-link:hover,
.nf-home-list-section .nf-home-list-hero-link:focus-visible {
color: #d61f72 !important;
background: #ffeef5 !important;
}
.nf-home-list-section .nf-home-pagination {
display: none !important;
}
.nf-home-list-section .nf-home-list {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px !important;
}
.nf-home-list-section .nf-home-list-card {
display: grid !important;
grid-template-columns: 210px minmax(0, 1fr) !important;
align-items: stretch !important;
min-height: 204px !important;
height: 204px !important;
padding: 12px !important;
border: 1px solid #e7ecf3 !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: 0 8px 24px rgba(18, 34, 65, 0.04) !important;
}
.nf-home-list-section .nf-home-list-card > .nf-post-media {
width: 210px !important;
min-width: 210px !important;
height: 180px !important;
min-height: 180px !important;
margin: 0 !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
min-height: 180px !important;
height: 180px !important;
padding: 10px 12px 10px 18px !important;
overflow: hidden !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-topline,
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline {
display: flex !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-topline {
margin: 0 0 12px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-topline .nf-category-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
padding: 10px 18px !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: none !important;
font-size: 12px !important;
line-height: 1 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
.nf-home-list-section .nf-home-list-card:nth-child(3n + 1) .nf-category-badge {
color: #6b4df5 !important;
background: #efebff !important;
}
.nf-home-list-section .nf-home-list-card:nth-child(3n + 2) .nf-category-badge {
color: #de8c10 !important;
background: #fff2db !important;
}
.nf-home-list-section .nf-home-list-card:nth-child(3n + 3) .nf-category-badge {
color: #16815d !important;
background: #e3f3ec !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3 {
margin: 0 !important;
color: #1a2742 !important;
font-family: Georgia, 'Times New Roman', serif !important;
font-size: 26px !important;
line-height: 1.2 !important;
font-weight: 400 !important;
max-height: 96px !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body p,
.nf-home-list-section .nf-home-list-card .nf-home-list-category-row,
.nf-home-list-section .nf-home-list-card .nf-home-list-keywords,
.nf-home-list-section .nf-home-list-card .nf-home-list-body .nf-story-views {
display: none !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline {
align-items: center !important;
gap: 10px !important;
margin-top: auto !important;
color: #7787a4 !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta {
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
color: #7787a4 !important;
font-size: 18px !important;
line-height: 1.1 !important;
white-space: nowrap !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta svg {
width: 20px !important;
height: 20px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline time {
color: #7787a4 !important;
font-size: 18px !important;
}
@media (max-width: 1400px) {
.nf-home-list-section .nf-home-list {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.nf-home-list-section .nf-home-list-card {
grid-template-columns: 180px minmax(0, 1fr) !important;
}
.nf-home-list-section .nf-home-list-card > .nf-post-media {
width: 180px !important;
min-width: 180px !important;
height: 164px !important;
min-height: 164px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body {
min-height: 164px !important;
height: 164px !important;
}
}
@media (max-width: 991px) {
.nf-home-list-section .nf-home-list-hero {
flex-direction: column !important;
}
.nf-home-list-section .nf-home-list-hero-link {
align-self: flex-start !important;
margin-top: 0 !important;
}
.nf-home-list-section .nf-home-list {
grid-template-columns: 1fr !important;
}
}
@media (max-width: 767px) {
.nf-home-list-section .nf-home-list-hero h2 {
font-size: 34px !important;
}
.nf-home-list-section .nf-home-list-hero p {
font-size: 16px !important;
}
.nf-home-list-section .nf-home-list-card {
grid-template-columns: 1fr !important;
height: auto !important;
min-height: 0 !important;
}
.nf-home-list-section .nf-home-list-card > .nf-post-media {
width: 100% !important;
min-width: 0 !important;
height: 220px !important;
min-height: 220px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body {
min-height: 0 !important;
height: auto !important;
padding: 14px 4px 4px !important;
}
} .nf-home-list-section .nf-home-list-hero h2 {
font-size: 34px !important;
line-height: 1.12 !important;
}
.nf-home-list-section .nf-home-list-hero p {
font-size: 16px !important;
}
.nf-home-list-section .nf-home-list-hero-link {
padding: 14px 22px !important;
font-size: 16px !important;
border-radius: 14px !important;
}
.nf-home-list-section .nf-home-list {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 18px !important;
}
.nf-home-list-section .nf-home-list-card {
grid-template-columns: 160px minmax(0, 1fr) !important;
min-height: 156px !important;
height: 156px !important;
padding: 10px !important;
border-radius: 14px !important;
}
.nf-home-list-section .nf-home-list-card > .nf-post-media {
width: 160px !important;
min-width: 160px !important;
height: 136px !important;
min-height: 136px !important;
border-radius: 12px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body {
min-height: 136px !important;
height: 136px !important;
padding: 8px 10px 8px 14px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-topline {
margin: 0 0 8px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-topline .nf-category-badge {
padding: 8px 14px !important;
font-size: 11px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3 {
font-size: 18px !important;
line-height: 1.18 !important;
max-height: 64px !important;
-webkit-line-clamp: 3 !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta,
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline time {
font-size: 14px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta svg {
width: 16px !important;
height: 16px !important;
}
@media (max-width: 1400px) {
.nf-home-list-section .nf-home-list-card {
grid-template-columns: 150px minmax(0, 1fr) !important;
min-height: 150px !important;
height: 150px !important;
}
.nf-home-list-section .nf-home-list-card > .nf-post-media {
width: 150px !important;
min-width: 150px !important;
height: 130px !important;
min-height: 130px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body {
min-height: 130px !important;
height: 130px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3 {
font-size: 17px !important;
}
} .nf-home-list-section {
margin-top: 34px !important;
}
.nf-home-list-section .nf-home-list-hero {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 26px !important;
margin-bottom: 26px !important;
}
.nf-home-list-section .nf-home-list-hero-copy {
padding-left: 30px !important;
}
.nf-home-list-section .nf-home-list-hero-copy::before {
top: 4px !important;
width: 6px !important;
height: 74px !important;
}
.nf-home-list-section .nf-home-list-eyebrow {
margin-bottom: 4px !important;
font-size: 12px !important;
letter-spacing: .52em !important;
}
.nf-home-list-section .nf-home-list-hero h2 {
font-size: clamp(42px, 3.5vw, 56px) !important;
line-height: 1.03 !important;
letter-spacing: -0.02em !important;
}
.nf-home-list-section .nf-home-list-hero p {
margin-top: 12px !important;
font-size: 17px !important;
line-height: 1.55 !important;
}
.nf-home-list-section .nf-home-list-hero-link {
align-self: center !important;
margin-top: 12px !important;
padding: 16px 24px !important;
border-radius: 16px !important;
font-size: 17px !important;
}
.nf-home-list-section .nf-home-list {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px !important;
}
.nf-home-list-section .nf-home-list-card {
display: grid !important;
grid-template-columns: 182px minmax(0, 1fr) !important;
align-items: stretch !important;
min-height: 178px !important;
height: 178px !important;
padding: 11px !important;
border: 1px solid #e7ecf3 !important;
border-radius: 18px !important;
background: #fff !important;
box-shadow: 0 8px 22px rgba(18, 34, 65, 0.04) !important;
}
.nf-home-list-section .nf-home-list-card > .nf-post-media {
width: 182px !important;
min-width: 182px !important;
height: 156px !important;
min-height: 156px !important;
margin: 0 !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
min-height: 156px !important;
height: 156px !important;
padding: 8px 10px 8px 18px !important;
overflow: hidden !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-topline {
display: flex !important;
margin: 0 0 12px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-topline .nf-category-badge {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
max-width: 100% !important;
padding: 8px 16px !important;
border-radius: 999px !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 400 !important;
white-space: nowrap !important;
}
.nf-home-list-section .nf-home-list-card:nth-child(3n + 1) .nf-category-badge {
color: #6f59f7 !important;
background: #eee9ff !important;
}
.nf-home-list-section .nf-home-list-card:nth-child(3n + 2) .nf-category-badge {
color: #d99518 !important;
background: #fff2df !important;
}
.nf-home-list-section .nf-home-list-card:nth-child(3n + 3) .nf-category-badge {
color: #18825d !important;
background: #e1f0ea !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3 {
margin: 0 !important;
color: #1b2742 !important;
font-family: Georgia, 'Times New Roman', serif !important;
font-size: 22px !important;
line-height: 1.16 !important;
font-weight: 400 !important;
max-height: 82px !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body p,
.nf-home-list-section .nf-home-list-card .nf-home-list-category-row,
.nf-home-list-section .nf-home-list-card .nf-home-list-keywords,
.nf-home-list-section .nf-home-list-card .nf-home-list-body .nf-story-views {
display: none !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline {
display: flex !important;
align-items: center !important;
gap: 9px !important;
margin-top: auto !important;
color: #7b8aa5 !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
color: #7b8aa5 !important;
font-size: 15px !important;
line-height: 1.1 !important;
white-space: nowrap !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta svg {
width: 18px !important;
height: 18px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline time {
color: #7b8aa5 !important;
font-size: 15px !important;
}
.nf-home-list-section .nf-home-pagination {
display: none !important;
}
@media (max-width: 1500px) {
.nf-home-list-section .nf-home-list {
gap: 18px !important;
}
.nf-home-list-section .nf-home-list-card {
grid-template-columns: 170px minmax(0, 1fr) !important;
min-height: 170px !important;
height: 170px !important;
}
.nf-home-list-section .nf-home-list-card > .nf-post-media {
width: 170px !important;
min-width: 170px !important;
height: 148px !important;
min-height: 148px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body {
min-height: 148px !important;
height: 148px !important;
padding-left: 16px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3 {
font-size: 20px !important;
max-height: 72px !important;
}
}
@media (max-width: 1200px) {
.nf-home-list-section .nf-home-list {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 767px) {
.nf-home-list-section .nf-home-list-hero {
flex-direction: column !important;
gap: 16px !important;
}
.nf-home-list-section .nf-home-list-hero-link {
align-self: flex-start !important;
}
.nf-home-list-section .nf-home-list {
grid-template-columns: 1fr !important;
}
.nf-home-list-section .nf-home-list-card {
grid-template-columns: 1fr !important;
min-height: 0 !important;
height: auto !important;
}
.nf-home-list-section .nf-home-list-card > .nf-post-media {
width: 100% !important;
min-width: 0 !important;
height: 220px !important;
min-height: 220px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body {
min-height: 0 !important;
height: auto !important;
padding: 14px 4px 4px !important;
}
} .nf-home-list-section .nf-home-list {
gap: 5px !important;
}
.nf-home-list-section .nf-home-list-card {
border: 1px solid #e3e8f0 !important;
border-radius: 7px !important;
box-shadow: 0 8px 22px rgba(19, 30, 52, .08) !important;
}
.nf-home-list-section .nf-home-list-card > .nf-post-media {
border-radius: 7px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-topline .nf-category-badge {
font-size: 8px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3 {
font-size: 19px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta,
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline time {
font-size: 12px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta svg {
width: 15px !important;
height: 15px !important;
}
@media (max-width: 1500px) {
.nf-home-list-section .nf-home-list {
gap: 5px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-body h3 {
font-size: 17px !important;
}
} .nf-home-list-section .nf-home-list-hero-copy {
padding-left: 0 !important;
}
.nf-home-list-section .nf-home-list-hero-copy::before,
.nf-home-list-section .nf-home-list-eyebrow,
.nf-home-list-section .nf-home-list-hero p {
display: none !important;
content: none !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-topline .nf-category-badge {
font-size: 11px !important;
} .nf-home-list-section .nf-home-list-hero,
.nf-home-list-section .nf-home-list-hero-copy,
.nf-home-list-section .nf-home-list-hero-link,
.nf-home-list-section .nf-home-list-eyebrow {
display: none !important;
}
.nf-home-list-section > .nf-section-heading {
display: flex !important;
align-items: center !important;
gap: 14px !important;
margin: 0 0 18px !important;
}
.nf-home-list-section > .nf-section-heading .nf-section-heading-icon {
width: 32px !important;
height: 32px !important;
}
.nf-home-list-section > .nf-section-heading .nf-section-heading-copy,
.nf-home-list-section > .nf-section-heading h2,
.nf-home-list-section > .nf-section-heading .nf-section-more {
min-width: 0 !important;
}
.nf-home-list-section > .nf-section-heading h2 {
font-size: 21px !important;
line-height: 1.15 !important;
font-weight: 400 !important;
}
.nf-home-list-section > .nf-section-heading .nf-section-more {
font-size: 18px !important;
line-height: 1.1 !important;
} .nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta,
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline time {
font-size: 14px !important;
}
.nf-home-list-section .nf-home-list-card .nf-home-list-bottomline .nf-post-meta svg {
width: 17px !important;
height: 17px !important;
} body.home .nf-home-pulse,
body.blog .nf-home-pulse {
position: relative !important;
margin-top: 22px !important;
padding: 26px !important;
border-radius: 28px !important;
border: 1px solid #ebe6f6 !important;
background:
radial-gradient(circle at top left, rgba(255, 92, 159, 0.08), transparent 26%),
radial-gradient(circle at top right, rgba(95, 131, 255, 0.08), transparent 24%),
linear-gradient(180deg, #ffffff 0%, #fbfbff 100%) !important;
box-shadow: 0 16px 40px rgba(51, 63, 92, 0.08) !important;
overflow: hidden !important;
}
body.home .nf-home-pulse::before,
body.blog .nf-home-pulse::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(circle at 12% 14%, rgba(255, 87, 153, 0.12), transparent 18%),
radial-gradient(circle at 88% 16%, rgba(73, 125, 255, 0.10), transparent 18%),
radial-gradient(circle at 50% 100%, rgba(130, 91, 255, 0.08), transparent 22%);
}
body.home .nf-home-pulse .nf-home-pulse-grid,
body.blog .nf-home-pulse .nf-home-pulse-grid {
position: relative !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px !important;
z-index: 1 !important;
}
body.home .nf-home-pulse .nf-home-pulse-card,
body.blog .nf-home-pulse .nf-home-pulse-card {
position: relative !important;
display: flex !important;
flex-direction: column !important;
min-height: 300px !important;
padding: 24px 24px 22px !important;
border: 1px solid rgba(255, 255, 255, 0.75) !important;
border-radius: 24px !important;
background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.95) 100%) !important;
box-shadow: 0 14px 30px rgba(35, 47, 74, 0.10) !important;
overflow: hidden !important;
transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
body.home .nf-home-pulse .nf-home-pulse-card::before,
body.blog .nf-home-pulse .nf-home-pulse-card::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
right: 0 !important;
height: 6px !important;
border-radius: 24px 24px 0 0 !important;
background: linear-gradient(90deg, var(--pulse-accent), var(--pulse-accent-soft)) !important;
opacity: 1 !important;
}
body.home .nf-home-pulse .nf-home-pulse-card::after,
body.blog .nf-home-pulse .nf-home-pulse-card::after {
content: "";
position: absolute;
right: -46px;
bottom: -46px;
width: 140px;
height: 140px;
border-radius: 50%;
background: radial-gradient(circle at center, rgba(255,255,255,0.78) 0%, rgba(255,255,255,0) 72%);
pointer-events: none;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within,
body.blog .nf-home-pulse .nf-home-pulse-card:hover,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within {
transform: translateY(-6px) !important;
box-shadow: 0 20px 40px rgba(35, 47, 74, 0.16) !important;
border-color: rgba(255,255,255,0.95) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:nth-child(1),
body.blog .nf-home-pulse .nf-home-pulse-card:nth-child(1) {
--pulse-accent: #ff3f93;
--pulse-accent-soft: #ff71b3;
background: linear-gradient(180deg, #ffffff 0%, #fff7fb 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:nth-child(2),
body.blog .nf-home-pulse .nf-home-pulse-card:nth-child(2) {
--pulse-accent: #23c6a8;
--pulse-accent-soft: #59dfc4;
background: linear-gradient(180deg, #ffffff 0%, #f6fffc 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:nth-child(3),
body.blog .nf-home-pulse .nf-home-pulse-card:nth-child(3) {
--pulse-accent: #4f6dff;
--pulse-accent-soft: #7f95ff;
background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-topline,
body.blog .nf-home-pulse .nf-home-pulse-topline {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
margin-bottom: 18px !important;
}
body.home .nf-home-pulse .nf-home-pulse-number,
body.blog .nf-home-pulse .nf-home-pulse-number {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 58px !important;
height: 42px !important;
padding: 0 16px !important;
border-radius: 999px !important;
background: color-mix(in srgb, var(--pulse-accent) 12%, #ffffff) !important;
color: var(--pulse-accent) !important;
font-size: 28px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: -0.03em !important;
}
body.home .nf-home-pulse .nf-home-pulse-card .nf-category-badge,
body.blog .nf-home-pulse .nf-home-pulse-card .nf-category-badge {
display: inline-flex !important;
align-items: center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background: color-mix(in srgb, var(--pulse-accent) 14%, #ffffff) !important;
color: var(--pulse-accent) !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: .06em !important;
line-height: 1 !important;
text-transform: uppercase !important;
border: 1px solid color-mix(in srgb, var(--pulse-accent) 20%, #ffffff) !important;
box-shadow: none !important;
}
body.home .nf-home-pulse .nf-home-pulse-card h3,
body.home .nf-home-pulse .nf-home-pulse-card h3 a,
body.blog .nf-home-pulse .nf-home-pulse-card h3,
body.blog .nf-home-pulse .nf-home-pulse-card h3 a {
color: #182847 !important;
font-size: 19px !important;
line-height: 1.32 !important;
font-weight: 400 !important;
letter-spacing: -0.02em !important;
text-decoration: none !important;
}
body.home .nf-home-pulse .nf-home-pulse-card h3,
body.blog .nf-home-pulse .nf-home-pulse-card h3 {
margin: 0 0 12px !important;
min-height: 3.96em !important;
max-height: 3.96em !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
}
body.home .nf-home-pulse .nf-home-pulse-card > p,
body.blog .nf-home-pulse .nf-home-pulse-card > p {
margin: 0 0 18px !important;
color: #6d7a95 !important;
font-size: 15px !important;
line-height: 1.55 !important;
min-height: 4.65em !important;
max-height: 4.65em !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-meta {
display: flex !important;
align-items: center !important;
gap: 16px !important;
margin-top: auto !important;
padding-top: 14px !important;
border-top: 1px solid rgba(139, 152, 183, 0.18) !important;
color: #78859d !important;
font-size: 14px !important;
line-height: 1.2 !important;
flex-wrap: wrap !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-views,
body.blog .nf-home-pulse .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-views {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
color: #78859d !important;
font-size: 14px !important;
font-weight: 400 !important;
text-decoration: none !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-meta a {
margin-left: auto !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta .nf-icon,
body.blog .nf-home-pulse .nf-home-pulse-meta .nf-icon {
width: 18px !important;
height: 18px !important;
color: var(--pulse-accent) !important;
}
body.home .nf-home-pulse .nf-home-pulse-views::before,
body.blog .nf-home-pulse .nf-home-pulse-views::before {
background: rgba(122, 136, 166, 0.35) !important;
}
@media (max-width: 1200px) {
body.home .nf-home-pulse .nf-home-pulse-grid,
body.blog .nf-home-pulse .nf-home-pulse-grid {
grid-template-columns: 1fr !important;
}
body.home .nf-home-pulse .nf-home-pulse-card,
body.blog .nf-home-pulse .nf-home-pulse-card {
min-height: 0 !important;
}
} body.home .nf-home-pulse,
body.blog .nf-home-pulse {
background:
radial-gradient(circle at top left, rgba(255, 92, 159, 0.10), transparent 28%),
radial-gradient(circle at top right, rgba(95, 131, 255, 0.10), transparent 26%),
linear-gradient(180deg, #ffffff 0%, #fafbff 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card,
body.blog .nf-home-pulse .nf-home-pulse-card {
background: linear-gradient(180deg, rgba(255,255,255,0.99) 0%, rgba(252,253,255,0.97) 100%) !important;
box-shadow: 0 16px 34px rgba(40, 53, 84, 0.11) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:nth-child(1),
body.blog .nf-home-pulse .nf-home-pulse-card:nth-child(1) {
background: linear-gradient(180deg, #ffffff 0%, #fff4fa 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:nth-child(2),
body.blog .nf-home-pulse .nf-home-pulse-card:nth-child(2) {
background: linear-gradient(180deg, #ffffff 0%, #f2fffb 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:nth-child(3),
body.blog .nf-home-pulse .nf-home-pulse-card:nth-child(3) {
background: linear-gradient(180deg, #ffffff 0%, #f2f6ff 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card h3,
body.blog .nf-home-pulse .nf-home-pulse-card h3 {
margin: 0 0 8px !important;
min-height: 2.64em !important;
max-height: 2.64em !important;
-webkit-line-clamp: 2 !important;
}
body.home .nf-home-pulse .nf-home-pulse-card > p,
body.blog .nf-home-pulse .nf-home-pulse-card > p {
margin: 0 0 14px !important;
min-height: 4.2em !important;
max-height: 4.2em !important;
color: #667694 !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-meta {
gap: 18px !important;
padding-top: 12px !important;
font-size: 17px !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-views,
body.blog .nf-home-pulse .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-views {
font-size: 17px !important;
gap: 9px !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta .nf-icon,
body.blog .nf-home-pulse .nf-home-pulse-meta .nf-icon {
width: 21px !important;
height: 21px !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within,
body.blog .nf-home-pulse .nf-home-pulse-card:hover,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within {
transform: translateY(-8px) scale(1.01) !important;
box-shadow: 0 24px 42px rgba(40, 53, 84, 0.17) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover h3 a,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within h3 a,
body.blog .nf-home-pulse .nf-home-pulse-card:hover h3 a,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within h3 a {
color: var(--pulse-accent) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover > p,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within > p,
body.blog .nf-home-pulse .nf-home-pulse-card:hover > p,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within > p {
color: #465977 !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta,
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta a {
color: #4d5f7b !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-category-badge,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-category-badge,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-category-badge,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-category-badge {
transform: translateY(-1px) !important;
box-shadow: 0 10px 20px color-mix(in srgb, var(--pulse-accent) 16%, transparent) !important;
} body.home .nf-home-pulse,
body.blog .nf-home-pulse {
position: relative !important;
margin-top: 24px !important;
padding: 28px !important;
border: 1px solid #e8e4f6 !important;
border-radius: 30px !important;
background:
radial-gradient(circle at 0% 0%, rgba(255, 88, 157, 0.10), transparent 26%),
radial-gradient(circle at 100% 0%, rgba(82, 115, 255, 0.10), transparent 28%),
linear-gradient(135deg, #fffafc 0%, #ffffff 42%, #f8fbff 100%) !important;
box-shadow: 0 18px 48px rgba(46, 57, 85, 0.08) !important;
overflow: hidden !important;
}
body.home .nf-home-pulse::after,
body.blog .nf-home-pulse::after {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 12% 18%, rgba(255,255,255,0.75), transparent 16%),
radial-gradient(circle at 86% 82%, rgba(255,255,255,0.68), transparent 18%);
pointer-events: none;
}
body.home .nf-home-pulse .nf-home-pulse-grid,
body.blog .nf-home-pulse .nf-home-pulse-grid {
position: relative !important;
z-index: 1 !important;
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 20px !important;
}
body.home .nf-home-pulse .nf-home-pulse-card,
body.blog .nf-home-pulse .nf-home-pulse-card {
position: relative !important;
display: flex !important;
flex-direction: column !important;
min-height: 286px !important;
padding: 24px 24px 20px !important;
border: 1px solid rgba(255,255,255,0.95) !important;
border-radius: 26px !important;
background: rgba(255,255,255,0.78) !important;
backdrop-filter: blur(8px) !important;
-webkit-backdrop-filter: blur(8px) !important;
box-shadow: 0 12px 32px rgba(43, 53, 82, 0.10) !important;
overflow: hidden !important;
cursor: pointer !important;
transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease, background .26s ease !important;
}
body.home .nf-home-pulse .nf-home-pulse-card::before,
body.blog .nf-home-pulse .nf-home-pulse-card::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 18px !important;
bottom: 18px !important;
width: 4px !important;
border-radius: 999px !important;
background: linear-gradient(180deg, var(--pulse-accent), var(--pulse-accent-soft)) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card::after,
body.blog .nf-home-pulse .nf-home-pulse-card::after {
content: "" !important;
position: absolute !important;
right: -34px !important;
top: -34px !important;
width: 112px !important;
height: 112px !important;
border-radius: 50% !important;
background: radial-gradient(circle at center, color-mix(in srgb, var(--pulse-accent) 18%, #ffffff) 0%, rgba(255,255,255,0) 72%) !important;
pointer-events: none !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:nth-child(1),
body.blog .nf-home-pulse .nf-home-pulse-card:nth-child(1) {
--pulse-accent: #ff4e9f;
--pulse-accent-soft: #ff8cc0;
background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(255,245,250,0.92) 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:nth-child(2),
body.blog .nf-home-pulse .nf-home-pulse-card:nth-child(2) {
--pulse-accent: #15c5b2;
--pulse-accent-soft: #74e7d8;
background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(242,255,252,0.93) 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:nth-child(3),
body.blog .nf-home-pulse .nf-home-pulse-card:nth-child(3) {
--pulse-accent: #5273ff;
--pulse-accent-soft: #97aaff;
background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(244,247,255,0.94) 100%) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within,
body.blog .nf-home-pulse .nf-home-pulse-card:hover,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within {
transform: translateY(-8px) !important;
background: linear-gradient(180deg, rgba(255,255,255,0.99) 0%, color-mix(in srgb, var(--pulse-accent) 8%, #ffffff) 100%) !important;
border-color: color-mix(in srgb, var(--pulse-accent) 28%, #ffffff) !important;
box-shadow: 0 22px 40px color-mix(in srgb, var(--pulse-accent) 14%, rgba(43,53,82,0.10)) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card .nf-home-pulse-card-link,
body.blog .nf-home-pulse .nf-home-pulse-card .nf-home-pulse-card-link {
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
border-radius: 26px !important;
}
body.home .nf-home-pulse .nf-home-pulse-card .nf-home-pulse-topline,
body.blog .nf-home-pulse .nf-home-pulse-card .nf-home-pulse-topline,
body.home .nf-home-pulse .nf-home-pulse-card h3,
body.blog .nf-home-pulse .nf-home-pulse-card h3,
body.home .nf-home-pulse .nf-home-pulse-card > p,
body.blog .nf-home-pulse .nf-home-pulse-card > p,
body.home .nf-home-pulse .nf-home-pulse-card .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-card .nf-home-pulse-meta {
position: relative !important;
z-index: 3 !important;
}
body.home .nf-home-pulse .nf-home-pulse-topline,
body.blog .nf-home-pulse .nf-home-pulse-topline {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
margin-bottom: 16px !important;
}
body.home .nf-home-pulse .nf-home-pulse-number,
body.blog .nf-home-pulse .nf-home-pulse-number {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 64px !important;
height: 40px !important;
padding: 0 16px !important;
border-radius: 999px !important;
background: color-mix(in srgb, var(--pulse-accent) 16%, #ffffff) !important;
color: var(--pulse-accent) !important;
font-size: 23px !important;
line-height: 1 !important;
font-weight: 400 !important;
letter-spacing: -0.03em !important;
}
body.home .nf-home-pulse .nf-home-pulse-card .nf-category-badge,
body.blog .nf-home-pulse .nf-home-pulse-card .nf-category-badge {
position: relative !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
padding: 10px 14px !important;
border-radius: 999px !important;
background: color-mix(in srgb, var(--pulse-accent) 12%, #ffffff) !important;
color: var(--pulse-accent) !important;
border: 1px solid color-mix(in srgb, var(--pulse-accent) 16%, #ffffff) !important;
box-shadow: 0 8px 18px color-mix(in srgb, var(--pulse-accent) 8%, transparent) !important;
font-size: 13px !important;
font-weight: 400 !important;
line-height: 1 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
text-decoration: none !important;
}
body.home .nf-home-pulse .nf-home-pulse-card h3,
body.blog .nf-home-pulse .nf-home-pulse-card h3 {
margin: 0 0 6px !important;
min-height: 2.72em !important;
max-height: 2.72em !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
color: #162744 !important;
font-size: 21px !important;
line-height: 1.36 !important;
font-weight: 400 !important;
letter-spacing: -0.02em !important;
}
body.home .nf-home-pulse .nf-home-pulse-card h3 a,
body.blog .nf-home-pulse .nf-home-pulse-card h3 a {
color: inherit !important;
text-decoration: none !important;
}
body.home .nf-home-pulse .nf-home-pulse-card > p,
body.blog .nf-home-pulse .nf-home-pulse-card > p {
margin: 0 0 12px !important;
min-height: 4.2em !important;
max-height: 4.2em !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3 !important;
color: #63728f !important;
font-size: 16px !important;
line-height: 1.42 !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-meta {
display: flex !important;
align-items: center !important;
gap: 16px !important;
margin-top: auto !important;
padding-top: 14px !important;
border-top: 1px solid rgba(130, 145, 175, 0.18) !important;
color: #72819c !important;
font-size: 20px !important;
line-height: 1.2 !important;
flex-wrap: wrap !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-views,
body.blog .nf-home-pulse .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-views {
position: relative !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
color: #72819c !important;
font-size: 20px !important;
font-weight: 400 !important;
text-decoration: none !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-meta a { margin-left: auto !important; }
body.home .nf-home-pulse .nf-home-pulse-meta .nf-icon,
body.blog .nf-home-pulse .nf-home-pulse-meta .nf-icon {
width: 24px !important;
height: 24px !important;
color: var(--pulse-accent) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover h3,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within h3,
body.blog .nf-home-pulse .nf-home-pulse-card:hover h3,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within h3 {
color: var(--pulse-accent) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover > p,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within > p,
body.blog .nf-home-pulse .nf-home-pulse-card:hover > p,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within > p {
color: #41526f !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta,
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta a {
color: color-mix(in srgb, var(--pulse-accent) 60%, #5a6782) !important;
}
@media (max-width: 1200px) {
body.home .nf-home-pulse .nf-home-pulse-grid,
body.blog .nf-home-pulse .nf-home-pulse-grid { grid-template-columns: 1fr !important; }
body.home .nf-home-pulse .nf-home-pulse-card,
body.blog .nf-home-pulse .nf-home-pulse-card { min-height: 0 !important; }
} body.home .nf-home-pulse .nf-home-pulse-card h3,
body.blog .nf-home-pulse .nf-home-pulse-card h3 {
font-weight: 400 !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-meta,
body.home .nf-home-pulse .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-views,
body.blog .nf-home-pulse .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-views {
font-size: 18px !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta .nf-icon,
body.blog .nf-home-pulse .nf-home-pulse-meta .nf-icon {
width: 22px !important;
height: 22px !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover h3,
body.home .nf-home-pulse .nf-home-pulse-card:hover h3 a,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within h3,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within h3 a,
body.blog .nf-home-pulse .nf-home-pulse-card:hover h3,
body.blog .nf-home-pulse .nf-home-pulse-card:hover h3 a,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within h3,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within h3 a {
color: var(--pulse-accent) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover > p,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within > p,
body.blog .nf-home-pulse .nf-home-pulse-card:hover > p,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within > p {
color: color-mix(in srgb, var(--pulse-accent) 38%, #425472) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta,
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-views,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta time,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta a,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-views,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-views,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta time,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta a,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-views {
color: color-mix(in srgb, var(--pulse-accent) 55%, #586780) !important;
}
body.home .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta .nf-icon,
body.home .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta .nf-icon,
body.blog .nf-home-pulse .nf-home-pulse-card:hover .nf-home-pulse-meta .nf-icon,
body.blog .nf-home-pulse .nf-home-pulse-card:focus-within .nf-home-pulse-meta .nf-icon {
color: var(--pulse-accent) !important;
} .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-meta,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-meta a,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-link,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-date,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment::before {
transition: color .22s ease, opacity .22s ease, transform .22s ease, box-shadow .22s ease, background-color .22s ease;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:focus-within {
transform: translateX(3px);
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-meta,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-meta a,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:focus-within .wp-block-latest-comments__comment-meta,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:focus-within .wp-block-latest-comments__comment-meta a {
color: #e91e63 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-link,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:focus-within .wp-block-latest-comments__comment-link {
color: #1f2d4d !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-excerpt,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:focus-within .wp-block-latest-comments__comment-excerpt {
color: #4e5d78 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-date,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:focus-within .wp-block-latest-comments__comment-date {
color: #7c3aed !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover::before,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:focus-within::before {
background: #e91e63 !important;
} body.home .nf-home-pulse .nf-home-pulse-card,
body.blog .nf-home-pulse .nf-home-pulse-card {
height: 250px !important;
min-height: 250px !important;
max-height: 250px !important;
} body.home .nf-home-pulse .nf-home-pulse-card,
body.blog .nf-home-pulse .nf-home-pulse-card {
height: 200px !important;
min-height: 200px !important;
max-height: 200px !important;
padding: 16px 18px 14px !important;
}
body.home .nf-home-pulse .nf-home-pulse-topline,
body.blog .nf-home-pulse .nf-home-pulse-topline {
margin-bottom: 10px !important;
}
body.home .nf-home-pulse .nf-home-pulse-number,
body.blog .nf-home-pulse .nf-home-pulse-number {
min-width: 52px !important;
height: 34px !important;
padding: 0 12px !important;
font-size: 18px !important;
}
body.home .nf-home-pulse .nf-home-pulse-card .nf-category-badge,
body.blog .nf-home-pulse .nf-home-pulse-card .nf-category-badge {
padding: 8px 12px !important;
font-size: 12px !important;
}
body.home .nf-home-pulse .nf-home-pulse-card h3,
body.blog .nf-home-pulse .nf-home-pulse-card h3 {
margin: 0 0 4px !important;
min-height: 2.4em !important;
max-height: 2.4em !important;
font-size: 18px !important;
line-height: 1.2 !important;
}
body.home .nf-home-pulse .nf-home-pulse-card > p,
body.blog .nf-home-pulse .nf-home-pulse-card > p {
margin: 0 0 8px !important;
min-height: 2.8em !important;
max-height: 2.8em !important;
-webkit-line-clamp: 2 !important;
font-size: 15px !important;
line-height: 1.4 !important;
}
body.home .nf-home-pulse .nf-home-pulse-meta,
body.blog .nf-home-pulse .nf-home-pulse-meta {
padding-top: 10px !important;
gap: 12px !important;
} .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap {
display: block;
color: inherit !important;
text-decoration: none !important;
cursor: pointer;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:focus-visible {
outline: 2px solid color-mix(in srgb, var(--nf-comment-color) 42%, #ffffff);
outline-offset: 3px;
border-radius: 10px;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap article {
color: inherit;
} .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-meta,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-author,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-link,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-date {
font-weight: 400 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-link {
font-weight: 400 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap *,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment * {
transition: color .22s ease, opacity .22s ease, transform .22s ease, box-shadow .22s ease, background-color .22s ease !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:hover .wp-block-latest-comments__comment-meta,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:hover .wp-block-latest-comments__comment-author,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:focus-visible .wp-block-latest-comments__comment-meta,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:focus-visible .wp-block-latest-comments__comment-author,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-meta,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-author {
color: #e91e63 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:hover .wp-block-latest-comments__comment-link,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:focus-visible .wp-block-latest-comments__comment-link,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-link {
color: #2563eb !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:hover .wp-block-latest-comments__comment-excerpt,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:focus-visible .wp-block-latest-comments__comment-excerpt,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-excerpt {
color: #475569 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:hover .wp-block-latest-comments__comment-date,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap:focus-visible .wp-block-latest-comments__comment-date,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment:hover .wp-block-latest-comments__comment-date {
color: #7c3aed !important;
} .nf-sidebar .wp-block-latest-comments > li,
.nf-widget-stack .wp-block-latest-comments > li,
.nf-sidebar-column .wp-block-latest-comments > li {
transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease !important;
}
.nf-sidebar .wp-block-latest-comments__comment-wrap,
.nf-widget-stack .wp-block-latest-comments__comment-wrap,
.nf-sidebar-column .wp-block-latest-comments__comment-wrap {
display: block !important;
width: 100% !important;
height: 100% !important;
color: inherit !important;
text-decoration: none !important;
cursor: pointer;
}
.nf-sidebar .wp-block-latest-comments__comment-wrap *,
.nf-widget-stack .wp-block-latest-comments__comment-wrap *,
.nf-sidebar-column .wp-block-latest-comments__comment-wrap * {
transition: color .22s ease, opacity .22s ease, transform .22s ease !important;
}
.nf-sidebar .wp-block-latest-comments__comment-meta,
.nf-sidebar .wp-block-latest-comments__comment-author,
.nf-sidebar .wp-block-latest-comments__comment-link,
.nf-sidebar .wp-block-latest-comments__comment-excerpt,
.nf-sidebar .wp-block-latest-comments__comment-excerpt p,
.nf-sidebar .wp-block-latest-comments__comment-date,
.nf-widget-stack .wp-block-latest-comments__comment-meta,
.nf-widget-stack .wp-block-latest-comments__comment-author,
.nf-widget-stack .wp-block-latest-comments__comment-link,
.nf-widget-stack .wp-block-latest-comments__comment-excerpt,
.nf-widget-stack .wp-block-latest-comments__comment-excerpt p,
.nf-widget-stack .wp-block-latest-comments__comment-date,
.nf-sidebar-column .wp-block-latest-comments__comment-meta,
.nf-sidebar-column .wp-block-latest-comments__comment-author,
.nf-sidebar-column .wp-block-latest-comments__comment-link,
.nf-sidebar-column .wp-block-latest-comments__comment-excerpt,
.nf-sidebar-column .wp-block-latest-comments__comment-excerpt p,
.nf-sidebar-column .wp-block-latest-comments__comment-date {
font-weight: 400 !important;
}
.nf-sidebar .wp-block-latest-comments > li:hover,
.nf-sidebar .wp-block-latest-comments > li:focus-within,
.nf-widget-stack .wp-block-latest-comments > li:hover,
.nf-widget-stack .wp-block-latest-comments > li:focus-within,
.nf-sidebar-column .wp-block-latest-comments > li:hover,
.nf-sidebar-column .wp-block-latest-comments > li:focus-within {
background: color-mix(in srgb, var(--nf-accent) 8%, #ffffff) !important;
transform: translateX(3px);
}
.nf-sidebar .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-meta,
.nf-sidebar .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-author,
.nf-sidebar .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-meta,
.nf-sidebar .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-author,
.nf-widget-stack .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-meta,
.nf-widget-stack .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-author,
.nf-widget-stack .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-meta,
.nf-widget-stack .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-author,
.nf-sidebar-column .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-meta,
.nf-sidebar-column .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-author,
.nf-sidebar-column .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-meta,
.nf-sidebar-column .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-author {
color: #e91e63 !important;
}
.nf-sidebar .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-link,
.nf-sidebar .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-link,
.nf-widget-stack .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-link,
.nf-widget-stack .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-link,
.nf-sidebar-column .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-link,
.nf-sidebar-column .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-link {
color: #2563eb !important;
}
.nf-sidebar .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-date,
.nf-sidebar .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-date,
.nf-widget-stack .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-date,
.nf-widget-stack .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-date,
.nf-sidebar-column .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-date,
.nf-sidebar-column .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-date {
color: #7c3aed !important;
}
.nf-sidebar .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-excerpt,
.nf-sidebar .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-excerpt p,
.nf-sidebar .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-excerpt,
.nf-sidebar .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-excerpt p,
.nf-widget-stack .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-excerpt,
.nf-widget-stack .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-excerpt p,
.nf-widget-stack .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-excerpt,
.nf-widget-stack .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-excerpt p,
.nf-sidebar-column .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-excerpt,
.nf-sidebar-column .wp-block-latest-comments > li:hover .wp-block-latest-comments__comment-excerpt p,
.nf-sidebar-column .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-excerpt,
.nf-sidebar-column .wp-block-latest-comments > li:focus-within .wp-block-latest-comments__comment-excerpt p {
color: #4e5d78 !important;
} .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-meta,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-author,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-link,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt p {
font-size: 19px !important;
line-height: 1.5 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-date {
font-size: 15px !important;
line-height: 1.45 !important;
} .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-meta,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-author,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-link {
font-size: 15px !important;
line-height: 1.45 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt,
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt p {
font-size: 14px !important;
line-height: 1.45 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-date {
font-size: 12px !important;
line-height: 1.4 !important;
} @media (min-width: 981px) {
.nf-header-colormag .nf-nav-list {
justify-content: flex-start !important;
gap: 3px !important;
}
.nf-header-colormag .nf-nav-list > li {
flex: 0 1 auto !important;
min-width: 0 !important;
height: 40px !important;
}
.nf-header-colormag .nf-nav-list > li:not(.nf-nav-overflow-item)::after {
right: -2px !important;
}
.nf-header-colormag .nf-nav-list > li > a {
width: auto !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 2px 8px 2px 7px !important;
gap: 5px !important;
font-size: 15px !important;
line-height: 1.05 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
justify-content: center !important;
}
.nf-header-colormag .nf-nav-list > li > a::before {
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
}
} @media (min-width: 981px) {
.nf-header-colormag .nf-nav-list > li > a {
font-size: 16px !important;
}
.nf-header-colormag .nf-nav-overflow-item {
margin-left: 0 !important;
}
} @media (min-width: 981px) {
.nf-header-colormag .nf-navbar-inner,
.nf-header-colormag .nf-primary-nav,
.nf-header-colormag .nf-nav-list {
min-width: 0 !important;
max-width: 100% !important;
}
.nf-header-colormag .nf-nav-list {
justify-content: flex-start !important;
gap: 3px !important;
width: 100% !important;
overflow: visible !important;
}
.nf-header-colormag .nf-nav-list > li:not(.nf-nav-overflow-item) {
flex: 0 1 auto !important;
min-width: 0 !important;
max-width: 100% !important;
}
.nf-header-colormag .nf-nav-list > li:not(.nf-nav-overflow-item) > a {
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 2px 7px !important;
gap: 5px !important;
font-size: 16px !important;
line-height: 1.05 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.nf-header-colormag .nf-nav-list > li:not(.nf-nav-overflow-item) > a::before {
width: 18px !important;
height: 18px !important;
flex: 0 0 18px !important;
}
} @media (min-width: 981px) {
.nf-site-header,
.nf-header-colormag,
.nf-header-colormag .nf-navbar,
.nf-header-colormag .nf-navbar-inner,
.nf-header-colormag .nf-primary-nav,
.nf-header-colormag .nf-nav-list,
.nf-header-colormag .nf-nav-overflow-item {
overflow: visible !important;
}
.nf-header-colormag .nf-navbar {
position: relative !important;
z-index: 10000 !important;
}
.nf-header-colormag .nf-navbar-inner,
.nf-header-colormag .nf-primary-nav,
.nf-header-colormag .nf-nav-list,
.nf-header-colormag .nf-nav-overflow-item {
position: relative;
z-index: 10001 !important;
}
.nf-header-colormag .nf-nav-overflow-item > .nf-nav-overflow-menu {
position: absolute !important;
top: calc(100% + 6px) !important;
right: 0 !important;
left: auto !important;
z-index: 99999 !important;
isolation: isolate;
}
.nf-header-colormag .nf-nav-overflow-item.is-open > .nf-nav-overflow-menu {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}
.nf-header-colormag .nf-breaking-bar {
position: relative !important;
z-index: 1 !important;
}
.nf-header-colormag .nf-nav-list > li > a {
transition: transform .18s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
will-change: transform;
}
.nf-header-colormag .nf-nav-list > li > a:hover,
.nf-header-colormag .nf-nav-list > li > a:focus-visible {
transform: translateY(-2px) !important;
color: #7c3aed !important;
background: #fff3cb !important;
box-shadow: 0 4px 10px rgba(124, 58, 237, .10) !important;
}
.nf-header-colormag .nf-nav-list > .current-menu-item > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-item > a:focus-visible,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:focus-visible {
color: #6d28d9 !important;
}
} body > .nf-nav-overflow-menu.nf-nav-overflow-portal {
display: none !important;
box-sizing: border-box !important;
margin: 0 !important;
padding: 8px !important;
list-style: none !important;
overflow-x: hidden !important;
overflow-y: auto !important;
border: 1px solid #dfe5ee !important;
border-radius: 10px !important;
background: #ffffff !important;
box-shadow: 0 20px 48px rgba(30, 41, 59, .22) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateY(-4px) !important;
z-index: 2147483000 !important;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal.is-open {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
transform: translateY(0) !important;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > li {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > li + li {
border-top: 1px solid rgba(139, 104, 31, .14) !important;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > li > a {
display: flex !important;
align-items: center !important;
gap: 9px !important;
width: 100% !important;
min-height: 42px !important;
padding: 9px 11px !important;
border-radius: 7px !important;
color: #26364d !important;
background: #ffffff !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
text-decoration: none !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
transition: color .18s ease, background-color .18s ease, transform .18s ease !important;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > li > a:hover,
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > li > a:focus-visible {
color: #7c3aed !important;
background: #f7f5ff !important;
transform: translateX(2px) !important;
text-shadow: none !important;
} @media (min-width: 981px) {
.nf-header-colormag .nf-nav-list > li > a {
transform: translateY(0) !important;
will-change: transform;
}
.nf-header-colormag .nf-nav-list > li > a:hover,
.nf-header-colormag .nf-nav-list > li > a:focus-visible {
transform: translateY(-2px) !important;
color: #7c3aed !important;
background: #f7f1ff !important;
box-shadow: 0 4px 10px rgba(124, 58, 237, .10) !important;
text-shadow: none !important;
}
.nf-header-colormag .nf-nav-list > .current-menu-item > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-item > a:focus-visible,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:focus-visible {
color: #7c3aed !important;
text-shadow: none !important;
}
} body > .nf-nav-overflow-menu.nf-nav-overflow-portal > li > a::before {
content: "" !important;
display: block !important;
width: 19px !important;
height: 19px !important;
flex: 0 0 19px !important;
background: currentColor !important;
color: #4c1d95;
-webkit-mask-image: var(--nf-menu-icon) !important;
mask-image: var(--nf-menu-icon) !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-1 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/house.svg);
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-2 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/newspaper.svg);
color: #1d4ed8;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-3 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/cpu.svg);
color: #0f766e;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-4 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/chart-no-axes-combined.svg);
color: #15803d;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-5 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/trophy.svg);
color: #9a3412;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-6 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/star.svg);
color: #be123c;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-7 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/heart.svg);
color: #7e22ce;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-8 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/images.svg);
color: #0369a1;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-9 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/moon-star.svg);
color: #5b21b6;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-10 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/clapperboard.svg);
color: #0f766e;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-11 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/zap.svg);
color: #9a3412;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-12 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/pen-tool.svg);
color: #374151;
}
body > .nf-nav-overflow-menu.nf-nav-overflow-portal > .nf-menu-icon-13 > a::before {
--nf-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/store.svg);
color: #7c3aed;
} .nf-header-colormag .nf-nav-overflow-item,
.nf-header-colormag .nf-nav-overflow-toggle,
body > .nf-nav-overflow-menu.nf-nav-overflow-portal {
display: none !important;
} @media (min-width: 981px) {
.nf-header-colormag .nf-navbar-inner,
.nf-header-colormag .nf-primary-nav,
.nf-header-colormag .nf-nav-list {
box-sizing: border-box !important;
min-width: 0 !important;
max-width: 100% !important;
}
.nf-header-colormag .nf-primary-nav,
.nf-header-colormag .nf-nav-list {
width: 100% !important;
}
.nf-header-colormag .nf-nav-list {
justify-content: space-between !important;
column-gap: 0 !important;
row-gap: 0 !important;
overflow: visible !important;
}
.nf-header-colormag .nf-nav-list > li:not(.nf-nav-overflow-item) {
flex: 0 0 auto !important;
width: auto !important;
min-width: max-content !important;
max-width: none !important;
}
.nf-header-colormag .nf-nav-list > li:not(.nf-nav-overflow-item) > a {
box-sizing: border-box !important;
width: auto !important;
min-width: max-content !important;
max-width: none !important;
margin: 0 !important;
padding: 2px 7px !important;
white-space: nowrap !important;
overflow: visible !important;
text-overflow: clip !important;
}
.nf-header-colormag .nf-nav-list > li.nf-nav-clipped {
display: none !important;
}
.nf-header-colormag .nf-nav-list > li.nf-nav-last-visible::after {
display: none !important;
}
} body.home .nf-header-colormag .nf-nav-list > .nf-menu-home > a,
body.home .nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a,
body.home .nf-header-colormag .nf-nav-list > .nf-menu-home.current_page_item > a {
background: #f7f1ff !important;
color: #7c3aed !important;
box-shadow: 0 4px 10px rgba(124, 58, 237, .10) !important;
text-shadow: none !important;
}
body.home .nf-header-colormag .nf-nav-list > .nf-menu-home > a::before,
body.home .nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a::before,
body.home .nf-header-colormag .nf-nav-list > .nf-menu-home.current_page_item > a::before {
color: #7c3aed !important;
background: currentColor !important;
} .nf-featured-stories-box {
box-sizing: border-box;
width: 100%;
padding: 7px;
border: 1px solid #dfe5ee;
border-radius: 7px;
background: #ffffff;
box-shadow: 0 5px 18px rgba(19, 30, 52, .05);
}
.nf-featured-stories-box > .nf-section-heading {
margin-bottom: 10px !important;
}
.nf-featured-stories-box > .nf-headline-grid {
margin-bottom: 0 !important;
} .nf-story-card,
.nf-home-list-card,
.nf-editor-card,
.nf-home-pulse-card,
.nf-archive-card,
.nf-single-modern .nf-related-card,
.nf-sidebar .widget,
.nf-widget-stack .widget,
.nf-sidebar-column .widget,
.nf-sidebar .nf-widget,
.nf-widget-stack .nf-widget,
.nf-sidebar-column .nf-widget,
.nf-sidebar .nf-trending-card,
.nf-sidebar-column .nf-trending-card {
transition: transform .28s cubic-bezier(.2,.7,.2,1), box-shadow .28s ease, border-color .28s ease !important;
}
.nf-story-card .nf-post-media,
.nf-home-list-card .nf-post-media,
.nf-editor-card .nf-post-media,
.nf-archive-card .nf-post-media,
.nf-single-modern .nf-related-media,
.nf-sidebar .nf-trending-thumb,
.nf-sidebar-column .nf-trending-thumb {
overflow: hidden !important;
}
.nf-story-card .nf-post-media img,
.nf-home-list-card .nf-post-media img,
.nf-editor-card .nf-post-media img,
.nf-archive-card .nf-post-media img,
.nf-single-modern .nf-related-media img,
.nf-sidebar .nf-trending-thumb img,
.nf-sidebar-column .nf-trending-thumb img,
.nf-story-card .nf-image-fallback,
.nf-home-list-card .nf-image-fallback,
.nf-editor-card .nf-image-fallback,
.nf-archive-card .nf-image-fallback,
.nf-single-modern .nf-related-fallback {
transform: translateZ(0) scale(1) !important;
transform-origin: center center !important;
transition: transform .48s cubic-bezier(.2,.7,.2,1) !important;
backface-visibility: hidden;
}
@media (hover: hover) and (pointer: fine) {
.nf-story-card:hover,
.nf-home-list-card:hover,
.nf-editor-card:hover,
.nf-archive-card:hover,
.nf-single-modern .nf-related-card:hover,
.nf-sidebar .widget:hover,
.nf-widget-stack .widget:hover,
.nf-sidebar-column .widget:hover,
.nf-sidebar .nf-widget:hover,
.nf-widget-stack .nf-widget:hover,
.nf-sidebar-column .nf-widget:hover,
.nf-sidebar .nf-trending-card:hover,
.nf-sidebar-column .nf-trending-card:hover,
html body.home .nf-home-pulse .nf-home-pulse-card:hover,
html body.blog .nf-home-pulse .nf-home-pulse-card:hover {
transform: translateY(-5px) !important;
box-shadow: 0 14px 30px rgba(22, 34, 58, .14) !important;
}
.nf-story-card:hover .nf-post-media img,
.nf-home-list-card:hover .nf-post-media img,
.nf-editor-card:hover .nf-post-media img,
.nf-archive-card:hover .nf-post-media img,
.nf-single-modern .nf-related-card:hover .nf-related-media img,
.nf-story-card:hover .nf-image-fallback,
.nf-home-list-card:hover .nf-image-fallback,
.nf-editor-card:hover .nf-image-fallback,
.nf-archive-card:hover .nf-image-fallback,
.nf-single-modern .nf-related-card:hover .nf-related-fallback,
.nf-sidebar .nf-trending-list li > a:hover .nf-trending-thumb img,
.nf-sidebar-column .nf-trending-list li > a:hover .nf-trending-thumb img {
transform: translateZ(0) scale(1.045) !important;
}
}
.nf-story-card:focus-within,
.nf-home-list-card:focus-within,
.nf-editor-card:focus-within,
.nf-archive-card:focus-within,
.nf-single-modern .nf-related-card:focus-within,
.nf-sidebar .widget:focus-within,
.nf-widget-stack .widget:focus-within,
.nf-sidebar-column .widget:focus-within,
.nf-sidebar .nf-widget:focus-within,
.nf-widget-stack .nf-widget:focus-within,
.nf-sidebar-column .nf-widget:focus-within,
.nf-sidebar .nf-trending-card:focus-within,
.nf-sidebar-column .nf-trending-card:focus-within,
html body.home .nf-home-pulse .nf-home-pulse-card:focus-within,
html body.blog .nf-home-pulse .nf-home-pulse-card:focus-within {
transform: translateY(-5px) !important;
box-shadow: 0 14px 30px rgba(22, 34, 58, .14) !important;
}
.nf-story-card:focus-within .nf-post-media img,
.nf-home-list-card:focus-within .nf-post-media img,
.nf-editor-card:focus-within .nf-post-media img,
.nf-archive-card:focus-within .nf-post-media img,
.nf-single-modern .nf-related-card:focus-within .nf-related-media img,
.nf-story-card:focus-within .nf-image-fallback,
.nf-home-list-card:focus-within .nf-image-fallback,
.nf-editor-card:focus-within .nf-image-fallback,
.nf-archive-card:focus-within .nf-image-fallback,
.nf-single-modern .nf-related-card:focus-within .nf-related-fallback {
transform: translateZ(0) scale(1.045) !important;
}
@media (prefers-reduced-motion: reduce) {
.nf-story-card,
.nf-home-list-card,
.nf-editor-card,
.nf-home-pulse-card,
.nf-archive-card,
.nf-single-modern .nf-related-card,
.nf-sidebar .widget,
.nf-widget-stack .widget,
.nf-sidebar-column .widget,
.nf-sidebar .nf-widget,
.nf-widget-stack .nf-widget,
.nf-sidebar-column .nf-widget,
.nf-sidebar .nf-trending-card,
.nf-sidebar-column .nf-trending-card,
.nf-post-media img,
.nf-image-fallback,
.nf-single-modern .nf-related-media img,
.nf-single-modern .nf-related-fallback,
.nf-trending-thumb img {
transition-duration: .01ms !important;
}
} html body .nf-site,
html body .nf-site *,
html body .nf-site strong,
html body .nf-site b {
font-weight: 400 !important;
font-synthesis: none !important;
}  html body .nf-site .nf-featured-stories-box,
html body .nf-site .nf-featured-stories-box .nf-headline-grid > .nf-story-card {
border-radius: 8px !important;
} html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body > p {
position: relative !important;
margin-top: 0 !important;
padding-top: 10px !important;
border-top: 1px solid #e1e6ee !important;
} html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body h3::after {
content: none !important;
display: none !important;
} html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body {
display: flex !important;
flex-direction: column !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-category-badge {
position: static !important;
display: inline-flex !important;
align-items: center !important;
align-self: flex-start !important;
order: 1 !important;
margin: 0 0 8px 0 !important;
padding: 0 !important;
border: 0 !important;
background: none !important;
box-shadow: none !important;
font-size: 16px !important;
line-height: 1.2 !important;
text-transform: uppercase !important;
white-space: nowrap !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body h3 {
order: 2 !important;
margin-top: 0 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body > p {
order: 3 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body .nf-story-meta-row {
order: 4 !important;
}
html body .nf-site .nf-story-lead .nf-story-body > p {
display: none !important;
}
html body .nf-site .nf-story-lead .nf-story-body h3 {
margin-bottom: 10px !important;
}
html body .nf-site .nf-story-lead .nf-story-body .nf-story-meta-row {
margin-top: 4px !important;
} html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body {
padding-bottom: 0 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body .nf-story-meta-row {
box-sizing: border-box !important;
flex: 0 0 25px !important;
width: 100% !important;
height: 25px !important;
min-height: 25px !important;
max-height: 25px !important;
margin: 0 !important;
padding: 0 !important;
align-items: center !important;
overflow: hidden !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body .nf-story-meta-row .nf-post-meta {
display: inline-flex !important;
align-items: center !important;
height: 24px !important;
min-height: 24px !important;
margin: 0 !important;
line-height: 1 !important;
} html body .nf-site .nf-latest-grid .nf-story-card {
min-height: 0 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body {
display: grid !important;
grid-template-rows: auto auto minmax(0, 1fr) 25px !important;
align-content: start !important;
row-gap: 10px !important;
padding: 16px 18px 0 !important;
overflow: hidden !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-category-badge {
order: initial !important;
margin: 0 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body h3 {
order: initial !important;
min-height: 2.56em !important;
max-height: 2.56em !important;
margin: 0 !important;
line-height: 1.28 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body > p {
order: initial !important;
display: -webkit-box !important;
min-height: 3.0em !important;
max-height: 3.0em !important;
margin: 0 !important;
padding-top: 0 !important;
border-top: 0 !important;
overflow: hidden !important;
color: var(--nf-muted) !important;
font-size: 13px !important;
line-height: 1.5 !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body .nf-story-meta-row {
order: initial !important;
align-self: end !important;
margin-top: 0 !important;
border-top: 1px solid #e1e6ee !important;
}
@media (min-width: 981px) {
.nf-header-colormag .nf-nav-list > li > a {
transform: translateY(0) scale(1) !important;
transform-origin: center center !important;
transition: transform .18s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}
.nf-header-colormag .nf-nav-list > li > a:hover,
.nf-header-colormag .nf-nav-list > li > a:focus-visible {
transform: translateY(-2px) scale(1.045) !important;
color: #0f766e !important;
background: #ecfeff !important;
box-shadow: 0 4px 10px rgba(15, 118, 110, .12) !important;
text-shadow: none !important;
}
.nf-header-colormag .nf-nav-list > li > a:hover::before,
.nf-header-colormag .nf-nav-list > li > a:focus-visible::before {
color: #0f766e !important;
background: currentColor !important;
}
.nf-header-colormag .nf-nav-list > .current-menu-item > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-item > a:focus-visible,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:focus-visible {
color: #0f766e !important;
}
} html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body > p {
font-size: 15px !important;
line-height: 1.42 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body .nf-story-meta-row .nf-post-meta {
font-size: 14px !important;
}
@media (min-width: 981px) {
.nf-header-colormag .nf-nav-list > li > a {
font-weight: 400 !important;
transform: translateY(0) !important;
}
.nf-header-colormag .nf-nav-list > li > a:hover,
.nf-header-colormag .nf-nav-list > li > a:focus-visible {
font-weight: 700 !important;
color: #d946ef !important;
background: #fdf4ff !important;
box-shadow: 0 4px 10px rgba(217, 70, 239, .14) !important;
transform: translateY(-2px) !important;
text-shadow: none !important;
}
.nf-header-colormag .nf-nav-list > li > a:hover::before,
.nf-header-colormag .nf-nav-list > li > a:focus-visible::before {
color: #d946ef !important;
background: currentColor !important;
}
.nf-header-colormag .nf-nav-list > .current-menu-item > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-item > a:focus-visible,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:focus-visible {
font-weight: 700 !important;
color: #d946ef !important;
}
} html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body h3,
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body h3 a {
font-weight: 700 !important;
}
@media (min-width: 981px) {
.nf-header-colormag .nf-nav-list > li {
position: relative !important;
overflow: visible !important;
}
.nf-header-colormag .nf-nav-list > li > a {
position: relative !important;
z-index: 1 !important;
font-weight: 400 !important;
transform: translateY(0) !important;
transition: transform .18s ease, color .18s ease, background-color .18s ease, box-shadow .18s ease, -webkit-text-stroke-color .18s ease !important;
will-change: transform;
}
.nf-header-colormag .nf-nav-list > li > a:hover,
.nf-header-colormag .nf-nav-list > li > a:focus-visible {
transform: translateY(-2px) !important;
color: #d946ef !important;
background: #fdf4ff !important;
box-shadow: 0 4px 10px rgba(217, 70, 239, .14) !important;
font-weight: 400 !important;
-webkit-text-stroke: 0.35px currentColor !important;
text-shadow: 0 0 0 currentColor !important;
}
.nf-header-colormag .nf-nav-list > li > a:hover::before,
.nf-header-colormag .nf-nav-list > li > a:focus-visible::before {
color: #d946ef !important;
background: currentColor !important;
}
.nf-header-colormag .nf-nav-list > .current-menu-item > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-item > a:focus-visible,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:hover,
.nf-header-colormag .nf-nav-list > .current-menu-ancestor > a:focus-visible {
color: #d946ef !important;
-webkit-text-stroke: 0.35px currentColor !important;
text-shadow: 0 0 0 currentColor !important;
}
} html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body {
grid-template-rows: auto minmax(0, 1fr) auto 35px !important;
row-gap: 10px !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body h3 {
order: 1 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body > p {
order: 2 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-category-badge {
order: 3 !important;
align-self: flex-start !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 1.2 !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body .nf-story-meta-row {
order: 4 !important;
box-sizing: border-box !important;
flex: 0 0 35px !important;
width: 100% !important;
height: 35px !important;
min-height: 35px !important;
max-height: 35px !important;
margin: 0 !important;
padding: 0 !important;
align-items: center !important;
align-self: end !important;
overflow: hidden !important;
border-top: 1px solid #e1e6ee !important;
}
html body .nf-site .nf-latest-grid .nf-story-card .nf-story-body .nf-story-meta-row .nf-post-meta {
display: inline-flex !important;
align-items: center !important;
height: 34px !important;
min-height: 34px !important;
margin: 0 !important;
line-height: 1 !important;
} html body .nf-site .nf-home-pulse .nf-home-pulse-card {
display: flex !important;
flex-direction: column !important;
}
html body .nf-site .nf-home-pulse .nf-home-pulse-card > p {
display: none !important;
}
html body .nf-site .nf-home-pulse .nf-home-pulse-card .nf-home-pulse-meta {
margin-top: auto !important;
} html body .nf-site .nf-header-colormag .nf-utilitybar.nf-utilitybar-reference {
box-sizing: border-box !important;
width: 100% !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: linear-gradient(90deg, #fffefe 0%, #fcfaff 56%, #fbf9fc 100%) !important;
border: 0 !important;
border-bottom: 1px solid #eee6ed !important;
color: #687287 !important;
box-shadow: none !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-container.nf-utilitybar-inner {
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
height: 52px !important;
min-height: 52px !important;
max-height: 52px !important;
margin: 0 !important;
padding: 0 10px !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 24px !important;
overflow: visible !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utilitybar-left {
display: flex !important;
align-items: center !important;
gap: 58px !important;
min-width: 0 !important;
height: 52px !important;
flex: 1 1 auto !important;
overflow: visible !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-date {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
height: 52px !important;
color: #6d7486 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-date .nf-icon {
width: 16px !important;
height: 16px !important;
color: #ff3f86 !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list {
height: 52px !important;
min-height: 52px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list {
display: flex !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 0 !important;
list-style: none !important;
white-space: nowrap !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list > li {
position: relative !important;
display: flex !important;
align-items: center !important;
height: 52px !important;
margin: 0 17px 0 0 !important;
padding: 0 19px 0 0 !important;
flex: 0 0 auto !important;
list-style: none !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list > li::after {
content: "/" !important;
position: absolute !important;
right: 0 !important;
top: 50% !important;
transform: translateY(-52%) !important;
color: #d5cfda !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list > li:last-child {
margin-right: 0 !important;
padding-right: 0 !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list > li:last-child::after { display:none !important; }
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list a {
display: inline-flex !important;
align-items: center !important;
height: 52px !important;
padding: 0 !important;
color: #526078 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1 !important;
text-decoration: none !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list a:hover,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list a:focus-visible { color:#7a5cc8 !important; }
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utilitybar-right {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 18px !important;
height: 52px !important;
flex: 0 0 auto !important;
overflow: visible !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-follow-label {
color: #6a7284 !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-socials {
display: flex !important;
align-items: center !important;
gap: 10px !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-socials a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #f2e5ec !important;
border-radius: 50% !important;
background: #ffffff !important;
box-shadow: 0 2px 8px rgba(113, 101, 120, .07) !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-socials .nf-social-brand-icon {
width: 14px !important;
height: 14px !important;
display: block !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
height: 52px !important;
margin-left: 8px !important;
padding-left: 24px !important;
color: #5d687d !important;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 1 !important;
white-space: nowrap !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 50% !important;
width: 1px !important;
height: 24px !important;
transform: translateY(-50%) !important;
background: #e3dce6 !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode .nf-icon {
width: 17px !important;
height: 17px !important;
color: #ff3f86 !important;
}
@media (max-width: 1100px) {
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utilitybar-left { gap:24px !important; }
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-follow-label { display:none !important; }
}
@media (max-width: 860px) {
html body .nf-site .nf-header-colormag .nf-utilitybar.nf-utilitybar-reference,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-container.nf-utilitybar-inner { height:auto !important; max-height:none !important; }
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-container.nf-utilitybar-inner { min-height:52px !important; padding:8px 10px !important; flex-wrap:wrap !important; }
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utilitybar-left,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utilitybar-right { height:auto !important; }
} html body .nf-site .nf-header-colormag .nf-utilitybar.nf-utilitybar-reference,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-container.nf-utilitybar-inner,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utilitybar-left,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utilitybar-right,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-socials {
box-sizing: border-box !important;
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list > li,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list a,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode {
height: 30px !important;
min-height: 30px !important;
max-height: 30px !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-date,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list a,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-follow-label,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode {
font-size: 14px !important;
line-height: 1 !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-socials a {
width: 28px !important;
height: 28px !important;
min-width: 28px !important;
min-height: 28px !important;
pointer-events: auto !important;
cursor: pointer !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode {
appearance: none !important;
-webkit-appearance: none !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
cursor: pointer !important;
font-family: inherit !important;
}
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode:hover,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode:focus-visible {
color: #d81b60 !important;
}
html.nf-dark-mode {
color-scheme: dark;
--nf-ink: #e8edf7;
--nf-muted: #aeb8ca;
--nf-surface: #151b27;
--nf-page: #0d111a;
--nf-dark: #05070c;
--nf-border: rgba(226,232,240,.14);
--nf-shadow: 0 24px 70px rgba(0,0,0,.36);
--nf-soft-shadow: 0 12px 35px rgba(0,0,0,.26);
}
html.nf-dark-mode body,
html.nf-dark-mode .nf-site {
background: var(--nf-page) !important;
color: var(--nf-ink) !important;
}
html.nf-dark-mode .nf-header-colormag .nf-utilitybar,
html.nf-dark-mode .nf-header-colormag .nf-brandbar,
html.nf-dark-mode .nf-header-colormag .nf-navbar-inner,
html.nf-dark-mode .nf-story-card,
html.nf-dark-mode .nf-home-list-card,
html.nf-dark-mode .nf-editor-card,
html.nf-dark-mode .nf-home-pulse-card,
html.nf-dark-mode .nf-archive-card,
html.nf-dark-mode .nf-featured-stories-box,
html.nf-dark-mode .nf-widget,
html.nf-dark-mode .widget,
html.nf-dark-mode .nf-comments-area,
html.nf-dark-mode .nf-site-footer {
background-color: #151b27 !important;
color: #e8edf7 !important;
border-color: rgba(226,232,240,.14) !important;
}
html.nf-dark-mode .nf-header-colormag .nf-utilitybar-reference .nf-utility-date,
html.nf-dark-mode .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list a,
html.nf-dark-mode .nf-header-colormag .nf-utilitybar-reference .nf-utility-follow-label,
html.nf-dark-mode .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode,
html.nf-dark-mode .nf-header-colormag .nf-nav-list > li > a,
html.nf-dark-mode .nf-section-heading h2,
html.nf-dark-mode .nf-story-body h3,
html.nf-dark-mode .nf-home-list-body h3,
html.nf-dark-mode .nf-editor-card h3,
html.nf-dark-mode .nf-home-pulse-card h3 {
color: #e8edf7 !important;
}
html.nf-dark-mode .nf-header-colormag .nf-utility-socials a,
html.nf-dark-mode input,
html.nf-dark-mode textarea,
html.nf-dark-mode select {
background: #202838 !important;
border-color: rgba(226,232,240,.16) !important;
color: #e8edf7 !important;
}
html.nf-dark-mode .nf-story-body p,
html.nf-dark-mode .nf-home-list-body p,
html.nf-dark-mode .nf-post-meta,
html.nf-dark-mode .nf-home-pulse-meta,
html.nf-dark-mode .nf-site-footer p,
html.nf-dark-mode .nf-site-footer a {
color: #aeb8ca !important;
}
html.nf-dark-mode .nf-header-colormag .nf-navbar-inner {
box-shadow: none !important;
}
@media (max-width: 860px) {
html body .nf-site .nf-header-colormag .nf-utilitybar.nf-utilitybar-reference,
html body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-container.nf-utilitybar-inner {
height: auto !important;
max-height: none !important;
}
} @media (min-width: 981px) {
body.archive .nf-archive-main .nf-archive-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.archive .nf-archive-main .navigation.pagination,
body.archive .nf-archive-main .posts-navigation,
body.archive .nf-archive-main .post-navigation {
grid-column: 1 / -1 !important;
}
} @media (min-width: 981px) {
.nf-header-colormag .nf-brandbar-inner.nf-brandbar-layout {
grid-template-columns: minmax(260px, 340px) minmax(380px, 1fr) minmax(250px, 320px) !important;
gap: 20px !important;
}
.nf-header-colormag .nf-brand {
min-width: 0 !important;
}
.nf-header-colormag .nf-brand-wordmark,
.nf-header-colormag .custom-logo {
width: clamp(240px, 20vw, 320px) !important;
max-width: 100% !important;
max-height: 96px !important;
height: auto !important;
}
}
@media (min-width: 981px) and (max-width: 1100px) {
.nf-header-colormag .nf-brandbar-inner.nf-brandbar-layout {
grid-template-columns: minmax(240px, 300px) minmax(300px, 1fr) !important;
}
} .nf-header-colormag .nf-ticker-item {
display: inline-flex !important;
align-items: center !important;
}
.nf-header-colormag .nf-ticker-title {
display: inline-flex !important;
align-items: center !important;
min-height: 100% !important;
line-height: 1 !important;
font-size: 15px !important;
}
@media (max-width: 720px) {
.nf-header-colormag .nf-ticker-title {
font-size: 13px !important;
}
} html.nf-dark-mode {
color-scheme: dark;
--nf-ink: #edf4ff;
--nf-muted: #a9b8cc;
--nf-surface: #0d1f36;
--nf-page: #061426;
--nf-dark: #03101f;
--nf-border: rgba(148, 163, 184, .20);
--nf-shadow: 0 24px 70px rgba(0, 0, 0, .42);
--nf-soft-shadow: 0 12px 35px rgba(0, 0, 0, .30);
--nf-dark-page: #061426;
--nf-dark-surface: #0d1f36;
--nf-dark-surface-2: #112943;
--nf-dark-surface-3: #16314e;
--nf-dark-border: rgba(148, 163, 184, .20);
--nf-dark-text: #edf4ff;
--nf-dark-muted: #a9b8cc;
}
html.nf-dark-mode,
html.nf-dark-mode body,
html.nf-dark-mode body .nf-site {
background: var(--nf-dark-page) !important;
color: var(--nf-dark-text) !important;
} html.nf-dark-mode body .nf-site :is(
.nf-main,
.nf-home-main,
.nf-content-section,
.nf-home-feed,
.nf-home-list-section,
.nf-editor-section,
.nf-home-pulse,
.nf-page-main,
.nf-page-layout,
.nf-page-content-column,
.nf-archive-main,
.nf-archive-layout,
.nf-article-page,
.nf-article-layout,
.nf-article-shell,
.nf-content-layout,
.nf-content-column,
.nf-single-modern,
.nf-sidebar-column,
.nf-widget-stack,
.nf-related-posts,
.nf-comments-section
) {
background: transparent !important;
color: var(--nf-dark-text) !important;
} html.nf-dark-mode body .nf-site :is(
.nf-header-colormag .nf-utilitybar,
.nf-header-colormag .nf-brandbar,
.nf-header-colormag .nf-navbar-inner,
.nf-featured-stories-box,
.nf-story-card,
.nf-home-list-card,
.nf-editor-card,
.nf-home-pulse-card,
.nf-archive-card,
.nf-related-card,
.nf-widget,
.widget,
.nf-sidebar,
.nf-comments-area,
.nf-article-content,
.nf-modern-header,
.nf-page-header,
.nf-not-found,
.nf-empty-card,
.nf-default-sidebar-recent,
.nf-default-sidebar-categories,
.nf-popular-posts-widget,
.nf-popular-tags-widget
) {
background: var(--nf-dark-surface) !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
box-shadow: var(--nf-soft-shadow) !important;
} html.nf-dark-mode body .nf-site :is(
.nf-header-ad,
.nf-header-default-banner,
.nf-header-search .nf-search-form-header,
.nf-trending-card,
.nf-default-recent-list > li,
.nf-default-category-list > li,
.nf-comments-area .comment-body,
.nf-home-pagination-list .page-numbers,
.page-numbers,
.post-navigation .nav-links > *,
.nf-modern-tags a,
.nf-related-fallback
) {
background: var(--nf-dark-surface-2) !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
} html.nf-dark-mode body .nf-site .nf-header-colormag .nf-utilitybar.nf-utilitybar-reference,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-navbar,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-navbar-inner {
background: #08182b !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-breaking-bar {
background: #091b30 !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-viewport,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-track,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item {
background: transparent !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-title,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-time {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-control {
background: var(--nf-dark-surface-2) !important;
border-color: var(--nf-dark-border) !important;
color: var(--nf-dark-text) !important;
} html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > li > a,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-date,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-menu-list a,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-follow-label,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-utilitybar-reference .nf-utility-mode {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list .sub-menu {
background: var(--nf-dark-surface-2) !important;
border-color: var(--nf-dark-border) !important;
box-shadow: var(--nf-shadow) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list .sub-menu a {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > li > a:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > li > a:focus-visible,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .current-menu-item > a,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .current-menu-ancestor > a {
background: var(--nf-dark-surface-3) !important;
} html.nf-dark-mode body .nf-site :is(input, textarea, select) {
background: var(--nf-dark-surface-2) !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
caret-color: #ffffff !important;
}
html.nf-dark-mode body .nf-site :is(input, textarea)::placeholder {
color: #8293aa !important;
}
html.nf-dark-mode body .nf-site .nf-header-search-shortcut {
background: var(--nf-dark-surface-3) !important;
color: var(--nf-dark-muted) !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-utility-socials a {
background: var(--nf-dark-surface-2) !important;
border-color: var(--nf-dark-border) !important;
} html.nf-dark-mode body .nf-site :is(
h1, h2, h3, h4, h5, h6,
.nf-article-title,
.nf-section-heading h2,
.nf-story-body h3,
.nf-home-list-body h3,
.nf-editor-card h3,
.nf-home-pulse-card h3,
.nf-archive-card h2,
.nf-related-body h3,
.nf-side-title h2,
.widget-title,
.nf-footer-column h2
) {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site :is(
p,
.nf-story-body p,
.nf-home-list-body p,
.nf-editor-card p,
.nf-home-pulse-card p,
.nf-archive-card p,
.nf-post-meta,
.nf-home-pulse-meta,
.nf-modern-meta,
.nf-article-deck,
.nf-archive-description,
.nf-trending-date,
.nf-site-footer p,
.nf-site-footer a
) {
color: var(--nf-dark-muted) !important;
} html.nf-dark-mode body .nf-site .nf-article-content :is(table, th, td, pre, code, blockquote),
html.nf-dark-mode body .nf-site .nf-page-content-column :is(table, th, td, pre, code, blockquote) {
background: var(--nf-dark-surface-2) !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site hr,
html.nf-dark-mode body .nf-site .nf-title-rule,
html.nf-dark-mode body .nf-site .nf-story-meta-row,
html.nf-dark-mode body .nf-site .nf-home-pulse-meta,
html.nf-dark-mode body .nf-site .nf-footer-bottom {
border-color: var(--nf-dark-border) !important;
} html.nf-dark-mode body .nf-site .nf-widget :is(
.wp-block-group,
.wp-block-latest-comments__comment,
.wp-block-latest-posts__post-title,
.wp-block-search__inside-wrapper,
.wp-block-calendar,
.wp-calendar-table
) {
background: transparent !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-sidebar :is(a, li, span),
html.nf-dark-mode body .nf-site .nf-widget :is(a, li, span) {
border-color: var(--nf-dark-border) !important;
} html.nf-dark-mode body .nf-site :is(.nf-post-media, .nf-related-media, .nf-trending-thumb) {
background-color: #0a192c !important;
} html.nf-dark-mode body .nf-site .nf-site-footer,
html.nf-dark-mode body .nf-site .nf-footer-top,
html.nf-dark-mode body .nf-site .nf-footer-bottom {
background: #07172a !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
} html.nf-dark-mode body .nf-site .nf-utility-mode {
color: #d8e5f7 !important;
}
html.nf-dark-mode body .nf-site .nf-utility-mode .nf-icon {
color: #7fb3ff !important;
} html.nf-dark-mode body .nf-site .nf-header-colormag .nf-breaking-bar,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-viewport,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-track,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item {
background: transparent !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item:link,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item:visited,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-title,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-time,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-empty {
color: var(--nf-dark-text) !important;
opacity: 1 !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item:hover .nf-ticker-title,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item:focus-visible .nf-ticker-title {
color: #9cc9ff !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item::after {
color: rgba(237, 244, 255, .28) !important;
background: rgba(237, 244, 255, .22) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-control {
background: var(--nf-dark-surface-2) !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-sidebar .widget-title,
html.nf-dark-mode body .nf-site .nf-sidebar .wp-block-heading,
html.nf-dark-mode body .nf-site .nf-sidebar .wp-block-search__label,
html.nf-dark-mode body .nf-site .nf-widget-stack .widget-title,
html.nf-dark-mode body .nf-site .nf-widget-stack .wp-block-heading,
html.nf-dark-mode body .nf-site .nf-widget-stack .wp-block-search__label,
html.nf-dark-mode body .nf-site .nf-sidebar-column .widget-title,
html.nf-dark-mode body .nf-site .nf-sidebar-column .wp-block-heading,
html.nf-dark-mode body .nf-site .nf-sidebar-column .wp-block-search__label,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-heading,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-heading {
color: var(--nf-dark-text) !important;
border-bottom-color: rgba(148, 163, 184, .18) !important;
}
html.nf-dark-mode body .nf-site .nf-sidebar .widget-title::before,
html.nf-dark-mode body .nf-site .nf-sidebar .wp-block-heading::before,
html.nf-dark-mode body .nf-site .nf-widget-stack .widget-title::before,
html.nf-dark-mode body .nf-site .nf-widget-stack .wp-block-heading::before,
html.nf-dark-mode body .nf-site .nf-sidebar-column .widget-title::before,
html.nf-dark-mode body .nf-site .nf-sidebar-column .wp-block-heading::before {
filter: brightness(1.08) saturate(1.05) !important;
}
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-posts),
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) {
background: var(--nf-dark-surface) !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-heading,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-heading {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-wrap article {
background: transparent !important;
border-color: rgba(148, 163, 184, .18) !important;
}
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li a,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-meta,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-author,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-link,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-excerpt p {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-posts) .wp-block-latest-posts > li::before,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .wp-block-latest-comments__comment-date {
color: var(--nf-dark-muted) !important;
} html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-inner {
background: #0b1d33 !important;
border-color: rgba(148, 163, 184, .24) !important;
box-shadow: 0 7px 22px rgba(0, 0, 0, .28) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-viewport,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-track,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item {
background: transparent !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-title {
color: #f4f8ff !important;
opacity: 1 !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-time {
color: #ff6b93 !important;
opacity: 1 !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-item::after {
background: rgba(203, 213, 225, .26) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-control {
background: #102842 !important;
color: #ffffff !important;
border-color: rgba(148, 163, 184, .22) !important;
} html.nf-dark-mode body.single .nf-site .nf-single-modern,
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-article-shell {
background: transparent !important;
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-modern-article {
background: var(--nf-dark-surface) !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
box-shadow: var(--nf-soft-shadow) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern :is(
.nf-modern-header,
.nf-article-content,
.nf-modern-tags,
.nf-related-posts,
.nf-modern-article > .nf-comments-section
) {
background: var(--nf-dark-surface) !important;
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-article-hero {
background: #08182b !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-article-hero figcaption {
background: var(--nf-dark-surface-2) !important;
color: var(--nf-dark-muted) !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern :is(
.nf-article-title,
.nf-related-posts > h2,
.nf-related-body h3,
.nf-modern-tags > strong,
.nf-comments-section > .nf-article-section-title,
.nf-comment-reply-title,
.nf-modern-author,
.nf-modern-author strong,
.nf-modern-author a
) {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern :is(
.nf-article-deck,
.nf-modern-meta,
.nf-modern-meta-item,
.nf-related-body time,
.nf-article-content,
.nf-article-content p,
.nf-article-content > p:first-child,
.nf-comments-section .comment-meta,
.nf-comments-section .comment-metadata,
.nf-comments-section .comment-content,
.nf-comments-section .comment-content p,
.nf-article-comment-form label,
.nf-article-comment-form .logged-in-as,
.nf-article-comment-form .comment-notes
) {
color: var(--nf-dark-muted) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-modern-meta-item .nf-icon {
color: #8ab8f3 !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-meta-separator,
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-modern-tags {
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-meta-separator {
background: var(--nf-dark-border) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-modern-avatar {
border-color: #17314f !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-modern-tag-list a {
background: var(--nf-dark-surface-2) !important;
color: #b9d6ff !important;
border: 1px solid var(--nf-dark-border) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-related-posts {
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-related-card {
background: var(--nf-dark-surface-2) !important;
border-color: var(--nf-dark-border) !important;
box-shadow: 0 5px 16px rgba(0, 0, 0, .24) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-related-body {
background: var(--nf-dark-surface-2) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-related-media {
background: #0a192c !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-related-fallback {
background: linear-gradient(135deg, #102943, #172b4c 55%, #291b36) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-comments-section {
background: var(--nf-dark-surface-2) !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-comments-section .comment-body,
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-comments-section .comment-respond {
background: var(--nf-dark-surface-3) !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-comments-title-icon {
background: #1a2d48 !important;
color: #a985ff !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-article-comment-form input:not([type=submit]):not([type=checkbox]),
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-article-comment-form textarea {
background: #0b1c31 !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-article-comment-form input::placeholder,
html.nf-dark-mode body.single .nf-site .nf-single-modern .nf-article-comment-form textarea::placeholder {
color: #7f91aa !important;
}
html.nf-dark-mode body.single .nf-site .nf-single-modern :is(
.page-links,
.post-navigation,
.post-navigation .nav-links,
.post-navigation a
) {
background: var(--nf-dark-surface-2) !important;
color: var(--nf-dark-text) !important;
border-color: var(--nf-dark-border) !important;
} html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-controls {
background: #0b1d33 !important;
border-color: rgba(148, 163, 184, .22) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-control {
background: #102842 !important;
color: #ffffff !important;
border: 1px solid rgba(148, 163, 184, .22) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-control:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-ticker-control:focus-visible {
background: #173755 !important;
color: #ffffff !important;
} html body .nf-site .nf-featured-stories-box,
html body .nf-site .nf-featured-stories-box .nf-headline-grid > .nf-story-card {
border-radius: 12px !important;
} @media (min-width: 981px) {
body.home .nf-content-layout > .nf-sidebar-column,
body.blog .nf-content-layout > .nf-sidebar-column {
margin-top: 5px !important;
}
} @media (min-width: 981px) {
body.home .nf-content-layout,
body.blog .nf-content-layout {
align-items: start !important;
}
body.home .nf-content-layout > .nf-main,
body.home .nf-content-layout > .nf-sidebar-column,
body.blog .nf-content-layout > .nf-main,
body.blog .nf-content-layout > .nf-sidebar-column {
align-self: start !important;
margin-top: 0 !important;
}
} .nf-site-footer .nf-footer-posts a,
.nf-site-footer .nf-footer-list a,
.nf-site-footer li > a,
.nf-site-footer .wp-block-latest-posts__post-title,
.nf-site-footer .wp-block-latest-comments__comment-link,
.nf-site-footer .wp-block-latest-comments__comment-author,
.nf-site-footer .widget_recent_entries a,
.nf-site-footer .widget_recent_comments a {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
line-height: 1.45 !important;
} .nf-single-modern .nf-article-content,
.nf-single-modern .nf-article-content > p:first-child,
.nf-single-modern .nf-article-content p,
.nf-single-modern .nf-article-content li {
font-size: 18px !important;
}
.nf-single-modern .nf-related-posts > h2 {
font-size: 21px !important;
}
.nf-single-modern .nf-related-badge {
font-size: 10px !important;
}
.nf-single-modern .nf-related-body h3 {
font-size: 14px !important;
}
.nf-single-modern .nf-related-body time {
font-size: 11px !important;
} .nf-home-list-bottomline {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
}
.nf-home-list-bottomline .nf-story-views {
display: inline-flex !important;
align-items: center !important;
white-space: nowrap !important;
color: var(--nf-muted) !important;
font-size: inherit !important;
}
html.nf-dark-mode .nf-home-list-bottomline .nf-story-views {
color: var(--nf-dark-muted) !important;
} .nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-meta {
display: flex !important;
align-items: baseline !important;
flex-wrap: nowrap !important;
gap: 8px !important;
max-height: none !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-author {
flex: 0 1 auto !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-date {
display: inline-block !important;
flex: 0 0 auto !important;
margin: 0 !important;
color: #78859a !important;
font-size: 11px !important;
line-height: 1.3 !important;
white-space: nowrap !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-excerpt {
display: -webkit-box !important;
width: 100% !important;
margin-top: 4px !important;
overflow: hidden !important;
color: #4e5d78 !important;
font-size: 14px !important;
line-height: 1.45 !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-excerpt p {
margin: 0 !important;
color: inherit !important;
font-size: inherit !important;
line-height: inherit !important;
}
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-author {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-date,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-excerpt,
html.nf-dark-mode body .nf-site .nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-excerpt p {
color: var(--nf-dark-muted) !important;
} .nf-widget.widget_block:has(.wp-block-latest-comments) .nf-latest-comments-stacked .wp-block-latest-comments__comment-date {
font-size: 12px !important;
} .nf-sidebar-editor-choice {
padding: 14px !important;
border: 1px solid #dfe5ee !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, .055) !important;
overflow: hidden !important;
}
.nf-sidebar-editor-choice-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
margin: 0 0 12px !important;
}
.nf-sidebar-editor-choice-title {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
color: #16233a !important;
font-size: 20px !important;
font-weight: 700 !important;
line-height: 1.15 !important;
letter-spacing: -.02em !important;
white-space: nowrap !important;
}
.nf-sidebar-editor-choice-spark {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 22px !important;
height: 22px !important;
color: #7747ff !important;
font-size: 21px !important;
line-height: 1 !important;
}
.nf-sidebar-editor-choice-more {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
color: #5f63ff !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
}
.nf-sidebar-editor-choice-more:hover,
.nf-sidebar-editor-choice-more:focus-visible {
color: #e31b62 !important;
}
.nf-sidebar-editor-choice-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 10px !important;
}
.nf-sidebar-editor-choice-card {
min-width: 0 !important;
overflow: hidden !important;
border: 1px solid #dfe5ee !important;
border-radius: 9px !important;
background: #ffffff !important;
box-shadow: 0 4px 12px rgba(15, 23, 42, .05) !important;
transition: transform .2s ease, box-shadow .2s ease !important;
}
.nf-sidebar-editor-choice-card:hover,
.nf-sidebar-editor-choice-card:focus-within {
transform: translateY(-2px) !important;
box-shadow: 0 8px 18px rgba(15, 23, 42, .10) !important;
}
.nf-sidebar-editor-choice-media {
position: relative !important;
display: block !important;
width: 100% !important;
aspect-ratio: 1.48 / 1 !important;
overflow: hidden !important;
background: #eef2f8 !important;
text-decoration: none !important;
}
.nf-sidebar-editor-choice-media img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: transform .28s ease !important;
}
.nf-sidebar-editor-choice-card:hover .nf-sidebar-editor-choice-media img,
.nf-sidebar-editor-choice-card:focus-within .nf-sidebar-editor-choice-media img {
transform: scale(1.035) !important;
}
.nf-sidebar-editor-choice-fallback {
display: block !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(135deg, #eaf0ff 0%, #fff0f6 100%) !important;
}
.nf-sidebar-editor-choice-category {
position: absolute !important;
left: 7px !important;
bottom: 7px !important;
max-width: calc(100% - 14px) !important;
padding: 4px 8px !important;
overflow: hidden !important;
border-radius: 999px !important;
background: #316cff !important;
color: #ffffff !important;
font-size: 11px !important;
font-weight: 700 !important;
line-height: 1 !important;
text-overflow: ellipsis !important;
text-transform: uppercase !important;
white-space: nowrap !important;
box-shadow: 0 4px 10px rgba(30, 64, 175, .18) !important;
}
.nf-sidebar-editor-choice-card:nth-child(2) .nf-sidebar-editor-choice-category { background: #8b3fe8 !important; }
.nf-sidebar-editor-choice-card:nth-child(3) .nf-sidebar-editor-choice-category { background: #ef174f !important; }
.nf-sidebar-editor-choice-card:nth-child(4) .nf-sidebar-editor-choice-category { background: #0aa87f !important; }
.nf-sidebar-editor-choice-body {
padding: 9px 9px 8px !important;
}
.nf-sidebar-editor-choice-body h3 {
display: -webkit-box !important;
min-height: 36px !important;
margin: 0 0 7px !important;
overflow: hidden !important;
color: #172239 !important;
font-size: 14px !important;
font-weight: 700 !important;
line-height: 1.45 !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
}
.nf-sidebar-editor-choice-body h3 a {
color: inherit !important;
text-decoration: none !important;
}
.nf-sidebar-editor-choice-meta {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 6px !important;
color: #8490a5 !important;
font-size: 11px !important;
line-height: 1 !important;
}
.nf-sidebar-editor-choice-meta time,
.nf-sidebar-editor-choice-views {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
min-width: 0 !important;
white-space: nowrap !important;
}
.nf-sidebar-editor-choice-meta .nf-icon {
width: 11px !important;
height: 11px !important;
flex: 0 0 11px !important;
}
.nf-sidebar-editor-choice-views::before {
content: "" !important;
width: 11px !important;
height: 11px !important;
flex: 0 0 11px !important;
background: currentColor !important;
-webkit-mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/eye-fill.svg) center / contain no-repeat !important;
mask: url(//postcardpress.ru/wp-content/themes/novaflow/assets/images/meta-icons/eye-fill.svg) center / contain no-repeat !important;
}
html.nf-dark-mode body .nf-site .nf-sidebar-editor-choice,
html.nf-dark-mode body .nf-site .nf-sidebar-editor-choice-card {
background: var(--nf-dark-surface) !important;
border-color: var(--nf-dark-border) !important;
box-shadow: var(--nf-soft-shadow) !important;
}
html.nf-dark-mode body .nf-site .nf-sidebar-editor-choice-title,
html.nf-dark-mode body .nf-site .nf-sidebar-editor-choice-body h3 {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-sidebar-editor-choice-media {
background: var(--nf-dark-surface-2) !important;
}
html.nf-dark-mode body .nf-site .nf-sidebar-editor-choice-meta {
color: var(--nf-dark-muted) !important;
}
@media (max-width: 390px) {
.nf-sidebar-editor-choice-grid {
gap: 8px !important;
}
.nf-sidebar-editor-choice {
padding: 12px !important;
}
.nf-sidebar-editor-choice-title {
font-size: 19px !important;
}
} body.home .nf-home-list-section .nf-home-pagination,
body.blog .nf-home-list-section .nf-home-pagination {
display: block !important;
width: 100% !important;
margin: 24px 0 8px !important;
visibility: visible !important;
opacity: 1 !important;
}
body.home .nf-home-list-section .nf-home-pagination-list,
body.blog .nf-home-list-section .nf-home-pagination-list {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-wrap: wrap !important;
gap: 8px !important;
}
body.home .nf-home-list-section .nf-home-pagination-list .page-numbers,
body.blog .nf-home-list-section .nf-home-pagination-list .page-numbers {
display: inline-flex !important;
} .nf-header-colormag .nf-brandbar-inner.nf-brandbar-layout.nf-brandbar-modern {
grid-template-columns: minmax(260px, 340px) minmax(0, 1fr) !important;
align-items: center !important;
gap: 24px !important;
min-height: 124px !important;
padding-block: 17px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-modern-center {
min-width: 0;
width: 100%;
display: grid;
grid-template-columns: minmax(330px, 1fr) minmax(430px, 470px);
align-items: center;
gap: 28px;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern {
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
grid-column: auto !important;
justify-self: stretch !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header {
min-height: 52px !important;
height: 52px;
grid-template-columns: auto minmax(0, 1fr) auto !important;
gap: 11px !important;
padding: 4px 4px 4px 14px !important;
border: 1px solid #d8dee9 !important;
border-radius: 11px !important;
background: #fff !important;
box-shadow: 0 3px 11px rgba(38, 51, 77, .05) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header > .nf-icon {
width: 22px !important;
height: 22px !important;
color: #91a0b8 !important;
stroke-width: 2 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header input {
min-width: 0 !important;
height: 42px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #243149 !important;
font-size: 15px !important;
line-height: 42px !important;
box-shadow: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header input::placeholder {
color: #9aa6bb !important;
opacity: 1 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-shortcut {
display: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header button {
width: 42px !important;
height: 42px !important;
flex: 0 0 42px;
padding: 0 !important;
border: 0 !important;
border-radius: 11px !important;
background: #172238 !important;
color: #fff !important;
box-shadow: 0 6px 13px rgba(23, 34, 56, .14) !important;
transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header button .nf-icon {
width: 20px !important;
height: 20px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header button:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header button:focus-visible {
background: #0d172a !important;
transform: translateY(-1px);
box-shadow: 0 8px 16px rgba(23, 34, 56, .18) !important;
}
.nf-header-colormag .nf-header-quicklinks {
min-width: 0;
min-height: 86px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: center;
gap: 0;
}
.nf-header-colormag .nf-header-quicklink {
position: relative;
min-width: 0;
min-height: 82px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
padding: 5px 12px;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
text-align: center;
text-decoration: none !important;
box-shadow: none !important;
transition: transform .18s ease, opacity .18s ease;
}
.nf-header-colormag .nf-header-quicklink:not(:last-child)::after {
content: "";
position: absolute;
top: 11px;
right: 0;
width: 1px;
height: 58px;
background: #e5e8ef;
}
.nf-header-colormag .nf-header-quicklink:hover,
.nf-header-colormag .nf-header-quicklink:focus-visible {
transform: translateY(-2px);
}
.nf-header-colormag .nf-header-quick-icon {
width: 43px;
height: 43px;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 43px;
border-radius: 50%;
}
.nf-header-colormag .nf-header-quick-icon img {
width: 25px;
height: 25px;
display: block;
}
.nf-header-colormag .nf-header-quicklink-inspiration .nf-header-quick-icon {
background: #fde8f0;
}
.nf-header-colormag .nf-header-quicklink-editor .nf-header-quick-icon {
background: #fff0d6;
}
.nf-header-colormag .nf-header-quicklink-trends .nf-header-quick-icon {
background: #f2e5ff;
}
.nf-header-colormag .nf-header-quick-copy {
min-width: 0;
width: 100%;
display: grid;
gap: 2px;
align-content: center;
justify-items: center;
}
.nf-header-colormag .nf-header-quick-copy strong,
.nf-header-colormag .nf-header-quick-copy small {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-header-colormag .nf-header-quick-copy strong {
color: #222938 !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 1.15 !important;
}
.nf-header-colormag .nf-header-quick-copy small {
color: #8b95a8 !important;
font-size: 11px !important;
font-weight: 400 !important;
line-height: 1.15 !important;
}
@media (min-width: 981px) and (max-width: 1260px) {
.nf-header-colormag .nf-brandbar-inner.nf-brandbar-layout.nf-brandbar-modern {
grid-template-columns: minmax(240px, 300px) minmax(0, 1fr) !important;
gap: 18px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-modern-center {
grid-template-columns: minmax(290px, 1fr) minmax(390px, 420px);
gap: 16px;
}
.nf-header-colormag .nf-header-quicklink {
padding-inline: 7px;
}
.nf-header-colormag .nf-header-quick-copy strong {
font-size: 12px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 10px !important;
}
}
@media (max-width: 980px) {
.nf-header-colormag .nf-brandbar-inner.nf-brandbar-layout.nf-brandbar-modern {
grid-template-columns: minmax(0, 1fr) !important;
gap: 14px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-modern-center {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern {
grid-column: auto !important;
max-width: none !important;
justify-self: stretch !important;
}
.nf-header-colormag .nf-header-quicklinks {
width: 100%;
max-width: 560px;
justify-self: center;
}
}
@media (max-width: 620px) {
.nf-header-colormag .nf-header-quicklinks {
min-height: 72px;
}
.nf-header-colormag .nf-header-quicklink {
min-height: 70px;
padding-inline: 5px;
gap: 4px;
}
.nf-header-colormag .nf-header-quicklink:not(:last-child)::after {
top: 9px;
height: 50px;
}
.nf-header-colormag .nf-header-quick-icon {
width: 36px;
height: 36px;
flex-basis: 36px;
}
.nf-header-colormag .nf-header-quick-icon img {
width: 21px;
height: 21px;
}
.nf-header-colormag .nf-header-quick-copy strong {
font-size: 10px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 9px !important;
}
} html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header {
background: var(--nf-dark-surface-2) !important;
border-color: var(--nf-dark-border) !important;
box-shadow: none !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-header input {
background: transparent !important;
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-quicklink {
background: transparent !important;
box-shadow: none !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-quicklink:not(:last-child)::after {
background: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-quick-copy strong {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-quick-copy small {
color: var(--nf-dark-muted) !important;
} .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog {
min-height: 62px !important;
height: 62px !important;
display: grid !important;
grid-template-columns: auto minmax(0, 1fr) minmax(150px, 178px) 126px !important;
align-items: center !important;
gap: 0 !important;
padding: 3px 3px 3px 20px !important;
border: 1px solid #ffbdd5 !important;
border-radius: 999px !important;
background: #fff !important;
box-shadow: 0 7px 22px rgba(226, 24, 91, .13) !important;
overflow: visible !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > .nf-icon {
width: 25px !important;
height: 25px !important;
margin-right: 17px !important;
color: #f0004f !important;
stroke-width: 2.2 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input {
width: 100% !important;
min-width: 0 !important;
height: 54px !important;
padding: 0 15px 0 0 !important;
border: 0 !important;
background: transparent !important;
color: #273247 !important;
font-size: 15px !important;
line-height: 54px !important;
box-shadow: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input::placeholder {
color: #a0a8b8 !important;
opacity: 1 !important;
}
.nf-header-colormag .nf-header-search-category {
position: relative;
min-width: 0;
height: 40px;
display: flex;
align-items: center;
border-left: 1px solid #d9dde6;
margin-left: 4px;
padding-left: 20px;
}
.nf-header-colormag .nf-header-search-category select {
width: 100%;
height: 40px;
appearance: none;
-webkit-appearance: none;
padding: 0 32px 0 0;
border: 0 !important;
outline: 0;
background: transparent !important;
color: #202b3f !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 40px;
cursor: pointer;
box-shadow: none !important;
}
.nf-header-colormag .nf-header-search-category-chevron {
position: absolute;
right: 12px;
top: 50%;
width: 9px;
height: 9px;
border-right: 2px solid #f0004f;
border-bottom: 2px solid #f0004f;
transform: translateY(-68%) rotate(45deg);
pointer-events: none;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button {
width: 126px !important;
height: 54px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
padding: 0 20px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #f60055 0%, #ca0b65 100%) !important;
color: #fff !important;
box-shadow: 0 9px 20px rgba(218, 18, 94, .24) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button .nf-icon {
width: 19px !important;
height: 19px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:focus-visible {
background: linear-gradient(135deg, #e5004d 0%, #b7095a 100%) !important;
transform: translateY(-1px);
box-shadow: 0 11px 23px rgba(218, 18, 94, .29) !important;
}
@media (min-width: 981px) and (max-width: 1260px) {
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog {
grid-template-columns: auto minmax(0, 1fr) minmax(125px, 145px) 108px !important;
padding-left: 15px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > .nf-icon {
margin-right: 11px !important;
}
.nf-header-colormag .nf-header-search-category {
padding-left: 13px;
}
.nf-header-colormag .nf-header-search-category select {
font-size: 12px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button {
width: 108px !important;
padding-inline: 14px !important;
}
}
@media (max-width: 620px) {
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog {
grid-template-columns: auto minmax(0, 1fr) 92px !important;
min-height: 56px !important;
height: 56px !important;
padding: 3px 3px 3px 14px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > .nf-icon {
width: 21px !important;
height: 21px !important;
margin-right: 10px !important;
}
.nf-header-colormag .nf-header-search-category {
display: none;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input {
height: 48px !important;
line-height: 48px !important;
font-size: 13px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button {
width: 92px !important;
height: 48px !important;
padding-inline: 12px !important;
gap: 7px !important;
font-size: 13px !important;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog {
background: var(--nf-dark-surface-2) !important;
border-color: rgba(244, 63, 123, .55) !important;
box-shadow: 0 7px 22px rgba(0, 0, 0, .22) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category {
border-left-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category select {
color: var(--nf-dark-text) !important;
} .nf-header-colormag .nf-header-search-category {
position: relative;
min-width: 0;
height: 40px;
display: flex;
align-items: center;
border-left: 1px solid #d9dde6;
margin-left: 4px;
padding-left: 20px;
}
.nf-header-colormag .nf-header-search-category-toggle {
width: 100%;
min-width: 0;
height: 40px;
display: inline-flex;
align-items: center;
gap: 11px;
padding: 0 32px 0 0;
border: 0 !important;
background: transparent !important;
color: #202b3f !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 40px;
cursor: pointer;
box-shadow: none !important;
}
.nf-header-colormag .nf-header-search-category-selected-icon,
.nf-header-colormag .nf-header-search-category-option-icon {
flex: 0 0 28px;
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
color: var(--nf-category-accent, #f0004f);
background: color-mix(in srgb, var(--nf-category-accent, #f0004f) 14%, #ffffff);
}
.nf-header-colormag .nf-header-search-category-selected-icon .nf-icon,
.nf-header-colormag .nf-header-search-category-option-icon .nf-icon {
width: 14px;
height: 14px;
stroke-width: 2.1;
}
.nf-header-colormag .nf-header-search-category-selected-label {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-header-colormag .nf-header-search-category-panel {
position: absolute;
left: -1px;
top: calc(100% + 12px);
z-index: 35;
width: min(310px, 100vw - 32px);
padding: 12px;
border: 1px solid rgba(226, 24, 91, .12);
border-radius: 20px;
background: rgba(255,255,255,.97);
box-shadow: 0 18px 45px rgba(20, 33, 61, .17), 0 0 0 1px rgba(255,255,255,.75) inset;
backdrop-filter: blur(16px);
}
.nf-header-colormag .nf-header-search-category-panel::before {
content: "";
position: absolute;
top: -7px;
left: 34px;
width: 14px;
height: 14px;
background: inherit;
border-top: 1px solid rgba(226, 24, 91, .12);
border-left: 1px solid rgba(226, 24, 91, .12);
transform: rotate(45deg);
}
.nf-header-colormag .nf-header-search-category-list {
max-height: 330px;
overflow: auto;
display: grid;
gap: 6px;
padding-right: 2px;
}
.nf-header-colormag .nf-header-search-category-option {
width: 100%;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border: 0;
border-radius: 14px;
background: transparent;
color: #263247;
text-align: left;
cursor: pointer;
transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.nf-header-colormag .nf-header-search-category-option:hover,
.nf-header-colormag .nf-header-search-category-option:focus-visible {
background: #fff0f6;
box-shadow: inset 0 0 0 1px rgba(226, 24, 91, .08);
transform: translateY(-1px);
}
.nf-header-colormag .nf-header-search-category-option.is-active {
background: linear-gradient(135deg, #fff4f8 0%, #fff9fc 100%);
box-shadow: inset 0 0 0 1px rgba(226, 24, 91, .12);
}
.nf-header-colormag .nf-header-search-category-option-copy {
min-width: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-header-colormag .nf-header-search-category.is-open .nf-header-search-category-chevron {
transform: translateY(-36%) rotate(225deg);
}
@media (min-width: 981px) and (max-width: 1260px) {
.nf-header-colormag .nf-header-search-category-panel {
width: min(286px, 100vw - 36px);
}
.nf-header-colormag .nf-header-search-category-toggle {
gap: 8px;
font-size: 12px !important;
}
.nf-header-colormag .nf-header-search-category-selected-icon,
.nf-header-colormag .nf-header-search-category-option-icon {
width: 25px;
height: 25px;
flex-basis: 25px;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category {
border-left-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-toggle {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-selected-icon,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option-icon {
background: color-mix(in srgb, var(--nf-category-accent, #f0004f) 18%, rgba(15, 23, 42, .95));
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-panel {
border-color: rgba(244, 63, 123, .18);
background: rgba(13, 23, 43, .96);
box-shadow: 0 18px 48px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(148, 163, 184, .08);
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option {
color: var(--nf-dark-text);
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option:focus-visible {
background: rgba(244, 63, 123, .1);
box-shadow: inset 0 0 0 1px rgba(244, 63, 123, .1);
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option.is-active {
background: rgba(244, 63, 123, .12);
box-shadow: inset 0 0 0 1px rgba(244, 63, 123, .14);
} .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"] {
width: 126px !important;
height: 54px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
padding: 0 20px !important;
border: 0 !important;
border-radius: 999px !important;
background: linear-gradient(135deg, #f60055 0%, #ca0b65 100%) !important;
color: #fff !important;
box-shadow: 0 9px 20px rgba(218, 18, 94, .24) !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"] .nf-icon {
width: 19px !important;
height: 19px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:focus-visible {
background: linear-gradient(135deg, #e5004d 0%, #b7095a 100%) !important;
transform: translateY(-1px);
box-shadow: 0 11px 23px rgba(218, 18, 94, .29) !important;
}
.nf-header-colormag .nf-header-search-category {
position: relative;
min-width: 0;
height: 40px;
display: flex;
align-items: center;
border-left: 1px solid #d9dde6;
margin-left: 4px;
padding-left: 20px;
overflow: visible;
z-index: 20;
}
.nf-header-colormag .nf-header-search-category-toggle {
width: 100% !important;
min-width: 0;
height: 40px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
padding: 0 18px 0 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #202b3f !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 40px !important;
cursor: pointer;
box-shadow: none !important;
transform: none !important;
}
.nf-header-colormag .nf-header-search-category-toggle:hover,
.nf-header-colormag .nf-header-search-category-toggle:focus-visible {
background: transparent !important;
color: #202b3f !important;
box-shadow: none !important;
transform: none !important;
}
.nf-header-colormag .nf-header-search-category-selected-icon {
display: none !important;
}
.nf-header-colormag .nf-header-search-category-selected-label {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
}
.nf-header-colormag .nf-header-search-category-chevron {
position: absolute;
right: 0;
top: 50%;
width: 9px;
height: 9px;
border-right: 2px solid #f0004f;
border-bottom: 2px solid #f0004f;
transform: translateY(-68%) rotate(45deg);
pointer-events: none;
}
.nf-header-colormag .nf-header-search-category-panel {
position: absolute;
left: -14px;
top: calc(100% + 14px);
z-index: 200;
width: min(300px, calc(100vw - 32px));
padding: 12px;
border: 1px solid rgba(226, 24, 91, .12);
border-radius: 18px;
background: rgba(255,255,255,.98);
box-shadow: 0 18px 45px rgba(20, 33, 61, .17), 0 0 0 1px rgba(255,255,255,.75) inset;
backdrop-filter: blur(16px);
}
.nf-header-colormag .nf-header-search-category-panel::before {
content: "";
position: absolute;
top: -7px;
left: 34px;
width: 14px;
height: 14px;
background: rgba(255,255,255,.98);
border-top: 1px solid rgba(226, 24, 91, .12);
border-left: 1px solid rgba(226, 24, 91, .12);
transform: rotate(45deg);
}
.nf-header-colormag .nf-header-search-category-list {
max-height: 320px;
overflow: auto;
display: grid;
gap: 6px;
padding-right: 2px;
}
.nf-header-colormag .nf-header-search-category-option {
width: 100%;
display: inline-flex;
align-items: center;
gap: 12px;
padding: 10px 12px;
border: 0;
border-radius: 14px;
background: transparent;
color: #263247;
text-align: left;
cursor: pointer;
transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.nf-header-colormag .nf-header-search-category-option:hover,
.nf-header-colormag .nf-header-search-category-option:focus-visible {
background: #fff0f6;
box-shadow: inset 0 0 0 1px rgba(226, 24, 91, .08);
transform: translateY(-1px);
}
.nf-header-colormag .nf-header-search-category-option.is-active {
background: linear-gradient(135deg, #fff4f8 0%, #fff9fc 100%);
box-shadow: inset 0 0 0 1px rgba(226, 24, 91, .12);
}
.nf-header-colormag .nf-header-search-category-option-icon {
flex: 0 0 28px;
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
color: var(--nf-category-accent, #f0004f);
background: color-mix(in srgb, var(--nf-category-accent, #f0004f) 14%, #ffffff);
}
.nf-header-colormag .nf-header-search-category-option-icon .nf-icon {
width: 14px;
height: 14px;
stroke-width: 2.1;
}
.nf-header-colormag .nf-header-search-category-option-copy {
min-width: 0;
font-size: 14px;
font-weight: 600;
line-height: 1.35;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.nf-header-colormag .nf-header-search-category.is-open .nf-header-search-category-chevron {
transform: translateY(-36%) rotate(225deg);
}
@media (min-width: 981px) and (max-width: 1260px) {
.nf-header-colormag .nf-header-search-category-toggle {
font-size: 12px !important;
padding-right: 16px !important;
}
.nf-header-colormag .nf-header-search-category-panel {
width: min(280px, calc(100vw - 32px));
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"] {
width: 108px !important;
padding-inline: 14px !important;
}
}
@media (max-width: 620px) {
.nf-header-colormag .nf-header-search-category {
display: none;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"] {
width: 92px !important;
height: 48px !important;
padding-inline: 12px !important;
gap: 7px !important;
font-size: 13px !important;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category {
border-left-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-toggle {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-panel {
border-color: rgba(244, 63, 123, .18);
background: rgba(13, 23, 43, .96);
box-shadow: 0 18px 48px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(148, 163, 184, .08);
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-panel::before {
background: rgba(13, 23, 43, .96);
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option {
color: var(--nf-dark-text);
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option-icon {
background: color-mix(in srgb, var(--nf-category-accent, #f0004f) 18%, rgba(15, 23, 42, .95));
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option:focus-visible {
background: rgba(244, 63, 123, .1);
box-shadow: inset 0 0 0 1px rgba(244, 63, 123, .1);
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option.is-active {
background: rgba(244, 63, 123, .12);
box-shadow: inset 0 0 0 1px rgba(244, 63, 123, .14);
} .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog {
position: relative;
z-index: 60;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category {
position: relative !important;
min-width: 190px !important;
height: 54px !important;
display: flex !important;
align-items: center !important;
align-self: center !important;
border-left: 1px solid #d9dde6 !important;
margin-left: 2px !important;
padding: 0 18px 0 18px !important;
overflow: visible !important;
z-index: 80 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-toggle {
all: unset;
box-sizing: border-box;
width: 100% !important;
min-width: 0 !important;
height: 54px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 0 !important;
padding: 0 26px 0 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #1f2a44 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 54px !important;
box-shadow: none !important;
cursor: pointer !important;
transform: none !important;
text-align: left !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-toggle:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-toggle:focus,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-toggle:focus-visible {
border: 0 !important;
outline: 0 !important;
background: transparent !important;
color: #1f2a44 !important;
box-shadow: none !important;
transform: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-selected-icon {
display: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-selected-label {
display: block !important;
width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
color: #1f2a44 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-chevron {
position: absolute !important;
right: 0 !important;
top: 50% !important;
width: 9px !important;
height: 9px !important;
border-right: 2px solid #f0004f !important;
border-bottom: 2px solid #f0004f !important;
transform: translateY(-68%) rotate(45deg) !important;
pointer-events: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category.is-open .nf-header-search-category-chevron {
transform: translateY(-36%) rotate(225deg) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"] {
flex: 0 0 126px !important;
width: 126px !important;
height: 54px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-panel {
position: absolute !important;
left: -14px !important;
top: calc(100% + 8px) !important;
z-index: 999 !important;
width: 286px !important;
padding: 12px !important;
border: 1px solid rgba(226, 24, 91, .12) !important;
border-radius: 18px !important;
background: rgba(255,255,255,.99) !important;
box-shadow: 0 18px 45px rgba(20, 33, 61, .17), 0 0 0 1px rgba(255,255,255,.75) inset !important;
backdrop-filter: blur(16px) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-panel::before {
content: "" !important;
position: absolute !important;
top: -7px !important;
left: 36px !important;
width: 14px !important;
height: 14px !important;
background: rgba(255,255,255,.99) !important;
border-top: 1px solid rgba(226, 24, 91, .12) !important;
border-left: 1px solid rgba(226, 24, 91, .12) !important;
transform: rotate(45deg) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-list {
max-height: 320px !important;
overflow: auto !important;
display: grid !important;
gap: 6px !important;
padding-right: 2px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option {
all: unset;
box-sizing: border-box;
width: 100% !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 10px 12px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 14px !important;
background: transparent !important;
color: #243044 !important;
text-align: left !important;
box-shadow: none !important;
cursor: pointer !important;
transform: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option:focus,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option:focus-visible {
background: #fff0f6 !important;
box-shadow: inset 0 0 0 1px rgba(226, 24, 91, .08) !important;
transform: translateY(-1px) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option.is-active {
background: linear-gradient(135deg, #fff4f8 0%, #fff9fc 100%) !important;
box-shadow: inset 0 0 0 1px rgba(226, 24, 91, .12) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option-icon {
flex: 0 0 28px !important;
width: 28px !important;
height: 28px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
color: var(--nf-category-accent, #f0004f) !important;
background: color-mix(in srgb, var(--nf-category-accent, #f0004f) 14%, #ffffff) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option-icon .nf-icon {
width: 14px !important;
height: 14px !important;
stroke-width: 2.1 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option-copy {
min-width: 0 !important;
font-size: 14px !important;
font-weight: 600 !important;
line-height: 1.35 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
@media (max-width: 620px) {
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category {
display: none !important;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category {
border-left-color: var(--nf-dark-border) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-toggle,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-selected-label {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-panel {
border-color: rgba(244, 63, 123, .18) !important;
background: rgba(13, 23, 43, .96) !important;
box-shadow: 0 18px 48px rgba(0, 0, 0, .42), inset 0 0 0 1px rgba(148, 163, 184, .08) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-panel::before {
background: rgba(13, 23, 43, .96) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option {
color: var(--nf-dark-text) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog .nf-header-search-category-option-icon {
background: color-mix(in srgb, var(--nf-category-accent, #f0004f) 18%, rgba(15, 23, 42, .95)) !important;
} @media (min-width: 621px) {
.nf-header-colormag .nf-brandbar {
position: relative !important;
z-index: 20000 !important;
overflow: visible !important;
}
.nf-header-colormag .nf-brandbar-inner.nf-brandbar-layout.nf-brandbar-modern,
.nf-header-colormag .nf-brandbar-modern .nf-header-modern-center,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern,
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog {
overflow: visible !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern,
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog {
position: relative !important;
z-index: 20010 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category {
position: relative !important;
z-index: 20020 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-panel {
position: absolute !important;
top: calc(100% + 10px) !important;
left: -18px !important;
right: auto !important;
z-index: 30000 !important;
isolation: isolate;
}
.nf-header-colormag .nf-navbar {
z-index: 10000 !important;
}
.nf-header-colormag .nf-breaking-bar {
z-index: 1 !important;
}
}
.nf-header-colormag .nf-header-search-category-option-icon.nf-lucide-menu-icon,
.nf-header-colormag .nf-header-search-category-selected-icon.nf-lucide-menu-icon {
position: relative !important;
flex: 0 0 30px !important;
width: 30px !important;
height: 30px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 9px !important;
color: var(--nf-category-accent, #4c1d95) !important;
background: color-mix(in srgb, var(--nf-category-accent, #4c1d95) 9%, #fff) !important;
}
.nf-header-colormag .nf-header-search-category-option-icon.nf-lucide-menu-icon::before,
.nf-header-colormag .nf-header-search-category-selected-icon.nf-lucide-menu-icon::before {
content: "" !important;
display: block !important;
width: 18px !important;
height: 18px !important;
background: currentColor !important;
-webkit-mask-image: var(--nf-category-menu-icon) !important;
mask-image: var(--nf-category-menu-icon) !important;
-webkit-mask-position: center !important;
mask-position: center !important;
-webkit-mask-repeat: no-repeat !important;
mask-repeat: no-repeat !important;
-webkit-mask-size: contain !important;
mask-size: contain !important;
}
.nf-lucide-house { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/house.svg); }
.nf-lucide-newspaper { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/newspaper.svg); }
.nf-lucide-cpu { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/cpu.svg); }
.nf-lucide-chart-no-axes-combined { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/chart-no-axes-combined.svg); }
.nf-lucide-trophy { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/trophy.svg); }
.nf-lucide-star { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/star.svg); }
.nf-lucide-heart { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/heart.svg); }
.nf-lucide-images { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/images.svg); }
.nf-lucide-moon-star { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/moon-star.svg); }
.nf-lucide-clapperboard { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/clapperboard.svg); }
.nf-lucide-zap { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/zap.svg); }
.nf-lucide-pen-tool { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/pen-tool.svg); }
.nf-lucide-store { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/store.svg); }
.nf-lucide-folder-tree { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/folder-tree.svg); }
.nf-lucide-tags { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/tags.svg); }
.nf-lucide-globe { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/globe.svg); }
.nf-lucide-leaf { --nf-category-menu-icon: url(//postcardpress.ru/wp-content/themes/novaflow/assets/icons/lucide/leaf.svg); } .nf-header-colormag .nf-header-search-category-selected-icon.nf-lucide-menu-icon {
display: none !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-header-search-category-option-icon.nf-lucide-menu-icon {
background: color-mix(in srgb, var(--nf-category-accent, #8b5cf6) 18%, #0d1f36) !important;
} @media (min-width: 621px) {
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-panel {
top: calc(100% + 4px) !important;
left: -6px !important;
width: 260px !important;
padding: 8px 0 !important;
border: 1px solid #e9d8de !important;
border-radius: 14px !important;
background: #ffffff !important;
box-shadow: 0 14px 30px rgba(20, 33, 61, .12) !important;
backdrop-filter: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-panel::before {
left: 28px !important;
background: #ffffff !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-list {
display: block !important;
max-height: 340px !important;
overflow-y: auto !important;
overflow-x: hidden !important;
padding: 0 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option {
display: flex !important;
align-items: center !important;
gap: 10px !important;
width: 100% !important;
min-height: 44px !important;
padding: 11px 16px !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
transform: none !important;
position: relative !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option + .nf-header-search-category-option {
border-top: 1px solid #eef1f5 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option:hover,
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option:focus,
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option:focus-visible {
background: #fff6f9 !important;
box-shadow: none !important;
transform: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option.is-active {
background: #fff6f9 !important;
box-shadow: inset 3px 0 0 #f0004f !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option-icon,
.nf-header-colormag .nf-header-search-category-option-icon.nf-lucide-menu-icon {
flex: 0 0 24px !important;
width: 24px !important;
height: 24px !important;
border-radius: 999px !important;
background: transparent !important;
color: var(--nf-category-accent, #f0004f) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option-icon .nf-icon {
width: 15px !important;
height: 15px !important;
}
.nf-header-colormag .nf-header-search-category-option-icon.nf-lucide-menu-icon::before,
.nf-header-colormag .nf-header-search-category-selected-icon.nf-lucide-menu-icon::before {
width: 15px !important;
height: 15px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option-copy {
display: block !important;
flex: 1 1 auto !important;
min-width: 0 !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #243044 !important;
text-align: left !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-panel {
border-color: rgba(148,163,184,.18) !important;
background: #0f1b31 !important;
box-shadow: 0 16px 36px rgba(0, 0, 0, .34) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-panel::before {
background: #0f1b31 !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option + .nf-header-search-category-option {
border-top-color: rgba(148,163,184,.14) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option:focus,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option:focus-visible,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option.is-active {
background: rgba(244, 63, 123, .08) !important;
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-brandbar-modern .nf-search-form-catalog .nf-header-search-category-option-copy {
color: var(--nf-dark-text) !important;
} .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog {
grid-template-columns: auto minmax(0, 1fr) 126px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"],
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button {
background: linear-gradient(135deg, #ff5fa7 0%, #ff3f93 100%) !important;
box-shadow: 0 9px 20px rgba(255, 95, 167, .22) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:focus-visible,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:focus-visible {
background: linear-gradient(135deg, #ff4b99 0%, #ff2f86 100%) !important;
box-shadow: 0 11px 23px rgba(255, 79, 153, .28) !important;
}
.nf-header-colormag .nf-header-quick-copy strong {
font-size: 16px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 14px !important;
}
@media (min-width: 981px) and (max-width: 1260px) {
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog {
grid-template-columns: auto minmax(0, 1fr) 108px !important;
}
.nf-header-colormag .nf-header-quick-copy strong {
font-size: 15px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 13px !important;
}
}
@media (max-width: 620px) {
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog {
grid-template-columns: auto minmax(0, 1fr) 92px !important;
}
} .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input:focus,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input:focus-visible,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input:active {
outline: none !important;
border: 0 !important;
box-shadow: none !important;
-webkit-appearance: none !important;
appearance: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog:focus-within {
outline: none !important;
box-shadow: 0 7px 22px rgba(226, 24, 91, .13) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"],
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button {
background: linear-gradient(135deg, #ff8fc6 0%, #ff72b7 100%) !important;
box-shadow: 0 9px 20px rgba(255, 120, 185, .24) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:focus-visible,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:focus-visible {
background: linear-gradient(135deg, #ff83c0 0%, #ff69b1 100%) !important;
box-shadow: 0 11px 23px rgba(255, 115, 180, .28) !important;
} .nf-header-colormag .nf-header-quick-copy strong {
font-size: 19px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 17px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"],
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button {
gap: 0 !important;
color: #5f4720 !important;
background: linear-gradient(135deg, #f4dfac 0%, #e4c36c 100%) !important;
box-shadow: 0 9px 20px rgba(207, 169, 84, .26) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"] .nf-icon,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button .nf-icon {
display: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:focus-visible,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:focus-visible {
color: #513b15 !important;
background: linear-gradient(135deg, #efd79a 0%, #dbb75f 100%) !important;
box-shadow: 0 11px 23px rgba(201, 159, 67, .30) !important;
}
@media (min-width: 981px) and (max-width: 1260px) {
.nf-header-colormag .nf-header-quick-copy strong {
font-size: 18px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 16px !important;
}
} .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input {
font-size: 18px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input::placeholder {
font-size: 18px !important;
color: #9ca6b8 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"],
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button {
color: #6f5930 !important;
background: linear-gradient(135deg, #fff6d8 0%, #f9ecb8 100%) !important;
box-shadow: 0 9px 20px rgba(226, 197, 110, .20) !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:focus-visible,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:focus-visible {
color: #624d26 !important;
background: linear-gradient(135deg, #fff1cb 0%, #f5e4a4 100%) !important;
box-shadow: 0 11px 23px rgba(223, 190, 93, .24) !important;
} .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"],
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button {
font-size: 19px !important;
color: #dfd6c2 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:focus-visible,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:hover,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button:focus-visible {
color: #ebe4d5 !important;
} .nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"] .nf-header-search-submit-label {
display: inline-block !important;
font-size: 21px !important;
font-weight: 600 !important;
line-height: 1 !important;
color: #604913 !important;
opacity: 1 !important;
text-shadow: none !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:hover .nf-header-search-submit-label,
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"]:focus-visible .nf-header-search-submit-label {
color: #4f3b0d !important;
} @media (min-width: 981px) {
.nf-header-colormag .nf-navbar,
.nf-header-colormag .nf-navbar-inner,
.nf-header-colormag .nf-primary-nav,
.nf-header-colormag .nf-nav-list,
.nf-header-colormag .nf-nav-list > li,
.nf-header-colormag .nf-nav-list > li > a {
box-sizing: border-box !important;
height: 40px !important;
min-height: 40px !important;
max-height: 40px !important;
}
.nf-header-colormag .nf-navbar,
.nf-header-colormag .nf-navbar-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a,
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:hover,
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:focus-visible {
background: #f7f1ff !important;
color: #7c3aed !important;
box-shadow: 0 4px 10px rgba(124, 58, 237, .10) !important;
text-shadow: none !important;
}
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a::before,
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:hover::before,
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:focus-visible::before {
color: #7c3aed !important;
background: currentColor !important;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home > a,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:focus-visible {
background: rgba(124, 58, 237, .16) !important;
color: #c4b5fd !important;
box-shadow: inset 0 0 0 1px rgba(196, 181, 253, .20) !important;
} @media (min-width: 981px) {
.nf-header-colormag .nf-nav-list > .nf-menu-home > a,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a {
font-weight: 700 !important;
}
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:hover,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:focus-visible {
background: #f7f1ff !important;
color: #7c3aed !important;
box-shadow: 0 4px 10px rgba(124, 58, 237, .10) !important;
text-shadow: none !important;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:focus-visible {
background: rgba(124, 58, 237, .16) !important;
color: #c4b5fd !important;
font-weight: 700 !important;
} .nf-header-colormag .nf-header-quick-copy strong {
font-size: 16px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 14px !important;
}
@media (min-width: 981px) and (max-width: 1260px) {
.nf-header-colormag .nf-header-quick-copy strong {
font-size: 15px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 13px !important;
}
} .nf-header-colormag .nf-header-quick-copy strong {
font-size: 14px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 12px !important;
}
@media (min-width: 981px) and (max-width: 1260px) {
.nf-header-colormag .nf-header-quick-copy strong {
font-size: 13px !important;
}
.nf-header-colormag .nf-header-quick-copy small {
font-size: 11px !important;
}
} @media (max-width: 620px) {
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
height: 54px !important;
min-height: 54px !important;
grid-template-columns: 22px minmax(0, 1fr) 78px !important;
column-gap: 8px !important;
padding: 3px 3px 3px 13px !important;
box-sizing: border-box !important;
overflow: hidden !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > .nf-icon {
width: 20px !important;
height: 20px !important;
margin: 0 !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 46px !important;
padding: 0 4px !important;
font-size: 15px !important;
line-height: 46px !important;
box-sizing: border-box !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog input::placeholder {
font-size: 15px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"],
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog button {
width: 78px !important;
min-width: 78px !important;
max-width: 78px !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 8px !important;
margin: 0 !important;
border-radius: 999px !important;
box-sizing: border-box !important;
justify-self: end !important;
flex: 0 0 78px !important;
}
.nf-header-colormag .nf-brandbar-modern .nf-header-search-modern .nf-search-form-catalog > button[type="submit"] .nf-header-search-submit-label {
font-size: 16px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
} @media (min-width: 981px) {
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a,
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:hover,
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:focus-visible {
font-weight: 700 !important;
transform: none !important;
-webkit-text-stroke: 0 !important;
text-shadow: none !important;
letter-spacing: normal !important;
}
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:hover,
.nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:focus-visible {
background: #f7f1ff !important;
color: #7c3aed !important;
box-shadow: 0 4px 10px rgba(124, 58, 237, .10) !important;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home > a,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home > a:focus-visible {
font-weight: 700 !important;
transform: none !important;
-webkit-text-stroke: 0 !important;
text-shadow: none !important;
} @media (min-width: 981px) {
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:hover,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:focus,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:focus-visible,
.nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a,
.nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a:hover,
.nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a:focus-visible {
font-weight: 700 !important;
transform: none !important;
scale: none !important;
-webkit-text-stroke: 0 !important;
text-shadow: none !important;
letter-spacing: normal !important;
background: #f7f1ff !important;
color: #7c3aed !important;
box-shadow: 0 4px 10px rgba(124, 58, 237, .10) !important;
transition: color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a::before,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:hover::before,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:focus-visible::before,
.nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a::before,
.nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a:hover::before {
transform: none !important;
color: #7c3aed !important;
background: currentColor !important;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:focus-visible {
transform: none !important;
scale: none !important;
-webkit-text-stroke: 0 !important;
text-shadow: none !important;
font-weight: 700 !important;
background: rgba(124, 58, 237, .16) !important;
color: #c4b5fd !important;
box-shadow: inset 0 0 0 1px rgba(196, 181, 253, .20) !important;
} @media (min-width: 981px) {
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:hover,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:focus-visible,
.nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a:hover,
.nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a:focus-visible {
font-weight: 700 !important;
transform: none !important;
scale: none !important;
-webkit-text-stroke: 0 !important;
text-shadow: none !important;
letter-spacing: normal !important;
color: #d946ef !important;
background: #fdf4ff !important;
box-shadow: 0 4px 10px rgba(217, 70, 239, .14) !important;
}
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:hover::before,
.nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:focus-visible::before,
.nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a:hover::before,
.nf-header-colormag .nf-nav-list > .nf-menu-home.current-menu-item > a:focus-visible::before {
transform: none !important;
color: #d946ef !important;
background: currentColor !important;
}
}
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-home-permanent > a:focus-visible {
transform: none !important;
scale: none !important;
color: #f0abfc !important;
background: rgba(217, 70, 239, .18) !important;
box-shadow: inset 0 0 0 1px rgba(240, 171, 252, .24) !important;
} @media (min-width: 981px) {
body.home .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:hover,
body.home .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:focus-visible,
body .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:hover,
body .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:focus-visible {
color: #d946ef !important;
background: #fdf4ff !important;
box-shadow: 0 4px 10px rgba(217, 70, 239, .16) !important;
font-weight: 700 !important;
transform: none !important;
scale: none !important;
-webkit-text-stroke: 0 !important;
text-shadow: none !important;
letter-spacing: normal !important;
}
body.home .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:hover::before,
body.home .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:focus-visible::before,
body .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:hover::before,
body .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:focus-visible::before {
color: #d946ef !important;
background: currentColor !important;
transform: none !important;
}
}
html.nf-dark-mode body.home .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:hover,
html.nf-dark-mode body.home .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:focus-visible,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:hover,
html.nf-dark-mode body .nf-site .nf-header-colormag .nf-nav-list > .nf-menu-general-home.nf-menu-home.nf-menu-home-permanent.current-menu-item > a:focus-visible {
color: #f0abfc !important;
background: rgba(217, 70, 239, .20) !important;
box-shadow: inset 0 0 0 1px rgba(240, 171, 252, .28) !important;
transform: none !important;
scale: none !important;
} .nf-footer-copyright .nf-footer-credit-link,
.nf-footer-copyright .nf-footer-credit-link:link,
.nf-footer-copyright .nf-footer-credit-link:visited,
.nf-footer-copyright .nf-footer-credit-link:hover,
.nf-footer-copyright .nf-footer-credit-link:focus,
.nf-footer-copyright .nf-footer-credit-link:focus-visible,
.nf-footer-copyright .nf-footer-credit-link:active {
color: inherit !important;
font: inherit !important;
text-decoration: none !important;
text-decoration-line: none !important;
}