* {margin: 0; padding: 0; line-height: 1.5;} a {color: inherit;text-decoration: none;} ul, ol {list-style-type: none;} *, :after, :before { box-sizing: border-box; border: 0 solid #e2e8f0; } .bg-primary {background-color: #000000;} .hover\:bg-primary:hover {background-color: #000000;} .hover\:border-primary:hover {border-color: #000000;} .hover\:text-primary:hover {color: #000000;} .bg-secondary {background-color: #ed1b1b;} .hover\:bg-secondary:hover {background-color: #ed1b1b;} .hover\:border-secondary:hover {border-color: #ed1b1b;} .hover\:text-secondary:hover {color: #ed1b1b;} .bg-black {background-color: #000000;} .hover\:bg-black:hover {background-color: #000000;} .hover\:border-black:hover {border-color: #000000;} .hover\:text-black:hover {color: #000000;} .bg-white {background-color: #FFFFFF;} .hover\:bg-white:hover {background-color: #FFFFFF;} .hover\:border-white:hover {border-color: #FFFFFF;} .hover\:text-white:hover {color: #FFFFFF;} .bg-tertiary {background-color: #ed1b1b;} .hover\:bg-tertiary:hover {background-color: #ed1b1b;} .hover\:border-tertiary:hover {border-color: #ed1b1b;} .hover\:text-tertiary:hover {color: #ed1b1b;} .bg-gold {background-color: #EFBF04;} .hover\:bg-gold:hover {background-color: #EFBF04;} .hover\:border-gold:hover {border-color: #EFBF04;} .hover\:text-gold:hover {color: #EFBF04;} .intro ul { list-style-type:square !important; margin-left:1rem !important; } .force-opacity { opacity:100 !important; margin:0 !important; } .stretch-content div { width:100% !important; text-align:left !important; } .column-stretch div { width:100% !important; } .no-pattern .pattern { display:none !important; } .slug-privacybeleid .block-text > div { width:100%; } input, textarea { font-size:1rem; } ul.multi { -moz-column-count: 2; -moz-column-gap: 2rem -webkit-column-count: 2; -webkit-column-gap: 2rem; column-count: 2; column-gap: 2rem; } .pointer-events-none { pointer-events:none !important; } .text-white a { color:inherit !important; } .newsletter-form button { margin-top: 1.25rem !important; } .slug-ruiters\/de-vree-erik .vimeo-holder { padding: 66.8% 0 0 0 !important; } .top-people .container { padding:0 !important; } .duration-500 { transition-duration:500ms; } .opacity-0 { opacity:0; } .-mt-10 { margin-top:-3rem; } .force-visible { display:block !important; } .to-much .tns-nav { display:none !important; } .sidebar * { box-shadow:none !important; text-align:center !important; justify-content:center !important; } .clean-container .block-text { box-shadow:none !important; } .clean-container .block-type-text { height:100%; display:flex; } .clean-container a.auto-link { text-decoration:none !important; color:inherit !important; } .sidebar .container , .sidebar .block-text { padding-top:0 !important; padding-bottom:0 !important; } .sidebar a:hover { background-color:white !important; color:black !important; } .sidebar .py-5 { padding-bottom: 0 !important; } .blok-type-block .block-embed .flex { width:100% !important; display:block !important; } .blok-type-block .block-embed .container { padding:0 !important; max-width:100% !important; } .px-0 { padding-left:0 !important; padding-right:0 !important; } .image-alt { display:none; } .intro { max-width:700px; margin-left: auto; margin-right: auto; font-size: 1.125rem; font-weight: 700; } .include-pattern { max-width:100% !important; padding:0 !important; } .text-background { position: relative; } .text-background:after { background-color: #000000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0.5; content:""; z-index:-1; } .tns-ovh { padding-bottom: 1.25rem; } .pattern { background-image:url("https://omg-s3-public.s3.eu-central-1.amazonaws.com/echo_files_prod/ganzerijders-zandvliet/patroon-678e9dce1d859.png?rnd=0.6165312882683449"); background-size:20px 20px; background-repeat:repeat-x; } .pattern.mirror { transform:scaleY(-1); } .text-shadow, .ib-caption { text-shadow: 1px 1px 2px #000; } .ib-caption { text-align:center !important; } .tns-outer .grid { display:inline-flex !important; } .tns-outer img { height:100% !important; } .tns-nav { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 1.25rem; } .tns-nav button { background-color: #000000; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; transition-property: all; border-radius: 9999px; width:1rem; height:1rem; min-width:1rem; margin-bottom:0.5rem; margin-left:0.5rem; margin-right:0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05); } .tns-nav button.tns-nav-active { background-color: #ed1b1b; } .teaser-image img:not(.original_proportions) { max-height: 200px !important; } .block-gallery div.slider .teaser-image img:not(.original_proportions) { max-height: 70vh !important; } .tiny-image img:not(.original_proportions) { height: 130px !important; } .block-form .container { padding-left:0 !important; padding-right: 0 !important; } .rotate-90 { transform: rotate(90deg); } .rotate-180 { transform: rotate(180deg); } .rotate-270 { transform: rotate(270deg); } body p { margin-bottom:0.5rem !important; &:last-child { margin-bottom:0 !important; } } button.button:hover { color:white !important; } p a, .block-text ul a, ol a, .breadcrumb a { color: #ed1b1b; text-decoration: underline; } a.logo img { max-width:100px; } .block-text ul { list-style-type:square; margin-left:1rem; } .block-text ul li { padding-bottom:0; } .slug-personen-gabrils-alfons .block-text { box-shadow:none !important; } .top-image img { max-width: 100% !important; min-height: 100% !important; } @media only screen and (max-width: 1024px) { .ellipsis { display: inline-block; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .top-image:before { content: ""; position: absolute; left: 0; top: 0; right: 0; opacity:0; bottom: 0; z-index: 1; background: linear-gradient(0deg, #000, transparent 35%, transparent); } .top-image .image-alt { display:block !important; } .top-region .container { max-width:100% !important; } .top-region *:not(.scroll-down):not(.-mt-10):not(.vimeo-holder) { margin:0 !important; padding:0 !important; } .top-region, .parallax { height: 100vh; } .vimeo-holder { padding: 73.25% 0 0 0 !important; } .top-region, .parallax { @media only screen and (max-width: 1024px) { height: 40vh !important; } } .top-region .flex:not(.scroll-down) { display:block !important; } .sub i.hidden { display:inline-block !important; } .sub a { padding-left:0 !important; } i.hidden { display:none; } .sub i, .breadcrumb i { font-size:0.75rem; } .video-big .block-embed iframe { width: 600px !important; height: 340px !important; max-width:90vw !important; } .block-embed iframe { height:60vh !important; max-width: 80vw !important; width:100% !important; } .image-holder img { height: 100%; overflow: hidden; } img { width: 100%; } img:not(.original_proportions) { -o-object-fit: cover; object-fit: cover; object-position:top; max-height: 70vh; } img.dummy { object-fit: contain !important; object-position: center !important; } .gallery-fit img { height: 100%; object-fit: cover; } body.slug-voorzitters .teaser-image img { max-height:none !important; height:300px !important; } body.slug-voorzitters .taxonomy-items { display:none !important; } @media only screen and (min-width: 1024px) { .teaser img { height:200px !important; } } .teaser-taxonomy .image-title { display:none !important; } .teaser-taxonomy .pattern, .teaser .pattern { display:none !important; } iframe { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 1000ms; transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } iframe:not(.with-autoplay) { opacity:100; } iframe.with-autoplay { opacity:0; } .video-controller.play { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 50; background-color: #000000; } .slug-muziek-met-unieke-liederen--fanfare .block-text { box-shadow:none !important; padding:0 !important; } .slug-muziek-met-unieke-liederen--fanfare .video-controller, .slug-familie-gabrils .video-controller { width:100% !important; display: flex; justify-content: center; } .block-embed .video-controller.play iframe { width:100% !important; max-width:100% !important; height: 100% !important; max-height:100% !important; } .video-controller.play .play { opacity:0; } .video-controller.play .close { opacity:100 !important; } .taxonomy-teaser .image-title { display:none !important; } .taxonomy-teaser img { height: 100% !important; } .parallax { position: relative; overflow: hidden; } .layer { position: absolute; top: 0; left: 0; height: 100%; background-size: cover; background-repeat: no-repeat; animation: moveLeft linear infinite; } .background { background-image: url('https://omg-s3-public.s3.eu-central-1.amazonaws.com/echo_files_prod/ganzerijders-zandvliet/background-fade-685ecbef95ab6.png?rnd=0.7126368609267929'); animation-duration: 200s; z-index: 1; width: 3280px; filter: blur(5px); background-position:left top; } .middle { background-image: url('https://omg-s3-public.s3.eu-central-1.amazonaws.com/echo_files_prod/ganzerijders-zandvliet/middle-fade-6858598eee90b.png?rnd=0.36831019050978875'); /* Replace with your middle layer image */ animation-duration: 200s; /* Moderate speed */ z-index: 2; width: 120%; /* Adjust based on the scale of your images */ filter: blur(2px); background-position:center bottom; } .parallax::before { content: ''; position: absolute; top: 0; left: 0%; width: 100%; z-index:3; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); pointer-events: none; /* Ensures the gradient doesn't interfere with interactions */ } .foreground { background-image: url('https://omg-s3-public.s3.eu-central-1.amazonaws.com/echo_files_prod/ganzerijders-zandvliet/foreground-twinkle-6858503412731.png?rnd=0.021767368014509292'); /* Replace with your foreground image */ animation-duration: 300s; /* Slowest speed */ background-position:center center; z-index: 4; width: 100%; /* Adjust based on the scale of your images */ animation: moveRight linear infinite; } @keyframes moveLeft { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes moveRight { from { transform: translateX(0); } to { transform: translateX(100%); } } * {font-family: Lato;} h1 {font-size: 2.2rem;} h2 {font-size: 2rem;} h3 {font-size: 1.8rem;} lg {font-size: 1.2rem;} body {font-size: 1.1rem;} .space-y-2 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0.5rem * var(--space-y-reverse));} .space-x-2 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(0.5rem * var(--space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse)));} .space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .bg-black {background-color: #000000;} .bg-white {background-color: #FFFFFF;} .border-opacity-25 {--border-opacity: 0.25;} .rounded-lg {border-radius: 0.5rem;} .rounded-full {border-radius: 9999px;} .border-2 {border-width: 2px;} .cursor-pointer {cursor: pointer;} .block {display: block;} .inline-block {display: inline-block;} .flex {display: flex;} .inline-flex {display: inline-flex;} .grid {display: grid;} .hidden {display: none;} .flex-row-reverse {flex-direction: row-reverse;} .flex-col {flex-direction: column;} .flex-col-reverse {flex-direction: column-reverse;} .flex-wrap {flex-wrap: wrap;} .items-end {align-items: flex-end;} .items-center {align-items: center;} .justify-end {justify-content: flex-end;} .justify-center {justify-content: center;} .justify-between {justify-content: space-between;} .flex-grow {flex-grow: 1;} .font-bold {font-weight: 700;} .h-5 {height: 1.25rem;} .h-10 {height: 2.5rem;} .h-16 {height: 4rem;} .h-full {height: 100%;} .text-xs {font-size: 0.75rem;} .text-base {font-size: 1rem;} .text-lg {font-size: 1.2rem;} .leading-none {line-height: 1;} .m-2 {margin: 0.5rem;} .m-5 {margin: 1.25rem;} .my-3 {margin-top: 0.75rem; margin-bottom: 0.75rem;} .my-5 {margin-top: 1.25rem; margin-bottom: 1.25rem;} .mx-5 {margin-left: 1.25rem; margin-right: 1.25rem;} .my-20 {margin-top: 5rem; margin-bottom: 5rem;} .mx-auto {margin-left: auto; margin-right: auto;} .-mx-5 {margin-left: -1.25rem; margin-right: -1.25rem;} .mb-0 {margin-bottom: 0;} .mr-2 {margin-right: 0.5rem;} .mb-2 {margin-bottom: 0.5rem;} .mt-3 {margin-top: 0.75rem;} .mb-3 {margin-bottom: 0.75rem;} .mt-5 {margin-top: 1.25rem;} .mr-5 {margin-right: 1.25rem;} .mb-5 {margin-bottom: 1.25rem;} .mt-10 {margin-top: 2.5rem;} .-mt-3 {margin-top: -0.75rem;} .-mr-3 {margin-right: -0.75rem;} .-mt-10 {margin-top: -2.5rem;} .-mb-10 {margin-bottom: -2.5rem;} .min-h-screen {min-height: 100vh;} .opacity-0 {opacity: 0;} .overflow-hidden {overflow: hidden;} .p-5 {padding: 1.25rem;} .py-1 {padding-top: 0.25rem; padding-bottom: 0.25rem;} .py-2 {padding-top: 0.5rem; padding-bottom: 0.5rem;} .px-2 {padding-left: 0.5rem; padding-right: 0.5rem;} .py-3 {padding-top: 0.75rem; padding-bottom: 0.75rem;} .px-3 {padding-left: 0.75rem; padding-right: 0.75rem;} .px-4 {padding-left: 1rem; padding-right: 1rem;} .py-5 {padding-top: 1.25rem; padding-bottom: 1.25rem;} .px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .pb-2 {padding-bottom: 0.5rem;} .pt-5 {padding-top: 1.25rem;} .pb-5 {padding-bottom: 1.25rem;} .fixed {position: fixed;} .absolute {position: absolute;} .relative {position: relative;} .sticky {position: -webkit-sticky; position: sticky;} .top-0 {top: 0;} .right-0 {right: 0;} .bottom-0 {bottom: 0;} .left-0 {left: 0;} .shadow-lg {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);} .text-left {text-align: left;} .text-center {text-align: center;} .text-black {color: #000000;} .text-white {color: #FFFFFF;} .uppercase {text-transform: uppercase;} .underline {text-decoration: underline;} .w-10 {width: 2.5rem;} .w-16 {width: 4rem;} .w-full {width: 100%;} .z-10 {z-index: 10;} .z-20 {z-index: 20;} .z-30 {z-index: 30;} .z-50 {z-index: 50;} .gap-2 {grid-gap: 0.5rem; gap: 0.5rem;} .gap-5 {grid-gap: 1.25rem; gap: 1.25rem;} .gap-10 {grid-gap: 2.5rem; gap: 2.5rem;} .grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));} .transition-all {transition-property: all;} .transition {transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;} .ease-in-out {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);} .duration-300 {transition-duration: 300ms;} .duration-500 {transition-duration: 500ms;} .bg-primary {background-color: #000000;} .text-primary {color: #000000;} .border-primary {border-color: #000000;} .bg-secondary {background-color: #ed1b1b;} .text-gold {color: #EFBF04;} .text-h1 {font-size: 2.2rem;} .text-body {font-size: 1.1rem;} .container {width:100%;} @media (min-width: 640px) { .sm\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .sm\:mx-0 {margin-left: 0; margin-right: 0;} .sm\:block {display: block;} .sm\:hidden {display: none;} .sm\:bg-secondary {background-color: #ed1b1b;} .sm\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .sm\:flex {display: flex;} .sm\:text-secondary {color: #ed1b1b;} .sm\:border-secondary {border-color: #ed1b1b;} .sm\:flex {display: flex;} .sm\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .sm\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .sm\:mb-0 {margin-bottom: 0;} .sm\:bg-tertiary {background-color: #ed1b1b;} .sm\:text-white {color: #FFFFFF;} .sm\:absolute {position: absolute;} .sm\:text-sm {font-size: 0.875rem;} .sm\:hidden {display: none;} .sm\:justify-start {justify-content: flex-start;} .sm\:text-left {text-align: left;} .sm\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .sm\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .sm\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .sm\:mb-0 {margin-bottom: 0;} .sm\:mb-5 {margin-bottom: 1.25rem;} .sm\:w-1\/3 {width: 33.333333%;} .sm\:w-2\/3 {width: 66.666667%;} .sm\:flex-row {flex-direction: row;} .sm\:w-1\/2 {width: 50%;} } @media (min-width: 768px) { .container {max-width: 640px;} .md\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .md\:mx-0 {margin-left: 0; margin-right: 0;} .md\:block {display: block;} .md\:hidden {display: none;} .md\:bg-secondary {background-color: #ed1b1b;} .md\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .md\:flex {display: flex;} .md\:text-secondary {color: #ed1b1b;} .md\:border-secondary {border-color: #ed1b1b;} .md\:flex {display: flex;} .md\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .md\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .md\:mb-0 {margin-bottom: 0;} .md\:bg-tertiary {background-color: #ed1b1b;} .md\:text-white {color: #FFFFFF;} .md\:absolute {position: absolute;} .md\:text-sm {font-size: 0.875rem;} .md\:hidden {display: none;} .md\:justify-start {justify-content: flex-start;} .md\:text-left {text-align: left;} .md\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .md\:mb-0 {margin-bottom: 0;} .md\:mb-5 {margin-bottom: 1.25rem;} .md\:w-1\/3 {width: 33.333333%;} .md\:w-2\/3 {width: 66.666667%;} .md\:flex-row {flex-direction: row;} .md\:w-1\/2 {width: 50%;} } @media (min-width: 1024px) { .container {max-width: 768px;} .lg\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .lg\:mx-0 {margin-left: 0; margin-right: 0;} .lg\:block {display: block;} .lg\:hidden {display: none;} .lg\:bg-secondary {background-color: #ed1b1b;} .lg\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .lg\:flex {display: flex;} .lg\:text-secondary {color: #ed1b1b;} .lg\:border-secondary {border-color: #ed1b1b;} .lg\:flex {display: flex;} .lg\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .lg\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .lg\:mb-0 {margin-bottom: 0;} .lg\:bg-tertiary {background-color: #ed1b1b;} .lg\:text-white {color: #FFFFFF;} .lg\:absolute {position: absolute;} .lg\:text-sm {font-size: 0.875rem;} .lg\:hidden {display: none;} .lg\:justify-start {justify-content: flex-start;} .lg\:text-left {text-align: left;} .lg\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .lg\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .lg\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .lg\:mb-0 {margin-bottom: 0;} .lg\:mb-5 {margin-bottom: 1.25rem;} .lg\:w-1\/3 {width: 33.333333%;} .lg\:w-2\/3 {width: 66.666667%;} .lg\:flex-row {flex-direction: row;} .lg\:w-1\/2 {width: 50%;} } @media (min-width: 1280px) { .container {max-width: 1024px;} .xl\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .xl\:mx-0 {margin-left: 0; margin-right: 0;} .xl\:block {display: block;} .xl\:hidden {display: none;} .xl\:bg-secondary {background-color: #ed1b1b;} .xl\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .xl\:flex {display: flex;} .xl\:text-secondary {color: #ed1b1b;} .xl\:border-secondary {border-color: #ed1b1b;} .xl\:flex {display: flex;} .xl\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .xl\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .xl\:mb-0 {margin-bottom: 0;} .xl\:bg-tertiary {background-color: #ed1b1b;} .xl\:text-white {color: #FFFFFF;} .xl\:absolute {position: absolute;} .xl\:text-sm {font-size: 0.875rem;} .xl\:hidden {display: none;} .xl\:justify-start {justify-content: flex-start;} .xl\:text-left {text-align: left;} .xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .xl\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .xl\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .xl\:mb-0 {margin-bottom: 0;} .xl\:mb-5 {margin-bottom: 1.25rem;} .xl\:w-1\/3 {width: 33.333333%;} .xl\:w-2\/3 {width: 66.666667%;} .xl\:flex-row {flex-direction: row;} .xl\:w-1\/2 {width: 50%;} } @media (min-width: 1536px) { .container {max-width: 1280px;} .2xl\:px-5 {padding-left: 1.25rem; padding-right: 1.25rem;} .2xl\:mx-0 {margin-left: 0; margin-right: 0;} .2xl\:block {display: block;} .2xl\:hidden {display: none;} .2xl\:bg-secondary {background-color: #ed1b1b;} .2xl\:py-10 {padding-top: 2.5rem; padding-bottom: 2.5rem;} .2xl\:flex {display: flex;} .2xl\:text-secondary {color: #ed1b1b;} .2xl\:border-secondary {border-color: #ed1b1b;} .2xl\:flex {display: flex;} .2xl\:space-x-5 > :not(template) ~ :not(template) {--space-x-reverse: 0; margin-right: calc(1.25rem * var(--space-x-reverse)); margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse)));} .2xl\:space-y-0 > :not(template) ~ :not(template) {--space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--space-y-reverse))); margin-bottom: calc(0px * var(--space-y-reverse));} .2xl\:mb-0 {margin-bottom: 0;} .2xl\:bg-tertiary {background-color: #ed1b1b;} .2xl\:text-white {color: #FFFFFF;} .2xl\:absolute {position: absolute;} .2xl\:text-sm {font-size: 0.875rem;} .2xl\:hidden {display: none;} .2xl\:justify-start {justify-content: flex-start;} .2xl\:text-left {text-align: left;} .2xl\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));} .2xl\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));} .2xl\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));} .2xl\:mb-0 {margin-bottom: 0;} .2xl\:mb-5 {margin-bottom: 1.25rem;} .2xl\:w-1\/3 {width: 33.333333%;} .2xl\:w-2\/3 {width: 66.666667%;} .2xl\:flex-row {flex-direction: row;} .2xl\:w-1\/2 {width: 50%;} }