) */ /*.mg-page--margin-scribbles { padding-bottom: clamp(14rem, 32vh, 26rem); } */ } .mg-margin-scribbles--left { left: 0; } .mg-margin-scribbles--right { right: 0; } /* Vertical `top` + bottom cap from PHP (gloryville_margin_scribble_vertical_tops). */ .mg-margin-scribbles__item { position: absolute; left: 50%; display: flex; width: min(100% - 0.25rem, 15rem); max-width: 15rem; justify-content: center; opacity: 0.09; } /* Rotation + optional mirror: PHP sets --scrib-rot, --scrib-flip (1 or -1) */ .mg-margin-scribbles--left .mg-margin-scribbles__item:nth-child(1) { transform: translate(-50%, -50%) rotate(var(--scrib-rot, 0deg)) scaleX(var(--scrib-flip, 1)) translate(0.1rem, 0.2rem); } .mg-margin-scribbles--left .mg-margin-scribbles__item:nth-child(2) { transform: translate(-50%, -50%) rotate(var(--scrib-rot, 0deg)) scaleX(var(--scrib-flip, 1)) translate(-0.16rem, 0.05rem); } .mg-margin-scribbles--left .mg-margin-scribbles__item:nth-child(3) { transform: translate(-50%, -50%) rotate(var(--scrib-rot, 0deg)) scaleX(var(--scrib-flip, 1)) translate(0.12rem, -0.18rem); } .mg-margin-scribbles--right .mg-margin-scribbles__item:nth-child(1) { transform: translate(-50%, -50%) rotate(var(--scrib-rot, 0deg)) scaleX(var(--scrib-flip, 1)) translate(-0.12rem, 0.15rem); } .mg-margin-scribbles--right .mg-margin-scribbles__item:nth-child(2) { transform: translate(-50%, -50%) rotate(var(--scrib-rot, 0deg)) scaleX(var(--scrib-flip, 1)) translate(0.14rem, -0.1rem); } .mg-margin-scribbles--right .mg-margin-scribbles__item:nth-child(3) { transform: translate(-50%, -50%) rotate(var(--scrib-rot, 0deg)) scaleX(var(--scrib-flip, 1)) translate(-0.08rem, 0.22rem); } .mg-margin-scribbles__item img { width: 100%; height: auto; max-height: clamp(12rem, 36vh, 21rem); object-fit: contain; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.06)); } .mg-container { max-width: 80rem; /* tailwind max-w-7xl */ margin-left: auto; margin-right: auto; padding-left: 2rem; /* px-8 */ padding-right: 2rem; /* px-8 */ } /* ===== 3) PAGE SECTION: HERO ===== */ .mg-hero { position: relative; height: 100vh; /* h-screen */ overflow: hidden; } .mg-hero-bg { position: absolute; inset: 0; z-index: 1; } .mg-hero-bg-img { width: 100%; height: 100%; object-fit: cover; z-index: 0; } .mg-hero-bg-gradient { position: absolute; inset: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); z-index: 1; } .mg-hero-content { height: 100%; display: flex; flex-direction: column; justify-content: center; /* justify-center */ position: relative; z-index: 2; align-items: flex-start; padding-bottom: 2rem; } .mg-hero-tag-wrap { margin-bottom: 1.5rem; /* mb-6 */ } .mg-tag { display: inline-flex; align-items: center; padding: 0.5rem 1rem; /* py-2 px-4 */ font-family: var(--mg-font-ui); font-size: 0.875rem; /* text-sm */ text-transform: uppercase; letter-spacing: 0.1em; /* tracking-widest */ line-height: 1; } .mg-tag--no-alcohol { transform: rotate(-2deg); background: var(--mg-pink); color: #fff; } .mg-hero-title { margin: 0; margin-bottom: 2rem; text-transform: uppercase; line-height: 0.88; letter-spacing: -0.02em; font-family: 'Bebas Neue', sans-serif; font-weight: 400; color: #fff; font-size: clamp(3.5rem, 10vw, 11rem); max-width: 56rem; } .mg-cta { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; /* matches icon gap */ width: fit-content; /* w-fit */ padding: 1.25rem 2.5rem; /* py-5 px-10 */ border: 4px solid var(--mg-yellow); /* border-4 */ background: transparent; color: #fff; font-family: var(--mg-font-ui); text-transform: uppercase; letter-spacing: 0.05em; /* tracking-wider */ font-size: 1.125rem; /* text-lg */ font-weight: 500; transition: transform 300ms ease, box-shadow 300ms ease; cursor: pointer; white-space: nowrap; line-height: 1; } .mg-cta:hover { transform: translate(0.5rem, -0.25rem); /* hover:translate-x-2 hover:translate-y-[-4px] */ } .mg-cta-text { display: inline-block; white-space: nowrap; } .mg-cta-arrow { transition: transform 300ms ease; flex: 0 0 auto; display: block; width: 1.25rem; /* keep icon geometry stable */ height: 1.25rem; } .mg-cta:hover .mg-cta-arrow { transform: translateX(0.25rem); /* group-hover:translate-x-1 */ } a.mg-cta, a.mg-cta:link, a.mg-cta:visited { text-decoration: none; color: #fff; } /* In-page anchor target: clear overlay header on scroll */ #upcoming-events { scroll-margin-top: var(--mg-clear-home-hero-top); } /* ===== 4) PAGE SECTION: EVENTS ===== */ /* Scoped opt-out: some UAs ignore document-level only-light when is dark. */ .mg-events { position: relative; padding: 6rem 0; /* py-24 */ background: var(--mg-offwhite); color-scheme: only light; } .mg-events--archive { padding-top: 0; background: transparent; } .mg-events-inner { padding-left: 2rem; padding-right: 2rem; } .mg-events-decor { position: absolute; top: 3rem; /* top-12 */ right: 3rem; /* right-12 */ display: none; /* hidden md:block */ padding: 0.75rem 1.5rem; /* py-3 px-6 */ background: var(--mg-pink); color: #fff; text-transform: uppercase; letter-spacing: 0.1em; /* tracking-widest */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.25); transform: rotate(8deg); font-size: 0.875rem; /* text-sm */ z-index: 5; } @media (min-width: 768px) { .mg-events-decor { display: inline-block; } } .mg-events-header { margin-bottom: 4rem; /* mb-16 */ } .mg-events-title { margin: 0; margin-bottom: 1rem; /* mb-4 */ text-transform: uppercase; line-height: 0.9; /* leading-[0.9] */ letter-spacing: -0.02em; /* tracking-tight */ font-family: 'Bebas Neue', sans-serif; font-weight: 400; color: var(--mg-black); font-size: 6rem; /* text-8xl */ } @media (min-width: 768px) { .mg-events-title { font-size: 8rem; /* md:text-9xl */ } } .mg-events-subtitle { margin: 0; text-transform: uppercase; letter-spacing: 0.025em; /* tracking-wide */ font-size: 1.5rem; /* text-2xl */ color: var(--mg-black); opacity: 0.6; } .mg-events-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; /* gap-12 */ } @media (min-width: 768px) { .mg-events-grid { grid-template-columns: repeat(3, 1fr); /* md:grid-cols-3 */ gap: 4rem; /* md:gap-16 */ } } .mg-event { position: relative; transform: rotate(0deg); } .mg-event--theme-1 { --event-accent: var(--mg-yellow); --event-bg: var(--mg-orange); transform: rotate(1deg); } .mg-event--theme-2 { --event-accent: var(--mg-pink); --event-bg: var(--mg-yellow); transform: rotate(-1.5deg); } .mg-event--theme-3 { --event-accent: var(--mg-orange); --event-bg: #00e5ff; transform: rotate(0.5deg); } .mg-event-card { position: relative; padding: 1.5rem 1.5rem 2.35rem; /* extra bottom = “stub” before torn edge */ background: var(--event-bg); /* Ticket-stub tear along bottom (stickers live on .mg-event so they aren’t clipped). */ clip-path: polygon( 0% 0%, 100% 0%, 100% calc(100% - 12px), 97.5% 100%, 94% calc(100% - 7px), 90.5% 100%, 87% calc(100% - 9px), 83.5% 100%, 80% calc(100% - 6px), 76.5% 100%, 73% calc(100% - 10px), 69.5% 100%, 66% calc(100% - 7px), 62.5% 100%, 59% calc(100% - 9px), 55.5% 100%, 52% calc(100% - 6px), 48.5% 100%, 45% calc(100% - 10px), 41.5% 100%, 38% calc(100% - 7px), 34.5% 100%, 31% calc(100% - 9px), 27.5% 100%, 24% calc(100% - 6px), 20.5% 100%, 17% calc(100% - 10px), 13.5% 100%, 10% calc(100% - 7px), 6.5% 100%, 3% calc(100% - 9px), 0.5% 100%, 0% calc(100% - 8px), 0% 0% ); filter: drop-shadow(3px 5px 0 rgba(0, 0, 0, 0.14)); } .mg-event-dj-sticker { position: absolute; top: -0.75rem; /* -top-3 */ right: -0.75rem; /* -right-3 */ z-index: 10; padding: 0.5rem 1rem; /* py-2 px-4 */ transform: rotate(12deg); /* rotate-12 */ font-size: 0.75rem; /* text-xs */ text-transform: uppercase; letter-spacing: 0.1em; /* tracking-widest */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.25); /* shadow-lg */ background: var(--event-accent); color: var(--mg-black); white-space: nowrap; } .mg-sticker-top-left { position: absolute; top: -0.75rem; /* -top-3 */ left: -0.75rem; /* -left-3 */ z-index: 10; padding: 0.5rem 1rem; /* py-2 px-4 */ transform: rotate(-12deg); /* rotate(-12deg) */ font-size: 0.75rem; /* text-xs */ text-transform: uppercase; letter-spacing: 0.1em; /* tracking-widest */ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.25); /* shadow-lg */ background: var(--event-accent); color: var(--mg-black); white-space: nowrap; } .mg-event-image { margin-bottom: 1.5rem; /* mb-6 */ border: 4px solid var(--mg-black); /* border-4 */ overflow: hidden; aspect-ratio: 4 / 5; /* aspect-[4/5] */ } .mg-event-image img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 500ms ease; } .mg-event:hover .mg-event-image img { transform: scale(1.05); /* group-hover:scale-105 */ } .mg-event-body { display: flex; flex-direction: column; gap: 1rem; /* space-y-4 */ } .mg-event-city { margin: 0; margin-bottom: 0.5rem; /* mb-2 */ text-transform: uppercase; font-family: 'Bebas Neue', sans-serif; font-weight: 400; color: var(--mg-black); letter-spacing: -0.025em; /* tracking-tight */ line-height: 0.85; /* leading-[0.85] */ font-size: 6rem; /* text-6xl */ } @media (min-width: 768px) { .mg-event-city { font-size: 7rem; /* md:text-7xl */ } } /* ACF `smaller_title` on Event — long titles without blowing card width */ .mg-event--smaller-title .mg-event-city { font-size: 4.25rem; } @media (min-width: 768px) { .mg-event--smaller-title .mg-event-city { font-size: 5rem; } } .mg-event-date { margin: 0; text-transform: uppercase; font-size: 1.125rem; /* text-lg */ letter-spacing: 0.025em; /* tracking-wide */ opacity: 0.7; color: var(--mg-black); } .mg-event-time { margin: 0.15rem 0 0; text-transform: uppercase; font-size: 1rem; letter-spacing: 0.025em; opacity: 0.72; color: var(--mg-black); } .mg-event-button { width: 100%; /* w-full */ padding: 1rem 1.5rem; /* py-4 px-6 */ border: 4px solid var(--mg-black); background: var(--event-accent); color: var(--mg-black); font-family: var(--mg-font-ui); font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; /* tracking-widest */ font-size: 1.125rem; /* text-lg */ cursor: pointer; transition: transform 300ms ease, box-shadow 300ms ease; white-space: nowrap; line-height: 1; } .mg-event-button:hover { transform: translateY(-0.25rem); /* hover:translate-y-[-4px] */ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35); /* shadow-2xl approx */ } /* ===== 5) PAGE SECTION: PHOTO STRIP ===== */ .mg-photo-strip { padding: 3rem 0; /* py-12 */ overflow: hidden; } .mg-photo-strip-row { display: flex; gap: 1rem; /* gap-4 */ padding-left: 2rem; /* px-8 */ padding-right: 2rem; /* px-8 */ } .mg-photo-strip-item { flex-shrink: 0; width: 20rem; /* w-80 */ height: 24rem; /* h-96 */ overflow: hidden; position: relative; margin-left: -2.5rem; /* -40px */ transform: translateY(20px); } .mg-photo-strip-item:first-child { margin-left: 0; transform: translateY(-20px); } .mg-photo-strip-item:nth-child(odd) { transform: translateY(-20px); } .mg-photo-strip-item:nth-child(even) { transform: translateY(20px); } .mg-photo-strip-item img { width: 100%; height: 100%; object-fit: cover; } /* ===== 6) PAGE SECTION: WHAT IT IS ===== */ .mg-what { padding: 8rem 0; /* py-32 */ } .mg-what-grid { display: grid; grid-template-columns: 1fr; gap: 4rem; /* gap-16 */ } @media (min-width: 768px) { .mg-what-grid { grid-template-columns: repeat(3, 1fr); } } .mg-what-title { margin: 0; margin-bottom: 1rem; /* mb-4 */ font-family: 'Bebas Neue', sans-serif; font-weight: 400; text-transform: uppercase; line-height: 0.95; /* leading-[0.95] */ font-size: 6rem; /* text-6xl */ } @media (min-width: 768px) { .mg-what-title { font-size: 7rem; /* md:text-7xl */ } } .mg-what-title--orange { color: var(--mg-orange); } .mg-what-title--yellow { color: var(--mg-yellow); } .mg-what-title--pink { color: var(--mg-pink); } /* ===== 7) PAGE SECTION: ZINE ===== */ .mg-zine { position: relative; padding: 6rem 0; /* py-24 */ overflow-x: clip; } .mg-zine-grid { display: grid; grid-template-columns: repeat(12, 1fr); align-items: stretch; gap: 2rem; /* gap-8 */ } .mg-zine-left { grid-column: span 12; position: relative; display: flex; flex-direction: column; align-items: flex-start; width: 100%; min-height: 0; } .mg-zine-right { grid-column: span 12; position: relative; } @media (min-width: 768px) { .mg-zine-left, .mg-zine-right { grid-column: span 6; /* md:col-span-6 */ } } .mg-zine-title { margin: 0; margin-bottom: 2rem; /* mb-8 */ text-transform: uppercase; font-family: 'Bebas Neue', sans-serif; font-weight: 400; color: #fff; font-size: 7rem; /* text-7xl */ line-height: 1.05; /* leading-tight approx */ } @media (min-width: 768px) { .mg-zine-title { font-size: 8rem; /* md:text-8xl */ } } .mg-zine-lead { margin: 0; margin-bottom: 2rem; /* mb-8 */ max-width: 28rem; /* max-w-md */ font-size: 1.25rem; /* text-xl */ line-height: 1.625; /* leading-relaxed approx */ color: rgba(255, 255, 255, 0.7); /* text-white/70 */ } .mg-zine-sticker { position: absolute; top: -2rem; /* -top-8 */ right: -1rem; /* -right-4 */ padding: 0.75rem 1.5rem; /* py-3 px-6 */ background: var(--mg-cyan); color: var(--mg-black); transform: rotate(12deg); /* rotate-12 */ font-size: 0.875rem; /* text-sm */ text-transform: uppercase; letter-spacing: 0.08em; /* tracking-wider approx */ } .mg-zine-right-copy { position: relative; z-index: 2; padding-left: clamp(0.75rem, 3vw, 1.75rem); padding-right: clamp(0.75rem, 3vw, 1.75rem); box-sizing: border-box; width: 100%; } .mg-zine-lead--right { margin-top: 3rem; margin-bottom: 0; max-width: 100%; font-size: clamp(1.4rem, 2.5vw, 1.85rem); line-height: 1.55; } .mg-zine-arrow-row { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.35rem; margin-top: 1.35rem; } .mg-zine-arrow-up { display: inline-flex; color: var(--mg-orange); line-height: 0; } .mg-zine-arrow-up svg { width: 5rem; height: 5rem; stroke-width: 3; display: block; } /* Same icon (points right by default); rotate ~-90deg for “up”, with small per-arrow variation */ .mg-zine-arrow-up--1 { transform: rotate(-84deg); } .mg-zine-arrow-up--2 { transform: rotate(-91deg); } .mg-zine-arrow-up--3 { transform: rotate(-88deg); } .mg-zine-arrow-up--4 { transform: rotate(-95deg); } .mg-zine-arrow-up--5 { transform: rotate(-98deg); } .mg-zine-sticker-stack { display: flex; flex-direction: column; gap: 1.5rem; /* space-y-6 */ } /* Variant for editor-inserted Custom HTML usage (keep front-page unchanged). */ .mg-zine-sticker-stack.mg-zine-sticker-stack--lite { gap: 1rem; } .mg-zine-sticker-stack.mg-zine-sticker-stack--lite .mg-label { /* Match the front-page sticker geometry; only tweak colors/fills via --lite. */ display: inline-flex; align-items: center; padding: 1rem 2rem; border: 4px solid transparent; text-transform: uppercase; color: var(--mg-black); } .mg-zine-sticker-stack.mg-zine-sticker-stack--lite .mg-label--orange { border-width: 0; } .mg-zine-sticker-stack.mg-zine-sticker-stack--lite .mg-label--yellow { background: var(--mg-yellow); } .mg-zine-sticker-stack.mg-zine-sticker-stack--lite .mg-label--pink { background: var(--mg-pink); } .mg-zine-sticker-stack.mg-zine-sticker-stack--lite .mg-label--cyan { background: var(--mg-cyan); } .mg-zine-sticker-stack.mg-zine-sticker-stack--lite .mg-label--orange { background: var(--mg-orange); } .mg-zine-sticker-stack.mg-zine-sticker-stack--lite .mg-label-text { color: var(--mg-black); font-size: 2rem; line-height: 1; transform: none; margin: 0 !important; } .mg-label { display: inline-block; padding: 1rem 2rem; /* py-4 px-8 */ border: 4px solid transparent; /* overwritten where needed */ text-transform: uppercase; color: #fff; } .mg-label-text { margin: 0; font-family: 'Bebas Neue', sans-serif; font-weight: 400; font-size: 1.5rem; /* text-2xl */ } .mg-label--yellow { border-color: var(--mg-yellow); transform: rotate(2deg); } .mg-label--pink { border-color: var(--mg-pink); transform: rotate(-3deg); margin-left: 3rem; /* ml-12 */ } .mg-label--orange { background: var(--mg-orange); border-width: 0; /* third label has no border */ transform: rotate(1deg); } .mg-label--cyan { border-color: var(--mg-cyan); transform: rotate(-4deg); margin-left: 1.5rem; } .mg-zine-circle-wrap { position: absolute; top: 0; right: 0; width: 6.25rem; /* 100px */ height: 6.25rem; pointer-events: none; transform: rotate(-12deg); } .mg-zine-circle { position: absolute; inset: 0; display: block; width: 100%; height: 100%; } .mg-zine-circle-logo { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 0; color: var(--mg-black); } .mg-zine-circle-logo svg, .mg-zine-circle-logo img { display: block; width: 100%; height: 100%; object-fit: contain; } /* ===== 7b) ZINE: mailing list (bottom of left column on desktop) ===== */ .mg-zine-mail { position: relative; z-index: 3; width: 100%; max-width: 100%; padding-bottom: 3.5rem; } .mg-zine-left .mg-zine-mail { margin-top: auto; padding-top: 2rem; } .mg-zine-mail-lead { margin: 0 0 1rem; max-width: 28rem; font-family: var(--mg-font-body); font-size: 1.0625rem; line-height: 1.55; color: rgba(255, 255, 255, 0.78); } /* Brevo (Sendinblue) signup — match CF7 mail block (#sib_signup_form_1 = [sibwp_form id=1]) */ .mg-home-sib-form { margin-top: 0; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 { margin: 0; padding: 0; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 [class^='sib_signup_box_inside'] { display: flex; flex-direction: column; gap: 1.25rem; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 p { margin: 0; } /* Yellow caps — labels without Brevo .sib-*-area class */ .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 label:not(:has(input[type='checkbox'])):not([class*='-area']) { font-family: var(--mg-font-ui); display: block; margin-bottom: 0.35rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mg-yellow); } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 label:has(input[type='checkbox']) { display: inline-flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0; font-size: 0.85rem; font-weight: 500; letter-spacing: 0.04em; text-transform: none; color: rgba(255, 255, 255, 0.88); cursor: pointer; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='text'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='email'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='tel'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='url'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='number'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='date'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 select, .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 textarea, .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-sms { width: 100%; box-sizing: border-box; padding: 0.85rem 1rem; font-family: var(--mg-font-body); font-size: 1rem; line-height: 1.4; color: #fff; background: rgba(255, 255, 255, 0.06); border: 3px solid var(--mg-cyan); box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.35); transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 select { cursor: pointer; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 textarea { min-height: 5rem; resize: vertical; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input:focus, .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 select:focus, .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 textarea:focus, .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-sms:focus { outline: none; border-color: var(--mg-pink); box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.45); } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='submit'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 button[type='submit'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-default-btn { width: fit-content; margin-top: 0.25rem; padding: 1rem 2rem; font-family: var(--mg-font-ui); font-size: 0.95rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mg-black); background: var(--mg-yellow); border: 3px solid var(--mg-black); border-radius: 0; box-shadow: 6px 6px 0 var(--mg-black); cursor: pointer; transform: rotate(-1deg); transition: transform 0.15s ease, box-shadow 0.15s ease; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='submit']:hover, .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 button[type='submit']:hover, .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-default-btn:hover { transform: rotate(-1deg) translateY(-2px); box-shadow: 8px 8px 0 var(--mg-black); background: var(--mg-yellow); } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib_loader { align-self: flex-start; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib_msg_disp { margin: 0; order: -1; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib_msg_disp:empty { display: none; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-alert-message { margin: 0; padding: 0.85rem 1rem; font-family: var(--mg-font-ui); font-size: 0.875rem; line-height: 1.5; border: 2px solid var(--mg-cyan); border-radius: 0; color: rgba(255, 255, 255, 0.9); background: rgba(0, 0, 0, 0.25); } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-alert-message-success { border-color: var(--mg-yellow); color: var(--mg-yellow); background: rgba(0, 0, 0, 0.2); } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-alert-message-error, .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-alert-message-warning { border-color: var(--mg-pink); color: rgba(255, 255, 255, 0.92); background: rgba(0, 0, 0, 0.25); } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .g-recaptcha, .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .cf-turnstile { margin-top: 0.25rem; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='checkbox'] { width: auto; margin: 0.15rem 0 0; flex-shrink: 0; accent-color: var(--mg-yellow); box-shadow: none; border: 2px solid var(--mg-cyan); } /* ===== DEFAULT PAGE: Brevo in post content (Partnerships etc.) — same structure as zine; light surface ===== */ /* Second selector: zine signup on .mg-zine--light (e.g. events archive; off-white bg vs home black zine) */ .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 { margin: 2rem 0; padding: 0; max-width: 36rem; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] [class^='sib_signup_box_inside'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 [class^='sib_signup_box_inside'] { display: flex; flex-direction: column; gap: 1.25rem; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] p, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 p { margin: 0; } /* Merge-field rows: in

; std rows use bare text in

— inherit

(zine + in-content) */ .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 p[class*='sib-'][class*='-area'] label, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] p[class*='sib-'][class*='-area'] label, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 p[class*='sib-'][class*='-area'] label { font: inherit; line-height: inherit; color: inherit; letter-spacing: inherit; text-transform: none; display: block; margin: 0 0 0.35rem; padding: 0; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] label:not(:has(input[type='checkbox'])):not([class*='-area']), .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 label:not(:has(input[type='checkbox'])):not([class*='-area']) { font-family: var(--mg-font-ui); display: block; margin-bottom: 0.35rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mg-yellow); } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] label:has(input[type='checkbox']), .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 label:has(input[type='checkbox']) { display: inline-flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0; font-size: 0.85rem; font-weight: 500; letter-spacing: 0.04em; text-transform: none; color: rgba(10, 10, 10, 0.88); cursor: pointer; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='text'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='text'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='email'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='email'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='tel'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='tel'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='url'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='url'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='number'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='number'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='date'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='date'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] select, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 select, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] textarea, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 textarea, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib-sms, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-sms { width: 100%; box-sizing: border-box; padding: 0.85rem 1rem; font-family: var(--mg-font-body); font-size: 1rem; line-height: 1.4; color: var(--mg-black) !important; background: rgba(255, 255, 255, 0.95) !important; border: 3px solid var(--mg-black) !important; box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2) !important; transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] select, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 select { cursor: pointer; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] textarea, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 textarea { min-height: 5rem; resize: vertical; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input:focus, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input:focus, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] select:focus, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 select:focus, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] textarea:focus, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 textarea:focus, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib-sms:focus, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-sms:focus { outline: none; border-color: var(--mg-pink) !important; box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.28) !important; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='submit'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='submit'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] button[type='submit'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 button[type='submit'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib-default-btn, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-default-btn { width: fit-content; margin-top: 0.25rem; padding: 1rem 2rem; font-family: var(--mg-font-ui); font-size: 0.95rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mg-black) !important; background: var(--mg-yellow) !important; border: 3px solid var(--mg-black) !important; border-radius: 0 !important; box-shadow: 6px 6px 0 var(--mg-black) !important; cursor: pointer; transform: rotate(-1deg); transition: transform 0.15s ease, box-shadow 0.15s ease; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='submit']:hover, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='submit']:hover, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] button[type='submit']:hover, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 button[type='submit']:hover, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib-default-btn:hover, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-default-btn:hover { transform: rotate(-1deg) translateY(-2px); box-shadow: 8px 8px 0 var(--mg-black) !important; background: var(--mg-yellow) !important; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib_msg_disp, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib_msg_disp { margin: 0; order: -1; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib_msg_disp:empty, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib_msg_disp:empty { display: none; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib-alert-message, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-alert-message { margin: 0; padding: 0.85rem 1rem; font-family: var(--mg-font-ui); font-size: 0.875rem; line-height: 1.5; border: 2px solid var(--mg-cyan); border-radius: 0; color: var(--mg-black); background: rgba(255, 255, 255, 0.9); } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib-alert-message-success, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-alert-message-success { border-color: var(--mg-yellow); color: var(--mg-black); background: rgba(255, 248, 200, 0.6); } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib-alert-message-error, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib-alert-message-warning, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-alert-message-error, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-alert-message-warning { border-color: var(--mg-pink); color: var(--mg-black); background: rgba(255, 255, 255, 0.95); } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .g-recaptcha, .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .cf-turnstile, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .g-recaptcha, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .cf-turnstile { margin-top: 0.25rem; } .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='checkbox'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='checkbox'] { width: auto; margin: 0.15rem 0 0; flex-shrink: 0; accent-color: var(--mg-yellow); box-shadow: none !important; border: 2px solid var(--mg-black) !important; } @media (max-width: 767px) { .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] input[type='submit'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] button[type='submit'], .mg-page--default .mg-page-content form.sib_signup_form[id^='sib_signup_form_'] .sib-default-btn, .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='submit'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 button[type='submit'], .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-default-btn { width: 100%; text-align: center; } } /* Zine mailing block on light page (events archive): match default-page type + tighten form margins */ .mg-zine--light.mg-zine { padding-top: 2rem; padding-bottom: 4rem; } /* Home zine pins mail to column bottom with margin-top:auto; archive left col is mail-only — reset */ .mg-zine--light .mg-zine-left .mg-zine-mail { margin-top: 0; padding-top: 0; } /* Same type scale as home zine right-column lead (.mg-zine-lead--right); dark text on off-white */ .mg-zine--light .mg-zine-mail .mg-zine-lead { color: rgba(10, 10, 10, 0.85); } .mg-zine--light .mg-zine-mail .mg-zine-lead--right { margin-top: 0; margin-bottom: 1rem; } .mg-zine--light .mg-zine-right { color: var(--mg-black); font-family: var(--mg-font-body); font-size: 1.0625rem; line-height: 1.55; } .mg-zine--light .mg-zine-right p { margin: 0; } .mg-zine--light .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 { margin: 0; } .mg-home-contact-form .wpcf7 { margin: 0; } .mg-home-contact-form form.mg-cf7-form, .mg-home-contact-form .wpcf7-form { display: flex; flex-direction: column; gap: 1.25rem; } .mg-home-contact-form .wpcf7-form p { margin: 0; } .mg-home-contact-form label { font-family: var(--mg-font-ui); display: block; margin-bottom: 0.35rem; font-size: 0.72rem; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mg-yellow); } .mg-home-contact-form input[type='text'], .mg-home-contact-form input[type='email'], .mg-home-contact-form input[type='tel'], .mg-home-contact-form input[type='url'], .mg-home-contact-form input[type='number'], .mg-home-contact-form select, .mg-home-contact-form textarea { width: 100%; box-sizing: border-box; padding: 0.85rem 1rem; font-family: var(--mg-font-body); font-size: 1rem; line-height: 1.4; color: #fff; background: rgba(255, 255, 255, 0.06); border: 3px solid var(--mg-cyan); box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.35); transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease; } .mg-home-contact-form select { cursor: pointer; } .mg-home-contact-form textarea { min-height: 9rem; resize: vertical; } .mg-zine-mail .mg-home-contact-form textarea { min-height: 5rem; } .mg-home-contact-form input:focus, .mg-home-contact-form select:focus, .mg-home-contact-form textarea:focus { outline: none; border-color: var(--mg-pink); box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.45); } .mg-home-contact-form input.wpcf7-not-valid, .mg-home-contact-form textarea.wpcf7-not-valid, .mg-home-contact-form select.wpcf7-not-valid { border-color: var(--mg-orange); } .mg-home-contact-form .wpcf7-not-valid-tip { margin-top: 0.35rem; font-family: var(--mg-font-ui); font-size: 0.75rem; color: var(--mg-pink); } .mg-home-contact-form input[type='submit'], .mg-home-contact-form .wpcf7-submit { width: fit-content; margin-top: 0.25rem; padding: 1rem 2rem; font-family: var(--mg-font-ui); font-size: 0.95rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mg-black); background: var(--mg-yellow); border: 3px solid var(--mg-black); box-shadow: 6px 6px 0 var(--mg-black); cursor: pointer; transform: rotate(-1deg); transition: transform 0.15s ease, box-shadow 0.15s ease; } .mg-home-contact-form input[type='submit']:hover, .mg-home-contact-form .wpcf7-submit:hover { transform: rotate(-1deg) translateY(-2px); box-shadow: 8px 8px 0 var(--mg-black); } .mg-home-contact-form .wpcf7-spinner { margin-left: 0.75rem; } .mg-home-contact-form .wpcf7-response-output { margin: 1.25rem 0 0; padding: 0.85rem 1rem; font-family: var(--mg-font-ui); font-size: 0.875rem; line-height: 1.5; border: 2px solid var(--mg-cyan); color: rgba(255, 255, 255, 0.9); } .mg-home-contact-form .wpcf7-mail-sent-ok { border-color: var(--mg-yellow); color: var(--mg-yellow); } .mg-home-contact-form .wpcf7-validation-errors, .mg-home-contact-form .wpcf7-acceptance-missing { border-color: var(--mg-pink); } .mg-home-contact-form .wpcf7-list-item { margin: 0; font-family: var(--mg-font-body); font-size: 0.95rem; color: rgba(255, 255, 255, 0.85); } .mg-home-contact-form .wpcf7-list-item label { font-size: 0.85rem; font-weight: 500; letter-spacing: 0.04em; text-transform: none; color: rgba(255, 255, 255, 0.88); } @media (max-width: 767px) { .mg-zine-left .mg-zine-mail { margin-top: 1.75rem; padding-top: 0; } .mg-zine--light .mg-zine-left .mg-zine-mail { margin-top: 0; } .mg-zine-mail-lead { max-width: none; } .mg-home-contact-form input[type='submit'], .mg-home-contact-form .wpcf7-submit { width: 100%; text-align: center; } .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 input[type='submit'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 button[type='submit'], .mg-zine-mail .mg-home-sib-form #sib_signup_form_1 .sib-default-btn { width: 100%; text-align: center; } } /* ===== 8) PAGE SECTION: FOOTER ===== */ .mg-footer { padding: 4rem 0; /* py-16 */ border-top: 2px solid var(--mg-pink); } .mg-footer-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; /* gap-12 */ } @media (min-width: 768px) { .mg-footer-grid { grid-template-columns: repeat(3, 1fr); } } /* * Footer brand link: inline SVG uses currentColor — it follows computed `color` on the . * Global / plugin `a:visited` or `a { color: blue }` can override a lone `.mg-footer-brand` * rule and turn the mark + text blue on production. Pin all link pseudo-states. */ .mg-footer a.mg-footer-brand, .mg-footer a.mg-footer-brand:link, .mg-footer a.mg-footer-brand:visited, .mg-footer a.mg-footer-brand:hover, .mg-footer a.mg-footer-brand:focus-visible, .mg-footer a.mg-footer-brand:active { display: inline-flex; align-items: center; gap: 0.4rem; margin: 0; text-decoration: none; font-family: 'Bebas Neue', sans-serif; font-weight: 400; text-transform: uppercase; letter-spacing: 0.02em; line-height: 1; color: var(--mg-yellow); font-size: clamp(2.65rem, 5.25vw, 3.5rem); } /* Inline SVG uses currentColor → inherits .mg-footer-brand’s var(--mg-yellow). */ .mg-footer-brand-mark { display: block; flex-shrink: 0; height: 1em; width: auto; } .mg-footer-brand-text { font-size: 0.528em; line-height: 1; } .mg-footer-copy { margin: 0; color: rgba(255, 255, 255, 0.6); /* text-white/60 */ line-height: 1.625; /* leading-relaxed */ } .mg-footer-right { text-align: right; } .mg-footer-small { margin: 0; color: rgba(255, 255, 255, 0.4); /* text-white/40 */ font-size: 0.875rem; /* text-sm */ line-height: 1.5; } /* ===== 9) PAGE TEMPLATE: DEFAULT PAGE ===== */ .mg-page--default { background: var(--mg-offwhite); color: var(--mg-black); color-scheme: only light; } .mg-page-hero { padding-top: var(--mg-clear-page-hero-top); padding-bottom: 1rem; background: var(--mg-offwhite); color-scheme: only light; } .mg-page-hero .mg-events-title { color: var(--mg-black); margin-bottom: 0.6rem; font-size: clamp(3.5rem, 10vw, 7rem); } .mg-events-page-hero { /* padding-top: var(--mg-clear-page-hero-top); */ padding-bottom: 1rem; background: var(--mg-offwhite); color-scheme: only light; } .mg-events-page-hero .mg-events-title { color: var(--mg-black); margin-bottom: 0.6rem; font-size: clamp(3.5rem, 10vw, 7rem); } /* If the hero class is applied directly to the heading (same element), mirror the nested rule. */ .mg-events-title.mg-events-page-hero { margin-bottom: 0.6rem; font-size: clamp(3.5rem, 10vw, 7rem); } /* No-title template: when a video hero is followed by an H1, space it like a hero title. */ body.page-template-template-page-no-title-php .wp-block-video.is-style-mg-video-hero + h1.mg-events-title, body.page-template-template-page-no-title-php .wp-block-video.is-style-mg-video-hero + h1.wp-block-heading.mg-events-title { margin-top: 1.25rem; margin-bottom: 0.6rem; font-size: clamp(3.5rem, 10vw, 7rem); } /* No-title template: manual H1 should not have a background band. */ body.page-template-template-page-no-title-php h1.wp-block-heading.mg-events-title { background: transparent !important; padding: 0 !important; } /* Narrower desktop: a touch more clearance if nav / header stacks tighter */ @media (min-width: 768px) and (max-width: 1280px) { .mg-page-hero { padding-top: var(--mg-clear-page-hero-mid); } } /* Upper mobile widths: overlay header, no vh — fixed offset */ @media (min-width: 680px) and (max-width: 767px) { .mg-page-hero { padding-top: var(--mg-clear-page-hero-tablet); } } .mg-page-hero .mg-events-subtitle { color: rgba(10, 10, 10, 0.7); font-size: clamp(1rem, 2.4vw, 1.35rem); } .mg-page-hero--events-archive { padding-bottom: 1.75rem; } /* * template-page-no-title.php: main bar in flow; video flush under the gradient fade; social row * anchored to bottom of bar and painted over the video (z-index). Light page bg so header gradient * doesn’t read as solid black over body.mg-dark. */ body.page-template-template-page-no-title-php { background: var(--mg-offwhite); color: var(--mg-black); } body.page-template-template-page-no-title-php .mg-footer { background: var(--mg-dark); } body.page-template-template-page-no-title-php .mg-site-header { position: relative; width: 100%; z-index: 100; } body.page-template-template-page-no-title-php .mg-social-row { position: absolute; top: 100%; left: 0; right: 0; z-index: 101; } body.page-template-template-page-no-title-php main.mg-page { position: relative; z-index: 0; } body.page-template-template-page-no-title-php .mg-page--no-title .mg-page-body { padding-top: 0; } body.page-template-template-page-no-title-php .mg-page--margin-scribbles .mg-margin-scribbles { top: 0; } @media (min-width: 768px) and (max-width: 1280px) { body.page-template-template-page-no-title-php .mg-page--margin-scribbles .mg-margin-scribbles { top: 0; } } /* ----- core/video + style “Video hero band” (same top-level full bleed as Group section styles) ----- */ .mg-page-content .wp-block-video.is-style-mg-video-hero, .mg-prose .wp-block-video.is-style-mg-video-hero { position: relative; z-index: 0; width: 100%; margin-top: 0; margin-bottom: 0; } /* Nested in columns etc.: stay content-width */ .mg-page-content .wp-block-video.is-style-mg-video-hero video, .mg-prose .wp-block-video.is-style-mg-video-hero video { display: block; width: 100%; aspect-ratio: 16 / 9; max-height: min(85vh, 100vw * 9 / 16); min-height: clamp(12rem, 40vw, 28rem); object-fit: cover; object-position: center; } /* * Top-level block inside .mg-container (like Group ::before bands): breakout

, so :nth-of-type * on