/* =========================================================================
   Christmas Show theme — main stylesheet
   Matches the original Elementor/Hello Elementor build exactly (values
   measured from christmasshow.co.nz). Per-widget colours, fonts and sizes
   travel with the content as inline styles; this file provides the base
   defaults and the site chrome.
   ========================================================================= */

:root {
	--cs-red: #E63E39;          /* kit primary */
	--cs-red-dark: #63100E;     /* kit secondary — copyright bar */
	--cs-header-red: #AF2B29;   /* header bar */
	--cs-btn-red: #E01111;      /* CTA buttons */
	--cs-red-hot: #FF7A68;      /* bright red nudged orange: legible on the header red (mega panel) */
	--cs-black: #0A0000;        /* kit accent — dark buttons */
	--cs-text: #303030;
	--cs-body: #333333;         /* Hello Elementor body colour */

	--cs-font-sans: "General Sans", -apple-system, system-ui, "Segoe UI", Roboto, Arial, sans-serif;
	--cs-font-serif: "Libre Baskerville", Georgia, "Times New Roman", serif; /* variable 400-700, self-hosted (OFL) */
	--cs-font-system: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

	--cs-header-h: 102px;       /* 10px + 82px logo + 10px */
	--cs-container: 1200px;
}

/* ------------------------------ Base (Hello Elementor parity) ------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
	margin: 0;
	font-family: var(--cs-font-sans);
	font-size: 16px;
	line-height: 1.5;
	color: var(--cs-body);
	background: #fff;
	overflow-x: hidden;
	padding-top: var(--cs-header-h); /* header is always a solid fixed bar */
}
img, svg, video { max-width: 100%; height: auto; }
a { color: var(--cs-red); text-decoration: none; }
a:hover { color: var(--cs-red-dark); }

h1, h2, h3, h4, h5, h6 { margin: .5rem 0 1rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; }
h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; } h5 { font-size: 1.25rem; } h6 { font-size: 1rem; }
p { margin: 0 0 .9rem; }
ul, ol { margin: 0 0 .9rem; padding-left: 1.5em; }
figure { margin: 0; }

.screen-reader-text { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: absolute; left: -9999px; top: 0; z-index: 1000; background: var(--cs-black); color: #fff; padding: .75rem 1rem; }
.skip-link:focus { left: 1rem; top: 1rem; }

/* ------------------------------ Layout / sections ------------------------- */
/* Boxed section: 1200px container like Elementor's .elementor-container */
.entry-content { max-width: none; margin: 0; padding: 0; }
.cs-section { width: 100%; }
.cs-section > .cs-cols,
.cs-section > .cs-col,
.wp-block-cover:not(.is-full) > .wp-block-cover__inner-container {
	max-width: var(--cs-container); margin-inline: auto; width: 100%;
}
.wp-block-cover__inner-container { padding: 0; min-width: 0; } /* flex item: never grow to an image's intrinsic width */
.cs-divider-wrap { width: 100%; }
.cs-text-wrap { max-width: none; }
.cs-section.is-full > .cs-cols, .cs-section.is-full > .cs-col { max-width: none; }

/* Columns behave like Elementor columns (flex row, 10px padding each) */
.wp-block-columns.cs-cols { display: flex; flex-wrap: nowrap; gap: 0; margin: 0; align-items: stretch; }
.wp-block-column.cs-col { flex: 1 1 0; min-width: 0; padding: 10px; margin: 0; display: flex; flex-direction: column; align-items: stretch; }
.wp-block-column.cs-col > * { min-width: 0; }
.wp-block-column.cs-col[style*="flex-basis"] { flex-grow: 0; flex-shrink: 0; }

/* Widgets stack with Elementor's 20px gap (.elementor-widget:not(:last-child){margin-bottom:20px}) */
.entry-content .cs-col > *, .site-footer .cs-col > * { margin-top: 0; margin-bottom: var(--cs-gap, 20px); }
.entry-content .cs-col > *:last-child, .site-footer .cs-col > *:last-child { margin-bottom: 0; }
/* inner sections are not widgets: no widget gap (they carry their own 10px padding) */
.entry-content .cs-col > .cs-section, .site-footer .cs-col > .cs-section { margin-bottom: 0; }
/* Text-editor widget: paragraphs/headings keep their natural margins inside;
   flow-root = Elementor's widget container (last paragraph margin is kept) */
.cs-text-wrap { max-width: none; display: flow-root; }
/* The last child's margin is folded into the wrapper margin by the converter */
/* Elementor applies a section's min-height to its container, with the
   section padding outside it */
.cs-section[style*="min-height"] { box-sizing: content-box; width: auto; }
.cs-text-wrap > p { margin: 0 0 .9rem; }
.entry-content .cs-text-wrap > h1, .entry-content .cs-text-wrap > h2, .entry-content .cs-text-wrap > h3,
.entry-content .cs-text-wrap > h4, .entry-content .cs-text-wrap > h5, .entry-content .cs-text-wrap > h6 {
	margin: .5rem 0 1rem; line-height: 1.2; font-weight: 500; color: inherit;
}
.entry-content .cs-text-wrap > h1 { font-size: 2.5rem; } .entry-content .cs-text-wrap > h2 { font-size: 2rem; }
.entry-content .cs-text-wrap > h3 { font-size: 1.75rem; } .entry-content .cs-text-wrap > h4 { font-size: 1.5rem; }
.entry-content .cs-text-wrap > h5 { font-size: 1.25rem; } .entry-content .cs-text-wrap > h6 { font-size: 1rem; }
.cs-text-wrap > ul, .cs-text-wrap > ol { margin: 0 0 .9rem; }

/* Elementor image widget is centred by default; a widget "width" applies to
   the image, so a sized figure is centred and its image fills it. */
.cs-col > .wp-block-image:not(.alignleft):not(.alignright) { text-align: center; }
.cs-col > .wp-block-image:not(.alignleft):not(.alignright) img { display: inline-block; }
.cs-col > .wp-block-image:not(.alignleft):not(.alignright)[style*="width"] { margin-inline: auto; }
.wp-block-image[style*="width"] { max-width: 100%; } /* never wider than its column */
.wp-block-image[style*="width"] img { width: 100%; max-width: 100%; }
.wp-block-image.aligncenter { text-align: center; }
.wp-block-image.alignleft { float: none; text-align: left; }
.wp-block-image.alignright { float: none; text-align: right; }
.wp-block-image img { height: auto; vertical-align: middle; }

/* Galleries: Elementor Pro gallery, 10px gap. Masonry = natural aspect in
   CSS columns (5 desktop / 3 tablet / 2 phone, as Elementor's defaults). */
.wp-block-gallery.has-nested-images { gap: 10px; }
.wp-block-gallery.cs-gallery--grid figure.wp-block-image img { object-fit: cover; }
.wp-block-gallery.cs-gallery--masonry {
	display: block; column-gap: 10px; column-count: 5;
}
.wp-block-gallery.cs-gallery--masonry.cs-cols-6 { column-count: 6; }
.wp-block-gallery.cs-gallery--masonry.cs-cols-4 { column-count: 4; }
.wp-block-gallery.cs-gallery--masonry.cs-cols-3 { column-count: 3; }
.wp-block-gallery.cs-gallery--masonry > figure.wp-block-image {
	display: block; width: 100% !important; margin: 0 0 10px; break-inside: avoid;
}
.wp-block-gallery.cs-gallery--masonry > figure.wp-block-image img { width: 100%; height: auto; display: block; }
@media (max-width: 1024px) { .wp-block-gallery.cs-gallery--masonry { column-count: 3 !important; } }
@media (max-width: 767px)  { .wp-block-gallery.cs-gallery--masonry { column-count: 2 !important; } }

/* Image widget sizes: Elementor serves the chosen intermediate file, so the
   image displays no wider than that file. */
.wp-block-image.size-thumbnail img { max-width: min(100%, 150px); }
.wp-block-image.size-medium img { max-width: min(100%, 300px); }
.wp-block-image.size-medium_large img { max-width: min(100%, 768px); }
.wp-block-image.size-large img { max-width: min(100%, 1024px); }

/* Separator / divider */
hr.cs-divider { border: 0; margin: 0 auto; height: 0; }

/* Toggle widget (Elementor .elementor-toggle defaults) */
.cs-toggle { max-width: none; text-align: left; }
.cs-toggle > .cs-toggle-item { border: 0; margin: 0; padding: 0; }
.cs-toggle summary {
	display: block; list-style: none; cursor: pointer; outline: none;
	margin: 0; padding: 15px; line-height: 1; font-size: 16px; font-weight: 700;
	font-family: var(--cs-font-sans); color: var(--cs-red);
	border-bottom: 1px solid #d5d8dc;
}
.cs-toggle summary::-webkit-details-marker { display: none; }
.cs-toggle summary::before { content: "\25B8"; display: inline-block; width: 1em; float: left; color: var(--cs-red); }
.cs-toggle details[open] > summary { border-bottom: none; color: var(--cs-black); }
.cs-toggle details[open] > summary::before { content: "\25BE"; color: var(--cs-black); }
.cs-toggle details > *:not(summary) { margin: 0; }
.cs-toggle details > .cs-toggle-content, .cs-toggle details[open] { }
.cs-toggle details[open] > summary + * { padding-top: 15px; }
.cs-toggle details[open] > *:not(summary) { padding-left: 15px; padding-right: 15px; color: var(--cs-text); font-family: var(--cs-font-sans); }
.cs-toggle details[open] > *:last-child { padding-bottom: 15px; border-bottom: 1px solid #d5d8dc; }

/* ------------------------------ Buttons ----------------------------------- */
.wp-block-button__link, .wp-element-button {
	display: inline-block;
	font-family: var(--cs-font-sans);
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	background: var(--cs-black);
	color: #fff;
	padding: 12px 24px;
	border: 0;
	border-radius: 999px; /* pill buttons */
	transition: filter .2s ease;
	white-space: normal;
}
.wp-block-button__link:hover, .wp-element-button:hover { color: #fff; filter: brightness(.92); text-decoration: none; }
.wp-block-buttons > .wp-block-button { margin: 0; }
/* Elementor button align: justify = full width of its column */
.wp-block-buttons.cs-btns-justify > .wp-block-button { width: 100%; }
.wp-block-buttons.cs-btns-justify .wp-block-button__link { display: block; width: 100%; }

/* ------------------------------ Cover (image/video sections) --------------- */
.wp-block-cover.cs-section { display: flex; align-items: center; justify-content: center; color: #fff; }
.wp-block-cover.cs-section .wp-block-cover__background { z-index: 1; }
.wp-block-cover.cs-section > .wp-block-cover__inner-container { position: relative; z-index: 3; }
.wp-block-cover.has-video-bg { overflow: hidden; }
.wp-block-cover.has-video-bg .wp-block-cover__image-background { z-index: 0; }
/* the background player is the cover's first inner block (core/html); position it
   against the cover itself, under the overlay and the content */
.wp-block-cover.has-video-bg > .wp-block-cover__inner-container { position: static; }
.wp-block-cover.has-video-bg > .wp-block-cover__background { z-index: 1; }
.wp-block-cover.has-video-bg > .wp-block-cover__inner-container > *:not(.hero-video) { position: relative; z-index: 2; }
.hero-video { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; }
.hero-video iframe {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	width: 100%; height: 100%; border: 0; /* nav.js resizes to a covering 16:9 box */
}
.wp-block-cover.has-video-bg > .wp-block-cover__background { z-index: 1; }
@media (max-width: 782px) { .hero-video { display: none; } }

/* ------------------------------ Header ------------------------------------ */
.site-header {
	position: fixed; inset: 0 0 auto 0; z-index: 100;
	background: var(--cs-header-red);
}
.site-header__inner {
	max-width: var(--cs-container); margin-inline: auto;
	min-height: var(--cs-header-h);
	padding: 10px 10px;
	display: flex; align-items: center; justify-content: space-between; gap: 1rem;
}
.site-logo { width: 133px; height: 82px; object-fit: contain; display: block; }

.main-navigation .primary-menu { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; }
.main-navigation .primary-menu > li { position: relative; }
/* Nav items: 15px / 500, sentence case, small chevron, 2px underline when active/open */
.main-navigation .menu-link {
	display: block;
	font-family: var(--cs-font-sans);
	font-size: 15px; font-weight: 500; line-height: 20px;
	text-transform: none; letter-spacing: 0;
	color: #fff; padding: 8px 0; margin: 0 0 0 36px; text-decoration: none;
	position: relative;
}
.main-navigation .primary-menu > li > .menu-link::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px;
	background: #fff; opacity: 0; transition: opacity .2s, background-color .2s;
}
.main-navigation .primary-menu > li.current-menu-item > .menu-link::after,
.main-navigation .primary-menu > li.current-menu-ancestor > .menu-link::after { opacity: 1; }
/* rollover / open: bright red underline */
.main-navigation .primary-menu > li > .menu-link:hover::after,
.main-navigation .primary-menu > li > .menu-link:focus-visible::after,
.main-navigation .primary-menu > li.is-open > .menu-link::after { opacity: 1; background: var(--cs-red); }
.main-navigation .primary-menu > li.menu-item-has-children > .menu-link { padding-right: 16px; }
.main-navigation .primary-menu > li.menu-item-has-children > .menu-link::before {
	content: ""; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; margin-top: -5px;
	border-right: 1.6px solid currentColor; border-bottom: 1.6px solid currentColor; transform: rotate(45deg); opacity: .7;
}

/* Below the 1200px container, keep the bar and panel contents off the browser edge */
@media (min-width: 1025px) and (max-width: 1264px) {
	.site-header__inner, .main-navigation .mega-panel__inner { padding-left: 32px; padding-right: 32px; }
}

/* Full-width mega panel hanging off the bottom of the bar */
.main-navigation .primary-menu > li.menu-item-has-children { position: static; }
.main-navigation .mega-panel {
	position: absolute; left: 0; right: 0; top: 100%;
	background: var(--cs-header-red); color: #fff;
	border-top: 1px solid rgba(255,255,255,.18); box-shadow: 0 24px 48px rgba(0,0,0,.22);
	padding: 40px 0 48px; z-index: 20;
	opacity: 0; visibility: hidden; transition: opacity .15s, visibility .15s;
}
.main-navigation li:focus-within > .mega-panel,
.main-navigation .mega-panel.is-open { opacity: 1; visibility: visible; }
.mega-panel__inner {
	max-width: var(--cs-container); margin: 0 auto; padding: 0 10px;
	display: grid; grid-template-columns: 1fr 2.2fr; gap: 64px; align-items: start;
}
.mega-panel__kicker {
	display: block; font-family: var(--cs-font-sans); font-size: 14px; letter-spacing: 0;
	text-transform: none; color: rgba(255,255,255,.72); font-weight: 600;
}
.mega-panel__blurb {
	font-family: var(--cs-font-serif); font-size: 26px; line-height: 1.25; font-weight: 300; /* Libre Baskerville has no 300; renders 400 */
	letter-spacing: -.015em; margin: 16px 0 0; color: var(--cs-red-hot);
}
/* link grid: years as columns, each listing Show / Cast / Watch */
.mega-panel__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 32px; }
.mega-panel__grid > li { margin: 0; position: static; }
.mega-panel__grid > li > .menu-link {
	display: block; margin: 0; padding: 0 0 14px; font-family: var(--cs-font-sans); font-size: 19px; font-weight: 500;
	color: #fff; border-bottom: 1px solid rgba(255,255,255,.28); text-transform: none;
}
/* rollover: the item's rule turns bright red (2px, no layout shift) */
.mega-panel__grid .menu-link { transition: border-color .15s, box-shadow .15s; }
.mega-panel__grid .menu-link:hover, .mega-panel__grid .menu-link:focus-visible {
	border-bottom-color: var(--cs-red-hot); box-shadow: 0 1px 0 var(--cs-red-hot); color: #fff; outline: none;
}
.mega-panel__grid .sub-menu {
	list-style: none; margin: 0; padding: 0; position: static; display: block;
	opacity: 1; visibility: visible; transform: none; background: none; box-shadow: none; min-width: 0;
}
.mega-panel__grid .sub-menu .menu-link {
	display: block; margin: 0; padding: 12px 0;
	font-family: var(--cs-font-sans); font-size: 15px; font-weight: 400; line-height: 20px; color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.18); text-transform: none; background: none; white-space: normal;
}
.submenu-toggle { display: none; background: none; border: 0; color: inherit; padding: 8px; cursor: pointer; }

/* Elementor mobile toggle: white box, dark bars */
.menu-toggle { display: none; background: #fff; border: 0; border-radius: 3px; cursor: pointer; width: 46px; height: 46px; padding: 11px; color: #494c4f; }
.menu-toggle__bars { display: block; position: relative; width: 24px; height: 18px; }
.menu-toggle__bars span { position: absolute; left: 0; width: 100%; height: 2px; background: currentColor; transition: transform .25s, opacity .25s, top .25s; }
.menu-toggle__bars span:nth-child(1) { top: 0; } .menu-toggle__bars span:nth-child(2) { top: 8px; } .menu-toggle__bars span:nth-child(3) { top: 16px; }
.menu-toggle[aria-expanded="true"] .menu-toggle__bars span:nth-child(1) { top: 8px; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] .menu-toggle__bars span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] .menu-toggle__bars span:nth-child(3) { top: 8px; transform: rotate(-45deg); }

/* ------------------------------ Content defaults (Elementor widget defaults) */
/* Un-styled headings/paragraphs take Elementor's global defaults; per-widget
   inline styles from the converter override these. */
.entry-content .cs-col > h1, .entry-content .cs-col > h2, .entry-content .cs-col > h3,
.entry-content .cs-col > h4, .entry-content .cs-col > h5, .entry-content .cs-col > h6 {
	font-family: var(--cs-font-sans); font-weight: 700; color: var(--cs-red); line-height: 1; margin-top: 0; margin-left: 0; margin-right: 0;
}
/* Serif titles are semibold (bold settings were mapped to 600 by the converter) */
.entry-content .cs-col > .has-libre-baskerville-font-family, .entry-content .has-libre-baskerville-font-family { font-weight: 600; }
.entry-content p, .entry-content li, .entry-content .cs-text {
	font-family: var(--cs-font-sans); color: var(--cs-text);
}
.entry-content p a:not(.wp-element-button) { color: var(--cs-red); }

/* ------------------------------ Interior banner + card (template 407) ------ */
.page-hero {
	position: relative;
	background-color: #5a4a3f;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom right;
	padding: 100px 0 350px;
}
/* template 407 overlay: opacity .62 */
.page-hero::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,.62); }
.page-hero__inner { position: relative; max-width: var(--cs-container); margin: 40px auto 0; padding: 10px; text-align: center; }
.page-hero__title { font-family: var(--cs-font-serif); font-weight: 600; color: #fff; font-size: 49px; line-height: 1; margin: 0; }
/* template 407: section (10px 0, -250px) > column (white, 30px) > content */
.page-card {
	max-width: var(--cs-container); margin: -250px auto 0; position: relative; z-index: 2;
	padding: 10px 0;
}
.page-card > .entry-content { background: #fff; padding: 30px; }
.error404 .entry-content { padding: 30px 30px 60px; }
.error404 .entry-content p { max-width: 60ch; margin-left: auto; margin-right: auto; }
@media (max-width: 1024px) { .page-hero__title { font-size: 2.5rem; } }

/* ------------------------------ Footer ------------------------------------ */
.site-footer { background: #fff; }
.site-footer__sponsors { max-width: var(--cs-container); margin: 0 auto; padding: 20px 10px; } /* live footer: boxed section 10px 0 > column 10px > template */
.site-footer__sponsors .footer-widget { padding: 0; }
.site-footer__bar {
	background: var(--cs-red-dark); color: #fff;
}
.site-footer__bar-inner {
	max-width: var(--cs-container); margin-inline: auto;
	padding: 20px 20px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between;
}
.site-footer__copyright {
	margin: 0; font-family: var(--cs-font-sans); font-size: 12.8px; font-weight: 700;
	text-transform: uppercase; color: #fff; line-height: 1.5;
}
.footer-menu { list-style: none; display: flex; gap: 18px; margin: 0; padding: 0; }
.footer-menu a { color: #fff; font-family: var(--cs-font-sans); font-size: 12px; text-transform: uppercase; }

/* ------------------------------ Responsive -------------------------------- */
@media (max-width: 1024px) {
	/* plain white bars / cross on the red bar */
	.menu-toggle { display: inline-flex; align-items: center; justify-content: center; background: none; color: #fff; border-radius: 0; }
	/* phone drawer: red, white type, 20px gutter all round so rules are inset */
	.main-navigation {
		position: fixed; inset: var(--cs-header-h) 0 0 0;
		background: var(--cs-header-red); color: #fff; overflow-y: auto; padding: 8px 20px 2rem;
		transform: translateX(100%); transition: transform .25s ease;
	}
	.site-header.is-open .main-navigation { transform: translateX(0); }
	.main-navigation .primary-menu { flex-direction: column; align-items: stretch; }
	.main-navigation .primary-menu > li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.22); position: relative; }
	.main-navigation .menu-link { flex: 1; color: #fff; font-size: 22px; font-weight: 500; padding: 20px 0; margin: 0; }
	/* no hover/current underlines or chevrons on touch */
	.main-navigation .primary-menu > li > .menu-link::after,
	.main-navigation .primary-menu > li.menu-item-has-children > .menu-link::before { display: none; }
	.submenu-toggle { display: inline-block; color: #fff; font-size: 18px; padding: 18px 0 18px 20px; transition: transform .2s; }
	.submenu-toggle[aria-expanded="true"] { transform: rotate(180deg); }
	/* the mega panel is the accordion body on phones: same list, no indent, no panel chrome */
	.main-navigation .mega-panel {
		position: static; width: calc(100% + 40px); opacity: 1; visibility: visible; box-shadow: none; border-top: 0;
		/* darker red band, edge to edge, content kept inside the 20px gutter */
		background: rgba(0,0,0,.12); color: #fff; margin: 0 -20px; padding: 6px 20px 12px; display: none;
	}
	.main-navigation .mega-panel.is-open { display: block; }
	.mega-panel__inner { display: block; padding: 0; max-width: none; }
	.mega-panel__intro { display: none; }
	.mega-panel__grid { display: block; }
	.mega-panel__grid .menu-link, .mega-panel__grid .menu-link:hover, .mega-panel__grid .menu-link:focus-visible { box-shadow: none; }
	/* each year is a group: year heading, its links, then a rule closing the group */
	.mega-panel__grid > li { margin: 0; border-bottom: 1px solid rgba(255,255,255,.22); padding: 6px 0 8px; }
	.mega-panel__grid > li:last-child { border-bottom: 0; }
	.mega-panel__grid > li > .menu-link, .mega-panel__grid > li > .menu-link:hover { font-size: 21px; font-weight: 500; padding: 12px 0 6px; margin: 0; border-bottom: 0; box-shadow: none; color: #fff; }
	.mega-panel__grid .sub-menu { padding: 0 0 4px; }
	.mega-panel__grid .sub-menu .menu-link, .mega-panel__grid .sub-menu .menu-link:hover { padding: 9px 0; margin: 0; font-size: 16px; font-weight: 400; border-bottom: 0; box-shadow: none; white-space: normal; color: #fff; }
}
@media (max-width: 767px) {
	.wp-block-columns.cs-cols { flex-wrap: wrap; }
	.wp-block-column.cs-col, .wp-block-column.cs-col[style*="flex-basis"] { flex: 0 0 100% !important; flex-basis: 100% !important; width: 100%; }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }