@-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

details { background-color: white; border: 1px solid #e0e0e0; margin: 7.5px; padding: 15px; padding: 0; /* stylelint-disable selector-max-type */ /* stylelint-enable selector-max-type */ }

details > summary { border-bottom: 1px solid #e0e0e0; color: #015790; color: var(--dark-color, #015790); }

details summary { font-size: 1.25rem; }

details details summary { font-size: 1.125rem; }

details details details summary { font-size: 1rem; }

details > .details-wrapper { padding: 15px; }

details > .details-wrapper > .form-wrapper:first-child > .form-item:first-child { margin-top: 0; }

.ui-widget { font-family: inherit; font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea { font-family: inherit; }

.ui-widget input[type="submit"], .ui-widget button { font-family: Montserrat, Helvetica, Arial, sans-serif; }

.ui-widget-content a { color: #015790; }

.ui-button, .button.ui-button { background-color: #015790; background-image: none; border: none; border-radius: 0; color: white; cursor: pointer; display: inline-block; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: bold; line-height: 1.25; margin: 1rem 1rem 0 0; min-width: 160px; padding: 0.5625rem 1rem; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; }

.ui-button:hover, .ui-button:focus, .ui-button:active, .button.ui-button:hover, .button.ui-button:focus, .button.ui-button:active { background-color: #017dc3; background-image: none; border: none; color: white; font-weight: bold; text-decoration: none; }

.ui-button-icon-only { min-width: 0; }

.ui-dialog { border-radius: 0; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); max-width: 95%; max-height: 95%; }

.ui-dialog.ui-widget { border: none; }

.ui-dialog .ui-dialog-titlebar.ui-widget-header { background-color: #017dc3; background-color: var(--primary-color, #017dc3); border: none; color: white; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 1.375rem; line-height: 1.2; padding: 0.2em 2.25rem; text-align: center; }

.ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar.ui-widget-header .ui-icon-closethick { width: 1.5rem; height: 1.5rem; padding: 0; background-color: lightgrey; }

.ui-dialog .ui-dialog-title { display: inline-block; float: none; margin: 0; width: 100%; }

.ui-dialog .ui-icon-closethick { background-color: transparent; background-image: none !important; margin: 0 !important; top: 0 !important; left: 0 !important; }

.ui-dialog .ui-icon-closethick::before, .ui-dialog .ui-icon-closethick::after { background: white; content: ''; display: block; height: 0.25rem; position: absolute; top: 50%; width: 100%; }

.ui-dialog .ui-icon-closethick::before { -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.ui-dialog .ui-icon-closethick::after { -webkit-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); }

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { margin-top: -0.75rem; overflow: hidden; }

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active { background-color: transparent; }

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon-closethick::before, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon-closethick::after, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus .ui-icon-closethick::before, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:focus .ui-icon-closethick::after, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active .ui-icon-closethick::before, .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:active .ui-icon-closethick::after { background-color: #f1f1f1; }

.ui-dialog .ui-dialog-content { padding: 7.5px 15px; }

.ui-dialog .ui-dialog-buttonpane.ui-widget-content { background: transparent; border-color: transparent; }

.ui-dialog .ui-dialog-buttonpane.ui-widget-content .ui-dialog-buttonset { float: none; text-align: center; }

.ajax-progress-throbber { background-image: none; height: auto; text-align: center; width: auto; margin: 0 0 0 0.5em; padding: 0; }

.ajax-progress-throbber .throbber { -webkit-animation: spinner 1.5s infinite; animation: spinner 1.5s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; background-image: url("../img/comet-spinner.svg"); display: inline-block; height: 24px; margin: auto; padding: 0; vertical-align: middle; width: 24px; }

.menu .ajax-progress-throbber, .ui-dialog .ajax-progress-throbber { background-image: none; height: auto; text-align: center; width: auto; background-color: rgba(255, 255, 255, 0.75); border-radius: 50%; margin: -30px 0 0 -30px; padding: 12px; position: fixed; top: 50%; left: 50%; z-index: 10000; }

.menu .ajax-progress-throbber .throbber, .ui-dialog .ajax-progress-throbber .throbber { -webkit-animation: spinner 1.5s infinite; animation: spinner 1.5s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; background-image: url("../img/comet-spinner.svg"); display: inline-block; height: 48px; margin: auto; padding: 0; vertical-align: middle; width: 48px; }

.ajax-progress.ajax-progress-fullscreen { -webkit-animation: spinner 1.5s infinite; animation: spinner 1.5s infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; background-color: rgba(255, 255, 255, 0.75); background-image: url("../img/comet-spinner.svg"); background-position: center; background-repeat: no-repeat; background-size: 48px; border-radius: 50%; display: inline-block; height: 72px; margin: -30px 0 0 -30px; padding: 12px; position: fixed; top: 50%; left: 50%; text-align: center; vertical-align: middle; width: 72px; z-index: 10000; }

.align-left, .align-right { margin-bottom: 0.5rem; }

.align-left { margin-right: 1rem; }

.align-right { margin-left: 1rem; }

.align-center { margin-bottom: 1rem; }

.button { background-color: #015790; background-image: none; border: none; border-radius: 0; color: white; cursor: pointer; display: inline-block; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: bold; line-height: 1.25; margin: 1rem 1rem 0 0; min-width: 160px; padding: 0.5625rem 1rem; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; }

.button:hover, .button:focus, .button:active { background-color: #017dc3; background-image: none; border: none; color: white; font-weight: bold; text-decoration: none; }

.button--disabled { background-color: #3f4b52; cursor: default; }

.contextual .trigger { min-width: 0; }

.horizontal-tabs { border-color: #e0e0e0; }

.horizontal-tabs .horizontal-tabs-list { background-color: #e0e0e0; border-right: none; }

.horizontal-tabs .horizontal-tab-button { background-color: #015790; background-color: var(--dark-color, #015790); border-color: #e0e0e0; border-bottom: 1px solid #e0e0e0; color: white; padding: 0; }

.horizontal-tabs .horizontal-tab-button a { color: inherit; }

.horizontal-tabs .horizontal-tab-button a:hover, .horizontal-tabs .horizontal-tab-button a:focus { background-color: #017dc3; background-color: var(--primary-color, #017dc3); }

.horizontal-tabs .horizontal-tab-button.selected { background-color: white; border-bottom-color: transparent; color: #015790; color: var(--drak-color, #015790); }

.horizontal-tabs .horizontal-tab-button.selected a:hover, .horizontal-tabs .horizontal-tab-button.selected a:focus { background-color: transparent; }

.horizontal-tabs-pane { margin: 0; padding: 0; }

.skip-link.focusable:focus, .skip-link.focusable:active { background-color: var(--dark-color, #015790); color: white; font-size: 1.625rem; max-width: 100%; padding: 15px 30px; position: fixed !important; top: 4rem; left: 50%; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 9999; }

ul.tabs { list-style-type: none; margin: 0 auto 15px; padding: 0; text-align: center; }

.tabs li { display: inline-block; list-style-type: none; margin: 15px 7.5px 0; }

.tabs a { background-color: #015790; background-image: none; border: none; border-radius: 0; color: white; cursor: pointer; display: inline-block; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: bold; line-height: 1.25; margin: 1rem 1rem 0 0; min-width: 160px; padding: 0.5625rem 1rem; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; margin: 0; min-width: 0; }

.tabs a:hover, .tabs a:focus, .tabs a:active { background-color: #017dc3; background-image: none; border: none; color: white; font-weight: bold; text-decoration: none; }

.tabs a.is-active { background-color: #3f4b52; cursor: default; cursor: pointer; }

body:not(.path-user) ul.tabs { font-family: Courier, monospace; }

body:not(.path-user) .tabs a { font-family: inherit; font-weight: inherit; text-transform: none; }

#toolbar-administration button { color: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; margin: 0; min-width: 0; text-transform: inherit; }

.link--arrow-icon { color: #f99c32; color: var(--primary-color, #f99c32); display: -webkit-inline-box; display: inline-flex; font-family: Montserrat, Helvetica, Arial, sans-serif; font-weight: bold; line-height: 1.125; margin-bottom: 0.5rem; text-transform: uppercase; }

.link--arrow-icon + .link--arrow-icon { margin-left: 1.5em; }

.arrow-icon + .arrow-icon-text { margin-left: 0.5em; }

.arrow-icon { background-color: #f99c32; background-color: var(--primary-color, #f99c32); border-radius: 50%; display: inline-block; flex-shrink: 0; height: 1em; position: relative; width: 1em; }

.arrow-icon::before { box-sizing: content-box; border-color: transparent; border-style: solid; content: ''; display: block; height: 0; padding: 0; position: absolute; top: 50%; left: 50%; width: 0; }

.arrow-icon-text + .arrow-icon { margin-left: 0.5em; }

.arrow-icon--right::before { margin: -0.25em 0 0 -0.125em; border-left-color: white; border-width: 0.25em 0 0.25em 0.375em; }

.arrow-icon--left::before { margin: -0.25em -0.125em 0 -0.1875em; border-right-color: white; border-width: 0.25em 0.375em 0.25em 0; }

.arrow-icon--down::before { margin: -0.125em 0 0 -0.25em; border-top-color: white; border-width: 0.375em 0.25em 0 0.25em; }

.arrow-icon--svg { background-color: transparent; border-radius: 0; fill: #f99c32; fill: var(--primary-color, #f99c32); }

/* Common styles for all display modes */
.archived-vid-field--name-video-thumbnail { flex-shrink: 0; line-height: 0; margin-bottom: 4px; }

.field--name-field-de-video-archive-videos { display: -webkit-box; display: flex; flex-wrap: wrap; justify-content: space-around; }

.archived-vid-field--name-video-title { font-size: 1.25rem; }

.archived-vid-field--name-field-new-flag { position: absolute; top: 10px; left: 0; width: 92px; height: 29px; background-image: url("../img/vid-new-flag.png"); text-indent: -9999px; }

/* Chapters display mode */
.paragraph--type--para-video-archive:first-child:last-child .node--type-de-video-archive.node--view-mode-default, .paragraph--type--para-video-archive:first-child:last-child .node--type-de-video-archive.node--view-mode-full { margin-bottom: -30px; }

.node--type-de-video-archive.node--view-mode-default .de-video-archive--embed--container, .node--type-de-video-archive.node--view-mode-full .de-video-archive--embed--container { margin: 0 auto; max-width: 854px; }

.node--type-de-video-archive.node--view-mode-default .field--name-field-de-video-archive-videos, .node--type-de-video-archive.node--view-mode-full .field--name-field-de-video-archive-videos { background-color: #028792; margin: 15px -15px; }

.archived-vid.archived-vid--view-mode-default { color: white; margin: 15px; max-width: calc(100% - 30px); width: 250px; }

.archived-vid.archived-vid--view-mode-default.active-archive-video .archived-vid-field--name-video-title { font-weight: bold; }

/* Cards display mode */
.node--type-de-video-archive.node--view-mode-video-archive-cards .field--name-field-de-video-archive-videos { margin: 0 -7.5px; }

.archived-vid.archived-vid--view-mode-card { position: relative; color: inherit; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 15px 7.5px; width: 280px; }

.archived-vid.archived-vid--view-mode-card .archived-vid-field--name-video-title { color: #017dc3; font-weight: bold; margin-bottom: 0.5rem; }

.field--name-field-downloads { margin-top: 15px; }

.field--name-field-links + .field--name-field-downloads { margin-top: 0; }

.field--name-field-downloads span.file, .archived-vid-field--name-field-downloads span.file { background-image: none; display: inline; min-height: 0; padding: 0; }

.field--name-field-project-plan span.file { background-image: none; display: inline; min-height: 0; padding: 0; }

.layout-header__top { display: -webkit-box; display: flex; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; line-height: 0; margin: 0 auto; max-width: 960px; padding-right: 15px; }

@media (min-width: 768px) { .layout-header__top { min-height: 123px; padding-right: 65px; } }

.header-site-logo { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; flex-shrink: 0; width: 205px; }

@media (min-width: 600px) { .header-site-logo { width: 273.33333px; } }

@media (min-width: 768px) { .header-site-logo { width: 410px; } }

.header-site-logo a { -webkit-box-align: center; align-items: center; display: -webkit-inline-box; display: inline-flex; }

.header-logos { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; flex-shrink: 0; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; margin: 0 auto; }

.header-logos > * { flex-shrink: 0; }

.header-logos > *:not(:last-child) { margin-right: 15px; }

.header-logos__arconic { width: 80px; }

.header-logos__de { width: 120px; }

@media (min-width: 600px) { .header-logos__arconic { width: 100px; }
  .header-logos__de { width: 150px; } }

@media (min-width: 860px) { .header-logos__arconic, .header-logos__de { width: auto; } }

.menu--main { background-color: #015790; background-color: var(--dark-color, #015790); position: relative; }

.menu--main .menu { list-style-type: none; margin: 0; padding: 0; }

.menu--main .menu-item { list-style-type: none; }

.menu--main .menu-item a { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; min-height: 40px; padding: 8px; }

.menu--main .menu-item a.is-active, .menu--main .menu-item--active-trail > a { text-decoration: underline; }

.menu--main > .menu { font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 0.875rem; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; line-height: 1.2; }

.menu--main > .menu > .menu-item { -webkit-box-flex: 1; flex-grow: 1; }

.menu--main > .menu > .menu-item > a { background-image: -webkit-linear-gradient(top, #696969, #383838); background-image: linear-gradient(to bottom, #696969, #383838); color: white; font-weight: bold; -webkit-box-pack: center; justify-content: center; text-align: center; text-transform: uppercase; }

.menu--main > .menu > .menu-item > a:hover, .menu--main > .menu > .menu-item > a:focus, .menu--main > .menu > .menu-item > a:active, .menu--main > .menu > .menu-item > a.is-active { background-image: -webkit-linear-gradient(top, #505050, #818181); background-image: linear-gradient(to bottom, #505050, #818181); background-image: -webkit-linear-gradient(top, var(--menu-primary-color, #505050), var(--menu-dark-color, #818181)); background-image: linear-gradient(to bottom, var(--menu-primary-color, #505050), var(--menu-dark-color, #818181)); }

.menu--main .menu .menu { background-color: white; }

.menu--main.main-menu-js-processed .menu .menu { display: none; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: 0.25s ease-in-out transform; transition: 0.25s ease-in-out transform; }

.menu--main.main-menu-js-processed .menu .menu-js-visible > .menu { display: block; }

.menu--main.main-menu-js-processed .menu .menu-js-expanded > .menu { -webkit-transform: translateX(0); transform: translateX(0); }

.menu--main .menu .menu .menu-item a { padding-left: 15px; padding-right: 15px; }

.menu--main .menu-item a.link-home { background-image: url("../img/menu-home-icon.png"), -webkit-linear-gradient(top, #696969, #383838); background-image: url("../img/menu-home-icon.png"), linear-gradient(to bottom, #696969, #383838); background-position: center; background-repeat: no-repeat; min-width: 56px; overflow: hidden; text-indent: -200vw; }

.menu--main .menu-item a.link-home:hover, .menu--main .menu-item a.link-home:focus, .menu--main .menu-item a.link-home:active, .menu--main .menu-item a.link-home.is-active { background-image: url("../img/menu-home-icon.png"), -webkit-linear-gradient(top, #32b7c2, #028792); background-image: url("../img/menu-home-icon.png"), linear-gradient(to bottom, #32b7c2, #028792); }

.menu--main .menu-item a.link-teacher-challenge { --menu-primary-color: $alcoa-blue; --menu-dark-color: $alcoa-dark-blue; }

.menu--main .menu-item a.link-in-school { --menu-primary-color: $alcoa-orange; --menu-dark-color: $alcoa-dark-orange; }

.menu--main .menu-item a.link-at-home { --menu-primary-color: $alcoa-blue; --menu-dark-color: $alcoa-dark-blue; }

.menu--main .menu-item a.link-vfts { --menu-primary-color: $alcoa-cyan; --menu-dark-color: $alcoa-dark-cyan; }

@media (min-width: 768px) { .menu--main .menu-item a { padding-left: 15px; padding-right: 15px; }
  .menu--main > .menu { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .menu--main > .menu > .menu-item:not(:first-child) { border-left: 1px solid transparent; }
  .menu--main > .menu > .menu-item > a { height: 100%; }
  .menu--main > .menu > .menu-item--expanded { position: relative; }
  .menu--main .menu .menu { background-color: rgba(255, 255, 255, 0.8); display: none; min-width: 250px; position: absolute; top: 100%; left: 0; z-index: 110; }
  .menu--main .menu .menu-item--expanded:last-child .menu { right: 0; left: auto; }
  .menu--main:not(.main-menu-js-processed) .menu-item--expanded:hover > .menu { display: block; -webkit-transform: scaleY(1); transform: scaleY(1); }
  .menu--main:not(.main-menu-js-processed) .menu-item--expanded:focus-within > .menu { display: block; -webkit-transform: scaleY(1); transform: scaleY(1); }
  .menu--main.main-menu-js-processed .menu .menu { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; }
  .menu--main.main-menu-js-processed .menu .menu-js-expanded > .menu { -webkit-transform: scaleY(1); transform: scaleY(1); } }

.menu--main__mobile-menu-access { display: -webkit-inline-box; display: inline-flex; }

@media (min-width: 768px) { .menu--main__mobile-menu-access { display: none; } }

.menu--main__mobile-menu-access .mobile-menu-access { border: none; cursor: pointer; display: inline-block; height: 2.5rem; padding: 0.375rem; width: 2.5rem; background-image: -webkit-linear-gradient(top, #696969, #383838); background-image: linear-gradient(to bottom, #696969, #383838); margin: 0; min-width: 0; }

.menu--main__mobile-menu-access .mobile-menu-access span.bar { border-radius: 0.125rem; display: block; height: 0.25rem; margin: 0.25rem 0.125rem; background-color: white; -webkit-transition: margin 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out; transition: margin 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out; transition: margin 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out; transition: margin 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; -webkit-transform-origin: center; transform-origin: center; }

.menu-open .menu--main__mobile-menu-access .mobile-menu-access span.bar { -webkit-transition: margin 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out 0.2s; transition: margin 0.2s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out 0.2s; transition: margin 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out 0.2s; transition: margin 0.2s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out 0.2s, -webkit-transform 0.2s ease-in-out 0.2s; margin: 0; }

.menu-open .menu--main__mobile-menu-access .mobile-menu-access span.bar:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.menu-open .menu--main__mobile-menu-access .mobile-menu-access span.bar:nth-child(2) { opacity: 0; }

.menu-open .menu--main__mobile-menu-access .mobile-menu-access span.bar:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -0.5rem; }

.main-menu-js-processed .menu--main__mobile-menu-access .mobile-menu-link { display: none; }

.menu--main__mobile-menu-access .mobile-menu-toggle { display: none; }

.main-menu-js-processed .menu--main__mobile-menu-access .mobile-menu-toggle { display: inline-block; }

#menu--main { background-color: #015790; background-color: var(--dark-color, #015790); display: none; position: absolute; top: 100%; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: center top; transform-origin: center top; -webkit-transition: linear 0.25s transform; transition: linear 0.25s transform; -webkit-transition: 0.25s ease-in-out transform; transition: 0.25s ease-in-out transform; width: 100%; z-index: 110; }

.menu-visible #menu--main, #menu--main:target { display: -webkit-box; display: flex; }

.menu-open #menu--main, #menu--main:target { -webkit-transform: translateX(0); transform: translateX(0); }

@media (min-width: 768px) { #menu--main { background-image: -webkit-linear-gradient(top, #5f5f5f, #232323); background-image: linear-gradient(to bottom, #5f5f5f, #232323); display: -webkit-box; display: flex; position: static; top: 0; -webkit-transform: none; transform: none; -webkit-transition: none; transition: none; } }

.block-social-media { display: -webkit-box; display: flex; height: 2.5rem; line-height: 0; position: absolute; right: 0; bottom: 0; }

.block-social-media::after { border-color: transparent #72c166 transparent transparent; border-style: solid; border-width: 1.25rem 1rem 1.25rem 0; box-sizing: content-box; content: ''; display: block; height: 0; -webkit-box-ordinal-group: 0; order: -1; width: 0; }

.block-social-media .field--name-body { -webkit-box-align: center; align-items: center; background-color: #72c166; display: -webkit-box; display: flex; height: 100%; -webkit-box-pack: center; justify-content: center; padding: 0 4px 0 0; }

.block-social-media .field--name-body a { margin: 3px; }

@media (min-width: 768px) { .block-social-media { -webkit-filter: drop-shadow(2px 12px 4px rgba(0, 0, 0, 0.4)); filter: drop-shadow(2px 12px 4px rgba(0, 0, 0, 0.4)); -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: auto; top: 0; right: 15px; bottom: auto; width: 50px; }
  .block-social-media::after { border-color: #72c166 transparent transparent; border-style: solid; border-width: 20px 25px 0; -webkit-box-ordinal-group: 1; order: 0; }
  .block-social-media .field--name-body { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: auto; padding: 8px 0 0; width: 100%; } }

@media (min-width: 990px) { .block-social-media { right: calc(50% - 480px); } }

.block-alloy-hero-page-hero { background-color: #00a1b1; background-image: url("../img/hero-bg.png"); background-position: center top; background-repeat: no-repeat; background-size: 2600px; margin: 0 auto; }

.field--name-field-hero-para { margin: 0 auto; max-width: 100%; position: relative; width: 960px; }

.field--name-field-hero-para.field--name-field-hero-para--slideshow:not(.slick-slider) { display: -webkit-box; display: flex; overflow-x: scroll; overflow-y: hidden; }

.field--name-field-hero-para.slick-slider { padding: 0; }

/* Common hero styles */
.paragraph--type--hero-splash, .paragraph--type--hero-3-column { display: -webkit-box; display: flex; flex-shrink: 0; max-width: 960px; overflow: hidden; width: 100vw; }

.slick-initialized .paragraph--type--hero-splash.slick-slide, .slick-initialized .paragraph--type--hero-3-column.slick-slide { display: -webkit-box; display: flex; }

/* Splash heroes */
.paragraph--type--hero-splash { color: white; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; font-size: 1.125rem; height: 440px; padding: 15px; position: relative; text-shadow: -2px 2px 6px rgba(0, 0, 0, 0.6); }

.paragraph--type--hero-splash.slick-slide { height: 440px; }

@media (min-width: 480px) { .paragraph--type--hero-splash { font-size: 1.25rem; } }

@media (min-width: 600px) { .paragraph--type--hero-splash { font-size: 1.375rem; } }

.paragraph--type--hero-splash > * { max-width: 480px; position: relative; width: 100%; z-index: 10; }

.paragraph--type--hero-splash h2 { font-size: 2rem; }

.paragraph--type--hero-splash h3 { font-size: 1.625rem; }

.paragraph--type--hero-splash h4 { font-size: 1.375rem; }

.paragraph--type--hero-splash h5 { font-size: 1.25rem; }

.paragraph--type--hero-splash h6 { font-size: 1.125rem; }

.paragraph--type--hero-splash a { background-color: #015790; background-image: none; border: none; border-radius: 0; color: white; cursor: pointer; display: inline-block; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: bold; line-height: 1.25; margin: 1rem 1rem 0 0; min-width: 160px; padding: 0.5625rem 1rem; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; background-color: #015790; background-color: var(--dark-color, #015790); text-shadow: none; }

.paragraph--type--hero-splash a:hover, .paragraph--type--hero-splash a:focus, .paragraph--type--hero-splash a:active { background-color: #017dc3; background-image: none; border: none; color: white; font-weight: bold; text-decoration: none; }

.paragraph--type--hero-splash a:hover, .paragraph--type--hero-splash a:focus, .paragraph--type--hero-splash a:active { background-color: #017dc3; background-color: var(--primary-color, #017dc3); }

.paragraph--type--hero-splash p a { margin-top: 0; }

.paragraph--type--hero-splash::before, .paragraph--type--hero-splash .field--name-field-splash-background { height: 100%; margin-left: -480px; max-width: none; position: absolute; top: 0; left: 50%; width: 960px; }

.paragraph--type--hero-splash .field--name-field-splash-background { line-height: 0; z-index: 1; }

.paragraph--type--hero-splash .field--name-field-splash-background img { width: 100%; }

.paragraph--type--hero-splash::before { background: none; content: ''; display: block; z-index: 2; }

.paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-top-left::before, .paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-top-right::before { background: -webkit-radial-gradient(ellipse farthest-side at top center, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); background: radial-gradient(ellipse farthest-side at top center, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); }

.paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-bottom-left, .paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-bottom-right { -webkit-box-pack: end; justify-content: flex-end; }

.paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-bottom-left::before, .paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-bottom-right::before { background: -webkit-radial-gradient(ellipse farthest-side at bottom center, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); background: radial-gradient(ellipse farthest-side at bottom center, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); }

.paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-top-left, .paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-bottom-left { -webkit-box-align: start; align-items: flex-start; }

.paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-top-right, .paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-bottom-right { -webkit-box-align: end; align-items: flex-end; }

@media (min-width: 540px) { .paragraph--type--hero-splash { padding: 30px; }
  .paragraph--type--hero-splash::before { background-size: 960px; }
  .paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-top-left::before { background: -webkit-radial-gradient(ellipse farthest-side at top left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); background: radial-gradient(ellipse farthest-side at top left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); }
  .paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-top-right::before { background: -webkit-radial-gradient(ellipse farthest-side at top right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); background: radial-gradient(ellipse farthest-side at top right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); }
  .paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-bottom-left::before { background: -webkit-radial-gradient(ellipse farthest-side at bottom left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); background: radial-gradient(ellipse farthest-side at bottom left, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); }
  .paragraph--type--hero-splash.paragraph--type--hero-splash--splash-alignment-bottom-right::before { background: -webkit-radial-gradient(ellipse farthest-side at bottom right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); background: radial-gradient(ellipse farthest-side at bottom right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 62.5%, rgba(0, 0, 0, 0.2) 75%, rgba(0, 0, 0, 0) 100%); } }

/* 3-column heroes */
.paragraph--type--hero-3-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.paragraph--type--hero-3-column > * { -webkit-box-flex: 1; flex-grow: 1; }

.paragraph--type--hero-3-column__first-col { background-color: white; padding: 15px; }

.paragraph--type--hero-3-column__first-col .field--name-field-para-title { color: var(--primary-color, inherit); }

.paragraph--type--hero-3-column__first-col h2 { font-size: 2rem; }

.paragraph--type--hero-3-column__first-col h3 { font-size: 1.625rem; }

.paragraph--type--hero-3-column__first-col h4 { font-size: 1.375rem; }

.paragraph--type--hero-3-column__first-col h5 { font-size: 1.25rem; }

.paragraph--type--hero-3-column__first-col h6 { font-size: 1.125rem; }

.paragraph--type--hero-3-column__bg-col { background-color: #015790; background-color: var(--dark-color, #015790); display: none; flex-shrink: 0; line-height: 0; width: 295px; }

.paragraph--type--hero-3-column__third-col { color: white; font-family: Montserrat, Helvetica, Arial, sans-serif; padding: 15px; position: relative; text-shadow: -2px 2px 6px rgba(0, 0, 0, 0.6); }

.paragraph--type--hero-3-column__third-col::before { background-color: #017dc3; background-color: var(--primary-color, #017dc3); content: ''; display: block; height: 100%; mix-blend-mode: hue; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }

.paragraph--type--hero-3-column__third-col > * { position: relative; z-index: 10; }

.paragraph--type--hero-3-column__third-col a { color: white; }

.paragraph--type--hero-3-column__third-col p { font-size: 1.25em; font-weight: bold; }

.paragraph--type--hero-3-column__third-col p a:first-child:last-child { background-color: #52a146; color: white; display: inline-block; font-weight: normal; margin-right: 16px; min-width: 50%; padding: 4px 15px; position: relative; text-shadow: none; font-size: 1.125rem; left: -15px; }

.paragraph--type--hero-3-column__third-col p a:first-child:last-child::before, .paragraph--type--hero-3-column__third-col p a:first-child:last-child::after { border-color: #52a146; border-style: solid; border-width: 8px; box-sizing: content-box; content: ''; display: block; position: absolute; left: 100%; }

.paragraph--type--hero-3-column__third-col p a:first-child:last-child::before { border-right-color: transparent; border-bottom-color: transparent; top: 0; }

.paragraph--type--hero-3-column__third-col p a:first-child:last-child::after { border-top-color: transparent; border-right-color: transparent; bottom: 0; }

.paragraph--type--hero-3-column__third-col p a:first-child:last-child.link--arrow-icon { background-color: white; color: #017dc3; text-transform: none; width: 100%; }

.paragraph--type--hero-3-column__third-col p a:first-child:last-child.link--arrow-icon::before { border-top-color: white; border-left-color: white; }

.paragraph--type--hero-3-column__third-col p a:first-child:last-child.link--arrow-icon::after { border-bottom-color: white; border-left-color: white; }

.paragraph--type--hero-3-column__third-col p a:first-child:last-child.link--arrow-icon .arrow-icon, .paragraph--type--hero-3-column__third-col p a:first-child:last-child.link--arrow-icon .arrow-icon-text { vertical-align: middle; }

@media (min-width: 600px) { .paragraph--type--hero-3-column { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; min-height: 315px; }
  .paragraph--type--hero-3-column__first-col, .paragraph--type--hero-3-column__third-col { width: 50%; padding: 15px 30px; }
  .paragraph--type--hero-3-column__third-col p a:first-child:last-child { padding-left: 30px; left: -30px; } }

@media (min-width: 768px) { .paragraph--type--hero-3-column__third-col p { font-size: 1.5625em; }
  .paragraph--type--hero-3-column__bg-col { display: block; } }

.node--type-myf-lesson { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0; max-width: 100%; padding: 15px; width: 300px; }

.node--type-myf-lesson .node__content { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-flex: 1; flex-grow: 1; }

.node--type-myf-lesson .field--name-field-grade-bands { font-weight: bold; }

.node--type-myf-lesson .field--name-field-grade-bands .field__item { display: inline; }

.node--type-myf-lesson .field--name-field-grade-bands .field__item + .field__item { border-left: 1px solid currentColor; margin-left: 0.125em; padding-left: 0.375em; }

.node--type-myf-lesson .field--name-field-downloads { margin-top: auto; padding-top: 15px; }

.node--type-myf-lesson__title { color: #015790; font-family: Helvetica, Arial, sans-serif; font-size: 1em; margin-bottom: 0.5rem; text-transform: none; }

/* View */
.view-lessons .view-content { display: -webkit-box; display: flex; flex-wrap: wrap; justify-content: space-around; overflow: hidden; }

.field--name-field-layout-columns .view-lessons .view-content { margin: -15px; }

.view-lessons .view-content .views-row { max-width: 100%; }

.view-lessons .view-content .views-row .node--type-myf-lesson { height: 100%; position: relative; }

.view-lessons .view-content .views-row .node--type-myf-lesson::before { border-top: 1px solid #e0e0e0; box-sizing: content-box; content: ''; display: block; height: 0; position: absolute; top: -1px; left: 15px; width: calc(100% - 30px); }

.field--name-field-links { margin-top: 15px; }

.field--name-field-downloads + .field--name-field-links { margin-top: 0; }

.layout-content .block-menu { margin: 0 auto; max-width: 960px; padding: 0 15px; }

.layout-content .block-menu .menu { border-bottom: 1px solid #cccccc; display: -webkit-box; display: flex; flex-wrap: wrap; list-style-type: none; margin: 0 auto 9px; padding: 0; }

.layout-content .block-menu .menu-item { list-style-type: none; margin-right: 1px; }

.layout-content .block-menu .menu-item a { background-color: #015790; background-image: none; border: none; border-radius: 0; color: white; cursor: pointer; display: inline-block; font-family: Montserrat, Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: bold; line-height: 1.25; margin: 1rem 1rem 0 0; min-width: 160px; padding: 0.5625rem 1rem; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; background-color: #015790; background-color: var(--dark-color, #015790); margin: 0; min-width: 100px; }

.layout-content .block-menu .menu-item a:hover, .layout-content .block-menu .menu-item a:focus, .layout-content .block-menu .menu-item a:active { background-color: #017dc3; background-image: none; border: none; color: white; font-weight: bold; text-decoration: none; }

.layout-content .block-menu .menu-item a:hover, .layout-content .block-menu .menu-item a:focus, .layout-content .block-menu .menu-item a:active { background-color: #017dc3; background-color: var(--primary-color, #017dc3); }

.layout-content .block-menu .menu-item a.is-active { position: relative; }

.layout-content .block-menu .menu-item a.is-active::after { box-sizing: content-box; content: ''; border-style: solid; border-width: 10px 10px 0 10px; border-color: transparent; border-top-color: #015790; border-top-color: var(--dark-color, #015790); height: 0; margin-left: -5px; position: absolute; top: 100%; left: 50%; -webkit-transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; transition: background-color 0.25s ease-in-out, border-color 0.25s ease-in-out, color 0.25s ease-in-out; width: 0; }

.layout-content .block-menu .menu-item a.is-active:hover::after, .layout-content .block-menu .menu-item a.is-active:focus::after, .layout-content .block-menu .menu-item a.is-active:active::after { border-top-color: #017dc3; border-top-color: var(--primary-color, #017dc3); }

.field--name-field-photos-slideshow { display: -webkit-box; display: flex; flex-wrap: wrap; }

@media (min-width: 960px) { .field--name-field-photos-slideshow { -webkit-box-pack: justify; justify-content: space-between; } }

.paragraph--type--layout-row.row-column-count--1 .field--name-field-photos-slideshow { background-color: #028792; background-color: var(--dark-color, #028792); margin: 0 -15px -15px; }

.field--name-field-photos-slideshow .field__item { margin: 15px; max-width: calc(50% - 30px); }

.responsive-video { height: 0; margin-left: auto; margin-right: auto; padding-bottom: 56.25%; /* 16:9 */ position: relative; }

.responsive-video iframe { height: 100%; position: absolute; top: 0; left: 0; width: 100%; }

/* Rows */
.field--name-field-rows { padding: 7.5px 0; }

.paragraph--type--layout-row > .field--name-field-para-title { margin-bottom: 0; padding: 0 16px; }

.paragraph--type--layout-row:not(:first-child) > .field--name-field-para-title { margin-top: 15px; }

/* Columns */
.field--name-field-layout-columns { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; margin: 0 -7.5px; }

.field--name-field-layout-columns > .paragraph { background-color: white; border: 1px solid #e0e0e0; margin: 7.5px; padding: 15px; max-width: 100%; min-height: 1px; }

.field--name-field-layout-columns h2, .field--name-field-layout-columns h3, .field--name-field-layout-columns h4, .field--name-field-layout-columns h5, .field--name-field-layout-columns h6, .field--name-field-layout-columns .field--name-field-para-title { color: var(--primary-color, inherit); }

@media (min-width: 960px) { .row-column-count--3 .field--name-field-layout-columns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .row-column-count--3 .field--name-field-layout-columns > .paragraph { -webkit-box-flex: 1; flex: 1 0 0px; } }

@media (min-width: 768px) { .row-column-count--2.row-layout-50-50 .field--name-field-layout-columns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .row-column-count--2.row-layout-50-50 .field--name-field-layout-columns > .paragraph { -webkit-box-flex: 1; flex-grow: 1; width: 50%; } }

@media (min-width: 960px) { .row-column-count--2 .field--name-field-layout-columns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; }
  .row-column-count--2.row-layout--67-33 .field--name-field-layout-columns > .paragraph:first-child { -webkit-box-flex: 2; flex-grow: 2; width: 66.66667%; }
  .row-column-count--2.row-layout--67-33 .field--name-field-layout-columns > .paragraph:last-child { -webkit-box-flex: 1; flex-grow: 1; width: 33.33333%; }
  .row-column-count--2.row-layout--33-67 .field--name-field-layout-columns > .paragraph:first-child { -webkit-box-flex: 1; flex-grow: 1; width: 33.33333%; }
  .row-column-count--2.row-layout--33-67 .field--name-field-layout-columns > .paragraph:last-child { -webkit-box-flex: 2; flex-grow: 2; width: 66.66667%; } }

.video-modal .ui-dialog-content { padding: 0; max-height: 100% !important; }

.video-modal .responsive-video-wrapper { margin: 0 auto; max-width: 100%; width: calc((95vh * 16 / 9) - 100px); }

/* Virtual Fields Trip updates */
.educator-guide.paragraph { background-position: left 15px top; background-repeat: no-repeat; padding-top: 68px; }

.node__content .vft-teaser { background-color: transparent; border: none; }

.node__content .vft-teaser .view-virtual-field-trips img { float: left; object-fit: cover; overflow: hidden; margin-right: 20px; }

@media (max-width: 480px) { .node__content .vft-teaser .view-virtual-field-trips img { display: none; } }

.node__content .vft-teaser .view-virtual-field-trips .field-content.teaser-title { padding-top: 15px; color: #32b7c2; }

.node__content .vft-teaser .view-virtual-field-trips .view-content { top: 49px; }

.node__content .vft-teaser .view-virtual-field-trips .view-content .link--arrow-icon { margin-bottom: 0; text-transform: none; }

.node__content .vft-teaser .view-virtual-field-trips .view-content .link--arrow-icon .arrow-icon { margin-left: 0; background-color: #32b7c2; }

.node__content .vft-teaser .view-virtual-field-trips .view-content .link--arrow-icon .arrow-icon-text { color: #32b7c2; }

.node__content .vft-teaser .view-virtual-field-trips .view-content .link--arrow-icon::before { border-right-color: #32b7c2; }

.node__content .vft-teaser .view-virtual-field-trips .view-content .views-row { height: 210px; overflow: hidden; background-color: white; max-width: 100%; margin-top: 15px; }

@media (max-width: 480px) { .node__content .vft-teaser .view-virtual-field-trips .view-content .views-row { overflow: scroll; } }

.activity-schedule-title .paragraph { background-color: transparent; border: none; width: 50%; }

.activity-schedule-row-vft .paragraph { background-color: transparent; border: none; }

.activity-schedule-row-vft .paragraph:nth-child(2) { border-left: 1px solid #8b8b8b; padding-left: 20px; }

.activity-schedule-row-vft .paragraph:nth-child(3) { border-left: 1px solid #8b8b8b; padding-left: 20px; }

.activity-schedule-row-vft h3.field { color: #32b7c2; }

.vft-question-row { background-color: white; border: 1px solid #e0e0e0; border-top: none; margin-top: -7.5px; }

.vft-question-row .paragraph { border: none; background-color: transparent; }

.vft-question-row .paragraph h2 { text-align: center; }

.row-column-count--2.vft-question-row .field--name-field-layout-columns > .paragraph:last-child { width: 51%; padding-left: 30px; border-left: 1px solid #8b8b8b; }

.row-column-count--2.vft-question-row .field--name-field-layout-columns > .paragraph:first-child { width: 49%; padding-right: 10px; }

.vft-questions-or-row { margin-bottom: 0; }

.vft-questions-or-row .vft-questions-or { background-color: white; border: 1px solid #e0e0e0; border-bottom: none; padding-top: 0; padding-bottom: 0; }

.vft-questions-or-row .vft-questions-or .text-formatted { margin-top: 25px; text-align: center; position: relative; }

.vft-questions-or-row .vft-questions-or .text-formatted h2:first-child { float: left; }

.vft-questions-or-row .vft-questions-or .text-formatted h2:last-child { float: right; }

.educator-guide.paragraph { background-image: url("../img/pendant-blue-documents.png"); }

.vft-back-link.paragraph { background-color: transparent; border: none; top: 49px; }

.vft-back-link.paragraph .link--arrow-icon { margin-bottom: 0; text-transform: none; }

.vft-back-link.paragraph .link--arrow-icon .arrow-icon { margin-left: 0; background-color: #017dc3; }

.vft-back-link.paragraph .link--arrow-icon .arrow-icon-text { color: #017dc3; }

.vft-back-link.paragraph .link--arrow-icon::before { border-right-color: #32b7c2; }

.educator-guide .link--arrow-icon { margin-bottom: 0; text-transform: none; }

.educator-guide .link--arrow-icon .arrow-icon { margin-left: 0; background-color: #017dc3; }

.educator-guide .link--arrow-icon .arrow-icon-text { color: #017dc3; }

.educator-guide .link--arrow-icon::before { border-right-color: #32b7c2; }

.vft-resources-about .paragraph:last-child { background-color: transparent; border: none; }

.vft-register .link--arrow-icon { margin-bottom: 0; text-transform: none; }

.vft-register .link--arrow-icon .arrow-icon { margin-left: 0; background-color: #017dc3; }

.vft-register .link--arrow-icon .arrow-icon-text { color: #017dc3; }

.vft-register .link--arrow-icon::before { border-right-color: #32b7c2; }

/* Virtual Fields Trip updates */
.paragraph.webinars-row { display: -webkit-box; display: flex; padding: 0; min-height: 100%; }

.paragraph.webinars-row .field--name-field-thumbnail { justify-self: flex-start; margin-right: 20px; height: auto; }

.paragraph.webinars-row .field--name-field-thumbnail img { display: -webkit-box; display: flex; max-width: unset; }

.paragraph.webinars-row .text-container { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding-top: 10px; padding-right: 15px; width: 100%; height: auto; top: 49px; }

.paragraph.webinars-row .text-container h3 { color: #32b7c2; }

.paragraph.webinars-row .text-container .link--arrow-icon { margin-bottom: 0; text-transform: none; }

.paragraph.webinars-row .text-container .link--arrow-icon .arrow-icon { margin-left: 0; background-color: #32b7c2; }

.paragraph.webinars-row .text-container .link--arrow-icon .arrow-icon-text { color: #32b7c2; }

.paragraph.webinars-row .text-container .link--arrow-icon::before { border-right-color: #32b7c2; }