/* :root { --color-black: #000; --color-grey: #b9b8ad; --color-grey-dark: #726a5b; --color-sand: #faedda; --color-sand-light: #fffbf4; --color-white: #fff; --color-crimson: #a51c30; --color-crimson-dark: #63111d; --color-crimson-bright: #ff5956; --color-crimson-faded: #eba490; --color-green: #43ab92; --color-green-dark: #226d72; --color-green-bright: #63e0c2; --color-blue: #147ba8; --color-blue-dark: #23425f; --color-blue-bright: #4bc8ff; --color-purple: #7a4194; --color-purple-dark: #512c62; --color-purple-bright: #cf73f9; --color-ochre: #e3a027; --color-ochre-dark: #7e5102; --color-ochre-bright: #ffd541; --color-feedback-error: #ce2929; --color-black-20: rgba(0, 0, 0, .2); --color-black-55: rgba(0, 0, 0, .55); --color-black-80: rgba(0, 0, 0, .8); --color-white-80: hsla(0, 0%, 100%, .8); --color-white-95: hsla(0, 0%, 100%, .95); --color-sand-light-01: rgba(255, 251, 244, .01); --primary-page-color-bright: var(--color-crimson-bright); --primary-page-color-text: var(--color-crimson-dark); --primary-page-color-ui: var(--color-crimson); --primary-page-color-reverse-background: var(--color-crimson); --primary-page-color-reverse-text: var(--color-white); --primary-page-color-reverse-ui: var(--color-white); } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4 / 3; --wp--preset--aspect-ratio--3-4: 3 / 4; --wp--preset--aspect-ratio--3-2: 3 / 2; --wp--preset--aspect-ratio--2-3: 2 / 3; --wp--preset--aspect-ratio--16-9: 16 / 9; --wp--preset--aspect-ratio--9-16: 9 / 16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--color--primary-crimson: var(--color-crimson); --wp--preset--color--primary-crimson-dark: var(--color-crimson-dark); --wp--preset--color--primary-crimson-bright: var(--color-crimson-bright); --wp--preset--color--primary-crimson-faded: var(--color-crimson-faded); --wp--preset--color--secondary-green: var(--color-green); --wp--preset--color--secondary-green-dark: var(--color-green-dark); --wp--preset--color--secondary-green-bright: var(--color-green-bright); --wp--preset--color--secondary-blue: var(--color-blue); --wp--preset--color--secondary-blue-dark: var(--color-blue-dark); --wp--preset--color--secondary-blue-bright: var(--color-blue-bright); --wp--preset--color--secondary-purple: var(--color-purple); --wp--preset--color--secondary-purple-dark: var(--color-purple-dark); --wp--preset--color--secondary-purple-bright: var(--color-purple-bright); --wp--preset--color--secondary-ochre: var(--color-ochre); --wp--preset--color--secondary-ochre-dark: var(--color-ochre-dark); --wp--preset--color--secondary-ochre-bright: var(--color-ochre-bright); --wp--preset--color--neutral-grey: var(--color-grey); --wp--preset--color--neutral-grey-dark: var(--color-grey-dark); --wp--preset--color--neutral-sand: var(--color-sand); --wp--preset--color--neutral-sand-light: var(--color-sand-light); --wp--preset--color--neutral-black: var(--color-black); --wp--preset--color--neutral-white: var(--color-white); --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); --wp--preset--font-size--small: clamp(0.6875rem, 0.688rem + ((1vw - 0.2rem) * 0.256), 0.875rem); --wp--preset--font-size--medium: clamp(0.75rem, 0.75rem + ((1vw - 0.2rem) * 0.342), 1rem); --wp--preset--font-size--large: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.342), 1.25rem); --wp--preset--font-size--x-large: clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 1.027), 2rem); --wp--preset--font-family--neue-haas-grotesk-text: "Neue Haas Grotesk Text", sans-serif; --wp--preset--font-family--sanomat: 'Sanomat', Plantagenet Cherokee, serif; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: clamp(2.5rem, 2rem + 2.5vw, 5rem); --wp--preset--spacing--16: 1rem; --wp--preset--spacing--24: 1.5rem; --wp--preset--spacing--32: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.685), 2rem); --wp--preset--spacing--48: clamp(2rem, 1.8rem + 1vw, 3rem); --wp--preset--spacing--64: clamp(2.5rem, 2rem + 2.2vw, 4rem); --wp--preset--spacing--120: clamp(4rem, 3.3rem + 3.5vw, 7.5rem); --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); --wp--custom--line-height--tight: 1.1; --wp--custom--line-height--snug: 1.2; --wp--custom--line-height--close: 1.25; --wp--custom--line-height--medium: 1.4; --wp--custom--line-height--base: 1.5; --wp--custom--line-height--large: 1.6; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--color--primary-crimson: var(--color-crimson); --wp--preset--color--primary-crimson-dark: var(--color-crimson-dark); --wp--preset--color--primary-crimson-bright: var(--color-crimson-bright); --wp--preset--color--primary-crimson-faded: var(--color-crimson-faded); --wp--preset--color--secondary-green: var(--color-green); --wp--preset--color--secondary-green-dark: var(--color-green-dark); --wp--preset--color--secondary-green-bright: var(--color-green-bright); --wp--preset--color--secondary-blue: var(--color-blue); --wp--preset--color--secondary-blue-dark: var(--color-blue-dark); --wp--preset--color--secondary-blue-bright: var(--color-blue-bright); --wp--preset--color--secondary-purple: var(--color-purple); --wp--preset--color--secondary-purple-dark: var(--color-purple-dark); --wp--preset--color--secondary-purple-bright: var(--color-purple-bright); --wp--preset--color--secondary-ochre: var(--color-ochre); --wp--preset--color--secondary-ochre-dark: var(--color-ochre-dark); --wp--preset--color--secondary-ochre-bright: var(--color-ochre-bright); --wp--preset--color--neutral-grey: var(--color-grey); --wp--preset--color--neutral-grey-dark: var(--color-grey-dark); --wp--preset--color--neutral-sand: var(--color-sand); --wp--preset--color--neutral-sand-light: var(--color-sand-light); --wp--preset--color--neutral-black: var(--color-black); --wp--preset--color--neutral-white: var(--color-white); --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%); --wp--preset--font-size--small: clamp(0.6875rem, 0.688rem + ((1vw - 0.2rem) * 0.256), 0.875rem); --wp--preset--font-size--medium: clamp(0.75rem, 0.75rem + ((1vw - 0.2rem) * 0.342), 1rem); --wp--preset--font-size--large: clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.342), 1.25rem); --wp--preset--font-size--x-large: clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 1.027), 2rem); --wp--preset--font-family--neue-haas-grotesk-text: "Neue Haas Grotesk Text", sans-serif; --wp--preset--font-family--sanomat: 'Sanomat', Plantagenet Cherokee, serif; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: clamp(2.5rem, 2rem + 2.5vw, 5rem); --wp--preset--spacing--16: 1rem; --wp--preset--spacing--24: 1.5rem; --wp--preset--spacing--32: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.685), 2rem); --wp--preset--spacing--48: clamp(2rem, 1.8rem + 1vw, 3rem); --wp--preset--spacing--64: clamp(2.5rem, 2rem + 2.2vw, 4rem); --wp--preset--spacing--120: clamp(4rem, 3.3rem + 3.5vw, 7.5rem); --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); --wp--custom--line-height--tight: 1.1; --wp--custom--line-height--snug: 1.2; --wp--custom--line-height--close: 1.25; --wp--custom--line-height--medium: 1.4; --wp--custom--line-height--base: 1.5; --wp--custom--line-height--large: 1.6; } .wp-block-heading { --wp--preset--font-size--h-1-title-large: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 4.11), 5.5rem); --wp--preset--font-size--h-1-title: clamp(2.125rem, 2.125rem + ((1vw - 0.2rem) * 2.568), 4rem); --wp--preset--font-size--h-2-title: clamp(1.75rem, 1.75rem + ((1vw - 0.2rem) * 1.712), 3rem); --wp--preset--font-size--h-3-title: clamp(1.625rem, 1.625rem + ((1vw - 0.2rem) * 1.199), 2.5rem); --wp--preset--font-size--h-4-title: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.685), 2rem); --wp--preset--font-size--h-5-title: clamp(1.25rem, 1.25rem + ((1vw - 0.2rem) * 0.342), 1.5rem); --wp--preset--font-size--h-6-title: clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 1), 1.125rem); } .wp-block-harvard-gazette-stats-text { --wp--preset--font-size--stats-text-small: clamp(1.5rem, 1.5rem + ((1vw - 0.2rem) * 0.685), 2rem); --wp--preset--font-size--stats-text-medium: clamp(2.5rem, 2.5rem + ((1vw - 0.2rem) * 1.37), 3.5rem); --wp--preset--font-size--stats-text-large: clamp(3.5rem, 3.5rem + ((1vw - 0.2rem) * 2.055), 5rem); --wp--preset--font-size--stats-text-x-large: clamp(5rem, 5rem + ((1vw - 0.2rem) * 3.425), 7.5rem); } :root { --wp--style--global--content-size: 728px; --wp--style--global--wide-size: 1488px; } :where(body) { margin: 0; } .wp-site-blocks { padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom); } .has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); } .has-global-padding>.alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); } .has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; } .has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull))>.alignfull { margin-left: 0; margin-right: 0; } .wp-site-blocks>.alignleft { float: left; margin-right: 2em; } .wp-site-blocks>.alignright { float: right; margin-left: 2em; } .wp-site-blocks>.aligncenter { justify-content: center; margin-left: auto; margin-right: auto; } :where(.wp-site-blocks)>* { margin-block-start: var(--wp--preset--spacing--48); margin-block-end: 0; } :where(.wp-site-blocks)> :first-child { margin-block-start: 0; } :where(.wp-site-blocks)> :last-child { margin-block-end: 0; } :root { --wp--style--block-gap: var(--wp--preset--spacing--48); } :root :where(.is-layout-flow)> :first-child { margin-block-start: 0; } :root :where(.is-layout-flow)> :last-child { margin-block-end: 0; } :root :where(.is-layout-flow)>* { margin-block-start: var(--wp--preset--spacing--48); margin-block-end: 0; } :root :where(.is-layout-constrained)> :first-child { margin-block-start: 0; } :root :where(.is-layout-constrained)> :last-child { margin-block-end: 0; } :root :where(.is-layout-constrained)>* { margin-block-start: var(--wp--preset--spacing--48); margin-block-end: 0; } :root :where(.is-layout-flex) { gap: var(--wp--preset--spacing--48); } :root :where(.is-layout-grid) { gap: var(--wp--preset--spacing--48); } .is-layout-flow>.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-flow>.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-flow>.aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained>.alignleft { float: left; margin-inline-start: 0; margin-inline-end: 2em; } .is-layout-constrained>.alignright { float: right; margin-inline-start: 2em; margin-inline-end: 0; } .is-layout-constrained>.aligncenter { margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } .is-layout-constrained>.alignwide { max-width: var(--wp--style--global--wide-size); } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex> :is(*, div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid> :is(*, div) { margin: 0; } body { background-color: var(--wp--preset--color--neutral-sand-light); color: var(--wp--preset--color--neutral-black); font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); font-size: var(--wp--preset--font-size--large); line-height: var(--wp--custom--line-height--large); --wp--style--root--padding-top: 0; --wp--style--root--padding-right: clamp(1rem, 1rem + ((1vw - 0.48rem) * 1.923), 2rem); --wp--style--root--padding-bottom: … */ /* Theme Name: pinhealth-blank Theme URI: Author: pinhealth Author URI: Description: Requires at least: 6.8 Tested up to: 6.8 Requires PHP: 5.7 Version: License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: pinhealth-blank Tags: */ .wp-block-columns.is-style-vertical-dividers { --half-space-between-columns: calc(var(--wp--preset--spacing--48)/2); gap: 4rem } @media (min-width:48.875rem) { .wp-block-columns.is-style-vertical-dividers { gap: var(--wp--preset--spacing--48) !important } } .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type) { position: relative } .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { background-color: #b9b8ad; background-color: var(--wp--preset--color--grey); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } @media (max-width:48.8125rem) { .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { bottom: auto; height: 1px; margin-top: -2rem } } @media (min-width:48.875rem) { .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { margin-left: calc(var(--half-space-between-columns)*-1); right: auto; width: 1px } } .pin-columns { container: columns/inline-size; justify-content: space-between } .pin-columns .wp-block-column { flex: 0 1 auto !important; max-width: var(--wp--style--global--content-size); width: 100% } @media (max-width:48.8125rem) { .pin-columns .wp-block-column { margin-left: auto !important; margin-right: auto !important } } @media (max-width:74.9375rem) { .pin-columns .wp-block-column { container: column/inline-size } } @media (min-width:75rem) and (max-width:96.9375rem) { .pin-columns .pin-column-content { max-width: var(--contentCol-width) } } @media (min-width:48.875rem) { .pin-columns .pin-column-sidebar { max-width: 37.5625rem; width: var(--supportingCol-width) } } @media (max-width:92.9375rem) { .pin-columns--content-center .wp-block-column { container: column/inline-size } } @media (max-width:74.9375rem) { .pin-columns--content-center { flex-wrap: wrap !important } .pin-columns--content-center .wp-block-column { flex: 1 0 100% !important; margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--content-size) !important } } @media (min-width:48.875rem) and (max-width:74.9375rem) { .pin-columns--content-center.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { bottom: auto; height: 1px; margin-left: 0; margin-top: calc(var(--half-space-between-columns)*-1); right: 0; width: 100% } } .pin-columns--wide-content-left .pin-column-content, .pin-columns--wide-content-right .pin-column-content { max-width: 61.3125rem } @media (min-width:48.875rem) { .pin-columns--wide-content-left .pin-column-sidebar, .pin-columns--wide-content-right .pin-column-sidebar { max-width: 21.75rem } } @media (min-width:75rem) { .pin-columns--content-left.is-style-vertical-dividers, .pin-columns--content-right.is-style-vertical-dividers { --half-space-between-columns: max(calc(var(--wp--preset--spacing--48)/2), calc((100cqw - min(var(--contentCol-width), var(--wp--style--global--content-size)) - min(37.5625rem, var(--supportingCol-width)))/2)) } .pin-columns--content-left.is-style-vertical-dividers .wp-block-column, .pin-columns--content-right.is-style-vertical-dividers .wp-block-column { container: initial } .pin-columns--wide-content-left.is-style-vertical-dividers, .pin-columns--wide-content-right.is-style-vertical-dividers { --half-space-between-columns: max(calc(var(--wp--preset--spacing--48)/2), calc(100cqw/2 - 41.53125rem)) } .pin-columns--wide-content-left.is-style-vertical-dividers .wp-block-column, .pin-columns--wide-content-right.is-style-vertical-dividers .wp-block-column { container: initial } } @media (max-width:48.8125rem) { .taxonomy-first-page .wp-block-columns.is-style-vertical-dividers { gap: 2.5rem } .taxonomy-first-page .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { display: none } } /* .featured-articles__list { list-style: none; display: flex; gap: 2rem; padding: 0; margin: 0; flex-wrap: wrap; } .featured-article { flex: 1 1 30%; display: flex; flex-direction: column; } .featured-article__image img { width: 100%; height: auto; border-radius: 6px; } .featured-article__title { font-size: 1.1rem; margin-top: 0.5rem; } .featured-article__excerpt { font-size: 0.9rem; color: #555; } */ .wp-block-columns.is-style-vertical-dividers { --half-space-between-columns: calc(var(--wp--preset--spacing--48)/2); gap: 4rem } @media (min-width:48.875rem) { .wp-block-columns.is-style-vertical-dividers { gap: var(--wp--preset--spacing--48) !important } } .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type) { position: relative } .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { background-color: #b9b8ad; background-color: var(--wp--preset--color--grey); /*--wp--preset--color--grey*/ bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } @media (max-width:48.8125rem) { .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { bottom: auto; height: 1px; margin-top: -2rem } } @media (min-width:48.875rem) { .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { margin-left: calc(var(--half-space-between-columns)*-1); right: auto; width: 1px } } .pin-columns { container: columns/inline-size; justify-content: space-between } .pin-columns .wp-block-column { flex: 0 1 auto !important; max-width: var(--wp--style--global--content-size); width: 100% } @media (max-width:48.8125rem) { .pin-columns .wp-block-column { margin-left: auto !important; margin-right: auto !important } } @media (max-width:74.9375rem) { .pin-columns .wp-block-column { container: column/inline-size } } @media (min-width:75rem) and (max-width:96.9375rem) { .pin-columns .pin-column-content { max-width: var(--contentCol-width) } } @media (min-width:48.875rem) { .pin-columns .pin-column-sidebar { max-width: 37.5625rem; width: var(--supportingCol-width) } } @media (max-width:92.9375rem) { .pin-columns--content-center .wp-block-column { container: column/inline-size } } @media (max-width:74.9375rem) { .pin-columns--content-center { flex-wrap: wrap !important } .pin-columns--content-center .wp-block-column { flex: 1 0 100% !important; margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--content-size) !important } } @media (min-width:48.875rem) and (max-width:74.9375rem) { .pin-columns--content-center.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { bottom: auto; height: 1px; margin-left: 0; margin-top: calc(var(--half-space-between-columns)*-1); right: 0; width: 100% } } .pin-columns--wide-content-left .pin-column-content, .pin-columns--wide-content-right .pin-column-content { max-width: 61.3125rem } @media (min-width:48.875rem) { .pin-columns--wide-content-left .pin-column-sidebar, .pin-columns--wide-content-right .pin-column-sidebar { max-width: 21.75rem } } @media (min-width:75rem) { .pin-columns--content-left.is-style-vertical-dividers, .pin-columns--content-right.is-style-vertical-dividers { --half-space-between-columns: max(calc(var(--wp--preset--spacing--48)/2), calc((100cqw - min(var(--contentCol-width), var(--wp--style--global--content-size)) - min(37.5625rem, var(--supportingCol-width)))/2)) } .pin-columns--content-left.is-style-vertical-dividers .wp-block-column, .pin-columns--content-right.is-style-vertical-dividers .wp-block-column { container: initial } .pin-columns--wide-content-left.is-style-vertical-dividers, .pin-columns--wide-content-right.is-style-vertical-dividers { --half-space-between-columns: max(calc(var(--wp--preset--spacing--48)/2), calc(100cqw/2 - 41.53125rem)) } .pin-columns--wide-content-left.is-style-vertical-dividers .wp-block-column, .pin-columns--wide-content-right.is-style-vertical-dividers .wp-block-column { container: initial } } .archive.category.paged .taxonomy-first-page, .archive.tax-series.paged .taxonomy-first-page { display: none } @media (max-width:48.8125rem) { .taxonomy-first-page .wp-block-columns.is-style-vertical-dividers { gap: 2.5rem } .taxonomy-first-page .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { display: none } } .taxonomy-first-page .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__title { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } @media (min-width:48.875rem) { .taxonomy-first-page .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__title { font-size: var(--wp--preset--font-size--h-3-title); line-height: var(--wp--custom--line-height--snug) } .taxonomy-first-page .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__image { margin-bottom: 1.5rem } } .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list { grid-row-gap: clamp(2rem, 1.44vw + 1.66rem, 3rem) } @media (max-width:48.8125rem) { .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list .featured-article { display: block } .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list .featured-article__image { margin-bottom: .5rem; max-width: 100%; width: 100% } } @media (min-width:48.875rem) { .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list .featured-article__title { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } } .taxonomy-first-page .featured-articles.is-style-grid-list.taxonomy-top-grid:not(.wp-block) ul.featured-articles__list { grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr)) } .taxonomy-first-page .featured-articles.is-style-grid-list.taxonomy-top-grid:not(.wp-block) ul.featured-articles__list .featured-article:only-child { display: block; max-width: 45.5rem } .taxonomy-first-page .featured-articles.is-style-grid-list.taxonomy-top-grid:not(.wp-block) ul.featured-articles__list .featured-article:only-child .featured-article__image { max-width: 100% } @media (min-width:48.875rem) { .taxonomy-list-block { -webkit-margin-before: var(--wp--preset--spacing--120); margin-block-start: var(--wp--preset--spacing--120) } } .taxonomy-list-block .wp-block-query { margin-bottom: 0 } .taxonomy-list-block .wp-block-query, .taxonomy-list-block .wp-block-query .hentry__title { margin-top: 0 } .taxonomy-list-block ul { -webkit-padding-start: 0; border-top: 1px solid #b9b8ad; border-top: 1px solid var(--wp--preset--color--grey); padding-inline-start: 0; padding-top: clamp(1rem, 1.44vw + .66rem, 2rem) } .pin-columns { container: columns/inline-size; justify-content: space-between } .pin-columns .wp-block-column { flex: 0 1 auto !important; max-width: var(--wp--style--global--content-size); width: 100% } @media (max-width:48.8125rem) { .pin-columns .wp-block-column { margin-left: auto !important; margin-right: auto !important } } @media (max-width:74.9375rem) { .pin-columns .wp-block-column { container: column/inline-size } } @media (min-width:75rem) and (max-width:96.9375rem) { .pin-columns .pin-column-content { max-width: var(--contentCol-width) } } @media (min-width:48.875rem) { .pin-columns .pin-column-sidebar { max-width: 37.5625rem; width: var(--supportingCol-width) } } @media (max-width:92.9375rem) { .pin-columns--content-center .wp-block-column { container: column/inline-size } } @media (max-width:74.9375rem) { .pin-columns--content-center { flex-wrap: wrap !important } .pin-columns--content-center .wp-block-column { flex: 1 0 100% !important; margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--content-size) !important } } @media (min-width:48.875rem) and (max-width:74.9375rem) { .pin-columns--content-center.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { bottom: auto; height: 1px; margin-left: 0; margin-top: calc(var(--half-space-between-columns)*-1); right: 0; width: 100% } } .pin-columns--wide-content-left .pin-column-content, .pin-columns--wide-content-right .pin-column-content { max-width: 61.3125rem } @media (min-width:48.875rem) { .pin-columns--wide-content-left .pin-column-sidebar, .pin-columns--wide-content-right .pin-column-sidebar { max-width: 21.75rem } } @media (min-width:75rem) { .pin-columns--content-left.is-style-vertical-dividers, .pin-columns--content-right.is-style-vertical-dividers { --half-space-between-columns: max(calc(var(--wp--preset--spacing--48)/2), calc((100cqw - min(var(--contentCol-width), var(--wp--style--global--content-size)) - min(37.5625rem, var(--supportingCol-width)))/2)) } .pin-columns--content-left.is-style-vertical-dividers .wp-block-column, .pin-columns--content-right.is-style-vertical-dividers .wp-block-column { container: initial } .pin-columns--wide-content-left.is-style-vertical-dividers, .pin-columns--wide-content-right.is-style-vertical-dividers { --half-space-between-columns: max(calc(var(--wp--preset--spacing--48)/2), calc(100cqw/2 - 41.53125rem)) } .pin-columns--wide-content-left.is-style-vertical-dividers .wp-block-column, .pin-columns--wide-content-right.is-style-vertical-dividers .wp-block-column { container: initial } } @media (max-width:48.8125rem) { .pin-columns--events:not(.sidebar-moved) { flex-direction: column-reverse } .pin-columns--events.is-style-vertical-dividers { gap: 2rem } .pin-columns--events.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { display: none } } @media (min-width:48.875rem) { .pin-columns--events { margin-top: 4.875rem } } .pin-columns--events .pin-column-sidebar>h2 { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } .pin-columns--events .accordion { margin-top: 1rem } .pin-columns--events .accordion-item { padding: .625rem 0 } .pin-columns--events .accordion-item:first-of-type { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--wp--preset--color--grey); margin-top: 0 } .pin-columns--events .accordion-item__title { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } .pin-columns--events nav.wp-block-navigation { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--wp--preset--color--grey); margin-bottom: 1.5rem; margin-top: .625rem; padding-top: 1rem } .pin-columns--events .wp-block-navigation__container { align-items: flex-start; flex-direction: column; font-size: 1.25rem; gap: 1.5rem } .pin-columns--events .wp-block-navigation__container .wp-block-navigation-link { margin-top: 0 } @media print and (max-width:74.9375rem) { .pin-columns .wp-block-column { max-width: 61.3125rem } #h-all-news+.wp-block-columns>.wp-block-column { flex-basis: 45% !important } #h-all-news+.wp-block-columns>.wp-block-column:empty { display: none } .featured-article__image { margin-bottom: 1.5rem !important } } .site-header-cta { gap: var(--wp--preset--spacing--16); } @media (max-width: 56.25rem) { /* .cta-site-header-button-login { display: none; } */ .site-header-cta .ph-country-flag-btn, .site-header-cta .wp-block-button.cta-site-header-button-login { display: none !important; } .site-header-cta .wp-block-button.cta-site-header-button-signup { /**/ } } /** * Animation of Block Details: start */ @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } .wpb_animate_when_almost_visible { opacity: 0; } .wpb_start_animation { opacity: 1; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } /*details, */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*details, */ .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } details { display: block; /* padding: 0; font-size: 1em; margin-bottom: 0; padding: 0; margin-bottom: 15px; border-radius: 4px; line-height: 1.3em; */ -moz-transition: 0.3s !important; -ms-transition: 0.3s !important; transition: 0.3s !important; /* background: #fff; */ } /* */ /* details[open] p { display: block; animation: fadeInUp 0.8s ease-out forwards; } */ /* Базовые стили для анимации появления - как на pin.health */ .wpb_animate_when_almost_visible { visibility: hidden; } .wpb_animate_when_almost_visible.wpb_start_animation.animated { visibility: visible; animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: ease-out; } /* Анимация fadeInUp - точно как на pin.health */ @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 50px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInUp { animation-name: fadeInUp; } .animated { animation-duration: 0.8s; animation-fill-mode: both; animation-timing-function: ease-out; } /* Убираем старые стили для vc_toggle, оставляем только для details */ /* Стили для блока details - как vc_toggle на pin.health */ .wp-block-details { /* border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 10px; background: #ffffff; */ overflow: hidden; } /* Стили для summary (заголовка) - как vc_toggle_title */ .wp-block-details > summary { cursor: pointer; list-style: none; align-items: center; justify-content: space-between; /* background: #f8f9fa; padding: 20px; position: relative; font-weight: 600; font-size: 18px; line-height: 1.2; border: none; margin: 0; outline: none; display: flex; */ transition: background-color 0.2s ease; } .wp-block-details > summary:hover { /* background: #f1f3f4; */ } .wp-block-details > summary::-webkit-details-marker { display: none; } /* Иконка стрелки - как vc_toggle_icon */ .wp-block-details > summary::after { /* content: ''; display: inline-block; width: 0; height: 0; margin-left: 10px; flex-shrink: 0; border-style: solid; border-width: 8px 5px 0 5px; border-color: #333333 transparent transparent transparent; */ transition: transform 0.25s ease; } .wp-block-details[open] > summary::after { /* transform: rotate(180deg);*/ transform: rotate(45deg); } /* Состояние активного toggle - аналог vc_toggle_active */ .wp-block-details.vc_toggle_active > summary::after { /* transform: rotate(180deg); */ transform: rotate(45deg); } /* Контент details */ .wp-block-details-content { /* Стили будут управляться JavaScript для точного соответствия jQuery slideUp/slideDown */ } .vc_toggle_active .wp-block-details-content { } .pin-panel-biomarkers-type .wp-block-details-content { margin-top: 0px !important; padding: 32px; } .pin-panel-biomarkers-type .wp-block-details summary { font-weight: 700; font-size: 2.5rem !important; line-height: 3rem; color: #008755; } .pin-panel-biomarkers-type .wp-block-details summary { padding: 2rem !important; } .single-condition .pin-panel-biomarkers-type .wp-block-details summary, .single-symptoms .pin-panel-biomarkers-type .wp-block-details summary, .single-blood-test .pin-panel-biomarkers-type .wp-block-details summary { /*padding: 2rem 0rem !important;*/ } .wp-block-details-content > * { /* Убираем лишние отступы у первого и последнего элемента */ } .wp-block-details-content p { margin: 0 0 15px 0; /* line-height: 1.6; font-size: 14px; */ } .wp-block-details-content p:last-child { margin-bottom: 0; } /* Дополнительные стили для контента */ .wp-block-details strong { color: #2c3e50; font-weight: 700; } .wp-block-details br + strong { margin-top: 15px; display: inline-block; } /* Анимация для раскрытия блока */ .wp-block-details { transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); } /* Состояния для JavaScript */ .wp-block-details.is-opening .wp-block-details-content { animation: slideDownContent 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards; } .wp-block-details.is-closing .wp-block-details-content { animation: slideUpContent 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards; } @keyframes slideDownContent { 0% { transform: translateY(-10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes slideUpContent { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(-10px); opacity: 0; } } /* Базовые стили для анимаций появления */ .wpb_animate_when_almost_visible { opacity: 0; } .wpb_start_animation.animated { opacity: 1; } /* Анимация fadeInUp */ @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; } /* Обеспечиваем плавность анимации контента */ .wp-block-details .wp-block-details-content { overflow: hidden; } /* Состояние активного details блока */ .wp-block-details.details-active { /* Можете добавить дополнительные стили для активного состояния если нужно */ } /* Анимация для содержимого при раскрытии */ .wp-block-details.details-active .wp-block-details-content { animation: contentSlideIn 0.3s ease-out; } @keyframes contentSlideIn { from { opacity: 0.7; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } /** * Animation of Block Details: End */ /****************************************************************** ******************************************************************* ******************************************************************* ******************************************************************* ******************************************************************* ******************************************************************/ /* .is-layout-flow > :first-child { margin-block-start: 0 !important; } .is-layout-flow > :last-child { margin-block-end: 0 !important; } */ :root { --color-grey: var(--wp--preset--color--grey); --color-grey-dark: var(--wp--preset--color--grey-dark); --color-crimson: var(--wp--preset--color--crimson); --color-sand: var(--wp--preset--color--sand); --color-sand-light: var(--wp--preset--color--sand-light); --header-height: var(--wp--custom--header-height); --header-height-small: var(--wp--custom--header-height-small); --color-black-20: rgba(0,0,0,.2); --color-black-55: rgba(0,0,0,.55); --color-white-95: hsla(0,0%,100%,.95); --color-white: #fff; } :root { /* temporary: start */ --color-sand: #faedda; --color-sand-light: #fffbf4; --color-white: #fff; --color-crimson: #064E37; /*#008755; - pin main color */ /*#a51c30; */ --color-crimson-dark: #008A37; /*#63111d;*/ --color-crimson: #008755; /*#008755; - pin main color */ /*#a51c30; */ --color-crimson-dark: #064E37; /*#63111d;*/ --color-crimson-bright: #ff5956; --color-crimson-faded: #eba490; /* temporary: end */ --color-black-20: rgba(0,0,0,.2); --color-black-55: rgba(0,0,0,.55); --color-black-80: rgba(0,0,0,.8); --color-white-80: hsla(0,0%,100%,.8); --color-white-95: hsla(0,0%,100%,.95); --color-sand-light-01: rgba(255,251,244,.01); --primary-page-color-bright: var(--color-crimson-bright); --primary-page-color-text: var(--color-crimson-dark); --primary-page-color-ui: var(--color-crimson); --primary-page-color-reverse-background: var(--color-crimson); --primary-page-color-reverse-text: var(--color-white); --primary-page-color-reverse-ui: var(--color-white); /* --primary-page-color-bright: var(--color-crimson-bright); --primary-page-color-text: var(--color-crimson-dark); --primary-page-color-ui: var(--color-crimson); --primary-page-color-reverse-background: var(--color-crimson); --primary-page-color-reverse-text: var(--color-white); --primary-page-color-reverse-ui: var(--color-white); */ } .is-root-container,body { --button-margin: clamp(1rem,3.56vw + .17rem,1.5rem); --button-width: 3rem; --header-height: clamp(5rem,2.88vw + 4.33rem,7rem); --header-gap: .625rem; --max-height: 100vh; --available-height: calc(var(--max-height) - var(--header-height,0px)); --min-height: var(--available-height); --content-height: min(var(--min-height),var(--available-height)); --supportingCol-margin: 2rem; --supportingCol-width: clamp(23.4375rem,calc(50vw - var(--wp--style--root--padding-left)*1.5),calc(var(--wp--style--global--wide-size) - var(--wp--style--global--content-size) - var(--wp--style--root--padding-left))); --contentCol-width: clamp(23.4375rem,calc(50vw - var(--wp--style--root--padding-left)*1.5),var(--wp--style--global--content-size)); --left-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiNBNTFDMzAiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTI4IDE2SDRNMTIgMjRsLTgtOCA4LTgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPjwvc3ZnPg==); --right-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiNBNTFDMzAiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTQgMTZoMjRNMjAgMjRsOC04LTgtOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+PC9zdmc+); } /*.tax-blood-test .wp-block-post-content,*/ .page .wp-block-post-content, .single-blood-test .wp-block-post-content, .single-blood-tests .wp-block-post-content, .single-urine-tests .wp-block-post-content, .single-condition .wp-block-post-content, .single-symptoms .wp-block-post-content, .single-goal .wp-block-post-content { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } /*.tax-blood-test .site-footer,*/ .single-blood-test .site-footer, .single-blood-tests .site-footer, .single-urine-tests .site-footer, .single-condition .site-footer, .single-symptoms .site-footer, .single-goal .site-footer, .page .site-footer { margin: 0px; } /* .site-header */ a:hover, .wp-block-navigation a:hover, .page details summary:hover, .page .wp-block-heading a, .pin-highlight, .wp-block-navigation.site-navigation a:hover { color: var(--primary-page-color-ui); } @media (min-width: 37.5625rem) { .is-root-container,body { --available-height:calc(var(--max-height) - var(--header-height,0px) - var(--wp-admin--admin-bar--height,0px)); } } @media (min-width: 93rem) { .is-root-container,body { --supportingCol-margin:3rem; } } .is-root-container.has-green-color,body.has-green-color { --left-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiM0M2FiOTIiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTI4IDE2SDRNMTIgMjRsLTgtOCA4LTgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPjwvc3ZnPg==); --right-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiM0M2FiOTIiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTQgMTZoMjRNMjAgMjRsOC04LTgtOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+PC9zdmc+) } .is-root-container.has-blue-color,body.has-blue-color { --left-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiMxNDdiYTgiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTI4IDE2SDRNMTIgMjRsLTgtOCA4LTgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPjwvc3ZnPg==); --right-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiMxNDdiYTgiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTQgMTZoMjRNMjAgMjRsOC04LTgtOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+PC9zdmc+) } .is-root-container.has-purple-color,body.has-purple-color { --left-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiM3YTQxOTQiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTI4IDE2SDRNMTIgMjRsLTgtOCA4LTgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPjwvc3ZnPg==); --right-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiM3YTQxOTQiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTQgMTZoMjRNMjAgMjRsOC04LTgtOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+PC9zdmc+) } .is-root-container.has-ochre-color,body.has-ochre-color { --left-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiNlM2EwMjciLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTI4IDE2SDRNMTIgMjRsLTgtOCA4LTgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPjwvc3ZnPg==); --right-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiNlM2EwMjciLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTQgMTZoMjRNMjAgMjRsOC04LTgtOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+PC9zdmc+) } .is-root-container.has-grey-color,body.has-grey-color { --left-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiM3MjZhNWIiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTI4IDE2SDRNMTIgMjRsLTgtOCA4LTgiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPjwvc3ZnPg==); --right-arrow: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MCIgaGVpZ2h0PSI4MCIgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iNDAiIGN5PSI0MCIgcj0iNDAiIGZpbGw9IiM3MjZhNWIiLz48c3ZnIHg9IjI0IiB5PSIyNCI+PHBhdGggZD0iTTQgMTZoMjRNMjAgMjRsOC04LTgtOCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+PC9zdmc+) } @keyframes fadeInAnimation { 0% { opacity: 0 } to { opacity: 1 } } .navbar-cta { gap: var(--wp--preset--spacing--15); } .logo-main { font-size: 22px; font-size: 1.37rem; font-weight: 700; } /** form elements customization: start **/ :root { /* Основная цветовая палитра PIN.Health */ --primary-color: #008755; /*#28a745;*/ --primary-hover: #218838; --primary-active: #1e7e34; --success-color: #28a745; --error-color: #dc3545; --warning-color: #ffc107; --secondary-color: #6c757d; /* Нейтральные цвета */ --text-primary: #212529; --text-secondary: #6c757d; --text-muted: #868e96; --border-color: #dee2e6; --border-focus: #80bdff; --bg-light: #f8f9fa; --bg-white: #ffffff; /* Тени */ --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --shadow-md: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --shadow-focus: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); /* Радиусы */ --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; /* Анимации */ --transition-base: all 0.15s ease-in-out; } input, textarea, select, button { font: inherit; /* inheriting font-size, font-family, font-weight from body, by some reason it overrides with agent stylessheet and resetting font settings */ } .wp-block-column .wpcf7-form-control-wrap { margin-right: 10px; float: left; } .wpcf7-form-control-wrap { /* flex: 1 1 auto; display: inline-flex; width: auto; */ display: flex; flex-direction: column; align-items: flex-start; /* по левому краю */ width: auto; margin-bottom: 1rem !important; /* или другое значение */ display: block; } .wpcf7-form-control-wrap { padding-top: 1px !important; /* минимальный padding предотвращает схлопывание */ margin-top: -1px !important; /* компенсируем лишний пиксель */ } .wpcf7 form.sent .wpcf7-response-output { margin: 0.5rem 0 0 0; width: fit-content; } .wpcf7 form.invalid .wpcf7-response-output { margin: 2em 0.5em 1em 0; width: fit-content; } .form-group { margin-bottom: 1.5rem; } .form-label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: var(--text-primary); font-size: 0.875rem; } input.wpcf7-form-control, .form-input { /* width: 100%;*/ padding: 0.75rem 2.5rem 0.75rem 1rem; font-size: 1rem; line-height: 1.5; color: var(--text-primary); background-color: var(--bg-white); background-image: none; border: 1px solid var(--border-color); border-radius: var(--radius-md); transition: var(--transition-base); /* box-shadow: var(--shadow-sm); */ } .wpcf7-form * { box-sizing: border-box; } .wpcf7-form p { margin: 0 0 2rem 0 !important; /* убрать верхний margin, увеличить нижний */ } body:not(.home) input.wpcf7-form-control, body:not(.home) select.wpcf7-form-control, body:not(.home) textarea.wpcf7-form-control, body:not(.home) .form-input { box-sizing: border-box; width: 100%; width: calc(100% - 3.5rem - 2px); 100% - левый padding - правый padding - borders */ padding: 0.75rem 2.5rem 0.75rem 1rem; } body:not(.home) .wpcf7-form p { overflow: visible !important; height: auto !important; } body:not(.home) .wp-block-column .wpcf7-form-control-wrap { width: 100%; } @media (min-width: 37.5625rem) { input.wpcf7-form-control, .form-input { /* width: 100%; */ } .wp-block-column .wpcf7-form-control-wrap { /* width: 100%; margin-bottom: 0.5rem; */ } } input.wpcf7-form-control::placeholder, .form-input::placeholder { color: var(--text-muted); opacity: 1; } input.wpcf7-form-control:focus, .form-input:focus { outline: 0; border-color: var(--success-color); box-shadow: var(--shadow-focus); } /* Успешная валидация */ input.wpcf7-form-control.wpcf7-is-valid:focus, .form-input.is-valid { border-color: var(--success-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='m2.3 6.73.94-.94 1.38 1.38L7.7 3.85 6.76 2.9l-2.82 2.83'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 1rem 1rem; } input.wpcf7-form-control.wpcf7-is-valid:focus, .form-input.is-valid:focus { border-color: var(--success-color); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } /* Ошибка валидации */ input.wpcf7-form-control.wpcf7-not-valid, .form-input.is-invalid { border-color: var(--error-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 4.6.4.4.4-.4M5.8 7.4l.4-.4.4.4'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 1rem 1rem; } input.wpcf7-form-control.wpcf7-not-valid:focus, .form-input.is-invalid:focus { border-color: var(--error-color); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } /* Disabled состояние */ input.wpcf7-form-control:disabled, .form-input:disabled { background-color: var(--bg-light); opacity: 1; color: var(--text-muted); cursor: not-allowed; } /* Сообщения валидации */ input.wpcf7-form-control.wpcf7-is-valid, /* @TODO: fix it according to correct state - looks like it is wrong class stack for the sate */ .valid-feedback { width: 100%; margin-top: 0.25rem; font-size: 0.875rem; color: var(--success-color); font-weight: 500; } input.wpcf7-form-control.wpcf7-not-valid-tip, .invalid-feedback { width: 100%; margin-top: 0.25rem; font-size: 0.875rem; color: var(--error-color); font-weight: 500; } /* ================= BUTTON STYLES ================= */ input.wpcf7-form-control.wpcf7-submit, .btn { display: inline-block; font-weight: 600; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.75rem 1.5rem; /* font-size: 1rem; */ line-height: 1.5; border-radius: var(--radius-md); transition: var(--transition-base); cursor: pointer; text-decoration: none; box-shadow: var(--shadow-sm); } input.wpcf7-form-control.wpcf7-submit:focus, .btn:focus { outline: 0; box-shadow: var(--shadow-focus); } input.wpcf7-form-control.wpcf7-submit:disabled, .btn:disabled { opacity: 0.65; cursor: not-allowed; } /* Primary Button */ input.wpcf7-form-control.wpcf7-submit, .btn-primary { font-weight: 700; text-align: center; color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); } input.wpcf7-form-control.wpcf7-submit:hover:not(:disabled), .btn-primary:hover:not(:disabled) { background-color: var(--primary-hover); border-color: var(--primary-hover); /* transform: translateY(-1px); */ box-shadow: 0 0.5rem 1rem rgba(40, 167, 69, 0.3); } input.wpcf7-form-control.wpcf7-submit:active:not(:disabled), .btn-primary:active:not(:disabled) { background-color: var(--primary-active); border-color: var(--primary-active); transform: translateY(0); box-shadow: var(--shadow-sm); } /* Success Button */ .btn-success { color: #fff; background-color: var(--success-color); border-color: var(--success-color); } .btn-success:hover:not(:disabled) { background-color: #218838; border-color: #1e7e34; transform: translateY(-1px); box-shadow: 0 0.5rem 1rem rgba(40, 167, 69, 0.3); } .btn-success:active:not(:disabled) { background-color: #1e7e34; border-color: #1c7430; transform: translateY(0); } /* Error Button */ .btn-danger { color: #fff; background-color: var(--error-color); border-color: var(--error-color); } .btn-danger:hover:not(:disabled) { background-color: #c82333; border-color: #bd2130; transform: translateY(-1px); box-shadow: 0 0.5rem 1rem rgba(220, 53, 69, 0.3); } .btn-danger:active:not(:disabled) { background-color: #bd2130; border-color: #b21f2d; transform: translateY(0); } /* Secondary Button */ .btn-secondary { color: var(--text-primary); background-color: var(--bg-white); border-color: var(--border-color); } .btn-secondary:hover:not(:disabled) { background-color: var(--bg-light); border-color: var(--secondary-color); transform: translateY(-1px); } .btn-secondary:active:not(:disabled) { background-color: #e2e6ea; border-color: var(--secondary-color); transform: translateY(0); } /* Outline Button */ .btn-outline-primary { color: var(--primary-color); background-color: transparent; border-color: var(--primary-color); } .btn-outline-primary:hover:not(:disabled) { color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); transform: translateY(-1px); } /* Button Sizes */ .btn-sm { padding: 0.5rem 1rem; font-size: 0.875rem; border-radius: var(--radius-sm); } .btn-lg { padding: 1rem 2rem; font-size: 1.125rem; border-radius: var(--radius-lg); } /* Button States для валидации */ .btn-validated-success { background-color: var(--success-color); border-color: var(--success-color); color: white; position: relative; } .btn-validated-success::after { content: "✓"; margin-left: 0.5rem; } .btn-validated-error { background-color: var(--error-color); border-color: var(--error-color); color: white; position: relative; } .btn-validated-error::after { content: "✗"; margin-left: 0.5rem; } /* Loading state */ .btn-loading { position: relative; color: transparent; } .btn-loading::after { content: ""; position: absolute; width: 1rem; height: 1rem; top: 50%; left: 50%; margin-left: -0.5rem; margin-top: -0.5rem; border: 2px solid transparent; border-top-color: currentColor; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } /* ================= TEXTAREA STYLES ================= */ .wpcf7-textarea, textarea.form-input { /* width: 100%; */ padding: 0.75rem 2.5rem 0.75rem 1rem; font-size: 1rem; line-height: 1.5; color: var(--text-primary); background-color: var(--bg-white); background-image: none; border: 1px solid var(--border-color); border-radius: var(--radius-md); transition: var(--transition-base); /* box-shadow: var(--shadow-sm); */ box-sizing: border-box; resize: vertical; /* позволяет изменять размер только по вертикали */ min-height: 120px; /* минимальная высота */ font-family: inherit; /* наследует шрифт от родителя */ } .wpcf7-textarea::placeholder, textarea.form-input::placeholder { color: var(--text-muted); opacity: 1; } .wpcf7-textarea:focus, textarea.form-input:focus { outline: 0; border-color: var(--success-color); box-shadow: var(--shadow-focus); } /* Успешная валидация для textarea */ .wpcf7-textarea.is-valid, textarea.form-input.is-valid { border-color: var(--success-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='m2.3 6.73.94-.94 1.38 1.38L7.7 3.85 6.76 2.9l-2.82 2.83'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem top 0.75rem; background-size: 1rem 1rem; } .wpcf7-textarea.is-valid:focus, textarea.form-input.is-valid:focus { border-color: var(--success-color); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } /* Ошибка валидации для textarea */ .wpcf7-textarea.is-invalid, textarea.form-input.is-invalid { border-color: var(--error-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 4.6.4.4.4-.4M5.8 7.4l.4-.4.4.4'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem top 0.75rem; background-size: 1rem 1rem; } .wpcf7-textarea.is-invalid:focus, textarea.form-input.is-invalid:focus { border-color: var(--error-color); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } /* Disabled состояние для textarea */ .wpcf7-textarea:disabled, textarea.form-input:disabled { background-color: var(--bg-light); opacity: 1; color: var(--text-muted); cursor: not-allowed; resize: none; } /* ================= SELECT STYLES ================= */ .wpcf7-select, select.form-input { /* width: 100%; */ padding: 0.75rem 2.5rem 0.75rem 1rem; font-size: 1rem; line-height: 1.5; color: var(--text-primary); background-color: var(--bg-white); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 1rem 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-md); transition: var(--transition-base); /* box-shadow: var(--shadow-sm); */ box-sizing: border-box; appearance: none; /* убираем стандартную стрелку браузера */ cursor: pointer; } .wpcf7-select:focus, select.form-input:focus { outline: 0; border-color: var(--success-color); box-shadow: var(--shadow-focus); } /* Успешная валидация для select */ .wpcf7-select.is-valid, select.form-input.is-valid { border-color: var(--success-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='m2.3 6.73.94-.94 1.38 1.38L7.7 3.85 6.76 2.9l-2.82 2.83'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-position: right 2.25rem center, right 0.75rem center; background-size: 1rem 1rem, 1rem 1rem; padding-right: 3.5rem; } .wpcf7-select.is-valid:focus, select.form-input.is-valid:focus { border-color: var(--success-color); box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } /* Ошибка валидации для select */ .wpcf7-select.is-invalid, select.form-input.is-invalid { border-color: var(--error-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath d='m5.8 4.6.4.4.4-.4M5.8 7.4l.4-.4.4.4'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-position: right 2.25rem center, right 0.75rem center; background-size: 1rem 1rem, 1rem 1rem; padding-right: 3.5rem; } .wpcf7-select.is-invalid:focus, select.form-input.is-invalid:focus { border-color: var(--error-color); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } /* Disabled состояние для select */ .wpcf7-select:disabled, select.form-input:disabled { background-color: var(--bg-light); opacity: 1; color: var(--text-muted); cursor: not-allowed; } /* Стили для опций в select */ .wpcf7-select option, select.form-input option { color: var(--text-primary); background-color: var(--bg-white); padding: 0.5rem; } .wpcf7-select option:disabled, select.form-input option:disabled { color: var(--text-muted); background-color: var(--bg-light); } /* Стили для placeholder option */ .wpcf7-select option[value=""], select.form-input option[value=""] { color: var(--text-muted); font-style: italic; } /* Обеспечиваем одинаковую высоту всех элементов формы */ .wpcf7-form-control, .wpcf7-textarea, .wpcf7-select, .form-input { box-sizing: border-box; min-height: 44px; /* минимальная высота для удобства нажатия */ } /* Исправляем высоту для textarea */ .wpcf7-textarea, textarea.form-input { min-height: 120px; } /** form elements customization: end **/ /** core/table customization: start **/ @media (max-width: 782px) { .wp-block-table th { transform: rotate(-90deg); white-space: nowrap; height: 100px; vertical-align: middle !important; } .wp-block-table td { text-wrap: auto !important; } } /** core/table customization: end **/ /** core/details customization: start **/ .pin-bm-box { border: 1px solid #E1E3E1; border-radius: 6px; background-color: #fff; /* max-width: 480px; */ max-width: 100%; min-width: 270px; padding: 2.5rem; box-shadow: 0px 61px 61px 0px rgba(0, 0, 0, 0.03), 0px 15px 34px 0px rgba(0, 0, 0, 0.04); flex-flow: column; justify-content: space-between; align-items: center; display: flex; margin-top: 40px; } .pin-offer-box { display: flow; margin-top: 32px; flex: 1; /* border: 1px solid #130d0b33; border-radius: 6px; background-color: #fff; //max-width: 480px; max-width: 100%; min-width: 270px; padding: 2.5rem; //box-shadow: 0px 61px 61px 0px rgba(0, 0, 0, 0.03), 0px 15px 34px 0px rgba(0, 0, 0, 0.04); justify-content: space-between; // align-items: center; display: flex; flex-flow: column; align-items: flex-start; align-self: stretch; margin-top: 40px; */ } .pin-offer-box .content-container { width: 100%; /* height: 361px; */ border-radius: 6px 6px 0 0; display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; justify-content: space-between; flex: 1 0 0; padding: 2.5rem; border: 1px solid #130d0b33; background: #fff; border-radius: 6px 6px 0 0; } .pin-offer-box .features-container { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; border-left: 1px solid #17100e33; background: #ffffffcc; gap: 1rem; border-top: 1px solid #17100e33; border-right: 1px solid #17100e33; border-bottom: 1px solid #17100e33; border-top: 0; width: 100%; /* height: 227px; */ padding: 2rem; border-radius: 0 0 6px 6px; } .pin-offer-box .features_title_row { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .pin-offer-box .features_title { color: #17100e; /*var(--color-black);*/ /* font-family: var(--font-family-sans); */ font-size: var(--wp--preset--font-size--medium); /*var(--text-xs);*/ font-style: normal; /* font-weight: var(--font-weight-normal); */ align-self: stretch; text-transform: uppercase; letter-spacing: 1.2px; line-height: 130%; } .pin-offer-box .features_list { display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; align-self: stretch; margin-top: 0 !important; } .pin-offer-box .feature_item { display: flex; align-items: flex-start; gap: 8px; align-self: stretch; } .pin-offer-box .feature_icon { display: flex; width: 8px; height: 1rem; flex-direction: column; justify-content: center; align-items: flex-start; gap: .5rem; } .feature_text { color: #17100e;; font-size: var(--wp--preset--font-size--medium); font-style: normal; /* font-weight: var(--font-weight-normal);*/ line-height: 110%; margin: 0px; } .pin-card_container { display: flex; flex-direction: column; background: #fff; border-radius: 6px; gap: 3rem; padding: 1.5rem; } .pin-card_container .title { color: #17100e; font-variant-numeric: lining-nums proportional-nums; padding-bottom: 1rem; font-style: normal; font-weight: 600; line-height: 115%; letter-spacing: -.22px; font-size: 22px; } .pin-card_container .title { font-size: 1rem; font-weight: 400; line-height: 1.25rem; } .pin-card_container .footer_container { display: flex; border-top: 1.5px solid #17100e33; flex-direction: row; justify-content: space-between; align-items: baseline; padding-top: 1rem; gap: 0rem; } .pin-card_container .price_container { display: flex; flex-direction: row; align-items: flex-end; gap: 0.75rem; padding-bottom: 0; } .pin-card_container .price_value_wrapper { display: flex; flex-direction: row; align-items: flex-end; gap: 2px; } .pin-card_container .price_value { font-size: 20px; font-weight: 600; line-height: 120%; letter-spacing: -.2px; } .pin-card_container .price_label, .pin-card_container .usage { font-size: var(--wp--preset--font-size--medium); font-weight: 400; line-height: var(--wp--preset--spacing--16); padding-bottom: 1px; padding-left: 0rem; } .pin-card_container .price_usage_text_group { display: flex; align-items: flex-end; gap: 0.75rem; } .is-layout-constrained > .alignwide-short { max-width: var(--wp--custom--wide-size-short); } @media (max-width: 781px) { :root :where(.pin-biomarkers-block.wp-block-columns-is-layout-flex) { gap: 0; } } .wp-block-details { transition: all 0.5s ease-in-out; border-bottom: 1px solid #e5e7f2; margin-top: 0px !important; } .single-blood-test .wp-block-details:first-child, .single-symptoms .wp-block-details:first-child, .single-condition .wp-block-details:first-child { border-top: 1px solid #e5e7f2; } @media (min-width: 782px) { .wp-block-details:last-of-type { border-bottom: none; } } @media (max-width: 782px) { .pin-biomarkers-block .wp-block-column:last-of-type .wp-block-details:last-of-type { border-bottom: none; } } .wp-block-details summary { transition: all 0.5s ease-in-out; cursor: pointer; padding: 1rem 0rem !important;/*0.75rem 0rem !important;*//*25px 0px !important;*/ user-select: none; font-weight: bold; font-size: var(--wp--preset--font-size--large-s); justify-content: space-between; align-items: center; display: flex; } .wp-block-details summary .summary-title { display: flex; align-items: center; justify-content: flex-start; grid-column-gap: .75rem; /*grid-row-gap: .75rem;*/ } .wp-block-details summary .summary-title div { display: flex; align-items: center; } .wp-block-details summary > *::not[summary-title] { display: inline; } .wp-block-details summary .pin-bm-tag-x2, .wp-block-details summary .pin-bm-tag-addon, .wp-block-details summary .pin-bm-tag-new { padding: 2px 4px; font-size: 12px !important; font-weight: 700 !important; border-radius: 5px; margin-left: 6px !important; top: -2px; /*-10px;*/ position: relative; color: #999; border: 1px solid #ccc; padding: 0px 4px !important; } .wp-block-details .wp-block-details-content { margin-top: 0px; } .wp-block-details p:not(:last-child) { /* margin-top: 25px; */ margin-top: 0px; margin-bottom: 1.25rem !important; /* 20px // 20+25px*/ } .wp-block-details p:last-child { /* margin-top: 25px; */ margin-top: 0px; margin-bottom: 1.25rem !important; /* 0.75rem */ /* 35px // 20+25px*/ } .wp-block-details summary::marker { content: none; } .wp-block-details summary::after { content: " +"; float: right; text-align: right; /* */ font-size: var(--wp--preset--font-size--large-s); /* 1.7rem; */ font-weight: 400; } /* .wp-block-details[open] summary::after { content: " -" } */ /** core/details customization: end **/ /* fixing: breaking H2 tag margings on Category pages */ :root :where(.is-layout-flow) > * { margin-block-start: var(--wp--preset--spacing--48); margin-block-end: 0; } /* .wp-container-core-group-is-layout-flow > * + *, [class*="wp-container-core-group-is-layout-"] > * + * { margin-block-start: var(--wp--preset--spacing--48) !important; } */ header [class*="wp-container-core-group-is-layout-"] > * + * { margin-block-start: 0 !important; } .single-post .site-main, .single-submission .site-main, .tax-series .site-main { -webkit-margin-before: 0; margin-block-start: 0 } @media (min-width:75rem) { .single-post.has-header-style-classic .site-main { -webkit-margin-before: 5.875rem; margin-block-start: 5.875rem } } .entry-content { padding-bottom: var(--wp--preset--spacing--80) } @media (min-width:48.875rem) { .entry-content:has(>.article-header~.wp-block-group>.featured-articles.is-style-card-carousel:last-child) { padding-bottom: 1rem } } .page .entry-content .wp-block-post-title:first-child { margin-top: var(--wp--preset--spacing--16) } .wp-block-post-content>.article-header~.wp-block-group .alignfull, .wp-block-post-content>.article-header~.wp-block-group .alignwide { clear: both } .wp-block-post-content>.article-header~.wp-block-group:after { clear: both; content: ""; display: block } .wp-block-post-content>.article-header~.wp-block-group.is-content-justification-left>:where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important } .wp-block-post-content>.article-header~.wp-block-group.is-content-justification-right>:where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-right: 0 !important } @media (max-width:74.9375rem) { .wp-block-post-content>.article-header~.wp-block-group>:not(.alignfull) { float: none; margin-left: auto !important; margin-right: auto !important } } @media (min-width:75rem) and (max-width:96.9375rem) { .wp-block-post-content>.article-header~.wp-block-group>:where(:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull)) { max-width: var(--contentCol-width) } .single-submission .wp-block-post-content>.article-header~.wp-block-group>:where(:not(.alignleft):not(.alignright):not(.alignwide):not(.alignfull)) { max-width: var(--wp--style--global--content-size) } } .audio-transcript-wrapper .wp-block-details summary:focus-visible, a:focus-visible { outline: 2px solid currentColor; outline-offset: 3px } .audio-transcript-wrapper .wp-block-details summary, .wp-block-button.is-style-link-button .wp-block-button__link, .wp-block-navigation:not(.site-navigation) a, .wp-block-navigation.site-navigation a:hover, a, button { text-decoration: underline; text-decoration-thickness: clamp(1.5px, .06em, 6px); text-underline-offset: clamp(1.5px, .3em, 8px); /* clamp(1.5px, .1em, 8px) */ /* transition: color cubic-bezier(0.16, 1, 0.3, 1) 0.33s, color cubic-bezier(0.16, 1, 0.3, 1) 0.33s; */ transition: opacity cubic-bezier(0.16, 1, 0.3, 1) 0.33s, color cubic-bezier(0.16, 1, 0.3, 1) 0.33s; } .audio-transcript-wrapper .wp-block-details summary:focus, .audio-transcript-wrapper .wp-block-details summary:focus-visible, .audio-transcript-wrapper .wp-block-details summary:hover, .wp-block-button.is-style-link-button .wp-block-button__link:focus, .wp-block-button.is-style-link-button .wp-block-button__link:focus-visible, .wp-block-button.is-style-link-button .wp-block-button__link:hover, .wp-block-navigation a:focus, .wp-block-navigation a:focus-visible, .wp-block-navigation a:hover, a:focus, a:focus-visible, a:hover, button:focus, button:focus-visible, button:hover { text-decoration-thickness: clamp(3px, .12em, 9px) } button { background: 0 0; border: 0; border-radius: 0; box-sizing: border-box; cursor: pointer; } button:not(:hover):not(:focus) { text-decoration: none } .audio-transcript-wrapper .wp-block-details .wp-block-navigation summary, .audio-transcript-wrapper .wp-block-details .wp-block-social-links.is-style-logos-only .wp-social-link summary, .wp-block-navigation .audio-transcript-wrapper .wp-block-details summary, .wp-block-navigation a, .wp-block-social-links.is-style-logos-only .wp-social-link .audio-transcript-wrapper .wp-block-details summary, .wp-block-social-links.is-style-logos-only .wp-social-link a { margin: -.375rem; padding: .375rem } .audio-transcript-wrapper .wp-block-details .wp-block-navigation summary:focus-visible, .audio-transcript-wrapper .wp-block-details .wp-block-social-links.is-style-logos-only .wp-social-link summary:focus-visible, .wp-block-navigation .audio-transcript-wrapper .wp-block-details summary:focus-visible, .wp-block-navigation a:focus-visible, .wp-block-social-links.is-style-logos-only .wp-social-link .audio-transcript-wrapper .wp-block-details summary:focus-visible, .wp-block-social-links.is-style-logos-only .wp-social-link a:focus-visible { outline: 2px solid currentColor; outline-offset: -3px } .audio-transcript-wrapper .wp-block-details h1 summary, .audio-transcript-wrapper .wp-block-details h2 summary, .audio-transcript-wrapper .wp-block-details h3 summary, .audio-transcript-wrapper .wp-block-details h4 summary, .audio-transcript-wrapper .wp-block-details h5 summary, .audio-transcript-wrapper .wp-block-details h6 summary, h1 .audio-transcript-wrapper .wp-block-details summary, h1 a, h2 .audio-transcript-wrapper .wp-block-details summary, h2 a, h3 .audio-transcript-wrapper .wp-block-details summary, h3 a, h4 .audio-transcript-wrapper .wp-block-details summary, h4 a, h5 .audio-transcript-wrapper .wp-block-details summary, h5 a, h6 .audio-transcript-wrapper .wp-block-details summary, h6 a { font-weight: inherit } .accordion-item { border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); padding: var(--wp--preset--spacing--24) 0; position: relative } .accordion-item__title { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close); margin: 0 } .accordion-item__button { background: 0 0; border: 0; cursor: pointer; display: flex; font-family: inherit; font-size: inherit; line-height: inherit; padding: 0; text-align: left; width: 100% } .accordion-item__button:focus-visible { outline: 2px solid currentColor; outline-offset: 3px } .accordion-item__button span { align-self: center; flex: 1 1 auto; margin: .375rem 0 .125rem } .accordion-item__button .icon { flex: 0 0 3rem; height: 3rem } .accordion-item__button[aria-expanded=false] .close, .accordion-item__button[aria-expanded=true] .plus { display: none } .accordion-item__content:after { clear: both; content: ""; display: table } .accordion-item__content>* { -webkit-margin-after: 0; -webkit-margin-before: var(--wp--preset--spacing--24); margin-block-end: 0; margin-block-start: var(--wp--preset--spacing--24) } .accordion-item figure:last-child, .accordion-item figure:last-child figcaption, .accordion-item h1:last-child, .accordion-item h2:last-child, .accordion-item h3:last-child, .accordion-item h4:last-child, .accordion-item h5:last-child, .accordion-item h6:last-child, .accordion-item p:last-child { margin-bottom: 0 } .is-style-large-headings .accordion-item:first-child { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey) } @media (min-width:75rem) { .is-style-large-headings .accordion-item__button .icon { flex-basis: 6rem; height: 6rem } } .is-style-large-headings .accordion-item__button span { font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); font-size: clamp(1.38rem, 2.34vw + .83rem, 3rem); font-weight: 700; text-transform: uppercase } .is-style-large-headings .accordion-item__button path { stroke-width: 1.1 } .article-header--news-plus, .article-header.article-header--news-plus.is-style-full-width-text-below { display: block; margin-bottom: 0; margin-top: 0 } .article-header--news-plus .article-header__content, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__content { align-items: flex-start; margin-left: auto; margin-right: auto; max-width: 45.5rem; width: calc(100% - 2rem) } @media (min-width:48.875rem) { .article-header--news-plus .article-header__content, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__content { align-items: center } } @media (min-width:75rem) { .article-header--news-plus .article-header__content, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__content { margin-top: 3rem; max-width: var(--wp--style--global--content-size) } } .article-header--news-plus .article-header__content .article-header__title, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__content .article-header__title { margin-bottom: clamp(1.5rem, 2.16vw + .99rem, 3rem); text-align: left } @media (min-width:48.875rem) { .article-header--news-plus .article-header__content .article-header__title, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__content .article-header__title { text-align: center } .article-header--news-plus .article-header__category, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__category { margin-bottom: .375rem } } .article-header--news-plus .article-header__meta, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__meta { -webkit-margin-before: clamp(1.5rem, 3.59vw + .66rem, 4rem); justify-content: flex-start; margin-block-start: clamp(1.5rem, 3.59vw + .66rem, 4rem); padding: 0 } @media (min-width:48.875rem) { .article-header--news-plus .article-header__meta, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__meta { justify-content: center } } .article-header--news-plus .article-header__meta:before, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__meta:before { margin-left: 0 } @media (min-width:48.875rem) { .article-header--news-plus .article-header__meta:before, .article-header.article-header--news-plus.is-style-full-width-text-below .article-header__meta:before { margin-left: auto } } .article-header--news-plus.alignfull .wp-element-caption, .article-header.article-header--news-plus.is-style-full-width-text-below.alignfull .wp-element-caption { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; text-align: left } .article-header--news-plus .wp-block-post-author, .article-header.article-header--news-plus.is-style-full-width-text-below .wp-block-post-author { margin-bottom: clamp(.5rem, .72vw + .33rem, 1rem) } .article-header--news-plus .wp-block-image img, .article-header.article-header--news-plus.is-style-full-width-text-below .wp-block-image img { height: auto; width: 100% } .article-header--news-plus .wp-block-post-author__content, .article-header.article-header--news-plus.is-style-full-width-text-below .wp-block-post-author__content { justify-content: flex-start } @media (min-width:48.875rem) { .article-header--news-plus .wp-block-post-author__content, .article-header.article-header--news-plus.is-style-full-width-text-below .wp-block-post-author__content { justify-content: center } } .article-header--news-plus .wp-block-post-author__content>.contact-info:not(:last-child):after, .article-header.article-header--news-plus.is-style-full-width-text-below .wp-block-post-author__content>.contact-info:not(:last-child):after { background-color: #b9b8ad; background-color: var(--color-grey); content: ""; display: inline-block; height: .9rem; margin-left: .5rem; margin-right: .5rem; vertical-align: text-bottom; width: 1px } .article-header--news-plus .wp-block-post-author__content .contact-text, .article-header.article-header--news-plus.is-style-full-width-text-below .wp-block-post-author__content .contact-text { margin-right: .5rem } .article-header--news-plus .wp-block-post-author__content .wp-block-post-author__name, .article-header.article-header--news-plus.is-style-full-width-text-below .wp-block-post-author__content .wp-block-post-author__name { order: 0 } .article-header--news-plus .wp-block-post-author__content .wp-block-post-author__name:before, .article-header.article-header--news-plus.is-style-full-width-text-below .wp-block-post-author__content .wp-block-post-author__name:before { display: none } .article-header--news-plus+.wp-block-group, .article-header.article-header--news-plus.is-style-full-width-text-below+.wp-block-group { margin-top: 0 } @media (min-width:75rem) { .article-header--news-plus+.wp-block-group, .article-header.article-header--news-plus.is-style-full-width-text-below+.wp-block-group { margin-top: 4rem } } .article-header--news-plus+.wp-block-group>.wp-block-buttons, .article-header.article-header--news-plus.is-style-full-width-text-below+.wp-block-group>.wp-block-buttons { clear: both } .article-header--news-plus+.wp-block-group>p+.wp-block-buttons, .article-header.article-header--news-plus.is-style-full-width-text-below+.wp-block-group>p+.wp-block-buttons { -webkit-margin-before: var(--wp--preset--spacing--24); margin-block-start: var(--wp--preset--spacing--24) } .audio-transcript-wrapper { box-sizing: border-box; container: audio/inline-size; padding: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .audio-transcript-wrapper .audio-title-wrapper { border-left: .5rem solid; margin-bottom: 1.5rem; padding-left: 1rem } .audio-transcript-wrapper .audio-title-wrapper .wp-block-heading { margin-bottom: .5rem } .audio-transcript-wrapper .audio-title-wrapper .wp-block-audio { margin: 0 } .audio-transcript-wrapper .audio-title-wrapper .wp-block-audio audio { min-width: 15.625rem } .audio-transcript-wrapper .wp-block-details summary { display: block; font-weight: 700; margin-left: auto; max-width: -moz-fit-content; max-width: fit-content; padding-left: .625rem; text-decoration-line: underline } .audio-transcript-wrapper .wp-block-details summary:after { border: solid; border-width: 0 .125rem .125rem 0; color: #63111d; color: var(--primary-page-color-text); content: ""; display: inline-block; height: .55rem; left: .1875rem; margin-left: .75rem; margin-left: 1rem; margin-right: .1875rem; margin-right: .375rem; position: relative; top: -.1875rem; transform: rotate(-45deg); transform: rotate(45deg); width: .55rem } .audio-transcript-wrapper .wp-block-details summary:before { content: "View " } .audio-transcript-wrapper .wp-block-details summary::-webkit-details-marker { display: none } .audio-transcript-wrapper .wp-block-details summary:focus, .audio-transcript-wrapper .wp-block-details summary:focus-visible { outline-offset: -2px } .audio-transcript-wrapper .wp-block-details[open] summary:after { left: .1875rem; margin-left: 1rem; margin-right: .375rem; top: .1875rem; transform: rotate(-135deg) } .audio-transcript-wrapper .wp-block-details[open] summary:before { content: "Hide " } .audio-transcript-wrapper .wp-block-details .audio-transcript, .audio-transcript-wrapper .wp-block-details .audio-transcript-header, .audio-transcript-wrapper .wp-block-details .audio-transcript-text { -webkit-margin-before: var(--wp--preset--spacing--24); margin-block-start: var(--wp--preset--spacing--24) } .audio-transcript-wrapper .wp-block-details .audio-transcript>* { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--content-size) } .audio-transcript-wrapper .wp-block-details .audio-transcript-text { -webkit-mask: linear-gradient(180deg, #000 90%, transparent) repeat-x; mask: linear-gradient(180deg, #000 90%, transparent) repeat-x; max-height: 25rem; overflow-y: scroll; padding-bottom: 10%; padding-right: .5rem } .audio-transcript-wrapper .wp-block-details ::-webkit-scrollbar { -webkit-appearance: none; width: .5rem } .audio-transcript-wrapper .wp-block-details ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: .25rem; -webkit-box-shadow: 0 0 1px hsla(0, 0%, 100%, .5) } .audio-transcript-wrapper .wp-block-details .audio-transcript-button { display: none } .audio-transcript-wrapper.has-crimson-color .wp-block-details summary:after { color: #a51c30; color: var(--primary-page-color-ui) } .audio-transcript-wrapper.is-style-sand, .audio-transcript-wrapper:not([class*=is-style-]) { background-color: #faedda; background-color: var(--color-sand) } .audio-transcript-wrapper.is-style-sand .audio-title-wrapper, .audio-transcript-wrapper:not([class*=is-style-]) .audio-title-wrapper { border-color: #a51c30; border-color: var(--primary-page-color-ui) } .audio-transcript-wrapper.is-style-colored { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background) } .audio-transcript-wrapper.is-style-colored>* { color: #fff; color: var(--primary-page-color-reverse-text) } .audio-transcript-wrapper.is-style-colored .audio-title-wrapper { border-color: #fff; border-color: var(--primary-page-color-reverse-ui) } .audio-transcript-wrapper.is-style-colored summary:after { color: #fff; color: var(--primary-page-color-reverse-text) } .audio-transcript-wrapper.is-style-colored figcaption { color: #000; color: var(--color-black) } .audio-transcript-wrapper.is-style-colored.has-ochre-color .wp-block-details, body.has-ochre-color .audio-transcript-wrapper.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .wp-block-details { color: #000; color: initial } .audio-transcript-wrapper.has-large-image .audio-title-wrapper, .audio-transcript-wrapper.has-thumbnail-image .audio-title-wrapper { border: 0; padding-left: 0 } .audio-transcript-wrapper.has-large-image .wp-block-image, .audio-transcript-wrapper.has-thumbnail-image .wp-block-image { margin: 0 } .audio-transcript-wrapper.has-large-image .wp-block-image img, .audio-transcript-wrapper.has-thumbnail-image .wp-block-image img { display: block; height: auto; max-width: 100% } @container audio (width < 37.5625rem) { .audio-transcript-wrapper.has-thumbnail-image .wp-block-image { display: flex; justify-content: center; margin-bottom: 1rem } } @container audio (width>=37.5625rem) { .audio-transcript-wrapper.has-thumbnail-image .wp-block-image { float: left; margin-right: clamp(.5rem, .72vw + .33rem, 1rem); max-width: clamp(5rem, 10.78vw + 2.47rem, 12.5rem) } .audio-transcript-wrapper.has-thumbnail-image .wp-block-image img { aspect-ratio: 1/1.2; -o-object-fit: cover; object-fit: cover } .audio-transcript-wrapper.has-thumbnail-image .audio-title-wrapper { float: right; width: calc(100% - clamp(5rem, 10.78vw + 2.47rem, 12.5rem) - clamp(.5rem, .72vw + .33rem, 1rem)) } .audio-transcript-wrapper.has-thumbnail-image .wp-block-details { clear: both } } @container audio (width>37.5625rem) { .audio-transcript-wrapper.has-thumbnail-image .wp-block-image img { aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover } } .audio-transcript-wrapper.has-large-image { background: 0 0; padding: 0 } .audio-transcript-wrapper.has-large-image .audio-transcript-content { padding: clamp(1rem, .72vw + .83rem, 1.5rem) clamp(1.5rem, .72vw + 1.33rem, 2rem) clamp(1.5rem, .72vw + 1.33rem, 2rem) } .audio-transcript-wrapper.has-large-image h2 { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } .audio-transcript-wrapper.has-large-image .audio-transcript { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); padding-bottom: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .audio-transcript-wrapper.has-large-image .audio-transcript-header { -webkit-margin-before: var(--wp--preset--spacing--48); margin-block-start: var(--wp--preset--spacing--48) } @container audio (width>=45.5rem) { .audio-transcript-wrapper.has-large-image .wp-block-audio { max-width: var(--wp--style--global--content-size); position: relative; z-index: 1 } .audio-transcript-wrapper.has-large-image .wp-block-details { margin-top: -4rem } .audio-transcript-wrapper.has-large-image .audio-transcript { -webkit-margin-before: 2rem; margin-block-start: 2rem } } .audio-transcript-wrapper.has-large-image.is-style-sand .audio-transcript-content, .audio-transcript-wrapper.has-large-image:not([class*=is-style-]) .audio-transcript-content { background-color: #faedda; background-color: var(--color-sand) } .audio-transcript-wrapper.has-large-image.is-style-colored .audio-transcript-content { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background) } @media (min-width:75rem) { .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) { position: relative } .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block).alignright .audio-transcript { left: auto; right: calc(100% + var(--wp--style--root--padding-left)) } .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) .audio-transcript { -webkit-margin-before: 0; background-color: #fff; background-color: var(--color-white); box-shadow: var(--wp--preset--shadow--natural); color: #000; color: var(--color-black); left: calc(100% + var(--wp--style--root--padding-left)); margin-block-start: 0; padding: var(--wp--preset--spacing--48); position: absolute; right: auto; top: 0; width: var(--contentCol-width); z-index: 1 } .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) .audio-transcript-button { align-items: center; aspect-ratio: 1/1; background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); border: 0; color: #fff; color: var(--primary-page-color-reverse-text); cursor: pointer; display: flex; height: var(--wp--preset--spacing--48); justify-content: center; padding: 0; position: absolute; right: 0; top: 0; width: var(--wp--preset--spacing--48) } .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) .audio-transcript-button:before { background-color: currentColor; content: ""; height: 2rem; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTIzLjAyIDIyLjAyIDExLjcwOCAxMC43MDhNMjMuMTIxIDEwLjcwNyAxMS44MDggMjIuMDIxIiBzdHJva2U9IiNBNTFDMzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+); mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTIzLjAyIDIyLjAyIDExLjcwOCAxMC43MDhNMjMuMTIxIDEwLjcwNyAxMS44MDggMjIuMDIxIiBzdHJva2U9IiNBNTFDMzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; width: 2rem } } @media print and (min-width:75rem) { .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) .audio-transcript-button, .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) .audio-transcript-button:before { background-color: transparent } .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) .audio-transcript-button:before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTIzLjAyIDIyLjAyIDExLjcwOCAxMC43MDhNMjMuMTIxIDEwLjcwNyAxMS44MDggMjIuMDIxIiBzdHJva2U9IiNBNTFDMzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+); -webkit-mask: initial; mask: initial; scale: 1.2 } } @media (min-width:75rem) { .audio-transcript-wrapper .wp-block-details .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) .audio-transcript-button summary, .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) .audio-transcript-button .audio-transcript-wrapper .wp-block-details summary, .is-content-justification-center .wp-block-pin-journal-supporting-content:not(.block-editor-block-list__block) .audio-transcript-button a { bottom: 0; content: ""; display: block; height: 100%; left: 0; padding: 50% !important; position: absolute; right: 0; top: 0; width: 100% } } .article-header { display: grid } .article-header__category { display: block; font-size: clamp(.63rem, .36vw + .54rem, .88rem); font-weight: 700; letter-spacing: .105rem; line-height: var(--wp--custom--line-height--medium); text-transform: uppercase; width: -moz-fit-content; width: fit-content } .article-header__category:not(:hover, :focus, :focus-visible) { text-decoration: none } .article-header h1 { margin: var(--wp--preset--spacing--24) 0 } .article-header.has-colored-heading h1 { color: #63111d; color: var(--primary-page-color-text) } .article-header .article-header__subheading { font-family: var(--wp--preset--font-family--sanomat); font-size: var(--wp--preset--font-size--h-3-title); line-height: var(--wp--custom--line-height--snug); font-weight: bold; } .article-header.is-style-classic .article-header__subheading, .article-header.is-style-display-title .article-header__subheading, .article-header.is-style-fullscreen .article-header__subheading, .article-header.is-style-split-screen .article-header__subheading { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close); margin: var(--wp--preset--spacing--24) 0 } .article-header__date-time, .article-header__meta { -moz-column-gap: .5rem; column-gap: .5rem; display: flex; flex-wrap: wrap } .article-header__meta { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--base) } .article-header__meta:before { border-top: 4px solid #a51c30; border-top: 4px solid var(--primary-page-color-ui); content: ""; display: block; margin-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); margin-bottom: var(--wp--preset--spacing--24); width: 3rem } .article-header .wp-block-post-author { flex-basis: 100%; margin-bottom: clamp(.5rem, .72vw + .33rem, 1rem) } .article-header .wp-block-post-author__content { display: flex; flex-wrap: wrap; font-style: normal } .article-header .wp-block-post-author__name { margin: 0; order: -1 } .article-header .wp-block-post-author__byline { display: inline-flex; font-size: inherit; margin: 0; width: auto } .article-header .wp-block-post-author__byline:before { content: "|"; margin: 0 .3125rem } .article-header__reading-time:before { color: #a51c30; color: var(--primary-page-color-ui); content: "■"; font-size: 70%; margin-right: .25rem; vertical-align: text-bottom } .article-header .wp-block-image, .article-header .wp-block-video { margin: 0; padding: 0 } .article-header .wp-block-image iframe, .article-header .wp-block-image img, .article-header .wp-block-image video, .article-header .wp-block-video iframe, .article-header .wp-block-video img, .article-header .wp-block-video video { height: clamp(19.75rem, 28.35vw + 13.11rem, 31.25rem); -o-object-fit: cover; object-fit: cover; width: 100% } .article-header .wp-block-image figcaption, .article-header .wp-block-video figcaption { margin-bottom: 0 } .article-header .wp-block-video--fixed { margin: 0 } .article-header .wp-block-video--poster:after { display: none !important } .article-header .video-ambient-controls { z-index: 2 } @media (max-width:74.9375rem) { .article-header .video-ambient-controls { grid-row: 1/span 1 } } .article-header .article-header__content { padding-bottom: var(--wp--preset--spacing--80); padding-top: var(--wp--preset--spacing--80); position: relative; z-index: 1 } @media (max-width:74.9375rem) { .article-header .article-header__content { padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right) } } @media (min-width:75rem) { .article-header.is-style-classic, .article-header.is-style-display-title, .article-header.is-style-split-screen.has-media-on-the-left { grid-column-gap: var(--wp--style--root--padding-left); grid-template-columns: 1fr var(--supportingCol-width) var(--contentCol-width) 1fr } } .article-header.is-style-classic .article-header__content, .article-header.is-style-display-title .article-header__content, .article-header.is-style-split-screen.has-media-on-the-left .article-header__content { grid-column: 1/span 1; grid-row: 1/span 1 } @media (min-width:75rem) { .article-header.is-style-classic .article-header__content, .article-header.is-style-display-title .article-header__content, .article-header.is-style-split-screen.has-media-on-the-left .article-header__content { grid-column: 3/span 1 } .article-header.is-style-classic.has-media-on-the-right, .article-header.is-style-split-screen { grid-column-gap: var(--wp--style--root--padding-left); grid-template-columns: 1fr var(--contentCol-width) var(--supportingCol-width) 1fr } } .article-header.is-style-classic.has-media-on-the-right .article-header__content, .article-header.is-style-split-screen .article-header__content { grid-column: 1/span 1; grid-row: 1/span 1 } @media (min-width:75rem) { .article-header.is-style-classic.has-media-on-the-right .article-header__content, .article-header.is-style-split-screen .article-header__content { grid-column: 2/span 1 } } @media (max-width:74.9375rem) { .article-header.is-style-classic { margin-bottom: 2rem } } @media (min-width:75rem) { .article-header.is-style-classic:has(.wp-block-video) { margin-bottom: 0 } .article-header.is-style-classic:has(.wp-block-video) .article-header__meta { margin-bottom: 2.5rem } .article-header.is-style-classic:has(.wp-block-video)+.wp-block-group { margin-top: 0 } } @media (max-width:74.9375rem) { .article-header.is-style-classic .wp-block-image, .article-header.is-style-classic .wp-block-video { order: 2; padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right) } } @media (min-width:75rem) { .article-header.is-style-classic .wp-block-image, .article-header.is-style-classic .wp-block-video { grid-column: 2/span 1; grid-row: 1/span 1; height: 0; max-width: 37.5625rem; z-index: 1 } } .article-header.is-style-classic .wp-block-image iframe, .article-header.is-style-classic .wp-block-image img, .article-header.is-style-classic .wp-block-image video, .article-header.is-style-classic .wp-block-video iframe, .article-header.is-style-classic .wp-block-video img, .article-header.is-style-classic .wp-block-video video { height: auto } .article-header.is-style-classic .wp-block-image figcaption, .article-header.is-style-classic .wp-block-video figcaption { padding: 0; width: 100% } @media (min-width:75rem) { .article-header.is-style-classic .wp-block-video { align-self: start; height: auto } .article-header.is-style-classic .article-header__content { padding: 0 } } .article-header.is-style-classic .article-header__meta:before, .article-header.is-style-classic .article-header__subheading { margin-bottom: clamp(1.5rem, 1.44vw + 1.16rem, 2.5rem) } @media (min-width:75rem) { .article-header.is-style-classic.has-media-on-the-right .wp-block-image, .article-header.is-style-classic.has-media-on-the-right .wp-block-video { grid-column: 3/span 1; justify-self: end } } .article-header.is-style-display-title { grid-template-rows: clamp(19.75rem, 28.35vw + 13.11rem, 31.25rem) auto auto } @media (min-width:75rem) { .article-header.is-style-display-title { grid-template-rows: clamp(5rem, 22.41vw + -9.34rem, 11.5rem) clamp(26.25rem, 8.62vw + 20.73rem, 28.75rem) auto auto } } .article-header.is-style-display-title .wp-block-image, .article-header.is-style-display-title .wp-block-video { grid-column: 1/span 1; grid-row: 1/span 2; position: relative } .article-header.is-style-display-title .wp-block-image:after, .article-header.is-style-display-title .wp-block-video:after { background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .55) 40%); background: linear-gradient(var(--color-black-20), var(--color-black-55) 40%); bottom: 0; bottom: auto; content: ""; display: block; display: none; height: 100%; height: clamp(19.75rem, 28.35vw + 13.11rem, 31.25rem); left: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; z-index: 1 } @media (max-width:74.9375rem) { .article-header.is-style-display-title .wp-block-image, .article-header.is-style-display-title .wp-block-video { background-color: #fff; background-color: var(--color-white) } } @media (min-width:75rem) { .article-header.is-style-display-title .wp-block-image, .article-header.is-style-display-title .wp-block-video { grid-column: 1/span 4; grid-row: 1/span 3 } .article-header.is-style-display-title .wp-block-image iframe, .article-header.is-style-display-title .wp-block-image img, .article-header.is-style-display-title .wp-block-image video, .article-header.is-style-display-title .wp-block-image:after, .article-header.is-style-display-title .wp-block-video iframe, .article-header.is-style-display-title .wp-block-video img, .article-header.is-style-display-title .wp-block-video video, .article-header.is-style-display-title .wp-block-video:after { height: clamp(31.25rem, 31.03vw + 11.39rem, 40.25rem) } .article-header.is-style-display-title .wp-block-image figcaption p, .article-header.is-style-display-title .wp-block-video figcaption p { max-width: var(--supportingCol-width) } } .article-header.is-style-display-title .wp-block-video .video-ambient-controls { grid-row: 1/span 1 } .article-header.is-style-display-title.has-overlay .wp-block-image:after, .article-header.is-style-display-title.has-overlay .wp-block-video:after { display: block } .article-header.is-style-display-title .article-header__content { background-color: hsla(0, 0%, 100%, .95); background-color: var(--color-white-95); grid-row: 3/span 1; position: relative; z-index: 2 } @media (min-width:75rem) { .article-header.is-style-display-title .article-header__content { grid-row: 2/span 2; padding: var(--wp--preset--spacing--64) } } .article-header.is-style-display-title .article-header__display-text { align-self: end; color: #fff; color: var(--color-white); container: display-text/inline-size; grid-column: 1/span 1; grid-row: 1/span 1; margin-bottom: clamp(2rem, 11.21vw + -5.17rem, 5.25rem); position: relative; z-index: 1 } @media (max-width:74.9375rem) { .article-header.is-style-display-title .article-header__display-text { margin-left: var(--wp--style--root--padding-left); margin-right: var(--wp--style--root--padding-right) } } @media (min-width:75rem) { .article-header.is-style-display-title .article-header__display-text { grid-column: 2/span 1; grid-row: 2/span 1 } } .article-header.is-style-display-title .article-header__display-title { font-size: clamp(3.5rem, 16cqw, 7.5rem); font-weight: 700; line-height: 1; text-transform: uppercase } .article-header.is-style-split-screen { grid-template-rows: auto clamp(19.75rem, 28.35vw + 13.11rem, 31.25rem) auto; position: relative } .article-header.is-style-split-screen:before { background-color: #fff; background-color: var(--color-white); content: ""; grid-column: 1/span 1; grid-row: 1/span 1 } @media (min-width:75rem) { .article-header.is-style-split-screen:before { grid-column: 1/span 4 } .article-header.is-style-split-screen { grid-template-rows: 46.25rem auto } } .article-header.is-style-split-screen .wp-block-image, .article-header.is-style-split-screen .wp-block-video { grid-column: 1/span 1; grid-row: 2/span 2; position: relative } @media (min-width:75rem) { .article-header.is-style-split-screen .wp-block-image, .article-header.is-style-split-screen .wp-block-video { grid-row: 1/span 2 } .article-header.is-style-split-screen .wp-block-image iframe, .article-header.is-style-split-screen .wp-block-image img, .article-header.is-style-split-screen .wp-block-image video, .article-header.is-style-split-screen .wp-block-video iframe, .article-header.is-style-split-screen .wp-block-video img, .article-header.is-style-split-screen .wp-block-video video { height: 46.25rem } .article-header.is-style-split-screen .wp-block-image figcaption, .article-header.is-style-split-screen .wp-block-video figcaption { margin-left: 0; margin-right: 0; padding: 0; text-align: right } .article-header.is-style-split-screen .wp-block-image figcaption p, .article-header.is-style-split-screen .wp-block-image figcaption textarea, .article-header.is-style-split-screen .wp-block-video figcaption p, .article-header.is-style-split-screen .wp-block-video figcaption textarea { max-width: var(--supportingCol-width) } } .article-header.is-style-split-screen.has-overlay .wp-block-image:after, .article-header.is-style-split-screen.has-overlay .wp-block-video:after { background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .55) 60%); background: linear-gradient(var(--color-black-20), var(--color-black-55) 60%); bottom: 0; bottom: auto; content: ""; display: block; height: 100%; height: clamp(19.75rem, 28.35vw + 13.11rem, 31.25rem); left: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 100% } @media (min-width:75rem) { .article-header.is-style-split-screen.has-overlay .wp-block-image:after, .article-header.is-style-split-screen.has-overlay .wp-block-video:after { height: 46.25rem } } .article-header.is-style-split-screen .article-header__display-text { align-self: end; color: #fff; color: var(--color-white); grid-column: 1/span 1; grid-row: 2/span 1; margin-bottom: clamp(3rem, 5.17vw + -.31rem, 4.5rem); padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); position: relative; text-align: center; z-index: 1 } @media (min-width:75rem) { .article-header.is-style-split-screen .article-header__display-text { grid-column: 3/span 2; grid-row: 1/span 1 } } .article-header.is-style-split-screen .article-header__display-details, .article-header.is-style-split-screen .article-header__display-title { display: block; font-family: var(--wp--preset--font-family--sanomat) } .article-header.is-style-split-screen .article-header__display-title { font-size: var(--wp--preset--font-size--h-2-title); line-height: var(--wp--custom--line-height--tight) } .article-header.is-style-split-screen .article-header__display-details { font-size: var(--wp--preset--font-size--h-6-title); margin-block: var(--wp--preset--spacing--16) } @media (min-width:75rem) { .article-header.is-style-split-screen.has-media-on-the-right .wp-block-image, .article-header.is-style-split-screen.has-media-on-the-right .wp-block-video { grid-column: 3/span 2 } .article-header.is-style-split-screen.has-media-on-the-left .wp-block-image, .article-header.is-style-split-screen.has-media-on-the-left .wp-block-video { grid-column: 1/span 2 } .article-header.is-style-split-screen.has-media-on-the-left .wp-block-image figcaption, .article-header.is-style-split-screen.has-media-on-the-left .wp-block-video figcaption { text-align: left } .article-header.is-style-split-screen.has-media-on-the-left .wp-block-image p, .article-header.is-style-split-screen.has-media-on-the-left .wp-block-image textarea, .article-header.is-style-split-screen.has-media-on-the-left .wp-block-video p, .article-header.is-style-split-screen.has-media-on-the-left .wp-block-video textarea { margin-left: auto } .article-header.is-style-split-screen.has-media-on-the-left .article-header__display-text { grid-column: 1/span 2 } } .article-header.is-style-full-width-text-below, .article-header.is-style-fullscreen, .article-header.is-style-square { grid-column-gap: var(--wp--style--root--padding-left) } .article-header.is-style-full-width-text-below .wp-block-image, .article-header.is-style-full-width-text-below .wp-block-video, .article-header.is-style-fullscreen .wp-block-image, .article-header.is-style-fullscreen .wp-block-video, .article-header.is-style-square .wp-block-image, .article-header.is-style-square .wp-block-video { position: relative; z-index: 0 } @media (min-width:75rem) { .article-header.is-style-full-width-text-below .wp-block-image, .article-header.is-style-full-width-text-below .wp-block-video, .article-header.is-style-fullscreen .wp-block-image, .article-header.is-style-fullscreen .wp-block-video, .article-header.is-style-square .wp-block-image, .article-header.is-style-square .wp-block-video { grid-column: 1/span 3 } } .article-header.is-style-full-width-text-below .article-header__content, .article-header.is-style-fullscreen .article-header__content, .article-header.is-style-square .article-header__content { align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center } @media (min-width:75rem) { .article-header.is-style-full-width-text-below .article-header__content, .article-header.is-style-fullscreen .article-header__content, .article-header.is-style-square .article-header__content { box-sizing: border-box; grid-column: 2/span 1; margin: var(--wp--preset--spacing--64) auto } } .article-header.is-style-full-width-text-below .article-header__subheading, .article-header.is-style-fullscreen .article-header__subheading, .article-header.is-style-square .article-header__subheading { -webkit-margin-after: 0; -webkit-margin-before: var(--wp--preset--spacing--64); margin-block-end: 0; margin-block-start: var(--wp--preset--spacing--64); padding: 0 } @media (max-width:74.9375rem) { .article-header.is-style-full-width-text-below .article-header__subheading, .article-header.is-style-fullscreen .article-header__subheading, .article-header.is-style-square .article-header__subheading { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size); max-width: var(--wp--style--global--content-size); padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); width: calc(100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)) } } @media (min-width:75rem) { .article-header.is-style-full-width-text-below .article-header__subheading, .article-header.is-style-fullscreen .article-header__subheading, .article-header.is-style-square .article-header__subheading { grid-column: 2/span 1 } } .article-header.is-style-full-width-text-below .wp-block-post-author, .article-header.is-style-full-width-text-below .wp-block-post-author__content, .article-header.is-style-fullscreen .wp-block-post-author, .article-header.is-style-fullscreen .wp-block-post-author__content, .article-header.is-style-square .wp-block-post-author, .article-header.is-style-square .wp-block-post-author__content { justify-content: center } .article-header.is-style-fullscreen .wp-block-image, .article-header.is-style-fullscreen .wp-block-video, .article-header.is-style-square .wp-block-image, .article-header.is-style-square .wp-block-video { grid-row: 2/span 1 } @media (min-width:75rem) { .article-header.is-style-fullscreen .wp-block-image, .article-header.is-style-fullscreen .wp-block-video, .article-header.is-style-square .wp-block-image, .article-header.is-style-square .wp-block-video { grid-row: 1/span 2 } } .article-header.is-style-fullscreen .article-header__content, .article-header.is-style-square .article-header__content { grid-row: 1/span 1 } .article-header.is-style-fullscreen .article-header__subheading, .article-header.is-style-square .article-header__subheading { grid-row: 3/span 1 } @media (min-width:75rem) { .article-header.is-style-square { grid-template-columns: 1fr var(--contentCol-width) 1fr; grid-template-rows: 39.375rem auto auto } .article-header.is-style-square:before { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); content: ""; grid-column: 1/span 3; grid-row: 1/span 1 } .article-header.is-style-square .wp-block-image img, .article-header.is-style-square .wp-block-video iframe, .article-header.is-style-square .wp-block-video video { height: 39.375rem } } .article-header.is-style-square .article-header__content { background-color: #fff; background-color: var(--color-white) } @media (min-width:75rem) { .article-header.is-style-square .article-header__content { padding: 2.5rem; width: 33.625rem } } .article-header.is-style-square .article-header__meta { justify-content: center } .article-header.is-style-square .wp-block-post-author { margin-left: auto; margin-right: auto; width: -moz-fit-content; width: fit-content } .article-header.is-style-square .article-header__title.has-large-text { font-size: var(--wp--preset--font-size--h-1-title-large); line-height: 1 } .article-header.is-style-square .article-header__meta:before { margin-left: auto; margin-right: auto } .article-header.is-style-full-width-text-below, .article-header.is-style-fullscreen { --min-height: clamp(22.5rem, 35.49vw + 14.18rem, 47.19rem); grid-template-rows: var(--min-height) auto auto auto; margin-bottom: clamp(1.5rem, 2.16vw + .99rem, 3rem) } @media (min-width:75rem) { .article-header.is-style-full-width-text-below, .article-header.is-style-fullscreen { grid-template-columns: 1fr 51.25rem 1fr } } .article-header.is-style-full-width-text-below .wp-block-image iframe, .article-header.is-style-full-width-text-below .wp-block-image img, .article-header.is-style-full-width-text-below .wp-block-image video, .article-header.is-style-full-width-text-below .wp-block-video iframe, .article-header.is-style-full-width-text-below .wp-block-video img, .article-header.is-style-full-width-text-below .wp-block-video video, .article-header.is-style-fullscreen .wp-block-image iframe, .article-header.is-style-fullscreen .wp-block-image img, .article-header.is-style-fullscreen .wp-block-image video, .article-header.is-style-fullscreen .wp-block-video iframe, .article-header.is-style-fullscreen .wp-block-video img, .article-header.is-style-fullscreen .wp-block-video video { height: var(--min-height) } .article-header.is-style-full-width-text-below .article-header__content, .article-header.is-style-fullscreen .article-header__content { align-self: end } @media (max-width:74.9375rem) { .article-header.is-style-full-width-text-below .article-header__content, .article-header.is-style-fullscreen .article-header__content { grid-column: 1/span 1 } } @media (min-width:75rem) { .article-header.is-style-full-width-text-below .article-header__content, .article-header.is-style-fullscreen .article-header__content { padding: 0 } } .article-header.is-style-full-width-text-below .article-header__content .article-header__title, .article-header.is-style-fullscreen .article-header__content .article-header__title { color: #000; color: var(--color-black); margin-bottom: 0 } .article-header.is-style-full-width-text-below .article-header__meta, .article-header.is-style-fullscreen .article-header__meta { -webkit-margin-before: clamp(1.5rem, 1.44vw + 1.16rem, 2.5rem); justify-content: center; margin-block-start: clamp(1.5rem, 1.44vw + 1.16rem, 2.5rem) } @media (max-width:74.9375rem) { .article-header.is-style-full-width-text-below .article-header__meta, .article-header.is-style-fullscreen .article-header__meta { padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right) } } @media (min-width:75rem) { .article-header.is-style-full-width-text-below .article-header__meta, .article-header.is-style-fullscreen .article-header__meta { grid-column: 2/span 1 } } .article-header.is-style-full-width-text-below .article-header__meta:before, .article-header.is-style-fullscreen .article-header__meta:before { margin: 0 auto clamp(1.5rem, 1.44vw + 1.16rem, 2.5rem) } @media (min-width:75rem) { .article-header.is-style-full-width-text-below .article-header__subheading, .article-header.is-style-fullscreen .article-header__subheading { margin-left: auto; margin-right: auto; max-width: var(--contentCol-width) } } .article-header.is-style-full-width-text-below.has-overlay .wp-block-image:after, .article-header.is-style-full-width-text-below.has-overlay .wp-block-video:after, .article-header.is-style-fullscreen.has-overlay .wp-block-image:after, .article-header.is-style-fullscreen.has-overlay .wp-block-video:after { background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .55) 60%); background: linear-gradient(var(--color-black-20), var(--color-black-55) 60%); bottom: 0; bottom: auto; content: ""; display: block; height: 100%; height: var(--min-height); left: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; z-index: 1 } .article-header.is-style-full-width-text-below.has-overlay .article-header__content, .article-header.is-style-full-width-text-below.has-overlay .article-header__content h1, .article-header.is-style-fullscreen.has-overlay .article-header__content, .article-header.is-style-fullscreen.has-overlay .article-header__content h1 { color: #fff; color: var(--color-white) } @media (max-width:48.8125rem) { .article-header.is-style-fullscreen.has-uncropped-image { --min-height: 27rem !important } } .article-header.is-style-fullscreen:has(.wp-block-video--ambient) .article-header__content { text-wrap: balance } @media (max-width:37.5rem) { .article-header.is-style-fullscreen:has(.wp-block-video--ambient) .article-header__content { margin-bottom: calc(var(--button-width) + var(--button-margin)); padding-bottom: 0 } } @media (min-width:37.5625rem) and (max-width:74.9375rem) { .article-header.is-style-fullscreen:has(.wp-block-video--ambient) .article-header__content { margin-left: calc(var(--button-width) + var(--button-margin)); margin-right: calc(var(--button-width) + var(--button-margin)) } } @media (max-width:74.9375rem) { .article-header.is-style-fullscreen .wp-block-image, .article-header.is-style-fullscreen .wp-block-video { grid-column: 1/span 1; grid-row: 1/span 2 } } .article-header.is-style-fullscreen .article-header__subheading { grid-row: 4/span 1 } .article-header.is-style-full-width-text-below { --min-height: clamp(22.5rem, 18.42vw + 18.18rem, 35.31rem); grid-template-rows: auto } @media (min-width:75rem) { .article-header.is-style-full-width-text-below.title-above-image .article-header__content { margin-bottom: var(--wp--preset--spacing--48); margin-top: var(--wp--preset--spacing--48) } } .article-header.is-style-full-width-text-below.title-above-image .article-header__meta { margin-top: var(--wp--preset--spacing--64) } .article-header.is-style-full-width-text-below:not(.title-above-image) .article-header__content { margin-bottom: 0 } @media (min-width:75.0625rem) { .article-header.is-style-full-width-text-below.centered-image .wp-block-image, .article-header.is-style-full-width-text-below.centered-image .wp-block-video { grid-column: 2/span 1 } } .article-header.is-style-full-width-text-below.centered-image iframe, .article-header.is-style-full-width-text-below.centered-image img, .article-header.is-style-full-width-text-below.centered-image video { height: -moz-fit-content; height: fit-content } @media (min-width:75.0625rem) { .article-header.is-style-full-width-text-below.centered-image:not(.title-above-image) { margin-top: var(--wp--preset--spacing--64) } } @media (max-width:74.9375rem) { .article-header.is-style-full-width-text-below .article-header__meta { margin-top: 0 } } .article-header.is-style-split-screen.has-colored-background .article-header__content, .article-header.is-style-split-screen.has-colored-background .article-header__reading-time:before, .article-header.is-style-square.has-colored-background .article-header__content, .article-header.is-style-square.has-colored-background .article-header__reading-time:before { color: #fff; color: var(--primary-page-color-reverse-text) } .article-header.is-style-split-screen.has-colored-background.has-ochre-color .article-header__content, .article-header.is-style-square.has-colored-background.has-ochre-color .article-header__content, body.has-ochre-color .article-header.is-style-split-screen.has-colored-background:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .article-header__content, body.has-ochre-color .article-header.is-style-square.has-colored-background:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .article-header__content { color: #000; color: initial } .article-header.is-style-split-screen.has-colored-background.has-ochre-color .article-header__content .article-header__reading-time:before, .article-header.is-style-square.has-colored-background.has-ochre-color .article-header__content .article-header__reading-time:before, body.has-ochre-color .article-header.is-style-split-screen.has-colored-background:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .article-header__content .article-header__reading-time:before, body.has-ochre-color .article-header.is-style-square.has-colored-background:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .article-header__content .article-header__reading-time:before { color: #a51c30; color: var(--primary-page-color-ui) } .article-header.is-style-split-screen.has-colored-background.is-style-split-screen:before, .article-header.is-style-split-screen.has-colored-background.is-style-square .article-header__content, .article-header.is-style-square.has-colored-background.is-style-split-screen:before, .article-header.is-style-square.has-colored-background.is-style-square .article-header__content { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background) } .article-header.is-style-split-screen.has-colored-background h1, .article-header.is-style-split-screen.has-colored-background.has-colored-heading h1, .article-header.is-style-square.has-colored-background h1, .article-header.is-style-square.has-colored-background.has-colored-heading h1 { color: #fff; color: var(--primary-page-color-reverse-text) } .article-header.is-style-split-screen.has-colored-background .article-header__meta:before, .article-header.is-style-square.has-colored-background .article-header__meta:before { border-color: #fff; border-color: var(--primary-page-color-reverse-ui) } .article-header.is-style-split-screen.has-colored-background.has-dark-background:not(.has-grey-color) .article-header__content, .article-header.is-style-split-screen.has-colored-background.has-dark-background:not(.has-grey-color) .article-header__reading-time:before, .article-header.is-style-square.has-colored-background.has-dark-background:not(.has-grey-color) .article-header__content, .article-header.is-style-square.has-colored-background.has-dark-background:not(.has-grey-color) .article-header__reading-time:before { color: #fff; color: var(--color-white) } .article-header.is-style-split-screen.has-colored-background.has-dark-background:not(.has-grey-color).is-style-split-screen:before, .article-header.is-style-split-screen.has-colored-background.has-dark-background:not(.has-grey-color).is-style-square .article-header__content, .article-header.is-style-square.has-colored-background.has-dark-background:not(.has-grey-color).is-style-split-screen:before, .article-header.is-style-square.has-colored-background.has-dark-background:not(.has-grey-color).is-style-square .article-header__content { background-color: #63111d; background-color: var(--primary-page-color-text) } .article-header.is-style-split-screen.has-colored-background.has-dark-background:not(.has-grey-color) h1, .article-header.is-style-square.has-colored-background.has-dark-background:not(.has-grey-color) h1 { color: #ff5956; color: var(--primary-page-color-bright) } .article-header.is-style-split-screen.has-colored-background.has-dark-background:not(.has-grey-color) .article-header__meta:before, .article-header.is-style-square.has-colored-background.has-dark-background:not(.has-grey-color) .article-header__meta:before { border-color: #a51c30; border-color: var(--primary-page-color-ui) } .article-header.has-fixed-background .wp-block-image .video-ambient-controls, .article-header.has-fixed-background .wp-block-video .video-ambient-controls { grid-row: 1/span 1 } @media (min-width:75rem) { .article-header.has-fixed-background .wp-block-image, .article-header.has-fixed-background .wp-block-image.wp-block-video>div, .article-header.has-fixed-background .wp-block-video, .article-header.has-fixed-background .wp-block-video.wp-block-video>div { container-type: initial; display: grid; grid-template-rows: inherit } /* .article-header.has-fixed-background .wp-block-image--fixed, .article-header.has-fixed-background .wp-block-video--fixed { */ .article-header.has-fixed-background .wp-block-image, .article-header.has-fixed-background .wp-block-video { -webkit-clip-path: inset(0); clip-path: inset(0); grid-row: 1/span 1; margin: 0 } .article-header.has-fixed-background .wp-block-image iframe, .article-header.has-fixed-background .wp-block-image img, .article-header.has-fixed-background .wp-block-image video, .article-header.has-fixed-background .wp-block-video iframe, .article-header.has-fixed-background .wp-block-video img, .article-header.has-fixed-background .wp-block-video video { height: 100vh !important; position: fixed; top: 0 } .article-header.has-fixed-background .wp-block-image figcaption, .article-header.has-fixed-background .wp-block-video figcaption { grid-row: 2/span 1 } .article-header.has-fade-in-text .article-header__display-text, .article-header.has-fade-in-text.is-style-fullscreen .article-header__content { animation: fadeInAnimation 4s ease } } @media (min-width:75rem) and (prefers-reduced-motion) { .article-header.has-fade-in-text .article-header__display-text, .article-header.has-fade-in-text.is-style-fullscreen .article-header__content { animation: none } } .carousel .carousel__heading { -webkit-margin-after: var(--wp--preset--spacing--24); -webkit-margin-before: var(--wp--preset--spacing--48); margin-block-end: var(--wp--preset--spacing--24); margin-block-start: var(--wp--preset--spacing--48); margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size); padding-left: var(--wp--style--root--padding-left) !important; padding-right: var(--wp--style--root--padding-right) !important } @media (min-width:48.875rem) { .carousel .carousel__heading { max-width: calc(var(--wp--style--global--wide-size) - 7.25rem); padding-right: calc(var(--wp--style--root--padding-right) + 7.25rem) !important } } .carousel .carousel__heading .wp-element-caption { display: block; font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); font-size: var(--wp--preset--font-size--large); line-height: var(--wp--custom--line-height--large); margin: 0 0 1.5rem } .carousel .splide:not(.is-active) { visibility: visible } .carousel .inner-block-slider .slides, .carousel .splide__list { gap: clamp(1rem, 1.44vw + .66rem, 2rem) } .carousel .inner-block-slider .slides, .carousel .splide:not(.is-active) .splide__list { display: flex; overflow: scroll; scroll-snap-type: x mandatory } .carousel .inner-block-slider .slides>*, .carousel .splide:not(.is-active) .splide__list>* { flex: 0 0 90%; margin-left: 0; margin-right: 0; scroll-snap-align: start } .carousel .inner-block-slider .slides>:only-child, .carousel .splide:not(.is-active) .splide__list>:only-child { flex-basis: 100% } .carousel .splide.is-active { -webkit-margin-after: var(--wp--preset--spacing--120); margin-block-end: var(--wp--preset--spacing--120); padding-bottom: var(--wp--preset--spacing--24) } .carousel .splide__arrows { bottom: 0; bottom: 100%; -moz-column-gap: 1rem; column-gap: 1rem; content: ""; display: block; display: flex; height: 100%; height: 3.125rem; left: 0; left: auto; margin-bottom: 2rem; position: absolute; right: 0; right: max(var(--wp--style--root--padding-left), (100vw - var(--wp--style--global--wide-size))/2); top: 0; top: auto; width: 100%; width: 7.25rem } .carousel .splide__arrows:has(button:disabled+button:disabled) { display: none } @media (max-width:48.8125rem) { .carousel .splide__arrows { display: none } } @media (min-width:75rem) { .carousel.carousel--stretch .splide__arrows { display: none } } .carousel .splide__arrow { background-repeat: no-repeat; background-size: cover; cursor: pointer; display: inline-flex; flex: 1 1; height: 3.125rem; opacity: 1; position: static; transform: none; width: 3.125rem } .carousel .splide__arrow svg { display: none } .carousel .splide__arrow--prev { background-image: var(--left-arrow) } .carousel .splide__arrow--next { background-image: var(--right-arrow) } .carousel .splide__pagination { bottom: auto; margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size); padding: var(--wp--preset--spacing--16); padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); top: 100% } @media (min-width:48.875rem) { .carousel .splide__pagination { display: none } } .carousel .splide__pagination__page { background-color: transparent; height: 2rem; margin: 0 .125rem; width: 2rem } .carousel .splide__pagination__page:before { background-color: #b9b8ad; background-color: var(--color-grey); border-radius: 50%; content: ""; display: block; height: .5rem; margin: auto; width: .5rem } .carousel .splide__pagination__page:focus, .carousel .splide__pagination__page:focus-visible, .carousel .splide__pagination__page:not(.is-active):hover { opacity: 1; outline: 2px solid #726a5b; outline: 2px solid var(--color-grey-dark); outline-offset: -.5625rem } .carousel .splide__pagination__page:focus-visible:before, .carousel .splide__pagination__page:focus:before, .carousel .splide__pagination__page:not(.is-active):hover:before { background-color: #726a5b; background-color: var(--color-grey-dark) } .carousel .splide__pagination__page.is-active { opacity: 1; transform: none } .carousel .splide__pagination__page.is-active:before { background-color: #a51c30; background-color: var(--primary-page-color-ui); height: .8125rem; width: .8125rem } .carousel--images .splide__arrows { bottom: 0; -moz-column-gap: 0; column-gap: 0; content: ""; display: block; display: none; height: 100%; left: 0; left: 8px; margin-bottom: 0; position: absolute; right: 0; right: 8px; top: 0; width: 100%; width: auto } @media (min-width:75rem) { .carousel--images .splide__arrows { display: flex } } .carousel--images .splide__arrow { align-items: center; background: 0 0; border-radius: 0; height: 100%; justify-content: center; width: auto } .carousel--images .splide__arrow svg { fill: #63111d; fill: var(--primary-page-color-text); stroke: #fff; stroke: var(--color-white); stroke-width: 2px; font-size: var(--wp--preset--spacing--64); margin-left: var(--wp--style--root--padding-left); margin-right: var(--wp--style--root--padding-right) } .carousel--images .splide__arrow:focus-visible svg { display: block } .carousel--images .splide__arrow:disabled { display: none } .carousel--images .splide__arrow--prev { cursor: var(--left-arrow) 30 30, w-resize; justify-content: flex-start } .carousel--images .splide__arrow--next { cursor: var(--right-arrow) 30 30, e-resize; justify-content: flex-end } .carousel--images .splide__pagination { display: flex } .carousel__slide { margin: 0; max-width: -moz-min-content; max-width: min-content; position: relative; transition: all .25s ease-in-out } .carousel__slide img { height: 31.75rem; max-width: none; -o-object-fit: cover; object-fit: cover; width: auto } @media (max-width:48.875rem) { .carousel__slide img { height: 12.375rem } } @media (min-width:48.875rem) { .carousel__slide.is-prev { opacity: .65 } } .carousel--show-numbers { counter-reset: slide-numbers } .carousel--show-numbers .carousel__slide { align-items: start; display: grid; grid-template-columns: minmax(min-content, 3.25rem) minmax(min-content, max-content); grid-template-rows: 31.75rem auto; justify-content: start } .carousel--show-numbers .carousel__slide img { grid-column: 1/span 2; grid-row: 1/span 1; max-width: none } .carousel--show-numbers .carousel__slide:before { color: #a51c30; color: var(--primary-page-color-ui); content: counter(slide-numbers); counter-increment: slide-numbers; font-family: var(--wp--preset--font-family--sanomat); font-size: clamp(2rem, 1.44vw + 1.66rem, 3rem); grid-column: 1/span 1; grid-row: 2/span 1; line-height: 1.25; margin: clamp(.5rem, .72vw + .33rem, 1rem) clamp(.75rem, .36vw + .67rem, 1rem) 0 } .carousel--show-numbers .carousel__slide figcaption { grid-column: 2/span 1; grid-row: 2/span 1 } @media (max-width:48.875rem) { .carousel--show-numbers .carousel__slide { grid-template-rows: 12.375rem auto 1fr } .carousel--show-numbers .carousel__slide figcaption { grid-column: 1/span 2; grid-row: 3/span 1 } } .carousel.carousel--cards .splide.is-active { padding-bottom: 0 } @media (min-width:48.875rem) { .carousel.carousel--cards .splide.is-active { -webkit-margin-after: var(--wp--preset--spacing--64); margin-block-end: var(--wp--preset--spacing--64) } } @media (min-width:48.875rem) { .carousel.carousel--cards:has(~.upcoming-events__show-all) .splide.is-active, .carousel.carousel--cards:is(.alignfull>.carousel) .splide.is-active, .carousel.carousel--cards:is(:last-child>.carousel) .splide.is-active { -webkit-margin-after: 0; margin-block-end: 0; padding-bottom: 0 } } .carousel.carousel--cards .carousel__card { background-color: #faedda; background-color: var(--color-sand); max-width: 21.75rem; min-height: 17.75rem; padding: clamp(1rem, 2.16vw + .49rem, 2.5rem) 1rem; text-align: center; width: 21.75rem } @media (max-width:48.875rem) { .carousel.carousel--cards .carousel__card { max-width: 14rem; min-height: 12.75rem; width: 14rem } } .carousel.carousel--cards .carousel__card .wp-block-heading { word-wrap: break-word; color: #63111d; color: var(--primary-page-color-text); font-weight: 700; line-height: 1; margin: .5rem 0 } .carousel.carousel--cards .carousel__card>p { margin: 1rem 0 } .carousel.carousel--cards .carousel__card ol, .carousel.carousel--cards .carousel__card ul { text-align: left; text-align: initial } .carousel.carousel--cards .carousel__card li { -webkit-margin-before: .5em; margin-block-start: .5em } .carousel.carousel--cards .carousel__card .wp-block-buttons { -webkit-margin-before: var(--wp--preset--spacing--24); margin-block-start: var(--wp--preset--spacing--24) } @media (min-width:75rem) { .carousel.carousel--cards.carousel--stretch .carousel__card { flex: 1 1; max-width: none } } .carousel.carousel--cards .wp-block-image, .carousel.carousel--cards .wp-block-image-wrapper { margin: 1rem 0; max-width: none; min-width: 0 } .carousel.carousel--cards .wp-block-image-wrapper:first-child, .carousel.carousel--cards .wp-block-image:first-child { margin-top: 0 } .carousel.carousel--cards .wp-block-image img, .carousel.carousel--cards .wp-block-image-wrapper img { height: auto; margin: auto; max-width: 100%; min-width: 0 } .carousel.carousel--cards .wp-block-image .wp-element-caption--credit, .carousel.carousel--cards .wp-block-image-wrapper .wp-element-caption--credit { text-align: center } .carousel.carousel--cards .wp-block-image-wrapper.is-style-drop-shadow, .carousel.carousel--cards .wp-block-image.is-style-drop-shadow { margin-right: var(--image-box-shadow-width); margin-top: var(--image-box-shadow-width) } .carousel .splide .splide__arrow:focus, .carousel .splide .splide__pagination__page:focus, .carousel .splide .splide__slide:focus, .carousel .splide.is-focus-in .splide__arrow:focus, .carousel .splide.is-focus-in .splide__pagination__page:focus, .carousel .splide.is-focus-in .splide__slide:focus { outline: none } .carousel .splide .splide__arrow.splide__pagination__page.is-active, .carousel .splide .splide__arrow:focus-visible, .carousel .splide .splide__pagination__page.splide__pagination__page.is-active, .carousel .splide .splide__pagination__page:focus-visible, .carousel .splide .splide__slide.splide__pagination__page.is-active, .carousel .splide .splide__slide:focus-visible, .carousel .splide.is-focus-in .splide__arrow.splide__pagination__page.is-active, .carousel .splide.is-focus-in .splide__arrow:focus-visible, .carousel .splide.is-focus-in .splide__pagination__page.splide__pagination__page.is-active, .carousel .splide.is-focus-in .splide__pagination__page:focus-visible, .carousel .splide.is-focus-in .splide__slide.splide__pagination__page.is-active, .carousel .splide.is-focus-in .splide__slide:focus-visible { outline: 2px solid #63111d; outline: 2px solid var(--primary-page-color-text) } .carousel .splide .splide__pagination__page.splide__pagination__page.is-active, .carousel .splide .splide__pagination__page:focus-visible, .carousel .splide.is-focus-in .splide__pagination__page.splide__pagination__page.is-active, .carousel .splide.is-focus-in .splide__pagination__page:focus-visible { outline-offset: -.375rem } .carousel .inner-block-slider, .carousel .splide .carousel__slide:only-child, .carousel .splide.is-active .splide__track, .carousel.block-editor-block-list__block .splide .splide__track { padding: 0 max(var(--wp--style--root--padding-left), (100vw - var(--wp--style--global--wide-size))/2) !important } .featured-articles__title, .trending-articles__title { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close); margin: 0 0 clamp(1rem, .72vw + .83rem, 1.5rem) } .featured-articles__title:before, .trending-articles__title:before { border-top: 4px solid #a51c30; border-top: 4px solid var(--primary-page-color-ui); content: ""; display: block; margin-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); width: 3rem } .featured-articles.is-style-grid-list .featured-articles__title:before { display: none } .featured-articles__category { display: block; font-size: clamp(.63rem, .36vw + .54rem, .88rem); font-weight: 700; letter-spacing: .105rem; line-height: var(--wp--custom--line-height--medium); margin-bottom: clamp(1rem, .72vw + .83rem, 1.5rem); text-transform: uppercase; width: -moz-fit-content; width: fit-content } .featured-articles__category:not(:hover):not(:focus) { text-decoration: none } .featured-articles__category:before { border-top: 4px solid #a51c30; /* border-top: 4px solid var(--primary-page-color-ui);*/ content: ""; display: block; margin-bottom: clamp(1rem, .72vw + .83rem, 1.5rem); width: 3rem } .featured-articles__list { list-style-type: none; margin: 0; padding: 0 } .featured-article, .wp-block-query .hentry, .wp-block-query>ul>li { align-items: flex-start; border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); -moz-column-gap: 1rem; column-gap: 1rem; display: flex; margin-bottom: clamp(1rem, .72vw + .83rem, 1.5rem); margin-top: clamp(1rem, .72vw + .83rem, 1.5rem); padding-bottom: clamp(1rem, .72vw + .83rem, 1.5rem); position: relative } .featured-article:first-of-type, .wp-block-query .hentry:first-of-type { margin-top: 0 } .featured-article:last-of-type, .wp-block-query .hentry:last-of-type { margin-bottom: 0 } .featured-article__excerpt, .featured-article__meta, .featured-article__series.series-badge__header, .featured-article__title, .featured-article__title+.featured-article__excerpt, .featured-article__title+.hentry__excerpt, .wp-block-query .hentry__excerpt, .wp-block-query .hentry__meta, .wp-block-query .hentry__series.series-badge__header, .wp-block-query .hentry__title, .wp-block-query .hentry__title+.featured-article__excerpt, .wp-block-query .hentry__title+.hentry__excerpt { margin: .5rem 0 } .featured-article__title, .wp-block-query .hentry__title { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } .audio-transcript-wrapper .wp-block-details .featured-article__title summary, .audio-transcript-wrapper .wp-block-details .wp-block-query .hentry__title summary, .featured-article__title .audio-transcript-wrapper .wp-block-details summary, .featured-article__title a, .wp-block-query .hentry__title .audio-transcript-wrapper .wp-block-details summary, .wp-block-query .hentry__title a { font-weight: 700; /* 500*/ } .audio-transcript-wrapper .wp-block-details .featured-article__title summary:not(:hover):not(:focus), .audio-transcript-wrapper .wp-block-details .wp-block-query .hentry__title summary:not(:hover):not(:focus), .featured-article__title .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .featured-article__title a:not(:hover):not(:focus), .wp-block-query .hentry__title .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .wp-block-query .hentry__title a:not(:hover):not(:focus) { text-decoration: none } .audio-transcript-wrapper .wp-block-details .featured-article.has-post-thumbnail .hentry__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .wp-block-query .hentry.has-post-thumbnail .hentry__title summary:before, .audio-transcript-wrapper .wp-block-details .wp-block-query .hentry__image+.featured-article__content .featured-article__title summary:before, .featured-article.has-post-thumbnail .hentry__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-article.has-post-thumbnail .hentry__title a:before, .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-article__image+.featured-article__content .featured-article__title a:before, .wp-block-query .hentry.has-post-thumbnail .hentry__title .audio-transcript-wrapper .wp-block-details summary:before, .wp-block-query .hentry.has-post-thumbnail .hentry__title a:before, .wp-block-query .hentry__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .wp-block-query .hentry__image+.featured-article__content .featured-article__title a:before { bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; right: auto; top: 0; width: 100%; width: min(30cqw, 7.125rem) } .audio-transcript-wrapper .wp-block-details .featured-article summary:not(.featured-article__title a):not(.featured-article__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .featured-article__title summary):not(.hentry__title a):not(.hentry__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .hentry__title summary), .audio-transcript-wrapper .wp-block-details .wp-block-query .hentry summary:not(.featured-article__title a):not(.featured-article__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .featured-article__title summary):not(.hentry__title a):not(.hentry__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .hentry__title summary), .featured-article .audio-transcript-wrapper .wp-block-details summary:not(.featured-article__title a):not(.featured-article__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .featured-article__title summary):not(.hentry__title a):not(.hentry__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .hentry__title summary), .featured-article a:not(.featured-article__title a):not(.featured-article__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .featured-article__title summary):not(.hentry__title a):not(.hentry__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .hentry__title summary), .wp-block-query .hentry .audio-transcript-wrapper .wp-block-details summary:not(.featured-article__title a):not(.featured-article__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .featured-article__title summary):not(.hentry__title a):not(.hentry__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .hentry__title summary), .wp-block-query .hentry a:not(.featured-article__title a):not(.featured-article__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .featured-article__title summary):not(.hentry__title a):not(.hentry__title .audio-transcript-wrapper .wp-block-details summary):not(.audio-transcript-wrapper .wp-block-details .hentry__title summary) { position: relative; z-index: 1 } .featured-article__category, .wp-block-query .hentry__category { display: block; font-size: clamp(.63rem, .36vw + .54rem, .88rem); font-weight: 700; letter-spacing: .105rem; line-height: var(--wp--custom--line-height--medium); margin-bottom: clamp(.5rem, .54vw + .37rem, .88rem); text-transform: uppercase; width: -moz-fit-content; width: fit-content } .featured-article__category:not(:hover):not(:focus), .wp-block-query .hentry__category:not(:hover):not(:focus) { text-decoration: none } .featured-article__image, .wp-block-query .hentry__image { display: flex; flex: 0 0 min(30cqw, 7.125rem); justify-content: center; margin: 0; position: static } .featured-article__image img, .wp-block-query .hentry__image img { height: auto; width: 100% } .featured-article__excerpt, .wp-block-query .hentry__excerpt { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--base) } .featured-article__excerpt .author, .featured-article__excerpt .categories, .wp-block-query .hentry__excerpt .author, .wp-block-query .hentry__excerpt .categories { display: block } .featured-article__excerpt .author, .wp-block-query .hentry__excerpt .author { font-size: clamp(.75rem, .36vw + .67rem, 1rem) } .featured-article__excerpt .author:is(.is-post-type-books .author):before, .wp-block-query .hentry__excerpt .author:is(.is-post-type-books .author):before { content: "by " } .featured-article__excerpt .categories, .wp-block-query .hentry__excerpt .categories { color: #726a5b; color: var(--color-grey-dark); font-size: clamp(.75rem, .18vw + .71rem, .88rem); padding-top: clamp(.25rem, .36vw + .17rem, .5rem) } .featured-article__series.series-badge__header, .wp-block-query .hentry__series.series-badge__header { align-items: flex-start; max-width: 100% } .featured-article__series.series-badge__header.no-series-logo .series-badge__logo, .wp-block-query .hentry__series.series-badge__header.no-series-logo .series-badge__logo { margin-top: .125rem } .featured-article__meta, .wp-block-query .hentry__meta { color: #726a5b; color: var(--color-grey-dark); -moz-column-gap: .5rem; column-gap: .5rem; display: flex; flex-wrap: wrap; font-size: var(--wp--preset--font-size--small); line-height: var(--wp--custom--line-height--base); margin-bottom: 0 } .featured-article__date, .featured-article__meta .format-icon, .featured-article__reading-time, .wp-block-query .hentry__date, .wp-block-query .hentry__meta .format-icon, .wp-block-query .hentry__reading-time { margin: 0 } .featured-article .format-icon~.featured-article__date, .featured-article .format-icon~.featured-article__reading-time, .featured-article__date+.featured-article__reading-time, .featured-article__date+.format-icon, .featured-article__date+.hentry__reading-time, .featured-article__reading-time+.format-icon, .wp-block-query .hentry .format-icon~.featured-article__date, .wp-block-query .hentry .format-icon~.featured-article__reading-time, .wp-block-query .hentry__date+.featured-article__reading-time, .wp-block-query .hentry__date+.format-icon, .wp-block-query .hentry__date+.hentry__reading-time, .wp-block-query .hentry__reading-time+.format-icon { -moz-column-gap: .5rem; column-gap: .5rem; display: inline-flex } .featured-article .format-icon~.featured-article__date:before, .featured-article .format-icon~.featured-article__reading-time:before, .featured-article__date+.featured-article__reading-time:before, .featured-article__date+.format-icon:before, .featured-article__date+.hentry__reading-time:before, .featured-article__reading-time+.format-icon:before, .wp-block-query .hentry .format-icon~.featured-article__date:before, .wp-block-query .hentry .format-icon~.featured-article__reading-time:before, .wp-block-query .hentry__date+.featured-article__reading-time:before, .wp-block-query .hentry__date+.format-icon:before, .wp-block-query .hentry__date+.hentry__reading-time:before, .wp-block-query .hentry__reading-time+.format-icon:before { color: #a51c30; color: var(--primary-page-color-ui); content: "■" } .wp-block-query .hentry, .wp-block-query>ul>li { justify-content: space-between } .wp-block-query .hentry { gap: clamp(1rem, 1.44vw + .66rem, 2rem); margin-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); padding-bottom: clamp(1rem, 1.44vw + .66rem, 2rem) } .wp-block-query .hentry:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0 } @media (min-width:48.875rem) { .wp-block-query .hentry__title { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } } .wp-block-query .hentry__image { flex-basis: 30cqw; max-height: 13.8125rem; max-width: 13.8125rem } .wp-block-query .hentry__image img { height: auto; max-height: 100%; max-width: 100%; -o-object-fit: contain !important; object-fit: contain !important; width: auto } .audio-transcript-wrapper .wp-block-details .wp-block-query .hentry.has-post-thumbnail .hentry__title summary:before, .wp-block-query .hentry.has-post-thumbnail .hentry__title .audio-transcript-wrapper .wp-block-details summary:before, .wp-block-query .hentry.has-post-thumbnail .hentry__title a:before { left: auto; max-height: 13.8125rem; right: 0; width: min(30cqw, 13.8125rem) } .featured-articles.is-style-large-landscape:not(.wp-block) ul, .featured-articles.is-style-large-portrait:not(.wp-block) ul, .featured-articles.is-style-large-square:not(.wp-block) ul, .featured-articles.is-style-wide-single:not(.wp-block) ul { grid-column-gap: clamp(1rem, 1.44vw + .66rem, 2rem); -moz-column-gap: clamp(1rem, 1.44vw + .66rem, 2rem); column-gap: clamp(1rem, 1.44vw + .66rem, 2rem); display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: min-content 1fr } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__title, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__title, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type .featured-article__title, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article:first-of-type .featured-article__title { font-size: var(--wp--preset--font-size--h-2-title); line-height: var(--wp--custom--line-height--snug) } @media (max-width:74.9375rem) { .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article { display: block } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__image, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__image, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__image, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image { aspect-ratio: 1/1; margin-bottom: .5rem; width: 100% } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__image img, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__image img, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__image img, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image img { -o-object-fit: cover; object-fit: cover } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before { aspect-ratio: 1/1; bottom: auto; height: auto; width: 100% } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__content, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__content, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__content, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__content { margin: 0 } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article:first-of-type { display: block; grid-column: 1/span 2 } } @media (min-width:75rem) { .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:not(:first-of-type), .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:not(:first-of-type), .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:not(:first-of-type), .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article:not(:first-of-type) { -moz-column-gap: clamp(1rem, 1.44vw + .66rem, 2rem); column-gap: clamp(1rem, 1.44vw + .66rem, 2rem); margin-top: 2rem } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:not(:first-of-type)>*, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:not(:first-of-type)>*, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:not(:first-of-type)>*, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article:not(:first-of-type)>* { flex: 1 1 } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article:not(:first-of-type) .featured-article__image+.featured-article__content .featured-article__title a:before { right: auto; width: calc(50% - clamp(1rem, 1.44vw + .66rem, 2rem)/2) } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__title, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__title, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__title, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__title { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__meta, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__series.series-badge__header, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__title, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__title+.featured-article__excerpt, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__meta, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__series.series-badge__header, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__title, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__title+.featured-article__excerpt, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__meta, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__series.series-badge__header, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__title, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__title+.featured-article__excerpt, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__meta, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__series.series-badge__header, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__title, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__title+.featured-article__excerpt { margin: 1rem 0 } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article__meta, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article__meta, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article__meta, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__meta { margin-bottom: 0 } } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__image, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title a:before { aspect-ratio: 100/67; bottom: auto; height: auto; width: 100% } @media (min-width:75rem) { .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type { display: block; grid-column: 1/span 2 } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__image { margin-bottom: 2rem; width: 100% } .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__image img { -o-object-fit: cover; object-fit: cover } .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type { grid-column-gap: inherit; -moz-column-gap: inherit; column-gap: inherit; display: grid; grid-column: 1/span 2; grid-template-columns: inherit } .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type>* { flex: 1 1 } .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type .featured-article__image { aspect-ratio: 1/1 } .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type .featured-article__image img { -o-object-fit: cover; object-fit: cover } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title a:before { aspect-ratio: 1/1; right: auto; width: auto } .featured-articles.is-style-large-square:not(.wp-block) ul .featured-article:first-of-type .featured-article__content:only-child { grid-column: 1/span 2 } .featured-articles.is-style-large-portrait:not(.wp-block) ul { align-content: start; align-items: start } .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:nth-of-type(2) { display: block; margin-top: 0 } .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__image, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:nth-of-type(2) .featured-article__image { aspect-ratio: 16/9; margin-bottom: 2rem; width: 100% } .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__image img, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:nth-of-type(2) .featured-article__image img { -o-object-fit: cover; object-fit: cover } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:nth-of-type(2) .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:nth-of-type(2) .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:nth-of-type(2) .featured-article__image+.featured-article__content .featured-article__title a:before { aspect-ratio: 16/9; bottom: auto; height: auto; width: 100% } .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type { grid-row: 1/span 2 } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__image, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-large-portrait:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title a:before { aspect-ratio: 61/100 } } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article, .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article, .featured-articles.is-style-image-above-title:not(.wp-block) ul .featured-article, .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article { display: block } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image, .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image, .featured-articles.is-style-image-above-title:not(.wp-block) ul .featured-article__image, .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__image, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image { aspect-ratio: 100/67; overflow: hidden; width: 100% } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image img, .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image img, .featured-articles.is-style-image-above-title:not(.wp-block) ul .featured-article__image img, .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__image img, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image img { -o-object-fit: cover; object-fit: cover } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-image-above-title:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-image-above-title:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-image-above-title:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before { aspect-ratio: 100/67; bottom: auto; height: auto; width: 100% } .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article:last-of-type, .featured-articles.is-style-image-above-title:not(.wp-block) ul .featured-article:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image, .featured-articles.is-style-image-above-title:not(.wp-block) ul .featured-article__image { margin-bottom: clamp(.5rem, .72vw + .33rem, 1rem) } .featured-articles.is-style-grid-list:not(.wp-block) ul { grid-column-gap: clamp(1rem, 1.44vw + .66rem, 2rem); grid-row-gap: clamp(1rem, .72vw + .83rem, 1.5rem); display: grid; grid-template-columns: repeat(auto-fit, minmax(13.8125rem, 1fr)) } @media (max-width:48.8125rem) { .featured-articles.is-style-grid-list:not(.wp-block) ul { display: flex; flex-direction: column } } .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article { border-bottom: 0; margin: 0; padding-bottom: 0 } @media (max-width:48.8125rem) { .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article { display: flex } .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image { margin: 0 } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before { right: auto; width: min(30cqw, 7.125rem) } } @media (min-width:48.875rem) { .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article:only-child:not(.is-content-justification-center .featured-article) { display: flex } .featured-articles.is-style-grid-list:not(.wp-block) ul .featured-article:only-child:not(.is-content-justification-center .featured-article) .featured-article__image { flex-basis: calc(50% - .5rem); max-width: 21.75rem } } .featured-articles.is-style-grid-list:not(.wp-block).is-post-type-books .featured-article { align-items: center } .featured-articles.is-style-grid-list:not(.wp-block).is-post-type-books .featured-article__image { aspect-ratio: 0; background-color: #faedda; background-color: var(--color-sand); box-sizing: border-box; overflow: hidden } @media (max-width:48.875rem) { .featured-articles.is-style-grid-list:not(.wp-block).is-post-type-books .featured-article__image { flex-basis: 5rem } .featured-articles.is-style-grid-list:not(.wp-block).is-post-type-books .featured-article__image img { height: auto; width: 100% } } @media (min-width:48.875rem) { .featured-articles.is-style-grid-list:not(.wp-block).is-post-type-books .featured-article__image { aspect-ratio: 100/67; padding: .5rem } .featured-articles.is-style-grid-list:not(.wp-block).is-post-type-books .featured-article__image img { height: 100%; -o-object-fit: initial; object-fit: fill; width: auto } } .featured-articles.is-style-grid-list:not(.wp-block).is-post-type-books .featured-article__title { margin: 0 0 clamp(.25rem, .36vw + .17rem, .5rem) } .featured-articles.is-style-grid-list:not(.wp-block).is-post-type-books .featured-article__excerpt { margin: clamp(.25rem, .36vw + .17rem, .5rem) 0 } .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article { border-bottom: none; margin-bottom: 0 } .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__content { background-color: #faedda; background-color: var(--color-sand); padding: clamp(1rem, 1.44vw + .66rem, 2rem) } @media (min-width:48.875rem) { .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article { padding-bottom: .03125rem } .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__image { margin-bottom: var(--wp--preset--spacing--64); max-width: calc(100% - var(--wp--preset--spacing--64)) } .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__image+.featured-article__content { bottom: 0; box-sizing: border-box; max-width: 23.5625rem; min-height: min(23.5625rem, calc(100% - var(--wp--preset--spacing--64))); min-width: 16.875rem; position: absolute; right: 0; width: 60% } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__title summary:before, .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__title a:before { display: none } } .has-neutral-sand-background-color .featured-articles.is-style-stacked-promo:not(.wp-block) ul .featured-article__content { background-color: #fffbf4; background-color: var(--color-sand-light) } .featured-articles.is-style-wide-single:not(.wp-block) ul { display: block } @media (min-width:48.875rem) { .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image { aspect-ratio: 100/53 } .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image:after { background: linear-gradient(transparent, rgba(0, 0, 0, .55) 50%, rgba(0, 0, 0, .8)); background: linear-gradient(transparent, var(--color-black-55) 50%, var(--color-black-80) 100%); bottom: 0; content: ""; display: block; height: 100%; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 100% } .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__content { bottom: 0; left: 0; max-width: 51.25rem; padding: var(--wp--preset--spacing--48); position: absolute } .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image+.featured-article__content, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__meta { color: #fff; color: var(--color-white) } .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__image+.featured-article__content .format-icon img { filter: grayscale(1) brightness(5) } .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__title { font-size: var(--wp--preset--font-size--h-1-title); line-height: var(--wp--custom--line-height--tight) } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__title summary:before, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__title a:before { display: none } .featured-articles.is-style-wide-single:not(.wp-block) ul .featured-article__meta { color: #fff; color: var(--color-white) } } .featured-articles.is-style-wide-single:not(.wp-block).is-style-drop-shadow { --image-box-shadow-width: 1rem } @media (max-width:48.8125rem) { .featured-articles.is-style-wide-single:not(.wp-block).is-style-drop-shadow .featured-article__content { color: #000; color: var(--color-black) } } @media (min-width:48.875rem) { .featured-articles.is-style-wide-single:not(.wp-block).is-style-drop-shadow .featured-article__content { margin-bottom: var(--image-box-shadow-width) } .featured-articles.is-style-wide-single:not(.wp-block).is-style-drop-shadow .featured-article__image img { box-shadow: var(--image-box-shadow-width) var(--image-box-shadow-width) currentColor; margin-bottom: var(--image-box-shadow-width); margin-right: var(--image-box-shadow-width); margin-top: 0; width: calc(100% - var(--image-box-shadow-width)) } .featured-articles.is-style-wide-single:not(.wp-block).is-style-drop-shadow .featured-article__image:after { height: calc(100% - var(--image-box-shadow-width)); width: calc(100% - var(--image-box-shadow-width)) } } .featured-articles.is-style-image-spotlight-list:not(.wp-block) ul .featured-article, .featured-articles.is-style-spotlight-list:not(.wp-block) ul .featured-article { margin-bottom: 1rem; margin-top: 1rem; padding-bottom: 1rem } .featured-articles.is-style-image-spotlight-list:not(.wp-block) ul .featured-article:last-of-type, .featured-articles.is-style-spotlight-list:not(.wp-block) ul .featured-article:last-of-type { border-bottom: none; margin-bottom: 0 } .featured-articles.is-style-image-spotlight-list:not(.wp-block) ul .featured-article__title, .featured-articles.is-style-spotlight-list:not(.wp-block) ul .featured-article__title { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium); margin: 0 } .featured-articles.is-style-image-spotlight-list:not(.wp-block) ul .featured-article:first-of-type { display: block } .featured-articles.is-style-image-spotlight-list:not(.wp-block) ul .featured-article:first-of-type .featured-article__image { aspect-ratio: 100/67; margin-bottom: 1rem; width: 100% } .featured-articles.is-style-image-spotlight-list:not(.wp-block) ul .featured-article:first-of-type .featured-article__image img { -o-object-fit: cover; object-fit: cover } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-image-spotlight-list:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-image-spotlight-list:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-image-spotlight-list:not(.wp-block) ul .featured-article:first-of-type .featured-article__image+.featured-article__content .featured-article__title a:before { aspect-ratio: 100/67; bottom: auto; height: auto; width: 100% } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article { border-bottom: none; margin-top: 0; padding-bottom: 0 } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image { margin-bottom: 1rem } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before { width: calc(100% - 1rem) } @media (min-width:48.875rem) { .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)) { display: flex } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)):not(:is(.related-series *)) { margin-bottom: 1.5rem; padding-right: 0 } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)):last-of-type { margin-bottom: 0 } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)) .featured-article__image { margin-bottom: 0 } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)) .featured-article__image:not(:is(.related-series *)) { flex-basis: min(36.72%, 13.8125rem) } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)) .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)) .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)) .featured-article__image+.featured-article__content .featured-article__title a:before { width: min(36.72%, 13.8125rem) } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)) .featured-article__title { margin-top: 0 } .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article:not(:is(.carousel-on-desktop *)) .featured-article__excerpt { margin-bottom: 0 } } @media (min-width:48.875rem) { .audio-transcript-wrapper .wp-block-details .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__title summary:before, .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__title a:before { bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } .audio-transcript-wrapper .wp-block-details .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__title summary:focus-visible, .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__title .audio-transcript-wrapper .wp-block-details summary:focus-visible, .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__title a:focus-visible { outline: 0; text-decoration: none } .audio-transcript-wrapper .wp-block-details .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__title summary:focus-visible:before, .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__title .audio-transcript-wrapper .wp-block-details summary:focus-visible:before, .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__title a:focus-visible:before { outline: 2px solid currentColor; outline-offset: 3px } } @media (min-width:48.875rem) { .audio-transcript-wrapper .wp-block-details .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .mega-menu .featured-articles.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before { aspect-ratio: auto; height: 100%; width: 100% } } .featured-articles.is-style-card-carousel.wp-block .featured-articles__title:before { display: none } .featured-articles--card-carousel, .upcoming-events__card-carousel { container: featured-articles-carousel/inline-size } .featured-articles--card-carousel .carousel__heading, .upcoming-events__card-carousel .carousel__heading { -webkit-margin-after: clamp(1rem, .72vw + .83rem, 1.5rem); -webkit-margin-before: 0; margin-block-end: clamp(1rem, .72vw + .83rem, 1.5rem); margin-block-start: 0; text-align: left } @media (max-width:48.8125rem) { .featured-articles--card-carousel .carousel__heading, .upcoming-events__card-carousel .carousel__heading { margin-left: 0; width: calc(100% - 8.125rem) } } .featured-articles--card-carousel .splide.is-active, .upcoming-events__card-carousel .splide.is-active { margin-bottom: 0 } .featured-articles--card-carousel .splide__list, .upcoming-events__card-carousel .splide__list { gap: 0 } .featured-articles--card-carousel .splide__slide, .upcoming-events__card-carousel .splide__slide { padding-right: 1rem } .featured-articles--card-carousel .splide__slide:is(.carousel-on-desktop *), .upcoming-events__card-carousel .splide__slide:is(.carousel-on-desktop *) { width: min(90%, 18.6875rem) !important } @media (max-width:48.8125rem) { .featured-articles--card-carousel .splide__slide, .upcoming-events__card-carousel .splide__slide { width: min(90%, 18.6875rem) !important } } .featured-articles--card-carousel .splide.is-active .featured-articles.is-post-type-books .splide__slide, .upcoming-events__card-carousel .splide.is-active .featured-articles.is-post-type-books .splide__slide { width: min(85%, 23.75rem) !important } .featured-articles--card-carousel .splide.is-active .featured-articles.is-post-type-books .splide__slide:not(:last-child), .upcoming-events__card-carousel .splide.is-active .featured-articles.is-post-type-books .splide__slide:not(:last-child) { margin-right: 1rem } @container featured-articles-carousel (width < 48.875rem) { .featured-articles--card-carousel .splide__arrows, .upcoming-events__card-carousel .splide__arrows { display: flex; height: 2.5rem; margin-bottom: 1.25rem; right: 1rem; width: 6rem } .featured-articles--card-carousel .splide__arrow, .upcoming-events__card-carousel .splide__arrow { background-position: 50%; background-size: 150%; height: 2.5rem; width: 2.5rem } } .featured-articles--card-carousel .splide__pagination, .upcoming-events__card-carousel .splide__pagination { display: none } @media (max-width:48.8125rem) { .featured-articles--card-carousel:not(.related-series--card-carousel) { margin-right: calc(var(--wp--style--root--padding-right)*-1) !important } } .featured-articles--card-carousel:not(.related-series--card-carousel) .carousel__heading { margin-left: 0; margin-right: 0; padding: 0 !important } @media (min-width:48.875rem) { .featured-articles--card-carousel:not(.related-series--card-carousel).carousel-on-desktop .carousel__heading { margin-left: 0; width: calc(100% - 7.125rem) } } .featured-articles--card-carousel:not(.related-series--card-carousel) .splide.is-active .splide__track { padding-left: 0 !important } @media (min-width:48.875rem) { .featured-articles--card-carousel:not(.related-series--card-carousel).carousel-on-desktop .splide.is-active .splide__track { padding-right: 0 !important } .featured-articles--card-carousel:not(.related-series--card-carousel).carousel-on-desktop .splide__arrows { margin-bottom: 2rem; right: 0 } } .featured-articles--card-carousel:not(.related-series--card-carousel) .splide:not(.is-active) .splide__list { display: block } @media (min-width:48.875rem) { .featured-articles--card-carousel:not(.related-series--card-carousel):not(:is(.carousel-on-desktop)) .splide__list, .featured-articles--card-carousel:not(.related-series--card-carousel):not(:is(.carousel-on-desktop)) .splide__track { overflow: visible !important } .featured-articles--card-carousel:not(.related-series--card-carousel):not(:is(.carousel-on-desktop)) .splide__arrows { display: none } } .featured-articles.is-style-large-landscape:not(.wp-block) .featured-article__image img, .featured-articles.is-style-large-portrait:not(.wp-block) .featured-article__image img, .featured-articles.is-style-large-square:not(.wp-block) .featured-article__image img { display: none } .featured-articles.is-style-large-landscape:not(.wp-block) .featured-article__image img+img, .featured-articles.is-style-large-portrait:not(.wp-block) .featured-article__image img+img, .featured-articles.is-style-large-square:not(.wp-block) .featured-article__image img+img { display: block } @media (min-width:75rem) { .featured-articles.is-style-large-landscape:not(.wp-block) .featured-article__image img, .featured-articles.is-style-large-portrait:not(.wp-block) .featured-article__image img, .featured-articles.is-style-large-square:not(.wp-block) .featured-article__image img { display: block } .featured-articles.is-style-large-landscape:not(.wp-block) .featured-article__image img+img, .featured-articles.is-style-large-portrait:not(.wp-block) .featured-article__image img+img, .featured-articles.is-style-large-square:not(.wp-block) .featured-article__image img+img { display: none } } .featured-articles.is-style-book-carousel, .featured-articles.is-style-book-list, .featured-articles.is-style-book-list-sand { --featured-article-image-width: clamp(4rem, 2.88vw + 3.33rem, 6rem); container: featured-articles/inline-size } .featured-articles.is-style-book-carousel .featured-article, .featured-articles.is-style-book-list .featured-article, .featured-articles.is-style-book-list-sand .featured-article { gap: 1rem } @container featured-articles (width>21.75rem) { .featured-articles.is-style-book-carousel .featured-article, .featured-articles.is-style-book-list .featured-article, .featured-articles.is-style-book-list-sand .featured-article { --featured-article-image-width: clamp(5rem, 4.31vw + 3.99rem, 8rem); gap: clamp(1rem, .72vw + .83rem, 1.5rem) } } .featured-articles.is-style-book-carousel .featured-article__image, .featured-articles.is-style-book-list .featured-article__image, .featured-articles.is-style-book-list-sand .featured-article__image { flex-basis: var(--featured-article-image-width) } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-book-carousel .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-book-list .featured-article__image+.featured-article__content .featured-article__title summary:before, .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-book-list-sand .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-book-carousel .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-book-carousel .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-book-list .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-book-list .featured-article__image+.featured-article__content .featured-article__title a:before, .featured-articles.is-style-book-list-sand .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-book-list-sand .featured-article__image+.featured-article__content .featured-article__title a:before { width: var(--featured-article-image-width) } .featured-articles.is-style-book-carousel .featured-article__title, .featured-articles.is-style-book-list .featured-article__title, .featured-articles.is-style-book-list-sand .featured-article__title { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } .featured-articles.is-style-book-carousel .featured-article:only-child, .featured-articles.is-style-book-list .featured-article:only-child, .featured-articles.is-style-book-list-sand .featured-article:only-child { border-bottom: none } @container featured-articles (width>21.75rem) { .featured-articles.is-style-book-carousel .featured-article:only-child, .featured-articles.is-style-book-list .featured-article:only-child, .featured-articles.is-style-book-list-sand .featured-article:only-child { --featured-article-image-width: clamp(5rem, 13.03vw + 1.95rem, 14.06rem) } .featured-articles.is-style-book-carousel .featured-article:only-child .featured-article__title, .featured-articles.is-style-book-list .featured-article:only-child .featured-article__title, .featured-articles.is-style-book-list-sand .featured-article:only-child .featured-article__title { font-size: var(--wp--preset--font-size--h-4-title) } } .featured-articles--card-carousel .splide:not(.is-active) .featured-articles.is-style-book-carousel .featured-article { margin-bottom: clamp(1rem, .72vw + .83rem, 1.5rem); margin-top: clamp(1rem, .72vw + .83rem, 1.5rem) } .featured-articles.is-style-book-list .featured-article:only-child { padding-bottom: 0 } .featured-articles.is-style-book-list-sand .featured-articles__title:before { display: none } .featured-articles.is-style-book-list-sand .featured-article { background-color: #faedda; background-color: var(--color-sand); border-bottom: none; padding: 1rem } .audio-transcript-wrapper .wp-block-details .featured-articles.is-style-book-list-sand .featured-article .featured-article__image+.featured-article__content .featured-article__title summary:before, .featured-articles.is-style-book-list-sand .featured-article .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .featured-articles.is-style-book-list-sand .featured-article .featured-article__image+.featured-article__content .featured-article__title a:before { padding-right: clamp(1.5rem, .72vw + 1.33rem, 2rem) } @container featured-articles (width>21.75rem) { .featured-articles.is-style-book-list-sand.is-style-book-carousel .featured-article { padding: clamp(1rem, .72vw + .83rem, 1.5rem) } .featured-articles.is-style-book-list-sand:not(.is-style-book-carousel) .featured-article { padding: clamp(1.5rem, .72vw + 1.33rem, 2rem) } } .has-neutral-sand-background-color .featured-articles.is-style-book-list-sand .featured-article { background-color: #fffbf4; background-color: var(--color-sand-light) } .featured-articles.is-style-book-carousel .featured-article__title { font-size: var(--wp--preset--font-size--h-6-title); line-height: var(--wp--custom--line-height--medium) } .featured-articles.is-style-book-carousel .featured-article__excerpt .author { font-size: clamp(.75rem, .18vw + .71rem, .88rem) } .format-icon { display: flex; font-size: var(--wp--preset--font-size--small); gap: .375rem; line-height: var(--wp--custom--line-height--base) } .format-icon img { height: 1.5rem; margin: clamp(-.25rem, .27vw + -.31rem, -.06rem); width: auto } .image-scroll-replace { display: grid; grid-template-columns: auto; grid-template-rows: auto; position: relative } @media (min-width:75rem) { .image-scroll-replace:is(.is-content-justification-center>:not(.alignwide):not(.alignfull)) { margin-left: calc((100% - var(--contentCol-width))/2) !important; margin-right: calc((100% - var(--contentCol-width))/2) !important } } .image-scroll-replace:is(.supporting-content .image-scroll-replace) { --content-height: min(var(--min-height), calc(var(--available-height) - var(--supportingCol-margin)*2)) } .image-scroll-replace:has(.wp-block-image figcaption) { --content-height: min(var(--min-height), calc(var(--available-height) - 5rem)) } .image-scroll-replace:has(.wp-block-image figcaption):is(.supporting-content .image-scroll-replace) { --content-height: min(var(--min-height), calc(var(--available-height) - var(--supportingCol-margin) - 5rem)) } .image-scroll-replace .inner-block-slider .wp-block-image, .image-scroll-replace>.wp-block-image { display: grid; grid-template-rows: max-content 1fr; justify-content: center } .image-scroll-replace .inner-block-slider .wp-block-image:is(.image-scroll-replace--side-by-side .wp-block-image), .image-scroll-replace>.wp-block-image:is(.image-scroll-replace--side-by-side .wp-block-image) { justify-content: stretch } .image-scroll-replace .inner-block-slider .wp-block-image img, .image-scroll-replace>.wp-block-image img { max-height: var(--content-height); -o-object-fit: cover; object-fit: cover; width: 100% } .image-scroll-replace .media-selector { background-color: #fffbf4; background-color: var(--color-sand-light); grid-column: 1/span 1; grid-row: 1/span 1; margin: 0 } @media (min-width:75rem) { .image-scroll-replace.image-scroll-replace--side-by-side { display: flex } .image-scroll-replace.image-scroll-replace--side-by-side .media-selector { flex: 1 1 } .image-scroll-replace.image-scroll-replace--side-by-side figcaption { padding: 0 1rem } } .immersive { display: grid; grid-template-columns: auto auto; grid-template-rows: var(--content-height) 1fr; position: relative } .immersive.has-media-caption { --content-height: min(var(--min-height), calc(var(--available-height) - 5rem)) } .immersive.alignfull { width: 100vw } .immersive .wp-element-caption { grid-column: 1/span 2 } .immersive--image, .immersive--scroll-content { grid-column: 1/span 2; grid-row: 1/span 1; margin: 0; width: 100% } .immersive--image { overflow: hidden; position: relative; z-index: 0 } .immersive--image.alignfull, .immersive--image.alignwide { margin: 0 } .immersive--image:after { background-color: rgba(0, 0, 0, .55); background-color: var(--color-black-55); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1 } .immersive img, .immersive.wp-block-video iframe, .immersive.wp-block-video video { display: block; height: 100% !important; -o-object-fit: cover; object-fit: cover; width: 100% !important } .immersive:not(.has-background):not(.has-text-color) .immersive--image+.immersive--scroll-content { color: #fff; color: var(--color-white) } .immersive:not(.has-background):not(.has-text-color) .immersive--image+.immersive--scroll-content .has-background, .immersive:not(.has-background):not(.has-text-color) .immersive--image+.immersive--scroll-content .is-style-colored, .immersive:not(.has-background):not(.has-text-color) .immersive--image+.immersive--scroll-content .is-style-sand { color: #000; color: initial } .immersive:not(.has-background) .immersive--scroll-content:first-child { background-color: #faedda; background-color: var(--color-sand) } .immersive--scroll-content { display: flex; flex-direction: column; overflow: scroll; z-index: 1 } .immersive--scroll-content:not(:has(.is-layout-constrained)) { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size); padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); width: calc(100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)) } .immersive--scroll-content-item { background-position: 50%; display: flex; flex: 0 0 100%; flex-direction: column; grid-column: 1/span 1; grid-row: 1/span 1; justify-content: center; margin-block: 0; width: 100% } .immersive--scroll-content-item.is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size); padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); width: calc(100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)) } .immersive .video-ambient-controls { z-index: 2 } .immersive.wp-block-video { --button-row-height: calc(var(--button-margin)*2 + var(--button-width)); grid-template-rows: calc(var(--content-height) - var(--button-row-height)) var(--button-row-height) 1fr } .immersive.wp-block-video .immersive--image, .immersive.wp-block-video .immersive--scroll-content { grid-row: 1/span 2 } .immersive-pin .immersive, .immersive.wp-block { overflow: hidden } .immersive-pin .immersive--scroll-content, .immersive.wp-block .immersive--scroll-content { display: grid; grid-template-columns: 1fr; grid-template-rows: var(--content-height); overflow: visible } .media-selector { font-size: var(--wp--preset--font-size--normal) } .media-selector img, .media-selector video { height: auto; max-width: 100% } .mega-menu { flex: 0 0 auto; font-family: var(--wp--preset--font-family--sanomat); font-size: 1.125rem; font-weight: 500; line-height: 1; position: static } @media (max-width:48.8125rem) { .mega-menu { margin-right: calc(var(--wp--style--root--padding-right)*-1) !important } } .mega-menu__nav { display: flex; flex-wrap: wrap; gap: 0; list-style-type: none; margin: 0; padding: 0; position: static } .audio-transcript-wrapper .wp-block-details .mega-menu__nav summary:not(:hover):not(:focus), .mega-menu__nav .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .mega-menu__nav a:not(:hover):not(:focus) { text-decoration: none } .mega-menu__nav li { margin: 0 } .mega-menu__nav .block-list-appender { position: static } .mega-menu-item { align-content: space-around; align-items: center; display: flex; position: static } .mega-menu-item:after, .mega-menu-item:before { border-right: 1px solid #b9b8ad; border-right: 1px solid var(--color-grey); content: ""; height: 1.5rem; margin-right: -.0625rem; position: relative } .mega-menu-item:after { margin-left: -.0625rem; margin-right: 0 } @media (max-width:48.8125rem) { .mega-menu-item:after { display: none } } .mega-menu-item+.mega-menu-item { margin-left: -1px } .mega-menu-item__dropdown { background-color: rgba(0, 0, 0, .5); display: none; height: calc(100vh - clamp(5rem, 2.88vw + 4.33rem, 7rem)); height: calc(100vh - clamp(5rem, 2.88vw + 4.33rem, 7rem) - var(--wp-admin--admin-bar--height, 0px)); left: 0; overflow: scroll; position: absolute; top: clamp(5rem, 2.88vw + 4.33rem, 7rem); width: 100% } .mega-menu-item__dropdown-inner { background-color: #faedda; background-color: var(--color-sand); box-shadow: 0 .25rem 1rem -.5rem rgba(0, 0, 0, .75); min-height: 2rem; padding: clamp(2rem, 2.96vw + 1.31rem, 4.06rem) var(--wp--style--root--padding-right) clamp(2rem, .72vw + 1.83rem, 2.5rem) var(--wp--style--root--padding-left) } .mega-menu-item__button { background-color: transparent; border: .0625rem solid transparent; box-shadow: none; cursor: pointer; font-family: var(--wp--preset--font-family--sanomat); font-size: 1.125rem; font-weight: 500; height: clamp(5rem, 2.88vw + 4.33rem, 7rem); line-height: 1; margin-bottom: -1px; padding: 1.25rem .875rem; z-index: 2 } .mega-menu-item__button:focus-visible { outline: 0; text-decoration: none } .mega-menu-item__button:focus-visible>span { outline: 2px solid currentColor; outline-offset: -3px } @media (max-width:48.8125rem) { .mega-menu-item__button { padding: 1.0625rem } } .mega-menu-item__button-contents { align-items: center; display: flex; padding: .25rem .375rem 0 } .mega-menu-item__button img { height: 2rem !important; width: 2rem !important } @media (min-width:48.875rem) { .mega-menu-item__button img { margin-left: -.625rem; margin-top: -.125rem } } .mega-menu-item__button .mega-menu-item__close { display: none } .mega-menu-item__button .block-editor-rich-text__editable:has(img) { display: flex } @media (max-width:48.8125rem) { .mega-menu-item.main-navigation:before { display: none } } .mega-menu-item__text { align-items: center } @media (max-width:48.8125rem) { .mega-menu-item__text { display: none } } .mega-menu-item--selected .mega-menu-item__button { background-color: #faedda; background-color: var(--color-sand); border-bottom: .0625rem solid #faedda; border-bottom: .0625rem solid var(--color-sand); border-left: .0625rem solid #a51c30; border-left: .0625rem solid var(--color-crimson); border-right: .0625rem solid #a51c30; border-right: .0625rem solid var(--color-crimson) } .mega-menu-item--selected .mega-menu-item__button .mega-menu-item__open { display: none } .mega-menu-item--selected .mega-menu-item__button .mega-menu-item__close, .mega-menu-item--selected .mega-menu-item__dropdown { display: block } @media (max-width:48.8125rem) { .mega-menu-item--selected:last-child .mega-menu-item__button { border-right: 0 } } .mega-menu-item:not(.main-navigation) .mega-menu-item__close, .mega-menu-item:not(.main-navigation) .mega-menu-item__open { display: none !important } .mega-menu-item.site-search .mega-menu-item__dropdown-inner { padding-bottom: clamp(2.63rem, 3.05vw + 1.91rem, 4.75rem); padding-top: clamp(1.5rem, 2.16vw + .99rem, 3rem) } @media (min-width:48.875rem) { .mega-menu-item.site-search .mega-menu-item__button { padding-left: .5rem; padding-right: .5rem } } .mega-menu-item.site-search .mega-menu-item__text { -webkit-clip-path: content-box; clip-path: content-box; height: 2rem; width: 2rem } @media (max-width:48.8125rem) { .mega-menu-item.site-search .mega-menu-item__text { display: block } } .mega-menu-item.site-search .mega-menu-item__text img { margin-left: 0 } .mega-menu-item__content { display: inline-table; font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); font-size: clamp(.75rem, .36vw + .67rem, 1rem); line-height: var(--wp--custom--line-height--base); width: 100% } .mega-menu-item__content>* { display: inline } .audio-transcript-wrapper .wp-block-details .mega-menu-item__content h2 summary:not(:hover):not(:focus), .audio-transcript-wrapper .wp-block-details .mega-menu-item__content h3 summary:not(:hover):not(:focus), .mega-menu-item__content h2 .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .mega-menu-item__content h2 a:not(:hover):not(:focus), .mega-menu-item__content h3 .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .mega-menu-item__content h3 a:not(:hover):not(:focus) { text-decoration: none } .mega-menu-item__content h2 { -moz-column-gap: .5rem; column-gap: .5rem; display: flex; font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } .mega-menu-item__content h2:before { display: none } .mega-menu-item__content h2 img { height: clamp(2rem, .72vw + 1.83rem, 2.5rem); margin-left: -.125rem; margin-top: -.25rem; width: auto } .mega-menu-item__content h3 { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } .mega-menu-item__content .wp-block-navigation__container { display: flex; flex-wrap: wrap; font-size: var(--wp--preset--font-size--large); gap: 1rem; line-height: var(--wp--custom--line-height--large); list-style-type: none; margin: 0; padding: 0 } .audio-transcript-wrapper .wp-block-details .mega-menu-item__content .wp-block-navigation__container summary:not(:hover):not(:focus), .mega-menu-item__content .wp-block-navigation__container .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .mega-menu-item__content .wp-block-navigation__container a:not(:hover):not(:focus) { text-decoration: none } .mega-menu-item__content .wp-block-navigation__container li { margin: 0 } .mega-menu-item__content .wp-block-navigation-item__label { align-items: center; display: flex } @media (max-width:48.8125rem) { .mega-menu-item__content .wp-block-navigation-item__label img { display: none } } .mega-menu-item__content .wp-block-navigation .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label:after { transform: translateY(-.125rem) } .mega-menu-item__content .mega-menu-item__topics-nav { color: #a51c30; color: var(--color-crimson); letter-spacing: .12rem; text-transform: uppercase } .mega-menu-item__content .mega-menu-item__columns { margin-bottom: clamp(2rem, 1.44vw + 1.66rem, 3rem) } @media (max-width:48.8125rem) { .mega-menu-item__content .mega-menu-item__columns { row-gap: 0 } } .mega-menu-item__content .mega-menu-item__columns .wp-block-column>* { -webkit-margin-before: clamp(1rem, .72vw + .83rem, 1.5rem); margin-block-start: clamp(1rem, .72vw + .83rem, 1.5rem) } @media (min-width:48.875rem) { .mega-menu-item__content .mega-menu-item__columns .wp-block-column>:first-child { -webkit-margin-before: 0; margin-block-start: 0 } } .mega-menu-item__content .mega-menu-item__columns .wp-block-column>.carousel--cards, .mega-menu-item__content .mega-menu-item__columns .wp-block-column>h2 { -webkit-margin-before: 2rem; border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); margin-block-start: 2rem; padding-top: 2rem } @media (max-width:48.8125rem) { .mega-menu-item__content .mega-menu-item__columns .wp-block-column>.carousel--cards:is(.wp-block-column:first-child h2:first-child), .mega-menu-item__content .mega-menu-item__columns .wp-block-column>h2:is(.wp-block-column:first-child h2:first-child) { -webkit-margin-before: 1rem; border-top: none; margin-block-start: 1rem; padding-top: 0 } } @media (min-width:48.875rem) { .mega-menu-item__content .mega-menu-item__columns .wp-block-column>.carousel--cards:first-child, .mega-menu-item__content .mega-menu-item__columns .wp-block-column>h2:first-child { -webkit-margin-before: 0; border-top: none; margin-block-start: 0; padding-top: 0 } } .mega-menu-item__content .mega-menu-item__columns .wp-block-column>h3+p { -webkit-margin-before: .5rem; margin-block-start: .5rem } .mega-menu-item__content .mega-menu-item__columns .wp-block-column>nav { -webkit-margin-before: 1.5rem; margin-block-start: 1.5rem } @media (min-width:48.875rem) { .mega-menu-item__content .mega-menu-item__columns .wp-block-column:not(:first-of-type) { position: relative } .mega-menu-item__content .mega-menu-item__columns .wp-block-column:not(:first-of-type):before { border-left: 1px solid #b9b8ad; border-left: 1px solid var(--color-grey); bottom: 0; content: ""; display: block; height: 100%; left: 0; margin-left: calc(var(--wp--preset--spacing--64)/-2); position: absolute; right: 0; right: auto; top: 0; width: 100%; width: 0 } } @media (min-width:48.875rem) and (max-width:74.9375rem) { .mega-menu-item__content .mega-menu-item__columns { flex-wrap: wrap !important } .mega-menu-item__content .mega-menu-item__columns .wp-block-column:not(:last-of-type) { flex-grow: 1 !important } .mega-menu-item__content .mega-menu-item__columns .wp-block-column:last-of-type { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); flex-basis: 100% !important; padding-top: var(--wp--preset--spacing--48) } .mega-menu-item__content .mega-menu-item__columns .wp-block-column:last-of-type:before { display: none } } .mega-menu-item__content nav.mega-menu-item__lower-nav { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); padding-top: clamp(2rem, .72vw + 1.83rem, 2.5rem) } .mega-menu-item__content nav.mega-menu-item__lower-nav .wp-block-navigation__container { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--base) } @media (min-width:48.875rem) { .mega-menu-item__content nav.mega-menu-item__lower-nav .wp-block-navigation__container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; list-style-type: none; margin: 0; padding: 0 } .audio-transcript-wrapper .wp-block-details .mega-menu-item__content nav.mega-menu-item__lower-nav .wp-block-navigation__container summary:not(:hover):not(:focus), .mega-menu-item__content nav.mega-menu-item__lower-nav .wp-block-navigation__container .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .mega-menu-item__content nav.mega-menu-item__lower-nav .wp-block-navigation__container a:not(:hover):not(:focus) { text-decoration: none } .mega-menu-item__content nav.mega-menu-item__lower-nav .wp-block-navigation__container li { margin: 0 } } .pin-quote { --block-padding: clamp(1.5rem, .72vw + 1.33rem, 2rem); --image-size: clamp(4rem, 1.8vw + 3.58rem, 5.25rem); --image-size-grid: var(--image-size); --border-grid-width: calc(8px + 1rem); -webkit-margin-after: var(--wp--preset--spacing--120); -webkit-margin-before: var(--wp--preset--spacing--120); margin-block-end: var(--wp--preset--spacing--120); margin-block-start: var(--wp--preset--spacing--120) } @container column (width < 37.5625rem) { .pin-quote { --block-padding: 1.5rem; --image-size: 4rem } } .pin-quote__category { font-size: clamp(.63rem, .36vw + .54rem, .88rem); letter-spacing: .105rem; line-height: var(--wp--custom--line-height--medium); text-transform: uppercase } .pin-quote h2 { color: #63111d; color: var(--primary-page-color-text); margin: clamp(1.5rem, .72vw + 1.33rem, 2rem) 0 } .pin-quote h2.large-title { font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); font-size: clamp(2.5rem, 3.59vw + 1.66rem, 5rem); font-weight: 700; line-height: 1; text-transform: uppercase } .audio-transcript-wrapper .wp-block-details .pin-quote h2 summary:not(:hover):not(:focus), .pin-quote h2 .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .pin-quote h2 a:not(:hover):not(:focus), .pin-quote__category:not(:hover):not(:focus) { text-decoration: none } .pin-quote .wp-block-quote { -webkit-margin-after: 0; -webkit-margin-before: 0; display: grid; font-family: var(--wp--preset--font-family--sanomat); grid-template-columns: var(--border-grid-width) 0 var(--image-size-grid) 1fr 0 0; margin-block-end: 0; margin-block-start: 0 } .pin-quote .wp-block-quote.is-style-plain { --border-grid-width: 0 } .pin-quote .wp-block-quote p { grid-column: 2/span 4 } .pin-quote .wp-block-quote .wp-block-image { grid-column: 3/span 1; margin: 0; min-width: var(--image-size) } .pin-quote .wp-block-quote img { border-radius: 50%; height: var(--image-size); -o-object-fit: cover; object-fit: cover; width: var(--image-size) } .pin-quote .wp-block-quote cite { grid-column: 2/span 4 } .pin-quote .wp-block-quote .wp-block-image~cite { grid-column: 4/span 1; margin-left: 1rem; max-width: 25rem } .pin-quote .wp-block-quote .wp-block-audio { grid-column: 2/span 4; margin: var(--block-padding) 0 0 0 } .pin-quote .wp-block-button { display: inline-block; margin-top: 2rem } .pin-quote.has-text-align-center .wp-block-quote { grid-template-columns: 0 1fr var(--image-size-grid) auto 1fr 0 } .pin-quote.has-text-align-center .wp-block-quote:before { grid-column: 2/span 4 } .pin-quote.has-text-align-right .wp-block-quote { grid-template-columns: 0 1fr var(--image-size-grid) max-content 0 var(--border-grid-width) } .pin-quote.has-text-align-right .wp-block-quote:before { grid-column: 6/span 1; margin: 0 0 0 1rem } .pin-quote.alignfull, .pin-quote.alignwide, .pin-quote.is-style-colored, .pin-quote.is-style-sand { box-sizing: border-box; padding: var(--block-padding) } @media (max-width:48.8125rem) { .pin-quote.alignfull, .pin-quote.alignwide, .pin-quote.is-style-colored, .pin-quote.is-style-sand { max-width: none; padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right) } } @media (min-width:75rem) { .pin-quote.alignfull, .pin-quote.alignwide { padding: 6rem } } .pin-quote.alignfull:not(.audio-quote-image) .wp-block-quote { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size); padding-left: 0; padding-right: 0 } .pin-quote .quote__wrapper { background-color: inherit } .pin-quote .audio-quote-image__wrapper, .pin-quote .quote__wrapper { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size) } .pin-quote .audio-quote-image__wrapper { align-items: stretch; display: flex; flex-direction: column; gap: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .pin-quote .audio-quote-image__wrapper>blockquote, .pin-quote .audio-quote-image__wrapper>figure { padding-left: 0; padding-right: 0 } .pin-quote .audio-quote-image__wrapper>figure { margin: 0 } .pin-quote .audio-quote-image__wrapper>figure>img { display: block; height: auto; width: 100% } @media (min-width:48.875rem) { .pin-quote.alignfull .audio-quote-image__wrapper, .pin-quote.alignwide .audio-quote-image__wrapper { align-items: center; flex-direction: row } .pin-quote.alignfull .audio-quote-image__wrapper>.wp-block-image, .pin-quote.alignfull .audio-quote-image__wrapper>blockquote, .pin-quote.alignwide .audio-quote-image__wrapper>.wp-block-image, .pin-quote.alignwide .audio-quote-image__wrapper>blockquote { flex: 1 1 } } .pin-quote.quote-button-title p { font-size: clamp(1.5rem, .72vw + 1.33rem, 2rem); line-height: var(--wp--custom--line-height--medium) } .pin-quote.quote-button-title cite { font-size: clamp(1.25rem, .36vw + 1.17rem, 1.5rem); line-height: var(--wp--custom--line-height--medium); text-align: left } .pin-quote.quote-button-title cite:before { display: none } .pin-quote.quote-button-title .wp-block-image~cite { margin-left: 1.5rem } .pin-quote.is-style-sand { background-color: #faedda; background-color: var(--color-sand) } .pin-quote.is-style-sand audio::-webkit-media-controls-panel { background-color: #faedda; background-color: var(--color-sand) } .pin-quote.is-style-colored { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background) } .pin-quote.is-style-colored, .pin-quote.is-style-colored h2 { color: #fff; color: var(--primary-page-color-reverse-text) } .pin-quote.is-style-colored .wp-block-quote:before, .pin-quote.is-style-colored.has-text-align-center .wp-block-quote:before { border-color: #fff; border-color: var(--primary-page-color-reverse-ui) } @media (max-width:48.8125rem) { .pin-quote.is-style-colored:is(.article-header+.wp-block-group>.pin-quote), .pin-quote.is-style-sand:is(.article-header+.wp-block-group>.pin-quote) { margin-left: calc(var(--wp--style--root--padding-left)*-1) !important; margin-right: calc(var(--wp--style--root--padding-right)*-1) !important } } .pin-quote.is-style-colored.has-ochre-color, .has-ochre-color .pin-quote:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) { color: #000; color: initial } .related-series .carousel__heading:before { display: none } @media (min-width:48.875rem) { .related-series .splide__arrows { margin-bottom: 1.5rem } .related-series.is-style-card-carousel:not(.wp-block) ul .featured-article__image { flex-basis: min(50%, 21.75rem) } .audio-transcript-wrapper .wp-block-details .related-series.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title summary:before, .related-series.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title .audio-transcript-wrapper .wp-block-details summary:before, .related-series.is-style-card-carousel:not(.wp-block) ul .featured-article__image+.featured-article__content .featured-article__title a:before { width: min(50%, 21.75rem) } } .related-series:not(.alignfull) .carousel__heading { padding: 0 !important } .featured-articles.alignfull.is-style-card-carousel .related-series--card-carousel .featured-article { flex-basis: clamp(18.75rem, 48%, 47.5rem) !important; margin-bottom: 0; padding-right: clamp(1rem, 2.34vw + .45rem, 2.63rem) } .series-badge { border-left: .5rem solid #a51c30; border-left: .5rem solid var(--primary-page-color-ui); box-sizing: border-box; font-size: var(--wp--preset--font-size--small); line-height: var(--wp--custom--line-height--base); padding-left: 1rem } .series-badge__header { align-items: center; display: flex; font-family: var(--wp--preset--font-family--sanomat); font-size: 1.125em; gap: .5rem; margin: 0; position: relative; width: -moz-max-content; width: max-content } .series-badge__header.has-series-logo { align-items: flex-start; flex-direction: column } .series-badge__part-of { display: block; font-size: .75rem; line-height: 1.67; margin-bottom: -.125rem } .series-badge__title { font-size: var(--wp--preset--font-size--h-6-title); font-weight: 500; line-height: var(--wp--custom--line-height--base); text-decoration: none } .series-badge__title:hover { text-decoration: underline } .series-badge__title:before { bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } .series-badge__logo { align-items: center; display: flex } .series-badge__header.no-series-logo .series-badge__logo { align-items: center; aspect-ratio: 1/1; background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); color: #fff; color: var(--primary-page-color-reverse-text); display: flex; justify-content: center; margin-top: -.125rem; padding: .125rem } .series-badge__header.no-series-logo .series-badge__logo:before { background-color: currentColor; content: ""; height: 2rem; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI2Ljc4NiA3LjVoLTYuODU3Yy0uNjY2IDAtMS4zMjIuMTUtMS45MTcuNDRBNC4yNiA0LjI2IDAgMCAwIDE2LjUgOS4xNjdhNC4yNiA0LjI2IDAgMCAwLTEuNTEyLTEuMjI3IDQuMzg2IDQuMzg2IDAgMCAwLTEuOTE3LS40NEg2LjIxNGMtLjQ1NCAwLS44OS4xNzYtMS4yMTIuNDg4QTEuNjQ0IDEuNjQ0IDAgMCAwIDQuNSA5LjE2N1YyMi41YzAgLjQ0Mi4xOC44NjYuNTAyIDEuMTc4YTEuNzQgMS43NCAwIDAgMCAxLjIxMi40ODloNi44NTdhMi42MSAyLjYxIDAgMCAxIDEuODE5LjczMmMuNDgyLjQ2OS43NTMgMS4xMDUuNzUzIDEuNzY4IDAgLjIyLjA5LjQzMy4yNS41ODlhLjg3Ljg3IDAgMCAwIC42MDcuMjQ0Ljg3Ljg3IDAgMCAwIC42MDYtLjI0NC44MjIuODIyIDAgMCAwIC4yNTEtLjU5YzAtLjY2Mi4yNzEtMS4yOTguNzUzLTEuNzY3YTIuNjEgMi42MSAwIDAgMSAxLjgxOS0uNzMyaDYuODU3Yy40NTQgMCAuODktLjE3NiAxLjIxMi0uNDg5LjMyMS0uMzEyLjUwMi0uNzM2LjUwMi0xLjE3OFY5LjE2N2MwLS40NDItLjE4LS44NjYtLjUwMi0xLjE3OWExLjc0IDEuNzQgMCAwIDAtMS4yMTItLjQ4OFptLTEzLjcxNSAxNUg2LjIxNFY5LjE2N2g2Ljg1N2EyLjYxIDIuNjEgMCAwIDEgMS44MTkuNzMyYy40ODIuNDY5Ljc1MyAxLjEwNS43NTMgMS43Njh2MTEuNjY2YTQuMzQ3IDQuMzQ3IDAgMCAwLTIuNTcyLS44MzNabTEzLjcxNSAwaC02Ljg1N2E0LjM0NyA0LjM0NyAwIDAgMC0yLjU3Mi44MzNWMTEuNjY3YzAtLjY2My4yNzEtMS4zLjc1My0xLjc2OGEyLjYxIDIuNjEgMCAwIDEgMS44MTktLjczMmg2Ljg1N1YyMi41Wm0tNi44NTctMTAuODMzaDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41ODkgMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0M0gxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTg5YzAtLjIyMS4wOS0uNDMzLjI1Mi0uNTlhLjg3Ljg3IDAgMCAxIC42MDYtLjI0M1ptNS4xNDIgNC4xNjZjMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0NEgxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTljMC0uMjIuMDktLjQzMy4yNTItLjU4OWEuODcuODcgMCAwIDEgLjYwNi0uMjQ0aDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41OVptMCAzLjMzNGMwIC4yMi0uMDkuNDMzLS4yNS41ODlhLjg3Ljg3IDAgMCAxLS42MDcuMjQ0SDE5LjkzYS44Ny44NyAwIDAgMS0uNjA2LS4yNDQuODIyLjgyMiAwIDAgMS0uMjUyLS41OWMwLS4yMi4wOS0uNDMyLjI1Mi0uNTg5YS44Ny44NyAwIDAgMSAuNjA2LS4yNDRoNC4yODVhLjg3Ljg3IDAgMCAxIC42MDYuMjQ0Yy4xNjEuMTU3LjI1MS4zNjkuMjUxLjU5WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI2Ljc4NiA3LjVoLTYuODU3Yy0uNjY2IDAtMS4zMjIuMTUtMS45MTcuNDRBNC4yNiA0LjI2IDAgMCAwIDE2LjUgOS4xNjdhNC4yNiA0LjI2IDAgMCAwLTEuNTEyLTEuMjI3IDQuMzg2IDQuMzg2IDAgMCAwLTEuOTE3LS40NEg2LjIxNGMtLjQ1NCAwLS44OS4xNzYtMS4yMTIuNDg4QTEuNjQ0IDEuNjQ0IDAgMCAwIDQuNSA5LjE2N1YyMi41YzAgLjQ0Mi4xOC44NjYuNTAyIDEuMTc4YTEuNzQgMS43NCAwIDAgMCAxLjIxMi40ODloNi44NTdhMi42MSAyLjYxIDAgMCAxIDEuODE5LjczMmMuNDgyLjQ2OS43NTMgMS4xMDUuNzUzIDEuNzY4IDAgLjIyLjA5LjQzMy4yNS41ODlhLjg3Ljg3IDAgMCAwIC42MDcuMjQ0Ljg3Ljg3IDAgMCAwIC42MDYtLjI0NC44MjIuODIyIDAgMCAwIC4yNTEtLjU5YzAtLjY2Mi4yNzEtMS4yOTguNzUzLTEuNzY3YTIuNjEgMi42MSAwIDAgMSAxLjgxOS0uNzMyaDYuODU3Yy40NTQgMCAuODktLjE3NiAxLjIxMi0uNDg5LjMyMS0uMzEyLjUwMi0uNzM2LjUwMi0xLjE3OFY5LjE2N2MwLS40NDItLjE4LS44NjYtLjUwMi0xLjE3OWExLjc0IDEuNzQgMCAwIDAtMS4yMTItLjQ4OFptLTEzLjcxNSAxNUg2LjIxNFY5LjE2N2g2Ljg1N2EyLjYxIDIuNjEgMCAwIDEgMS44MTkuNzMyYy40ODIuNDY5Ljc1MyAxLjEwNS43NTMgMS43Njh2MTEuNjY2YTQuMzQ3IDQuMzQ3IDAgMCAwLTIuNTcyLS44MzNabTEzLjcxNSAwaC02Ljg1N2E0LjM0NyA0LjM0NyAwIDAgMC0yLjU3Mi44MzNWMTEuNjY3YzAtLjY2My4yNzEtMS4zLjc1My0xLjc2OGEyLjYxIDIuNjEgMCAwIDEgMS44MTktLjczMmg2Ljg1N1YyMi41Wm0tNi44NTctMTAuODMzaDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41ODkgMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0M0gxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTg5YzAtLjIyMS4wOS0uNDMzLjI1Mi0uNTlhLjg3Ljg3IDAgMCAxIC42MDYtLjI0M1ptNS4xNDIgNC4xNjZjMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0NEgxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTljMC0uMjIuMDktLjQzMy4yNTItLjU4OWEuODcuODcgMCAwIDEgLjYwNi0uMjQ0aDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41OVptMCAzLjMzNGMwIC4yMi0uMDkuNDMzLS4yNS41ODlhLjg3Ljg3IDAgMCAxLS42MDcuMjQ0SDE5LjkzYS44Ny44NyAwIDAgMS0uNjA2LS4yNDQuODIyLjgyMiAwIDAgMS0uMjUyLS41OWMwLS4yMi4wOS0uNDMyLjI1Mi0uNTg5YS44Ny44NyAwIDAgMSAuNjA2LS4yNDRoNC4yODVhLjg3Ljg3IDAgMCAxIC42MDYuMjQ0Yy4xNjEuMTU3LjI1MS4zNjkuMjUxLjU5WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; width: 2rem } @media print { .series-badge__header.no-series-logo .series-badge__logo, .series-badge__header.no-series-logo .series-badge__logo:before { background-color: transparent } .series-badge__header.no-series-logo .series-badge__logo:before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI2Ljc4NiA3LjVoLTYuODU3Yy0uNjY2IDAtMS4zMjIuMTUtMS45MTcuNDRBNC4yNiA0LjI2IDAgMCAwIDE2LjUgOS4xNjdhNC4yNiA0LjI2IDAgMCAwLTEuNTEyLTEuMjI3IDQuMzg2IDQuMzg2IDAgMCAwLTEuOTE3LS40NEg2LjIxNGMtLjQ1NCAwLS44OS4xNzYtMS4yMTIuNDg4QTEuNjQ0IDEuNjQ0IDAgMCAwIDQuNSA5LjE2N1YyMi41YzAgLjQ0Mi4xOC44NjYuNTAyIDEuMTc4YTEuNzQgMS43NCAwIDAgMCAxLjIxMi40ODloNi44NTdhMi42MSAyLjYxIDAgMCAxIDEuODE5LjczMmMuNDgyLjQ2OS43NTMgMS4xMDUuNzUzIDEuNzY4IDAgLjIyLjA5LjQzMy4yNS41ODlhLjg3Ljg3IDAgMCAwIC42MDcuMjQ0Ljg3Ljg3IDAgMCAwIC42MDYtLjI0NC44MjIuODIyIDAgMCAwIC4yNTEtLjU5YzAtLjY2Mi4yNzEtMS4yOTguNzUzLTEuNzY3YTIuNjEgMi42MSAwIDAgMSAxLjgxOS0uNzMyaDYuODU3Yy40NTQgMCAuODktLjE3NiAxLjIxMi0uNDg5LjMyMS0uMzEyLjUwMi0uNzM2LjUwMi0xLjE3OFY5LjE2N2MwLS40NDItLjE4LS44NjYtLjUwMi0xLjE3OWExLjc0IDEuNzQgMCAwIDAtMS4yMTItLjQ4OFptLTEzLjcxNSAxNUg2LjIxNFY5LjE2N2g2Ljg1N2EyLjYxIDIuNjEgMCAwIDEgMS44MTkuNzMyYy40ODIuNDY5Ljc1MyAxLjEwNS43NTMgMS43Njh2MTEuNjY2YTQuMzQ3IDQuMzQ3IDAgMCAwLTIuNTcyLS44MzNabTEzLjcxNSAwaC02Ljg1N2E0LjM0NyA0LjM0NyAwIDAgMC0yLjU3Mi44MzNWMTEuNjY3YzAtLjY2My4yNzEtMS4zLjc1My0xLjc2OGEyLjYxIDIuNjEgMCAwIDEgMS44MTktLjczMmg2Ljg1N1YyMi41Wm0tNi44NTctMTAuODMzaDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41ODkgMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0M0gxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTg5YzAtLjIyMS4wOS0uNDMzLjI1Mi0uNTlhLjg3Ljg3IDAgMCAxIC42MDYtLjI0M1ptNS4xNDIgNC4xNjZjMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0NEgxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTljMC0uMjIuMDktLjQzMy4yNTItLjU4OWEuODcuODcgMCAwIDEgLjYwNi0uMjQ0aDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41OVptMCAzLjMzNGMwIC4yMi0uMDkuNDMzLS4yNS41ODlhLjg3Ljg3IDAgMCAxLS42MDcuMjQ0SDE5LjkzYS44Ny44NyAwIDAgMS0uNjA2LS4yNDQuODIyLjgyMiAwIDAgMS0uMjUyLS41OWMwLS4yMi4wOS0uNDMyLjI1Mi0uNTg5YS44Ny44NyAwIDAgMSAuNjA2LS4yNDRoNC4yODVhLjg3Ljg3IDAgMCAxIC42MDYuMjQ0Yy4xNjEuMTU3LjI1MS4zNjkuMjUxLjU5WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask: initial; mask: initial; scale: 1.2 } } .series-badge__description { font-family: var(--wp--preset--font-family--neue-haas-grotesk-text) } .series-badge .wp-block-heading+p { margin: .5rem 0 0 } .pin-sharing { grid-column-gap: 1rem; display: grid; grid-template-columns: auto 1fr } @media (min-width:75rem) { .pin-sharing:is(.is-content-justification-center>:not(.alignwide):not(.alignfull)) { margin-left: calc((100% - var(--contentCol-width))/2) !important; margin-right: calc((100% - var(--contentCol-width))/2) !important } } .pin-sharing:before { background-color: #a51c30; background-color: var(--primary-page-color-ui); content: ""; grid-column: 1; grid-row: 1/span 10; width: .5rem } .pin-sharing .wp-block-heading { margin: 0 } .pin-sharing ul { display: flex; flex-direction: column; gap: 1rem; list-style-type: none; margin: 1rem 0 0; padding: 0 } .pin-sharing ul li, .pin-sharing ul li .rich-text { display: flex; gap: .875rem; margin: 0 } .pin-sharing ul li .rich-text img, .pin-sharing ul li img { height: 2rem; width: auto } .pin-sharing ul li .has-icon-src-prop:is(.is-root-container:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) div):before, .pin-sharing ul li .rich-text .has-icon-src-prop:is(.is-root-container:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) div):before, body:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .pin-sharing ul li .rich-text.has-icon-src-prop:before, body:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .pin-sharing ul li.has-icon-src-prop:before { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); content: ""; -webkit-mask: var(--icon-src); mask: var(--icon-src); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; width: 2rem } .pin-sharing ul li .has-icon-src-prop:is(.is-root-container:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) div) img, .pin-sharing ul li .rich-text .has-icon-src-prop:is(.is-root-container:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) div) img, body:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .pin-sharing ul li .rich-text.has-icon-src-prop img, body:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .pin-sharing ul li.has-icon-src-prop img { display: none } .pin-sharing ul li .has-icon-src-prop:is(.is-root-container:is(.has-ochre-color) div):before, .pin-sharing ul li .rich-text .has-icon-src-prop:is(.is-root-container:is(.has-ochre-color) div):before, body:is(.has-ochre-color) .pin-sharing ul li .rich-text.has-icon-src-prop:before, body:is(.has-ochre-color) .pin-sharing ul li.has-icon-src-prop:before { background-color: #63111d; background-color: var(--primary-page-color-text) } .pin-sharing.is-style-colored, .pin-sharing.is-style-sand { padding: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .pin-sharing.is-style-sand { background-color: #faedda; background-color: var(--color-sand) } .pin-sharing.is-style-sand .has-icon-src-prop:is(.is-root-container:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) div):before, body:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .pin-sharing.is-style-sand ul li.has-icon-src-prop:before { background-color: #63111d; background-color: var(--primary-page-color-text) } .pin-sharing.is-style-colored { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); color: #fff; color: var(--primary-page-color-reverse-text) } .pin-sharing.is-style-colored:before { background-color: #fff; background-color: var(--primary-page-color-reverse-ui) } .pin-sharing.is-style-colored ul li img { filter: saturate(0) invert(1) brightness(2) } .pin-sharing.is-style-colored ul li img:is(body.has-ochre-color img, .is-root-container.has-ochre-color img) { filter: hue-rotate(60deg) brightness(1.4) saturate(.7) } .pin-sharing.is-style-colored .has-icon-src-prop:is(.is-root-container:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) div):before, body:is(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .pin-sharing.is-style-colored ul li.has-icon-src-prop:before { background-color: #fff; background-color: var(--primary-page-color-reverse-text) } .hg-stats { line-height: 1.2 } .hg-stats:not(.has-text-align-center) { grid-column-gap: 1rem; display: grid; grid-template-columns: auto 1fr } @media (min-width:75rem) { .hg-stats:not(.has-text-align-center):is(.is-content-justification-center>:not(.alignwide):not(.alignfull)) { margin-left: calc((100% - var(--contentCol-width))/2) !important; margin-right: calc((100% - var(--contentCol-width))/2) !important } } .hg-stats:not(.has-text-align-center):before { background-color: #a51c30; background-color: var(--primary-page-color-ui); content: ""; grid-column: 1; grid-row: 1/span 10; width: .5rem } .hg-stats.has-text-align-right { grid-template-columns: 1fr auto } .hg-stats.has-text-align-right:before { grid-column: 2 } .hg-stats.is-style-colored, .hg-stats.is-style-sand { padding: 2rem } .hg-stats.is-style-sand { background-color: #faedda; background-color: var(--color-sand) } .hg-stats .hg-stats-text { display: block; font-weight: 700; line-height: 1 } .hg-stats .hg-stats-text:not(:first-of-type) { -webkit-margin-before: .5rem; margin-block-start: .5rem } .hg-stats .hg-stats-text.has-sanomat-font-family { font-weight: 500 } .hg-stats .hg-stats-text.has-stats-text-medium-font-size { line-height: 1.14 } .hg-stats .hg-stats-text.has-stats-text-small-font-size { line-height: 1.33 } .hg-stats:not(.is-style-colored) .hg-stats-text.is-style-colored-text { color: #63111d; color: var(--primary-page-color-text) } .hg-stats.is-style-colored { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); color: #fff; color: var(--primary-page-color-reverse-text) } .hg-stats.is-style-colored:before { background-color: #fff; background-color: var(--primary-page-color-reverse-ui) } .hg-stats.is-style-colored.has-ochre-color .hg-stats-text { color: #000; color: var(--color-black) } .hg-stats.is-style-colored.has-ochre-color .hg-stats-text.is-style-colored, .hg-stats.is-style-colored.has-ochre-color .hg-stats-text:first-child { color: #fff; color: var(--primary-page-color-reverse-text) } @media (min-width:75rem) { .supporting-content { clear: both; float: left; width: var(--supportingCol-width) } .supporting-content, .supporting-content:not(.alignleft):not(.alignright) { max-width: 37.5625rem } } .supporting-content.is-position-sticky { position: relative } @media (min-width:75rem) { .supporting-content.is-position-sticky:is(.supporting-content .image-scroll-replace) { --content-height: min(var(--min-height), calc(var(--available-height) - var(--supportingCol-margin)*2)) } .supporting-content.is-position-sticky:has(.wp-block-image figcaption) { --content-height: min(var(--min-height), calc(var(--available-height) - 5rem)) } .supporting-content.is-position-sticky:has(.wp-block-image figcaption):is(.supporting-content .image-scroll-replace) { --content-height: min(var(--min-height), calc(var(--available-height) - var(--supportingCol-margin) - 5rem)) } .supporting-content.is-position-sticky .inner-block-slider .wp-block-image, .supporting-content.is-position-sticky>.wp-block-image { display: grid; grid-template-rows: max-content 1fr; justify-content: center } .supporting-content.is-position-sticky .inner-block-slider .wp-block-image:is(.image-scroll-replace--side-by-side .wp-block-image), .supporting-content.is-position-sticky>.wp-block-image:is(.image-scroll-replace--side-by-side .wp-block-image) { justify-content: stretch } .supporting-content.is-position-sticky .inner-block-slider .wp-block-image img, .supporting-content.is-position-sticky>.wp-block-image img { max-height: var(--content-height); -o-object-fit: cover; object-fit: cover; width: 100% } } .supporting-content :first-child { -webkit-margin-before: 0; margin-block-start: 0 } .supporting-content :last-child { -webkit-margin-after: 0; margin-block-end: 0 } .pin-spacer { inset: 0 !important } .alignfull+.pin-spacer, .alignfull+.supporting-content, .alignwide+.pin-spacer, .alignwide+.supporting-content { margin-top: 0 !important } @media (min-width:75rem) { p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content), p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content), p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.supporting-content, p+.supporting-content, p+.supporting-content+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content), p+.supporting-content+.supporting-content { -webkit-margin-before: var(--wp--preset--spacing--24) !important; margin-block-start: var(--wp--preset--spacing--24) !important } } @media (min-width:75rem) { p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+p, p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.supporting-content+p, p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+p, p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.supporting-content+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+p, p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.supporting-content+.supporting-content+p, p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.supporting-content+p, p+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+p, p+.supporting-content+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+p, p+.supporting-content+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+.supporting-content+p, p+.supporting-content+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+p, p+.supporting-content+.supporting-content+.pin-spacer:not(.alignwide):not(.alignfull):has(.supporting-content)+p, p+.supporting-content+.supporting-content+.supporting-content+p, p+.supporting-content+.supporting-content+p, p+.supporting-content+p { -webkit-margin-before: var(--wp--preset--spacing--24); margin-block-start: var(--wp--preset--spacing--24) } } .wp-block-post-content>.article-header~.wp-block-group .supporting-content { -webkit-margin-end: 0; -webkit-margin-start: 0; margin-inline-end: 0; margin-inline-start: 0 } @media (max-width:74.9375rem) { .wp-block-post-content>.article-header~.wp-block-group .supporting-content, .wp-block-post-content>.article-header~.wp-block-group .supporting-content.alignleft, .wp-block-post-content>.article-header~.wp-block-group .supporting-content.alignright { float: none } .wp-block-post-content>.article-header~.wp-block-group .supporting-content:not(.alignwide):not(.alignfull) { max-width: var(--wp--style--global--content-size) } } @media (min-width:75rem) { .wp-block-post-content>.article-header~.wp-block-group .supporting-content:last-child:has(.pin-sharing), .wp-block-post-content>.article-header~.wp-block-group .supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignfull), .wp-block-post-content>.article-header~.wp-block-group .supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignwide) { margin-top: -14.5rem !important } } @media (min-width:75rem) { .wp-block-post-content>.article-header~.wp-block-group>.alignfull:nth-last-child(-n+3)~.supporting-content:last-child:has(.pin-sharing), .wp-block-post-content>.article-header~.wp-block-group>.alignfull:nth-last-child(-n+3)~.supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignfull), .wp-block-post-content>.article-header~.wp-block-group>.alignfull:nth-last-child(-n+3)~.supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignwide), .wp-block-post-content>.article-header~.wp-block-group>.alignwide:nth-last-child(-n+3)~.supporting-content:last-child:has(.pin-sharing), .wp-block-post-content>.article-header~.wp-block-group>.alignwide:nth-last-child(-n+3)~.supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignfull), .wp-block-post-content>.article-header~.wp-block-group>.alignwide:nth-last-child(-n+3)~.supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignwide), .wp-block-post-content>.article-header~.wp-block-group>.supporting-content:nth-last-child(-n+6):not(:has(~.alignwide)):not(:has(~.alignfull)):not(.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right)>.supporting-content.alignleft)~.supporting-content:last-child:has(.pin-sharing), .wp-block-post-content>.article-header~.wp-block-group>.supporting-content:nth-last-child(-n+6):not(:has(~.alignwide)):not(:has(~.alignfull)):not(.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right)>.supporting-content.alignleft)~.supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignfull), .wp-block-post-content>.article-header~.wp-block-group>.supporting-content:nth-last-child(-n+6):not(:has(~.alignwide)):not(:has(~.alignfull)):not(.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right)>.supporting-content.alignleft)~.supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignwide) { margin-top: 2rem !important } .wp-block-post-content>.article-header~.wp-block-group .supporting-content:last-child:has(.pin-sharing).has-overlap, .wp-block-post-content>.article-header~.wp-block-group .supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignfull).has-overlap, .wp-block-post-content>.article-header~.wp-block-group .supporting-content:nth-last-child(2):has(.pin-sharing):has(+.alignwide).has-overlap { margin-top: 2rem !important } .wp-block-post-content>.article-header~.wp-block-group.is-content-justification-left>.supporting-content { float: right } .wp-block-post-content>.article-header~.wp-block-group.is-content-justification-right>.supporting-content { float: left } .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) { --supportingCol-width: clamp(15.625rem, calc(25vw - var(--wp--style--root--padding-left)*2.5/2), 21.75rem) } .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content.alignleft, .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content:not(.alignleft):not(.alignright) { clear: left } .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content.alignright { clear: right } } @media (min-width:75rem) { .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .pin-spacer[style*="float: left"]:is(:first-child, .alignwide+.pin-spacer, .alignfull+.pin-spacer):not(.pin-spacer[class*=supporting-content]+.pin-spacer):not(.supporting-content+.pin-spacer)+.pin-spacer[style*="float: right"], .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .pin-spacer[style*="float: left"]:is(:first-child, .alignwide+.pin-spacer, .alignfull+.pin-spacer):not(.pin-spacer[class*=supporting-content]+.pin-spacer):not(.supporting-content+.pin-spacer)+.pin-spacer[style*="float: right"]>.supporting-content, .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .pin-spacer[style*="float: left"]:is(:first-child, .alignwide+.pin-spacer, .alignfull+.pin-spacer):not(.pin-spacer[class*=supporting-content]+.pin-spacer):not(.supporting-content+.pin-spacer)+.supporting-content.alignright, .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content.alignleft:is(:first-child, .alignwide+.supporting-content, .alignfull+.supporting-content):not(.supporting-content+.supporting-content):not(.pin-spacer[class*=supporting-content]+.supporting-content)+.pin-spacer[style*="float: right"], .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content.alignleft:is(:first-child, .alignwide+.supporting-content, .alignfull+.supporting-content):not(.supporting-content+.supporting-content):not(.pin-spacer[class*=supporting-content]+.supporting-content)+.pin-spacer[style*="float: right"]>.supporting-content, .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content.alignleft:is(:first-child, .alignwide+.supporting-content, .alignfull+.supporting-content):not(.supporting-content+.supporting-content):not(.pin-spacer[class*=supporting-content]+.supporting-content)+.supporting-content.alignright { margin-top: 0 !important } .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .pin-spacer[style*="float: right"]:is(:first-child, .alignwide+.pin-spacer, .alignfull+.pin-spacer):not(.pin-spacer[class*=supporting-content]+.pin-spacer):not(.supporting-content+.pin-spacer)+.pin-spacer[style*="float: left"], .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .pin-spacer[style*="float: right"]:is(:first-child, .alignwide+.pin-spacer, .alignfull+.pin-spacer):not(.pin-spacer[class*=supporting-content]+.pin-spacer):not(.supporting-content+.pin-spacer)+.pin-spacer[style*="float: left"]>.supporting-content, .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .pin-spacer[style*="float: right"]:is(:first-child, .alignwide+.pin-spacer, .alignfull+.pin-spacer):not(.pin-spacer[class*=supporting-content]+.pin-spacer):not(.supporting-content+.pin-spacer)+.supporting-content.alignleft, .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .pin-spacer[style*="float: right"]:is(:first-child, .alignwide+.pin-spacer, .alignfull+.pin-spacer):not(.pin-spacer[class*=supporting-content]+.pin-spacer):not(.supporting-content+.pin-spacer)+.supporting-content:not(.alignleft):not(.alignright), .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content.alignright:is(:first-child, .alignwide+.supporting-content, .alignfull+.supporting-content):not(.supporting-content+.supporting-content):not(.pin-spacer[class*=supporting-content]+.supporting-content)+.pin-spacer[style*="float: left"], .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content.alignright:is(:first-child, .alignwide+.supporting-content, .alignfull+.supporting-content):not(.supporting-content+.supporting-content):not(.pin-spacer[class*=supporting-content]+.supporting-content)+.pin-spacer[style*="float: left"]>.supporting-content, .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content.alignright:is(:first-child, .alignwide+.supporting-content, .alignfull+.supporting-content):not(.supporting-content+.supporting-content):not(.pin-spacer[class*=supporting-content]+.supporting-content)+.supporting-content.alignleft, .wp-block-post-content>.article-header~.wp-block-group:not(.is-content-justification-left):not(.is-content-justification-right) .supporting-content.alignright:is(:first-child, .alignwide+.supporting-content, .alignfull+.supporting-content):not(.supporting-content+.supporting-content):not(.pin-spacer[class*=supporting-content]+.supporting-content)+.supporting-content:not(.alignleft):not(.alignright) { margin-top: 0 !important } } .pin-tabs .block-editor-button-block-appender { box-shadow: inset 0 0 0 1px currentColor; margin-left: 1rem; width: 3rem } .pin-tabs .pin-tabs__nav { border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); display: flex; font-size: var(--wp--preset--font-size--h-2-title); justify-content: flex-start; margin-bottom: 2rem; margin-top: 0; padding: 0 } @media (min-width:48.875rem) { .pin-tabs .pin-tabs__nav { justify-content: flex-end } } .pin-tabs .pin-tabs__nav-item { list-style: none; margin: 0 0 -1px; padding: 0; position: relative; text-align: center } @media (max-width:48.8125rem) { .pin-tabs .pin-tabs__nav-item { flex-grow: 1 } } .audio-transcript-wrapper .wp-block-details .pin-tabs .pin-tabs__nav-item summary:not(:hover):not(:focus), .pin-tabs .pin-tabs__nav-item .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .pin-tabs .pin-tabs__nav-item a:not(:hover):not(:focus) { text-decoration: none } .audio-transcript-wrapper .wp-block-details .pin-tabs .pin-tabs__nav-item summary, .pin-tabs .pin-tabs__nav-button, .pin-tabs .pin-tabs__nav-item .audio-transcript-wrapper .wp-block-details summary, .pin-tabs .pin-tabs__nav-item a { box-sizing: border-box; color: #726a5b; color: var(--color-grey-dark); display: block; font-size: var(--wp--preset--font-size--large); font-weight: 700; line-height: var(--wp--custom--line-height--large); margin-bottom: clamp(0rem, .72vw + -.17rem, .5rem); padding: .625rem 1rem .5rem; position: relative; transition: color .2s; width: 100% } .audio-transcript-wrapper .wp-block-details .pin-tabs .pin-tabs__nav-item summary:focus-visible, .pin-tabs .pin-tabs__nav-button:focus-visible, .pin-tabs .pin-tabs__nav-item .audio-transcript-wrapper .wp-block-details summary:focus-visible, .pin-tabs .pin-tabs__nav-item a:focus-visible { outline: 2px solid currentColor; outline-offset: -12px } .audio-transcript-wrapper .wp-block-details .pin-tabs .pin-tabs__nav-item summary:after, .pin-tabs .pin-tabs__nav-button:after, .pin-tabs .pin-tabs__nav-item .audio-transcript-wrapper .wp-block-details summary:after, .pin-tabs .pin-tabs__nav-item a:after { border-bottom: 4px solid transparent; content: ""; display: block; transform: translateY(clamp(.5rem, .72vw + .33rem, 1rem)); transition: border-bottom-color .2s } @media (max-width:48.8125rem) { .audio-transcript-wrapper .wp-block-details .pin-tabs .pin-tabs__nav-item summary:after, .pin-tabs .pin-tabs__nav-button:after, .pin-tabs .pin-tabs__nav-item .audio-transcript-wrapper .wp-block-details summary:after, .pin-tabs .pin-tabs__nav-item a:after { margin: 0 -1rem } } .audio-transcript-wrapper .wp-block-details .pin-tabs .pin-tabs__nav-item summary:focus:not(:focus-visible), .pin-tabs .pin-tabs__nav-button:focus:not(:focus-visible), .pin-tabs .pin-tabs__nav-item .audio-transcript-wrapper .wp-block-details summary:focus:not(:focus-visible), .pin-tabs .pin-tabs__nav-item a:focus:not(:focus-visible) { text-decoration: none } .audio-transcript-wrapper .wp-block-details .pin-tabs .pin-tabs__nav-item summary.pin-tabs__nav-button--active, .pin-tabs .pin-tabs__nav-button.pin-tabs__nav-button--active, .pin-tabs .pin-tabs__nav-item .audio-transcript-wrapper .wp-block-details summary.pin-tabs__nav-button--active, .pin-tabs .pin-tabs__nav-item a.pin-tabs__nav-button--active { color: #000; color: initial } .audio-transcript-wrapper .wp-block-details .pin-tabs .pin-tabs__nav-item summary.pin-tabs__nav-button--active:after, .pin-tabs .pin-tabs__nav-button.pin-tabs__nav-button--active:after, .pin-tabs .pin-tabs__nav-item .audio-transcript-wrapper .wp-block-details summary.pin-tabs__nav-button--active:after, .pin-tabs .pin-tabs__nav-item a.pin-tabs__nav-button--active:after { border-bottom-color: #a51c30; border-bottom-color: var(--color-crimson) } .pin-tabs__content .pin-tabs-item:focus:focus-visible { outline: 2px solid currentColor; outline-offset: 3px } .trending-articles__list { counter-reset: trendingArticleCounter; list-style-type: none; margin: 0; padding: 0 } .trending-article { list-style-type: none; padding-left: 0 } .trending-article:last-of-type { border-bottom: none; margin: 0; padding-bottom: 0 } .trending-article:before { align-items: center; background-color: #faedda; background-color: var(--color-sand); box-sizing: border-box; color: #63111d; color: var(--primary-page-color-text); content: counter(trendingArticleCounter); counter-increment: trendingArticleCounter; display: grid; flex: 0 0 4rem; font-family: var(--wp--preset--font-family--sanomat); font-size: 3rem; height: 4rem; justify-content: space-around; line-height: 1; padding-top: 0rem; /* .625rem; */ text-align: center; width: 4rem } @container column (width < 21.75rem) { .trending-article { -moz-column-gap: .625rem; column-gap: .625rem } .trending-article:before { flex: 0 0 3rem; font-size: 2rem; height: 3rem; width: 3rem } } .trending-article::marker { content: "" } .trending-article.featured-article--simple-view .featured-article__title { margin-top: .125rem } .upcoming-events__title { border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); margin-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); margin-top: 0; padding: 0 0 1rem } .upcoming-events__list { list-style-type: none; margin: 0; padding: 0 } .upcoming-events__show-all { margin: 1.5rem 0 0 } .upcoming-event { align-items: flex-start; border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); container: event/inline-size; display: flex; gap: clamp(1rem, 1.44vw + .66rem, 2rem); justify-content: space-between; list-style-type: none; margin: 0 0 clamp(1rem, 1.44vw + .66rem, 2rem); padding: 0 0 clamp(1rem, 1.44vw + .66rem, 2rem); position: relative } .upcoming-event:last-child { margin-bottom: 0 } .upcoming-event__date { color: #a51c30; color: var(--primary-page-color-ui); font-family: var(--wp--preset--font-family--sanomat); font-size: clamp(1.25rem, 1.8vw + .83rem, 2.5rem); line-height: var(--wp--custom--line-height--snug); margin: 0 0 clamp(.5rem, .72vw + .33rem, 1rem) } .upcoming-event__title { font-size: clamp(1.25rem, 1.08vw + 1rem, 2rem); line-height: var(--wp--custom--line-height--close); margin: clamp(.5rem, .72vw + .33rem, 1rem) 0 } .audio-transcript-wrapper .wp-block-details .upcoming-event__title summary:not(:hover):not(:focus), .upcoming-event__title .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .upcoming-event__title a:not(:hover):not(:focus) { text-decoration: none } .upcoming-event__link:before { bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } .upcoming-event__details { font-size: var(--wp--preset--font-size--small); line-height: var(--wp--custom--line-height--base); margin: clamp(.5rem, .72vw + .33rem, 1rem) 0 0 } @media (min-width:48.875rem) { .upcoming-event__details { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--base) } } .upcoming-event__details--location:before { color: #a51c30; color: var(--primary-page-color-ui); content: "■"; font-size: var(--wp--preset--font-size--small); margin: 0 .25rem; vertical-align: top } .upcoming-event__image { display: flex; flex: 0 0 30cqw; justify-content: center; margin: 0; max-height: 13.8125rem; max-width: 13.8125rem } .upcoming-event__image img { height: auto; max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; width: auto } .upcoming-events.is-style-carousel .upcoming-events__title, .upcoming-events.is-style-list .upcoming-events__title { border: none; padding-bottom: 0 } .upcoming-events.is-style-carousel .upcoming-event, .upcoming-events.is-style-list .upcoming-event { display: block } .upcoming-events.is-style-carousel .upcoming-event__content, .upcoming-events.is-style-list .upcoming-event__content { width: 100% } .upcoming-events.is-style-carousel .upcoming-event__date, .upcoming-events.is-style-list .upcoming-event__date { font-size: clamp(1.25rem, 1.08vw + 1rem, 2rem); line-height: clamp(1.75rem, 1.08vw + 1.5rem, 2.5rem); margin-bottom: .5rem } .upcoming-events.is-style-carousel .upcoming-event__title, .upcoming-events.is-style-list .upcoming-event__title { margin: .5rem 0 } .upcoming-events.is-style-carousel .upcoming-event__details, .upcoming-events.is-style-list .upcoming-event__details { margin-top: .5rem } @media (min-width:48.875rem) { .upcoming-events.is-style-list .upcoming-events__title { font-size: var(--wp--preset--font-size--h-3-title); line-height: var(--wp--custom--line-height--snug); margin-bottom: 1.5rem } } .upcoming-events.is-style-list .upcoming-event:last-of-type { border: none; padding-bottom: 0 } .upcoming-events.is-style-carousel .upcoming-event { border-bottom: none; margin-bottom: 0; padding-bottom: 0 } .upcoming-events.is-style-carousel .upcoming-event__image { aspect-ratio: 100/67; height: -moz-fit-content; height: fit-content; margin-bottom: .5rem; max-height: none; max-width: 21.75rem; width: 100% } @media (min-width:48.875rem) { .upcoming-events.is-style-carousel .upcoming-event { display: flex; gap: 1.5rem; padding-right: 1.5rem } .upcoming-events.is-style-carousel .upcoming-event__content, .upcoming-events.is-style-carousel .upcoming-event__image { flex: 1 1 48% } .upcoming-events.is-style-carousel .upcoming-event img { -o-object-fit: cover; object-fit: cover; width: 100% } } .upcoming-events.is-style-carousel .upcoming-events__show-all { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size); padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); width: calc(100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)) } .upcoming-events__card-carousel .carousel__heading { text-align: left } @media (max-width:48.8125rem) { .upcoming-events__card-carousel .carousel__heading { font-size: 1.5rem; line-height: 2rem; margin-top: 0 } } @media (min-width:48.875rem) { .upcoming-events__card-carousel .splide__slide { width: min(90%, 47.5rem) !important } } .wp-block-audio audio::-webkit-media-controls-panel { background-color: #fffbf4; background-color: var(--color-sand-light) } .wp-block-buttons { background-color: inherit } .single-submission .wp-block-buttons:not(:has(a[href])) { display: none } .wp-block-button { color: #fff; color: var(--primary-page-color-reverse-text) } .wp-block-button .wp-block-button__link { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); border: 2px solid #a51c30; border: 2px solid var(--primary-page-color-reverse-background); border-radius: 0; color: currentColor; cursor: pointer; font-size: 1rem; font-weight: 700; line-height: var(--wp--custom--line-height--close); outline: 2px solid transparent; /* letter-spacing: 1.92px; padding: clamp(.75rem, .72vw + .58rem, 1.25rem) 2rem !important; text-transform: uppercase; */ border-radius: 4px; padding: clamp(.75rem, .72vw + .58rem, 0.86rem) 2rem !important; /* new update: not confirmed yet:::: */ padding-inline: calc(.31rem * 4) !important; padding-block: calc(.25rem * 2.5) !important; border-radius: .375rem !important; /* border: 0px; */ } .wp-block-button .wp-block-button__link:hover { background-color: #63111d; background-color: var(--primary-page-color-text); border-color: #63111d; border-color: var(--primary-page-color-text) } .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:focus-visible { outline-color: #a51c30; outline-color: var(--primary-page-color-reverse-background); outline-offset: 4px } .pin-quote.has-ochre-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link, .pin-quote.has-ochre-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link, .wp-block-button.is-style-fill.has-ochre-color .wp-block-button__link, .wp-block-button:not([class*=is-style-]).has-ochre-color .wp-block-button__link, body.has-ochre-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link, body.has-ochre-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link { border-color: #63111d; border-color: var(--primary-page-color-text) } .pin-quote.has-ochre-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link:hover, .pin-quote.has-ochre-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link:hover, .wp-block-button.is-style-fill.has-ochre-color .wp-block-button__link:hover, .wp-block-button:not([class*=is-style-]).has-ochre-color .wp-block-button__link:hover, body.has-ochre-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link:hover, body.has-ochre-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link:hover { color: #fff; color: var(--color-white) } .pin-quote.has-ochre-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link:focus, .pin-quote.has-ochre-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link:focus-visible, .pin-quote.has-ochre-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link:focus, .pin-quote.has-ochre-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link:focus-visible, .wp-block-button.is-style-fill.has-ochre-color .wp-block-button__link:focus, .wp-block-button.is-style-fill.has-ochre-color .wp-block-button__link:focus-visible, .wp-block-button:not([class*=is-style-]).has-ochre-color .wp-block-button__link:focus, .wp-block-button:not([class*=is-style-]).has-ochre-color .wp-block-button__link:focus-visible, body.has-ochre-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link:focus, body.has-ochre-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link:focus-visible, body.has-ochre-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link:focus, body.has-ochre-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link:focus-visible { outline-color: #63111d; outline-color: var(--primary-page-color-text) } .wp-block-button.is-style-fill.has-green-color .wp-block-button__link:hover, .wp-block-button.is-style-fill.has-grey-color .wp-block-button__link:hover, .wp-block-button:not([class*=is-style-]).has-green-color .wp-block-button__link:hover, .wp-block-button:not([class*=is-style-]).has-grey-color .wp-block-button__link:hover, body.has-green-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link:hover, body.has-green-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link:hover, body.has-grey-color .wp-block-button.is-style-fill:not([class*=color]) .wp-block-button__link:hover, body.has-grey-color .wp-block-button:not([class*=is-style-]):not([class*=color]) .wp-block-button__link:hover { filter: contrast(3) } .wp-block-button.is-style-outline { color: #a51c30; color: var(--primary-page-color-reverse-background) } .wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent; border-color: currentColor } .wp-block-button.is-style-outline .wp-block-button__link:hover { border-color: #63111d; border-color: var(--primary-page-color-text); outline-color: #63111d; outline-color: var(--primary-page-color-text); outline-offset: -3px; /* -4px*/ } .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link:focus-visible { outline-color: currentColor } .wp-block-button.is-style-outline.has-ochre-color, body.has-ochre-color .wp-block-button.is-style-outline { color: #63111d; color: var(--primary-page-color-text) } .pin-quote.is-style-colored .wp-block-button, .wp-block-button.is-style-fill-dark { background-color: inherit; position: relative } .pin-quote.is-style-colored .wp-block-button:before, .wp-block-button.is-style-fill-dark:before { background-color: #fff; background-color: var(--color-white); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100% } .pin-quote.is-style-colored .wp-block-button:hover:before, .wp-block-button.is-style-fill-dark:hover:before { background-color: hsla(0, 0%, 100%, .95); background-color: var(--color-white-95) } .pin-quote.is-style-colored .wp-block-button .wp-block-button__link, .wp-block-button.is-style-fill-dark .wp-block-button__link { -webkit-background-clip: text; background-clip: text; background-color: inherit; border-color: #fff; border-color: var(--color-white); color: transparent; position: relative; z-index: 1 } .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus, .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus-visible, .wp-block-button.is-style-fill-dark .wp-block-button__link:focus, .wp-block-button.is-style-fill-dark .wp-block-button__link:focus-visible { outline-color: #fff; outline-color: var(--color-white) } .wp-block-button.is-style-outline-dark { color: #fff; color: var(--color-white) } .wp-block-button.is-style-outline-dark .wp-block-button__link { background-color: transparent; border-color: #fff; border-color: var(--color-white) } .wp-block-button.is-style-outline-dark .wp-block-button__link:hover { border-color: hsla(0, 0%, 100%, .8); border-color: var(--color-white-80); outline-color: hsla(0, 0%, 100%, .8); outline-color: var(--color-white-80); outline-offset: -4px } .wp-block-button.is-style-outline-dark .wp-block-button__link:focus, .wp-block-button.is-style-outline-dark .wp-block-button__link:focus-visible { outline-color: #fff; outline-color: var(--color-white) } .wp-block-button.is-style-link-button .wp-block-button__link { background: 0 0; border: none; color: #000; color: initial; font-size: inherit; letter-spacing: normal; padding: 0 !important; text-transform: none } .wp-block-button.is-style-link-button .wp-block-button__link:focus-visible { outline-color: invert; outline-color: initial } .pin-quote.is-style-colored .has-ochre-color .wp-block-buttons:not(.has-background) .wp-block-button .wp-block-button__link, .pin-quote.is-style-colored .has-ochre-color.wp-block-buttons .wp-block-button .wp-block-button__link, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .wp-block-button .wp-block-button__link, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color.wp-block-buttons .wp-block-button .wp-block-button__link, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark .wp-block-button__link, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button__link, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark .wp-block-button__link, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button__link, .has-ochre-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button .wp-block-button__link, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-fill-dark .wp-block-button__link, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link, .has-ochre-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button__link, .has-ochre-color.pin-quote.is-style-colored .is-style-fill-dark .wp-block-button__link, .has-ochre-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link, .has-ochre-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button__link, .has-ochre-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button .wp-block-button__link, .has-ochre-color.wp-block-buttons .is-style-fill-dark .wp-block-button__link, .has-ochre-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link, .has-ochre-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button__link, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button__link, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button__link, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button .wp-block-button__link, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-fill-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button__link, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-fill-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button__link, .has-secondary-ochre-bright-background-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button .wp-block-button__link, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-fill-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link, .has-secondary-ochre-bright-background-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button__link { border-color: #7e5102; border-color: var(--color-ochre-dark); color: #7e5102; color: var(--color-ochre-dark) } .pin-quote.is-style-colored .has-ochre-color .wp-block-buttons:not(.has-background) .wp-block-button .wp-block-button__link:hover, .pin-quote.is-style-colored .has-ochre-color.wp-block-buttons .wp-block-button .wp-block-button__link:hover, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .wp-block-button .wp-block-button__link:hover, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color.wp-block-buttons .wp-block-button .wp-block-button__link:hover, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark .wp-block-button__link:hover, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link:hover, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button__link:hover, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark .wp-block-button__link:hover, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link:hover, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button__link:hover, .has-ochre-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:hover, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-fill-dark .wp-block-button__link:hover, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link:hover, .has-ochre-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button__link:hover, .has-ochre-color.pin-quote.is-style-colored .is-style-fill-dark .wp-block-button__link:hover, .has-ochre-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link:hover, .has-ochre-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button__link:hover, .has-ochre-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:hover, .has-ochre-color.wp-block-buttons .is-style-fill-dark .wp-block-button__link:hover, .has-ochre-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link:hover, .has-ochre-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-fill-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-fill-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-fill-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button__link:hover { color: #7e5102; color: var(--color-ochre-dark); filter: none } .pin-quote.is-style-colored .has-ochre-color .wp-block-buttons:not(.has-background) .wp-block-button .wp-block-button__link:focus, .pin-quote.is-style-colored .has-ochre-color .wp-block-buttons:not(.has-background) .wp-block-button .wp-block-button__link:focus-visible, .pin-quote.is-style-colored .has-ochre-color.wp-block-buttons .wp-block-button .wp-block-button__link:focus, .pin-quote.is-style-colored .has-ochre-color.wp-block-buttons .wp-block-button .wp-block-button__link:focus-visible, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .wp-block-button .wp-block-button__link:focus, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .wp-block-button .wp-block-button__link:focus-visible, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color.wp-block-buttons .wp-block-button .wp-block-button__link:focus, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color.wp-block-buttons .wp-block-button .wp-block-button__link:focus-visible, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark .wp-block-button__link:focus, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark .wp-block-button__link:focus-visible, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link:focus, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link:focus-visible, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark .wp-block-button__link:focus, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark .wp-block-button__link:focus-visible, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link:focus, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link:focus-visible, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible, .has-ochre-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus, .has-ochre-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus-visible, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-fill-dark .wp-block-button__link:focus, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-fill-dark .wp-block-button__link:focus-visible, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link:focus, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link:focus-visible, .has-ochre-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-ochre-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible, .has-ochre-color.pin-quote.is-style-colored .is-style-fill-dark .wp-block-button__link:focus, .has-ochre-color.pin-quote.is-style-colored .is-style-fill-dark .wp-block-button__link:focus-visible, .has-ochre-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link:focus, .has-ochre-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link:focus-visible, .has-ochre-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-ochre-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible, .has-ochre-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus, .has-ochre-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus-visible, .has-ochre-color.wp-block-buttons .is-style-fill-dark .wp-block-button__link:focus, .has-ochre-color.wp-block-buttons .is-style-fill-dark .wp-block-button__link:focus-visible, .has-ochre-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link:focus, .has-ochre-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link:focus-visible, .has-ochre-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-ochre-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-fill-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-fill-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-fill-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-fill-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-fill-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-fill-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link:focus-visible, .has-secondary-ochre-bright-background-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button__link:focus, .has-secondary-ochre-bright-background-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button__link:focus-visible { outline-color: #7e5102; outline-color: var(--color-ochre-dark) } .pin-quote.is-style-colored .has-ochre-color .wp-block-buttons:not(.has-background) .wp-block-button:hover:before, .pin-quote.is-style-colored .has-ochre-color.wp-block-buttons .wp-block-button:hover:before, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .wp-block-button:hover:before, .pin-quote.is-style-colored .has-secondary-ochre-bright-background-color.wp-block-buttons .wp-block-button:hover:before, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark:hover:before, .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button:hover:before, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark:hover:before, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button:hover:before, .has-ochre-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button:hover:before, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-fill-dark:hover:before, .has-ochre-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button:hover:before, .has-ochre-color.pin-quote.is-style-colored .is-style-fill-dark:hover:before, .has-ochre-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button:hover:before, .has-ochre-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button:hover:before, .has-ochre-color.wp-block-buttons .is-style-fill-dark:hover:before, .has-ochre-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button:hover:before, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-fill-dark:hover:before, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color):is(.pin-quote.is-style-colored) .wp-block-button:hover:before, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-fill-dark:hover:before, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color:is(.pin-quote.is-style-colored) .wp-block-button:hover:before, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .pin-quote.is-style-colored .wp-block-button:hover:before, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-fill-dark:hover:before, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background):is(.pin-quote.is-style-colored) .wp-block-button:hover:before, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-fill-dark:hover:before, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored:is(.pin-quote.is-style-colored) .wp-block-button:hover:before, .has-secondary-ochre-bright-background-color.wp-block-buttons .pin-quote.is-style-colored .wp-block-button:hover:before, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-fill-dark:hover:before, .has-secondary-ochre-bright-background-color.wp-block-buttons:is(.pin-quote.is-style-colored) .wp-block-button:hover:before { background-color: hsla(0, 0%, 100%, .8); background-color: var(--color-white-80) } .has-ochre-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link:hover, .has-ochre-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link:hover, .has-ochre-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link:hover, .has-ochre-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link:hover, .has-ochre-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .pin-quote.is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .wp-block-buttons.has-secondary-ochre-bright-background-color .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color .wp-block-buttons:not(.has-background) .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color.pin-quote.is-style-colored .is-style-outline-dark .wp-block-button__link:hover, .has-secondary-ochre-bright-background-color.wp-block-buttons .is-style-outline-dark .wp-block-button__link:hover { border-color: #7e5102; border-color: var(--color-ochre-dark); outline-color: #7e5102; outline-color: var(--color-ochre-dark) } .wp-block-post-content .wp-block-column { container: column/inline-size } .wp-block-columns.is-style-vertical-dividers { --half-space-between-columns: calc(var(--wp--preset--spacing--48)/2); gap: 4rem } @media (min-width:48.875rem) { .wp-block-columns.is-style-vertical-dividers { gap: var(--wp--preset--spacing--48) !important } } .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type) { position: relative } .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { background-color: #b9b8ad; background-color: var(--color-grey); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } @media (max-width:48.8125rem) { .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { bottom: auto; height: 1px; margin-top: -2rem } } @media (min-width:48.875rem) { .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { margin-left: calc(var(--half-space-between-columns)*-1); right: auto; width: 1px } } .pin-columns { container: columns/inline-size; justify-content: space-between } .pin-columns .wp-block-column { flex: 0 1 auto !important; max-width: var(--wp--style--global--content-size); width: 100% } @media (max-width:48.8125rem) { .pin-columns .wp-block-column { margin-left: auto !important; margin-right: auto !important } } @media (max-width:74.9375rem) { .pin-columns .wp-block-column { container: column/inline-size } } @media (min-width:75rem) and (max-width:96.9375rem) { .pin-columns .pin-column-content { max-width: var(--contentCol-width) } } @media (min-width:48.875rem) { .pin-columns .pin-column-sidebar { max-width: 37.5625rem; width: var(--supportingCol-width) } } @media (max-width:92.9375rem) { .pin-columns--content-center .wp-block-column { container: column/inline-size } } @media (max-width:74.9375rem) { .pin-columns--content-center { flex-wrap: wrap !important } .pin-columns--content-center .wp-block-column { flex: 1 0 100% !important; margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--content-size) !important } } @media (min-width:48.875rem) and (max-width:74.9375rem) { .pin-columns--content-center.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { bottom: auto; height: 1px; margin-left: 0; margin-top: calc(var(--half-space-between-columns)*-1); right: 0; width: 100% } } .pin-columns--wide-content-left .pin-column-content, .pin-columns--wide-content-right .pin-column-content { max-width: 61.3125rem } @media (min-width:48.875rem) { .pin-columns--wide-content-left .pin-column-sidebar, .pin-columns--wide-content-right .pin-column-sidebar { max-width: 21.75rem } } @media (min-width:75rem) { .pin-columns--content-left.is-style-vertical-dividers, .pin-columns--content-right.is-style-vertical-dividers { --half-space-between-columns: max(calc(var(--wp--preset--spacing--48)/2), calc((100cqw - min(var(--contentCol-width), var(--wp--style--global--content-size)) - min(37.5625rem, var(--supportingCol-width)))/2)) } .pin-columns--content-left.is-style-vertical-dividers .wp-block-column, .pin-columns--content-right.is-style-vertical-dividers .wp-block-column { container: initial } .pin-columns--wide-content-left.is-style-vertical-dividers, .pin-columns--wide-content-right.is-style-vertical-dividers { --half-space-between-columns: max(calc(var(--wp--preset--spacing--48)/2), calc(100cqw/2 - 41.53125rem)) } .pin-columns--wide-content-left.is-style-vertical-dividers .wp-block-column, .pin-columns--wide-content-right.is-style-vertical-dividers .wp-block-column { container: initial } } .is-style-drop-shadow { --image-box-shadow-width: var(--wp--style--root--padding-right); --image-box-shadow-margin: calc(var(--image-box-shadow-width)*2) } @media (max-width:48.8125rem) { .is-style-drop-shadow { --image-box-shadow-margin: var(--image-box-shadow-width) } } .is-style-drop-shadow.alignleft, .is-style-drop-shadow.alignright, .is-style-drop-shadow.size-medium, .is-style-drop-shadow.size-thumbnail, .is-style-drop-shadow:is(.carousel__card figure) { --image-box-shadow-width: .5rem } @media (max-width:96.9375rem) { .is-style-drop-shadow.alignwide { --image-box-shadow-margin: var(--image-box-shadow-width) } } .is-style-drop-shadow .featured-article__image, .wp-block-image.is-style-drop-shadow, .wp-block-video.is-style-drop-shadow { color: #a51c30; color: var(--primary-page-color-ui) } @media (max-width:48.8125rem) { .is-style-drop-shadow .featured-article__image img, .is-style-drop-shadow .featured-article__image video, .wp-block-image.is-style-drop-shadow img, .wp-block-image.is-style-drop-shadow video, .wp-block-video.is-style-drop-shadow img, .wp-block-video.is-style-drop-shadow video { margin-right: var(--image-box-shadow-margin); width: calc(100% - var(--image-box-shadow-margin)) } } .is-style-drop-shadow .featured-article__image img, .is-style-drop-shadow .featured-article__image video, .wp-block-image.is-style-drop-shadow img, .wp-block-image.is-style-drop-shadow video, .wp-block-video.is-style-drop-shadow img, .wp-block-video.is-style-drop-shadow video { box-shadow: var(--image-box-shadow-width) calc(var(--image-box-shadow-width)*-1) currentColor; margin-top: var(--image-box-shadow-width) } .is-style-drop-shadow .featured-article__image figcaption, .wp-block-image.is-style-drop-shadow figcaption, .wp-block-video.is-style-drop-shadow figcaption { color: #000; color: var(--color-black) } .is-style-drop-shadow .featured-article__image.alignfull img, .is-style-drop-shadow .featured-article__image.alignfull video, .wp-block-image.is-style-drop-shadow.alignfull img, .wp-block-image.is-style-drop-shadow.alignfull video, .wp-block-video.is-style-drop-shadow.alignfull img, .wp-block-video.is-style-drop-shadow.alignfull video { margin-right: var(--image-box-shadow-margin); width: calc(100% - var(--image-box-shadow-margin)) } @media (max-width:96.9375rem) { .is-style-drop-shadow .featured-article__image.alignwide img, .is-style-drop-shadow .featured-article__image.alignwide video, .wp-block-image.is-style-drop-shadow.alignwide img, .wp-block-image.is-style-drop-shadow.alignwide video, .wp-block-video.is-style-drop-shadow.alignwide img, .wp-block-video.is-style-drop-shadow.alignwide video { margin-right: var(--image-box-shadow-margin); width: calc(100% - var(--image-box-shadow-margin)) } } .has-background>.is-style-drop-shadow { margin-top: calc(var(--image-box-shadow-margin)*.5) } .has-background>.is-style-drop-shadow img, .has-background>.is-style-drop-shadow video { margin-right: var(--image-box-shadow-margin); width: calc(100% - var(--image-box-shadow-margin)) } :where(body .is-layout-constrained)>.wp-block-image.alignleft, :where(body .is-layout-constrained)>.wp-block-image.alignright { -webkit-margin-after: var(--wp--preset--spacing--48); margin-block-end: var(--wp--preset--spacing--48) } .audio-transcript-wrapper figcaption, .immersive figcaption, .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert figcaption, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert figcaption { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--base); margin-top: clamp(.5rem, .72vw + .33rem, 1rem) } .wp-block-group-is-layout-flex .wp-block-image { --image-box-shadow-width: .5rem } .wp-block-group-is-layout-flex .wp-block-image.is-resized { display: table; flex-shrink: 0; max-width: -moz-fit-content; max-width: fit-content } .wp-block-group-is-layout-flex .wp-block-image.is-resized img { display: block } .wp-block-group-is-layout-flex .wp-block-image.is-resized figcaption { caption-side: bottom; display: table-caption } .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before { display: none } .wp-block-gallery.has-nested-images figure figcaption.wp-element-caption { background: 0 0; color: inherit; font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--base); padding: 0; position: static; text-align: left; text-shadow: none } .alignfull>.wp-element-caption, .article-header.alignfull .wp-element-caption, .image-scroll-replace:not(.image-scroll-replace--side-by-side).alignfull .wp-element-caption { margin-left: auto; margin-right: auto; max-width: var(--wp--style--global--wide-size); padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); width: calc(100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)) } .wp-element-caption--caption, .wp-element-caption--credit { margin: 0 } .wp-element-caption--credit { color: #726a5b; color: var(--color-grey-dark); font-style: italic } ol li::marker, ul li::marker { font-size: 1.2em } ol ::marker, ol ol>li::marker, ol ul>li::marker, ul ::marker, ul ol>li::marker, ul ul>li::marker { color: #63111d; color: var(--primary-page-color-text) } ol::-webkit-details-marker, ol::marker, ul::-webkit-details-marker, ul::marker { content: "" !important; display: none } ul { list-style-type: disc; /*square;*/ } ol[start="1"] { counter-reset: index 1 } ol[start="2"] { counter-reset: index 2 } ol[start="3"] { counter-reset: index 3 } ol[start="4"] { counter-reset: index 4 } ol[start="5"] { counter-reset: index 5 } ol[start="6"] { counter-reset: index 6 } ol[start="7"] { counter-reset: index 7 } ol[start="8"] { counter-reset: index 8 } ol[start="9"] { counter-reset: index 9 } ol[start="10"] { counter-reset: index 10 } ol[start="11"] { counter-reset: index 11 } ol[start="12"] { counter-reset: index 12 } ol[start="13"] { counter-reset: index 13 } ol[start="14"] { counter-reset: index 14 } ol[start="15"] { counter-reset: index 15 } ol[start="16"] { counter-reset: index 16 } ol[start="17"] { counter-reset: index 17 } ol[start="18"] { counter-reset: index 18 } ol[start="19"] { counter-reset: index 19 } ol[start="20"] { counter-reset: index 20 } ol[start="21"] { counter-reset: index 21 } ol[start="22"] { counter-reset: index 22 } ol[start="23"] { counter-reset: index 23 } ol[start="24"] { counter-reset: index 24 } ol[start="25"] { counter-reset: index 25 } ol[start="26"] { counter-reset: index 26 } ol[start="27"] { counter-reset: index 27 } ol[start="28"] { counter-reset: index 28 } ol[start="29"] { counter-reset: index 29 } ol[start="30"] { counter-reset: index 30 } ol[start="31"] { counter-reset: index 31 } ol[start="32"] { counter-reset: index 32 } ol[start="33"] { counter-reset: index 33 } ol[start="34"] { counter-reset: index 34 } ol[start="35"] { counter-reset: index 35 } ol[start="36"] { counter-reset: index 36 } ol[start="37"] { counter-reset: index 37 } ol[start="38"] { counter-reset: index 38 } ol[start="39"] { counter-reset: index 39 } ol[start="40"] { counter-reset: index 40 } ol[start="41"] { counter-reset: index 41 } ol[start="42"] { counter-reset: index 42 } ol[start="43"] { counter-reset: index 43 } ol[start="44"] { counter-reset: index 44 } ol[start="45"] { counter-reset: index 45 } ol[start="46"] { counter-reset: index 46 } ol[start="47"] { counter-reset: index 47 } ol[start="48"] { counter-reset: index 48 } ol[start="49"] { counter-reset: index 49 } ol[start="50"] { counter-reset: index 50 } ol[start="51"] { counter-reset: index 51 } ol[start="52"] { counter-reset: index 52 } ol[start="53"] { counter-reset: index 53 } ol[start="54"] { counter-reset: index 54 } ol[start="55"] { counter-reset: index 55 } ol[start="56"] { counter-reset: index 56 } ol[start="57"] { counter-reset: index 57 } ol[start="58"] { counter-reset: index 58 } ol[start="59"] { counter-reset: index 59 } ol[start="60"] { counter-reset: index 60 } ol[start="61"] { counter-reset: index 61 } ol[start="62"] { counter-reset: index 62 } ol[start="63"] { counter-reset: index 63 } ol[start="64"] { counter-reset: index 64 } ol[start="65"] { counter-reset: index 65 } ol[start="66"] { counter-reset: index 66 } ol[start="67"] { counter-reset: index 67 } ol[start="68"] { counter-reset: index 68 } ol[start="69"] { counter-reset: index 69 } ol[start="70"] { counter-reset: index 70 } ol[start="71"] { counter-reset: index 71 } ol[start="72"] { counter-reset: index 72 } ol[start="73"] { counter-reset: index 73 } ol[start="74"] { counter-reset: index 74 } ol[start="75"] { counter-reset: index 75 } ol[start="76"] { counter-reset: index 76 } ol[start="77"] { counter-reset: index 77 } ol[start="78"] { counter-reset: index 78 } ol[start="79"] { counter-reset: index 79 } ol[start="80"] { counter-reset: index 80 } ol[start="81"] { counter-reset: index 81 } ol[start="82"] { counter-reset: index 82 } ol[start="83"] { counter-reset: index 83 } ol[start="84"] { counter-reset: index 84 } ol[start="85"] { counter-reset: index 85 } ol[start="86"] { counter-reset: index 86 } ol[start="87"] { counter-reset: index 87 } ol[start="88"] { counter-reset: index 88 } ol[start="89"] { counter-reset: index 89 } ol[start="90"] { counter-reset: index 90 } ol[start="91"] { counter-reset: index 91 } ol[start="92"] { counter-reset: index 92 } ol[start="93"] { counter-reset: index 93 } ol[start="94"] { counter-reset: index 94 } ol[start="95"] { counter-reset: index 95 } ol[start="96"] { counter-reset: index 96 } ol[start="97"] { counter-reset: index 97 } ol[start="98"] { counter-reset: index 98 } ol[start="99"] { counter-reset: index 99 } ol[start="100"] { counter-reset: index 100 } ol { display: list-item } ol li:is(ol>li) { counter-increment: index; padding-left: 1rem } ol li:is(ol>li)::marker { font-family: var(--wp--preset--font-family--sanomat) } ol li:is(ol>li) ol>li::marker { font-size: 1em } blockquote, blockquote.is-layout-flow { -webkit-margin-end: 0; -webkit-margin-start: 0; container: blockquote/inline-size; margin-inline-end: 0; margin-inline-start: 0 } blockquote p, blockquote.is-layout-flow p { margin: 1.5rem 0 } blockquote p:last-child, blockquote.is-layout-flow p:last-child { margin-bottom: 0 !important } blockquote p:not([class*=font-size]), blockquote.is-layout-flow p:not([class*=font-size]) { font-size: clamp(1.5rem, .72vw + 1.33rem, 2rem); line-height: 1.35 } @container blockquote (width>=37.5625rem) { blockquote p:not([class*=font-size]), blockquote.is-layout-flow p:not([class*=font-size]) { font-size: 2.5rem; line-height: 1.3; margin: 2rem 0; /* added */ font-weight: 600; } } @container blockquote (width>45.5rem) { blockquote p:not([class*=font-size]), blockquote.is-layout-flow p:not([class*=font-size]) { font-size: 3rem; line-height: 1.25 } } blockquote p+p, blockquote.is-layout-flow p+p { margin-top: 0 } blockquote cite, blockquote.is-layout-flow cite { -webkit-margin-before: 0 !important; align-self: center; -moz-column-gap: .3125rem; column-gap: .3125rem; font-size: clamp(1.25rem, .36vw + 1.17rem, 1.5rem); font-style: normal; line-height: var(--wp--custom--line-height--medium); margin-block-start: 0 !important } @container blockquote (width>=37.5625rem) { blockquote cite, blockquote.is-layout-flow cite { font-size: 2rem } } blockquote cite:before, blockquote.is-layout-flow cite:before { content: "— " } .wp-block-quote { -webkit-margin-after: var(--wp--preset--spacing--120); -webkit-margin-before: var(--wp--preset--spacing--120); display: grid; grid-auto-rows: min-content; grid-template-columns: calc(8px + 1rem) auto; margin-block-end: var(--wp--preset--spacing--120); margin-block-start: var(--wp--preset--spacing--120) } @media (min-width:75rem) { .wp-block-quote:is(.is-content-justification-center>:not(.alignwide):not(.alignfull)) { margin-left: calc((100% - var(--contentCol-width))/2) !important; margin-right: calc((100% - var(--contentCol-width))/2) !important } } .wp-block-quote:before { border-left: 8px solid #a51c30; border-left: 8px solid var(--primary-page-color-ui); content: ""; grid-column: 1/span 1; grid-row: 1/span 10; height: 100%; margin: 0 1rem 0 0 } .wp-block-quote.has-text-align-center, .wp-block-quote.is-style-plain { grid-template-columns: auto } .wp-block-quote.is-style-plain:before { display: none } .wp-block-quote:not(.has-text-align-center):not(.pin-quote.has-text-align-center .wp-block-quote) p:first-of-type { -webkit-margin-before: 0; margin-block-start: 0 } .wp-block-quote.has-text-align-right { grid-template-columns: auto calc(8px + 1rem) } .wp-block-quote.has-text-align-right:before { grid-column: 2/span 1; margin: 0 0 0 1rem } .pin-quote.has-text-align-center .wp-block-quote:before, .wp-block-quote.has-text-align-center:before { border-left: 0; border-top: 8px solid #a51c30; border-top: 8px solid var(--primary-page-color-ui); content: ""; grid-row: 1/span 1; margin: 0 auto; width: 5.5rem } .wp-block-pullquote { -webkit-margin-after: var(--wp--preset--spacing--120); -webkit-margin-before: var(--wp--preset--spacing--120); container: pullquote/inline-size; margin-block-end: var(--wp--preset--spacing--120); margin-block-start: var(--wp--preset--spacing--120); padding: 0 } .wp-block-pullquote blockquote { margin: 0; padding: 1.5rem } @container pullquote (width>=37.5625rem) { .wp-block-pullquote blockquote { padding: 2rem } } @container pullquote (width>45.5rem) { .wp-block-pullquote blockquote { padding: 6rem } } .wp-block-pullquote blockquote:before { border-top: 8px solid #a51c30; border-top: 8px solid var(--primary-page-color-ui); content: ""; display: block; margin: 0 auto; width: 5.5rem } .wp-block-query-pagination { justify-content: center; padding-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); padding-top: clamp(1rem, 1.44vw + .66rem, 2rem) } .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; gap: 1.25rem; list-style-type: none; margin: 0; padding: 0 } .audio-transcript-wrapper .wp-block-details .wp-block-query-pagination-numbers summary:not(:hover):not(:focus), .wp-block-query-pagination-numbers .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .wp-block-query-pagination-numbers a:not(:hover):not(:focus) { text-decoration: none } .wp-block-query-pagination-numbers li { margin: 0 } .page-numbers { font-weight: 400; padding: 0 .75rem } .page-numbers.current { color: #a51c30; color: var(--color-crimson); position: relative } .page-numbers.current:after { border-top: 4px solid #a51c30; border-top: 4px solid var(--primary-page-color-ui); content: ""; display: block; left: 0; margin-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); position: absolute; top: calc(100% + .125rem); width: 3rem; width: 100% } .wp-block-query-pagination-next, .wp-block-query-pagination-previous { margin-bottom: 0 } .wp-block-query-pagination-next:not(:hover):not(:focus), .wp-block-query-pagination-previous:not(:hover):not(:focus) { text-decoration: none } .wp-block-query-pagination-next .is-arrow-arrow, .wp-block-query-pagination-previous .is-arrow-arrow { text-decoration: inherit } .wp-block-query-pagination-next .is-arrow-arrow:first-child, .wp-block-query-pagination-previous .is-arrow-arrow:first-child { margin: 0; padding: 0 .5rem } .wp-block-search { margin-top: 0 } .wp-block-search .wp-block-search__inside-wrapper { gap: clamp(.25rem, .36vw + .17rem, .5rem); margin-top: 1.375rem } @media (min-width:48.875rem) { .wp-block-search .wp-block-search__inside-wrapper { margin-top: 1rem } } .wp-block-search .wp-block-search__label { font-family: var(--wp--preset--font-family--sanomat); font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } .wp-block-search input[type=search] { border: 2px solid #000; border: 2px solid var(--color-black); margin: 0 } @media (max-width:48.8125rem) { .wp-block-search input[type=search] { padding-left: .5rem; padding-right: .5rem } } .wp-block-search .wp-block-search__button, .wp-block-search button[type=submit] { background-color: #a51c30; background-color: var(--color-crimson); border-color: #a51c30; border-color: var(--color-crimson); color: #fff; color: var(--color-white); margin: 0; padding: .8125rem clamp(.81rem, 1.71vw + .41rem, 2rem) !important } .wp-block-search .wp-block-search__button:hover, .wp-block-search button[type=submit]:hover { background-color: #63111d; background-color: var(--color-crimson-dark); border-color: #63111d; border-color: var(--color-crimson-dark); filter: none } .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button:focus-visible, .wp-block-search button[type=submit]:focus, .wp-block-search button[type=submit]:focus-visible { outline-color: #a51c30; outline-color: var(--color-crimson) } .wp-block-separator, .wp-block-separator.is-style-default { background: none !important; border-bottom: none; border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); color: #a51c30; color: var(--primary-page-color-ui); width: 100% } .wp-block-separator.is-style-narrow-double-line, .wp-block-separator.is-style-narrow-single-line, .wp-block-separator.is-style-squares { border: none; display: flex; justify-content: center; line-height: 1 } .wp-block-separator.is-style-squares:before { content: "■■■"; display: block; font-size: 1.4rem; letter-spacing: .25rem; padding-left: .15rem; text-align: center } .wp-block-separator.is-style-narrow-double-line:before, .wp-block-separator.is-style-narrow-single-line:before { border-bottom: none; border-top: 4px solid; content: ""; width: 3rem } .wp-block-separator.is-style-narrow-double-line:before { border-bottom: 1px solid; height: 4px } .wp-block-social-links .wp-social-link:hover { transform: none } .wp-block-social-links .wp-social-link span:not(.screen-reader-text) { color: #000; color: initial; font-size: var(--wp--preset--font-size--small); font-weight: 700; line-height: var(--wp--custom--line-height--base) } .audio-transcript-wrapper .wp-block-details .wp-block-social-links.is-style-logos-only .wp-social-link summary:focus-visible, .wp-block-social-links.is-style-logos-only .wp-social-link .audio-transcript-wrapper .wp-block-details summary:focus-visible, .wp-block-social-links.is-style-logos-only .wp-social-link a:focus-visible { outline-color: #000; outline-color: var(--color-black) } .wp-block-social-links .wp-block-social-link-anchor:hover span { text-decoration: underline; text-decoration-color: #000; text-decoration-color: var(--color-black); text-decoration-thickness: clamp(3px, .12em, 9px); text-underline-offset: clamp(1.5px, .1em, 8px) } .wp-block-video { grid-column-gap: min(4cqw, 1.5rem); -moz-column-gap: min(4cqw, 1.5rem); column-gap: min(4cqw, 1.5rem); container: video/inline-size; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr auto auto; position: relative } @media (min-width:75rem) { .wp-block-video:is(.is-content-justification-center>:not(.alignwide):not(.alignfull)) { margin-left: calc((100% - var(--contentCol-width))/2) !important; margin-right: calc((100% - var(--contentCol-width))/2) !important } } .wp-block-video .embed-youtube, .wp-block-video .video-overlay-image, .wp-block-video .wp-block-video--fixed, .wp-block-video iframe, .wp-block-video video, .wp-block-video.wp-block-video--poster:before { grid-column: 1/span 2; grid-row: 1/span 2; height: 100%; vertical-align: bottom; width: 100% } .wp-block-video .embed-youtube, .wp-block-video iframe { aspect-ratio: 16/9; display: block; height: auto; width: 100% } .wp-block-video .embed-youtube, .wp-block-video iframe, .wp-block-video video { height: intrinsic; width: 100% } .wp-block-video .wp-element-caption { grid-column: 1/span 2; width: 100% } .wp-block-video .video-overlay-image { aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; position: relative } .wp-block-video.wp-block-video--poster:before { background: rgba(0, 0, 0, .55); background: var(--color-black-55); content: ""; pointer-events: none; position: relative; z-index: 1 } .wp-block-video.no-overlay.wp-block-video--poster:before { background: 0 0 } .wp-block-video iframe.focused-within { outline: 2px solid #a51c30; outline: 2px solid var(--primary-page-color-ui); outline-offset: 3px } .wp-block-video video:focus-visible { outline: 2px solid #a51c30; outline: 2px solid var(--primary-page-color-ui); outline-offset: 3px } .wp-block-video video:focus-within { outline: 2px solid #a51c30; outline: 2px solid var(--primary-page-color-ui); outline-offset: 3px } .wp-block-video video::-webkit-media-controls-fullscreen-button:focus-visible, .wp-block-video video::-webkit-media-controls-mute-button:focus-visible, .wp-block-video video::-webkit-media-controls-play-button:focus-visible, .wp-block-video video::-webkit-media-controls-volume-slider:focus-visible { outline: 2px solid #fff; outline: 2px solid var(--color-white); outline-offset: -2px } .wp-block-video video::-webkit-media-controls-timeline { margin: -.25rem .75rem 1rem; padding: .25rem } .wp-block-video video::-webkit-media-controls-timeline:focus-visible { outline: 2px solid #fff; outline: 2px solid var(--color-white); outline-offset: 3px } @container video (width>=37.5625rem) { .video-poster-button, .video-poster-info { --button-width: 6rem } } @container video (width>=45.5rem) { .video-poster-button, .video-poster-info { --button-width: 7.5rem } } .video-poster-info { color: #fff; color: var(--color-white); display: grid; grid-column: 2/span 1; grid-row: 2/span 1; grid-template-rows: auto auto; margin: var(--button-margin); margin-left: 0; position: relative; z-index: 1 } .video-poster-info[hidden] { display: none } .video-poster-info__length, .video-poster-info__text { -webkit-margin-before: 0 !important; margin: 0; margin-block-start: 0 !important } @container video (width <=37.5625rem) { .video-poster-info__length, .video-poster-info__text { display: inline } } .video-poster-info__text { align-self: end } @container video (width <=37.5625rem) { .video-poster-info__text { font-size: 1.5rem } } .video-poster-info__length { align-self: start } @container video (width <=37.5625rem) { .video-poster-info__length { margin-left: .3125rem } .video-poster-info__length:before { content: "(" } .video-poster-info__length:after { content: ")" } } .video-poster-button { align-items: center; align-self: end; aspect-ratio: 1/1; background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); border: 0; color: #fff; color: var(--primary-page-color-reverse-text); cursor: pointer; display: flex; grid-column: 1/span 1; grid-row: 2/span 1; justify-content: center; margin: var(--button-margin); margin-right: 0; padding: 0; position: relative; width: var(--button-width); z-index: 1 } .video-poster-button:before { background-color: currentColor; content: ""; height: 2rem; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC43NjEgMTQuODU2YTEuMzMzIDEuMzMzIDAgMCAxIDAgMi4yODdMOC42ODcgMjYuNzg4YTEuMzMzIDEuMzMzIDAgMCAxLTIuMDE5LTEuMTQzVjYuMzU1YTEuMzMzIDEuMzMzIDAgMCAxIDIuMDItMS4xNDRsMTYuMDc0IDkuNjQ1WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC43NjEgMTQuODU2YTEuMzMzIDEuMzMzIDAgMCAxIDAgMi4yODdMOC42ODcgMjYuNzg4YTEuMzMzIDEuMzMzIDAgMCAxLTIuMDE5LTEuMTQzVjYuMzU1YTEuMzMzIDEuMzMzIDAgMCAxIDIuMDItMS4xNDRsMTYuMDc0IDkuNjQ1WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; width: 2rem } @media print { .video-poster-button, .video-poster-button:before { background-color: transparent } .video-poster-button:before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC43NjEgMTQuODU2YTEuMzMzIDEuMzMzIDAgMCAxIDAgMi4yODdMOC42ODcgMjYuNzg4YTEuMzMzIDEuMzMzIDAgMCAxLTIuMDE5LTEuMTQzVjYuMzU1YTEuMzMzIDEuMzMzIDAgMCAxIDIuMDItMS4xNDRsMTYuMDc0IDkuNjQ1WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask: initial; mask: initial; scale: 1.2 } } .video-poster-button:focus-visible { outline: 2px solid #fff; outline: 2px solid var(--color-white); outline-offset: 3px } .video-poster-button[hidden] { display: none } .video-poster-button:focus, .video-poster-button:focus-visible, .video-poster-button:hover { background-color: #63111d; background-color: var(--primary-page-color-text) } .has-green-color .video-poster-button:focus, .has-green-color .video-poster-button:focus-visible, .has-green-color .video-poster-button:hover, .has-grey-color .video-poster-button:focus, .has-grey-color .video-poster-button:focus-visible, .has-grey-color .video-poster-button:hover { filter: contrast(3) } .has-ochre-color .video-poster-button:focus, .has-ochre-color .video-poster-button:focus-visible, .has-ochre-color .video-poster-button:hover { color: #fff; color: var(--color-white) } @container video (width>=37.5625rem) { .video-poster-button:before { height: 3.5rem; width: 3.5rem } } @container video (width>=45.5rem) { .video-poster-button:before { height: 4.5rem; width: 4.5rem } } .video-ambient-controls { align-items: center; align-self: end; aspect-ratio: 1/1; background-color: #fff; background-color: var(--color-white); border: 0; color: #63111d; color: var(--primary-page-color-text); cursor: pointer; display: flex; grid-column: 2/span 1; grid-row: 2/span 1; justify-content: center; justify-self: end; margin: var(--button-margin); padding: 0; width: var(--button-width); z-index: 1 } .video-ambient-controls:before { background-color: currentColor; content: ""; height: 2rem; -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC43NjEgMTQuODU2YTEuMzMzIDEuMzMzIDAgMCAxIDAgMi4yODdMOC42ODcgMjYuNzg4YTEuMzMzIDEuMzMzIDAgMCAxLTIuMDE5LTEuMTQzVjYuMzU1YTEuMzMzIDEuMzMzIDAgMCAxIDIuMDItMS4xNDRsMTYuMDc0IDkuNjQ1WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC43NjEgMTQuODU2YTEuMzMzIDEuMzMzIDAgMCAxIDAgMi4yODdMOC42ODcgMjYuNzg4YTEuMzMzIDEuMzMzIDAgMCAxLTIuMDE5LTEuMTQzVjYuMzU1YTEuMzMzIDEuMzMzIDAgMCAxIDIuMDItMS4xNDRsMTYuMDc0IDkuNjQ1WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; width: 2rem } @media print { .video-ambient-controls, .video-ambient-controls:before { background-color: transparent } .video-ambient-controls:before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC43NjEgMTQuODU2YTEuMzMzIDEuMzMzIDAgMCAxIDAgMi4yODdMOC42ODcgMjYuNzg4YTEuMzMzIDEuMzMzIDAgMCAxLTIuMDE5LTEuMTQzVjYuMzU1YTEuMzMzIDEuMzMzIDAgMCAxIDIuMDItMS4xNDRsMTYuMDc0IDkuNjQ1WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask: initial; mask: initial; scale: 1.2 } } .video-ambient-controls:focus-visible { outline: 2px solid #63111d; outline: 2px solid var(--primary-page-color-text); outline-offset: 3px } .video-ambient-controls[hidden] { display: none } .video-ambient-controls:focus, .video-ambient-controls:focus-visible, .video-ambient-controls:hover { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); color: #fff; color: var(--primary-page-color-reverse-text) } .video-ambient-controls.pause:before { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY2NyA1LjMzM3YyMS4zMzRIMTJWNS4zMzNINi42NjdaTTIwIDUuMzMzdjIxLjMzNGg1LjMzM1Y1LjMzM0gyMFoiIGZpbGw9IiNBNTFDMzAiLz48L3N2Zz4=); mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY2NyA1LjMzM3YyMS4zMzRIMTJWNS4zMzNINi42NjdaTTIwIDUuMzMzdjIxLjMzNGg1LjMzM1Y1LjMzM0gyMFoiIGZpbGw9IiNBNTFDMzAiLz48L3N2Zz4=) } @media (min-width:45.5625rem) { .wp-block-video.alignfull, .wp-block-video.alignwide { --button-margin: 3rem; -moz-column-gap: 2rem; column-gap: 2rem } .wp-block-video.alignfull .video-poster-info__text, .wp-block-video.alignwide .video-poster-info__text { font-size: var(--wp--preset--font-size--h-3-title) } .wp-block-video.alignfull .video-poster-button, .wp-block-video.alignfull .video-poster-info, .wp-block-video.alignwide .video-poster-button, .wp-block-video.alignwide .video-poster-info { --button-width: 9rem } .wp-block-video.alignfull video::-webkit-media-controls-timeline, .wp-block-video.alignwide video::-webkit-media-controls-timeline { margin-left: 1.75rem; margin-right: 1.75rem } } .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert, .wp-block-table, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert { text-align: left } .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert tbody, .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert td, .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert tfoot, .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert th, .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert thead, .wp-block .gform_wrapper.gravity-theme table.is-style-stripes.gsurvey-likert, .wp-block-table tbody, .wp-block-table td, .wp-block-table tfoot, .wp-block-table th, .wp-block-table thead, .wp-block-table.is-style-stripes, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert tbody, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert td, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert tfoot, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert th, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert thead, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.is-style-stripes.gsurvey-likert, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert tbody, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert td, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert tfoot, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert th, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert thead, .wp-site-blocks .gform_wrapper.gravity-theme table.is-style-stripes.gsurvey-likert { border: 0 } .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert td, .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert th, .wp-block-table td, .wp-block-table th, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert td, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert th, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert td, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert th { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--base); padding: clamp(1rem, .72vw + .83rem, 1.5rem) clamp(.75rem, 1.08vw + .5rem, 1.5rem); vertical-align: top } @media (max-width:48.8125rem) { .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert td, .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert th, .wp-block-table td, .wp-block-table th, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert td, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert th, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert td, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert th { text-wrap: nowrap } } .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert tfoot, .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert th, .wp-block-table tfoot, .wp-block-table th, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert tfoot, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert th, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert tfoot, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert th { font-weight: 700 } .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert tr, .wp-block-table tr, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert tr, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert tr { border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey) } .wp-block .gform_wrapper.gravity-theme table.is-style-stripes.gsurvey-likert tr, .wp-block-table.is-style-stripes tr, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.is-style-stripes.gsurvey-likert tr, .wp-site-blocks .gform_wrapper.gravity-theme table.is-style-stripes.gsurvey-likert tr { border-color: transparent } .wp-block .gform_wrapper.gravity-theme table.is-style-stripes.gsurvey-likert tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd), .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.is-style-stripes.gsurvey-likert tbody tr:nth-child(odd), .wp-site-blocks .gform_wrapper.gravity-theme table.is-style-stripes.gsurvey-likert tbody tr:nth-child(odd) { background-color: #faedda; background-color: var(--color-sand) } .wp-block .gform_wrapper.gravity-theme table.gsurvey-likert:not(.is-selected) figcaption span:empty, .wp-block-table:not(.is-selected) figcaption span:empty, .wp-site-blocks .gform_confirmation_wrapper.gravity-theme table.gsurvey-likert:not(.is-selected) figcaption span:empty, .wp-site-blocks .gform_wrapper.gravity-theme table.gsurvey-likert:not(.is-selected) figcaption span:empty { display: none } figure.wp-block-table:has(.wp-block-columns+figcaption)>.wp-block-columns { margin-bottom: 0 } @media (max-width:48.8125rem) { .blog .pin-column-content:before, .blog .pin-column-sidebar { display: none } } .archive-main+.site-footer { margin-top: 0 } .archive-pagination, .article-footer { background-color: #fff; background-color: var(--color-white) } .article-footer { clear: both; padding-bottom: clamp(2rem, 4.31vw + .99rem, 5rem); padding-top: clamp(2rem, 4.31vw + .99rem, 5rem); position: relative } .article-footer:before { border-bottom: 1px solid #a51c30; border-bottom: 1px solid var(--primary-page-color-ui); border-top: 4px solid #a51c30; border-top: 4px solid var(--primary-page-color-ui); bottom: 100%; content: ""; display: block; height: 4px; margin: 0; position: absolute; width: 3rem; width: 100% } .article-footer .featured-articles__title:before, .article-footer .trending-articles__title:before { display: none } .post-type-archive-books .site-header .is-layout-flex.is-nowrap, .single-books .site-header .is-layout-flex.is-nowrap, .tax-book_author .site-header .is-layout-flex.is-nowrap, .tax-book_category .site-header .is-layout-flex.is-nowrap { flex-wrap: nowrap } .post-type-archive-books .site-header .site-header__wrapper, .single-books .site-header .site-header__wrapper, .tax-book_author .site-header .site-header__wrapper, .tax-book_category .site-header .site-header__wrapper { flex-wrap: nowrap; gap: var(--wp--preset--spacing--120); justify-content: space-between } .post-type-archive-books .site-header__navigation-container, .single-books .site-header__navigation-container, .tax-book_author .site-header__navigation-container, .tax-book_category .site-header__navigation-container { flex-wrap: nowrap; justify-content: flex-end } .post-type-archive-books .topics-bar__row, .single-books .topics-bar__row, .tax-book_author .topics-bar__row, .tax-book_category .topics-bar__row { flex-wrap: nowrap; justify-content: center } .single-books .wbg-book-single-section { margin: clamp(1.5rem, 3.23vw + .74rem, 3.75rem) auto 0; max-width: var(--wp--style--global--wide-size) !important; width: 100% } .single-books .wbg-book-single-section .wbg-details-book-info { grid-gap: 2rem; display: grid !important; grid-template-columns: 100% !important } @media (min-width:75rem) { .single-books .wbg-book-single-section .wbg-details-book-info { display: flex !important } } .single-books .wbg-book-single-section .wbg-details-wrapper { position: relative; width: 100% !important } @media (min-width:75rem) { .single-books .wbg-book-single-section .wbg-details-wrapper { display: flex !important; flex-wrap: wrap } } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-image { aspect-ratio: 1/1; background-color: #faedda; background-color: var(--color-sand); box-sizing: border-box; overflow: hidden; padding: 1rem; text-align: center; width: 100% } @media (min-width:75rem) { .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-image { margin-bottom: -100%; max-height: 37.5rem; max-width: 37.5rem; width: 43% } } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-image img { height: 100% !important; margin: auto !important; max-width: 100%; -o-object-fit: cover; object-fit: cover; width: auto !important } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description-title { display: none } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary { order: -1 } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary:before { content: "Harvard Reads"; display: block; font-size: clamp(.63rem, .36vw + .54rem, .88rem); font-weight: 700; letter-spacing: .105rem; line-height: var(--wp--custom--line-height--medium); text-transform: uppercase; width: -moz-fit-content; width: fit-content } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary .wbg-details-book-title { color: #000 !important; color: var(--color-black) !important; font-size: clamp(2.13rem, 2.7vw + 1.49rem, 4rem) !important; line-height: clamp(2.38rem, 2.7vw + 1.74rem, 4.25rem) !important; margin-bottom: 0 !important; margin-top: 1.5rem !important } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary .wbg-single-link-author, .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary .wbg-single-link[href*=book-author] { color: #000 !important; color: var(--color-black) !important; cursor: auto; font-weight: 700 } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary span { font-weight: 700; margin-bottom: 0 !important } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary span:first-of-type { margin-top: clamp(1.5rem, 1.44vw + 1.16rem, 2.5rem) !important } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary span:first-of-type:before { border-top: 4px solid #a51c30; border-top: 4px solid var(--primary-page-color-ui); content: ""; display: block; margin-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); width: 3rem } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary .wbg-single-button-container { display: none } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description, .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary { padding: 0 !important } @media (min-width:75rem) { .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description, .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary { margin-left: auto; max-width: var(--wp--style--global--content-size); order: 0; width: 50% } } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description { font-size: var(--wp--preset--font-size--large) !important; line-height: 1.6 !important; margin-top: clamp(2rem, 2.52vw + 1.41rem, 3.75rem); max-width: var(--wp--style--global--content-size) } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description .wp-block-buttons { margin: clamp(1.5rem, 2.16vw + .99rem, 3rem) 0 clamp(0rem, 4.31vw + -1.01rem, 3rem) } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description .wp-block-button__link { display: inline-block } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description-content { padding: 0 } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-btn-back { display: none } .post-type-archive-books .wbg-parent-wrapper, .tax-book_author .wbg-parent-wrapper, .tax-book_category .wbg-parent-wrapper { background-color: transparent; border: none; box-shadow: none; margin-top: clamp(.5rem, 2.52vw + -.09rem, 2.25rem); max-width: var(--wp--style--global--wide-size) !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container, .tax-book_author .wbg-parent-wrapper .wbg-search-container, .tax-book_category .wbg-parent-wrapper .wbg-search-container { --item-padding: .4375rem .5625rem; background-color: #faedda; background-color: var(--color-sand); border: none; display: flex; flex-direction: column; gap: 1rem; margin: 0 -.5rem; padding: .5rem } @media (min-width:768px) { .post-type-archive-books .wbg-parent-wrapper .wbg-search-container, .tax-book_author .wbg-parent-wrapper .wbg-search-container, .tax-book_category .wbg-parent-wrapper .wbg-search-container { background-color: transparent; flex-direction: row; margin: 0; padding: 0 } } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container ::-moz-placeholder, .tax-book_author .wbg-parent-wrapper .wbg-search-container ::-moz-placeholder, .tax-book_category .wbg-parent-wrapper .wbg-search-container ::-moz-placeholder { color: #000 !important; color: var(--color-black) !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container ::placeholder, .tax-book_author .wbg-parent-wrapper .wbg-search-container ::placeholder, .tax-book_category .wbg-parent-wrapper .wbg-search-container ::placeholder { color: #000 !important; color: var(--color-black) !important } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container a#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container input, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container select, .tax-book_author .wbg-parent-wrapper .wbg-search-container .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container a#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container input, .tax-book_author .wbg-parent-wrapper .wbg-search-container select, .tax-book_category .wbg-parent-wrapper .wbg-search-container .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container a#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container input, .tax-book_category .wbg-parent-wrapper .wbg-search-container select { border-radius: 0; box-sizing: border-box; font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); font-size: var(--wp--preset--font-size--large); font-weight: 400; height: 100%; line-height: var(--wp--custom--line-height--large); min-height: 3rem; padding: var(--item-padding) !important; width: 100% !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item { border: none; flex-grow: 1 } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item:first-of-type, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item:first-of-type, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item:first-of-type { flex-grow: 2 } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text], .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text], .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text] { background-color: #fff !important; background-color: var(--color-white) !important; border-color: #b9b8ad; border-color: var(--color-grey); color: #000 !important; color: var(--color-black) !important; margin: 0 !important } @media (min-width:768px) { .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text], .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text], .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text] { background-color: transparent !important } } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text][name=wbg_title_s], .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text][name=wbg_title_s], .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text][name=wbg_title_s] { background: 100% no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE4LjkxMiAxOC45MTIgMjQuNSAyNC41IiBzdHJva2U9IiNBNTFDMzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuNSAyMC41YTYgNiAwIDEgMCAwLTEyIDYgNiAwIDAgMCAwIDEyWiIgc3Ryb2tlPSIjQTUxQzMwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=); padding-right: 2rem !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single { height: 100% } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input { align-items: center; border-radius: 0; display: flex; height: 100%; justify-content: space-between; padding: var(--item-padding) !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after { border: solid; border-width: 0 .125rem .125rem 0; color: #63111d; color: var(--primary-page-color-text); content: ""; display: inline-block; height: .55rem; left: .1875rem; margin-left: .75rem; margin-left: 1rem; margin-right: .1875rem; margin-right: .375rem; position: relative; top: -.1875rem; transform: rotate(-45deg); transform: rotate(45deg); width: .55rem } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input input { height: auto; padding: 0 !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after { color: #a51c30; color: var(--primary-page-color-ui); margin-top: 0 } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus { box-shadow: none; outline: 2px solid #a51c30; outline: 2px solid var(--primary-page-color-ui); outline-offset: 4px } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus:after, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus:after, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus:after { left: .1875rem; margin-left: 1rem; margin-right: .375rem; top: .1875rem; transform: rotate(-135deg) } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active { justify-content: flex-start } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active input { flex-grow: 2; width: .25rem !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown { background-color: #fffbf4; background-color: var(--color-sand-light); border-color: #b9b8ad; border-color: var(--color-grey); border-radius: 0; border-top-color: transparent; box-shadow: none; margin: -2px 0 0; top: 100% !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option { color: #000; color: var(--color-black); font-size: var(--wp--preset--font-size--large); line-height: var(--wp--custom--line-height--large); margin: 0 .25rem; padding: .4375rem .3125rem !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option.active, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option.active, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option.active { background-color: #faedda; background-color: var(--color-sand) } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); border: 2px solid #a51c30; border: 2px solid var(--primary-page-color-reverse-background); border-radius: 0; color: currentColor; color: #fff; color: var(--color-white); cursor: pointer; font-size: 1rem; font-weight: 700; letter-spacing: 1.92px; line-height: var(--wp--custom--line-height--close); margin-bottom: 0 !important; outline: 2px solid transparent; padding: clamp(.75rem, .72vw + .58rem, 1.25rem) 2rem !important; padding: var(--item-padding) !important; text-transform: uppercase } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:hover { background-color: #63111d; background-color: var(--primary-page-color-text); border-color: #63111d; border-color: var(--primary-page-color-text) } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus-visible { outline-color: #a51c30; outline-color: var(--primary-page-color-reverse-background); outline-offset: 4px } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh { align-items: center; background-color: transparent; border-color: currentColor; color: #a51c30; color: var(--primary-page-color-reverse-background); display: flex; justify-content: center } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover { border-color: #63111d; border-color: var(--primary-page-color-text); outline-color: #63111d; outline-color: var(--primary-page-color-text); outline-offset: -4px } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible { outline-color: currentColor } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover { background: 0 0 } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:before, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:before, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:before, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:before, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:before, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:before, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:before, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:before, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:before { content: "Reset filters" } .post-type-archive-books .wbg-parent-wrapper .wbg-total-books-title, .tax-book_author .wbg-parent-wrapper .wbg-total-books-title, .tax-book_category .wbg-parent-wrapper .wbg-total-books-title { font-size: var(--wp--preset--font-size--large); margin-top: clamp(1rem, .72vw + .83rem, 1.5rem); text-align: left } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper { border: none; gap: clamp(1rem, 3.23vw + .24rem, 3.25rem) clamp(1rem, 1.44vw + .66rem, 2rem); margin-top: clamp(1rem, .72vw + .83rem, 1.5rem) } @media (min-width:768px) { .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); padding-top: var(--wp--preset--spacing--32) } } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list { padding-top: 0 } .post-type-archive-books .wbg-parent-wrapper .wbg-item, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper, .tax-book_author .wbg-parent-wrapper .wbg-item, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper, .tax-book_category .wbg-parent-wrapper .wbg-item, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper { background-color: transparent; border: none; margin: 0; position: relative } .post-type-archive-books .wbg-parent-wrapper .wbg-item:before, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before, .tax-book_author .wbg-parent-wrapper .wbg-item:before, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before, .tax-book_category .wbg-parent-wrapper .wbg-item:before, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before { background-color: #faedda; background-color: var(--color-sand); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } .post-type-archive-books .wbg-parent-wrapper .wbg-item, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials, .tax-book_author .wbg-parent-wrapper .wbg-item, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials, .tax-book_category .wbg-parent-wrapper .wbg-item, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials { display: flex; flex-direction: column; row-gap: .5rem } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-author, .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-category, .post-type-archive-books .wbg-parent-wrapper .wbg-item .wbg-description-content, .post-type-archive-books .wbg-parent-wrapper .wbg-item .wbg-title, .post-type-archive-books .wbg-parent-wrapper .wbg-item a.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-author, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-category, .tax-book_author .wbg-parent-wrapper .wbg-item .wbg-description-content, .tax-book_author .wbg-parent-wrapper .wbg-item .wbg-title, .tax-book_author .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-author, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-category, .tax-book_category .wbg-parent-wrapper .wbg-item .wbg-description-content, .tax-book_category .wbg-parent-wrapper .wbg-item .wbg-title, .tax-book_category .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link { color: #000 !important; color: var(--color-black) !important; font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); margin: 0; padding: 0; text-align: left } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item a.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link { font-family: var(--wp--preset--font-family--sanomat); font-size: clamp(1.25rem, .36vw + 1.17rem, 1.5rem) !important; font-weight: 500; line-height: clamp(1.75rem, .36vw + 1.67rem, 2rem) } .post-type-archive-books .wbg-parent-wrapper .wbg-item .wbg-rating, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-rating, .tax-book_author .wbg-parent-wrapper .wbg-item .wbg-rating, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-rating, .tax-book_category .wbg-parent-wrapper .wbg-item .wbg-rating, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-rating { display: none } .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-category, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-category, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-category, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category { color: #726a5b !important; color: var(--color-grey-dark) !important; font-size: var(--wp--preset--font-size--small) !important; line-height: var(--wp--custom--line-height--base) } .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-author, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-author, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-author, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author { font-size: var(--wp--preset--font-size--medium) !important; line-height: var(--wp--custom--line-height--base) } .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-author .wbg-list-author, .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-category .wbg-list-cat, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author .wbg-list-author, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category .wbg-list-cat, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-author .wbg-list-author, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-category .wbg-list-cat, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author .wbg-list-author, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category .wbg-list-cat, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-author .wbg-list-author, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-category .wbg-list-cat, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author .wbg-list-author, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category .wbg-list-cat { color: inherit !important; font-size: inherit !important } .post-type-archive-books .wbg-parent-wrapper .wbg-item .wbg-description-content, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .tax-book_author .wbg-parent-wrapper .wbg-item .wbg-description-content, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .tax-book_category .wbg-parent-wrapper .wbg-item .wbg-description-content, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content { border: none; font-size: var(--wp--preset--font-size--large) !important; line-height: var(--wp--custom--line-height--large); margin-top: .5rem } .post-type-archive-books .wbg-parent-wrapper .wbg-item, .tax-book_author .wbg-parent-wrapper .wbg-item, .tax-book_category .wbg-parent-wrapper .wbg-item { box-shadow: none; padding: 0 } .post-type-archive-books .wbg-parent-wrapper .wbg-item:before, .tax-book_author .wbg-parent-wrapper .wbg-item:before, .tax-book_category .wbg-parent-wrapper .wbg-item:before { height: 16.6875rem } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item a.wgb-item-link { grid-row-gap: clamp(.5rem, .72vw + .33rem, 1rem); box-sizing: border-box; display: grid; grid-template-rows: 16.6875rem auto; position: relative; row-gap: clamp(.5rem, .72vw + .33rem, 1rem); z-index: 1 } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-item summary.wgb-item-link img, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-item summary.wgb-item-link img, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-item summary.wgb-item-link img, .post-type-archive-books .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link img, .post-type-archive-books .wbg-parent-wrapper .wbg-item a.wgb-item-link img, .tax-book_author .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link img, .tax-book_author .wbg-parent-wrapper .wbg-item a.wgb-item-link img, .tax-book_category .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link img, .tax-book_category .wbg-parent-wrapper .wbg-item a.wgb-item-link img { grid-row: 1/span 1; margin: auto; max-height: 15.6875rem; -o-object-fit: cover; object-fit: cover; width: auto } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper { grid-column-gap: clamp(1rem, 2.16vw + .49rem, 2.5rem); border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); -moz-column-gap: clamp(1rem, 2.16vw + .49rem, 2.5rem); column-gap: clamp(1rem, 2.16vw + .49rem, 2.5rem); display: grid; grid-template-columns: clamp(10.19rem, 16.62vw + 6.29rem, 21.75rem) 1fr; min-height: clamp(9.25rem, 10.69vw + 6.74rem, 16.69rem); padding: clamp(.5rem, 2.16vw + -.01rem, 2rem) 0 } @media (max-width:767px) { .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:first-of-type, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:first-of-type, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:first-of-type { padding-top: 0 } } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before { grid-column: 1/span 1; grid-row: 1/span 1; max-height: clamp(9.25rem, 10.69vw + 6.74rem, 16.69rem) } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img { align-items: center; box-sizing: border-box; display: flex; justify-content: center; max-height: clamp(9.25rem, 10.69vw + 6.74rem, 16.69rem); padding: .5rem; position: relative; z-index: 1 } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img img, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img img, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img img { height: auto; max-height: 100%; max-width: 100%; width: auto } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials { justify-content: center } .site-header-books+.site-main { -webkit-margin-before: 0; margin-block-start: 0; margin-top: 0 } .wp-block-audio { --plyr-audio-controls-background: 0 0; --plyr-tooltip-background: var(--color-white); --plyr-tooltip-color: var(--color-black); --plyr-menu-background: var(--color-white); --plyr-menu-color: var(--color-black); --plyr-menu-arrow-color: var(--color-black); --plyr-menu-item-arrow-color: var(--color-black); --plyr-color-main: var(--primary-page-color-text); --plyr-audio-control-color: var(--plyr-color-main); --plyr-range-fill-background: var(--primary-page-color-text); --plyr-audio-range-track-background: var(----color-grey); --plyr-audio-control-background-hover: var(--plyr-color-main); --plyr-audio-control-color-hover: var(--color-white); --plyr-font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); --plyr-font-size-base: var(--wp--preset--font-size--medium); --plyr-font-size-small: var(--wp--preset--font-size--small); --plyr-font-size-large: var(--wp--preset--font-size--large); --plyr-font-size-time: var(--wp--preset--font-size--large); --plyr-control-icon-size: 1.3125rem; --plyr-control-spacing: .5rem; --plyr-control-radius: 0; --plyr-menu-radius: 0 } .wp-block-audio .plyr--audio .plyr__controls { flex-wrap: wrap; gap: .5rem; padding: 0 } .wp-block-audio .plyr__controls__item { margin: 0 } .wp-block-audio .plyr__controls__item.plyr__volume { gap: .5rem } .wp-block-audio .plyr__controls__item.plyr__volume input[type=range] { margin: 0 } .wp-block-audio .plyr__controls__item.plyr__time--current.plyr__time { color: #000; color: var(--color-black); flex-basis: 100%; order: 2; text-align: left } .wp-block-audio .plyr--audio .plyr__control:focus-visible { outline-style: solid } .wp-block-audio .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track { outline-style: solid } .wp-block-audio .plyr--full-ui input[type=range]:focus-visible::-moz-range-track { outline-style: solid } .wp-block-audio .plyr__menu__container .plyr__control:focus-visible, .wp-block-audio .plyr__menu__container .plyr__control:hover { background-color: transparent; color: var(--plyr-menu-color) } .wp-block-audio .plyr__menu__container .plyr__control[role=menuitemradio]:before { background-color: #b9b8ad; background-color: var(--color-grey) } .wp-block-audio .plyr__menu__container .plyr__control[role=menuitemradio]:after { left: .65625rem } .wp-block-audio .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { background-color: var(--plyr-color-main) } .is-style-colored .wp-block-audio { --plyr-color-main: var(--primary-page-color-reverse-text); --plyr-range-fill-background: var(--primary-page-color-reverse-text); --plyr-audio-control-color-hover: var(--primary-page-color-reverse-background) } .is-style-colored:not(.has-ochre-color) .wp-block-audio .plyr__controls__item.plyr__time--current.plyr__time { color: #fff; color: var(--primary-page-color-reverse-text) } body.has-ochre-color .is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .wp-block-audio .plyr__controls__item.plyr__time--current.plyr__time { color: #000; color: var(--color-black) } .post-type-archive-event .archive-main>.wp-block-group>.pin-tabs { margin-top: 1rem } @media (max-width:48.8125rem) { .post-type-archive-event .archive-main>.wp-block-group>.pin-tabs { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey) } } @media (min-width:48.875rem) { .post-type-archive-event .archive-main>.wp-block-group>.pin-tabs { margin-top: 0 } } @media (max-width:48.8125rem) { .pin-columns--events:not(.sidebar-moved) { flex-direction: column-reverse } .pin-columns--events.is-style-vertical-dividers { gap: 2rem } .pin-columns--events.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { display: none } } @media (min-width:48.875rem) { .pin-columns--events { margin-top: 4.875rem } } .pin-columns--events .pin-column-sidebar>h2 { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } .pin-columns--events .accordion { margin-top: 1rem } .pin-columns--events .accordion-item { padding: .625rem 0 } .pin-columns--events .accordion-item:first-of-type { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); margin-top: 0 } .pin-columns--events .accordion-item__title { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } .pin-columns--events nav.wp-block-navigation { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); margin-bottom: 1.5rem; margin-top: .625rem; padding-top: 1rem } .pin-columns--events .wp-block-navigation__container { align-items: flex-start; flex-direction: column; font-size: 1.25rem; gap: 1.5rem } .pin-columns--events .wp-block-navigation__container .wp-block-navigation-link { margin-top: 0 } .trumba-calendar h2 { --wp--preset--font-size--h-4-title: clamp(1.5rem, 1.5rem + ((1vw - .2rem)*0.685), 2rem); font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } .trumba-calendar .calendar__trumba-chooser h2 { margin-top: 0 } .site-footer { background-color: #faedda; background-color: var(--color-sand); font-size: var(--wp--preset--font-size--small); line-height: var(--wp--custom--line-height--base); padding: clamp(2rem, .72vw + 1.83rem, 2.5rem) 0 } .audio-transcript-wrapper .wp-block-details .site-footer figure summary, .site-footer figure .audio-transcript-wrapper .wp-block-details summary, .site-footer figure a { align-content: center; display: flex; flex-wrap: wrap; transform: translateY(clamp(.09rem, .04vw + .08rem, .13rem)) } .audio-transcript-wrapper .wp-block-details .site-footer figure summary:focus-visible, .site-footer figure .audio-transcript-wrapper .wp-block-details summary:focus-visible, .site-footer figure a:focus-visible { outline: 0; text-decoration: none } .audio-transcript-wrapper .wp-block-details .site-footer figure summary:focus-visible>img, .site-footer figure .audio-transcript-wrapper .wp-block-details summary:focus-visible>img, .site-footer figure a:focus-visible>img { outline: 2px solid currentColor; outline-offset: 3px } .audio-transcript-wrapper .wp-block-details .site-footer figure summary:after, .site-footer figure .audio-transcript-wrapper .wp-block-details summary:after, .site-footer figure a:after { border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid transparent; content: ""; display: block; transform: translateY(.625rem); width: 100% } .audio-transcript-wrapper .wp-block-details .site-footer figure summary:hover:after, .site-footer figure .audio-transcript-wrapper .wp-block-details summary:hover:after, .site-footer figure a:hover:after { border-color: #000; border-color: var(--color-black) } .audio-transcript-wrapper .wp-block-details .site-footer h2 summary:not(:hover):not(:focus), .audio-transcript-wrapper .wp-block-details .site-footer h3 summary:not(:hover):not(:focus), .site-footer h2 .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer h2 a:not(:hover):not(:focus), .site-footer h3 .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer h3 a:not(:hover):not(:focus) { text-decoration: none } .site-footer h2 { -moz-column-gap: .5rem; column-gap: .5rem; display: flex; font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } .site-footer h2 img { height: clamp(2rem, .72vw + 1.83rem, 2.5rem); margin-left: -.125rem; margin-top: -.375rem; width: auto } .site-footer h3 { -webkit-margin-before: clamp(1.5rem, .72vw + 1.33rem, 2rem); font-size: var(--wp--preset--font-size--h-6-title); line-height: var(--wp--custom--line-height--medium); margin-block-start: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .site-footer h2+h3 { -webkit-margin-before: clamp(1.13rem, .54vw + 1rem, 1.5rem); margin-block-start: clamp(1.13rem, .54vw + 1rem, 1.5rem) } .site-footer h3+p { -webkit-margin-before: .5rem; margin-block-start: .5rem } .site-footer nav { -webkit-margin-before: 0; margin-block-start: 0 } .site-footer h2+nav, .site-footer h2+ul.wp-block-social-links.is-vertical { -webkit-margin-before: clamp(1rem, .72vw + .83rem, 1.5rem); margin-block-start: clamp(1rem, .72vw + .83rem, 1.5rem) } .site-footer .is-vertical .wp-block-navigation__container, .site-footer .wp-block-social-links.is-vertical { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; list-style-type: none; margin: 0; padding: 0; width: 100% } .audio-transcript-wrapper .wp-block-details .site-footer .is-vertical .wp-block-navigation__container summary:not(:hover):not(:focus), .audio-transcript-wrapper .wp-block-details .site-footer .wp-block-social-links.is-vertical summary:not(:hover):not(:focus), .site-footer .is-vertical .wp-block-navigation__container .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer .is-vertical .wp-block-navigation__container a:not(:hover):not(:focus), .site-footer .wp-block-social-links.is-vertical .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer .wp-block-social-links.is-vertical a:not(:hover):not(:focus) { text-decoration: none } .site-footer .is-vertical .wp-block-navigation__container li, .site-footer .wp-block-social-links.is-vertical li { flex-basis: calc(50% - .5rem); flex-grow: 0; flex-shrink: 0; margin: 0 } @media (min-width:48.875rem) { .site-footer .is-vertical .wp-block-navigation__container, .site-footer .wp-block-social-links.is-vertical { flex-direction: column } .site-footer .is-vertical .wp-block-navigation__container li, .site-footer .wp-block-social-links.is-vertical li { flex-basis: 100% } } @media (min-width:75rem) { .site-footer .is-vertical .wp-block-navigation__container.site-footer__social-nav, .site-footer .wp-block-social-links.is-vertical.site-footer__social-nav { flex-direction: row } .site-footer .is-vertical .wp-block-navigation__container.site-footer__social-nav li, .site-footer .wp-block-social-links.is-vertical.site-footer__social-nav li { flex-basis: calc(50% - .5rem) } } .site-footer__upper { margin: 0; padding-bottom: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .site-footer__lower { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); flex-wrap: wrap !important; margin: 0; padding-top: clamp(1.5rem, .72vw + 1.33rem, 2rem) } @media (min-width:48.875rem) { .site-footer__lower { flex-wrap: nowrap !important } } .site-footer .wp-block-navigation-item__label { align-items: center; -moz-column-gap: .5rem; column-gap: .5rem; display: flex } .site-footer .wp-block-navigation-item__label img { height: 2rem; margin-left: -.125rem; width: auto } .site-footer .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label { position: relative } .site-footer .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label:after { border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid #a51c30; border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid var(--color-crimson); content: ""; display: block; position: absolute; top: 100%; transform: translateY(.0625rem); width: 100% } .audio-transcript-wrapper .wp-block-details .site-footer nav.site-footer__utility-nav summary, .site-footer nav.site-footer__utility-nav .audio-transcript-wrapper .wp-block-details summary, .site-footer nav.site-footer__utility-nav a { font-weight: 400 } @media (max-width:48.8125rem) { .site-footer nav.site-footer__utility-nav { display: flex; flex-basis: 100%; flex-direction: row; flex-wrap: wrap; gap: 1rem; list-style-type: none; margin: 0; padding: 0; width: 100% } .audio-transcript-wrapper .wp-block-details .site-footer nav.site-footer__utility-nav summary:not(:hover):not(:focus), .site-footer nav.site-footer__utility-nav .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer nav.site-footer__utility-nav a:not(:hover):not(:focus) { text-decoration: none } .site-footer nav.site-footer__utility-nav li { flex-basis: calc(50% - .5rem); flex-grow: 0; flex-shrink: 0; margin: 0 } } @media (max-width:48.8125rem) and (min-width:48.875rem) { .site-footer nav.site-footer__utility-nav { flex-direction: column } .site-footer nav.site-footer__utility-nav li { flex-basis: 100% } } @media (max-width:48.8125rem) { .site-footer nav.site-footer__utility-nav ul { justify-content: flex-start } } @media (min-width:48.875rem) { .site-footer nav.site-footer__utility-nav { display: flex; flex-wrap: wrap; gap: 1rem; list-style-type: none; margin: 0; padding: 0 } .audio-transcript-wrapper .wp-block-details .site-footer nav.site-footer__utility-nav summary:not(:hover):not(:focus), .site-footer nav.site-footer__utility-nav .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer nav.site-footer__utility-nav a:not(:hover):not(:focus) { text-decoration: none } .site-footer nav.site-footer__utility-nav li { margin: 0 } } .article-footer+.site-footer { -webkit-margin-before: 0; margin-block-start: 0 } .wp-block-navigation-item__label { align-items: center; display: flex } .wp-block-navigation-item__label img { height: 2rem; margin: -.4375rem 0 -.4375rem -.375rem; padding-right: .1875rem; width: auto } .site-navigation>.wp-block-navigation__container, .topics-bar__navigation>.wp-block-navigation__container { display: flex; flex-wrap: wrap; gap: 1rem; list-style-type: none; margin: 0; padding: 0 } .audio-transcript-wrapper .wp-block-details .site-navigation>.wp-block-navigation__container summary:not(:hover):not(:focus), .audio-transcript-wrapper .wp-block-details .topics-bar__navigation>.wp-block-navigation__container summary:not(:hover):not(:focus), .site-navigation>.wp-block-navigation__container .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-navigation>.wp-block-navigation__container a:not(:hover):not(:focus), .topics-bar__navigation>.wp-block-navigation__container .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .topics-bar__navigation>.wp-block-navigation__container a:not(:hover):not(:focus) { text-decoration: none } .site-navigation>.wp-block-navigation__container li, .topics-bar__navigation>.wp-block-navigation__container li { margin: 0 } .site-navigation>.wp-block-navigation__container>.wp-block-navigation-item, .topics-bar__navigation>.wp-block-navigation__container>.wp-block-navigation-item { display: flex; gap: var(--header-gap) } .site-navigation>.wp-block-navigation__container>.wp-block-navigation-item:before, .topics-bar__navigation>.wp-block-navigation__container>.wp-block-navigation-item:before { border-left: 1px solid #b9b8ad; border-left: 1px solid var(--color-grey); content: ""; height: 1.5rem } .site-navigation>.wp-block-navigation__container>.wp-block-navigation-item:first-of-type:before, .topics-bar__navigation>.wp-block-navigation__container>.wp-block-navigation-item:first-of-type:before { display: none } /**********************/ .blog .site-header, .archive .site-header, .category .site-header, .single-post .site-header, .site-header { align-items: flex-end; display: flex; flex-wrap: wrap; transition: box-shadow .5s; width: 100% } /*.archive:not(.tax-blood-test):not(.single-blood-tests) .site-header,*/ .blog .site-header, .archive:not(.single-blood-test):not(.single-blood-tests):not(.single-urine-tests) .site-header, .category .site-header, .single-post .site-header { height: var(--header-height); background-color: #fffbf4; background-color: var(--color-sand-light); } .site-header { height: var(--header-height-small); } .site-header.is-gb-light { background-color: #fff; background-color: var(--color-white); } .site-header.is-gb-transparent { background-color: transparent; } /* background-color: #fffbf4; background-color: var(--color-sand-light); */ /**********************/ @media (min-width:48.875rem) { .site-header { justify-content: center; } } .site-header>div { width: 100% } .site-header>.wp-block-group { background-color: transparent; transition: background-color 1ms } .site-header>.wp-block-group:focus-within { background-color: rgba(255, 251, 244, .01); background-color: var(--color-sand-light-01) } .site-header:after { content: ""; display: block; height: 0rem; margin-left: auto; margin-right: auto; transition: max-width .5s; width: 100%; z-index: 1 } /*.archive.archive:not(.tax-blood-test):not(.single-blood-tests) .site-header:after,*/ .blog .site-header:after, .archive.archive:not(.single-blood-test):not(.single-blood-tests):not(.single-urine-tests) .site-header:after, .category .site-header:after, .single-post .site-header:after { background-color: #a51c30; /* background-color: var(--color-crimson);*/ height: .0625rem; } @media (min-width:48.875rem) { .site-header:after { max-width: min(var(--wp--style--global--wide-size), 100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)) } } .site-header:not(.is-bg-transparent).is-pinned { /* box-shadow: 0 .25rem 1rem -.5rem rgba(0, 0, 0, .75); box-shadow: 0 .25rem 1rem -.5rem rgba(0, 0, 0, .2); */ box-shadow: 0 0px 20px rgba(0, 0, 0, .05); } .site-header.is-pinned:after, .site-header.mega-menu-expanded:after { max-width: 100% } .site-header .wp-block-site-logo { flex-shrink: 0 } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary, .site-header .wp-block-site-logo a { align-content: center; display: flex; flex-wrap: wrap; transform: translateY(clamp(.09rem, .04vw + .08rem, .13rem)) } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary:focus-visible, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary:focus-visible, .site-header .wp-block-site-logo a:focus-visible { outline: 0; text-decoration: none } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary:focus-visible>img, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary:focus-visible>img, .site-header .wp-block-site-logo a:focus-visible>img { outline: 2px solid currentColor; outline-offset: 3px } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary:after, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary:after, .site-header .wp-block-site-logo a:after { border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid transparent; content: ""; display: block; transform: translateY(.625rem); width: 100% } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary:hover:after, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary:hover:after, .site-header .wp-block-site-logo a:hover:after { border-color: #000; border-color: var(--color-black) } @media (max-width:48.8125rem) { .site-header .wp-block-site-logo img { width: 7.625rem } } .site-header__navigation-container { gap: var(--header-gap); position: static } @media (min-width:97rem) { .site-header__navigation-container { flex-basis: 75.625rem; flex-shrink: 0 } } .site-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label { position: relative } .site-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label:after { /* pin: temporarely disabled */ /* border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid #a51c30; border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid var(--color-crimson); content: ""; display: block; position: absolute; top: 100%; transform: translateY(.0625rem); width: 100% */ } @media (min-width:37.5625rem) { .admin-bar .site-header { margin-top: 0; margin-top: calc(var(--wp-admin--admin-bar--height, 0px)*-1); padding: 0; padding-top: var(--wp-admin--admin-bar--height, 0) } } body:not(.block-editor-iframe__body) .site-header { position: sticky; /* position: fixed !important;*/ /* top: -1px; */ top: 0px; z-index: 1; } body:not(.block-editor-iframe__body) .site-header.is-pinned, body:not(.block-editor-iframe__body) .site-header.mega-menu-expanded { z-index: 2 } .site-navigation { /* font-family: var(--wp--preset--font-family--sanomat); */ font-size: 1rem; /*1.125rem;*/ font-weight: 600; /* 500;*/ height: 100%; line-height: 1 } .site-navigation.is-layout-flex { display: none } @media (min-width:48.875rem) { .site-navigation.is-layout-flex { display: flex } } .site-navigation>.wp-block-navigation__container { height: 2.125rem; overflow: hidden; width: 100% } .site-navigation>.wp-block-navigation__container, .site-navigation>.wp-block-navigation__container>.wp-block-navigation-item { gap: var(--header-gap) } .site-navigation>.wp-block-navigation__container .wp-block-navigation-item__content { font-weight: inherit; margin: 0 } .site-navigation>.wp-block-navigation__container .wp-block-navigation-item__label { padding-top: .25rem } .topics-bar { --header-gap: 1rem; -webkit-margin-before: 0; color: #a51c30; color: var(--color-crimson); display: none; font-size: .75rem; letter-spacing: .09rem; margin-block-start: 0; text-transform: uppercase } @media (min-width:75rem) { .topics-bar { display: block } } .topics-bar__row { border-bottom: .0625rem solid #a51c30; border-bottom: .0625rem solid var(--color-crimson); padding: var(--wp--preset--spacing--16) 0 var(--wp--preset--spacing--16) 0 } .topics-bar__navigation>.wp-block-navigation__container .wp-block-navigation-item { margin: -.1875rem 0 } .topics-bar .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label { position: relative } .topics-bar .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label:after { border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid #a51c30; border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid var(--color-crimson); content: ""; display: block; position: absolute; top: 100%; transform: translateY(.0625rem); width: 100% } .single-post:not(.has-header-not-full-width) .topics-bar, .tax-series:has(.article-header .wp-block-image) .topics-bar { border-bottom: .0625rem solid #a51c30; border-bottom: .0625rem solid var(--color-crimson) } .single-post:not(.has-header-not-full-width) .topics-bar__row, .tax-series:has(.article-header .wp-block-image) .topics-bar__row { border-bottom: 0 } .google-cse-results { -webkit-margin-before: clamp(.56rem, 1.35vw + .25rem, 1.5rem); margin-block-start: clamp(.56rem, 1.35vw + .25rem, 1.5rem) } .google-cse-results .gsc-control-cse, .google-cse-results .gsc-control-cse .gs-spelling, .google-cse-results .gsc-option, .google-cse-results .gsc-result-info, .google-cse-results .gsc-selected-option-container { font-size: var(--wp--preset--font-size--large); font-weight: 400; line-height: var(--wp--custom--line-height--large) } .google-cse-results .gsc-control-cse { border: 0; font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); padding: 0 } .google-cse-results .gsc-above-wrapper-area { border-bottom: 0; display: block; padding: 0 } .google-cse-results .gsc-orderby-container, .google-cse-results .gsc-result-info-container { display: block; width: 100% } .google-cse-results .gsc-result-info-container { margin-bottom: 1.5rem } .google-cse-results .gsc-result-info-container .gsc-result-info { color: #726a5b; color: var(--color-grey-dark); padding: 0 } .google-cse-results .gsc-orderby-container { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); padding-top: clamp(1rem, 1.44vw + .66rem, 2rem) } @media (max-width:48.8125rem) { .google-cse-results .gsc-orderby-container { border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); padding: .5rem 0 } } @media (min-width:48.875rem) { .google-cse-results .gsc-orderby-container { pointer-events: none; position: relative; z-index: 1 } .google-cse-results .gsc-orderby-container .gsc-option-menu-container, .google-cse-results .gsc-orderby-container .gsc-orderby-label { pointer-events: all } } .google-cse-results .gsc-option-menu-item, .google-cse-results .gsc-orderby-label, .google-cse-results .gsc-selected-option-container { color: #000; color: var(--color-black) } .google-cse-results .gsc-orderby-label { margin-right: 1rem; padding: 0 } .google-cse-results .gsc-selected-option-container { border-color: #b9b8ad; border-color: var(--color-grey); border-radius: 0; box-shadow: none; height: auto; padding: .5rem 3rem .5rem .5rem } .google-cse-results .gsc-control-cse .gsc-option-selector { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTExIDEzIDYgNiA2LTYiIHN0cm9rZT0iI0E1MUMzMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=); height: 2rem; padding: 0; right: .25rem; top: .625rem; width: 2rem } @media (min-width:48.875rem) { .google-cse-results .gsc-control-cse .gsc-option-selector { top: .875rem } } .google-cse-results .gsc-control-cse .gsc-option-menu { background-color: #fffbf4; background-color: var(--color-sand-light); border-color: #b9b8ad; border-color: var(--color-grey); box-sizing: border-box; padding: .1875rem; top: 0 !important; width: 100% } .google-cse-results .gsc-option-menu-item { padding: .375rem } .google-cse-results .gsc-option-menu-item-highlighted { background-color: #faedda; background-color: var(--color-sand) } .google-cse-results .gsc-control-cse, .google-cse-results .gsc-selected-option-container, .google-cse-results .gsc-webResult.gsc-result { background-color: transparent } .google-cse-results .gsc-resultsRoot>.gsc-results>.gsc-result { border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); min-height: 0 } @media (min-width:48.875rem) { .google-cse-results .gsc-resultsRoot>.gsc-results>.gsc-result { margin-top: -4em } .google-cse-results .gsc-resultsRoot>.gsc-results>.gsc-result .gs-spelling { max-width: 70% } } .google-cse-results .gs-spelling { padding: 0 } .audio-transcript-wrapper .wp-block-details .google-cse-results .gs-spelling summary, .google-cse-results .gs-spelling .audio-transcript-wrapper .wp-block-details summary, .google-cse-results .gs-spelling a { color: #000; color: var(--color-black) } .google-cse-results .gsc-results { width: 100% } .google-cse-results .gsc-webResult.gsc-result { border: 0; border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); min-height: clamp(4.25rem, 7.1vw + 2.59rem, 9.19rem); padding: clamp(1rem, 1.44vw + .66rem, 2rem) 0; position: relative } .google-cse-results .gsc-webResult.gsc-result:hover { background-color: transparent; border-color: #b9b8ad; border-color: var(--color-grey) } .google-cse-results .gsc-webResult.gsc-result:first-of-type { border-top: 0 } .google-cse-results .gsc-webResult.gsc-result .gs-title { overflow: visible } .google-cse-results .gsc-webResult.gsc-result div.gs-title { margin-bottom: .5rem } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-webResult.gsc-result summary.gs-title, .google-cse-results .gsc-webResult.gsc-result .audio-transcript-wrapper .wp-block-details summary.gs-title, .google-cse-results .gsc-webResult.gsc-result a.gs-title { color: #000 !important; color: var(--color-black) !important; font-family: var(--wp--preset--font-family--sanomat); font-size: clamp(1.25rem, 1.08vw + 1rem, 2rem); font-weight: 500; line-height: var(--wp--custom--line-height--close) } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-webResult.gsc-result summary.gs-title:hover, .google-cse-results .gsc-webResult.gsc-result .audio-transcript-wrapper .wp-block-details summary.gs-title:hover, .google-cse-results .gsc-webResult.gsc-result a.gs-title:hover { text-decoration: underline; text-decoration-thickness: clamp(3px, .12em, 9px); text-underline-offset: clamp(1.5px, .1em, 8px) } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-webResult.gsc-result summary.gs-title b, .google-cse-results .gsc-webResult.gsc-result .audio-transcript-wrapper .wp-block-details summary.gs-title b, .google-cse-results .gsc-webResult.gsc-result a.gs-title b { font-size: inherit } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-webResult.gsc-result summary.gs-title:hover b, .google-cse-results .gsc-webResult.gsc-result .audio-transcript-wrapper .wp-block-details summary.gs-title:hover b, .google-cse-results .gsc-webResult.gsc-result a.gs-title:hover b { color: #a51c30; color: var(--color-crimson) } .google-cse-results .gsc-control-cse .gsc-table-result, .google-cse-results .gsc-thumbnail-inside { padding: 0; width: calc(100% - min(30%, clamp(5rem, 9.48vw + 5rem, 13.81rem)) - clamp(1rem, 1.44vw + .66rem, 2rem)) } .google-cse-results .gs-webResult div.gs-visibleUrl-breadcrumb { display: none } .google-cse-results .gs-snippet, .google-cse-results .gsc-control-cse .gs-result .gs-spelling-original { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--base); margin: 0 } .google-cse-results .gs-image-box.gs-web-image-box.gs-web-image-box-landscape, .google-cse-results .gs-image-box.gs-web-image-box.gs-web-image-box-portrait, .google-cse-results .gs-promotion-image-box, .google-cse-results .gs-web-image-box { float: none; height: calc(100% - clamp(1rem, 1.44vw + .66rem, 2rem)*2); padding: 0; position: absolute; right: 0; top: clamp(1rem, 1.44vw + .66rem, 2rem); width: min(30%, clamp(5rem, 9.48vw + 5rem, 13.81rem)) } .google-cse-results .gs-image-box.gs-web-image-box.gs-web-image-box-landscape .gs-image, .google-cse-results .gs-image-box.gs-web-image-box.gs-web-image-box-portrait .gs-image, .google-cse-results .gs-promotion-image-box .gs-image, .google-cse-results .gs-web-image-box .gs-image { border: 0; display: flex; height: auto; max-height: 100%; max-width: 100%; -o-object-fit: contain !important; object-fit: contain !important; width: auto } .google-cse-results .gcsc-branding, .google-cse-results .gcsc-find-more-on-google-root, .google-cse-results .gcsc-more-maybe-branding-root { display: none } .google-cse-results .gsc-results .gsc-cursor-box { background-color: #fff; background-color: var(--color-white); border: 0; box-sizing: border-box; margin-bottom: 0; margin-left: calc(-50vw - -50%); margin-top: 1.5rem; padding: clamp(1rem, 1.44vw + .66rem, 2rem); width: 100vw } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center; list-style-type: none; margin: 0 auto; max-width: 61.25rem; padding: 0; width: 100% } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor summary:not(:hover):not(:focus), .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor a:not(:hover):not(:focus) { text-decoration: none } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor li { margin: 0 } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-page { color: #000; color: var(--color-black); font-weight: 400; margin: 0; padding: 0 .75rem } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-page:focus-visible { outline: 2px solid currentColor; outline-offset: 3px } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { text-decoration: underline; text-decoration-thickness: clamp(3px, .12em, 9px); text-underline-offset: clamp(1.5px, .1em, 8px) } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #a51c30; color: var(--color-crimson); position: relative } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover { text-decoration: none } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page:after { border-top: 4px solid #a51c30; border-top: 4px solid var(--primary-page-color-ui); content: ""; display: block; left: 0; margin-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); position: absolute; top: calc(100% + .125rem); width: 3rem; width: 100% } .wp-block-term-description.has-x-large-font-size.has-sanomat-font-family p:not(:first-of-type) { font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); font-size: var(--wp--preset--font-size--large); line-height: var(--wp--custom--line-height--large) } .archive.category.paged .taxonomy-first-page, .archive.tax-series.paged .taxonomy-first-page { display: none } @media (max-width:48.8125rem) { .taxonomy-first-page .wp-block-columns.is-style-vertical-dividers { gap: 2.5rem } .taxonomy-first-page .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { display: none } } .taxonomy-first-page .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__title { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } @media (min-width:48.875rem) { .taxonomy-first-page .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__title { font-size: var(--wp--preset--font-size--h-3-title); line-height: var(--wp--custom--line-height--snug) } .taxonomy-first-page .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__image { margin-bottom: 1.5rem } } .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list { grid-row-gap: clamp(2rem, 1.44vw + 1.66rem, 3rem) } @media (max-width:48.8125rem) { .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list .featured-article { display: block } .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list .featured-article__image { margin-bottom: .5rem; max-width: 100%; width: 100% } } @media (min-width:48.875rem) { .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list .featured-article__title { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } } .taxonomy-first-page .featured-articles.is-style-grid-list.taxonomy-top-grid:not(.wp-block) ul.featured-articles__list { grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr)) } .taxonomy-first-page .featured-articles.is-style-grid-list.taxonomy-top-grid:not(.wp-block) ul.featured-articles__list .featured-article:only-child { display: block; max-width: 45.5rem } .taxonomy-first-page .featured-articles.is-style-grid-list.taxonomy-top-grid:not(.wp-block) ul.featured-articles__list .featured-article:only-child .featured-article__image { max-width: 100% } @media (min-width:48.875rem) { .taxonomy-list-block { -webkit-margin-before: var(--wp--preset--spacing--120); margin-block-start: var(--wp--preset--spacing--120) } } .taxonomy-list-block h2 { margin: clamp(1rem, 1.44vw + .66rem, 2rem) 0 } @media (max-width:48.8125rem) { .taxonomy-list-block h2 { margin-top: 0 } } .taxonomy-list-block .wp-block-query { margin-bottom: 0 } .taxonomy-list-block .wp-block-query, .taxonomy-list-block .wp-block-query .hentry__title { margin-top: 0 } .taxonomy-list-block ul { -webkit-padding-start: 0; border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); padding-inline-start: 0; padding-top: clamp(1rem, 1.44vw + .66rem, 2rem) } .article-header.article-header--series-header.is-style-fullscreen { margin-bottom: 1.5rem; margin-top: 0 } @media (min-width:75rem) { .article-header.article-header--series-header.is-style-fullscreen { grid-template-columns: 1fr min(100% - var(--wp--style--root--padding-left)*2, var(--wp--style--global--wide-size)) 1fr } } .article-header.article-header--series-header.is-style-fullscreen:not(.has-overlay) { grid-template-rows: auto } .article-header.article-header--series-header.is-style-fullscreen:not(.has-overlay) .article-header__content { margin-bottom: 0; padding-bottom: 0 } .article-header.article-header--series-header.is-style-fullscreen.has-overlay { display: grid; grid-template-rows: clamp(22.5rem, 16.44vw + 18.65rem, 33.94rem) auto auto auto } .article-header.article-header--series-header.is-style-fullscreen.has-overlay .wp-block-image img, .article-header.article-header--series-header.is-style-fullscreen.has-overlay .wp-block-image:after { height: clamp(22.5rem, 16.44vw + 18.65rem, 33.94rem) } .article-header.article-header--series-header.is-style-fullscreen .article-header__title { margin-top: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo { align-items: center; aspect-ratio: 1/1; background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); color: #fff; color: var(--primary-page-color-reverse-text); display: flex; height: clamp(3rem, 1.44vw + 2.66rem, 4rem); justify-content: center; width: clamp(3rem, 1.44vw + 2.66rem, 4rem) } .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo:before { background-color: currentColor; content: ""; height: clamp(2rem, 1.08vw + 1.75rem, 2.75rem); -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI2Ljc4NiA3LjVoLTYuODU3Yy0uNjY2IDAtMS4zMjIuMTUtMS45MTcuNDRBNC4yNiA0LjI2IDAgMCAwIDE2LjUgOS4xNjdhNC4yNiA0LjI2IDAgMCAwLTEuNTEyLTEuMjI3IDQuMzg2IDQuMzg2IDAgMCAwLTEuOTE3LS40NEg2LjIxNGMtLjQ1NCAwLS44OS4xNzYtMS4yMTIuNDg4QTEuNjQ0IDEuNjQ0IDAgMCAwIDQuNSA5LjE2N1YyMi41YzAgLjQ0Mi4xOC44NjYuNTAyIDEuMTc4YTEuNzQgMS43NCAwIDAgMCAxLjIxMi40ODloNi44NTdhMi42MSAyLjYxIDAgMCAxIDEuODE5LjczMmMuNDgyLjQ2OS43NTMgMS4xMDUuNzUzIDEuNzY4IDAgLjIyLjA5LjQzMy4yNS41ODlhLjg3Ljg3IDAgMCAwIC42MDcuMjQ0Ljg3Ljg3IDAgMCAwIC42MDYtLjI0NC44MjIuODIyIDAgMCAwIC4yNTEtLjU5YzAtLjY2Mi4yNzEtMS4yOTguNzUzLTEuNzY3YTIuNjEgMi42MSAwIDAgMSAxLjgxOS0uNzMyaDYuODU3Yy40NTQgMCAuODktLjE3NiAxLjIxMi0uNDg5LjMyMS0uMzEyLjUwMi0uNzM2LjUwMi0xLjE3OFY5LjE2N2MwLS40NDItLjE4LS44NjYtLjUwMi0xLjE3OWExLjc0IDEuNzQgMCAwIDAtMS4yMTItLjQ4OFptLTEzLjcxNSAxNUg2LjIxNFY5LjE2N2g2Ljg1N2EyLjYxIDIuNjEgMCAwIDEgMS44MTkuNzMyYy40ODIuNDY5Ljc1MyAxLjEwNS43NTMgMS43Njh2MTEuNjY2YTQuMzQ3IDQuMzQ3IDAgMCAwLTIuNTcyLS44MzNabTEzLjcxNSAwaC02Ljg1N2E0LjM0NyA0LjM0NyAwIDAgMC0yLjU3Mi44MzNWMTEuNjY3YzAtLjY2My4yNzEtMS4zLjc1My0xLjc2OGEyLjYxIDIuNjEgMCAwIDEgMS44MTktLjczMmg2Ljg1N1YyMi41Wm0tNi44NTctMTAuODMzaDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41ODkgMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0M0gxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTg5YzAtLjIyMS4wOS0uNDMzLjI1Mi0uNTlhLjg3Ljg3IDAgMCAxIC42MDYtLjI0M1ptNS4xNDIgNC4xNjZjMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0NEgxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTljMC0uMjIuMDktLjQzMy4yNTItLjU4OWEuODcuODcgMCAwIDEgLjYwNi0uMjQ0aDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41OVptMCAzLjMzNGMwIC4yMi0uMDkuNDMzLS4yNS41ODlhLjg3Ljg3IDAgMCAxLS42MDcuMjQ0SDE5LjkzYS44Ny44NyAwIDAgMS0uNjA2LS4yNDQuODIyLjgyMiAwIDAgMS0uMjUyLS41OWMwLS4yMi4wOS0uNDMyLjI1Mi0uNTg5YS44Ny44NyAwIDAgMSAuNjA2LS4yNDRoNC4yODVhLjg3Ljg3IDAgMCAxIC42MDYuMjQ0Yy4xNjEuMTU3LjI1MS4zNjkuMjUxLjU5WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI2Ljc4NiA3LjVoLTYuODU3Yy0uNjY2IDAtMS4zMjIuMTUtMS45MTcuNDRBNC4yNiA0LjI2IDAgMCAwIDE2LjUgOS4xNjdhNC4yNiA0LjI2IDAgMCAwLTEuNTEyLTEuMjI3IDQuMzg2IDQuMzg2IDAgMCAwLTEuOTE3LS40NEg2LjIxNGMtLjQ1NCAwLS44OS4xNzYtMS4yMTIuNDg4QTEuNjQ0IDEuNjQ0IDAgMCAwIDQuNSA5LjE2N1YyMi41YzAgLjQ0Mi4xOC44NjYuNTAyIDEuMTc4YTEuNzQgMS43NCAwIDAgMCAxLjIxMi40ODloNi44NTdhMi42MSAyLjYxIDAgMCAxIDEuODE5LjczMmMuNDgyLjQ2OS43NTMgMS4xMDUuNzUzIDEuNzY4IDAgLjIyLjA5LjQzMy4yNS41ODlhLjg3Ljg3IDAgMCAwIC42MDcuMjQ0Ljg3Ljg3IDAgMCAwIC42MDYtLjI0NC44MjIuODIyIDAgMCAwIC4yNTEtLjU5YzAtLjY2Mi4yNzEtMS4yOTguNzUzLTEuNzY3YTIuNjEgMi42MSAwIDAgMSAxLjgxOS0uNzMyaDYuODU3Yy40NTQgMCAuODktLjE3NiAxLjIxMi0uNDg5LjMyMS0uMzEyLjUwMi0uNzM2LjUwMi0xLjE3OFY5LjE2N2MwLS40NDItLjE4LS44NjYtLjUwMi0xLjE3OWExLjc0IDEuNzQgMCAwIDAtMS4yMTItLjQ4OFptLTEzLjcxNSAxNUg2LjIxNFY5LjE2N2g2Ljg1N2EyLjYxIDIuNjEgMCAwIDEgMS44MTkuNzMyYy40ODIuNDY5Ljc1MyAxLjEwNS43NTMgMS43Njh2MTEuNjY2YTQuMzQ3IDQuMzQ3IDAgMCAwLTIuNTcyLS44MzNabTEzLjcxNSAwaC02Ljg1N2E0LjM0NyA0LjM0NyAwIDAgMC0yLjU3Mi44MzNWMTEuNjY3YzAtLjY2My4yNzEtMS4zLjc1My0xLjc2OGEyLjYxIDIuNjEgMCAwIDEgMS44MTktLjczMmg2Ljg1N1YyMi41Wm0tNi44NTctMTAuODMzaDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41ODkgMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0M0gxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTg5YzAtLjIyMS4wOS0uNDMzLjI1Mi0uNTlhLjg3Ljg3IDAgMCAxIC42MDYtLjI0M1ptNS4xNDIgNC4xNjZjMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0NEgxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTljMC0uMjIuMDktLjQzMy4yNTItLjU4OWEuODcuODcgMCAwIDEgLjYwNi0uMjQ0aDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41OVptMCAzLjMzNGMwIC4yMi0uMDkuNDMzLS4yNS41ODlhLjg3Ljg3IDAgMCAxLS42MDcuMjQ0SDE5LjkzYS44Ny44NyAwIDAgMS0uNjA2LS4yNDQuODIyLjgyMiAwIDAgMS0uMjUyLS41OWMwLS4yMi4wOS0uNDMyLjI1Mi0uNTg5YS44Ny44NyAwIDAgMSAuNjA2LS4yNDRoNC4yODVhLjg3Ljg3IDAgMCAxIC42MDYuMjQ0Yy4xNjEuMTU3LjI1MS4zNjkuMjUxLjU5WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; width: clamp(2rem, 1.08vw + 1.75rem, 2.75rem) } @media print { .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo, .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo:before { background-color: transparent } .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo:before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI2Ljc4NiA3LjVoLTYuODU3Yy0uNjY2IDAtMS4zMjIuMTUtMS45MTcuNDRBNC4yNiA0LjI2IDAgMCAwIDE2LjUgOS4xNjdhNC4yNiA0LjI2IDAgMCAwLTEuNTEyLTEuMjI3IDQuMzg2IDQuMzg2IDAgMCAwLTEuOTE3LS40NEg2LjIxNGMtLjQ1NCAwLS44OS4xNzYtMS4yMTIuNDg4QTEuNjQ0IDEuNjQ0IDAgMCAwIDQuNSA5LjE2N1YyMi41YzAgLjQ0Mi4xOC44NjYuNTAyIDEuMTc4YTEuNzQgMS43NCAwIDAgMCAxLjIxMi40ODloNi44NTdhMi42MSAyLjYxIDAgMCAxIDEuODE5LjczMmMuNDgyLjQ2OS43NTMgMS4xMDUuNzUzIDEuNzY4IDAgLjIyLjA5LjQzMy4yNS41ODlhLjg3Ljg3IDAgMCAwIC42MDcuMjQ0Ljg3Ljg3IDAgMCAwIC42MDYtLjI0NC44MjIuODIyIDAgMCAwIC4yNTEtLjU5YzAtLjY2Mi4yNzEtMS4yOTguNzUzLTEuNzY3YTIuNjEgMi42MSAwIDAgMSAxLjgxOS0uNzMyaDYuODU3Yy40NTQgMCAuODktLjE3NiAxLjIxMi0uNDg5LjMyMS0uMzEyLjUwMi0uNzM2LjUwMi0xLjE3OFY5LjE2N2MwLS40NDItLjE4LS44NjYtLjUwMi0xLjE3OWExLjc0IDEuNzQgMCAwIDAtMS4yMTItLjQ4OFptLTEzLjcxNSAxNUg2LjIxNFY5LjE2N2g2Ljg1N2EyLjYxIDIuNjEgMCAwIDEgMS44MTkuNzMyYy40ODIuNDY5Ljc1MyAxLjEwNS43NTMgMS43Njh2MTEuNjY2YTQuMzQ3IDQuMzQ3IDAgMCAwLTIuNTcyLS44MzNabTEzLjcxNSAwaC02Ljg1N2E0LjM0NyA0LjM0NyAwIDAgMC0yLjU3Mi44MzNWMTEuNjY3YzAtLjY2My4yNzEtMS4zLjc1My0xLjc2OGEyLjYxIDIuNjEgMCAwIDEgMS44MTktLjczMmg2Ljg1N1YyMi41Wm0tNi44NTctMTAuODMzaDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41ODkgMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0M0gxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTg5YzAtLjIyMS4wOS0uNDMzLjI1Mi0uNTlhLjg3Ljg3IDAgMCAxIC42MDYtLjI0M1ptNS4xNDIgNC4xNjZjMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0NEgxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTljMC0uMjIuMDktLjQzMy4yNTItLjU4OWEuODcuODcgMCAwIDEgLjYwNi0uMjQ0aDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41OVptMCAzLjMzNGMwIC4yMi0uMDkuNDMzLS4yNS41ODlhLjg3Ljg3IDAgMCAxLS42MDcuMjQ0SDE5LjkzYS44Ny44NyAwIDAgMS0uNjA2LS4yNDQuODIyLjgyMiAwIDAgMS0uMjUyLS41OWMwLS4yMi4wOS0uNDMyLjI1Mi0uNTg5YS44Ny44NyAwIDAgMSAuNjA2LS4yNDRoNC4yODVhLjg3Ljg3IDAgMCAxIC42MDYuMjQ0Yy4xNjEuMTU3LjI1MS4zNjkuMjUxLjU5WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask: initial; mask: initial; scale: 1.2 } } .article-header.article-header--series-header.is-style-fullscreen .series-header__description { grid-column: 1/span 1; margin: 0; padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); text-align: center } @media (min-width:75rem) { .article-header.article-header--series-header.is-style-fullscreen .series-header__description { grid-column: 2/span 1 } } .article-header.article-header--series-header.is-style-fullscreen .series-header__description p { margin-bottom: 0 } .article-header.article-header--series-header.is-style-fullscreen .series-header__description .series-header__logo { margin-bottom: 0; margin-top: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .article-header.article-header--series-header.is-style-fullscreen .wp-block-image+.series-header__description p:first-of-type { margin-top: clamp(2rem, 2.88vw + 1.33rem, 4rem) } @media print { .article-header__content, .has-background, .image-scroll-replace .media-selector, .immersive--scroll-content, .is-style-colored, .is-style-colored .audio-transcript-content, .is-style-sand, .is-style-sand .audio-transcript-content, .site-footer, .site-header, body { background-color: transparent !important; color: #000 !important; color: var(--color-black) !important } .article-header .wp-block-post-time-to-read:before, .article-header__title, .wp-block-heading { color: #000 !important; color: var(--color-black) !important } .article-footer, .pin-sharing, .related-series, .site-footer__upper, .site-footer__utility-nav, .site-header__navigation-container, .splide__arrows, .splide__pagination, .topics-bar, .video-ambient-controls, .wp-block-audio { display: none !important } .site-header { box-shadow: none !important; position: static !important } .site-header:after { background-color: transparent; border-bottom: 1px solid #a51c30; border-bottom: 1px solid var(--color-crimson); max-width: min(var(--wp--style--global--wide-size), 100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)) !important } .entry-content { padding-bottom: 2rem !important } .accordion, .accordion-item, .article-footer, .article-header .wp-block-image, .article-header__content, .article-header__meta, .audio-quote, .carousel, .featured-article, .featured-articles, .hg-stats, .site-footer .wp-block-column, .supporting-content, .trending-articles, .upcoming-event, .upcoming-events, .wp-block-details, .wp-block-group:has(>#h-all-news), .wp-block-heading, p { -moz-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid } } @media print and (max-width:74.9375rem) { .pin-columns .wp-block-column { max-width: 61.3125rem } #h-all-news+.wp-block-columns>.wp-block-column { flex-basis: 45% !important } #h-all-news+.wp-block-columns>.wp-block-column:empty { display: none } .featured-article__image { margin-bottom: 1.5rem !important } } @media print { .featured-articles.is-style-wide-single .featured-article .featured-article__image:after { display: none !important } .featured-articles.is-style-wide-single .featured-article .featured-article__content { padding: 0 !important } .featured-articles.is-style-wide-single .featured-article .featured-article__content, .featured-articles.is-style-wide-single .featured-article .featured-article__meta { color: #000 !important; color: var(--color-black) !important; position: static !important } .featured-articles.is-style-wide-single .featured-article .featured-article__content .format-icon img { filter: none !important } .featured-articles.is-style-stacked-promo .featured-article__content { background-color: #fff !important; background-color: var(--color-white) !important } } @media print and (max-width:74.9375rem) { .featured-articles.is-style-stacked-promo .featured-article__content { padding: 0 !important } } @media print { .carousel__wrapper.is-active .carousel__list { grid-gap: 2rem !important; display: grid !important; gap: 2rem !important; grid-template-columns: auto auto auto } .carousel__wrapper.is-active .carousel__list .splide__slide { display: block !important; width: 100% !important } .carousel__wrapper.is-active .carousel__list .featured-article__image, .carousel__wrapper.is-active .carousel__list .upcoming-event__image { margin-bottom: 1.5rem !important } .carousel--images .carousel__wrapper.is-active .carousel__list { grid-template-columns: 50% 50% } .carousel--images .carousel__wrapper.is-active .carousel__list .splide__slide, .carousel--images .carousel__wrapper.is-active .carousel__list img { max-width: 100% } .article-header.has-overlay .wp-block-image:after, .article-header:before { display: none !important } .article-header.is-style-classic .wp-block-image img, .article-header.is-style-full-width-text-below.centered-image .wp-block-image img, .article-header.is-style-full-width-text-below.has-uncropped-image .wp-block-image img { max-height: 37.5rem; width: auto } .article-header.is-style-full-width-text-below .article-header__content { padding: 0 !important } .article-header.is-style-fullscreen { grid-template-rows: auto var(--min-height) auto auto } .article-header.is-style-fullscreen .article-header__meta { padding-top: 2.5rem } .article-header.is-style-square { grid-template-rows: auto 39.375rem auto } .article-header.is-style-square .article-header__subheading { padding-top: 2.5rem } .article-header.is-style-fullscreen .article-header__content, .article-header.is-style-square .article-header__content { grid-row: 1/span 1 !important } .article-header.is-style-fullscreen .wp-block-image, .article-header.is-style-square .wp-block-image { grid-row: 2/span 1 !important } .article-header.is-style-display-title .article-header__content { background-color: #fff !important; background-color: var(--color-white) !important } .article-header.is-style-display-title.article-header__display-text, .article-header.is-style-split-screen .article-header__display-text { color: #fff !important; color: var(--color-white) !important } } @media print and (max-width:74.9375rem) { .supporting-content { display: block !important; float: none !important; margin: 2rem 0 !important; position: static !important } } @media print { .immersive, .immersive--scroll-content { display: block !important } .audio-transcript-wrapper summary, .immersive iframe, .immersive--image:after { display: none !important } .audio-transcript-wrapper .wp-block-details .audio-transcript-text { max-height: none } .image-scroll-replace { display: flex !important; flex-direction: column; gap: 1rem !important; margin-left: 0 !important; margin-right: 0 !important } .wp-block-video .video-poster-button, .wp-block-video.wp-block-video--poster:before, .wp-block-video:has(iframe):not(:has(img)), .wp-block-video:has(video:not([poster])) { display: none } .wp-block-video .video-poster-info { grid-column: 1/span 2 !important; grid-row: auto } .hg-stats:not(.has-text-align-center):before { background-color: transparent; border-left: .5rem solid #a51c30; border-left: .5rem solid var(--primary-page-color-ui); width: 0 } .article-footer { -moz-column-break-before: always; break-before: always; padding: 2rem 0 !important; page-break-before: always } .site-footer { padding-top: 0 !important } } .splide__container { box-sizing: border-box; position: relative } .splide__list { backface-visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; margin: 0 !important; padding: 0 !important } .splide.is-initialized:not(.is-active) .splide__list { display: block } .splide__pagination { -ms-flex-align: center; -ms-flex-pack: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0; pointer-events: none } .splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto } .splide:not(.is-overflow) .splide__pagination { display: none } .splide__progress__bar { width: 0 } .splide { position: relative; visibility: hidden } .splide.is-initialized, .splide.is-rendered { visibility: visible } .splide__slide { -ms-flex-negative: 0; backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative } .splide__slide img { vertical-align: bottom } .splide__spinner { animation: splide-loading 1s linear infinite; border: 2px solid #999; border-left-color: transparent; border-radius: 50%; bottom: 0; contain: strict; display: inline-block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px } .splide__sr { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none } .splide__toggle.is-active .splide__toggle__pause { display: inline } .splide__track { overflow: hidden; position: relative; z-index: 0 } @keyframes splide-loading { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .splide__track--fade>.splide__list>.splide__slide { margin: 0 !important; opacity: 0; z-index: 0 } .splide__track--fade>.splide__list>.splide__slide.is-active { opacity: 1; z-index: 1 } .splide--rtl { direction: rtl } .splide__track--ttb>.splide__list { display: block } .splide__arrow { -ms-flex-align: center; -ms-flex-pack: center; align-items: center; background: #ccc; border: 0; border-radius: 50%; cursor: pointer; display: -ms-flexbox; display: flex; height: 2em; justify-content: center; opacity: .7; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 2em; z-index: 1 } .splide__arrow svg { fill: #000; height: 1.2em; width: 1.2em } .splide__arrow:hover:not(:disabled) { opacity: .9 } .splide__arrow:disabled { opacity: .3 } .splide__arrow:focus-visible { outline: 3px solid #0bf; outline-offset: 3px } .splide__arrow--prev { left: 1em } .splide__arrow--prev svg { transform: scaleX(-1) } .splide__arrow--next { right: 1em } .splide.is-focus-in .splide__arrow:focus { outline: 3px solid #0bf; outline-offset: 3px } .splide__pagination { bottom: .5em; left: 0; padding: 0 1em; position: absolute; right: 0; z-index: 1 } .splide__pagination__page { background: #ccc; border: 0; border-radius: 50%; display: inline-block; height: 8px; margin: 3px; opacity: .7; padding: 0; position: relative; transition: transform .2s linear; width: 8px } .splide__pagination__page.is-active { background: #fff; transform: scale(1.4); z-index: 1 } .splide__pagination__page:hover { cursor: pointer; opacity: .9 } .splide__pagination__page:focus-visible { outline: 3px solid #0bf; outline-offset: 3px } .splide.is-focus-in .splide__pagination__page:focus { outline: 3px solid #0bf; outline-offset: 3px } .splide__progress__bar { background: #ccc; height: 3px } .splide__slide { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .splide__slide:focus { outline: 0 } @supports (outline-offset:-3px) { .splide__slide:focus-visible { outline: 3px solid #0bf; outline-offset: -3px } } @media screen and (-ms-high-contrast:none) { .splide__slide:focus-visible { border: 3px solid #0bf } } @supports (outline-offset:-3px) { .splide.is-focus-in .splide__slide:focus { outline: 3px solid #0bf; outline-offset: -3px } } @media screen and (-ms-high-contrast:none) { .splide.is-focus-in .splide__slide:focus { border: 3px solid #0bf } .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus { border-color: #0bf } } .splide__toggle { cursor: pointer } .splide__toggle:focus-visible { outline: 3px solid #0bf; outline-offset: 3px } .splide.is-focus-in .splide__toggle:focus { outline: 3px solid #0bf; outline-offset: 3px } .splide__track--nav>.splide__list>.splide__slide { border: 3px solid transparent; cursor: pointer } .splide__track--nav>.splide__list>.splide__slide.is-active { border: 3px solid #000 } .splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em } .splide__arrows--rtl .splide__arrow--prev svg { transform: scaleX(1) } .splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto } .splide__arrows--rtl .splide__arrow--next svg { transform: scaleX(-1) } .splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%) } .splide__arrows--ttb .splide__arrow--prev { top: 1em } .splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg) } .splide__arrows--ttb .splide__arrow--next { bottom: 1em; top: auto } .splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg) } .splide__pagination--ttb { bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: auto; padding: 1em 0; right: .5em; top: 0 } /* .post-type-archive-books .site-header .is-layout-flex.is-nowrap, .single-books .site-header .is-layout-flex.is-nowrap, .tax-book_author .site-header .is-layout-flex.is-nowrap, .tax-book_category .site-header .is-layout-flex.is-nowrap { flex-wrap: nowrap } .post-type-archive-books .site-header .site-header__wrapper, .single-books .site-header .site-header__wrapper, .tax-book_author .site-header .site-header__wrapper, .tax-book_category .site-header .site-header__wrapper { flex-wrap: nowrap; gap: var(--wp--preset--spacing--120); justify-content: space-between } .post-type-archive-books .site-header__navigation-container, .single-books .site-header__navigation-container, .tax-book_author .site-header__navigation-container, .tax-book_category .site-header__navigation-container { flex-wrap: nowrap; justify-content: flex-end } .post-type-archive-books .topics-bar__row, .single-books .topics-bar__row, .tax-book_author .topics-bar__row, .tax-book_category .topics-bar__row { flex-wrap: nowrap; justify-content: center } .single-books .wbg-book-single-section { margin: clamp(1.5rem, 3.23vw + .74rem, 3.75rem) auto 0; max-width: var(--wp--style--global--wide-size) !important; width: 100% } .single-books .wbg-book-single-section .wbg-details-book-info { grid-gap: 2rem; display: grid !important; grid-template-columns: 100% !important } @media (min-width:75rem) { .single-books .wbg-book-single-section .wbg-details-book-info { display: flex !important } } .single-books .wbg-book-single-section .wbg-details-wrapper { position: relative; width: 100% !important } @media (min-width:75rem) { .single-books .wbg-book-single-section .wbg-details-wrapper { display: flex !important; flex-wrap: wrap } } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-image { aspect-ratio: 1/1; background-color: #faedda; background-color: var(--color-sand); box-sizing: border-box; overflow: hidden; padding: 1rem; text-align: center; width: 100% } @media (min-width:75rem) { .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-image { margin-bottom: -100%; max-height: 37.5rem; max-width: 37.5rem; width: 43% } } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-image img { height: 100% !important; margin: auto !important; max-width: 100%; -o-object-fit: cover; object-fit: cover; width: auto !important } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description-title { display: none } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary { order: -1 } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary:before { content: "Harvard Reads"; display: block; font-size: clamp(.63rem, .36vw + .54rem, .88rem); font-weight: 700; letter-spacing: .105rem; line-height: var(--wp--custom--line-height--medium); text-transform: uppercase; width: -moz-fit-content; width: fit-content } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary .wbg-details-book-title { color: #000 !important; color: var(--color-black) !important; font-size: clamp(2.13rem, 2.7vw + 1.49rem, 4rem) !important; line-height: clamp(2.38rem, 2.7vw + 1.74rem, 4.25rem) !important; margin-bottom: 0 !important; margin-top: 1.5rem !important } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary .wbg-single-link-author, .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary .wbg-single-link[href*=book-author] { color: #000 !important; color: var(--color-black) !important; cursor: auto; font-weight: 700 } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary span { font-weight: 700; margin-bottom: 0 !important } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary span:first-of-type { margin-top: clamp(1.5rem, 1.44vw + 1.16rem, 2.5rem) !important } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary span:first-of-type:before { border-top: 4px solid #a51c30; border-top: 4px solid var(--primary-page-color-ui); content: ""; display: block; margin-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); width: 3rem } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary .wbg-single-button-container { display: none } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description, .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary { padding: 0 !important } @media (min-width:75rem) { .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description, .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-summary { margin-left: auto; max-width: var(--wp--style--global--content-size); order: 0; width: 50% } } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description { font-size: var(--wp--preset--font-size--large) !important; line-height: 1.6 !important; margin-top: clamp(2rem, 2.52vw + 1.41rem, 3.75rem); max-width: var(--wp--style--global--content-size) } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description .wp-block-buttons { margin: clamp(1.5rem, 2.16vw + .99rem, 3rem) 0 clamp(0rem, 4.31vw + -1.01rem, 3rem) } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description .wp-block-button__link { display: inline-block } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-details-description-content { padding: 0 } .single-books .wbg-book-single-section .wbg-details-wrapper .wbg-btn-back { display: none } .post-type-archive-books .wbg-parent-wrapper, .tax-book_author .wbg-parent-wrapper, .tax-book_category .wbg-parent-wrapper { background-color: transparent; border: none; box-shadow: none; margin-top: clamp(.5rem, 2.52vw + -.09rem, 2.25rem); max-width: var(--wp--style--global--wide-size) !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container, .tax-book_author .wbg-parent-wrapper .wbg-search-container, .tax-book_category .wbg-parent-wrapper .wbg-search-container { --item-padding: .4375rem .5625rem; background-color: #faedda; background-color: var(--color-sand); border: none; display: flex; flex-direction: column; gap: 1rem; margin: 0 -.5rem; padding: .5rem } @media (min-width:768px) { .post-type-archive-books .wbg-parent-wrapper .wbg-search-container, .tax-book_author .wbg-parent-wrapper .wbg-search-container, .tax-book_category .wbg-parent-wrapper .wbg-search-container { background-color: transparent; flex-direction: row; margin: 0; padding: 0 } } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container ::-moz-placeholder, .tax-book_author .wbg-parent-wrapper .wbg-search-container ::-moz-placeholder, .tax-book_category .wbg-parent-wrapper .wbg-search-container ::-moz-placeholder { color: #000 !important; color: var(--color-black) !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container ::placeholder, .tax-book_author .wbg-parent-wrapper .wbg-search-container ::placeholder, .tax-book_category .wbg-parent-wrapper .wbg-search-container ::placeholder { color: #000 !important; color: var(--color-black) !important } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container a#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container input, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container select, .tax-book_author .wbg-parent-wrapper .wbg-search-container .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container a#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container input, .tax-book_author .wbg-parent-wrapper .wbg-search-container select, .tax-book_category .wbg-parent-wrapper .wbg-search-container .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container a#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container input, .tax-book_category .wbg-parent-wrapper .wbg-search-container select { border-radius: 0; box-sizing: border-box; font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); font-size: var(--wp--preset--font-size--large); font-weight: 400; height: 100%; line-height: var(--wp--custom--line-height--large); min-height: 3rem; padding: var(--item-padding) !important; width: 100% !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item { border: none; flex-grow: 1 } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item:first-of-type, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item:first-of-type, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item:first-of-type { flex-grow: 2 } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text], .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text], .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text] { background-color: #fff !important; background-color: var(--color-white) !important; border-color: #b9b8ad; border-color: var(--color-grey); color: #000 !important; color: var(--color-black) !important; margin: 0 !important } @media (min-width:768px) { .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text], .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text], .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text] { background-color: transparent !important } } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text][name=wbg_title_s], .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text][name=wbg_title_s], .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input[type=text][name=wbg_title_s] { background: 100% no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTE4LjkxMiAxOC45MTIgMjQuNSAyNC41IiBzdHJva2U9IiNBNTFDMzAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuNSAyMC41YTYgNiAwIDEgMCAwLTEyIDYgNiAwIDAgMCAwIDEyWiIgc3Ryb2tlPSIjQTUxQzMwIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=); padding-right: 2rem !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single { height: 100% } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input { align-items: center; border-radius: 0; display: flex; height: 100%; justify-content: space-between; padding: var(--item-padding) !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after { border: solid; border-width: 0 .125rem .125rem 0; color: #63111d; color: var(--primary-page-color-text); content: ""; display: inline-block; height: .55rem; left: .1875rem; margin-left: .75rem; margin-left: 1rem; margin-right: .1875rem; margin-right: .375rem; position: relative; top: -.1875rem; transform: rotate(-45deg); transform: rotate(45deg); width: .55rem } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input input { height: auto; padding: 0 !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input:after { color: #a51c30; color: var(--primary-page-color-ui); margin-top: 0 } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus { box-shadow: none; outline: 2px solid #a51c30; outline: 2px solid var(--primary-page-color-ui); outline-offset: 4px } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus:after, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus:after, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.focus:after { left: .1875rem; margin-left: 1rem; margin-right: .375rem; top: .1875rem; transform: rotate(-135deg) } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active { justify-content: flex-start } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active input, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active input, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-input.full.dropdown-active input { flex-grow: 2; width: .25rem !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown { background-color: #fffbf4; background-color: var(--color-sand-light); border-color: #b9b8ad; border-color: var(--color-grey); border-radius: 0; border-top-color: transparent; box-shadow: none; margin: -2px 0 0; top: 100% !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option { color: #000; color: var(--color-black); font-size: var(--wp--preset--font-size--large); line-height: var(--wp--custom--line-height--large); margin: 0 .25rem; padding: .4375rem .3125rem !important } .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option.active, .tax-book_author .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option.active, .tax-book_category .wbg-parent-wrapper .wbg-search-container .selectize-control.single .selectize-dropdown [data-selectable].option.active { background-color: #faedda; background-color: var(--color-sand) } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button { background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); border: 2px solid #a51c30; border: 2px solid var(--primary-page-color-reverse-background); border-radius: 0; color: currentColor; color: #fff; color: var(--color-white); cursor: pointer; font-size: 1rem; font-weight: 700; letter-spacing: 1.92px; line-height: var(--wp--custom--line-height--close); margin-bottom: 0 !important; outline: 2px solid transparent; padding: clamp(.75rem, .72vw + .58rem, 1.25rem) 2rem !important; padding: var(--item-padding) !important; text-transform: uppercase } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:hover { background-color: #63111d; background-color: var(--primary-page-color-text); border-color: #63111d; border-color: var(--primary-page-color-text) } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item input.button:focus-visible { outline-color: #a51c30; outline-color: var(--primary-page-color-reverse-background); outline-offset: 4px } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh { align-items: center; background-color: transparent; border-color: currentColor; color: #a51c30; color: var(--primary-page-color-reverse-background); display: flex; justify-content: center } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover { border-color: #63111d; border-color: var(--primary-page-color-text); outline-color: #63111d; outline-color: var(--primary-page-color-text); outline-offset: -4px } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:focus-visible, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:focus-visible { outline-color: currentColor } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:hover, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:hover { background: 0 0 } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:before, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:before, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item summary#wbg-search-refresh:before, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:before, .post-type-archive-books .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:before, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:before, .tax-book_author .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:before, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item .audio-transcript-wrapper .wp-block-details summary#wbg-search-refresh:before, .tax-book_category .wbg-parent-wrapper .wbg-search-container .wbg-search-item a#wbg-search-refresh:before { content: "Reset filters" } .post-type-archive-books .wbg-parent-wrapper .wbg-total-books-title, .tax-book_author .wbg-parent-wrapper .wbg-total-books-title, .tax-book_category .wbg-parent-wrapper .wbg-total-books-title { font-size: var(--wp--preset--font-size--large); margin-top: clamp(1rem, .72vw + .83rem, 1.5rem); text-align: left } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper { border: none; gap: clamp(1rem, 3.23vw + .24rem, 3.25rem) clamp(1rem, 1.44vw + .66rem, 2rem); margin-top: clamp(1rem, .72vw + .83rem, 1.5rem) } @media (min-width:768px) { .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); padding-top: var(--wp--preset--spacing--32) } } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list { padding-top: 0 } .post-type-archive-books .wbg-parent-wrapper .wbg-item, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper, .tax-book_author .wbg-parent-wrapper .wbg-item, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper, .tax-book_category .wbg-parent-wrapper .wbg-item, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper { background-color: transparent; border: none; margin: 0; position: relative } .post-type-archive-books .wbg-parent-wrapper .wbg-item:before, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before, .tax-book_author .wbg-parent-wrapper .wbg-item:before, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before, .tax-book_category .wbg-parent-wrapper .wbg-item:before, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before { background-color: #faedda; background-color: var(--color-sand); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100% } .post-type-archive-books .wbg-parent-wrapper .wbg-item, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials, .tax-book_author .wbg-parent-wrapper .wbg-item, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials, .tax-book_category .wbg-parent-wrapper .wbg-item, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials { display: flex; flex-direction: column; row-gap: .5rem } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-author, .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-category, .post-type-archive-books .wbg-parent-wrapper .wbg-item .wbg-description-content, .post-type-archive-books .wbg-parent-wrapper .wbg-item .wbg-title, .post-type-archive-books .wbg-parent-wrapper .wbg-item a.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-author, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-category, .tax-book_author .wbg-parent-wrapper .wbg-item .wbg-description-content, .tax-book_author .wbg-parent-wrapper .wbg-item .wbg-title, .tax-book_author .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-author, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-category, .tax-book_category .wbg-parent-wrapper .wbg-item .wbg-description-content, .tax-book_category .wbg-parent-wrapper .wbg-item .wbg-title, .tax-book_category .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-title, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link { color: #000 !important; color: var(--color-black) !important; font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); margin: 0; padding: 0; text-align: left } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item a.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials a.wgb-item-link { font-family: var(--wp--preset--font-family--sanomat); font-size: clamp(1.25rem, .36vw + 1.17rem, 1.5rem) !important; font-weight: 500; line-height: clamp(1.75rem, .36vw + 1.67rem, 2rem) } .post-type-archive-books .wbg-parent-wrapper .wbg-item .wbg-rating, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-rating, .tax-book_author .wbg-parent-wrapper .wbg-item .wbg-rating, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-rating, .tax-book_category .wbg-parent-wrapper .wbg-item .wbg-rating, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-rating { display: none } .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-category, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-category, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-category, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category { color: #726a5b !important; color: var(--color-grey-dark) !important; font-size: var(--wp--preset--font-size--small) !important; line-height: var(--wp--custom--line-height--base) } .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-author, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-author, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-author, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author { font-size: var(--wp--preset--font-size--medium) !important; line-height: var(--wp--custom--line-height--base) } .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-author .wbg-list-author, .post-type-archive-books .wbg-parent-wrapper .wbg-item .loop-category .wbg-list-cat, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author .wbg-list-author, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category .wbg-list-cat, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-author .wbg-list-author, .tax-book_author .wbg-parent-wrapper .wbg-item .loop-category .wbg-list-cat, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author .wbg-list-author, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category .wbg-list-cat, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-author .wbg-list-author, .tax-book_category .wbg-parent-wrapper .wbg-item .loop-category .wbg-list-cat, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-author .wbg-list-author, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .loop-category .wbg-list-cat { color: inherit !important; font-size: inherit !important } .post-type-archive-books .wbg-parent-wrapper .wbg-item .wbg-description-content, .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .tax-book_author .wbg-parent-wrapper .wbg-item .wbg-description-content, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content, .tax-book_category .wbg-parent-wrapper .wbg-item .wbg-description-content, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials .wbg-description-content { border: none; font-size: var(--wp--preset--font-size--large) !important; line-height: var(--wp--custom--line-height--large); margin-top: .5rem } .post-type-archive-books .wbg-parent-wrapper .wbg-item, .tax-book_author .wbg-parent-wrapper .wbg-item, .tax-book_category .wbg-parent-wrapper .wbg-item { box-shadow: none; padding: 0 } .post-type-archive-books .wbg-parent-wrapper .wbg-item:before, .tax-book_author .wbg-parent-wrapper .wbg-item:before, .tax-book_category .wbg-parent-wrapper .wbg-item:before { height: 16.6875rem } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-item summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .post-type-archive-books .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_author .wbg-parent-wrapper .wbg-item a.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link, .tax-book_category .wbg-parent-wrapper .wbg-item a.wgb-item-link { grid-row-gap: clamp(.5rem, .72vw + .33rem, 1rem); box-sizing: border-box; display: grid; grid-template-rows: 16.6875rem auto; position: relative; row-gap: clamp(.5rem, .72vw + .33rem, 1rem); z-index: 1 } .audio-transcript-wrapper .wp-block-details .post-type-archive-books .wbg-parent-wrapper .wbg-item summary.wgb-item-link img, .audio-transcript-wrapper .wp-block-details .tax-book_author .wbg-parent-wrapper .wbg-item summary.wgb-item-link img, .audio-transcript-wrapper .wp-block-details .tax-book_category .wbg-parent-wrapper .wbg-item summary.wgb-item-link img, .post-type-archive-books .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link img, .post-type-archive-books .wbg-parent-wrapper .wbg-item a.wgb-item-link img, .tax-book_author .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link img, .tax-book_author .wbg-parent-wrapper .wbg-item a.wgb-item-link img, .tax-book_category .wbg-parent-wrapper .wbg-item .audio-transcript-wrapper .wp-block-details summary.wgb-item-link img, .tax-book_category .wbg-parent-wrapper .wbg-item a.wgb-item-link img { grid-row: 1/span 1; margin: auto; max-height: 15.6875rem; -o-object-fit: cover; object-fit: cover; width: auto } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper { grid-column-gap: clamp(1rem, 2.16vw + .49rem, 2.5rem); border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); -moz-column-gap: clamp(1rem, 2.16vw + .49rem, 2.5rem); column-gap: clamp(1rem, 2.16vw + .49rem, 2.5rem); display: grid; grid-template-columns: clamp(10.19rem, 16.62vw + 6.29rem, 21.75rem) 1fr; min-height: clamp(9.25rem, 10.69vw + 6.74rem, 16.69rem); padding: clamp(.5rem, 2.16vw + -.01rem, 2rem) 0 } @media (max-width:767px) { .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:first-of-type, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:first-of-type, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:first-of-type { padding-top: 0 } } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper:before { grid-column: 1/span 1; grid-row: 1/span 1; max-height: clamp(9.25rem, 10.69vw + 6.74rem, 16.69rem) } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img { align-items: center; box-sizing: border-box; display: flex; justify-content: center; max-height: clamp(9.25rem, 10.69vw + 6.74rem, 16.69rem); padding: .5rem; position: relative; z-index: 1 } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img img, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img img, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-img img { height: auto; max-height: 100%; max-width: 100%; width: auto } .post-type-archive-books .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials, .tax-book_author .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials, .tax-book_category .wbg-parent-wrapper .wbg-main-wrapper.list .wbg-item-list-wrapper .wbg-item-list-detials { justify-content: center } .site-header-books+.site-main { -webkit-margin-before: 0; margin-block-start: 0; margin-top: 0 } .wp-block-audio { --plyr-audio-controls-background: 0 0; --plyr-tooltip-background: var(--color-white); --plyr-tooltip-color: var(--color-black); --plyr-menu-background: var(--color-white); --plyr-menu-color: var(--color-black); --plyr-menu-arrow-color: var(--color-black); --plyr-menu-item-arrow-color: var(--color-black); --plyr-color-main: var(--primary-page-color-text); --plyr-audio-control-color: var(--plyr-color-main); --plyr-range-fill-background: var(--primary-page-color-text); --plyr-audio-range-track-background: var(----color-grey); --plyr-audio-control-background-hover: var(--plyr-color-main); --plyr-audio-control-color-hover: var(--color-white); --plyr-font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); --plyr-font-size-base: var(--wp--preset--font-size--medium); --plyr-font-size-small: var(--wp--preset--font-size--small); --plyr-font-size-large: var(--wp--preset--font-size--large); --plyr-font-size-time: var(--wp--preset--font-size--large); --plyr-control-icon-size: 1.3125rem; --plyr-control-spacing: .5rem; --plyr-control-radius: 0; --plyr-menu-radius: 0 } .wp-block-audio .plyr--audio .plyr__controls { flex-wrap: wrap; gap: .5rem; padding: 0 } .wp-block-audio .plyr__controls__item { margin: 0 } .wp-block-audio .plyr__controls__item.plyr__volume { gap: .5rem } .wp-block-audio .plyr__controls__item.plyr__volume input[type=range] { margin: 0 } .wp-block-audio .plyr__controls__item.plyr__time--current.plyr__time { color: #000; color: var(--color-black); flex-basis: 100%; order: 2; text-align: left } .wp-block-audio .plyr--audio .plyr__control:focus-visible { outline-style: solid } .wp-block-audio .plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track { outline-style: solid } .wp-block-audio .plyr--full-ui input[type=range]:focus-visible::-moz-range-track { outline-style: solid } .wp-block-audio .plyr__menu__container .plyr__control:focus-visible, .wp-block-audio .plyr__menu__container .plyr__control:hover { background-color: transparent; color: var(--plyr-menu-color) } .wp-block-audio .plyr__menu__container .plyr__control[role=menuitemradio]:before { background-color: #b9b8ad; background-color: var(--color-grey) } .wp-block-audio .plyr__menu__container .plyr__control[role=menuitemradio]:after { left: .65625rem } .wp-block-audio .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before { background-color: var(--plyr-color-main) } .is-style-colored .wp-block-audio { --plyr-color-main: var(--primary-page-color-reverse-text); --plyr-range-fill-background: var(--primary-page-color-reverse-text); --plyr-audio-control-color-hover: var(--primary-page-color-reverse-background) } .is-style-colored:not(.has-ochre-color) .wp-block-audio .plyr__controls__item.plyr__time--current.plyr__time { color: #fff; color: var(--primary-page-color-reverse-text) } body.has-ochre-color .is-style-colored:not(.has-crimson-color, .has-green-color, .has-blue-color, .has-purple-color, .has-ochre-color, .has-grey-color) .wp-block-audio .plyr__controls__item.plyr__time--current.plyr__time { color: #000; color: var(--color-black) } .post-type-archive-event .archive-main>.wp-block-group>.pin-tabs { margin-top: 1rem } @media (max-width:48.8125rem) { .post-type-archive-event .archive-main>.wp-block-group>.pin-tabs { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey) } } @media (min-width:48.875rem) { .post-type-archive-event .archive-main>.wp-block-group>.pin-tabs { margin-top: 0 } } @media (max-width:48.8125rem) { .pin-columns--events:not(.sidebar-moved) { flex-direction: column-reverse } .pin-columns--events.is-style-vertical-dividers { gap: 2rem } .pin-columns--events.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { display: none } } @media (min-width:48.875rem) { .pin-columns--events { margin-top: 4.875rem } } .pin-columns--events .pin-column-sidebar>h2 { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } .pin-columns--events .accordion { margin-top: 1rem } .pin-columns--events .accordion-item { padding: .625rem 0 } .pin-columns--events .accordion-item:first-of-type { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); margin-top: 0 } .pin-columns--events .accordion-item__title { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } .pin-columns--events nav.wp-block-navigation { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); margin-bottom: 1.5rem; margin-top: .625rem; padding-top: 1rem } .pin-columns--events .wp-block-navigation__container { align-items: flex-start; flex-direction: column; font-size: 1.25rem; gap: 1.5rem } .pin-columns--events .wp-block-navigation__container .wp-block-navigation-link { margin-top: 0 } .trumba-calendar h2 { --wp--preset--font-size--h-4-title: clamp(1.5rem, 1.5rem + ((1vw - .2rem)*0.685), 2rem); font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } .trumba-calendar .calendar__trumba-chooser h2 { margin-top: 0 } .site-footer { background-color: #faedda; background-color: var(--color-sand); font-size: var(--wp--preset--font-size--small); line-height: var(--wp--custom--line-height--base); padding: clamp(2rem, .72vw + 1.83rem, 2.5rem) 0 } .audio-transcript-wrapper .wp-block-details .site-footer figure summary, .site-footer figure .audio-transcript-wrapper .wp-block-details summary, .site-footer figure a { align-content: center; display: flex; flex-wrap: wrap; transform: translateY(clamp(.09rem, .04vw + .08rem, .13rem)) } .audio-transcript-wrapper .wp-block-details .site-footer figure summary:focus-visible, .site-footer figure .audio-transcript-wrapper .wp-block-details summary:focus-visible, .site-footer figure a:focus-visible { outline: 0; text-decoration: none } .audio-transcript-wrapper .wp-block-details .site-footer figure summary:focus-visible>img, .site-footer figure .audio-transcript-wrapper .wp-block-details summary:focus-visible>img, .site-footer figure a:focus-visible>img { outline: 2px solid currentColor; outline-offset: 3px } .audio-transcript-wrapper .wp-block-details .site-footer figure summary:after, .site-footer figure .audio-transcript-wrapper .wp-block-details summary:after, .site-footer figure a:after { border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid transparent; content: ""; display: block; transform: translateY(.625rem); width: 100% } .audio-transcript-wrapper .wp-block-details .site-footer figure summary:hover:after, .site-footer figure .audio-transcript-wrapper .wp-block-details summary:hover:after, .site-footer figure a:hover:after { border-color: #000; border-color: var(--color-black) } .audio-transcript-wrapper .wp-block-details .site-footer h2 summary:not(:hover):not(:focus), .audio-transcript-wrapper .wp-block-details .site-footer h3 summary:not(:hover):not(:focus), .site-footer h2 .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer h2 a:not(:hover):not(:focus), .site-footer h3 .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer h3 a:not(:hover):not(:focus) { text-decoration: none } .site-footer h2 { -moz-column-gap: .5rem; column-gap: .5rem; display: flex; font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } .site-footer h2 img { height: clamp(2rem, .72vw + 1.83rem, 2.5rem); margin-left: -.125rem; margin-top: -.375rem; width: auto } .site-footer h3 { -webkit-margin-before: clamp(1.5rem, .72vw + 1.33rem, 2rem); font-size: var(--wp--preset--font-size--h-6-title); line-height: var(--wp--custom--line-height--medium); margin-block-start: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .site-footer h2+h3 { -webkit-margin-before: clamp(1.13rem, .54vw + 1rem, 1.5rem); margin-block-start: clamp(1.13rem, .54vw + 1rem, 1.5rem) } .site-footer h3+p { -webkit-margin-before: .5rem; margin-block-start: .5rem } .site-footer nav { -webkit-margin-before: 0; margin-block-start: 0 } .site-footer h2+nav, .site-footer h2+ul.wp-block-social-links.is-vertical { -webkit-margin-before: clamp(1rem, .72vw + .83rem, 1.5rem); margin-block-start: clamp(1rem, .72vw + .83rem, 1.5rem) } .site-footer .is-vertical .wp-block-navigation__container, .site-footer .wp-block-social-links.is-vertical { display: flex; flex-direction: row; flex-wrap: wrap; gap: 1rem; list-style-type: none; margin: 0; padding: 0; width: 100% } .audio-transcript-wrapper .wp-block-details .site-footer .is-vertical .wp-block-navigation__container summary:not(:hover):not(:focus), .audio-transcript-wrapper .wp-block-details .site-footer .wp-block-social-links.is-vertical summary:not(:hover):not(:focus), .site-footer .is-vertical .wp-block-navigation__container .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer .is-vertical .wp-block-navigation__container a:not(:hover):not(:focus), .site-footer .wp-block-social-links.is-vertical .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer .wp-block-social-links.is-vertical a:not(:hover):not(:focus) { text-decoration: none } .site-footer .is-vertical .wp-block-navigation__container li, .site-footer .wp-block-social-links.is-vertical li { flex-basis: calc(50% - .5rem); flex-grow: 0; flex-shrink: 0; margin: 0 } @media (min-width:48.875rem) { .site-footer .is-vertical .wp-block-navigation__container, .site-footer .wp-block-social-links.is-vertical { flex-direction: column } .site-footer .is-vertical .wp-block-navigation__container li, .site-footer .wp-block-social-links.is-vertical li { flex-basis: 100% } } @media (min-width:75rem) { .site-footer .is-vertical .wp-block-navigation__container.site-footer__social-nav, .site-footer .wp-block-social-links.is-vertical.site-footer__social-nav { flex-direction: row } .site-footer .is-vertical .wp-block-navigation__container.site-footer__social-nav li, .site-footer .wp-block-social-links.is-vertical.site-footer__social-nav li { flex-basis: calc(50% - .5rem) } } .site-footer__upper { margin: 0; padding-bottom: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .site-footer__lower { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); flex-wrap: wrap !important; margin: 0; padding-top: clamp(1.5rem, .72vw + 1.33rem, 2rem) } @media (min-width:48.875rem) { .site-footer__lower { flex-wrap: nowrap !important } } .site-footer .wp-block-navigation-item__label { align-items: center; -moz-column-gap: .5rem; column-gap: .5rem; display: flex } .site-footer .wp-block-navigation-item__label img { height: 2rem; margin-left: -.125rem; width: auto } .site-footer .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label { position: relative } .site-footer .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label:after { border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid #a51c30; border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid var(--color-crimson); content: ""; display: block; position: absolute; top: 100%; transform: translateY(.0625rem); width: 100% } .audio-transcript-wrapper .wp-block-details .site-footer nav.site-footer__utility-nav summary, .site-footer nav.site-footer__utility-nav .audio-transcript-wrapper .wp-block-details summary, .site-footer nav.site-footer__utility-nav a { font-weight: 400 } @media (max-width:48.8125rem) { .site-footer nav.site-footer__utility-nav { display: flex; flex-basis: 100%; flex-direction: row; flex-wrap: wrap; gap: 1rem; list-style-type: none; margin: 0; padding: 0; width: 100% } .audio-transcript-wrapper .wp-block-details .site-footer nav.site-footer__utility-nav summary:not(:hover):not(:focus), .site-footer nav.site-footer__utility-nav .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer nav.site-footer__utility-nav a:not(:hover):not(:focus) { text-decoration: none } .site-footer nav.site-footer__utility-nav li { flex-basis: calc(50% - .5rem); flex-grow: 0; flex-shrink: 0; margin: 0 } } @media (max-width:48.8125rem) and (min-width:48.875rem) { .site-footer nav.site-footer__utility-nav { flex-direction: column } .site-footer nav.site-footer__utility-nav li { flex-basis: 100% } } @media (max-width:48.8125rem) { .site-footer nav.site-footer__utility-nav ul { justify-content: flex-start } } @media (min-width:48.875rem) { .site-footer nav.site-footer__utility-nav { display: flex; flex-wrap: wrap; gap: 1rem; list-style-type: none; margin: 0; padding: 0 } .audio-transcript-wrapper .wp-block-details .site-footer nav.site-footer__utility-nav summary:not(:hover):not(:focus), .site-footer nav.site-footer__utility-nav .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-footer nav.site-footer__utility-nav a:not(:hover):not(:focus) { text-decoration: none } .site-footer nav.site-footer__utility-nav li { margin: 0 } } .article-footer+.site-footer { -webkit-margin-before: 0; margin-block-start: 0 } .wp-block-navigation-item__label { align-items: center; display: flex } .wp-block-navigation-item__label img { height: 2rem; margin: -.4375rem 0 -.4375rem -.375rem; padding-right: .1875rem; width: auto } .site-navigation>.wp-block-navigation__container, .topics-bar__navigation>.wp-block-navigation__container { display: flex; flex-wrap: wrap; gap: 1rem; list-style-type: none; margin: 0; padding: 0 } .audio-transcript-wrapper .wp-block-details .site-navigation>.wp-block-navigation__container summary:not(:hover):not(:focus), .audio-transcript-wrapper .wp-block-details .topics-bar__navigation>.wp-block-navigation__container summary:not(:hover):not(:focus), .site-navigation>.wp-block-navigation__container .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .site-navigation>.wp-block-navigation__container a:not(:hover):not(:focus), .topics-bar__navigation>.wp-block-navigation__container .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .topics-bar__navigation>.wp-block-navigation__container a:not(:hover):not(:focus) { text-decoration: none } .site-navigation>.wp-block-navigation__container li, .topics-bar__navigation>.wp-block-navigation__container li { margin: 0 } .site-navigation>.wp-block-navigation__container>.wp-block-navigation-item, .topics-bar__navigation>.wp-block-navigation__container>.wp-block-navigation-item { display: flex; gap: var(--header-gap) } .site-navigation>.wp-block-navigation__container>.wp-block-navigation-item:before, .topics-bar__navigation>.wp-block-navigation__container>.wp-block-navigation-item:before { border-left: 1px solid #b9b8ad; border-left: 1px solid var(--color-grey); content: ""; height: 1.5rem } .site-navigation>.wp-block-navigation__container>.wp-block-navigation-item:first-of-type:before, .topics-bar__navigation>.wp-block-navigation__container>.wp-block-navigation-item:first-of-type:before { display: none } .site-header { align-items: flex-end; background-color: #fffbf4; background-color: var(--color-sand-light); display: flex; flex-wrap: wrap; height: var(--header-height); transition: box-shadow .5s; width: 100% } @media (min-width:48.875rem) { .site-header { justify-content: center } } .site-header>div { width: 100% } .site-header>.wp-block-group { background-color: transparent; transition: background-color 1ms } .site-header>.wp-block-group:focus-within { background-color: rgba(255, 251, 244, .01); background-color: var(--color-sand-light-01) } .site-header:after { background-color: #a51c30; background-color: var(--color-crimson); content: ""; display: block; height: .0625rem; margin-left: auto; margin-right: auto; transition: max-width .5s; width: 100%; z-index: 1 } @media (min-width:48.875rem) { .site-header:after { max-width: min(var(--wp--style--global--wide-size), 100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)) } } .site-header.is-pinned { box-shadow: 0 .25rem 1rem -.5rem rgba(0, 0, 0, .75) } .site-header.is-pinned:after, .site-header.mega-menu-expanded:after { max-width: 100% } .site-header .wp-block-site-logo { flex-shrink: 0 } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary, .site-header .wp-block-site-logo a { align-content: center; display: flex; flex-wrap: wrap; transform: translateY(clamp(.09rem, .04vw + .08rem, .13rem)) } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary:focus-visible, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary:focus-visible, .site-header .wp-block-site-logo a:focus-visible { outline: 0; text-decoration: none } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary:focus-visible>img, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary:focus-visible>img, .site-header .wp-block-site-logo a:focus-visible>img { outline: 2px solid currentColor; outline-offset: 3px } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary:after, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary:after, .site-header .wp-block-site-logo a:after { border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid transparent; content: ""; display: block; transform: translateY(.625rem); width: 100% } .audio-transcript-wrapper .wp-block-details .site-header .wp-block-site-logo summary:hover:after, .site-header .wp-block-site-logo .audio-transcript-wrapper .wp-block-details summary:hover:after, .site-header .wp-block-site-logo a:hover:after { border-color: #000; border-color: var(--color-black) } @media (max-width:48.8125rem) { .site-header .wp-block-site-logo img { width: 7.625rem } } .site-header__navigation-container { gap: var(--header-gap); position: static } @media (min-width:97rem) { .site-header__navigation-container { flex-basis: 75.625rem; flex-shrink: 0 } } .site-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label { position: relative } .site-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label:after { border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid #a51c30; border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid var(--color-crimson); content: ""; display: block; position: absolute; top: 100%; transform: translateY(.0625rem); width: 100% } @media (min-width:37.5625rem) { .admin-bar .site-header { margin-top: 0; margin-top: calc(var(--wp-admin--admin-bar--height, 0px)*-1); padding: 0; padding-top: var(--wp-admin--admin-bar--height, 0) } } body:not(.block-editor-iframe__body) .site-header { position: sticky; top: -1px } body:not(.block-editor-iframe__body) .site-header.is-pinned, body:not(.block-editor-iframe__body) .site-header.mega-menu-expanded { z-index: 2 } .site-navigation { /* font-family: var(--wp--preset--font-family--sanomat); */ font-size: 1rem; /*1.125rem;*/ font-weight: 600; /* 500;*/ height: 100%; line-height: 1 } /* ul .site-navigation .wp-block-navigation li .wp-block-navigation-item .wp-block-navigation-link a .wp-block-navigation-item__content */ .site-navigation .wp-block-navigation-item a.wp-block-navigation-item__content /*.site-navigation .wp-block-navigation-item__label */ { font-size: 16px; font-weight: 600; opacity: 1; /* margin: 0; padding: 0 15px; line-height: 1;*/ -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; transition: opacity 0.33s cubic-bezier(0.16, 1, 0.3, 1), color 0.33s cubic-bezier(0.16, 1, 0.3, 1); } /* .navbar-default .nav li a { font-size: 14px; opacity: 1; margin: 0; padding: 0 15px; line-height: 1; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; font-weight: 600; } */ .site-navigation:hover .wp-block-navigation-item a.wp-block-navigation-item__content /*.navbar-default .nav:hover li a */ { opacity: 0.3; transition: opacity 0.33s cubic-bezier(0.16, 1, 0.3, 1), color 0.33s cubic-bezier(0.16, 1, 0.3, 1); } /*.navbar-default .nav:hover li.dropdown:hover a, .navbar-nav .nav:hover li.dropdown .dropdown-menu li a, .navbar-nav li.dropdown .dropdown-menu:hover li a:hover,*/ .site-navigation:hover .wp-block-navigation-item a.wp-block-navigation-item__content:hover /*.navbar-default .nav:hover li a:hover */ { opacity: 1; transition: opacity 0.33s cubic-bezier(0.16, 1, 0.3, 1), color 0.33s cubic-bezier(0.16, 1, 0.3, 1); } .site-navigation.is-layout-flex { display: none } /* @media (min-width:48.875rem) { */ @media (min-width:56.25rem) { .site-navigation.is-layout-flex { display: flex; } } .site-navigation>.wp-block-navigation__container { height: 2.125rem; overflow: hidden; width: 100% } .site-navigation>.wp-block-navigation__container, .site-navigation>.wp-block-navigation__container>.wp-block-navigation-item { gap: var(--header-gap) } .site-navigation>.wp-block-navigation__container .wp-block-navigation-item__content { font-weight: inherit; margin: 0 } .site-navigation>.wp-block-navigation__container .wp-block-navigation-item__label { padding-top: .25rem } .topics-bar { --header-gap: 1rem; -webkit-margin-before: 0; color: #a51c30; color: var(--color-crimson); display: none; font-size: .75rem; letter-spacing: .09rem; margin-block-start: 0; text-transform: uppercase } @media (min-width:75rem) { .topics-bar { display: block } } .topics-bar__row { border-bottom: .0625rem solid #a51c30; border-bottom: .0625rem solid var(--color-crimson); padding: var(--wp--preset--spacing--16) 0 var(--wp--preset--spacing--16) 0 } .topics-bar__navigation>.wp-block-navigation__container .wp-block-navigation-item { margin: -.1875rem 0 } .topics-bar .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label { position: relative } .topics-bar .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label:after { border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid #a51c30; border-bottom: clamp(.19rem, .09vw + .17rem, .25rem) solid var(--color-crimson); content: ""; display: block; position: absolute; top: 100%; transform: translateY(.0625rem); width: 100% } .single-post:not(.has-header-not-full-width) .topics-bar, .tax-series:has(.article-header .wp-block-image) .topics-bar { border-bottom: .0625rem solid #a51c30; border-bottom: .0625rem solid var(--color-crimson) } .single-post:not(.has-header-not-full-width) .topics-bar__row, .tax-series:has(.article-header .wp-block-image) .topics-bar__row { border-bottom: 0 } .google-cse-results { -webkit-margin-before: clamp(.56rem, 1.35vw + .25rem, 1.5rem); margin-block-start: clamp(.56rem, 1.35vw + .25rem, 1.5rem) } .google-cse-results .gsc-control-cse, .google-cse-results .gsc-control-cse .gs-spelling, .google-cse-results .gsc-option, .google-cse-results .gsc-result-info, .google-cse-results .gsc-selected-option-container { font-size: var(--wp--preset--font-size--large); font-weight: 400; line-height: var(--wp--custom--line-height--large) } .google-cse-results .gsc-control-cse { border: 0; font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); padding: 0 } .google-cse-results .gsc-above-wrapper-area { border-bottom: 0; display: block; padding: 0 } .google-cse-results .gsc-orderby-container, .google-cse-results .gsc-result-info-container { display: block; width: 100% } .google-cse-results .gsc-result-info-container { margin-bottom: 1.5rem } .google-cse-results .gsc-result-info-container .gsc-result-info { color: #726a5b; color: var(--color-grey-dark); padding: 0 } .google-cse-results .gsc-orderby-container { border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); padding-top: clamp(1rem, 1.44vw + .66rem, 2rem) } @media (max-width:48.8125rem) { .google-cse-results .gsc-orderby-container { border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); padding: .5rem 0 } } @media (min-width:48.875rem) { .google-cse-results .gsc-orderby-container { pointer-events: none; position: relative; z-index: 1 } .google-cse-results .gsc-orderby-container .gsc-option-menu-container, .google-cse-results .gsc-orderby-container .gsc-orderby-label { pointer-events: all } } .google-cse-results .gsc-option-menu-item, .google-cse-results .gsc-orderby-label, .google-cse-results .gsc-selected-option-container { color: #000; color: var(--color-black) } .google-cse-results .gsc-orderby-label { margin-right: 1rem; padding: 0 } .google-cse-results .gsc-selected-option-container { border-color: #b9b8ad; border-color: var(--color-grey); border-radius: 0; box-shadow: none; height: auto; padding: .5rem 3rem .5rem .5rem } .google-cse-results .gsc-control-cse .gsc-option-selector { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0ibTExIDEzIDYgNiA2LTYiIHN0cm9rZT0iI0E1MUMzMCIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=); height: 2rem; padding: 0; right: .25rem; top: .625rem; width: 2rem } @media (min-width:48.875rem) { .google-cse-results .gsc-control-cse .gsc-option-selector { top: .875rem } } .google-cse-results .gsc-control-cse .gsc-option-menu { background-color: #fffbf4; background-color: var(--color-sand-light); border-color: #b9b8ad; border-color: var(--color-grey); box-sizing: border-box; padding: .1875rem; top: 0 !important; width: 100% } .google-cse-results .gsc-option-menu-item { padding: .375rem } .google-cse-results .gsc-option-menu-item-highlighted { background-color: #faedda; background-color: var(--color-sand) } .google-cse-results .gsc-control-cse, .google-cse-results .gsc-selected-option-container, .google-cse-results .gsc-webResult.gsc-result { background-color: transparent } .google-cse-results .gsc-resultsRoot>.gsc-results>.gsc-result { border-bottom: 1px solid #b9b8ad; border-bottom: 1px solid var(--color-grey); min-height: 0 } @media (min-width:48.875rem) { .google-cse-results .gsc-resultsRoot>.gsc-results>.gsc-result { margin-top: -4em } .google-cse-results .gsc-resultsRoot>.gsc-results>.gsc-result .gs-spelling { max-width: 70% } } .google-cse-results .gs-spelling { padding: 0 } .audio-transcript-wrapper .wp-block-details .google-cse-results .gs-spelling summary, .google-cse-results .gs-spelling .audio-transcript-wrapper .wp-block-details summary, .google-cse-results .gs-spelling a { color: #000; color: var(--color-black) } .google-cse-results .gsc-results { width: 100% } .google-cse-results .gsc-webResult.gsc-result { border: 0; border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); min-height: clamp(4.25rem, 7.1vw + 2.59rem, 9.19rem); padding: clamp(1rem, 1.44vw + .66rem, 2rem) 0; position: relative } .google-cse-results .gsc-webResult.gsc-result:hover { background-color: transparent; border-color: #b9b8ad; border-color: var(--color-grey) } .google-cse-results .gsc-webResult.gsc-result:first-of-type { border-top: 0 } .google-cse-results .gsc-webResult.gsc-result .gs-title { overflow: visible } .google-cse-results .gsc-webResult.gsc-result div.gs-title { margin-bottom: .5rem } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-webResult.gsc-result summary.gs-title, .google-cse-results .gsc-webResult.gsc-result .audio-transcript-wrapper .wp-block-details summary.gs-title, .google-cse-results .gsc-webResult.gsc-result a.gs-title { color: #000 !important; color: var(--color-black) !important; font-family: var(--wp--preset--font-family--sanomat); font-size: clamp(1.25rem, 1.08vw + 1rem, 2rem); font-weight: 500; line-height: var(--wp--custom--line-height--close) } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-webResult.gsc-result summary.gs-title:hover, .google-cse-results .gsc-webResult.gsc-result .audio-transcript-wrapper .wp-block-details summary.gs-title:hover, .google-cse-results .gsc-webResult.gsc-result a.gs-title:hover { text-decoration: underline; text-decoration-thickness: clamp(3px, .12em, 9px); text-underline-offset: clamp(1.5px, .1em, 8px) } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-webResult.gsc-result summary.gs-title b, .google-cse-results .gsc-webResult.gsc-result .audio-transcript-wrapper .wp-block-details summary.gs-title b, .google-cse-results .gsc-webResult.gsc-result a.gs-title b { font-size: inherit } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-webResult.gsc-result summary.gs-title:hover b, .google-cse-results .gsc-webResult.gsc-result .audio-transcript-wrapper .wp-block-details summary.gs-title:hover b, .google-cse-results .gsc-webResult.gsc-result a.gs-title:hover b { color: #a51c30; color: var(--color-crimson) } .google-cse-results .gsc-control-cse .gsc-table-result, .google-cse-results .gsc-thumbnail-inside { padding: 0; width: calc(100% - min(30%, clamp(5rem, 9.48vw + 5rem, 13.81rem)) - clamp(1rem, 1.44vw + .66rem, 2rem)) } .google-cse-results .gs-webResult div.gs-visibleUrl-breadcrumb { display: none } .google-cse-results .gs-snippet, .google-cse-results .gsc-control-cse .gs-result .gs-spelling-original { font-size: var(--wp--preset--font-size--medium); line-height: var(--wp--custom--line-height--base); margin: 0 } .google-cse-results .gs-image-box.gs-web-image-box.gs-web-image-box-landscape, .google-cse-results .gs-image-box.gs-web-image-box.gs-web-image-box-portrait, .google-cse-results .gs-promotion-image-box, .google-cse-results .gs-web-image-box { float: none; height: calc(100% - clamp(1rem, 1.44vw + .66rem, 2rem)*2); padding: 0; position: absolute; right: 0; top: clamp(1rem, 1.44vw + .66rem, 2rem); width: min(30%, clamp(5rem, 9.48vw + 5rem, 13.81rem)) } .google-cse-results .gs-image-box.gs-web-image-box.gs-web-image-box-landscape .gs-image, .google-cse-results .gs-image-box.gs-web-image-box.gs-web-image-box-portrait .gs-image, .google-cse-results .gs-promotion-image-box .gs-image, .google-cse-results .gs-web-image-box .gs-image { border: 0; display: flex; height: auto; max-height: 100%; max-width: 100%; -o-object-fit: contain !important; object-fit: contain !important; width: auto } .google-cse-results .gcsc-branding, .google-cse-results .gcsc-find-more-on-google-root, .google-cse-results .gcsc-more-maybe-branding-root { display: none } .google-cse-results .gsc-results .gsc-cursor-box { background-color: #fff; background-color: var(--color-white); border: 0; box-sizing: border-box; margin-bottom: 0; margin-left: calc(-50vw - -50%); margin-top: 1.5rem; padding: clamp(1rem, 1.44vw + .66rem, 2rem); width: 100vw } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor { display: flex; flex-wrap: wrap; gap: 1.25rem; justify-content: center; list-style-type: none; margin: 0 auto; max-width: 61.25rem; padding: 0; width: 100% } .audio-transcript-wrapper .wp-block-details .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor summary:not(:hover):not(:focus), .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor .audio-transcript-wrapper .wp-block-details summary:not(:hover):not(:focus), .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor a:not(:hover):not(:focus) { text-decoration: none } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor li { margin: 0 } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-page { color: #000; color: var(--color-black); font-weight: 400; margin: 0; padding: 0 .75rem } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-page:focus-visible { outline: 2px solid currentColor; outline-offset: 3px } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { text-decoration: underline; text-decoration-thickness: clamp(3px, .12em, 9px); text-underline-offset: clamp(1.5px, .1em, 8px) } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #a51c30; color: var(--color-crimson); position: relative } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page:hover { text-decoration: none } .google-cse-results .gsc-results .gsc-cursor-box .gsc-cursor-current-page:after { border-top: 4px solid #a51c30; border-top: 4px solid var(--primary-page-color-ui); content: ""; display: block; left: 0; margin-bottom: clamp(1rem, 1.44vw + .66rem, 2rem); position: absolute; top: calc(100% + .125rem); width: 3rem; width: 100% } .wp-block-term-description.has-x-large-font-size.has-sanomat-font-family p:not(:first-of-type) { font-family: var(--wp--preset--font-family--neue-haas-grotesk-text); font-size: var(--wp--preset--font-size--large); line-height: var(--wp--custom--line-height--large) } .archive.category.paged .taxonomy-first-page, .archive.tax-series.paged .taxonomy-first-page { display: none } @media (max-width:48.8125rem) { .taxonomy-first-page .wp-block-columns.is-style-vertical-dividers { gap: 2.5rem } .taxonomy-first-page .wp-block-columns.is-style-vertical-dividers .wp-block-column:not(:first-of-type):before { display: none } } .taxonomy-first-page .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__title { font-size: var(--wp--preset--font-size--h-5-title); line-height: var(--wp--custom--line-height--medium) } @media (min-width:48.875rem) { .taxonomy-first-page .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__title { font-size: var(--wp--preset--font-size--h-3-title); line-height: var(--wp--custom--line-height--snug) } .taxonomy-first-page .featured-articles.is-style-large-landscape:not(.wp-block) ul .featured-article:first-of-type .featured-article__image { margin-bottom: 1.5rem } } .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list { grid-row-gap: clamp(2rem, 1.44vw + 1.66rem, 3rem) } @media (max-width:48.8125rem) { .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list .featured-article { display: block } .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list .featured-article__image { margin-bottom: .5rem; max-width: 100%; width: 100% } } @media (min-width:48.875rem) { .taxonomy-first-page .featured-articles.is-style-grid-list:not(.wp-block) ul.featured-articles__list .featured-article__title { font-size: var(--wp--preset--font-size--h-4-title); line-height: var(--wp--custom--line-height--close) } } .taxonomy-first-page .featured-articles.is-style-grid-list.taxonomy-top-grid:not(.wp-block) ul.featured-articles__list { grid-template-columns: repeat(auto-fit, minmax(21.875rem, 1fr)) } .taxonomy-first-page .featured-articles.is-style-grid-list.taxonomy-top-grid:not(.wp-block) ul.featured-articles__list .featured-article:only-child { display: block; max-width: 45.5rem } .taxonomy-first-page .featured-articles.is-style-grid-list.taxonomy-top-grid:not(.wp-block) ul.featured-articles__list .featured-article:only-child .featured-article__image { max-width: 100% } @media (min-width:48.875rem) { .taxonomy-list-block { -webkit-margin-before: var(--wp--preset--spacing--120); margin-block-start: var(--wp--preset--spacing--120) } } .taxonomy-list-block h2 { margin: clamp(1rem, 1.44vw + .66rem, 2rem) 0 } @media (max-width:48.8125rem) { .taxonomy-list-block h2 { margin-top: 0 } } .taxonomy-list-block .wp-block-query { margin-bottom: 0 } .taxonomy-list-block .wp-block-query, .taxonomy-list-block .wp-block-query .hentry__title { margin-top: 0 } .taxonomy-list-block ul { -webkit-padding-start: 0; border-top: 1px solid #b9b8ad; border-top: 1px solid var(--color-grey); padding-inline-start: 0; padding-top: clamp(1rem, 1.44vw + .66rem, 2rem) } .article-header.article-header--series-header.is-style-fullscreen { margin-bottom: 1.5rem; margin-top: 0 } @media (min-width:75rem) { .article-header.article-header--series-header.is-style-fullscreen { grid-template-columns: 1fr min(100% - var(--wp--style--root--padding-left)*2, var(--wp--style--global--wide-size)) 1fr } } .article-header.article-header--series-header.is-style-fullscreen:not(.has-overlay) { grid-template-rows: auto } .article-header.article-header--series-header.is-style-fullscreen:not(.has-overlay) .article-header__content { margin-bottom: 0; padding-bottom: 0 } .article-header.article-header--series-header.is-style-fullscreen.has-overlay { display: grid; grid-template-rows: clamp(22.5rem, 16.44vw + 18.65rem, 33.94rem) auto auto auto } .article-header.article-header--series-header.is-style-fullscreen.has-overlay .wp-block-image img, .article-header.article-header--series-header.is-style-fullscreen.has-overlay .wp-block-image:after { height: clamp(22.5rem, 16.44vw + 18.65rem, 33.94rem) } .article-header.article-header--series-header.is-style-fullscreen .article-header__title { margin-top: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo { align-items: center; aspect-ratio: 1/1; background-color: #a51c30; background-color: var(--primary-page-color-reverse-background); color: #fff; color: var(--primary-page-color-reverse-text); display: flex; height: clamp(3rem, 1.44vw + 2.66rem, 4rem); justify-content: center; width: clamp(3rem, 1.44vw + 2.66rem, 4rem) } .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo:before { background-color: currentColor; content: ""; height: clamp(2rem, 1.08vw + 1.75rem, 2.75rem); -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI2Ljc4NiA3LjVoLTYuODU3Yy0uNjY2IDAtMS4zMjIuMTUtMS45MTcuNDRBNC4yNiA0LjI2IDAgMCAwIDE2LjUgOS4xNjdhNC4yNiA0LjI2IDAgMCAwLTEuNTEyLTEuMjI3IDQuMzg2IDQuMzg2IDAgMCAwLTEuOTE3LS40NEg2LjIxNGMtLjQ1NCAwLS44OS4xNzYtMS4yMTIuNDg4QTEuNjQ0IDEuNjQ0IDAgMCAwIDQuNSA5LjE2N1YyMi41YzAgLjQ0Mi4xOC44NjYuNTAyIDEuMTc4YTEuNzQgMS43NCAwIDAgMCAxLjIxMi40ODloNi44NTdhMi42MSAyLjYxIDAgMCAxIDEuODE5LjczMmMuNDgyLjQ2OS43NTMgMS4xMDUuNzUzIDEuNzY4IDAgLjIyLjA5LjQzMy4yNS41ODlhLjg3Ljg3IDAgMCAwIC42MDcuMjQ0Ljg3Ljg3IDAgMCAwIC42MDYtLjI0NC44MjIuODIyIDAgMCAwIC4yNTEtLjU5YzAtLjY2Mi4yNzEtMS4yOTguNzUzLTEuNzY3YTIuNjEgMi42MSAwIDAgMSAxLjgxOS0uNzMyaDYuODU3Yy40NTQgMCAuODktLjE3NiAxLjIxMi0uNDg5LjMyMS0uMzEyLjUwMi0uNzM2LjUwMi0xLjE3OFY5LjE2N2MwLS40NDItLjE4LS44NjYtLjUwMi0xLjE3OWExLjc0IDEuNzQgMCAwIDAtMS4yMTItLjQ4OFptLTEzLjcxNSAxNUg2LjIxNFY5LjE2N2g2Ljg1N2EyLjYxIDIuNjEgMCAwIDEgMS44MTkuNzMyYy40ODIuNDY5Ljc1MyAxLjEwNS43NTMgMS43Njh2MTEuNjY2YTQuMzQ3IDQuMzQ3IDAgMCAwLTIuNTcyLS44MzNabTEzLjcxNSAwaC02Ljg1N2E0LjM0NyA0LjM0NyAwIDAgMC0yLjU3Mi44MzNWMTEuNjY3YzAtLjY2My4yNzEtMS4zLjc1My0xLjc2OGEyLjYxIDIuNjEgMCAwIDEgMS44MTktLjczMmg2Ljg1N1YyMi41Wm0tNi44NTctMTAuODMzaDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41ODkgMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0M0gxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTg5YzAtLjIyMS4wOS0uNDMzLjI1Mi0uNTlhLjg3Ljg3IDAgMCAxIC42MDYtLjI0M1ptNS4xNDIgNC4xNjZjMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0NEgxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTljMC0uMjIuMDktLjQzMy4yNTItLjU4OWEuODcuODcgMCAwIDEgLjYwNi0uMjQ0aDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41OVptMCAzLjMzNGMwIC4yMi0uMDkuNDMzLS4yNS41ODlhLjg3Ljg3IDAgMCAxLS42MDcuMjQ0SDE5LjkzYS44Ny44NyAwIDAgMS0uNjA2LS4yNDQuODIyLjgyMiAwIDAgMS0uMjUyLS41OWMwLS4yMi4wOS0uNDMyLjI1Mi0uNTg5YS44Ny44NyAwIDAgMSAuNjA2LS4yNDRoNC4yODVhLjg3Ljg3IDAgMCAxIC42MDYuMjQ0Yy4xNjEuMTU3LjI1MS4zNjkuMjUxLjU5WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI2Ljc4NiA3LjVoLTYuODU3Yy0uNjY2IDAtMS4zMjIuMTUtMS45MTcuNDRBNC4yNiA0LjI2IDAgMCAwIDE2LjUgOS4xNjdhNC4yNiA0LjI2IDAgMCAwLTEuNTEyLTEuMjI3IDQuMzg2IDQuMzg2IDAgMCAwLTEuOTE3LS40NEg2LjIxNGMtLjQ1NCAwLS44OS4xNzYtMS4yMTIuNDg4QTEuNjQ0IDEuNjQ0IDAgMCAwIDQuNSA5LjE2N1YyMi41YzAgLjQ0Mi4xOC44NjYuNTAyIDEuMTc4YTEuNzQgMS43NCAwIDAgMCAxLjIxMi40ODloNi44NTdhMi42MSAyLjYxIDAgMCAxIDEuODE5LjczMmMuNDgyLjQ2OS43NTMgMS4xMDUuNzUzIDEuNzY4IDAgLjIyLjA5LjQzMy4yNS41ODlhLjg3Ljg3IDAgMCAwIC42MDcuMjQ0Ljg3Ljg3IDAgMCAwIC42MDYtLjI0NC44MjIuODIyIDAgMCAwIC4yNTEtLjU5YzAtLjY2Mi4yNzEtMS4yOTguNzUzLTEuNzY3YTIuNjEgMi42MSAwIDAgMSAxLjgxOS0uNzMyaDYuODU3Yy40NTQgMCAuODktLjE3NiAxLjIxMi0uNDg5LjMyMS0uMzEyLjUwMi0uNzM2LjUwMi0xLjE3OFY5LjE2N2MwLS40NDItLjE4LS44NjYtLjUwMi0xLjE3OWExLjc0IDEuNzQgMCAwIDAtMS4yMTItLjQ4OFptLTEzLjcxNSAxNUg2LjIxNFY5LjE2N2g2Ljg1N2EyLjYxIDIuNjEgMCAwIDEgMS44MTkuNzMyYy40ODIuNDY5Ljc1MyAxLjEwNS43NTMgMS43Njh2MTEuNjY2YTQuMzQ3IDQuMzQ3IDAgMCAwLTIuNTcyLS44MzNabTEzLjcxNSAwaC02Ljg1N2E0LjM0NyA0LjM0NyAwIDAgMC0yLjU3Mi44MzNWMTEuNjY3YzAtLjY2My4yNzEtMS4zLjc1My0xLjc2OGEyLjYxIDIuNjEgMCAwIDEgMS44MTktLjczMmg2Ljg1N1YyMi41Wm0tNi44NTctMTAuODMzaDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41ODkgMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0M0gxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTg5YzAtLjIyMS4wOS0uNDMzLjI1Mi0uNTlhLjg3Ljg3IDAgMCAxIC42MDYtLjI0M1ptNS4xNDIgNC4xNjZjMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0NEgxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTljMC0uMjIuMDktLjQzMy4yNTItLjU4OWEuODcuODcgMCAwIDEgLjYwNi0uMjQ0aDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41OVptMCAzLjMzNGMwIC4yMi0uMDkuNDMzLS4yNS41ODlhLjg3Ljg3IDAgMCAxLS42MDcuMjQ0SDE5LjkzYS44Ny44NyAwIDAgMS0uNjA2LS4yNDQuODIyLjgyMiAwIDAgMS0uMjUyLS41OWMwLS4yMi4wOS0uNDMyLjI1Mi0uNTg5YS44Ny44NyAwIDAgMSAuNjA2LS4yNDRoNC4yODVhLjg3Ljg3IDAgMCAxIC42MDYuMjQ0Yy4xNjEuMTU3LjI1MS4zNjkuMjUxLjU5WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100%; mask-size: 100%; width: clamp(2rem, 1.08vw + 1.75rem, 2.75rem) } @media print { .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo, .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo:before { background-color: transparent } .article-header.article-header--series-header.is-style-fullscreen .series-badge__logo:before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMyIgaGVpZ2h0PSIzMyIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTI2Ljc4NiA3LjVoLTYuODU3Yy0uNjY2IDAtMS4zMjIuMTUtMS45MTcuNDRBNC4yNiA0LjI2IDAgMCAwIDE2LjUgOS4xNjdhNC4yNiA0LjI2IDAgMCAwLTEuNTEyLTEuMjI3IDQuMzg2IDQuMzg2IDAgMCAwLTEuOTE3LS40NEg2LjIxNGMtLjQ1NCAwLS44OS4xNzYtMS4yMTIuNDg4QTEuNjQ0IDEuNjQ0IDAgMCAwIDQuNSA5LjE2N1YyMi41YzAgLjQ0Mi4xOC44NjYuNTAyIDEuMTc4YTEuNzQgMS43NCAwIDAgMCAxLjIxMi40ODloNi44NTdhMi42MSAyLjYxIDAgMCAxIDEuODE5LjczMmMuNDgyLjQ2OS43NTMgMS4xMDUuNzUzIDEuNzY4IDAgLjIyLjA5LjQzMy4yNS41ODlhLjg3Ljg3IDAgMCAwIC42MDcuMjQ0Ljg3Ljg3IDAgMCAwIC42MDYtLjI0NC44MjIuODIyIDAgMCAwIC4yNTEtLjU5YzAtLjY2Mi4yNzEtMS4yOTguNzUzLTEuNzY3YTIuNjEgMi42MSAwIDAgMSAxLjgxOS0uNzMyaDYuODU3Yy40NTQgMCAuODktLjE3NiAxLjIxMi0uNDg5LjMyMS0uMzEyLjUwMi0uNzM2LjUwMi0xLjE3OFY5LjE2N2MwLS40NDItLjE4LS44NjYtLjUwMi0xLjE3OWExLjc0IDEuNzQgMCAwIDAtMS4yMTItLjQ4OFptLTEzLjcxNSAxNUg2LjIxNFY5LjE2N2g2Ljg1N2EyLjYxIDIuNjEgMCAwIDEgMS44MTkuNzMyYy40ODIuNDY5Ljc1MyAxLjEwNS43NTMgMS43Njh2MTEuNjY2YTQuMzQ3IDQuMzQ3IDAgMCAwLTIuNTcyLS44MzNabTEzLjcxNSAwaC02Ljg1N2E0LjM0NyA0LjM0NyAwIDAgMC0yLjU3Mi44MzNWMTEuNjY3YzAtLjY2My4yNzEtMS4zLjc1My0xLjc2OGEyLjYxIDIuNjEgMCAwIDEgMS44MTktLjczMmg2Ljg1N1YyMi41Wm0tNi44NTctMTAuODMzaDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41ODkgMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0M0gxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTg5YzAtLjIyMS4wOS0uNDMzLjI1Mi0uNTlhLjg3Ljg3IDAgMCAxIC42MDYtLjI0M1ptNS4xNDIgNC4xNjZjMCAuMjIxLS4wOS40MzMtLjI1LjU5YS44Ny44NyAwIDAgMS0uNjA3LjI0NEgxOS45M2EuODcuODcgMCAwIDEtLjYwNi0uMjQ0LjgyMi44MjIgMCAwIDEtLjI1Mi0uNTljMC0uMjIuMDktLjQzMy4yNTItLjU4OWEuODcuODcgMCAwIDEgLjYwNi0uMjQ0aDQuMjg1YS44Ny44NyAwIDAgMSAuNjA2LjI0NGMuMTYxLjE1Ni4yNTEuMzY4LjI1MS41OVptMCAzLjMzNGMwIC4yMi0uMDkuNDMzLS4yNS41ODlhLjg3Ljg3IDAgMCAxLS42MDcuMjQ0SDE5LjkzYS44Ny44NyAwIDAgMS0uNjA2LS4yNDQuODIyLjgyMiAwIDAgMS0uMjUyLS41OWMwLS4yMi4wOS0uNDMyLjI1Mi0uNTg5YS44Ny44NyAwIDAgMSAuNjA2LS4yNDRoNC4yODVhLjg3Ljg3IDAgMCAxIC42MDYuMjQ0Yy4xNjEuMTU3LjI1MS4zNjkuMjUxLjU5WiIgZmlsbD0iI0E1MUMzMCIvPjwvc3ZnPg==); -webkit-mask: initial; mask: initial; scale: 1.2 } } .article-header.article-header--series-header.is-style-fullscreen .series-header__description { grid-column: 1/span 1; margin: 0; padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); text-align: center } @media (min-width:75rem) { .article-header.article-header--series-header.is-style-fullscreen .series-header__description { grid-column: 2/span 1 } } .article-header.article-header--series-header.is-style-fullscreen .series-header__description p { margin-bottom: 0 } .article-header.article-header--series-header.is-style-fullscreen .series-header__description .series-header__logo { margin-bottom: 0; margin-top: clamp(1.5rem, .72vw + 1.33rem, 2rem) } .article-header.article-header--series-header.is-style-fullscreen .wp-block-image+.series-header__description p:first-of-type { margin-top: clamp(2rem, 2.88vw + 1.33rem, 4rem) } @media print { .article-header__content, .has-background, .image-scroll-replace .media-selector, .immersive--scroll-content, .is-style-colored, .is-style-colored .audio-transcript-content, .is-style-sand, .is-style-sand .audio-transcript-content, .site-footer, .site-header, body { background-color: transparent !important; color: #000 !important; color: var(--color-black) !important } .article-header .wp-block-post-time-to-read:before, .article-header__title, .wp-block-heading { color: #000 !important; color: var(--color-black) !important } .article-footer, .pin-sharing, .related-series, .site-footer__upper, .site-footer__utility-nav, .site-header__navigation-container, .splide__arrows, .splide__pagination, .topics-bar, .video-ambient-controls, .wp-block-audio { display: none !important } .site-header { box-shadow: none !important; position: static !important } .site-header:after { background-color: transparent; border-bottom: 1px solid #a51c30; border-bottom: 1px solid var(--color-crimson); max-width: min(var(--wp--style--global--wide-size), 100% - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right)) !important } .entry-content { padding-bottom: 2rem !important } .accordion, .accordion-item, .article-footer, .article-header .wp-block-image, .article-header__content, .article-header__meta, .audio-quote, .carousel, .featured-article, .featured-articles, .hg-stats, .site-footer .wp-block-column, .supporting-content, .trending-articles, .upcoming-event, .upcoming-events, .wp-block-details, .wp-block-group:has(>#h-all-news), .wp-block-heading, p { -moz-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid } } @media print and (max-width:74.9375rem) { .pin-columns .wp-block-column { max-width: 61.3125rem } #h-all-news+.wp-block-columns>.wp-block-column { flex-basis: 45% !important } #h-all-news+.wp-block-columns>.wp-block-column:empty { display: none } .featured-article__image { margin-bottom: 1.5rem !important } } @media print { .featured-articles.is-style-wide-single .featured-article .featured-article__image:after { display: none !important } .featured-articles.is-style-wide-single .featured-article .featured-article__content { padding: 0 !important } .featured-articles.is-style-wide-single .featured-article .featured-article__content, .featured-articles.is-style-wide-single .featured-article .featured-article__meta { color: #000 !important; color: var(--color-black) !important; position: static !important } .featured-articles.is-style-wide-single .featured-article .featured-article__content .format-icon img { filter: none !important } .featured-articles.is-style-stacked-promo .featured-article__content { background-color: #fff !important; background-color: var(--color-white) !important } } @media print and (max-width:74.9375rem) { .featured-articles.is-style-stacked-promo .featured-article__content { padding: 0 !important } } @media print { .carousel__wrapper.is-active .carousel__list { grid-gap: 2rem !important; display: grid !important; gap: 2rem !important; grid-template-columns: auto auto auto } .carousel__wrapper.is-active .carousel__list .splide__slide { display: block !important; width: 100% !important } .carousel__wrapper.is-active .carousel__list .featured-article__image, .carousel__wrapper.is-active .carousel__list .upcoming-event__image { margin-bottom: 1.5rem !important } .carousel--images .carousel__wrapper.is-active .carousel__list { grid-template-columns: 50% 50% } .carousel--images .carousel__wrapper.is-active .carousel__list .splide__slide, .carousel--images .carousel__wrapper.is-active .carousel__list img { max-width: 100% } .article-header.has-overlay .wp-block-image:after, .article-header:before { display: none !important } .article-header.is-style-classic .wp-block-image img, .article-header.is-style-full-width-text-below.centered-image .wp-block-image img, .article-header.is-style-full-width-text-below.has-uncropped-image .wp-block-image img { max-height: 37.5rem; width: auto } .article-header.is-style-full-width-text-below .article-header__content { padding: 0 !important } .article-header.is-style-fullscreen { grid-template-rows: auto var(--min-height) auto auto } .article-header.is-style-fullscreen .article-header__meta { padding-top: 2.5rem } .article-header.is-style-square { grid-template-rows: auto 39.375rem auto } .article-header.is-style-square .article-header__subheading { padding-top: 2.5rem } .article-header.is-style-fullscreen .article-header__content, .article-header.is-style-square .article-header__content { grid-row: 1/span 1 !important } .article-header.is-style-fullscreen .wp-block-image, .article-header.is-style-square .wp-block-image { grid-row: 2/span 1 !important } .article-header.is-style-display-title .article-header__content { background-color: #fff !important; background-color: var(--color-white) !important } .article-header.is-style-display-title.article-header__display-text, .article-header.is-style-split-screen .article-header__display-text { color: #fff !important; color: var(--color-white) !important } } @media print and (max-width:74.9375rem) { .supporting-content { display: block !important; float: none !important; margin: 2rem 0 !important; position: static !important } } @media print { .immersive, .immersive--scroll-content { display: block !important } .audio-transcript-wrapper summary, .immersive iframe, .immersive--image:after { display: none !important } .audio-transcript-wrapper .wp-block-details .audio-transcript-text { max-height: none } .image-scroll-replace { display: flex !important; flex-direction: column; gap: 1rem !important; margin-left: 0 !important; margin-right: 0 !important } .wp-block-video .video-poster-button, .wp-block-video.wp-block-video--poster:before, .wp-block-video:has(iframe):not(:has(img)), .wp-block-video:has(video:not([poster])) { display: none } .wp-block-video .video-poster-info { grid-column: 1/span 2 !important; grid-row: auto } .hg-stats:not(.has-text-align-center):before { background-color: transparent; border-left: .5rem solid #a51c30; border-left: .5rem solid var(--primary-page-color-ui); width: 0 } .article-footer { -moz-column-break-before: always; break-before: always; padding: 2rem 0 !important; page-break-before: always } .site-footer { padding-top: 0 !important } } .splide__container { box-sizing: border-box; position: relative } .splide__list { backface-visibility: hidden; display: -ms-flexbox; display: flex; height: 100%; margin: 0 !important; padding: 0 !important } .splide.is-initialized:not(.is-active) .splide__list { display: block } .splide__pagination { -ms-flex-align: center; -ms-flex-pack: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin: 0; pointer-events: none } .splide__pagination li { display: inline-block; line-height: 1; list-style-type: none; margin: 0; pointer-events: auto } .splide:not(.is-overflow) .splide__pagination { display: none } .splide__progress__bar { width: 0 } .splide { position: relative; visibility: hidden } .splide.is-initialized, .splide.is-rendered { visibility: visible } .splide__slide { -ms-flex-negative: 0; backface-visibility: hidden; box-sizing: border-box; flex-shrink: 0; list-style-type: none !important; margin: 0; position: relative } .splide__slide img { vertical-align: bottom } .splide__spinner { animation: splide-loading 1s linear infinite; border: 2px solid #999; border-left-color: transparent; border-radius: 50%; bottom: 0; contain: strict; display: inline-block; height: 20px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 20px } .splide__sr { clip: rect(0 0 0 0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause { display: none } .splide__toggle.is-active .splide__toggle__pause { display: inline } .splide__track { overflow: hidden; position: relative; z-index: 0 } @keyframes splide-loading { 0% { transform: rotate(0) } to { transform: rotate(1turn) } } .splide__track--draggable { -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none } .splide__track--fade>.splide__list>.splide__slide { margin: 0 !important; opacity: 0; z-index: 0 } .splide__track--fade>.splide__list>.splide__slide.is-active { opacity: 1; z-index: 1 } .splide--rtl { direction: rtl } .splide__track--ttb>.splide__list { display: block } .splide__arrow { -ms-flex-align: center; -ms-flex-pack: center; align-items: center; background: #ccc; border: 0; border-radius: 50%; cursor: pointer; display: -ms-flexbox; display: flex; height: 2em; justify-content: center; opacity: .7; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 2em; z-index: 1 } .splide__arrow svg { fill: #000; height: 1.2em; width: 1.2em } .splide__arrow:hover:not(:disabled) { opacity: .9 } .splide__arrow:disabled { opacity: .3 } .splide__arrow:focus-visible { outline: 3px solid #0bf; outline-offset: 3px } .splide__arrow--prev { left: 1em } .splide__arrow--prev svg { transform: scaleX(-1) } .splide__arrow--next { right: 1em } .splide.is-focus-in .splide__arrow:focus { outline: 3px solid #0bf; outline-offset: 3px } .splide__pagination { bottom: .5em; left: 0; padding: 0 1em; position: absolute; right: 0; z-index: 1 } .splide__pagination__page { background: #ccc; border: 0; border-radius: 50%; display: inline-block; height: 8px; margin: 3px; opacity: .7; padding: 0; position: relative; transition: transform .2s linear; width: 8px } .splide__pagination__page.is-active { background: #fff; transform: scale(1.4); z-index: 1 } .splide__pagination__page:hover { cursor: pointer; opacity: .9 } .splide__pagination__page:focus-visible { outline: 3px solid #0bf; outline-offset: 3px } .splide.is-focus-in .splide__pagination__page:focus { outline: 3px solid #0bf; outline-offset: 3px } .splide__progress__bar { background: #ccc; height: 3px } .splide__slide { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .splide__slide:focus { outline: 0 } @supports (outline-offset:-3px) { .splide__slide:focus-visible { outline: 3px solid #0bf; outline-offset: -3px } } @media screen and (-ms-high-contrast:none) { .splide__slide:focus-visible { border: 3px solid #0bf } } @supports (outline-offset:-3px) { .splide.is-focus-in .splide__slide:focus { outline: 3px solid #0bf; outline-offset: -3px } } @media screen and (-ms-high-contrast:none) { .splide.is-focus-in .splide__slide:focus { border: 3px solid #0bf } .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus { border-color: #0bf } } .splide__toggle { cursor: pointer } .splide__toggle:focus-visible { outline: 3px solid #0bf; outline-offset: 3px } .splide.is-focus-in .splide__toggle:focus { outline: 3px solid #0bf; outline-offset: 3px } .splide__track--nav>.splide__list>.splide__slide { border: 3px solid transparent; cursor: pointer } .splide__track--nav>.splide__list>.splide__slide.is-active { border: 3px solid #000 } .splide__arrows--rtl .splide__arrow--prev { left: auto; right: 1em } .splide__arrows--rtl .splide__arrow--prev svg { transform: scaleX(1) } .splide__arrows--rtl .splide__arrow--next { left: 1em; right: auto } .splide__arrows--rtl .splide__arrow--next svg { transform: scaleX(-1) } .splide__arrows--ttb .splide__arrow { left: 50%; transform: translate(-50%) } .splide__arrows--ttb .splide__arrow--prev { top: 1em } .splide__arrows--ttb .splide__arrow--prev svg { transform: rotate(-90deg) } .splide__arrows--ttb .splide__arrow--next { bottom: 1em; top: auto } .splide__arrows--ttb .splide__arrow--next svg { transform: rotate(90deg) } .splide__pagination--ttb { bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; left: auto; padding: 1em 0; right: .5em; top: 0 } */