body {
    font: 14px/1.5 'Lato', Helvetica, Arial, sans-serif;
    color: #5c6777;
    display: flex;
    flex-direction: column;
}

html, body {
    margin: 0;
    min-height: 100vh;
}

html * {
    box-sizing: border-box;
}

h1 {
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}

table {
    width: 100%;
    margin-top: 2em;
    margin-bottom: 2em;
}

thead th {
    padding: 10px;
    text-align: center;
    font-size: 1em;
}

tbody tr:hover {
    background-color: #f0f8ff;
}

tbody td {
    padding: 8px;
}

iframe {
    max-width: 100%;
}

/* trocchi-regular - latin */
@font-face {
  font-family: 'Trocchi';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('https://cdn.andersonchildrensfoundation.org/fonts/trocchi-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://cdn.andersonchildrensfoundation.org/fonts/trocchi-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local(''),
       url('https://cdn.andersonchildrensfoundation.org/fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('https://cdn.andersonchildrensfoundation.org/fonts/lato-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

main {
    /* position: relative; */
    min-height: 100vh;
    /* contain: content; */
}

a {
    color: #64b5f6;
}

a:visited {
    color: #945aca;
}

a.invalid {
    color: #a80630;
    cursor: not-allowed;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.align-justify {
    text-align: justify;
}

.strike {
    text-decoration: line-through;
}

.u {
    text-decoration: underline;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

li {
    padding: 4px 0;
}
/* acf-section */
acf-section {
    width: 100%;
    box-sizing: border-box;
    padding: 16px 0;
    padding-top: 2em;
    display: block;
}

acf-section[blue] {
    background-image: url("https://d12h4atyt5k40p.cloudfront.net/2735");
    background-repeat: repeat;
    color: #fff;
}

acf-section[green] {
    background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAALAAoDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAQT/xAAXEAEBAQEAAAAAAAAAAAAAAAABABEh/8QAFQEBAQAAAAAAAAAAAAAAAAAAAgb/xAAUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwC5xMDsSLG0OD//2Q==) 50% 50%;
    color: #E6FB87;
}

acf-section[grey] {
    background: url(data:image/gif;base64,R0lGODlhCAAIALMAAO/v7/Ly8vHx8ezs7Pb29u7u7vX19erq6vDw8AAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAIAAgAAAQcEIQZBLhgaGzLKYBAGFhIEEFJDWU2gGJ3mCNyRQA7) 50% 0;
}

acf-section[green] h1,
acf-section[green] h2,
acf-section[green] h3,
acf-section[green] h4,
acf-section[green] h5,
acf-section[green] h6 {
    color: #3f527f;
}

/* acf-sequence */
acf-sequence {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 32px;
}

/* acf-sequence-item */
acf-sequence-item {
    margin-top: 2em;
    box-sizing: border-box;
	grid-column-end: span 12;
    display: block;
}

acf-sequence-item::part(grid) {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 16px;
}

acf-sequence-item::part(seq-ind-cont) {
    box-sizing: border-box;
	grid-column-end: span 2;
}

acf-sequence-item::part(seq-body-cont) {
    box-sizing: border-box;
	grid-column-end: span 10;
}

acf-sequence-item::part(seq-ind) {
    box-sizing: initial;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 25px;
    color: #536693;
    border: 2px solid #689900;
}

acf-sequence-item::part(seq-label) {
    margin: 0;
}

acf-sequence-item::part(seq-body) {
    margin: 10px;
}

@media (min-width: 960px) {
    acf-sequence-item {
        grid-column-end: span 6;
    }
}

@media (min-width: 1280px) {
    acf-sequence-item {
        grid-column-end: span 6;
    }
}

@media (min-width: 1920px) {
    acf-sequence-item {
        grid-column-end: span 4;
    }
}

/* acf-app-bar */
acf-app-bar::part(header) {
    z-index: 8000;
    background-color: #657ab1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    color: #fff;
    padding-left: 25px;
    box-shadow: #333 0 5px 10px;
}

acf-app-bar::part(header-h2) {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
}

acf-app-bar::part(spacer) {
    width: 100%;
    height: 4.704em;
    /* margin-bottom: 1.5em; */
}

/* acf-bottom-nav */

acf-bottom-nav {
    color: #a1a1a1;
    background: url(data:image/gif;base64,R0lGODlhCAAIALMAAO/v7/Ly8vHx8ezs7Pb29u7u7vX19erq6vDw8AAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAAAALAAAAAAIAAgAAAQcEIQZBLhgaGzLKYBAGFhIEEFJDWU2gGJ3mCNyRQA7) 50% 0;
    border-top: 1px solid #d1cfcf;
    padding: 25px 0 50px 0;
    font-size: 12px;
    font-family: helvetica, arial, sans-serif;
    margin-top: auto;
}

/* acf-container */
acf-container {
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 1em;
    display: block;
}

acf-container:not(:first-child) {
    padding-top: 16px;
}

@media (min-width: 600px) {
    acf-container {
        max-width: 600px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 960px) {
    acf-container {
        max-width: 960px;
        padding-left: 32px;
        padding-right: 32px;
    }
}

@media (min-width: 1280px) {
    acf-container {
        max-width: 1280px;
    }
}

@media (min-width: 1920px) {
    acf-container {
        max-width: 1280px;
    }
}

/* acf-divider */
acf-divider {
    color: #536693;
    text-align: center;
    font: 22px 'Trocchi', serif;
    background: url(data:image/gif;base64,R0lGODlhAQAGAIABAOzs7P///yH5BAEAAAEALAAAAAABAAYAAAIDRB5QADs=) repeat-x 0 50%;
    padding: 16px 0;
    display: block;
}

acf-divider span {
    padding: 0 10px;
    background: #fff;
}

acf-section[green] acf-divider {
    color: #3f527f;
    background: none;
}

acf-section[green] acf-divider span {
    background: none;
}

acf-section[blue] acf-divider {
    color: #fff;
    background: none;
}

acf-section[blue] acf-divider span {
    background: none;
}

/* acf-grid-container */
acf-grid-container {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 16px;
}

acf-grid-container[spacing=0] {
    grid-gap: 0;
}

acf-grid-container[spacing=1] {
    grid-gap: 8px;
}

acf-grid-container[spacing=2] {
    grid-gap: 16px;
}

acf-grid-container[spacing=3] {
    grid-gap: 24px;
}

acf-grid-container[spacing=4] {
    grid-gap: 32px;
}

acf-grid-container[spacing=5] {
    grid-gap: 40px;
}

acf-grid-container[spacing=6] {
    grid-gap: 48px;
}

acf-grid-container[spacing=7] {
    grid-gap: 56px;
}

acf-grid-container[spacing=8] {
    grid-gap: 64px;
}

acf-grid-container[spacing=9] {
    grid-gap: 72px;
}

acf-grid-container[spacing=10] {
    grid-gap: 80px;
}

/* acf-grid-item */
acf-grid-item {
    box-sizing: border-box;
}
acf-grid-item[xs='1'] {
	grid-column-end: span 1;
}
acf-grid-item[xs='2'] {
	grid-column-end: span 2;
}
acf-grid-item[xs='3'] {
	grid-column-end: span 3;
}
acf-grid-item[xs='4'] {
	grid-column-end: span 4;
}
acf-grid-item[xs='5'] {
	grid-column-end: span 5;
}
acf-grid-item[xs='6'] {
	grid-column-end: span 6;
}
acf-grid-item[xs='7'] {
	grid-column-end: span 7;
}
acf-grid-item[xs='8'] {
	grid-column-end: span 8;
}
acf-grid-item[xs='9'] {
	grid-column-end: span 9;
}
acf-grid-item[xs='10'] {
	grid-column-end: span 10;
}
acf-grid-item[xs='11'] {
	grid-column-end: span 11;
}
acf-grid-item[xs='12'] {
	grid-column-end: span 12;
}
@media (min-width: 600px) {
    acf-grid-item[xs-hidden-above] {
        display: none;
    }
	acf-grid-item[sm='1'] {
		grid-column-end: span 1;
	}
	acf-grid-item[sm='2'] {
		grid-column-end: span 2;
	}
	acf-grid-item[sm='3'] {
		grid-column-end: span 3;
	}
	acf-grid-item[sm='4'] {
		grid-column-end: span 4;
	}
	acf-grid-item[sm='5'] {
		grid-column-end: span 5;
	}
	acf-grid-item[sm='6'] {
		grid-column-end: span 6;
	}
	acf-grid-item[sm='7'] {
		grid-column-end: span 7;
	}
	acf-grid-item[sm='8'] {
		grid-column-end: span 8;
	}
	acf-grid-item[sm='9'] {
		grid-column-end: span 9;
	}
	acf-grid-item[sm='10'] {
		grid-column-end: span 10;
	}
	acf-grid-item[sm='11'] {
		grid-column-end: span 11;
	}
	acf-grid-item[sm='12'] {
		grid-column-end: span 12;
	}
}
@media (min-width: 960px) {
    acf-grid-item[sm-hidden-above] {
        display: none;
    }
	acf-grid-item[md='1'] {
		grid-column-end: span 1;
	}
	acf-grid-item[md='2'] {
		grid-column-end: span 2;
	}
	acf-grid-item[md='3'] {
		grid-column-end: span 3;
	}
	acf-grid-item[md='4'] {
		grid-column-end: span 4;
	}
	acf-grid-item[md='5'] {
		grid-column-end: span 5;
	}
	acf-grid-item[md='6'] {
		grid-column-end: span 6;
	}
	acf-grid-item[md='7'] {
		grid-column-end: span 7;
	}
	acf-grid-item[md='8'] {
		grid-column-end: span 8;
	}
	acf-grid-item[md='9'] {
		grid-column-end: span 9;
	}
	acf-grid-item[md='10'] {
		grid-column-end: span 10;
	}
	acf-grid-item[md='11'] {
		grid-column-end: span 11;
	}
	acf-grid-item[md='12'] {
		grid-column-end: span 12;
	}
}
@media (min-width: 1280px) {
    acf-grid-item[md-hidden-above] {
        display: none;
    }
	acf-grid-item[lg='1'] {
		grid-column-end: span 1;
	}
	acf-grid-item[lg='2'] {
		grid-column-end: span 2;
	}
	acf-grid-item[lg='3'] {
		grid-column-end: span 3;
	}
	acf-grid-item[lg='4'] {
		grid-column-end: span 4;
	}
	acf-grid-item[lg='5'] {
		grid-column-end: span 5;
	}
	acf-grid-item[lg='6'] {
		grid-column-end: span 6;
	}
	acf-grid-item[lg='7'] {
		grid-column-end: span 7;
	}
	acf-grid-item[lg='8'] {
		grid-column-end: span 8;
	}
	acf-grid-item[lg='9'] {
		grid-column-end: span 9;
	}
	acf-grid-item[lg='10'] {
		grid-column-end: span 10;
	}
	acf-grid-item[lg='11'] {
		grid-column-end: span 11;
	}
	acf-grid-item[lg='12'] {
		grid-column-end: span 12;
	}
}
@media (min-width: 1920px) {
    acf-grid-item[lg-hidden-above] {
        display: none;
    }
	acf-grid-item[xl='1'] {
		grid-column-end: span 1;
	}
	acf-grid-item[xl='2'] {
		grid-column-end: span 2;
	}
	acf-grid-item[xl='3'] {
		grid-column-end: span 3;
	}
	acf-grid-item[xl='4'] {
		grid-column-end: span 4;
	}
	acf-grid-item[xl='5'] {
		grid-column-end: span 5;
	}
	acf-grid-item[xl='6'] {
		grid-column-end: span 6;
	}
	acf-grid-item[xl='7'] {
		grid-column-end: span 7;
	}
	acf-grid-item[xl='8'] {
		grid-column-end: span 8;
	}
	acf-grid-item[xl='9'] {
		grid-column-end: span 9;
	}
	acf-grid-item[xl='10'] {
		grid-column-end: span 10;
	}
	acf-grid-item[xl='11'] {
		grid-column-end: span 11;
	}
	acf-grid-item[xl='12'] {
		grid-column-end: span 12;
	}
}

@media (max-width: 600px) {
    acf-grid-item[sm-hidden-below] {
        display: none;
    }
}
@media (min-width: 960px) {
    acf-grid-item[md-hidden-below] {
        display: none;
    }
}
@media (min-width: 1280px) {
    acf-grid-item[lg-hidden-below] {
        display: none;
    }
}
@media (min-width: 1920px) {
    acf-grid-item[xl-hidden-below] {
        display: none;
    }
}

/* acf-image */
acf-image::part(img) {
    max-width: 100%;
}

@media (max-width: 600px) {
    acf-image::part(img) {
        width: 100%;
    }
}

/* acf-image-carousel */
acf-image-carousel {
    position: relative;
	height: 125vh;
	margin-bottom: 1em;
	display: block;
}

acf-image-carousel::part(buttons) {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}

acf-image-carousel::part(button) {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background-color: #555;
    cursor: pointer;
    margin: 0 5px;
	display: inline-block;
	border: none;
	padding: 0;
}

acf-image-carousel::part(button-active) {
    height: 10px;
    width: 10px;
    border-radius: 5px;
    background-color: #999;
    cursor: pointer;
    margin: 0 5px;
	display: inline-block;
	border: none;
	padding: 0;
}

@media (min-width: 600px) {
	acf-image-carousel {
		height: 100vh;
	}
}

@media (min-width: 960px) {
	acf-image-carousel {
		height: 100vh;
	}
}

@media (min-width: 1440px) {
	acf-image-carousel {
		height: 75vh;
	}
}

@media (min-width: 1920px) {
	acf-image-carousel {
		height: 50vh;
	}
}

/* acf-image-carousel-item */
acf-image-carousel-item {
    visibility: hidden;
    opacity: 0;
    transition: opacity 2s, visibility 2s;
    display: grid;
    grid-gap: 16px;
	position: absolute; 
	top: 0;
	background-color: rgba(255, 255, 255, 0);
	width: 100%;
	margin: auto;
	height: 100%;
    contain: content;
}

acf-image-carousel-item[active] {
    visibility: visible;
    opacity: 1;
}

acf-image-carousel-item::part(image-container) {
    grid-row-end: span 1;
	height: 100%;
	position: relative;
	overflow: hidden;
}

acf-image-carousel-item::part(image-wrapper) {
    display: block;
    width: 100%;
    height: 100%;
}

acf-image-carousel-item::part(image) {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

acf-image-carousel-item::part(caption) > :global(h1) {
	margin: 0 0 0.25em 0;
}

acf-image-carousel-item::part(caption) > :global(p) {
	margin-top: 0;
}

acf-image-carousel-item::part(caption) {
    padding: 16px;
    grid-row-end: span 1;
    display: flex;
    flex-direction: column;
}

acf-image-carousel-item::part(caption-spacer) {
    flex-grow: 1;
}

@media (max-width: 960px) {
    acf-image-carousel-item {
        grid-template-rows: repeat(2, 1fr);
    }
}

@media (min-width: 960px) {
	acf-image-carousel-item {
        grid-template-columns: repeat(2, 1fr);
        min-height: 0;
	}
			
	acf-image-carousel-item::part(image-container) {
        grid-column-end: span 1;
    }
    
    acf-image-carousel-item::part(caption) {
        grid-column-end: span 1;
    }
}

/* acf-image-gallery */
acf-image-gallery {
    margin-bottom: 16px;
}

acf-image-gallery::part(preview-container) {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 8px;
}

acf-image-gallery::part(preview) {
    display: inline-block;
    cursor: pointer;
	grid-column-end: span 6;
}
@media (min-width: 600px) { acf-image-gallery::part(preview) { grid-column-end: span 4; } }
@media (min-width: 960px) { acf-image-gallery::part(preview) { grid-column-end: span 3; } }
@media (min-width: 1280px) { acf-image-gallery::part(preview) { grid-column-end: span 3; } }
@media (min-width: 1920px) { acf-image-gallery::part(preview) { grid-column-end: span 2; } }

acf-image-gallery::part(lightbox) {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    z-index: 9500;
    transition: opacity ease-in-out 0.5s, visibility 0.5s;
    background-color: rgba(0, 0, 0, 0.85);
    cursor: pointer;
}

acf-image-gallery[opened]::part(lightbox) {
    visibility: visible;
    opacity: 1;
}

acf-image-gallery::part(button-next),
acf-image-gallery::part(button-prev) {
    position: fixed;
    width: 15vw;
    height: 100vh;
    top: 0;
    background-color: rgba(119, 119, 119, 0);
    transition: background-color linear 0.25s;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}
acf-image-gallery::part(button-next):hover,
acf-image-gallery::part(button-prev):hover {
    background-color: rgba(119, 119, 1191 0.5);
}
@media (min-width: 960px) {
    acf-image-gallery::part(button-next),
    acf-image-gallery::part(button-prev) {
        width: 10vw;
    }
}
@media (min-width: 1280px) {
    acf-image-gallery::part(button-next),
    acf-image-gallery::part(button-prev) {
        width: 5vw;
    }
}

acf-image-gallery::part(button-svg) {
    flex-grow: 1;
}

acf-image-gallery::part(button-next) {
    right: 0;
}

acf-image-gallery::part(button-prev) {
    left: 0;
}

/* acf-image-gallery-item */
acf-image-gallery-item {
    height: 100vh;
    width: 100vw;
    position: fixed;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    visibility: hidden;
}

acf-image-gallery-item[current] {
    visibility: visible;
}

acf-image-gallery-item::part(img) {
    width: 90vw;
    height: 100%;
    object-fit: contain;
    margin: auto 5vw;
}
/* acf-image-gallery-preview */
acf-image-gallery::part(preview) {
    width: 100%;
    height: 0px;
	padding-bottom: 56.25%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	transition: background-size 0.25s ease-in-out;
	cursor: pointer;
}

acf-image-gallery::part(preview):hover {
    background-size: 110%;
}

/* acf-nav-drawer */
acf-nav-drawer {
    z-index: 9900;
    --transition-duration: 0.3s;
    display: flex;
    flex-direction: row;
    align-items: center;
}

acf-nav-drawer::part(drawer-shadow) {
    visibility: hidden;
    transition: background-color var(--transition-duration), visibility var(--transition-duration);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
}

acf-nav-drawer[opened]::part(drawer-shadow) {
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 960px) {
    acf-nav-drawer[permanent]::part(drawer-shadow) {
        display: none;
    }
}

acf-nav-drawer::part(nav) {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -100vw;
    transition: left var(--transition-duration);
    z-index: 9500;
    background-color: #fff;
}

acf-nav-drawer[opened]::part(nav) {
    left: 0;
}

acf-nav-drawer::part(internal-button),
acf-nav-drawer::part(external-button) {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    transition: background-color 0.25s ease-in-out;
    border: none;
    background: none;
}

acf-nav-drawer::part(internal-button) {
    padding: 12px;
}

acf-nav-drawer::part(external-button) {
    padding: 0 15px 0 0;
}

acf-nav-drawer button:hover {
    background-color: #eee;
}

@media (min-width: 960px) {
    acf-nav-drawer[permanent]::part(nav) {
        left: 0;
    }
    
    acf-nav-drawer::part(nav) {
        width: 300px;
        left: -300px;
    }
    
    acf-nav-drawer[opened]::part(nav) {
        left: 0;
    }
    
    acf-nav-drawer::part(internal-button) {
        display: none;
    }
}

/* acf-nav-drawer-group */
acf-nav-drawer-group {
    box-sizing: border-box;
    width: 100%;
    padding: 0;
}

acf-nav-drawer-group::part(drawer-group-label) {
    padding: 10px;
    transition: background-color 0.25s ease-in-out;
    color: #444d58;
    font-size: 14px;
    font-weight: 400;
}

acf-nav-drawer-group::part(drawer-group-label):hover {
    background-color: #eee;
}

acf-nav-drawer-group::part(drawer-group-content) {
    box-sizing: border-box;
    padding: 0;
    overflow-y: hidden;
    height: 0;
    transition: height ease-in-out 0.5s, padding ease-in-out 0.5s;
}

acf-nav-drawer-group[opened]::part(drawer-group-content) {
    height: calc(var(--item-count) * 41px);
}

/* acf-nav-drawer-item */
acf-nav-drawer-item::part(anchor) {
    display: block;
    box-sizing: border-box;
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.25s ease-in-out;
    text-decoration: none;
    color: #444d58;
    font-size: 14px;
    font-weight: 400;
}

acf-nav-drawer-item::part(anchor):visited {
    color: #444d58;
}

acf-nav-drawer-item::part(anchor).invalid {
    cursor: not-allowed;
}

acf-nav-drawer-item::part(anchor):hover {
    background-color: #eee;
}

acf-nav-drawer-group acf-nav-drawer-item::part(anchor) {
    padding-left: 25px;
}

/* acf-youtube */
acf-youtube {
    width: 100%;
    max-width: 1280px;
    position: relative;
    padding-top: 56.25%;
    margin: 16px 0;
    display: block;
}

acf-youtube::part(iframe) {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

acf-youtube::part(ctr) {
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    background-color: #000;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

acf-youtube::part(ctr-2) {
    width: 100%;
    display: flex;
    align-items: center;
}

acf-youtube::part(ctr-3) {
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

acf-youtube:hover ::part(path) {
    fill: #f00;
}