/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 21 2026 | 16:14:06 */
/* Barometer page (Loyal by Default). Paste in WPBakery > Page settings (gear icon) > Custom CSS. */

/* Hero */
.nb-h1-sub { display: block; margin-top: 18px; font-family: 'PolySans', sans-serif; font-weight: 500; font-size: 20px; line-height: 1.3; letter-spacing: 0; color: #5E251B; }
.nb-facts-line { font-size: 14px; color: #8A847C; margin: 14px 0 0 !important; }

/* Hero button, same look as the form's "Get full barometer" button */
.nb-cta-wrap { margin: 18px 0 0 !important; padding: 0 !important; }
a.nb-cta { display: inline-block; background: #FF2500; color: #fff !important; font-family: 'PolySans Wide', 'PolySans', sans-serif; font-weight: 700; font-size: 17px; line-height: 1; padding: 19px 28px; border-radius: 3px; text-decoration: none !important; border: 0; transition: background .2s ease; }
a.nb-cta:hover, a.nb-cta:focus-visible { background: #E02000; color: #fff !important; }
.nb-facts-line strong { color: #2B2927; font-weight: inherit; }

/* Anchors under the sticky header */
#report { scroll-margin-top: 130px; }

/* Numbers band (dark row) */
.nb-h2 { font-size: clamp(32px, 3.6vw, 46px) !important; line-height: 1.1 !important; max-width: 15em; margin-bottom: 40px !important; }
.nb-stat { border-left: 1px solid rgba(255,255,255,.18); padding-left: 26px; }
.nb-stat .nb-n { font-family: 'PolySans Wide', 'PolySans', sans-serif; font-weight: 700; font-size: 64px !important; line-height: 1 !important; letter-spacing: -.03em; color: #fff !important; margin: 0 0 22px !important; white-space: nowrap;    padding-bottom: 20px !important; }
.nb-stat .nb-n small { font-size: .42em; letter-spacing: 0; color: #FFB9A6; margin-left: 6px; }
.nb-stat .nb-n:after { content: ""; display: block; width: 32px; height: 3px; background: #FF2500; margin-top: 22px; }
.nb-stat p { font-size: 15.5px; line-height: 1.5; color: #EADBD3 !important; margin: 0 !important; }
.nb-stat strong { color: #fff; }

/* Quote */
.nb-quote-close {
  text-align: center;
  max-width: 860px;
  margin: 0 auto;
}

.nb-quote-close:before {
  content: "";
  display: block;
  width: 72px;
  height: 50px;
  margin: 28px auto 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 403 275'%3E%3Cpath fill='%23FF2500' d='M355 86 403 0H304C254 84 237 104 237 146V275H403V125H362C352 125 345 125 324 133C310 138 305 122 317 116C339 106 347 100 355 86ZM118 86 166 0H68C17 84 0 104 0 146V275H166V125H125C115 125 109 125 88 133C73 138 68 122 80 116C102 106 110 100 118 86Z'/%3E%3C/svg%3E") no-repeat center / contain;
  transform: rotate(180deg);
}
.nb-quote { text-align: center; max-width: 860px; margin: 0 auto; }
.nb-quote:before { content: ""; display: block; width: 72px; height: 50px; margin: 0 auto 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 403 275'%3E%3Cpath fill='%23FF2500' d='M355 86 403 0H304C254 84 237 104 237 146V275H403V125H362C352 125 345 125 324 133C310 138 305 122 317 116C339 106 347 100 355 86ZM118 86 166 0H68C17 84 0 104 0 146V275H166V125H125C115 125 109 125 88 133C73 138 68 122 80 116C102 106 110 100 118 86Z'/%3E%3C/svg%3E") no-repeat center / contain; }
.nb-quote .nb-quote-text { font-family: 'PolySans Wide', 'PolySans', sans-serif; font-weight: 700; color: #2B2927; font-size: 40px !important; line-height: 1.2 !important; letter-spacing: -.015em; margin: 0 !important;padding-bottom:0px !important }
.nb-cite { font-size: 15px; color: #8A847C; margin: 22px 0 0 !important; }

/* Audio excerpt button (works with barometer-audio.js) */
.nb-quote button.nb-audio { position: relative; overflow: hidden; display: inline-flex !important; align-items: center; gap: 12px; margin: 30px 0 0 !important; padding: 7px 18px 7px 7px !important; height: auto !important; line-height: 1.2 !important; background: #fff !important; border: 1px solid #E4DDD1 !important; border-radius: 4px !important; box-shadow: none !important; font-family: 'PolySans', sans-serif !important; font-size: 15px !important; font-weight: 500 !important; letter-spacing: normal !important; text-transform: none !important; color: #2B2927 !important; cursor: pointer; transition: border-color .2s; }
.nb-quote button.nb-audio:hover, .nb-quote button.nb-audio:focus-visible { border-color: #FF2500 !important; outline: none; }
.nb-quote button.nb-audio:after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: var(--nb-progress, 0%); background: #FF2500; transition: width .25s linear; }
/* Play / pause square drawn by CSS (WordPress strips empty s, so no icon element is needed) */
.nb-quote button.nb-audio:before { content: ""; flex: none; width: 36px; height: 36px; border-radius: 4px;
  background: #FF2500 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='white' d='M3.5 1.5v11l9-5.5z'/%3E%3C/svg%3E") no-repeat center / 14px 14px; }
.nb-quote button.nb-audio.is-playing:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='white' d='M3 1.5h3v11H3zM8 1.5h3v11H8z'/%3E%3C/svg%3E"); }
.nb-audio-icon { display: none !important; }
.nb-audio-time { color: #8A847C; font-variant-numeric: tabular-nums; min-width: 2.6em; text-align: left; }
/* Remove the empty paragraphs / line breaks the editor adds around the button */
.nb-quote p:empty, .nb-quote br { display: none !important; }

/* Methodology card */
.nb-method { background: #FFFDF9; border: 1px solid #E4DDD1; border-radius: 4px; padding: 25px 35px 0px; }
.nb-method-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px 32px; margin-bottom: 30px; }
.nb-method-head h2 { font-size: 32px !important; line-height: 1.1 !important; margin: 0 !important; padding: 0 !important; }
.nb-label { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: #FF2500; margin: 0 !important; }
.nb-facts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-bottom: 28px; }
.nb-facts .nb-fact-n { font-family: 'PolySans Wide', 'PolySans', sans-serif; font-weight: 700; color: #2B2927; font-size: 30px !important; line-height: 1.1 !important; margin: 0 0 8px !important; }
.nb-facts p { font-size: 15px; line-height: 1.45; margin: 0 !important; padding: 0 !important; }
.nb-limits { border-top: 1px solid #E4DDD1; padding-top: 22px !important; font-size: 15px; margin: 0 !important; }
.nb-limits strong { color: #2B2927; }

/* Download section (brown row): what's inside */
ul.nb-inside { list-style: none !important; margin: 5px 0 0 !important; padding: 0 !important; border-top: 1px solid rgba(255,255,255,.18); counter-reset: nb; }
ul.nb-inside li { list-style: none !important; margin: 0 !important; padding: 13px 0 13px 40px !important; border-bottom: 1px solid rgba(255,255,255,.18); position: relative; color: #fff; counter-increment: nb; }
ul.nb-inside li:before { content: counter(nb, decimal-leading-zero); position: absolute; left: 0; top: 16px; font-size: 12px; letter-spacing: .08em; color: #FF8A6B; }

/* Tablet (Salient breakpoint) */
@media only screen and (max-width: 999px) {
  .nb-stat { border-left: 0; padding-left: 0; margin-bottom: 36px; }
  .nb-stat .nb-n { font-size: 54px !important; }
  .nb-facts { grid-template-columns: 1fr 1fr; }

  /* Download section: stack the text and the form instead of keeping them side by side */
  #report .vc_column-inner, #report .wpb_wrapper { flex-direction: column !important; flex-wrap: wrap !important; align-items: stretch !important; }
  #report .inner_row, #report .wpb_column { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; }
  #report .row_col_wrap_12 > .wpb_column > .vc_column-inner > .wpb_wrapper { gap: 48px !important; }
}
/* Phone */
@media only screen and (max-width: 690px) {
  .nb-quote .nb-quote-text { font-size: 28px !important;    padding-bottom: 0px !important; }
  .nb-method { padding: 30px 22px; }
  .nb-facts .nb-fact-n { font-size: 24px !important; }
}