@charset "UTF-8"; /*-------------------------------------------------------------- # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use "variables" --------------------------------------------------------------*/ /*------- Media Query Sizes. Add your own --------*/ /*------- Panel Becomes Absolute Query --------*/ /*------- Add your own breakpoints to the grid --------*/ /*-------------------------------------------------------------- Mixins --------------------------------------------------------------*/ /*------- Retina --------*/ /*------- Deep Shadow Mixin --------*/ /*------- Lighten and shade colors --------*/ /*------- Fluid Font Lock --------*/ /*------- Sort Map by values --------*/ /*------- Grid --------*/ /*-------------------------------------------------------------- # CSS Variables --------------------------------------------------------------*/ /*-------------------------------------------------------------- # CSS Variables. Change these to match your theme --------------------------------------------------------------*/ :root { --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --font-alt: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --line-height: 1.5; --font-pre: "Source Code Pro", monospace; --line-height-pre: 22px; --article-font-size: 1.7rem; --black: #191919; --dark-grey: #4c545d; --grey: #cacaca; --blue: #007eac; --light-blue: rgba(0, 185, 235, 0.73); --dark-blue: #007fb0; --body-bg: white; --main-text-color: var(--black); --subtle-text-color: var(--grey); --site-top: var(--dark-blue); --footer-bg: var(--dark-grey); --header-bg: var(--dark-grey); --highlight: var(--blue); --highlight-alpha: var(--light-blue); --highlight-darkened: var(--dark-blue); --overlay-color: rgba(0, 0, 0,0.65); } /*-------------------------------------------------------------- # Layout CSS Variables. Probably don't need to touch. --------------------------------------------------------------*/ :root { /*------- Menu Variables --------*/ --nav-move: 800px; --sidebar-move: 1000px; --media-sidebar: 1000px; --desktop-menu-alignment: center; /*------- Layout --------*/ --container: 1200px; --container-content: 70rem; --container-padding: 30px; --gutters: 15px; --gap: 30px; --grid-gap: 30px; --flex-gap: calc(var(--grid-gap) / 2); /*------- Panels --------*/ --panel-left-width: 300px; --panel-right-width: 350px; /*------- Z-index --------*/ --z-index-top: 99; --z-index-overlay: 95; --z-index-menu-button: 90; --z-index-menu: 80; --z-index-header: 75; --z-index-behind: -1; } /*-------------------------------------------------------------- # CSS Grids and Containers --------------------------------------------------------------*/ /* - Containers can be used anywhere for holding main content. - They have padding on both sides so on mobile the content wont hit the edges. - They have a max-width and are centered. They also have a width of 100% to work nicely inside flex items and grids. - It's best to keep containers surrounding content on their own div. Dont combine with grids and layouts in one div. */ /*------- Containers --------*/ .container { width: 100%; max-width: 1200px; max-width: var(--container); margin: auto; padding: 0 30px; padding: 0 var(--container-padding); } .container-left, .container-right { width: 100%; max-width: calc(1200px + ((100% - 1200px) / 2)); max-width: calc(var(--container) + ((100% - var(--container)) / 2)); margin: 0 auto 0 0; padding: 0 30px 0 0; padding: 0 var(--container-padding) 0 0; } .container-right { margin: 0 0 0 auto; padding: 0 0 0 30px; padding: 0 0 0 var(--container-padding); } .container-fluid { width: 100%; margin: auto; padding: 0 30px; padding: 0 var(--container-padding); } @media (min-width: 1200px) { .large-gap { grid-gap: 60px; } } /*------- Special Container Content For articles --------*/ /* - Container-Content is meant to hold an article's content after the header. - It's for actual words and makes sure the line is not too long - It cleverly allows for items inside to go full width and "break out" with alignwide and alignfull - The container itself has no max-width, instead its items within. - Any items inside with full-width or .alignfull will NOT have a max-width and will fill page - Dont surround container-content with a container or full items wont be full width! */ .container-content { padding: 0 30px; padding: 0 var(--container-padding); width: 100%; } .container-content > *:not(.alignwide):not(.alignfull):not(.full-width) { max-width: 70rem !important; max-width: var(--container-content) !important; margin-right: auto; margin-left: auto; } .container-content > .full-width, .container-content > .alignfull { width: auto; margin-left: calc(-1 * 30px); margin-left: calc(-1 * var(--container-padding)); margin-right: calc(-1 * 30px); margin-right: calc(-1 * var(--container-padding)); } .container-content > .alignwide { width: 100%; max-width: calc(1200px - (30px * 2)); max-width: calc(var(--container) - (var(--container-padding) * 2)); } /*------- Special exceptions for container contents padding --------*/ .container .container-content, .container-fluid .container-content, .container-left .container-content, .container-right .container-content { padding-left: 0; padding-right: 0; } .container .container-content > .alignwide, .container-fluid .container-content > .alignwide, .container-left .container-content > .alignwide, .container-right .container-content > .alignwide { width: 100%; max-width: calc(100% - (30px * 2)); max-width: calc(100% - (var(--container-padding) * 2)); } .container-right .container-content > .full-width, .container-right .container-content > .alignfull { margin-right: 0; } .container-left .container-content > .full-width, .container-left .container-content > .alignfull { margin-left: 0; } /*-------------------------------------------------------------- # WP Align Wide Matches the size of a .container --------------------------------------------------------------*/ .alignwide { margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # CARD GRIDS --------------------------------------------------------------*/ /*------- Grid Layouts --------*/ /* - Simple Responsive grid of equal sized items - Create your own responsive grid! - Add @include grid($min-size-of-items); - The default min size is 350 - Items grow if there is room to grow, or fall to next row fi there isnt. */ .card-grid { display: grid; --card-min: 250px; --card-max: 1fr; --card-type: auto-fit; grid-template-columns: repeat(var(--card-type), minmax(min(var(--card-min), 100%), var(--card-max))); grid-gap: 30px; grid-gap: var(--grid-gap); justify-content: center; } @media all and (-ms-high-contrast: none) { .card-grid { display: flex; flex-wrap: wrap; } .card-grid > * { flex-grow: 1; flex-shrink: 1; flex-basis: 0; min-width: calc(320px); margin: 15px; margin-top: 0; margin-bottom: 30px; } .card-grid.no-gutters { margin-left: 0; margin-right: 0; } .card-grid.no-gutters > * { margin: 0; } .conainer .card-grid, .container-fluid .card-grid, .container-content .card-grid { margin-left: calc(-1 * 30px); margin-left: calc(-1 * var(--gap)); margin-right: calc(-1 * 30px); margin-right: calc(-1 * var(--gap)); } .conainer .card-grid.no-gutters, .container-fluid .card-grid.no-gutters, .container-content .card-grid.no-gutters { margin-left: 0; margin-right: 0; } } .card-grid-fill { display: grid; --card-min: 250px; --card-max: 1fr; --card-type: auto-fill; grid-template-columns: repeat(var(--card-type), minmax(min(var(--card-min), 100%), var(--card-max))); grid-gap: 30px; grid-gap: var(--grid-gap); justify-content: center; } @media all and (-ms-high-contrast: none) { .card-grid-fill { display: flex; flex-wrap: wrap; } .card-grid-fill > * { flex-grow: 1; flex-shrink: 1; flex-basis: 0; min-width: calc(320px); margin: 15px; margin-top: 0; margin-bottom: 30px; } .card-grid-fill.no-gutters { margin-left: 0; margin-right: 0; } .card-grid-fill.no-gutters > * { margin: 0; } .conainer .card-grid-fill, .container-fluid .card-grid-fill, .container-content .card-grid-fill { margin-left: calc(-1 * 30px); margin-left: calc(-1 * var(--gap)); margin-right: calc(-1 * 30px); margin-right: calc(-1 * var(--gap)); } .conainer .card-grid-fill.no-gutters, .container-fluid .card-grid-fill.no-gutters, .container-content .card-grid-fill.no-gutters { margin-left: 0; margin-right: 0; } } .flex-card-grid { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -15px; margin-right: -15px; } .flex-card-grid > * { flex-grow: 1; flex-shrink: 1; flex-basis: calc(320px); margin: 0 15px 30px 15px; } .flex-card-grid.no-gutters { margin-left: 0; margin-right: 0; } .flex-card-grid.no-gutters > * { margin: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .flex-card-grid > * { flex-basis: auto; min-width: calc(320px); } } /*-------------------------------------------------------------- # 12 Column CSS Grids --------------------------------------------------------------*/ .no-gutters { grid-gap: 0; } .grid, #page .wp-block-gallery { display: grid; grid-template-columns: repeat(12, minmax(1px, 1fr)); grid-gap: min(30px, calc(100%/12)); grid-gap: min(var(--grid-gap), calc(100%/12)); } div .grid .span-1, div #page .wp-block-gallery .span-1, #page div .wp-block-gallery .span-1, .grid.span-all-1 > *, #page .span-all-1.wp-block-gallery > * { grid-column: span 1; } div .grid .span-2, div #page .wp-block-gallery .span-2, #page div .wp-block-gallery .span-2, .grid.span-all-2 > *, #page .span-all-2.wp-block-gallery > * { grid-column: span 2; } div .grid .span-3, div #page .wp-block-gallery .span-3, #page div .wp-block-gallery .span-3, .grid.span-all-3 > *, #page .span-all-3.wp-block-gallery > *, #page .wp-block-gallery.columns-4 > * { grid-column: span 3; } div .grid .span-4, div #page .wp-block-gallery .span-4, #page div .wp-block-gallery .span-4, .grid.span-all-4 > *, #page .span-all-4.wp-block-gallery > *, #page .wp-block-gallery.columns-3 > * { grid-column: span 4; } div .grid .span-5, div #page .wp-block-gallery .span-5, #page div .wp-block-gallery .span-5, .grid.span-all-5 > *, #page .span-all-5.wp-block-gallery > * { grid-column: span 5; } div .grid .span-6, div #page .wp-block-gallery .span-6, #page div .wp-block-gallery .span-6, .grid.span-all-6 > *, #page .span-all-6.wp-block-gallery > *, #page .wp-block-gallery.columns-2 > * { grid-column: span 6; } div .grid .span-7, div #page .wp-block-gallery .span-7, #page div .wp-block-gallery .span-7, .grid.span-all-7 > *, #page .span-all-7.wp-block-gallery > * { grid-column: span 7; } div .grid .span-8, div #page .wp-block-gallery .span-8, #page div .wp-block-gallery .span-8, .grid.span-all-8 > *, #page .span-all-8.wp-block-gallery > * { grid-column: span 8; } div .grid .span-9, div #page .wp-block-gallery .span-9, #page div .wp-block-gallery .span-9, .grid.span-all-9 > *, #page .span-all-9.wp-block-gallery > * { grid-column: span 9; } div .grid .span-10, div #page .wp-block-gallery .span-10, #page div .wp-block-gallery .span-10, .grid.span-all-10 > *, #page .span-all-10.wp-block-gallery > * { grid-column: span 10; } div .grid .span-11, div #page .wp-block-gallery .span-11, #page div .wp-block-gallery .span-11, .grid.span-all-11 > *, #page .span-all-11.wp-block-gallery > * { grid-column: span 11; } div .grid .span-12, div #page .wp-block-gallery .span-12, #page div .wp-block-gallery .span-12, .grid.span-all-12 > *, #page .span-all-12.wp-block-gallery > *, #page .wp-block-gallery.columns-1 > * { grid-column: span 12; } .span-full { grid-column: 1/-1; flex-basis: 100%; } /*------- Overriding spans at media sizes --------*/ @media (max-width: 1200px) { div .grid > .container-span-1, div #page .wp-block-gallery > .container-span-1, #page div .wp-block-gallery > .container-span-1, .grid.container-span-all-1 > *, #page .container-span-all-1.wp-block-gallery > * { grid-column: span 1; } div .grid > .container-span-2, div #page .wp-block-gallery > .container-span-2, #page div .wp-block-gallery > .container-span-2, .grid.container-span-all-2 > *, #page .container-span-all-2.wp-block-gallery > * { grid-column: span 2; } div .grid > .container-span-3, div #page .wp-block-gallery > .container-span-3, #page div .wp-block-gallery > .container-span-3, .grid.container-span-all-3 > *, #page .container-span-all-3.wp-block-gallery > * { grid-column: span 3; } div .grid > .container-span-4, div #page .wp-block-gallery > .container-span-4, #page div .wp-block-gallery > .container-span-4, .grid.container-span-all-4 > *, #page .container-span-all-4.wp-block-gallery > * { grid-column: span 4; } div .grid > .container-span-5, div #page .wp-block-gallery > .container-span-5, #page div .wp-block-gallery > .container-span-5, .grid.container-span-all-5 > *, #page .container-span-all-5.wp-block-gallery > * { grid-column: span 5; } div .grid > .container-span-6, div #page .wp-block-gallery > .container-span-6, #page div .wp-block-gallery > .container-span-6, .grid.container-span-all-6 > *, #page .container-span-all-6.wp-block-gallery > * { grid-column: span 6; } div .grid > .container-span-7, div #page .wp-block-gallery > .container-span-7, #page div .wp-block-gallery > .container-span-7, .grid.container-span-all-7 > *, #page .container-span-all-7.wp-block-gallery > * { grid-column: span 7; } div .grid > .container-span-8, div #page .wp-block-gallery > .container-span-8, #page div .wp-block-gallery > .container-span-8, .grid.container-span-all-8 > *, #page .container-span-all-8.wp-block-gallery > * { grid-column: span 8; } div .grid > .container-span-9, div #page .wp-block-gallery > .container-span-9, #page div .wp-block-gallery > .container-span-9, .grid.container-span-all-9 > *, #page .container-span-all-9.wp-block-gallery > * { grid-column: span 9; } div .grid > .container-span-10, div #page .wp-block-gallery > .container-span-10, #page div .wp-block-gallery > .container-span-10, .grid.container-span-all-10 > *, #page .container-span-all-10.wp-block-gallery > * { grid-column: span 10; } div .grid > .container-span-11, div #page .wp-block-gallery > .container-span-11, #page div .wp-block-gallery > .container-span-11, .grid.container-span-all-11 > *, #page .container-span-all-11.wp-block-gallery > * { grid-column: span 11; } div .grid > .container-span-12, div #page .wp-block-gallery > .container-span-12, #page div .wp-block-gallery > .container-span-12, .grid.container-span-all-12 > *, #page .container-span-all-12.wp-block-gallery > * { grid-column: span 12; } } @media (max-width: 1030px) { div .grid > .large-span-1, div #page .wp-block-gallery > .large-span-1, #page div .wp-block-gallery > .large-span-1, .grid.large-span-all-1 > *, #page .large-span-all-1.wp-block-gallery > * { grid-column: span 1; } div .grid > .large-span-2, div #page .wp-block-gallery > .large-span-2, #page div .wp-block-gallery > .large-span-2, .grid.large-span-all-2 > *, #page .large-span-all-2.wp-block-gallery > * { grid-column: span 2; } div .grid > .large-span-3, div #page .wp-block-gallery > .large-span-3, #page div .wp-block-gallery > .large-span-3, .grid.large-span-all-3 > *, #page .large-span-all-3.wp-block-gallery > * { grid-column: span 3; } div .grid > .large-span-4, div #page .wp-block-gallery > .large-span-4, #page div .wp-block-gallery > .large-span-4, .grid.large-span-all-4 > *, #page .large-span-all-4.wp-block-gallery > * { grid-column: span 4; } div .grid > .large-span-5, div #page .wp-block-gallery > .large-span-5, #page div .wp-block-gallery > .large-span-5, .grid.large-span-all-5 > *, #page .large-span-all-5.wp-block-gallery > * { grid-column: span 5; } div .grid > .large-span-6, div #page .wp-block-gallery > .large-span-6, #page div .wp-block-gallery > .large-span-6, .grid.large-span-all-6 > *, #page .large-span-all-6.wp-block-gallery > * { grid-column: span 6; } div .grid > .large-span-7, div #page .wp-block-gallery > .large-span-7, #page div .wp-block-gallery > .large-span-7, .grid.large-span-all-7 > *, #page .large-span-all-7.wp-block-gallery > * { grid-column: span 7; } div .grid > .large-span-8, div #page .wp-block-gallery > .large-span-8, #page div .wp-block-gallery > .large-span-8, .grid.large-span-all-8 > *, #page .large-span-all-8.wp-block-gallery > * { grid-column: span 8; } div .grid > .large-span-9, div #page .wp-block-gallery > .large-span-9, #page div .wp-block-gallery > .large-span-9, .grid.large-span-all-9 > *, #page .large-span-all-9.wp-block-gallery > * { grid-column: span 9; } div .grid > .large-span-10, div #page .wp-block-gallery > .large-span-10, #page div .wp-block-gallery > .large-span-10, .grid.large-span-all-10 > *, #page .large-span-all-10.wp-block-gallery > * { grid-column: span 10; } div .grid > .large-span-11, div #page .wp-block-gallery > .large-span-11, #page div .wp-block-gallery > .large-span-11, .grid.large-span-all-11 > *, #page .large-span-all-11.wp-block-gallery > * { grid-column: span 11; } div .grid > .large-span-12, div #page .wp-block-gallery > .large-span-12, #page div .wp-block-gallery > .large-span-12, .grid.large-span-all-12 > *, #page .large-span-all-12.wp-block-gallery > * { grid-column: span 12; } } @media (max-width: 768px) { div .grid > .medium-span-1, div #page .wp-block-gallery > .medium-span-1, #page div .wp-block-gallery > .medium-span-1, .grid.medium-span-all-1 > *, #page .medium-span-all-1.wp-block-gallery > * { grid-column: span 1; } div .grid > .medium-span-2, div #page .wp-block-gallery > .medium-span-2, #page div .wp-block-gallery > .medium-span-2, .grid.medium-span-all-2 > *, #page .medium-span-all-2.wp-block-gallery > * { grid-column: span 2; } div .grid > .medium-span-3, div #page .wp-block-gallery > .medium-span-3, #page div .wp-block-gallery > .medium-span-3, .grid.medium-span-all-3 > *, #page .medium-span-all-3.wp-block-gallery > * { grid-column: span 3; } div .grid > .medium-span-4, div #page .wp-block-gallery > .medium-span-4, #page div .wp-block-gallery > .medium-span-4, .grid.medium-span-all-4 > *, #page .medium-span-all-4.wp-block-gallery > * { grid-column: span 4; } div .grid > .medium-span-5, div #page .wp-block-gallery > .medium-span-5, #page div .wp-block-gallery > .medium-span-5, .grid.medium-span-all-5 > *, #page .medium-span-all-5.wp-block-gallery > * { grid-column: span 5; } div .grid > .medium-span-6, div #page .wp-block-gallery > .medium-span-6, #page div .wp-block-gallery > .medium-span-6, .grid.medium-span-all-6 > *, #page .medium-span-all-6.wp-block-gallery > * { grid-column: span 6; } div .grid > .medium-span-7, div #page .wp-block-gallery > .medium-span-7, #page div .wp-block-gallery > .medium-span-7, .grid.medium-span-all-7 > *, #page .medium-span-all-7.wp-block-gallery > * { grid-column: span 7; } div .grid > .medium-span-8, div #page .wp-block-gallery > .medium-span-8, #page div .wp-block-gallery > .medium-span-8, .grid.medium-span-all-8 > *, #page .medium-span-all-8.wp-block-gallery > * { grid-column: span 8; } div .grid > .medium-span-9, div #page .wp-block-gallery > .medium-span-9, #page div .wp-block-gallery > .medium-span-9, .grid.medium-span-all-9 > *, #page .medium-span-all-9.wp-block-gallery > * { grid-column: span 9; } div .grid > .medium-span-10, div #page .wp-block-gallery > .medium-span-10, #page div .wp-block-gallery > .medium-span-10, .grid.medium-span-all-10 > *, #page .medium-span-all-10.wp-block-gallery > * { grid-column: span 10; } div .grid > .medium-span-11, div #page .wp-block-gallery > .medium-span-11, #page div .wp-block-gallery > .medium-span-11, .grid.medium-span-all-11 > *, #page .medium-span-all-11.wp-block-gallery > * { grid-column: span 11; } div .grid > .medium-span-12, div #page .wp-block-gallery > .medium-span-12, #page div .wp-block-gallery > .medium-span-12, .grid.medium-span-all-12 > *, #page .medium-span-all-12.wp-block-gallery > * { grid-column: span 12; } } @media (max-width: 576px) { div.site .grid > *, div.site #page .wp-block-gallery > *, #page div.site .wp-block-gallery > * { grid-column: 1/-1; } div .grid > .small-span-1, div #page .wp-block-gallery > .small-span-1, #page div .wp-block-gallery > .small-span-1, div .grid.small-span-all-1 > *, div #page .small-span-all-1.wp-block-gallery > *, #page div .small-span-all-1.wp-block-gallery > * { grid-column: span 1; } div .grid > .small-span-2, div #page .wp-block-gallery > .small-span-2, #page div .wp-block-gallery > .small-span-2, div .grid.small-span-all-2 > *, div #page .small-span-all-2.wp-block-gallery > *, #page div .small-span-all-2.wp-block-gallery > * { grid-column: span 2; } div .grid > .small-span-3, div #page .wp-block-gallery > .small-span-3, #page div .wp-block-gallery > .small-span-3, div .grid.small-span-all-3 > *, div #page .small-span-all-3.wp-block-gallery > *, #page div .small-span-all-3.wp-block-gallery > * { grid-column: span 3; } div .grid > .small-span-4, div #page .wp-block-gallery > .small-span-4, #page div .wp-block-gallery > .small-span-4, div .grid.small-span-all-4 > *, div #page .small-span-all-4.wp-block-gallery > *, #page div .small-span-all-4.wp-block-gallery > * { grid-column: span 4; } div .grid > .small-span-5, div #page .wp-block-gallery > .small-span-5, #page div .wp-block-gallery > .small-span-5, div .grid.small-span-all-5 > *, div #page .small-span-all-5.wp-block-gallery > *, #page div .small-span-all-5.wp-block-gallery > * { grid-column: span 5; } div .grid > .small-span-6, div #page .wp-block-gallery > .small-span-6, #page div .wp-block-gallery > .small-span-6, div .grid.small-span-all-6 > *, div #page .small-span-all-6.wp-block-gallery > *, #page div .small-span-all-6.wp-block-gallery > * { grid-column: span 6; } div .grid > .small-span-7, div #page .wp-block-gallery > .small-span-7, #page div .wp-block-gallery > .small-span-7, div .grid.small-span-all-7 > *, div #page .small-span-all-7.wp-block-gallery > *, #page div .small-span-all-7.wp-block-gallery > * { grid-column: span 7; } div .grid > .small-span-8, div #page .wp-block-gallery > .small-span-8, #page div .wp-block-gallery > .small-span-8, div .grid.small-span-all-8 > *, div #page .small-span-all-8.wp-block-gallery > *, #page div .small-span-all-8.wp-block-gallery > * { grid-column: span 8; } div .grid > .small-span-9, div #page .wp-block-gallery > .small-span-9, #page div .wp-block-gallery > .small-span-9, div .grid.small-span-all-9 > *, div #page .small-span-all-9.wp-block-gallery > *, #page div .small-span-all-9.wp-block-gallery > * { grid-column: span 9; } div .grid > .small-span-10, div #page .wp-block-gallery > .small-span-10, #page div .wp-block-gallery > .small-span-10, div .grid.small-span-all-10 > *, div #page .small-span-all-10.wp-block-gallery > *, #page div .small-span-all-10.wp-block-gallery > * { grid-column: span 10; } div .grid > .small-span-11, div #page .wp-block-gallery > .small-span-11, #page div .wp-block-gallery > .small-span-11, div .grid.small-span-all-11 > *, div #page .small-span-all-11.wp-block-gallery > *, #page div .small-span-all-11.wp-block-gallery > * { grid-column: span 11; } div .grid > .small-span-12, div #page .wp-block-gallery > .small-span-12, #page div .wp-block-gallery > .small-span-12, div .grid.small-span-all-12 > *, div #page .small-span-all-12.wp-block-gallery > *, #page div .small-span-all-12.wp-block-gallery > * { grid-column: span 12; } } /*-------------------------------------------------------------- # Flexbox grids. 99% same as css grid --------------------------------------------------------------*/ .container.flex:not(.no-gutters), .container.wp-block-file:not(.no-gutters), .container-fluid.flex:not(.no-gutters), .container-fluid.wp-block-file:not(.no-gutters), .container-content.flex:not(.no-gutters), .container-content.wp-block-file:not(.no-gutters) { padding: 0 calc(30px / 2); padding: 0 calc(var(--container-padding) / 2); margin: auto; } .container.flex.no-gutters, .container.no-gutters.wp-block-file, .container-fluid.flex.no-gutters, .container-fluid.no-gutters.wp-block-file, .container-content.flex.no-gutters, .container-content.no-gutters.wp-block-file { margin: auto; } .container-left.flex:not(.no-gutters), .container-left.wp-block-file:not(.no-gutters) { padding-right: calc(30px / 2); padding-right: calc(var(--container-padding) / 2); margin: 0 auto 0 0; } .container-left.flex.no-gutters, .container-left.no-gutters.wp-block-file { margin: 0 auto 0 0; } .container-right.flex:not(.no-gutters), .container-right.wp-block-file:not(.no-gutters) { padding-left: calc(30px / 2); padding-left: calc(var(--container-padding) / 2); margin: 0 0 0 auto; } .container-right.flex.no-gutters, .container-right.no-gutters.wp-block-file { margin: 0 0 0 auto; } /*-------------------------------------------------------------- # Flex grid --------------------------------------------------------------*/ .flex, .wp-block-file, .flex-grid { display: flex; margin-left: calc(-1 * calc(30px / 2)); margin-left: calc(-1 * var(--flex-gap)); margin-right: calc(-1 * calc(30px / 2)); margin-right: calc(-1 * var(--flex-gap)); } .flex > *, .wp-block-file > *, .flex-grid > * { margin-right: calc(30px / 2); margin-right: var(--flex-gap); margin-left: calc(30px / 2); margin-left: var(--flex-gap); flex: 1; } .flex > .no-gutters, .wp-block-file > .no-gutters, .flex-grid > .no-gutters { margin-left: 0; margin-right: 0; } div .flex .span-1, div .wp-block-file .span-1, .flex.span-all-1 > *, .span-all-1.wp-block-file > *, div .flex-grid .span-1, .flex-grid.span-all-1 > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .flex > .span-1, div .wp-block-file > .span-1, div .flex-grid > .span-1 { flex-grow: 0; flex-shrink: 0; } div .flex .span-2, div .wp-block-file .span-2, .flex.span-all-2 > *, .span-all-2.wp-block-file > *, div .flex-grid .span-2, .flex-grid.span-all-2 > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .flex > .span-2, div .wp-block-file > .span-2, div .flex-grid > .span-2 { flex-grow: 0; flex-shrink: 0; } div .flex .span-3, div .wp-block-file .span-3, .flex.span-all-3 > *, .span-all-3.wp-block-file > *, #page .flex.wp-block-gallery.columns-4 > *, #page .wp-block-file.wp-block-gallery.columns-4 > *, div .flex-grid .span-3, .flex-grid.span-all-3 > *, #page .flex-grid.wp-block-gallery.columns-4 > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .flex > .span-3, div .wp-block-file > .span-3, div .flex-grid > .span-3 { flex-grow: 0; flex-shrink: 0; } div .flex .span-4, div .wp-block-file .span-4, .flex.span-all-4 > *, .span-all-4.wp-block-file > *, #page .flex.wp-block-gallery.columns-3 > *, #page .wp-block-file.wp-block-gallery.columns-3 > *, div .flex-grid .span-4, .flex-grid.span-all-4 > *, #page .flex-grid.wp-block-gallery.columns-3 > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .flex > .span-4, div .wp-block-file > .span-4, div .flex-grid > .span-4 { flex-grow: 0; flex-shrink: 0; } div .flex .span-5, div .wp-block-file .span-5, .flex.span-all-5 > *, .span-all-5.wp-block-file > *, div .flex-grid .span-5, .flex-grid.span-all-5 > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .flex > .span-5, div .wp-block-file > .span-5, div .flex-grid > .span-5 { flex-grow: 0; flex-shrink: 0; } div .flex .span-6, div .wp-block-file .span-6, .flex.span-all-6 > *, .span-all-6.wp-block-file > *, #page .flex.wp-block-gallery.columns-2 > *, #page .wp-block-file.wp-block-gallery.columns-2 > *, div .flex-grid .span-6, .flex-grid.span-all-6 > *, #page .flex-grid.wp-block-gallery.columns-2 > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .flex > .span-6, div .wp-block-file > .span-6, div .flex-grid > .span-6 { flex-grow: 0; flex-shrink: 0; } div .flex .span-7, div .wp-block-file .span-7, .flex.span-all-7 > *, .span-all-7.wp-block-file > *, div .flex-grid .span-7, .flex-grid.span-all-7 > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .flex > .span-7, div .wp-block-file > .span-7, div .flex-grid > .span-7 { flex-grow: 0; flex-shrink: 0; } div .flex .span-8, div .wp-block-file .span-8, .flex.span-all-8 > *, .span-all-8.wp-block-file > *, div .flex-grid .span-8, .flex-grid.span-all-8 > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .flex > .span-8, div .wp-block-file > .span-8, div .flex-grid > .span-8 { flex-grow: 0; flex-shrink: 0; } div .flex .span-9, div .wp-block-file .span-9, .flex.span-all-9 > *, .span-all-9.wp-block-file > *, div .flex-grid .span-9, .flex-grid.span-all-9 > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .flex > .span-9, div .wp-block-file > .span-9, div .flex-grid > .span-9 { flex-grow: 0; flex-shrink: 0; } div .flex .span-10, div .wp-block-file .span-10, .flex.span-all-10 > *, .span-all-10.wp-block-file > *, div .flex-grid .span-10, .flex-grid.span-all-10 > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .flex > .span-10, div .wp-block-file > .span-10, div .flex-grid > .span-10 { flex-grow: 0; flex-shrink: 0; } div .flex .span-11, div .wp-block-file .span-11, .flex.span-all-11 > *, .span-all-11.wp-block-file > *, div .flex-grid .span-11, .flex-grid.span-all-11 > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .flex > .span-11, div .wp-block-file > .span-11, div .flex-grid > .span-11 { flex-grow: 0; flex-shrink: 0; } div .flex .span-12, div .wp-block-file .span-12, .flex.span-all-12 > *, .span-all-12.wp-block-file > *, #page .flex.wp-block-gallery.columns-1 > *, #page .wp-block-file.wp-block-gallery.columns-1 > *, div .flex-grid .span-12, .flex-grid.span-all-12 > *, #page .flex-grid.wp-block-gallery.columns-1 > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .flex > .span-12, div .wp-block-file > .span-12, div .flex-grid > .span-12 { flex-grow: 0; flex-shrink: 0; } .flex.no-gutters, .no-gutters.wp-block-file, .flex-grid.no-gutters { margin-left: 0; margin-right: 0; } .flex.no-gutters > *, .no-gutters.wp-block-file > *, .flex-grid.no-gutters > * { margin: 0; --grid-gap: 0px; } .flex-grid { flex-wrap: wrap; } .flex-grid > * { margin-bottom: 30px; margin-bottom: var(--grid-gap); } #page .no-wrap { flex-wrap: nowrap; } /*------- Span sizes for flexbox grids --------*/ @media (max-width: 1200px) { div .flex-grid > .container-span-1, .flex-grid.container-span-all-1 > *, div .flex > .container-span-1, div .wp-block-file > .container-span-1, .flex.container-span-all-1 > *, .container-span-all-1.wp-block-file > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .flex-grid > .container-span-1, div .flex > .container-span-1, div .wp-block-file > .container-span-1 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-2, .flex-grid.container-span-all-2 > *, div .flex > .container-span-2, div .wp-block-file > .container-span-2, .flex.container-span-all-2 > *, .container-span-all-2.wp-block-file > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .flex-grid > .container-span-2, div .flex > .container-span-2, div .wp-block-file > .container-span-2 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-3, .flex-grid.container-span-all-3 > *, div .flex > .container-span-3, div .wp-block-file > .container-span-3, .flex.container-span-all-3 > *, .container-span-all-3.wp-block-file > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .flex-grid > .container-span-3, div .flex > .container-span-3, div .wp-block-file > .container-span-3 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-4, .flex-grid.container-span-all-4 > *, div .flex > .container-span-4, div .wp-block-file > .container-span-4, .flex.container-span-all-4 > *, .container-span-all-4.wp-block-file > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .flex-grid > .container-span-4, div .flex > .container-span-4, div .wp-block-file > .container-span-4 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-5, .flex-grid.container-span-all-5 > *, div .flex > .container-span-5, div .wp-block-file > .container-span-5, .flex.container-span-all-5 > *, .container-span-all-5.wp-block-file > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .flex-grid > .container-span-5, div .flex > .container-span-5, div .wp-block-file > .container-span-5 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-6, .flex-grid.container-span-all-6 > *, div .flex > .container-span-6, div .wp-block-file > .container-span-6, .flex.container-span-all-6 > *, .container-span-all-6.wp-block-file > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .flex-grid > .container-span-6, div .flex > .container-span-6, div .wp-block-file > .container-span-6 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-7, .flex-grid.container-span-all-7 > *, div .flex > .container-span-7, div .wp-block-file > .container-span-7, .flex.container-span-all-7 > *, .container-span-all-7.wp-block-file > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .flex-grid > .container-span-7, div .flex > .container-span-7, div .wp-block-file > .container-span-7 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-8, .flex-grid.container-span-all-8 > *, div .flex > .container-span-8, div .wp-block-file > .container-span-8, .flex.container-span-all-8 > *, .container-span-all-8.wp-block-file > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .flex-grid > .container-span-8, div .flex > .container-span-8, div .wp-block-file > .container-span-8 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-9, .flex-grid.container-span-all-9 > *, div .flex > .container-span-9, div .wp-block-file > .container-span-9, .flex.container-span-all-9 > *, .container-span-all-9.wp-block-file > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .flex-grid > .container-span-9, div .flex > .container-span-9, div .wp-block-file > .container-span-9 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-10, .flex-grid.container-span-all-10 > *, div .flex > .container-span-10, div .wp-block-file > .container-span-10, .flex.container-span-all-10 > *, .container-span-all-10.wp-block-file > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .flex-grid > .container-span-10, div .flex > .container-span-10, div .wp-block-file > .container-span-10 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-11, .flex-grid.container-span-all-11 > *, div .flex > .container-span-11, div .wp-block-file > .container-span-11, .flex.container-span-all-11 > *, .container-span-all-11.wp-block-file > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .flex-grid > .container-span-11, div .flex > .container-span-11, div .wp-block-file > .container-span-11 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .container-span-12, .flex-grid.container-span-all-12 > *, div .flex > .container-span-12, div .wp-block-file > .container-span-12, .flex.container-span-all-12 > *, .container-span-all-12.wp-block-file > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .flex-grid > .container-span-12, div .flex > .container-span-12, div .wp-block-file > .container-span-12 { flex-grow: 0; flex-shrink: 0; } } @media (max-width: 1030px) { div .flex-grid > .large-span-1, .flex-grid.large-span-all-1 > *, div .flex > .large-span-1, div .wp-block-file > .large-span-1, .flex.large-span-all-1 > *, .large-span-all-1.wp-block-file > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .flex-grid > .large-span-1, div .flex > .large-span-1, div .wp-block-file > .large-span-1 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-2, .flex-grid.large-span-all-2 > *, div .flex > .large-span-2, div .wp-block-file > .large-span-2, .flex.large-span-all-2 > *, .large-span-all-2.wp-block-file > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .flex-grid > .large-span-2, div .flex > .large-span-2, div .wp-block-file > .large-span-2 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-3, .flex-grid.large-span-all-3 > *, div .flex > .large-span-3, div .wp-block-file > .large-span-3, .flex.large-span-all-3 > *, .large-span-all-3.wp-block-file > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .flex-grid > .large-span-3, div .flex > .large-span-3, div .wp-block-file > .large-span-3 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-4, .flex-grid.large-span-all-4 > *, div .flex > .large-span-4, div .wp-block-file > .large-span-4, .flex.large-span-all-4 > *, .large-span-all-4.wp-block-file > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .flex-grid > .large-span-4, div .flex > .large-span-4, div .wp-block-file > .large-span-4 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-5, .flex-grid.large-span-all-5 > *, div .flex > .large-span-5, div .wp-block-file > .large-span-5, .flex.large-span-all-5 > *, .large-span-all-5.wp-block-file > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .flex-grid > .large-span-5, div .flex > .large-span-5, div .wp-block-file > .large-span-5 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-6, .flex-grid.large-span-all-6 > *, div .flex > .large-span-6, div .wp-block-file > .large-span-6, .flex.large-span-all-6 > *, .large-span-all-6.wp-block-file > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .flex-grid > .large-span-6, div .flex > .large-span-6, div .wp-block-file > .large-span-6 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-7, .flex-grid.large-span-all-7 > *, div .flex > .large-span-7, div .wp-block-file > .large-span-7, .flex.large-span-all-7 > *, .large-span-all-7.wp-block-file > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .flex-grid > .large-span-7, div .flex > .large-span-7, div .wp-block-file > .large-span-7 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-8, .flex-grid.large-span-all-8 > *, div .flex > .large-span-8, div .wp-block-file > .large-span-8, .flex.large-span-all-8 > *, .large-span-all-8.wp-block-file > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .flex-grid > .large-span-8, div .flex > .large-span-8, div .wp-block-file > .large-span-8 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-9, .flex-grid.large-span-all-9 > *, div .flex > .large-span-9, div .wp-block-file > .large-span-9, .flex.large-span-all-9 > *, .large-span-all-9.wp-block-file > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .flex-grid > .large-span-9, div .flex > .large-span-9, div .wp-block-file > .large-span-9 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-10, .flex-grid.large-span-all-10 > *, div .flex > .large-span-10, div .wp-block-file > .large-span-10, .flex.large-span-all-10 > *, .large-span-all-10.wp-block-file > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .flex-grid > .large-span-10, div .flex > .large-span-10, div .wp-block-file > .large-span-10 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-11, .flex-grid.large-span-all-11 > *, div .flex > .large-span-11, div .wp-block-file > .large-span-11, .flex.large-span-all-11 > *, .large-span-all-11.wp-block-file > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .flex-grid > .large-span-11, div .flex > .large-span-11, div .wp-block-file > .large-span-11 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .large-span-12, .flex-grid.large-span-all-12 > *, div .flex > .large-span-12, div .wp-block-file > .large-span-12, .flex.large-span-all-12 > *, .large-span-all-12.wp-block-file > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .flex-grid > .large-span-12, div .flex > .large-span-12, div .wp-block-file > .large-span-12 { flex-grow: 0; flex-shrink: 0; } } @media (max-width: 768px) { div .flex-grid > .medium-span-1, .flex-grid.medium-span-all-1 > *, div .flex > .medium-span-1, div .wp-block-file > .medium-span-1, .flex.medium-span-all-1 > *, .medium-span-all-1.wp-block-file > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .flex-grid > .medium-span-1, div .flex > .medium-span-1, div .wp-block-file > .medium-span-1 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-2, .flex-grid.medium-span-all-2 > *, div .flex > .medium-span-2, div .wp-block-file > .medium-span-2, .flex.medium-span-all-2 > *, .medium-span-all-2.wp-block-file > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .flex-grid > .medium-span-2, div .flex > .medium-span-2, div .wp-block-file > .medium-span-2 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-3, .flex-grid.medium-span-all-3 > *, div .flex > .medium-span-3, div .wp-block-file > .medium-span-3, .flex.medium-span-all-3 > *, .medium-span-all-3.wp-block-file > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .flex-grid > .medium-span-3, div .flex > .medium-span-3, div .wp-block-file > .medium-span-3 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-4, .flex-grid.medium-span-all-4 > *, div .flex > .medium-span-4, div .wp-block-file > .medium-span-4, .flex.medium-span-all-4 > *, .medium-span-all-4.wp-block-file > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .flex-grid > .medium-span-4, div .flex > .medium-span-4, div .wp-block-file > .medium-span-4 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-5, .flex-grid.medium-span-all-5 > *, div .flex > .medium-span-5, div .wp-block-file > .medium-span-5, .flex.medium-span-all-5 > *, .medium-span-all-5.wp-block-file > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .flex-grid > .medium-span-5, div .flex > .medium-span-5, div .wp-block-file > .medium-span-5 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-6, .flex-grid.medium-span-all-6 > *, div .flex > .medium-span-6, div .wp-block-file > .medium-span-6, .flex.medium-span-all-6 > *, .medium-span-all-6.wp-block-file > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .flex-grid > .medium-span-6, div .flex > .medium-span-6, div .wp-block-file > .medium-span-6 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-7, .flex-grid.medium-span-all-7 > *, div .flex > .medium-span-7, div .wp-block-file > .medium-span-7, .flex.medium-span-all-7 > *, .medium-span-all-7.wp-block-file > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .flex-grid > .medium-span-7, div .flex > .medium-span-7, div .wp-block-file > .medium-span-7 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-8, .flex-grid.medium-span-all-8 > *, div .flex > .medium-span-8, div .wp-block-file > .medium-span-8, .flex.medium-span-all-8 > *, .medium-span-all-8.wp-block-file > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .flex-grid > .medium-span-8, div .flex > .medium-span-8, div .wp-block-file > .medium-span-8 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-9, .flex-grid.medium-span-all-9 > *, div .flex > .medium-span-9, div .wp-block-file > .medium-span-9, .flex.medium-span-all-9 > *, .medium-span-all-9.wp-block-file > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .flex-grid > .medium-span-9, div .flex > .medium-span-9, div .wp-block-file > .medium-span-9 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-10, .flex-grid.medium-span-all-10 > *, div .flex > .medium-span-10, div .wp-block-file > .medium-span-10, .flex.medium-span-all-10 > *, .medium-span-all-10.wp-block-file > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .flex-grid > .medium-span-10, div .flex > .medium-span-10, div .wp-block-file > .medium-span-10 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-11, .flex-grid.medium-span-all-11 > *, div .flex > .medium-span-11, div .wp-block-file > .medium-span-11, .flex.medium-span-all-11 > *, .medium-span-all-11.wp-block-file > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .flex-grid > .medium-span-11, div .flex > .medium-span-11, div .wp-block-file > .medium-span-11 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .medium-span-12, .flex-grid.medium-span-all-12 > *, div .flex > .medium-span-12, div .wp-block-file > .medium-span-12, .flex.medium-span-all-12 > *, .medium-span-all-12.wp-block-file > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .flex-grid > .medium-span-12, div .flex > .medium-span-12, div .wp-block-file > .medium-span-12 { flex-grow: 0; flex-shrink: 0; } } @media (max-width: 576px) { .flex-grid, .flex, .wp-block-file { flex-wrap: wrap; } div.site .flex-grid > *, div.site .flex > *, div.site .wp-block-file > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .flex-grid > .small-span-1, div .flex-grid.small-span-all-1 > *, div .flex > .small-span-1, div .wp-block-file > .small-span-1, div .flex.small-span-all-1 > *, div .small-span-all-1.wp-block-file > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .flex-grid > .small-span-1, div .flex > .small-span-1, div .wp-block-file > .small-span-1 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-2, div .flex-grid.small-span-all-2 > *, div .flex > .small-span-2, div .wp-block-file > .small-span-2, div .flex.small-span-all-2 > *, div .small-span-all-2.wp-block-file > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .flex-grid > .small-span-2, div .flex > .small-span-2, div .wp-block-file > .small-span-2 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-3, div .flex-grid.small-span-all-3 > *, div .flex > .small-span-3, div .wp-block-file > .small-span-3, div .flex.small-span-all-3 > *, div .small-span-all-3.wp-block-file > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .flex-grid > .small-span-3, div .flex > .small-span-3, div .wp-block-file > .small-span-3 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-4, div .flex-grid.small-span-all-4 > *, div .flex > .small-span-4, div .wp-block-file > .small-span-4, div .flex.small-span-all-4 > *, div .small-span-all-4.wp-block-file > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .flex-grid > .small-span-4, div .flex > .small-span-4, div .wp-block-file > .small-span-4 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-5, div .flex-grid.small-span-all-5 > *, div .flex > .small-span-5, div .wp-block-file > .small-span-5, div .flex.small-span-all-5 > *, div .small-span-all-5.wp-block-file > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .flex-grid > .small-span-5, div .flex > .small-span-5, div .wp-block-file > .small-span-5 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-6, div .flex-grid.small-span-all-6 > *, div .flex > .small-span-6, div .wp-block-file > .small-span-6, div .flex.small-span-all-6 > *, div .small-span-all-6.wp-block-file > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .flex-grid > .small-span-6, div .flex > .small-span-6, div .wp-block-file > .small-span-6 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-7, div .flex-grid.small-span-all-7 > *, div .flex > .small-span-7, div .wp-block-file > .small-span-7, div .flex.small-span-all-7 > *, div .small-span-all-7.wp-block-file > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .flex-grid > .small-span-7, div .flex > .small-span-7, div .wp-block-file > .small-span-7 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-8, div .flex-grid.small-span-all-8 > *, div .flex > .small-span-8, div .wp-block-file > .small-span-8, div .flex.small-span-all-8 > *, div .small-span-all-8.wp-block-file > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .flex-grid > .small-span-8, div .flex > .small-span-8, div .wp-block-file > .small-span-8 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-9, div .flex-grid.small-span-all-9 > *, div .flex > .small-span-9, div .wp-block-file > .small-span-9, div .flex.small-span-all-9 > *, div .small-span-all-9.wp-block-file > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .flex-grid > .small-span-9, div .flex > .small-span-9, div .wp-block-file > .small-span-9 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-10, div .flex-grid.small-span-all-10 > *, div .flex > .small-span-10, div .wp-block-file > .small-span-10, div .flex.small-span-all-10 > *, div .small-span-all-10.wp-block-file > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .flex-grid > .small-span-10, div .flex > .small-span-10, div .wp-block-file > .small-span-10 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-11, div .flex-grid.small-span-all-11 > *, div .flex > .small-span-11, div .wp-block-file > .small-span-11, div .flex.small-span-all-11 > *, div .small-span-all-11.wp-block-file > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .flex-grid > .small-span-11, div .flex > .small-span-11, div .wp-block-file > .small-span-11 { flex-grow: 0; flex-shrink: 0; } div .flex-grid > .small-span-12, div .flex-grid.small-span-all-12 > *, div .flex > .small-span-12, div .wp-block-file > .small-span-12, div .flex.small-span-all-12 > *, div .small-span-all-12.wp-block-file > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .flex-grid > .small-span-12, div .flex > .small-span-12, div .wp-block-file > .small-span-12 { flex-grow: 0; flex-shrink: 0; } } .site .flex.stay-flexed > *, .site .stay-flexed.wp-block-file > * { flex-basis: auto; } /*------- hide at break points --------*/ @media (max-width: 1200px) { .hide-on-container { display: none; } } @media (max-width: 1030px) { .hide-on-large { display: none; } } @media (max-width: 768px) { .hide-on-medium { display: none; } } @media (max-width: 576px) { .hide-on-small { display: none; } } /*-------------------------------------------------------------- # Grid Helpers --------------------------------------------------------------*/ .align-center { align-items: center; } .justify-center { justify-content: center; } .flex-wrap { flex-wrap: wrap; } .flex-column { flex-direction: column; } .flex-grow { flex-grow: 1; } .space-between { justify-content: space-between; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*------- Layout that centers vertically and horizontally --------*/ .layout-center-content { display: flex; align-items: center; justify-content: center; } /*------- Grid of cards. requires grid class --------*/ .layout-cards-7 > * { grid-column: span 4; } .layout-cards-7 > * .hide-on-small-card { display: none; } .layout-cards-7 > *:nth-child(7n-3), .layout-cards-7 > *:nth-child(7n-6) { grid-column: span 8; } .layout-cards-7 > *:nth-child(7n-3) .hide-on-small-card, .layout-cards-7 > *:nth-child(7n-6) .hide-on-small-card { display: block; } @media all and (-ms-high-contrast: none) { .layout-cards-7 > * { width: calc(33.333% - 30px); width: calc(33.333% - var(--gap)); } .layout-cards-7 > * .hide-on-small-card { display: none; } .layout-cards-7 > *:nth-child(7n-3), .layout-cards-7 > *:nth-child(7n-6) { width: calc(66.66666% - 30px); width: calc(66.66666% - var(--gap)); } .layout-cards-7 > *:nth-child(7n-3) .hide-on-small-card, .layout-cards-7 > *:nth-child(7n-6) .hide-on-small-card { display: block; } } /*-------------------------------------------------------------- # Gutenburg file --------------------------------------------------------------*/ .wp-block-file { align-content: center; } .wp-block-file a { flex: 0 0 auto; } /*-------------------------------------------------------------- # Gallery --------------------------------------------------------------*/ #page .wp-block-gallery { padding: 0; } #page .wp-block-gallery li { padding: 0; } #page .wp-block-gallery .blocks-gallery-item { width: 100%; margin: 0; height: 300px; } .wp-block-quote.is-large:before { font-size: 4rem; } .wp-block-quote.is-large p { font-size: 4rem; } q { quotes: "“" "”" "‘" "’"; } /*-------------------------------------------------------------- # Gutenberg Changes to Layout --------------------------------------------------------------*/ div .editor-styles-wrapper { padding: 15px 0; } .components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { margin-bottom: 0; } .block-editor-block-list__block:not(.rich-text) { margin-top: 0; margin-bottom: 0; } .block-editor-block-list__block.rich-text { margin-top: 30px; } div .block-editor-block-list__layout { padding: 0 30px; padding: 0 var(--container-padding); position: relative; z-index: 10; } div .block-editor-block-list__layout > *:not([data-align=full]):not([data-align=wide]):not(.is-reusable) { max-width: 70rem !important; max-width: var(--container-content) !important; margin-right: auto; margin-left: auto; } .block-editor-block-list__layout .block-editor-block-list__block[data-align=full] { margin-left: calc(-1 * 30px); margin-left: calc(-1 * var(--container-padding)); margin-right: calc(-1 * 30px); margin-right: calc(-1 * var(--container-padding)); } .wp-block[data-align=wide] { max-width: calc(1200px - (30px * 2)); max-width: calc(var(--container) - (var(--container-padding) * 2)); } div .editor-styles-wrapper p { margin-top: 0; margin-bottom: 1em; } /*-------------------------------------------------------------- # ACF Changes --------------------------------------------------------------*/ div .acf-block-component textarea { font-size: 16px; } /*------- WP Sidebar changes --------*/ #wpwrap .edit-post-sidebar { width: 100%; } @media (min-width: 1560px) { .interface-interface-skeleton__sidebar { width: 32%; } } @media (max-width: 1560px) { .edit-post-layout.is-sidebar-opened .interface-interface-skeleton__sidebar { transition: width 0.5s; width: 32%; } .edit-post-layout.is-sidebar-opened .interface-interface-skeleton__sidebar:hover { width: 50%; opacity: 1; } } .wp-core-ui .acf-block-preview .button, .block-editor-rich-text .button { line-height: 1.5; height: auto; font-size: inherit; } /*-------------------------------------------------------------- # Fixing inputs on back end --------------------------------------------------------------*/ input[type=radio], input[type=checkbox] { width: 1.6rem; height: 1.6rem; } input[type=checkbox]:checked::before { width: 2.1rem; height: 2.1rem; margin: -0.2885rem 0 0 -0.4rem; } input[type=radio]:checked::before { width: 0.8rem; height: 0.8rem; margin: 0.3rem; } .components-base-control .components-base-control__label { display: block; } #editor .has-inner-blocks { display: block; } html { font-size: 62.5%; } div .editor-styles-wrapper { background: white; background: var(--body-bg); font-size: 1.6rem; line-height: 1.5; line-height: var(--line-height); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); color: #191919; color: var(--main-text-color); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; /*-------------------------------------------------------------- # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use "variables" --------------------------------------------------------------*/ /*------- Media Query Sizes. Add your own --------*/ /*------- Panel Becomes Absolute Query --------*/ /*------- Add your own breakpoints to the grid --------*/ /*-------------------------------------------------------------- Mixins --------------------------------------------------------------*/ /*------- Retina --------*/ /*------- Deep Shadow Mixin --------*/ /*------- Lighten and shade colors --------*/ /*------- Fluid Font Lock --------*/ /*------- Sort Map by values --------*/ /*------- Grid --------*/ /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ /*------- Quick text alignment classes --------*/ /*-------------------------------------------------------------- # Default Headings in articles. Front page and other special pages should override the more common setting --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Basic Links --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Selection Highlighting --------------------------------------------------------------*/ /*-------------------------------------------------------------- # quotes --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Post Meta defaults --------------------------------------------------------------*/ /*-------------------------------------------------------------- # WP Edit Post Link --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Code --------------------------------------------------------------*/ } div .editor-styles-wrapper html { font-size: 62.5%; } div .editor-styles-wrapper body { font-size: 1.6rem; line-height: 1.5; line-height: var(--line-height); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); color: #191919; color: var(--main-text-color); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } @media (min-width: 1500px) { div .editor-styles-wrapper .grow-font { font-size: 1.7rem; font-size: var(--article-font-size); } } div .editor-styles-wrapper h1, div .editor-styles-wrapper h2, div .editor-styles-wrapper h3, div .editor-styles-wrapper h4, div .editor-styles-wrapper h5, div .editor-styles-wrapper h6 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font-alt); } div .editor-styles-wrapper .font-alt { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font-alt); } div .editor-styles-wrapper p { margin: 0 0 1em 0; } div .editor-styles-wrapper .entry-content > p:last-child, div .editor-styles-wrapper section p:last-child { margin-bottom: 0; } div .editor-styles-wrapper .text-center { text-align: center; } div .editor-styles-wrapper .text-right { text-align: right; } div .editor-styles-wrapper .text-left { text-align: left; } div .editor-styles-wrapper .text-justify { text-align: justify; } div .editor-styles-wrapper h1, div .editor-styles-wrapper .h1 { font-size: 5rem; line-height: 1.3; font-weight: normal; text-transform: uppercase; margin-bottom: 40px; } div .editor-styles-wrapper h2, div .editor-styles-wrapper .h2 { font-size: 3.8rem; margin-top: 42px; line-height: 1.3; } div .editor-styles-wrapper h2:first-child, div .editor-styles-wrapper .h2:first-child { margin-top: 0; margin-bottom: 42px; } div .editor-styles-wrapper h3, div .editor-styles-wrapper .h3 { font-size: 2.6rem; margin-top: 40px; line-height: 1.4; } div .editor-styles-wrapper h4, div .editor-styles-wrapper .h4 { font-size: 1.9rem; margin-top: 30px; line-height: 1.5; } div .editor-styles-wrapper a { color: #007eac; color: var(--highlight); text-decoration: none; cursor: pointer; } div .editor-styles-wrapper h1 a, div .editor-styles-wrapper h2 a { color: inherit; } div .editor-styles-wrapper ::-moz-selection { background: #007eac; background: var(--highlight); color: white; } div .editor-styles-wrapper ::selection { background: #007eac; background: var(--highlight); color: white; } div .editor-styles-wrapper dfn, div .editor-styles-wrapper cite, div .editor-styles-wrapper em, div .editor-styles-wrapper blockquote { font-style: italic; } div .editor-styles-wrapper blockquote { quotes: "“" "”"; overflow: hidden; position: relative; margin: 0 0 2em 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); background: transparent; } div .editor-styles-wrapper blockquote p { padding-left: 40px; } div .editor-styles-wrapper blockquote p:last-of-type { margin: 0; } div .editor-styles-wrapper blockquote:before { content: open-quote; font-size: 4rem; position: absolute; left: 0; top: 0; line-height: 1; } div .editor-styles-wrapper cite, div .editor-styles-wrapper .wp-block-quote cite { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); float: right; margin-top: 0; font-size: 14px; } div .editor-styles-wrapper cite:before, div .editor-styles-wrapper .wp-block-quote cite:before { content: "—"; margin-right: 1em; } div .editor-styles-wrapper time, div .editor-styles-wrapper time a, div .editor-styles-wrapper .card-meta { font-size: 1.3rem; } div .editor-styles-wrapper .edit-link { font-size: 1.4rem; } div .editor-styles-wrapper pre { background: #f7f9fa; border: 1px solid #e6e8eb; font-family: "Source Code Pro", monospace; font-family: var(--font-pre); font-size: 14px; line-height: 22px; line-height: var(--line-height-pre); margin-top: 20px; margin-bottom: 20px; overflow: auto; padding: 20px; white-space: pre-wrap; } div .editor-styles-wrapper code, div .editor-styles-wrapper kbd, div .editor-styles-wrapper tt, div .editor-styles-wrapper var { font-family: "Source Code Pro", monospace; font-family: var(--font-pre); font-size: 15px; } div .editor-styles-wrapper .acf-block-preview { /*-------------------------------------------------------------- # Basic Global Base Layout Stuff --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Panel Setup --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Sticky footer work. --------------------------------------------------------------*/ /* - Sticky footer makes sure that the footer of the site is at the bottom no matter how small the content is. */ /* - By making sure there main content flexes as long as possible the footer below it will be at least or more than the height of the browser */ /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /*------- responsive images --------*/ /*-------------------------------------------------------------- # Utility Classes --------------------------------------------------------------*/ /*-------------------------------------------------------------- # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use "variables" --------------------------------------------------------------*/ /*------- Media Query Sizes. Add your own --------*/ /*------- Panel Becomes Absolute Query --------*/ /*------- Add your own breakpoints to the grid --------*/ /*-------------------------------------------------------------- Mixins --------------------------------------------------------------*/ /*------- Retina --------*/ /*------- Deep Shadow Mixin --------*/ /*------- Lighten and shade colors --------*/ /*------- Fluid Font Lock --------*/ /*------- Sort Map by values --------*/ /*------- Grid --------*/ /*-------------------------------------------------------------- # CSS Grids and Containers --------------------------------------------------------------*/ /* - Containers can be used anywhere for holding main content. - They have padding on both sides so on mobile the content wont hit the edges. - They have a max-width and are centered. They also have a width of 100% to work nicely inside flex items and grids. - It's best to keep containers surrounding content on their own div. Dont combine with grids and layouts in one div. */ /*------- Containers --------*/ /*------- Special Container Content For articles --------*/ /* - Container-Content is meant to hold an article's content after the header. - It's for actual words and makes sure the line is not too long - It cleverly allows for items inside to go full width and "break out" with alignwide and alignfull - The container itself has no max-width, instead its items within. - Any items inside with full-width or .alignfull will NOT have a max-width and will fill page - Dont surround container-content with a container or full items wont be full width! */ /*------- Special exceptions for container contents padding --------*/ /*-------------------------------------------------------------- # WP Align Wide Matches the size of a .container --------------------------------------------------------------*/ /*-------------------------------------------------------------- # CARD GRIDS --------------------------------------------------------------*/ /*------- Grid Layouts --------*/ /* - Simple Responsive grid of equal sized items - Create your own responsive grid! - Add @include grid($min-size-of-items); - The default min size is 350 - Items grow if there is room to grow, or fall to next row fi there isnt. */ /*-------------------------------------------------------------- # 12 Column CSS Grids --------------------------------------------------------------*/ /*------- Overriding spans at media sizes --------*/ /*-------------------------------------------------------------- # Flexbox grids. 99% same as css grid --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Flex grid --------------------------------------------------------------*/ /*------- Span sizes for flexbox grids --------*/ /*------- hide at break points --------*/ /*-------------------------------------------------------------- # Grid Helpers --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*------- Layout that centers vertically and horizontally --------*/ /*------- Grid of cards. requires grid class --------*/ /*-------------------------------------------------------------- # All Menus --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Vertical Menus --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Horizontal Menus --------------------------------------------------------------*/ /*------- Apply the menus --------*/ /*-------------------------------------------------------------- # Site-top Layout --------------------------------------------------------------*/ /*------- Site-top --------*/ /*------- Navigation --------*/ /*-------------------------------------------------------------- # Site Logo Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Main menu in panel left --------------------------------------------------------------*/ /*------- Cool App like menu for mobile --------*/ /*-------------------------------------------------------------- # Panel Left --------------------------------------------------------------*/ /*------- Panel Left Button --------*/ /*-------------------------------------------------------------- # Menu icons --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Panel right Layout. Touch only if you know what your doing! --------------------------------------------------------------*/ /*------- sidebar icon --------*/ /*-------------------------------------------------------------- # Panel Breakpoint to become absolute. no longer a flexed item --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Sidebar Layout --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Inline Sidebar #secondary --------------------------------------------------------------*/ /*------- Sidebar on left/right ordering --------*/ /*-------------------------------------------------------------- # Pulling out the header with .header-above --------------------------------------------------------------*/ /*------- Sidebar in panel right layout --------*/ /*-------------------------------------------------------------- # Layout Fixes for ie11 --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Adding the core styles necessary to run aspace --------------------------------------------------------------*/ /*-------------------------------------------------------------- # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use "variables" --------------------------------------------------------------*/ /*------- Media Query Sizes. Add your own --------*/ /*------- Panel Becomes Absolute Query --------*/ /*------- Add your own breakpoints to the grid --------*/ /*-------------------------------------------------------------- Mixins --------------------------------------------------------------*/ /*------- Retina --------*/ /*------- Deep Shadow Mixin --------*/ /*------- Lighten and shade colors --------*/ /*------- Fluid Font Lock --------*/ /*------- Sort Map by values --------*/ /*------- Grid --------*/ /*-------------------------------------------------------------- # Body Background --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Logo --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Site Top - holds logo and main menu at top --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Default Headers --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Under header first thing should probably have padding-top. Usually its a section # expect it to be a paragraph or a heading or a section # Sometimes header is outside entry-content so we select the very first thing inside there --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Default Footer --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Error 404 Page --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Special Images --------------------------------------------------------------*/ /* - Use a background-image div for holding a foreground image behind an item or header - use cover-image for an image in the foreground of a header. */ /*------- Add overlay to a div so image is shaded --------*/ /*-------------------------------------------------------------- # Article images --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Image Alignments / WordPress Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Videos --------------------------------------------------------------*/ /*-------------------------------------------------------------- # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use "variables" --------------------------------------------------------------*/ /*------- Media Query Sizes. Add your own --------*/ /*------- Panel Becomes Absolute Query --------*/ /*------- Add your own breakpoints to the grid --------*/ /*-------------------------------------------------------------- Mixins --------------------------------------------------------------*/ /*------- Retina --------*/ /*------- Deep Shadow Mixin --------*/ /*------- Lighten and shade colors --------*/ /*------- Fluid Font Lock --------*/ /*------- Sort Map by values --------*/ /*------- Grid --------*/ /*-------------------------------------------------------------- # Basic Menu Styling --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Vertical Menu in Panel Left overrides --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Horizontal Menu Styling overrides --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Sub-Menu Dropdown Button styling --------------------------------------------------------------*/ /*-------------------------------------------------------------- # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use "variables" --------------------------------------------------------------*/ /*------- Media Query Sizes. Add your own --------*/ /*------- Panel Becomes Absolute Query --------*/ /*------- Add your own breakpoints to the grid --------*/ /*-------------------------------------------------------------- Mixins --------------------------------------------------------------*/ /*------- Retina --------*/ /*------- Deep Shadow Mixin --------*/ /*------- Lighten and shade colors --------*/ /*------- Fluid Font Lock --------*/ /*------- Sort Map by values --------*/ /*------- Grid --------*/ /*-------------------------------------------------------------- # Global Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Buttons --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Input Placeholders --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Search form --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Input Icons --------------------------------------------------------------*/ /*------- input appends and prepends for icons --------*/ /* * when adding a button near an input you can make it a prepend or append * all prepends and appends go AFTER the input. Never before or :focus wont affect the prepend. */ /*-------------------------------------------------------------- # Animation Setup --------------------------------------------------------------*/ /*------- For animations --------*/ /*------- infinite animations --------*/ /*-------------------------------------------------------------- # Scroll Animation with data-scrollanimation --------------------------------------------------------------*/ /*------- when using data-scrollanimation with scrubbing, turn off transitions --------*/ /*------- Special class for fixing at top. Used with scrollanimation --------*/ /*------- Animate in a sequence --------*/ /*-------------------------------------------------------------- # Animations --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Icons --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Icon Tweaks --------------------------------------------------------------*/ /*-------------------------------------------------------------- Lists --------------------------------------------------------------*/ /*-------------------------------------------------------------- Tables --------------------------------------------------------------*/ /*-------------------------------------------------------------- # SASS Variables and Mixins. Do not output any css in here. if you need these make sure to @use "variables" --------------------------------------------------------------*/ /*------- Media Query Sizes. Add your own --------*/ /*------- Panel Becomes Absolute Query --------*/ /*------- Add your own breakpoints to the grid --------*/ /*-------------------------------------------------------------- Mixins --------------------------------------------------------------*/ /*------- Retina --------*/ /*------- Deep Shadow Mixin --------*/ /*------- Lighten and shade colors --------*/ /*------- Fluid Font Lock --------*/ /*------- Sort Map by values --------*/ /*------- Grid --------*/ /*-------------------------------------------------------------- # Sections and Blocks and Parts --------------------------------------------------------------*/ /* Most block and section styling can go here or in the block folder with the template-parts folder for that block. The choice is up to you. */ /*------- Section defaults --------*/ /*------- Padding classes useful for sections --------*/ /*------- Your block, parts, and section styling --------*/ /*-------------------------------------------------------------- # Settings for some basic html elements --------------------------------------------------------------*/ } div .editor-styles-wrapper .acf-block-preview html { box-sizing: border-box; } div .editor-styles-wrapper .acf-block-preview *, div .editor-styles-wrapper .acf-block-preview *:before, div .editor-styles-wrapper .acf-block-preview *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } div .editor-styles-wrapper .acf-block-preview html * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } div .editor-styles-wrapper .acf-block-preview .touchscroll { overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } div .editor-styles-wrapper .acf-block-preview .hide-scroll::-webkit-scrollbar { width: 0 !important; } div .editor-styles-wrapper .acf-block-preview .hide-scroll, div .editor-styles-wrapper .acf-block-preview #panel-right .sidebar-holder, div .editor-styles-wrapper .acf-block-preview #panel-left, div .editor-styles-wrapper .acf-block-preview #panel-left .site-navigation__nav-holder { -ms-overflow-style: none; } div .editor-styles-wrapper .acf-block-preview *:focus { outline: none; } div .editor-styles-wrapper .acf-block-preview .site-container { display: flex; position: relative; overflow: hidden; background: inherit; } div .editor-styles-wrapper .acf-block-preview .site-container > div { z-index: 90; overflow: hidden; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; transition: all 0.5s; } div .editor-styles-wrapper .acf-block-preview .site-container > div:empty { display: none; } div .editor-styles-wrapper .acf-block-preview #panel-right { order: 3; } div .editor-styles-wrapper .acf-block-preview #page { min-height: 100vh; display: flex; flex-direction: column; position: relative; overflow: hidden; flex-basis: 100%; z-index: 80; transition: none; } div .editor-styles-wrapper .acf-block-preview .site-content { flex: 1 0 auto; overflow: hidden; } div .editor-styles-wrapper .acf-block-preview .screen-reader-skip { height: 0; overflow: hidden; width: 0; clip: rect(1px, 1px, 1px, 1px); } div .editor-styles-wrapper .acf-block-preview .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); color: white; background-color: black; height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } div .editor-styles-wrapper .acf-block-preview .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 1.4rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } div .editor-styles-wrapper .acf-block-preview img { max-width: 100%; height: auto; } div .editor-styles-wrapper .acf-block-preview .hidden, div .editor-styles-wrapper .acf-block-preview .hide { display: none; } div .editor-styles-wrapper .acf-block-preview .clear:before, div .editor-styles-wrapper .acf-block-preview .clear:after { content: ""; display: table; table-layout: fixed; } div .editor-styles-wrapper .acf-block-preview .clear:after { clear: both; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { div .editor-styles-wrapper .acf-block-preview [data-toggle] svg { pointer-events: none; } } div .editor-styles-wrapper .acf-block-preview [data-toggle] { cursor: pointer; } div .editor-styles-wrapper .acf-block-preview [data-slide] { overflow: hidden; } div .editor-styles-wrapper .acf-block-preview .container { width: 100%; max-width: 1200px; max-width: var(--container); margin: auto; padding: 0 30px; padding: 0 var(--container-padding); } div .editor-styles-wrapper .acf-block-preview .container-left, div .editor-styles-wrapper .acf-block-preview .container-right { width: 100%; max-width: calc(1200px + ((100% - 1200px) / 2)); max-width: calc(var(--container) + ((100% - var(--container)) / 2)); margin: 0 auto 0 0; padding: 0 30px 0 0; padding: 0 var(--container-padding) 0 0; } div .editor-styles-wrapper .acf-block-preview .container-right { margin: 0 0 0 auto; padding: 0 0 0 30px; padding: 0 0 0 var(--container-padding); } div .editor-styles-wrapper .acf-block-preview .container-fluid { width: 100%; margin: auto; padding: 0 30px; padding: 0 var(--container-padding); } @media (min-width: 1200px) { div .editor-styles-wrapper .acf-block-preview .large-gap { grid-gap: 60px; } } div .editor-styles-wrapper .acf-block-preview .container-content { padding: 0 30px; padding: 0 var(--container-padding); width: 100%; } div .editor-styles-wrapper .acf-block-preview .container-content > *:not(.alignwide):not(.alignfull):not(.full-width) { max-width: 70rem !important; max-width: var(--container-content) !important; margin-right: auto; margin-left: auto; } div .editor-styles-wrapper .acf-block-preview .container-content > .full-width, div .editor-styles-wrapper .acf-block-preview .container-content > .alignfull { width: auto; margin-left: calc(-1 * 30px); margin-left: calc(-1 * var(--container-padding)); margin-right: calc(-1 * 30px); margin-right: calc(-1 * var(--container-padding)); } div .editor-styles-wrapper .acf-block-preview .container-content > .alignwide { width: 100%; max-width: calc(1200px - (30px * 2)); max-width: calc(var(--container) - (var(--container-padding) * 2)); } div .editor-styles-wrapper .acf-block-preview .container .container-content, div .editor-styles-wrapper .acf-block-preview .container-fluid .container-content, div .editor-styles-wrapper .acf-block-preview .container-left .container-content, div .editor-styles-wrapper .acf-block-preview .container-right .container-content { padding-left: 0; padding-right: 0; } div .editor-styles-wrapper .acf-block-preview .container .container-content > .alignwide, div .editor-styles-wrapper .acf-block-preview .container-fluid .container-content > .alignwide, div .editor-styles-wrapper .acf-block-preview .container-left .container-content > .alignwide, div .editor-styles-wrapper .acf-block-preview .container-right .container-content > .alignwide { width: 100%; max-width: calc(100% - (30px * 2)); max-width: calc(100% - (var(--container-padding) * 2)); } div .editor-styles-wrapper .acf-block-preview .container-right .container-content > .full-width, div .editor-styles-wrapper .acf-block-preview .container-right .container-content > .alignfull { margin-right: 0; } div .editor-styles-wrapper .acf-block-preview .container-left .container-content > .full-width, div .editor-styles-wrapper .acf-block-preview .container-left .container-content > .alignfull { margin-left: 0; } div .editor-styles-wrapper .acf-block-preview .alignwide { width: calc(100% - (30px * 2)); width: calc(100% - (var(--container-padding) * 2)); max-width: calc(1200px - (30px * 2)); max-width: calc(var(--container) - (var(--container-padding) * 2)); margin-left: auto; margin-right: auto; } div .editor-styles-wrapper .acf-block-preview .card-grid { display: grid; --card-min: 250px; --card-max: 1fr; --card-type: auto-fit; grid-template-columns: repeat(var(--card-type), minmax(min(var(--card-min), 100%), var(--card-max))); grid-gap: 30px; grid-gap: var(--grid-gap); justify-content: center; } @media all and (-ms-high-contrast: none) { div .editor-styles-wrapper .acf-block-preview .card-grid { display: flex; flex-wrap: wrap; } div .editor-styles-wrapper .acf-block-preview .card-grid > * { flex-grow: 1; flex-shrink: 1; flex-basis: 0; min-width: calc(320px); margin: 15px; margin-top: 0; margin-bottom: 30px; } div .editor-styles-wrapper .acf-block-preview .card-grid.no-gutters { margin-left: 0; margin-right: 0; } div .editor-styles-wrapper .acf-block-preview .card-grid.no-gutters > * { margin: 0; } div .editor-styles-wrapper .acf-block-preview .conainer .card-grid, div .editor-styles-wrapper .acf-block-preview .container-fluid .card-grid, div .editor-styles-wrapper .acf-block-preview .container-content .card-grid { margin-left: calc(-1 * 30px); margin-left: calc(-1 * var(--gap)); margin-right: calc(-1 * 30px); margin-right: calc(-1 * var(--gap)); } div .editor-styles-wrapper .acf-block-preview .conainer .card-grid.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-fluid .card-grid.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-content .card-grid.no-gutters { margin-left: 0; margin-right: 0; } } div .editor-styles-wrapper .acf-block-preview .card-grid-fill { display: grid; --card-min: 250px; --card-max: 1fr; --card-type: auto-fill; grid-template-columns: repeat(var(--card-type), minmax(min(var(--card-min), 100%), var(--card-max))); grid-gap: 30px; grid-gap: var(--grid-gap); justify-content: center; } @media all and (-ms-high-contrast: none) { div .editor-styles-wrapper .acf-block-preview .card-grid-fill { display: flex; flex-wrap: wrap; } div .editor-styles-wrapper .acf-block-preview .card-grid-fill > * { flex-grow: 1; flex-shrink: 1; flex-basis: 0; min-width: calc(320px); margin: 15px; margin-top: 0; margin-bottom: 30px; } div .editor-styles-wrapper .acf-block-preview .card-grid-fill.no-gutters { margin-left: 0; margin-right: 0; } div .editor-styles-wrapper .acf-block-preview .card-grid-fill.no-gutters > * { margin: 0; } div .editor-styles-wrapper .acf-block-preview .conainer .card-grid-fill, div .editor-styles-wrapper .acf-block-preview .container-fluid .card-grid-fill, div .editor-styles-wrapper .acf-block-preview .container-content .card-grid-fill { margin-left: calc(-1 * 30px); margin-left: calc(-1 * var(--gap)); margin-right: calc(-1 * 30px); margin-right: calc(-1 * var(--gap)); } div .editor-styles-wrapper .acf-block-preview .conainer .card-grid-fill.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-fluid .card-grid-fill.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-content .card-grid-fill.no-gutters { margin-left: 0; margin-right: 0; } } div .editor-styles-wrapper .acf-block-preview .flex-card-grid { display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -15px; margin-right: -15px; } div .editor-styles-wrapper .acf-block-preview .flex-card-grid > * { flex-grow: 1; flex-shrink: 1; flex-basis: calc(320px); margin: 0 15px 30px 15px; } div .editor-styles-wrapper .acf-block-preview .flex-card-grid.no-gutters { margin-left: 0; margin-right: 0; } div .editor-styles-wrapper .acf-block-preview .flex-card-grid.no-gutters > * { margin: 0; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { div .editor-styles-wrapper .acf-block-preview .flex-card-grid > * { flex-basis: auto; min-width: calc(320px); } } div .editor-styles-wrapper .acf-block-preview .no-gutters { grid-gap: 0; } div .editor-styles-wrapper .acf-block-preview .grid { display: grid; grid-template-columns: repeat(12, minmax(1px, 1fr)); grid-gap: min(30px, calc(100%/12)); grid-gap: min(var(--grid-gap), calc(100%/12)); } div .editor-styles-wrapper .acf-block-preview div .grid .span-1, div .editor-styles-wrapper .acf-block-preview .grid.span-all-1 > * { grid-column: span 1; } div .editor-styles-wrapper .acf-block-preview div .grid .span-2, div .editor-styles-wrapper .acf-block-preview .grid.span-all-2 > * { grid-column: span 2; } div .editor-styles-wrapper .acf-block-preview div .grid .span-3, div .editor-styles-wrapper .acf-block-preview .grid.span-all-3 > * { grid-column: span 3; } div .editor-styles-wrapper .acf-block-preview div .grid .span-4, div .editor-styles-wrapper .acf-block-preview .grid.span-all-4 > * { grid-column: span 4; } div .editor-styles-wrapper .acf-block-preview div .grid .span-5, div .editor-styles-wrapper .acf-block-preview .grid.span-all-5 > * { grid-column: span 5; } div .editor-styles-wrapper .acf-block-preview div .grid .span-6, div .editor-styles-wrapper .acf-block-preview .grid.span-all-6 > * { grid-column: span 6; } div .editor-styles-wrapper .acf-block-preview div .grid .span-7, div .editor-styles-wrapper .acf-block-preview .grid.span-all-7 > * { grid-column: span 7; } div .editor-styles-wrapper .acf-block-preview div .grid .span-8, div .editor-styles-wrapper .acf-block-preview .grid.span-all-8 > * { grid-column: span 8; } div .editor-styles-wrapper .acf-block-preview div .grid .span-9, div .editor-styles-wrapper .acf-block-preview .grid.span-all-9 > * { grid-column: span 9; } div .editor-styles-wrapper .acf-block-preview div .grid .span-10, div .editor-styles-wrapper .acf-block-preview .grid.span-all-10 > * { grid-column: span 10; } div .editor-styles-wrapper .acf-block-preview div .grid .span-11, div .editor-styles-wrapper .acf-block-preview .grid.span-all-11 > * { grid-column: span 11; } div .editor-styles-wrapper .acf-block-preview div .grid .span-12, div .editor-styles-wrapper .acf-block-preview .grid.span-all-12 > * { grid-column: span 12; } div .editor-styles-wrapper .acf-block-preview .span-full { grid-column: 1/-1; flex-basis: 100%; } @media (max-width: 1200px) { div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-1 > * { grid-column: span 1; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-2 > * { grid-column: span 2; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-3 > * { grid-column: span 3; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-4 > * { grid-column: span 4; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-5 > * { grid-column: span 5; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-6 > * { grid-column: span 6; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-7 > * { grid-column: span 7; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-8 > * { grid-column: span 8; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-9 > * { grid-column: span 9; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-10 > * { grid-column: span 10; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-11 > * { grid-column: span 11; } div .editor-styles-wrapper .acf-block-preview div .grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview .grid.container-span-all-12 > * { grid-column: span 12; } } @media (max-width: 1030px) { div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-1 > * { grid-column: span 1; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-2 > * { grid-column: span 2; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-3 > * { grid-column: span 3; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-4 > * { grid-column: span 4; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-5 > * { grid-column: span 5; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-6 > * { grid-column: span 6; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-7 > * { grid-column: span 7; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-8 > * { grid-column: span 8; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-9 > * { grid-column: span 9; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-10 > * { grid-column: span 10; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-11 > * { grid-column: span 11; } div .editor-styles-wrapper .acf-block-preview div .grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview .grid.large-span-all-12 > * { grid-column: span 12; } } @media (max-width: 768px) { div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-1 > * { grid-column: span 1; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-2 > * { grid-column: span 2; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-3 > * { grid-column: span 3; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-4 > * { grid-column: span 4; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-5 > * { grid-column: span 5; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-6 > * { grid-column: span 6; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-7 > * { grid-column: span 7; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-8 > * { grid-column: span 8; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-9 > * { grid-column: span 9; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-10 > * { grid-column: span 10; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-11 > * { grid-column: span 11; } div .editor-styles-wrapper .acf-block-preview div .grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview .grid.medium-span-all-12 > * { grid-column: span 12; } } @media (max-width: 576px) { div .editor-styles-wrapper .acf-block-preview div.site .grid > * { grid-column: 1/-1; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-1 > * { grid-column: span 1; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-2 > * { grid-column: span 2; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-3 > * { grid-column: span 3; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-4 > * { grid-column: span 4; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-5 > * { grid-column: span 5; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-6 > * { grid-column: span 6; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-7 > * { grid-column: span 7; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-8 > * { grid-column: span 8; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-9 > * { grid-column: span 9; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-10 > * { grid-column: span 10; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-11 > * { grid-column: span 11; } div .editor-styles-wrapper .acf-block-preview div .grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div .grid.small-span-all-12 > * { grid-column: span 12; } } div .editor-styles-wrapper .acf-block-preview .container.flex:not(.no-gutters), div .editor-styles-wrapper .acf-block-preview .container-fluid.flex:not(.no-gutters), div .editor-styles-wrapper .acf-block-preview .container-content.flex:not(.no-gutters) { padding: 0 calc(30px / 2); padding: 0 calc(var(--container-padding) / 2); margin: auto; } div .editor-styles-wrapper .acf-block-preview .container.flex.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-fluid.flex.no-gutters, div .editor-styles-wrapper .acf-block-preview .container-content.flex.no-gutters { margin: auto; } div .editor-styles-wrapper .acf-block-preview .container-left.flex:not(.no-gutters) { padding-right: calc(30px / 2); padding-right: calc(var(--container-padding) / 2); margin: 0 auto 0 0; } div .editor-styles-wrapper .acf-block-preview .container-left.flex.no-gutters { margin: 0 auto 0 0; } div .editor-styles-wrapper .acf-block-preview .container-right.flex:not(.no-gutters) { padding-left: calc(30px / 2); padding-left: calc(var(--container-padding) / 2); margin: 0 0 0 auto; } div .editor-styles-wrapper .acf-block-preview .container-right.flex.no-gutters { margin: 0 0 0 auto; } div .editor-styles-wrapper .acf-block-preview .flex, div .editor-styles-wrapper .acf-block-preview .flex-grid { display: flex; margin-left: calc(-1 * calc(30px / 2)); margin-left: calc(-1 * var(--flex-gap)); margin-right: calc(-1 * calc(30px / 2)); margin-right: calc(-1 * var(--flex-gap)); } div .editor-styles-wrapper .acf-block-preview .flex > *, div .editor-styles-wrapper .acf-block-preview .flex-grid > * { margin-right: calc(30px / 2); margin-right: var(--flex-gap); margin-left: calc(30px / 2); margin-left: var(--flex-gap); flex: 1; } div .editor-styles-wrapper .acf-block-preview .flex > .no-gutters, div .editor-styles-wrapper .acf-block-preview .flex-grid > .no-gutters { margin-left: 0; margin-right: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-1, div .editor-styles-wrapper .acf-block-preview .flex.span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-1 > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-1 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-2, div .editor-styles-wrapper .acf-block-preview .flex.span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-2 > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-2 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-3, div .editor-styles-wrapper .acf-block-preview .flex.span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-3 > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-3 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-4, div .editor-styles-wrapper .acf-block-preview .flex.span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-4 > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-4 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-5, div .editor-styles-wrapper .acf-block-preview .flex.span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-5 > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-5 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-6, div .editor-styles-wrapper .acf-block-preview .flex.span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-6 > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-6 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-7, div .editor-styles-wrapper .acf-block-preview .flex.span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-7 > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-7 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-8, div .editor-styles-wrapper .acf-block-preview .flex.span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-8 > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-8 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-9, div .editor-styles-wrapper .acf-block-preview .flex.span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-9 > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-9 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-10, div .editor-styles-wrapper .acf-block-preview .flex.span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-10 > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-10 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-11, div .editor-styles-wrapper .acf-block-preview .flex.span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-11 > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-11 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-12, div .editor-styles-wrapper .acf-block-preview .flex.span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-12 > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex > .span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-12 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview .flex.no-gutters, div .editor-styles-wrapper .acf-block-preview .flex-grid.no-gutters { margin-left: 0; margin-right: 0; } div .editor-styles-wrapper .acf-block-preview .flex.no-gutters > *, div .editor-styles-wrapper .acf-block-preview .flex-grid.no-gutters > * { margin: 0; --grid-gap: 0px; } div .editor-styles-wrapper .acf-block-preview .flex-grid { flex-wrap: wrap; } div .editor-styles-wrapper .acf-block-preview .flex-grid > * { margin-bottom: 30px; margin-bottom: var(--grid-gap); } div .editor-styles-wrapper .acf-block-preview #page .no-wrap { flex-wrap: nowrap; } @media (max-width: 1200px) { div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-1, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-1 > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-1 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-2, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-2 > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-2 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-3, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-3 > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-3 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-4, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-4 > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-4 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-5, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-5 > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-5 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-6, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-6 > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-6 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-7, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-7 > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-7 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-8, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-8 > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-8 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-9, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-9 > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-9 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-10, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-10 > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-10 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-11, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-11 > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-11 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.container-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-12, div .editor-styles-wrapper .acf-block-preview .flex.container-span-all-12 > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview div .flex > .container-span-12 { flex-grow: 0; flex-shrink: 0; } } @media (max-width: 1030px) { div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-1, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-1 > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-1 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-2, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-2 > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-2 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-3, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-3 > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-3 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-4, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-4 > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-4 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-5, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-5 > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-5 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-6, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-6 > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-6 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-7, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-7 > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-7 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-8, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-8 > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-8 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-9, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-9 > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-9 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-10, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-10 > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-10 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-11, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-11 > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-11 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.large-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-12, div .editor-styles-wrapper .acf-block-preview .flex.large-span-all-12 > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview div .flex > .large-span-12 { flex-grow: 0; flex-shrink: 0; } } @media (max-width: 768px) { div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-1, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-1 > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-1 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-2, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-2 > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-2 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-3, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-3 > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-3 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-4, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-4 > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-4 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-5, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-5 > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-5 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-6, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-6 > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-6 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-7, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-7 > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-7 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-8, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-8 > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-8 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-9, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-9 > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-9 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-10, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-10 > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-10 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-11, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-11 > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-11 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.medium-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-12, div .editor-styles-wrapper .acf-block-preview .flex.medium-span-all-12 > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview div .flex > .medium-span-12 { flex-grow: 0; flex-shrink: 0; } } @media (max-width: 576px) { div .editor-styles-wrapper .acf-block-preview .flex-grid, div .editor-styles-wrapper .acf-block-preview .flex { flex-wrap: wrap; } div .editor-styles-wrapper .acf-block-preview div.site .flex-grid > *, div .editor-styles-wrapper .acf-block-preview div.site .flex > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-1, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-1 > * { flex-basis: calc(8.3333333333% - 30px); flex-basis: calc(8.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-1 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-2, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-2 > * { flex-basis: calc(16.6666666667% - 30px); flex-basis: calc(16.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-2 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-3, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-3 > * { flex-basis: calc(25% - 30px); flex-basis: calc(25% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-3 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-4, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-4 > * { flex-basis: calc(33.3333333333% - 30px); flex-basis: calc(33.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-4 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-5, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-5 > * { flex-basis: calc(41.6666666667% - 30px); flex-basis: calc(41.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-5 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-6, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-6 > * { flex-basis: calc(50% - 30px); flex-basis: calc(50% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-6 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-7, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-7 > * { flex-basis: calc(58.3333333333% - 30px); flex-basis: calc(58.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-7 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-8, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-8 > * { flex-basis: calc(66.6666666667% - 30px); flex-basis: calc(66.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-8 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-9, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-9 > * { flex-basis: calc(75% - 30px); flex-basis: calc(75% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-9 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-10, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-10 > * { flex-basis: calc(83.3333333333% - 30px); flex-basis: calc(83.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-10 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-11, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-11 > * { flex-basis: calc(91.6666666667% - 30px); flex-basis: calc(91.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-11 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid.small-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-12, div .editor-styles-wrapper .acf-block-preview div .flex.small-span-all-12 > * { flex-basis: calc(100% - 30px); flex-basis: calc(100% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div .flex-grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div .flex > .small-span-12 { flex-grow: 0; flex-shrink: 0; } } div .editor-styles-wrapper .acf-block-preview .site .flex.stay-flexed > * { flex-basis: auto; } @media (max-width: 1200px) { div .editor-styles-wrapper .acf-block-preview .hide-on-container { display: none; } } @media (max-width: 1030px) { div .editor-styles-wrapper .acf-block-preview .hide-on-large { display: none; } } @media (max-width: 768px) { div .editor-styles-wrapper .acf-block-preview .hide-on-medium { display: none; } } @media (max-width: 576px) { div .editor-styles-wrapper .acf-block-preview .hide-on-small { display: none; } } div .editor-styles-wrapper .acf-block-preview .align-center { align-items: center; } div .editor-styles-wrapper .acf-block-preview .justify-center { justify-content: center; } div .editor-styles-wrapper .acf-block-preview .flex-wrap { flex-wrap: wrap; } div .editor-styles-wrapper .acf-block-preview .flex-column { flex-direction: column; } div .editor-styles-wrapper .acf-block-preview .flex-grow { flex-grow: 1; } div .editor-styles-wrapper .acf-block-preview .space-between { justify-content: space-between; } div .editor-styles-wrapper .acf-block-preview .layout-center-content { display: flex; align-items: center; justify-content: center; } div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > * { grid-column: span 4; } div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > * .hide-on-small-card { display: none; } div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-3), div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-6) { grid-column: span 8; } div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-3) .hide-on-small-card, div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-6) .hide-on-small-card { display: block; } @media all and (-ms-high-contrast: none) { div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > * { width: calc(33.333% - 30px); width: calc(33.333% - var(--gap)); } div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > * .hide-on-small-card { display: none; } div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-3), div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-6) { width: calc(66.66666% - 30px); width: calc(66.66666% - var(--gap)); } div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-3) .hide-on-small-card, div .editor-styles-wrapper .acf-block-preview .layout-cards-7 > *:nth-child(7n-6) .hide-on-small-card { display: block; } } div .editor-styles-wrapper .acf-block-preview .menu, div .editor-styles-wrapper .acf-block-preview .menu > ul { padding: 0; list-style: none; margin: 0; } div .editor-styles-wrapper .acf-block-preview .no-js .menu-item[focus-within] > .sub-menu { display: block !important; } div .editor-styles-wrapper .acf-block-preview .no-js .menu-item:focus-within > .sub-menu { display: block !important; } div .editor-styles-wrapper .acf-block-preview .menu, div .editor-styles-wrapper .acf-block-preview .menu > ul { display: flex; flex-direction: column; } div .editor-styles-wrapper .acf-block-preview .menu li, div .editor-styles-wrapper .acf-block-preview .menu > ul li { position: relative; margin: 0; } div .editor-styles-wrapper .acf-block-preview .menu li .menu-item-link, div .editor-styles-wrapper .acf-block-preview .menu > ul li .menu-item-link { padding: 5px 15px; display: flex; align-items: flex-start; transition: all 0.5s; } div .editor-styles-wrapper .acf-block-preview .menu li .menu-item-link a, div .editor-styles-wrapper .acf-block-preview .menu > ul li .menu-item-link a { padding: 0; } div .editor-styles-wrapper .acf-block-preview .menu li a, div .editor-styles-wrapper .acf-block-preview .menu > ul li a { text-decoration: none; outline: none; color: inherit; cursor: pointer; display: block; flex-grow: 1; flex-shrink: 0; font-size: inherit; } div .editor-styles-wrapper .acf-block-preview .menu li .submenu-dropdown-toggle, div .editor-styles-wrapper .acf-block-preview .menu > ul li .submenu-dropdown-toggle { padding-left: 10px; padding-right: 0; display: inline-block; color: inherit; text-align: right; } div .editor-styles-wrapper .acf-block-preview .menu .sub-menu, div .editor-styles-wrapper .acf-block-preview .menu .children, div .editor-styles-wrapper .acf-block-preview .menu > ul .sub-menu, div .editor-styles-wrapper .acf-block-preview .menu > ul .children { list-style: none; margin: 0; display: none; overflow: hidden; width: auto; white-space: nowrap; padding: 0; } div .editor-styles-wrapper .acf-block-preview .menu .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .menu .children .menu-item-link, div .editor-styles-wrapper .acf-block-preview .menu > ul .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .menu > ul .children .menu-item-link { padding-left: 30px; } div .editor-styles-wrapper .acf-block-preview .menu .current-menu-item > .sub-menu, div .editor-styles-wrapper .acf-block-preview .menu > ul .current-menu-item > .sub-menu { display: block; } @media (min-width: 800px) { div .editor-styles-wrapper .acf-block-preview .horizontal-menu .top-level-item:last-child > .menu-item-link { padding-right: 0; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .top-level-item:first-child > .menu-item-link { padding-left: 0; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul { display: flex; flex-wrap: wrap; align-items: stretch; flex-direction: row; height: 100%; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .menu-item-link { display: flex; height: 100%; align-items: center; align-items: var(--desktop-menu-alignment); } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .children { position: absolute; z-index: 10; top: 100%; left: 50%; transform: translate(-50%, 0); display: block; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .sub-menu a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .top-level-item > .children a { flex-shrink: 1; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu .menu-item-link { padding: 3px 15px; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu .sub-menu { display: none; position: relative; padding: 0; transition: none; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu .sub-menu a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu .sub-menu a { padding-left: 10px; } } @media (max-width: 800px) { div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul { display: flex; flex-direction: column; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li { position: relative; margin: 0; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li .menu-item-link { padding: 5px 15px; display: flex; align-items: flex-start; transition: all 0.5s; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li .menu-item-link a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li .menu-item-link a { padding: 0; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li a { text-decoration: none; outline: none; color: inherit; cursor: pointer; display: block; flex-grow: 1; flex-shrink: 0; font-size: inherit; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li .submenu-dropdown-toggle, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul li .submenu-dropdown-toggle { padding-left: 10px; padding-right: 0; display: inline-block; color: inherit; text-align: right; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .children { list-style: none; margin: 0; display: none; overflow: hidden; width: auto; white-space: nowrap; padding: 0; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .children .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .children .menu-item-link { padding-left: 30px; } div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .current-menu-item > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu > ul .current-menu-item > .sub-menu { display: block; } } div .editor-styles-wrapper .acf-block-preview .site-top { z-index: 80; z-index: var(--z-index-menu); width: 100%; position: relative; left: 0; top: 0; } div .editor-styles-wrapper .acf-block-preview .site-top .site-top-container { height: 100%; } div .editor-styles-wrapper .acf-block-preview .site-navigation { flex-wrap: wrap; position: relative; justify-content: center; height: 100%; } div .editor-styles-wrapper .acf-block-preview .site-navigation .site-navigation__nav-holder { display: flex; justify-content: flex-end; } div .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo a + a { display: none; } div .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo a { transition: all 0.5s; } div .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo h1, div .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo p { font-size: inherit; } @media (max-width: 800px) { div .editor-styles-wrapper .acf-block-preview .site-navigation .site-navigation__nav-holder { display: none; } } div .editor-styles-wrapper .acf-block-preview .site-logo { display: flex; align-items: center; justify-content: center; text-transform: capitalize; } div .editor-styles-wrapper .acf-block-preview .site-logo a { color: inherit; } div .editor-styles-wrapper .acf-block-preview .site-logo svg { max-width: 100%; height: auto; } div .editor-styles-wrapper .acf-block-preview .site-logo h1, div .editor-styles-wrapper .acf-block-preview .site-logo p { margin: 0; } div .editor-styles-wrapper .acf-block-preview .site-logo__link, div .editor-styles-wrapper .acf-block-preview .site-title a, div .editor-styles-wrapper .acf-block-preview .custom-logo-link { display: flex; text-decoration: none; justify-content: center; align-items: center; } div .editor-styles-wrapper .acf-block-preview .site-logo__link img, div .editor-styles-wrapper .acf-block-preview .site-title a img, div .editor-styles-wrapper .acf-block-preview .custom-logo-link img { display: block; } @media (min-width: 800px) { div .editor-styles-wrapper .acf-block-preview .logo-left .site-logo { justify-content: left; } div .editor-styles-wrapper .acf-block-preview .logo-right .site-logo, div .editor-styles-wrapper .acf-block-preview .logo-center-under .site-logo { order: 2; } div .editor-styles-wrapper .acf-block-preview .logo-center .site-navigation, div .editor-styles-wrapper .acf-block-preview .logo-center-under .site-navigation { flex-direction: column; align-items: center; } div .editor-styles-wrapper .acf-block-preview .no-logo .site-logo { display: none; } div .editor-styles-wrapper .acf-block-preview .logo-in-middle > .site-logo, div .editor-styles-wrapper .acf-block-preview .logo-in-middle > .container .logo-in-middle { display: none; } div .editor-styles-wrapper .acf-block-preview .logo-in-middle .site-navigation__nav-holder { justify-content: center; } div .editor-styles-wrapper .acf-block-preview .logo-in-middle .site-navigation > .site-logo { display: none; } div .editor-styles-wrapper .acf-block-preview .logo-right .site-navigation__nav-holder { justify-content: flex-start; } } div .editor-styles-wrapper .acf-block-preview #panel-left .site-navigation__nav-holder .site-logo { display: none; } div .editor-styles-wrapper .acf-block-preview #panel-left .site-navigation__nav-holder { min-width: 300px; min-width: var(--panel-left-width); overflow: auto; max-height: 90vh; padding-bottom: 30px; padding-bottom: var(--gap); } @media (max-width: 500px) { div .editor-styles-wrapper .acf-block-preview .app-menu #panel-left { transition: none; transform: translate(0, 0); width: 100%; z-index: calc(80 - 1); z-index: calc(var(--z-index-menu) - 1); } div .editor-styles-wrapper .acf-block-preview .app-menu #panel-left .menu-item-link a { max-width: 40vw; } div .editor-styles-wrapper .acf-block-preview .app-menu #panel-left .site-navigation__nav-holder { margin-top: 20vh; } div .editor-styles-wrapper .acf-block-preview .app-menu #page { background: inherit; transition: transform 0.5s; } div .editor-styles-wrapper .acf-block-preview .app-menu.menu-open #page { border-radius: 5px; transform: translate(50vw, -2vh) scale(0.75); box-shadow: -3px 0 10px rgba(0, 0, 0, 0.5); overflow: hidden; height: 100vh; } div .editor-styles-wrapper .acf-block-preview .app-menu.menu-open #panel-left { height: 100vh; overflow: auto; } div .editor-styles-wrapper .acf-block-preview .app-menu.menu-open.admin-bar #panel-left { height: calc(100vh - 46px); } div .editor-styles-wrapper .acf-block-preview .mobile-menu-body-lock { overflow: hidden; height: 100vh; width: 100vw; } div .editor-styles-wrapper .acf-block-preview .mobile-menu-body-lock .site-container { height: 100%; } } div .editor-styles-wrapper .acf-block-preview .body-lock { overflow: hidden; height: 100vh; width: 100vw; } div .editor-styles-wrapper .acf-block-preview .body-lock .site-container { height: 100%; } @supports (-webkit-touch-callout: none) { div .editor-styles-wrapper .acf-block-preview { /* CSS specific to iOS devices */ } div .editor-styles-wrapper .acf-block-preview .app-menu.menu-open #page { transform: translate(50vw, -5vh) scale(0.75); } } div .editor-styles-wrapper .acf-block-preview #panel-left:empty ~ .panel-left-toggle, div .editor-styles-wrapper .acf-block-preview #panel-left:empty ~ #page .panel-left-toggle { display: none; } @media (max-width: 1230px) { div .editor-styles-wrapper .acf-block-preview #panel-left:not(:empty) ~ .site .site-top .container { padding-left: 52px; } } div .editor-styles-wrapper .acf-block-preview #panel-left:not(:empty) ~ .site .site-top .container-fluid { padding-left: 52px; } @media (max-width: 800px) { div .editor-styles-wrapper .acf-block-preview .site-top .container, div .editor-styles-wrapper .acf-block-preview .site-top .container-fluid { padding: 0 52px; } } div .editor-styles-wrapper .acf-block-preview #panel-left { overflow: auto; } div .editor-styles-wrapper .acf-block-preview .menu-open #panel-left, div .editor-styles-wrapper .acf-block-preview #panel-left.open { flex-basis: 300px; flex-basis: var(--panel-left-width); flex-shrink: 0; transform: translate(0, 0); } @media (min-width: 800px) { div .editor-styles-wrapper .acf-block-preview #panel-left.stay-open { flex-basis: 300px; flex-basis: var(--panel-left-width); flex-shrink: 0; transform: translate(0, 0); } div .editor-styles-wrapper .acf-block-preview #panel-left.stay-open ~ .panel-left-toggle, div .editor-styles-wrapper .acf-block-preview #panel-left.stay-open ~ .site .panel-left-toggle { display: none; } } @media (max-width: 500px) { div .editor-styles-wrapper .acf-block-preview #panel-left { position: absolute; height: 100%; left: 0; transform: translate(-100%, 0); } } div .editor-styles-wrapper .acf-block-preview .panel-left-toggle { position: absolute; border: none; box-shadow: none; z-index: 99; cursor: pointer; will-change: transform; line-height: 0; left: 0; top: 0; bottom: 0; margin: 0; padding: 0 15px; outline: none; transition: all 0.5s; background: transparent; } div .editor-styles-wrapper .acf-block-preview .panel-left-toggle:focus { outline: none; } div .editor-styles-wrapper .acf-block-preview .site-top .panel-left-toggle { height: 100%; } div .editor-styles-wrapper .acf-block-preview .navigation-menu-icon { font-size: 3rem; } div .editor-styles-wrapper .acf-block-preview .navigation-menu-icon .icon-regular { position: relative; display: block; border-radius: 0.5px; width: 25px; height: 25px; } div .editor-styles-wrapper .acf-block-preview .navigation-menu-icon .icon-regular:before, div .editor-styles-wrapper .acf-block-preview .navigation-menu-icon .icon-regular:after { content: ""; position: absolute; left: 0; top: 30%; height: 3px; width: 100%; background: white; transition: all 0.5s; outline: none; border-radius: inherit; } div .editor-styles-wrapper .acf-block-preview .navigation-menu-icon .icon-regular:after { bottom: 30%; top: auto; } div .editor-styles-wrapper .acf-block-preview .panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular { height: 25px; width: 25px; } div .editor-styles-wrapper .acf-block-preview .panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular:before { transform: rotate(45deg); top: 45%; } div .editor-styles-wrapper .acf-block-preview .panel-left-toggle.toggled-on .navigation-menu-icon .icon-regular:after { transform: rotate(-45deg); bottom: 42%; } div .editor-styles-wrapper .acf-block-preview .panel-right-toggle { z-index: 99; z-index: var(--z-index-top); position: absolute; right: 0; top: 0; line-height: 0; border: none; padding: 0 15px; cursor: pointer; outline: none; font-size: 22px; } div .editor-styles-wrapper .acf-block-preview .panel-right-toggle:focus { outline: none; } div .editor-styles-wrapper .acf-block-preview .panel-right-toggle { color: white; background: transparent; } div .editor-styles-wrapper .acf-block-preview .sidebar-icon { border: 2px solid white; border-radius: 2px; position: relative; height: 1em; width: 1em; display: block; } div .editor-styles-wrapper .acf-block-preview .sidebar-icon:after { content: ""; width: 30%; background: white; height: 100%; position: absolute; right: 0; } div .editor-styles-wrapper .acf-block-preview #panel-right:empty ~ .panel-right-toggle { display: none; } @media (max-width: 1230px) { div .editor-styles-wrapper .acf-block-preview #panel-right:not(:empty) ~ .site .site-top .container { padding-right: 52px; } } div .editor-styles-wrapper .acf-block-preview #panel-right:not(:empty) ~ .site .site-top .container-fluid { padding-right: 52px; } div .editor-styles-wrapper .acf-block-preview #panel-right.open:not(:empty) { flex-basis: 350px; flex-basis: var(--panel-right-width); flex-shrink: 0; } @media (min-width: 1030px) { div .editor-styles-wrapper .acf-block-preview #panel-right.stay-open { flex-basis: 350px; flex-basis: var(--panel-right-width); flex-shrink: 0; transform: translate(0, 0); } div .editor-styles-wrapper .acf-block-preview #panel-right.stay-open ~ .panel-right-toggle { display: none; } } @media (max-width: 1030px) { div .editor-styles-wrapper .acf-block-preview #panel-right { position: absolute; height: 100%; right: 0; top: 0; padding-top: 50px; z-index: 90; width: 0; } div .editor-styles-wrapper .acf-block-preview #panel-right.open { width: 350px; width: var(--panel-right-width); } } @media (min-width: 1200px) { div .editor-styles-wrapper .acf-block-preview .sidebar-template.container .container-content > .alignfull { margin-right: 0; margin-left: 0; } div .editor-styles-wrapper .acf-block-preview .sidebar-template.align-content-left .container-content > *:not(.alignfull):not(.full-width), div .editor-styles-wrapper .acf-block-preview .sidebar-template.align-content-left.container-content > *:not(.alignfull):not(.full-width) { margin-left: 0; } } div .editor-styles-wrapper .acf-block-preview .has-sidebar-template .site-content { display: flex; flex-direction: column; } div .editor-styles-wrapper .acf-block-preview .sidebar-template { display: flex; flex-grow: 1; } @media (max-width: 1000px) { div .editor-styles-wrapper .acf-block-preview .sidebar-template { display: block; } } div .editor-styles-wrapper .acf-block-preview #secondary:empty, div .editor-styles-wrapper .acf-block-preview .sidebar-holder:empty, div .editor-styles-wrapper .acf-block-preview .secondary:empty { display: none; } div .editor-styles-wrapper .acf-block-preview #secondary:empty:after, div .editor-styles-wrapper .acf-block-preview .sidebar-holder:empty:after, div .editor-styles-wrapper .acf-block-preview .secondary:empty:after { content: ""; } div .editor-styles-wrapper .acf-block-preview .sidebar-left #secondary { order: 0; } div .editor-styles-wrapper .acf-block-preview .sidebar-left #primary { order: 1; } div .editor-styles-wrapper .acf-block-preview .sidebar-left .sidebar-bg:after { left: auto; right: 0; } div .editor-styles-wrapper .acf-block-preview .sidebar-left .sidebar-holder { float: right; } div .editor-styles-wrapper .acf-block-preview .sidebar-holder { position: relative; } div .editor-styles-wrapper .acf-block-preview #secondary .sidebar-holder { height: 100%; display: block; } div .editor-styles-wrapper .acf-block-preview .js .sidebar-template.header-above:not(.active) #secondary { display: none; } div .editor-styles-wrapper .acf-block-preview .js .sidebar-template.header-above:not(.active) .container, div .editor-styles-wrapper .acf-block-preview .js .sidebar-template.header-above:not(.active) .container-fluid { max-width: 100%; padding: 0; } div .editor-styles-wrapper .acf-block-preview #panel-right .sidebar-holder { height: 100%; overflow: auto; overflow-x: hidden; min-width: 350px; min-width: var(--panel-right-width); -webkit-overflow-scrolling: touch; scroll-behavior: smooth; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { div .editor-styles-wrapper .acf-block-preview { /*-------------------------------------------------------------- # Flexbox grids. 99% same as css grid --------------------------------------------------------------*/ } div .editor-styles-wrapper .acf-block-preview :root { --flex-gap: calc(var(--grid-gap) / 2); } div .editor-styles-wrapper .acf-block-preview .site-footer { min-height: 1px; } div .editor-styles-wrapper .acf-block-preview .cover-image, div .editor-styles-wrapper .acf-block-preview .background-image { background-size: cover; background-repeat: no-repeat; background-position: center; } div .editor-styles-wrapper .acf-block-preview .no-objectfit .cover-image { min-height: 300px; background-repeat: none; } div .editor-styles-wrapper .acf-block-preview .no-objectfit .background-image img, div .editor-styles-wrapper .acf-block-preview .no-objectfit .cover-image img { display: none; } div .editor-styles-wrapper .acf-block-preview .flex, div .editor-styles-wrapper .acf-block-preview .flex-grid, div .editor-styles-wrapper .acf-block-preview .grid { display: flex; margin-left: calc(-1 * calc(30px / 2)); margin-left: calc(-1 * var(--flex-gap)); margin-right: calc(-1 * calc(30px / 2)); margin-right: calc(-1 * var(--flex-gap)); } div .editor-styles-wrapper .acf-block-preview .flex > *, div .editor-styles-wrapper .acf-block-preview .flex-grid > *, div .editor-styles-wrapper .acf-block-preview .grid > * { margin-right: calc(30px / 2); margin-right: var(--flex-gap); margin-left: calc(30px / 2); margin-left: var(--flex-gap); flex-grow: 1; flex-shrink: 1; } div .editor-styles-wrapper .acf-block-preview div .flex .span-1, div .editor-styles-wrapper .acf-block-preview .flex.span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-1, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-1, div .editor-styles-wrapper .acf-block-preview .grid.span-all-1 > * { width: calc(8.3333333333% - 30px); width: calc(8.3333333333% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-1, div .editor-styles-wrapper .acf-block-preview div .grid > .span-1 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-2, div .editor-styles-wrapper .acf-block-preview .flex.span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-2, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-2, div .editor-styles-wrapper .acf-block-preview .grid.span-all-2 > * { width: calc(16.6666666667% - 30px); width: calc(16.6666666667% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-2, div .editor-styles-wrapper .acf-block-preview div .grid > .span-2 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-3, div .editor-styles-wrapper .acf-block-preview .flex.span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-3, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-3, div .editor-styles-wrapper .acf-block-preview .grid.span-all-3 > * { width: calc(25% - 30px); width: calc(25% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-3, div .editor-styles-wrapper .acf-block-preview div .grid > .span-3 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-4, div .editor-styles-wrapper .acf-block-preview .flex.span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-4, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-4, div .editor-styles-wrapper .acf-block-preview .grid.span-all-4 > * { width: calc(33.3333333333% - 30px); width: calc(33.3333333333% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-4, div .editor-styles-wrapper .acf-block-preview div .grid > .span-4 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-5, div .editor-styles-wrapper .acf-block-preview .flex.span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-5, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-5, div .editor-styles-wrapper .acf-block-preview .grid.span-all-5 > * { width: calc(41.6666666667% - 30px); width: calc(41.6666666667% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-5, div .editor-styles-wrapper .acf-block-preview div .grid > .span-5 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-6, div .editor-styles-wrapper .acf-block-preview .flex.span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-6, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-6, div .editor-styles-wrapper .acf-block-preview .grid.span-all-6 > * { width: calc(50% - 30px); width: calc(50% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-6, div .editor-styles-wrapper .acf-block-preview div .grid > .span-6 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-7, div .editor-styles-wrapper .acf-block-preview .flex.span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-7, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-7, div .editor-styles-wrapper .acf-block-preview .grid.span-all-7 > * { width: calc(58.3333333333% - 30px); width: calc(58.3333333333% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-7, div .editor-styles-wrapper .acf-block-preview div .grid > .span-7 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-8, div .editor-styles-wrapper .acf-block-preview .flex.span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-8, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-8, div .editor-styles-wrapper .acf-block-preview .grid.span-all-8 > * { width: calc(66.6666666667% - 30px); width: calc(66.6666666667% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-8, div .editor-styles-wrapper .acf-block-preview div .grid > .span-8 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-9, div .editor-styles-wrapper .acf-block-preview .flex.span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-9, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-9, div .editor-styles-wrapper .acf-block-preview .grid.span-all-9 > * { width: calc(75% - 30px); width: calc(75% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-9, div .editor-styles-wrapper .acf-block-preview div .grid > .span-9 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-10, div .editor-styles-wrapper .acf-block-preview .flex.span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-10, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-10, div .editor-styles-wrapper .acf-block-preview .grid.span-all-10 > * { width: calc(83.3333333333% - 30px); width: calc(83.3333333333% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-10, div .editor-styles-wrapper .acf-block-preview div .grid > .span-10 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-11, div .editor-styles-wrapper .acf-block-preview .flex.span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-11, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-11, div .editor-styles-wrapper .acf-block-preview .grid.span-all-11 > * { width: calc(91.6666666667% - 30px); width: calc(91.6666666667% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-11, div .editor-styles-wrapper .acf-block-preview div .grid > .span-11 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div .flex .span-12, div .editor-styles-wrapper .acf-block-preview .flex.span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .flex-grid .span-12, div .editor-styles-wrapper .acf-block-preview .flex-grid.span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div .grid .span-12, div .editor-styles-wrapper .acf-block-preview .grid.span-all-12 > * { width: calc(100% - 30px); width: calc(100% - var(--grid-gap)); flex-grow: 0; flex-shrink: 0; flex-basis: auto; } div .editor-styles-wrapper .acf-block-preview div .flex > .span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid > .span-12, div .editor-styles-wrapper .acf-block-preview div .grid > .span-12 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview .grid { flex-wrap: wrap; } div .editor-styles-wrapper .acf-block-preview .grid > * { margin-bottom: 30px; margin-bottom: var(--grid-gap); } } @media screen and (-ms-high-contrast: active) and (max-width: 1200px), (-ms-high-contrast: none) and (max-width: 1200px) { div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-1, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-1, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-1 > * { width: calc(8.3333333333% - 30px); width: calc(8.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-2, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-2, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-2 > * { width: calc(16.6666666667% - 30px); width: calc(16.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-3, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-3, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-3 > * { width: calc(25% - 30px); width: calc(25% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-4, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-4, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-4 > * { width: calc(33.3333333333% - 30px); width: calc(33.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-5, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-5, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-5 > * { width: calc(41.6666666667% - 30px); width: calc(41.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-6, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-6, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-6 > * { width: calc(50% - 30px); width: calc(50% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-7, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-7, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-7 > * { width: calc(58.3333333333% - 30px); width: calc(58.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-8, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-8, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-8 > * { width: calc(66.6666666667% - 30px); width: calc(66.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-9, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-9, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-9 > * { width: calc(75% - 30px); width: calc(75% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-10, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-10, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-10 > * { width: calc(83.3333333333% - 30px); width: calc(83.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-11, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-11, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-11 > * { width: calc(91.6666666667% - 30px); width: calc(91.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid.container-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .container-span-12, div .editor-styles-wrapper .acf-block-preview div .flex.container-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .container-span-12, div .editor-styles-wrapper .acf-block-preview div .grid.container-span-all-12 > * { width: calc(100% - 30px); width: calc(100% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } } @media screen and (-ms-high-contrast: active) and (max-width: 1030px), (-ms-high-contrast: none) and (max-width: 1030px) { div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-1, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-1, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-1 > * { width: calc(8.3333333333% - 30px); width: calc(8.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-2, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-2, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-2 > * { width: calc(16.6666666667% - 30px); width: calc(16.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-3, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-3, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-3 > * { width: calc(25% - 30px); width: calc(25% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-4, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-4, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-4 > * { width: calc(33.3333333333% - 30px); width: calc(33.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-5, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-5, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-5 > * { width: calc(41.6666666667% - 30px); width: calc(41.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-6, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-6, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-6 > * { width: calc(50% - 30px); width: calc(50% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-7, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-7, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-7 > * { width: calc(58.3333333333% - 30px); width: calc(58.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-8, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-8, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-8 > * { width: calc(66.6666666667% - 30px); width: calc(66.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-9, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-9, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-9 > * { width: calc(75% - 30px); width: calc(75% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-10, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-10, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-10 > * { width: calc(83.3333333333% - 30px); width: calc(83.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-11, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-11, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-11 > * { width: calc(91.6666666667% - 30px); width: calc(91.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid.large-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .large-span-12, div .editor-styles-wrapper .acf-block-preview div .flex.large-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .large-span-12, div .editor-styles-wrapper .acf-block-preview div .grid.large-span-all-12 > * { width: calc(100% - 30px); width: calc(100% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } } @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) { div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-1, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-1, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-1 > * { width: calc(8.3333333333% - 30px); width: calc(8.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-2, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-2, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-2 > * { width: calc(16.6666666667% - 30px); width: calc(16.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-3, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-3, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-3 > * { width: calc(25% - 30px); width: calc(25% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-4, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-4, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-4 > * { width: calc(33.3333333333% - 30px); width: calc(33.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-5, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-5, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-5 > * { width: calc(41.6666666667% - 30px); width: calc(41.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-6, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-6, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-6 > * { width: calc(50% - 30px); width: calc(50% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-7, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-7, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-7 > * { width: calc(58.3333333333% - 30px); width: calc(58.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-8, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-8, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-8 > * { width: calc(66.6666666667% - 30px); width: calc(66.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-9, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-9, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-9 > * { width: calc(75% - 30px); width: calc(75% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-10, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-10, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-10 > * { width: calc(83.3333333333% - 30px); width: calc(83.3333333333% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-11, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-11, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-11 > * { width: calc(91.6666666667% - 30px); width: calc(91.6666666667% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview div .flex-grid.medium-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .medium-span-12, div .editor-styles-wrapper .acf-block-preview div .flex.medium-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .medium-span-12, div .editor-styles-wrapper .acf-block-preview div .grid.medium-span-all-12 > * { width: calc(100% - 30px); width: calc(100% - var(--grid-gap)); flex-basis: auto; flex-grow: 0; flex-shrink: 0; } } @media screen and (-ms-high-contrast: active) and (max-width: 576px), (-ms-high-contrast: none) and (max-width: 576px) { div .editor-styles-wrapper .acf-block-preview div .flex-grid, div .editor-styles-wrapper .acf-block-preview div .flex, div .editor-styles-wrapper .acf-block-preview div .grid { flex-wrap: wrap; } div .editor-styles-wrapper .acf-block-preview div.site div .flex-grid > *, div .editor-styles-wrapper .acf-block-preview div.site div .flex > *, div .editor-styles-wrapper .acf-block-preview div.site div .grid > * { width: calc(100% - 30px); width: calc(100% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-1 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-1 > * { width: calc(8.3333333333% - 30px); width: calc(8.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-1, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-1 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-2 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-2 > * { width: calc(16.6666666667% - 30px); width: calc(16.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-2, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-2 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-3 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-3 > * { width: calc(25% - 30px); width: calc(25% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-3, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-3 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-4 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-4 > * { width: calc(33.3333333333% - 30px); width: calc(33.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-4, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-4 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-5 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-5 > * { width: calc(41.6666666667% - 30px); width: calc(41.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-5, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-5 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-6 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-6 > * { width: calc(50% - 30px); width: calc(50% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-6, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-6 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-7 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-7 > * { width: calc(58.3333333333% - 30px); width: calc(58.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-7, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-7 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-8 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-8 > * { width: calc(66.6666666667% - 30px); width: calc(66.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-8, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-8 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-9 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-9 > * { width: calc(75% - 30px); width: calc(75% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-9, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-9 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-10 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-10 > * { width: calc(83.3333333333% - 30px); width: calc(83.3333333333% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-10, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-10 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-11 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-11 > * { width: calc(91.6666666667% - 30px); width: calc(91.6666666667% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-11, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-11 { flex-grow: 0; flex-shrink: 0; } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .flex-grid.small-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .flex.small-span-all-12 > *, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .grid.small-span-all-12 > * { width: calc(100% - 30px); width: calc(100% - var(--grid-gap)); } div .editor-styles-wrapper .acf-block-preview div div .flex-grid > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .flex > .small-span-12, div .editor-styles-wrapper .acf-block-preview div div .grid > .small-span-12 { flex-grow: 0; flex-shrink: 0; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { div .editor-styles-wrapper .acf-block-preview .layout-center-content > * { margin: 0; } } div .editor-styles-wrapper .acf-block-preview body { background: white; background: var(--body-bg); } div .editor-styles-wrapper .acf-block-preview .site-logo { font-size: 3.3rem; text-transform: uppercase; color: white; max-width: 350px; } div .editor-styles-wrapper .acf-block-preview .site-logo svg, div .editor-styles-wrapper .acf-block-preview .site-logo path, div .editor-styles-wrapper .acf-block-preview .site-logo g { fill: currentColor; } div .editor-styles-wrapper .acf-block-preview .site-navigation .site-logo { padding: 3px 0; } div .editor-styles-wrapper .acf-block-preview .site-top { position: relative; background: #007fb0; background: var(--site-top); } div .editor-styles-wrapper .acf-block-preview .entry-header, div .editor-styles-wrapper .acf-block-preview .page-header { position: relative; min-height: calc(400px + 5vw); padding: 30px 0; color: white; background-color: #4c545d; background-color: var(--dark-grey); background-size: cover; } div .editor-styles-wrapper .acf-block-preview .entry-header h1, div .editor-styles-wrapper .acf-block-preview .page-header h1 { margin: 0; } div .editor-styles-wrapper .acf-block-preview .entry-header .cover-image, div .editor-styles-wrapper .acf-block-preview .page-header .cover-image { height: 500px; } div .editor-styles-wrapper .acf-block-preview .entry-header + p, div .editor-styles-wrapper .acf-block-preview .entry-content > p:first-child { padding-top: 30px; padding-top: var(--gap); } div .editor-styles-wrapper .acf-block-preview .site-footer { padding-top: 5px; padding-bottom: 5px; background: #4c545d; background: var(--footer-bg); color: #cacaca; color: var(--subtle-text-color); font-size: 1.1rem; } div .editor-styles-wrapper .acf-block-preview .site-footer a { color: inherit; } div .editor-styles-wrapper .acf-block-preview .error404 { background: white; color: #007eac; color: var(--highlight); } div .editor-styles-wrapper .acf-block-preview .error404 .site-content { display: flex; align-items: center; justify-content: center; } div .editor-styles-wrapper .acf-block-preview .error404 .site-footer, div .editor-styles-wrapper .acf-block-preview .error404 .site-top { display: none; } div .editor-styles-wrapper .acf-block-preview .error404 .title-404 { font-size: 27vmin; font-weight: bold; line-height: 1; color: rgba(74, 58, 148, 0.82); text-shadow: 1px 1px white; margin-bottom: 30px; margin-bottom: var(--gap); } div .editor-styles-wrapper .acf-block-preview .background-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; } div .editor-styles-wrapper .acf-block-preview .background-image img { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; position: relative; } div .editor-styles-wrapper .acf-block-preview .background-image ~ * { z-index: 10; } div .editor-styles-wrapper .acf-block-preview .cover-image { width: 100%; display: block; } div .editor-styles-wrapper .acf-block-preview .cover-image img { -o-object-fit: cover; object-fit: cover; left: 0; right: 0; height: 100%; width: 100%; } div .editor-styles-wrapper .acf-block-preview .overlay { box-shadow: inset 0 0 0 2000px rgba(0, 0, 0,0.65); box-shadow: inset 0 0 0 2000px var(--overlay-color); color: white; } div .editor-styles-wrapper .acf-block-preview article img, div .editor-styles-wrapper .acf-block-preview .wp-block-image img { display: block; } div .editor-styles-wrapper .acf-block-preview figure { margin-bottom: 1em; max-width: 100%; font-size: 1.3rem; } div .editor-styles-wrapper .acf-block-preview .card-grid figure, div .editor-styles-wrapper .acf-block-preview .card-grid-full figure { text-align: center; margin: 0; } div .editor-styles-wrapper .acf-block-preview img.alignright { float: right; margin-left: 30px; margin-left: var(--gap); margin-bottom: 1em; } div .editor-styles-wrapper .acf-block-preview img.alignleft { float: left; margin-right: 30px; margin-right: var(--gap); margin-bottom: 1em; } div .editor-styles-wrapper .acf-block-preview .wp-block-image .alignright { margin-top: 0.6em; float: right; margin-left: 30px; margin-left: var(--gap); } div .editor-styles-wrapper .acf-block-preview .wp-block-image .alignleft { margin-top: 0.6em; float: left; margin-right: 30px; margin-right: var(--gap); } div .editor-styles-wrapper .acf-block-preview .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } div .editor-styles-wrapper .acf-block-preview .container-content .alignfull { max-width: none; } div .editor-styles-wrapper .acf-block-preview .alignfull img { -o-object-fit: cover; object-fit: cover; } div .editor-styles-wrapper .acf-block-preview .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; } div .editor-styles-wrapper .acf-block-preview .videowrapper iframe, div .editor-styles-wrapper .acf-block-preview .videowrapper video, div .editor-styles-wrapper .acf-block-preview .videowrapper object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } div .editor-styles-wrapper .acf-block-preview .menu li { color: white; } div .editor-styles-wrapper .acf-block-preview .menu li:hover, div .editor-styles-wrapper .acf-block-preview .menu li.toggled-on, div .editor-styles-wrapper .acf-block-preview .menu li:active { color: black; } div .editor-styles-wrapper .acf-block-preview #panel-left .menu .current-menu-item, div .editor-styles-wrapper .acf-block-preview #panel-left .menu li.toggled-on { background: rgba(0, 0, 0, 0.3); color: white; } div .editor-styles-wrapper .acf-block-preview #panel-left .menu .current-menu-item > .menu-item-link, div .editor-styles-wrapper .acf-block-preview #panel-left .menu li.toggled-on > .menu-item-link { background: rgba(0, 0, 0, 0.5); } @media (min-width: 800px) { div .editor-styles-wrapper .acf-block-preview .site-top .menu li, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu li { color: white; font-weight: bold; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.current-menu-item .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.current-menu-item .menu-item-link { color: #191919; color: var(--main-text-color); } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.toggled-on, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item[focus-within], div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item[focus-within] { background: transparent; color: black; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.toggled-on, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item:focus-within, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item:focus-within { background: transparent; color: black; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.toggled-on > .sub-menu, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.toggled-on > .children, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item[focus-within] > .sub-menu, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item[focus-within] > .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on > .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item[focus-within] > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item[focus-within] > .children { transform: translate3d(-50%, -5px, 0) rotateX(0); opacity: 1; visibility: visible; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.toggled-on > .sub-menu, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.toggled-on > .children, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item:focus-within > .sub-menu, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item:focus-within > .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.toggled-on > .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item:focus-within > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item:focus-within > .children { transform: translate3d(-50%, -5px, 0) rotateX(0); opacity: 1; visibility: visible; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children { opacity: 0; visibility: hidden; transform: perspective(100px) translate3d(-50%, 0, 0) rotateX(-8deg); transition: all 0.3s; background: white; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.17); border-radius: 3px; transform-style: preserve-3d; transform-origin: 0 top; overflow: visible; padding: 5px 0; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu a, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu a, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children a { flex-shrink: 1; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu:before, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children:before, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu:before, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children:before { content: ""; width: 16px; height: 16px; background: inherit; display: block; transform: rotate(45deg); position: absolute; top: -8px; left: 0; right: 0; margin: auto; z-index: 1; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link { transition: all 0.5s; color: #007eac; color: var(--highlight); z-index: 2; position: relative; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu .menu-item-link[focus-within], div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children .menu-item-link[focus-within], div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link[focus-within], div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link[focus-within] { background: #007eac; background: var(--highlight); color: white; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .sub-menu .menu-item-link:focus-within, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item > .children .menu-item-link:focus-within, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .sub-menu .menu-item-link:focus-within, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link:hover, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item > .children .menu-item-link:focus-within { background: #007eac; background: var(--highlight); color: white; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.offscreen-right > .sub-menu, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.offscreen-right > .sub-menu { left: -50px; } div .editor-styles-wrapper .acf-block-preview .site-top .menu .top-level-item.offscreen-right > .sub-menu:before, div .editor-styles-wrapper .acf-block-preview .horizontal-menu .menu .top-level-item.offscreen-right > .sub-menu:before { content: none; } div .editor-styles-wrapper .acf-block-preview .top-level-item > .menu-item-link .submenu-dropdown-toggle { display: none; } } div .editor-styles-wrapper .acf-block-preview .touch-device .top-level-item > .menu-item-link .submenu-dropdown-toggle { display: block; } div .editor-styles-wrapper .acf-block-preview .submenu-dropdown-toggle .icon { transition: transform 0.4s; } div .editor-styles-wrapper .acf-block-preview .menu-item.toggled-on > .menu-item-link .icon, div .editor-styles-wrapper .acf-block-preview .menu-item[focus-within] > .menu-item-link.icon { transform: rotate(90deg); } div .editor-styles-wrapper .acf-block-preview .menu-item.toggled-on > .menu-item-link .icon, div .editor-styles-wrapper .acf-block-preview .menu-item:focus-within > .menu-item-link.icon { transform: rotate(90deg); } div .editor-styles-wrapper .acf-block-preview .submenu-dropdown-toggle, div .editor-styles-wrapper .acf-block-preview .submenu-dropdown-toggle:focus { background: none; border: none; margin: 0; display: inline; outline: none; cursor: pointer; min-width: 1.5em; text-align: left; font-size: inherit; color: inherit; } div .editor-styles-wrapper .acf-block-preview label { display: block; font-weight: 800; } div .editor-styles-wrapper .acf-block-preview fieldset { margin-bottom: 30px; margin-bottom: var(--gap); } div .editor-styles-wrapper .acf-block-preview input[type=text], div .editor-styles-wrapper .acf-block-preview input[type=email], div .editor-styles-wrapper .acf-block-preview input[type=url], div .editor-styles-wrapper .acf-block-preview input[type=password], div .editor-styles-wrapper .acf-block-preview input[type=search], div .editor-styles-wrapper .acf-block-preview input[type=number], div .editor-styles-wrapper .acf-block-preview input[type=tel], div .editor-styles-wrapper .acf-block-preview input[type=range], div .editor-styles-wrapper .acf-block-preview input[type=date], div .editor-styles-wrapper .acf-block-preview input[type=month], div .editor-styles-wrapper .acf-block-preview input[type=week], div .editor-styles-wrapper .acf-block-preview input[type=time], div .editor-styles-wrapper .acf-block-preview input[type=datetime], div .editor-styles-wrapper .acf-block-preview input[type=datetime-local], div .editor-styles-wrapper .acf-block-preview input[type=color], div .editor-styles-wrapper .acf-block-preview input[type=file], div .editor-styles-wrapper .acf-block-preview textarea { border: 1px solid grey; background: transparent; color: #191919; color: var(--main-text-color); width: 100%; min-width: 0; font-size: inherit; transition: all 0.5s; padding: 3px 5px; display: block; } div .editor-styles-wrapper .acf-block-preview input[type=text]:focus, div .editor-styles-wrapper .acf-block-preview input[type=email]:focus, div .editor-styles-wrapper .acf-block-preview input[type=url]:focus, div .editor-styles-wrapper .acf-block-preview input[type=password]:focus, div .editor-styles-wrapper .acf-block-preview input[type=search]:focus, div .editor-styles-wrapper .acf-block-preview input[type=number]:focus, div .editor-styles-wrapper .acf-block-preview input[type=tel]:focus, div .editor-styles-wrapper .acf-block-preview input[type=range]:focus, div .editor-styles-wrapper .acf-block-preview input[type=date]:focus, div .editor-styles-wrapper .acf-block-preview input[type=month]:focus, div .editor-styles-wrapper .acf-block-preview input[type=week]:focus, div .editor-styles-wrapper .acf-block-preview input[type=time]:focus, div .editor-styles-wrapper .acf-block-preview input[type=datetime]:focus, div .editor-styles-wrapper .acf-block-preview input[type=datetime-local]:focus, div .editor-styles-wrapper .acf-block-preview input[type=color]:focus, div .editor-styles-wrapper .acf-block-preview input[type=file]:focus, div .editor-styles-wrapper .acf-block-preview textarea:focus { border: 1px solid #007eac; border: 1px solid var(--highlight); } div .editor-styles-wrapper .acf-block-preview .site-container select { width: 100%; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20width%3D%271em%27%20height%3D%271em%27%20style%3D%27-ms-transform%3A%20rotate%28360deg%29%3B%20-webkit-transform%3A%20rotate%28360deg%29%3B%20transform%3A%20rotate%28360deg%29%3B%27%20preserveAspectRatio%3D%27xMidYMid%20meet%27%20viewBox%3D%270%200%2032%2032%27%3E%3Cpath%20d%3D%27M16%2022L6%2012l1.4-1.4l8.6%208.6l8.6-8.6L26%2012z%27%20fill%3D%27%23000%27%2F%3E%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%2732%27%20height%3D%2732%27%20fill%3D%27rgba%280%2C%200%2C%200%2C%200%29%27%20%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat, repeat; background-position: right 0.8rem top 50%, 0 0; background-size: 1.2em auto, 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 10px; font-weight: bold; color: black; background-color: transparent; font-size: inherit; } div .editor-styles-wrapper .acf-block-preview .site-container select option { font-weight: normal; } div .editor-styles-wrapper .acf-block-preview input[type=radio], div .editor-styles-wrapper .acf-block-preview input[type=checkbox] { margin-right: 0.5em; } div .editor-styles-wrapper .acf-block-preview .btn, div .editor-styles-wrapper .acf-block-preview .button, div .editor-styles-wrapper .acf-block-preview input[type=submit] { border: 1px solid transparent; display: inline-block; text-transform: capitalize; background: #007eac; background: var(--highlight); padding: 5px 10px; color: white; border-radius: 3px; transition: all 0.5s; cursor: pointer; box-shadow: none; font-size: inherit; } div .editor-styles-wrapper .acf-block-preview .btn:active, div .editor-styles-wrapper .acf-block-preview .btn:focus, div .editor-styles-wrapper .acf-block-preview .button:active, div .editor-styles-wrapper .acf-block-preview .button:focus, div .editor-styles-wrapper .acf-block-preview input[type=submit]:active, div .editor-styles-wrapper .acf-block-preview input[type=submit]:focus { color: white; background: #007fb0; background: var(--highlight-darkened); box-shadow: 0 0 0 2px rgba(0, 185, 235, 0.73); box-shadow: 0 0 0 2px var(--highlight-alpha); } div .editor-styles-wrapper .acf-block-preview .btn:hover, div .editor-styles-wrapper .acf-block-preview .button:hover, div .editor-styles-wrapper .acf-block-preview input[type=submit]:hover { color: white; background: #007fb0; background: var(--highlight-darkened); } div .editor-styles-wrapper .acf-block-preview .btn--o, div .editor-styles-wrapper .acf-block-preview .button--o { border: 1px solid #007eac; border: 1px solid var(--highlight); color: #007eac; color: var(--highlight); background: transparent; } div .editor-styles-wrapper .acf-block-preview .btn--o:hover, div .editor-styles-wrapper .acf-block-preview .btn--o:focus, div .editor-styles-wrapper .acf-block-preview .button--o:hover, div .editor-styles-wrapper .acf-block-preview .button--o:focus { background: #007eac; background: var(--highlight); color: white; } div .editor-styles-wrapper .acf-block-preview ::-moz-placeholder { color: #cacaca; color: var(--grey); opacity: 0.7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); } div .editor-styles-wrapper .acf-block-preview :-ms-input-placeholder { color: #cacaca; color: var(--grey); opacity: 0.7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); } div .editor-styles-wrapper .acf-block-preview ::placeholder { color: #cacaca; color: var(--grey); opacity: 0.7; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: var(--font); } div .editor-styles-wrapper .acf-block-preview .search-form { display: flex; font-size: 2rem; } div .editor-styles-wrapper .acf-block-preview .search-form .search-field { flex: 1 1 auto; padding: 3px 10px 3px 10px; border: 1px solid #007eac; border: 1px solid var(--highlight); border-radius: 3px; background: white; } div .editor-styles-wrapper .acf-block-preview .input-prepend, div .editor-styles-wrapper .acf-block-preview .input-append { transition: all 0.5s; background: white; z-index: 2; color: #cacaca; color: var(--subtle-text-color); box-shadow: none; } div .editor-styles-wrapper .acf-block-preview .input-append { border-radius: 0 3px 3px 0; margin-left: -2px; order: 1; border: 1px solid #007eac; border: 1px solid var(--highlight); border-left: 0; } div .editor-styles-wrapper .acf-block-preview .input-prepend { border-radius: 3px 0 0 3px; margin-right: -2px; border: 1px solid #007eac; border: 1px solid var(--highlight); order: -1; border-right: 0; } div .editor-styles-wrapper .acf-block-preview input:focus + .input-prepend { border-color: #007eac; border-color: var(--highlight); } div .editor-styles-wrapper .acf-block-preview input:focus + .input-append { border-color: #007eac; border-color: var(--highlight); } div .editor-styles-wrapper .acf-block-preview .animate { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; animation-duration: 1s; transform: translate(0); } div .editor-styles-wrapper .acf-block-preview .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } div .editor-styles-wrapper .acf-block-preview #page [data-scrollscrub] { transition: none; } div .editor-styles-wrapper .acf-block-preview .fixed-at-top { position: fixed; top: 0; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(1) { transition-delay: 0s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(2) { transition-delay: 0.25s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(3) { transition-delay: 0.5s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(4) { transition-delay: 0.75s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(5) { transition-delay: 1s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(6) { transition-delay: 1.25s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(7) { transition-delay: 1.5s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(8) { transition-delay: 1.75s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(9) { transition-delay: 2s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(10) { transition-delay: 2.25s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(11) { transition-delay: 2.5s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(12) { transition-delay: 2.75s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(13) { transition-delay: 3s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(14) { transition-delay: 3.25s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(15) { transition-delay: 3.5s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(16) { transition-delay: 3.75s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(17) { transition-delay: 4s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(18) { transition-delay: 4.25s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(19) { transition-delay: 4.5s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(20) { transition-delay: 4.75s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(21) { transition-delay: 5s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(22) { transition-delay: 5.25s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(23) { transition-delay: 5.5s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(24) { transition-delay: 5.75s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(25) { transition-delay: 6s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(26) { transition-delay: 6.25s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(27) { transition-delay: 6.5s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(28) { transition-delay: 6.75s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(29) { transition-delay: 7s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(30) { transition-delay: 7.25s; } div .editor-styles-wrapper .acf-block-preview .active.sequence:nth-of-type(31) { transition-delay: 7.5s; } div .editor-styles-wrapper .acf-block-preview .js [data-scrollanimation*=fadeInUp] { opacity: 0; transition: all 0.5s; transform: translate3d(0, 100%, 0); } div .editor-styles-wrapper .acf-block-preview .js [data-scrollanimation*=fadeInUp].fadeInUp { opacity: 1; transform: translate3d(0, 0, 0); } div .editor-styles-wrapper .acf-block-preview .js [data-scrollanimation*=zoomIn] { transition: all 0.5s; opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } div .editor-styles-wrapper .acf-block-preview .js [data-scrollanimation*=zoomIn].zoomIn { transform: scale(1); opacity: 1; } div .editor-styles-wrapper .acf-block-preview .icon, div .editor-styles-wrapper .acf-block-preview .icon { display: inline-block; stroke-width: 0; stroke: currentColor; height: 1em; vertical-align: middle; width: 1em; position: relative; fill: currentColor; } div .editor-styles-wrapper .acf-block-preview .icon svg, div .editor-styles-wrapper .acf-block-preview .icon path, div .editor-styles-wrapper .acf-block-preview .icon g, div .editor-styles-wrapper .acf-block-preview .icon svg, div .editor-styles-wrapper .acf-block-preview .icon path, div .editor-styles-wrapper .acf-block-preview .icon g { fill: currentColor; } div .editor-styles-wrapper .acf-block-preview .icon-arrow-right { top: -2px; } div .editor-styles-wrapper .acf-block-preview ul, div .editor-styles-wrapper .acf-block-preview ol { margin: 0 0 1.5em 30px; margin: 0 0 1.5em var(--gap); padding: 0; } div .editor-styles-wrapper .acf-block-preview ul { list-style: disc; } div .editor-styles-wrapper .acf-block-preview ol { list-style: decimal; } div .editor-styles-wrapper .acf-block-preview li > ul, div .editor-styles-wrapper .acf-block-preview li > ol { margin-bottom: 0; margin-left: 1.5em; } div .editor-styles-wrapper .acf-block-preview dt { font-weight: 700; } div .editor-styles-wrapper .acf-block-preview dd { margin: 0 1.5em 1.5em; } div .editor-styles-wrapper .acf-block-preview table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } div .editor-styles-wrapper .acf-block-preview thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } div .editor-styles-wrapper .acf-block-preview th { padding: 0.4em; text-align: left; } div .editor-styles-wrapper .acf-block-preview tr { border-bottom: 1px solid #eee; } div .editor-styles-wrapper .acf-block-preview td { padding: 0.4em; } div .editor-styles-wrapper .acf-block-preview th:first-child, div .editor-styles-wrapper .acf-block-preview td:first-child { padding-left: 0; } div .editor-styles-wrapper .acf-block-preview th:last-child, div .editor-styles-wrapper .acf-block-preview td:last-child { padding-right: 0; } div .editor-styles-wrapper .acf-block-preview section, div .editor-styles-wrapper .acf-block-preview .section { padding-top: 30px; padding-top: var(--gap); padding-bottom: 30px; padding-bottom: var(--gap); } div .editor-styles-wrapper .acf-block-preview section section, div .editor-styles-wrapper .acf-block-preview .section section { padding-top: 0; padding-bottom: 0; } div .editor-styles-wrapper .acf-block-preview section p:last-child, div .editor-styles-wrapper .acf-block-preview .section p:last-child { margin-bottom: 0; } div .editor-styles-wrapper .acf-block-preview .no-bg + .no-bg { padding-top: 0; } div .editor-styles-wrapper .acf-block-preview section.heading-center h1, div .editor-styles-wrapper .acf-block-preview section.heading-center h2 { text-align: center; } div .editor-styles-wrapper .acf-block-preview .site-content .padding { padding: 30px; padding: var(--gap); } div .editor-styles-wrapper .acf-block-preview .site-content .no-padding { padding: 0; } div .editor-styles-wrapper .acf-block-preview .site-content .no-padding-top { padding-top: 0; } div .editor-styles-wrapper .acf-block-preview .site-content .no-padding-bottom { padding-bottom: 0; } div .editor-styles-wrapper .acf-block-preview .site-content .margin-bottom { margin-bottom: 30px; margin-bottom: var(--gap); } .editor-styles-wrapper .acf-block-preview { /*-------------------------------------------------------------- # Post Card design --------------------------------------------------------------*/ /*------- ACF Menu block --------*/ } .editor-styles-wrapper .acf-block-preview .post.card-item { border: 1px solid #007eac; border: 1px solid var(--highlight); padding: 15px; padding: var(--gutters); } .editor-styles-wrapper .acf-block-preview .site .acf-menu { padding: 0; } .editor-styles-wrapper .acf-block-preview .section-menu { background: #4c545d; background: var(--dark-grey); } .editor-styles-wrapper .acf-block-preview .section-menu li { font-weight: normal; } /*# sourceMappingURL=backEnd.css.map*/