(function () { var keys = \[“–wp–preset–color–primary”,”–wp–preset–color–secondary”,”–wp–preset–color–heading”,”–wp–custom–font–heading”,”–wp–custom–font–heading-weight”,”–wp–custom–font–body”,”–wp–custom–font–body-weight”\]; fetch(location.origin + “/”, {credentials: “same-origin”}).then(function (r) { return r.text(); }).then(function (html) { keys.forEach(function (key) { var token = key + “:”; var i = html.indexOf(token); if (i < 0) return; var v = html.slice(i + token.length, html.indexOf(";", i)).trim(); if (v) document.documentElement.style.setProperty(key, v); }); }); })(); .stv-ci, .stv-ci \* { box-sizing: border-box; } .stv-ci { background: transparent !important; width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% – 50vw) !important; margin-right: calc(50% – 50vw) !important; padding: 48px 20px !important; font-family: var(–wp–custom–font–body) !important; font-weight: var(–wp–custom–font–body-weight); color: var(–wp–preset–color–black) !important; \-webkit-font-smoothing: antialiased; box-sizing: border-box; } .stv-ci p { margin: 0 !important; } .stv-ci a { text-decoration: none !important; } .stv-ci-card { max-width: 920px; margin: 0 auto; background: var(–wp–preset–color–white) !important; border-radius: 28px; box-shadow: 0 22px 50px color-mix(in srgb, var(–wp–preset–color–black) 16%, transparent); padding: 36px 40px 40px; } .stv-ci h3.stv-ci-title { display: block !important; float: none !important; clear: both !important; width: 100% !important; margin: 0 0 var(–wp–preset–spacing–30) !important; text-align: left !important; font-family: var(–wp–custom–font–heading) !important; font-size: var(–wp–preset–font-size–x-large) !important; font-weight: var(–wp–custom–font–heading-weight) !important; line-height: 1.2em !important; color: var(–wp–preset–color–primary) !important; } .stv-ci-grid { display: grid !important; float: none !important; clear: both !important; width: 100% !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 0; align-items: stretch; } .stv-ci-rule { display: none !important; } .stv-ci-col { display: flex !important; gap: 16px; align-items: flex-start; min-width: 0; } .stv-ci-col–left { padding-right: 32px; } .stv-ci-col–right { padding-left: 32px; border-left: 1px solid var(–wp–preset–color–grey) !important; } .stv-ci-mark { width: 56px !important; height: 56px !important; min-width: 56px !important; max-width: 56px !important; flex: 0 0 56px !important; border-radius: 50% !important; overflow: hidden; display: flex !important; align-items: center; justify-content: center; color: var(–wp–preset–color–white) !important; background: var(–wp–preset–color–primary) !important; } .stv-ci-mark svg { display: block !important; width: 26px !important; height: 24px !important; max-width: 26px !important; max-height: 24px !important; min-width: 0 !important; fill: currentColor; } .stv-ci-mark–party svg { width: 26px !important; height: 24px !important; max-width: 26px !important; max-height: 24px !important; } .stv-ci-mark–state svg { width: 36px !important; height: 20px !important; max-width: 36px !important; max-height: 20px !important; } .stv-ci p.stv-ci-name { margin: 2px 0 2px !important; font-family: var(–wp–custom–font–heading) !important; font-size: var(–wp–preset–font-size–small) !important; line-height: 1.3 !important; font-weight: var(–wp–custom–font–heading-weight) !important; color: var(–wp–preset–color–heading) !important; } .stv-ci p.stv-ci-sub { margin: 0 0 14px !important; font-size: var(–wp–preset–font-size–small) !important; line-height: 1.4 !important; color: color-mix(in srgb, var(–wp–preset–color–heading) 62%, var(–wp–preset–color–white)) !important; } .stv-ci p.stv-ci-sub–spacer { margin: 0 0 14px !important; min-height: 1.4em; } .stv-ci-rows { display: grid; gap: 12px; } .stv-ci p.stv-ci-k { display: block; margin: 0 0 2px !important; font-size: var(–wp–preset–font-size–x-small) !important; line-height: 1.2 !important; font-weight: var(–wp–custom–font–heading-weight) !important; letter-spacing: 0.06em; text-transform: uppercase; color: color-mix(in srgb, var(–wp–preset–color–heading) 48%, var(–wp–preset–color–white)) !important; } .stv-ci p.stv-ci-v { margin: 0 !important; font-size: var(–wp–preset–font-size–small) !important; line-height: 1.4 !important; color: var(–wp–preset–color–black) !important; } .stv-ci a, .stv-ci-v a { color: var(–wp–preset–color–primary) !important; text-decoration: none !important; } .stv-ci a:hover, .stv-ci-v a:hover { color: var(–wp–preset–color–secondary) !important; } /\* Dark blocks on this template: background follows secondary, type follows white. Theme CSS bakes white. These rules win. \*/ .mode-dark.block-byv-timeline, .mode-dark.block-byv-countdown { background-color: var(–wp–preset–color–secondary) !important; \–block-background-color: var(–wp–preset–color–secondary); color: var(–wp–preset–color–white) !important; } .mode-dark .countdown\_\_unit .number, .mode-dark.block-byv-timeline .wp-element-button:hover, .mode-dark.block-byv-countdown .wp-element-button:hover { color: var(–wp–preset–color–white) !important; } .mode-dark.block-byv-timeline .wp-element-button:hover, .mode-dark.block-byv-countdown .wp-element-button:hover { background-color: var(–wp–preset–color–white) !important; color: var(–wp–preset–color–primary) !important; } @media (max-width: 720px) { .stv-ci { padding: 28px 14px !important; } .stv-ci-card { padding: 26px 20px 28px; border-radius: 22px; } .stv-ci-grid { grid-template-columns: 1fr !important; row-gap: 22px; } .stv-ci-col–left, .stv-ci-col–right { padding: 0 !important; } .stv-ci-col–right { border-left: 0 !important; border-top: 1px solid var(–wp–preset–color–grey) !important; padding-top: 22px !important; } }