/* Content */
.block-page-title-block { padding: 0 31px; }

body:not(.path-node):not(.path-frontpage):not(.path-competition):not(.path-entry) .block-mainpagecontent { background-color: white; border: 1px solid #e0e0e0; margin: 7.5px; padding: 15px; margin: 15px auto; max-width: 930px; width: calc(100% - 30px); }

.path-user .block-user-login-block div.item-list { display: none; }

/* Footer */
.menu--footer { background-image: -webkit-linear-gradient(left, rgba(1, 125, 195, 0), #017dc3 33%, #017dc3 67%, rgba(1, 125, 195, 0) 100%); background-image: linear-gradient(to right, rgba(1, 125, 195, 0), #017dc3 33%, #017dc3 67%, rgba(1, 125, 195, 0) 100%); background-position: center; background-repeat: no-repeat; background-size: 960px 100%; text-align: center; }

.menu--footer .menu { list-style-type: none; margin: 0 auto; padding: 7.5px 0; }

.menu--footer .menu-item { display: inline-block; list-style-type: none; margin: 7.5px 15px; }

.block-copyright { font-size: 0.875em; padding: 15px; text-align: center; }

/* Variables needed across pages */
/* Placeholders */
.page-alias-school .school-lessons-3-8, .page-alias-school .school-lessons-9-12, .school-addl-resources.paragraph, .school-promo-materials.paragraph, .school-photo-gallery.paragraph, .challenge-downloads__overview.paragraph, .challenge-downloads__rules.paragraph, .challenge-downloads__faqs.paragraph, .challenge-enter.paragraph { background-position: left 15px top; background-repeat: no-repeat; padding-top: 68px; }

/* Generic teal callout */
.teal-callout.paragraph { --primary-color: white; background-color: #028792; color: white; font-family: Montserrat, Helvetica, Arial, sans-serif; }

.teal-callout.paragraph a { color: inherit; }

/* SPM callout - styles shared between In School and At Home pages */
.spm-callout.paragraph { background-image: url("../img/pendant-blue-clock.png"); background-position: left 15px top; background-repeat: no-repeat; padding-top: 90.5px; position: relative; }

@media (min-width: 510px) { .spm-callout.paragraph { background-image: url("../img/pendant-blue-clock.png"), url("../img/spm-callout-bg.jpg"); background-position: left calc(100vw - 495px) top, left calc(100vw - 960px) center; min-height: 261px; padding-left: calc(100vw - 495px); }
  .spm-callout.paragraph .field--name-field-links, .spm-callout.paragraph .field--name-field-downloads { margin: 0; position: absolute; right: 0; width: 355px; }
  .spm-callout.paragraph .field--name-field-links .link--arrow-icon, .spm-callout.paragraph .field--name-field-downloads .link--arrow-icon { color: white; display: inline-block; float: right; font-weight: normal; margin-left: 34px; min-width: 200px; padding: 8px 15px; position: relative; text-align: right; margin-bottom: 0; }
  .spm-callout.paragraph .field--name-field-links .link--arrow-icon::before, .spm-callout.paragraph .field--name-field-downloads .link--arrow-icon::before { border-color: transparent; border-style: solid; border-width: 17px 25.5px 17px 0; box-sizing: content-box; content: ''; display: block; position: absolute; top: 0; right: 100%; }
  .spm-callout.paragraph .field--name-field-links .link--arrow-icon .arrow-icon, .spm-callout.paragraph .field--name-field-downloads .link--arrow-icon .arrow-icon { display: none; }
  .spm-callout.paragraph .field--name-field-links .link--arrow-icon .arrow-icon-text, .spm-callout.paragraph .field--name-field-downloads .link--arrow-icon .arrow-icon-text { margin: 0; }
  .spm-callout.paragraph .field--name-field-links { top: 7.5px; }
  .spm-callout.paragraph .field--name-field-links .link--arrow-icon { background-color: #72c166; }
  .spm-callout.paragraph .field--name-field-links .link--arrow-icon::before { border-right-color: #72c166; }
  .spm-callout.paragraph .field--name-field-downloads { top: 49px; }
  .spm-callout.paragraph .field--name-field-downloads .link--arrow-icon { background-color: #32b7c2; }
  .spm-callout.paragraph .field--name-field-downloads .link--arrow-icon::before { border-right-color: #32b7c2; } }

@media (min-width: 960px) { .spm-callout.paragraph { background-position: left 465px top, left center; padding-left: 465px; } }

/* Homepage */
.home-hero-students p a { background-color: #72c166; }

.home-hero-educators p a { background-color: #f99c32; }

.home-hero-parents p a { background-color: #017dc3; }

.home-hero-vft p a { background-color: #32b7c2; }

.path-frontpage .home-about { --primary-color: $alcoa-orange; --dark-color: $alcoa-dark-orange; --dark-desaturated-color: $alcoa-dark-orange-desaturated; --light-color: $alcoa-light-orange; --lightest-color: $alcoa-lightest-orange; font-size: 0.875em; }

@media (min-width: 610px) { .path-frontpage .home-about { background-image: url("../img/about-myf-bg.jpg"); background-position: left calc(100vw - 960px) top; background-repeat: no-repeat; padding-left: calc(100vw - 595px); }
  .path-frontpage .home-about .field--name-field-para-title { margin-bottom: 7.5px; }
  .path-frontpage .home-about img.align-center { margin-bottom: 0; } }

@media (min-width: 960px) { .path-frontpage .home-about { background-position: left top; padding-left: 365px; } }

.home-section-callouts .field--name-field-layout-columns > .paragraph { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.home-section-callouts .field--name-field-layout-columns .field--name-field-para-title { background-color: var(--primary-color, #017dc3); color: white; font-size: 1.125rem; margin: -15px -15px 0; padding: 7.5px 15px; text-align: center; }

@media (min-width: 960px) { .home-section-callouts .field--name-field-body img.align-center { margin-left: -15px; margin-right: -15px; max-width: calc(100% + 30px); width: calc(100% + 30px); } }

.home-section-callouts .field--name-field-links { font-size: 1.25em; margin-top: auto; padding-top: 15px; }

.home-callout-school { --primary-color: $alcoa-orange; --dark-color: $alcoa-dark-orange; --dark-desaturated-color: $alcoa-dark-orange-desaturated; --light-color: $alcoa-light-orange; --lightest-color: $alcoa-lightest-orange; }

.home-callout-home { --primary-color: $alcoa-blue; --dark-color: $alcoa-dark-blue; --dark-desaturated-color: $alcoa-dark-blue-desaturated; --light-color: $alcoa-light-blue; --lightest-color: $alcoa-lightest-blue; }

.home-callout-vfts { --primary-color: $alcoa-green; --dark-color: $alcoa-dark-green; --dark-desaturated-color: $alcoa-dark-green-desaturated; --light-color: $alcoa-light-green; --lightest-color: $alcoa-lightest-green; }

.home-partners { --primary-color: $alcoa-green; --dark-color: $alcoa-dark-green; --dark-desaturated-color: $alcoa-dark-green-desaturated; --light-color: $alcoa-light-green; --lightest-color: $alcoa-lightest-green; }

/* In School page */
.in-school-hero p a:first-child:last-child { background-image: url("../img/chevron-down-white.png"); background-repeat: no-repeat; background-position: right 8px center; padding-right: 41px; }

@media (min-width: 960px) { .page-alias-school .view-lessons .view-content .views-row .node--type-myf-lesson { min-height: 20em; } }

.page-alias-school .school-lessons-3-8 { background-image: url("../img/pendant-orange-3-8.png"); }

.page-alias-school .school-lessons-9-12 { background-image: url("../img/pendant-orange-9-12.png"); }

.student-spm-callout.spm-callout.paragraph { background-image: url("../img/pendant-orange-6-8.png"); }

@media (min-width: 510px) { .student-spm-callout.spm-callout.paragraph { background-image: url("../img/pendant-orange-6-8.png"), url("../img/spm-callout-bg.jpg"); } }

.in-school__career-guide.paragraph, .in-school__discussion-starters.paragraph { background-position: left 15px top; background-repeat: no-repeat; padding-top: 68px; }

.in-school__career-guide.paragraph { background-image: url("../img/pendant-orange-compass.png"); }

.in-school__discussion-starters.paragraph { background-image: url("../img/pendant-orange-dialog.png"); }

@media (min-width: 480px) { .in-school__career-guide.paragraph, .in-school__discussion-starters.paragraph { min-height: 305px; }
  .in-school__career-guide.paragraph { background-image: url("../img/pendant-orange-compass.png"), url("../img/school-career-guide.jpg"); background-position: left 15px top, right bottom; padding-right: 207px; }
  .in-school__discussion-starters.paragraph { background-image: url("../img/pendant-orange-dialog.png"), url("../img/school-family-discussion-starters.jpg"); background-position: left 192px top, left bottom; min-height: 305px; padding-left: 192px; } }

.school-addl-resources.paragraph, .school-promo-materials.paragraph { background-image: url("../img/pendant-orange-toolbox.png"); }

.school-photo-gallery.paragraph { background-image: url("../img/pendant-orange-camera.png"); }

/* At Home page */
.at-home__discussion-starters.paragraph { background-image: url("../img/pendant-orange-dialog.png"); background-position: left 15px top; background-repeat: no-repeat; padding-top: 68px; }

.at-home__career-guide.paragraph { background-image: url("../img/pendant-orange-compass.png"); background-position: left 15px top; background-repeat: no-repeat; padding-top: 68px; }

@media (min-width: 480px) { .at-home__discussion-starters.paragraph, .at-home__career-guide.paragraph { background-position: left 15px top, right bottom; min-height: 305px; }
  .at-home__discussion-starters.paragraph { background-image: url("../img/pendant-blue-dialog.png"), url("../img/at-home-family-discussion-starters.jpg"); padding-right: 210px; }
  .at-home__career-guide.paragraph { background-image: url("../img/pendant-blue-compass.png"), url("../img/at-home-career-guide.jpg"); padding-right: 207px; } }

/* UK VFT page */
.page-alias-ukvirtualfieldtrip .paragraph--type--hero-splash .field--name-field-para-title { color: #bbffb1; }

/* Manufacturing Day of Learning page */
.mfg-day-global-labs-callout.paragraph::before { background-color: white; background-image: url("../img/global-lab-logo.svg"); background-position: center; background-repeat: no-repeat; background-size: 120px; content: ''; display: block; height: 180px; margin: -15px -15px 15px; padding: 30px; }

@media (min-width: 600px) { .mfg-day-global-labs-callout.paragraph { display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; min-height: 180px; padding-left: 210px; padding-right: 30px; position: relative; }
  .mfg-day-global-labs-callout.paragraph::before { margin: 0; position: absolute; top: 0; left: 0; height: 100%; width: 180px; } }

.page-alias-manufacturing-day-learning .node--type-de-video-archive.node--view-mode-default h2 { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal; }

.activity-schedule-row > .field--name-field-para-title { -webkit-box-align: center; align-items: center; background-image: url("../img/icon-clock-green.svg"); background-position: left center; background-repeat: no-repeat; background-size: 53px; display: -webkit-box; display: flex; min-height: 53px; padding-left: 69px; }

/* Teacher Challenge page */
.challenge-hero .paragraph--type--hero-3-column__third-col p a:first-child:last-child:not(.link--arrow-icon) { background-color: #f99c32; color: black; }

.challenge-hero .paragraph--type--hero-3-column__third-col p a:first-child:last-child:not(.link--arrow-icon)::before { border-top-color: #f99c32; border-left-color: #f99c32; }

.challenge-hero .paragraph--type--hero-3-column__third-col p a:first-child:last-child:not(.link--arrow-icon)::after { border-bottom-color: #f99c32; border-left-color: #f99c32; }

.challenge-downloads__overview.paragraph { background-image: url("../img/pendant-blue-pencil.png"); }

.challenge-downloads__rules.paragraph { background-image: url("../img/pendant-blue-books.png"); }

.challenge-downloads__faqs.paragraph { background-image: url("../img/pendant-blue-question-mark.png"); }

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

@media (min-width: 555px) { .challenge-enter.paragraph { background-image: url("../img/pendant-blue-documents.png"), url("../img/challenge-enter-bg.jpg"); background-image: url("../img/pendant-blue-documents.png"), -webkit-image-set(url("../img/challenge-enter-bg.jpg") 1x, url("../img/challenge-enter-bg@2x.jpg") 2x); background-image: url("../img/pendant-blue-documents.png"), image-set(url("../img/challenge-enter-bg.jpg") 1x, url("../img/challenge-enter-bg@2x.jpg") 2x); background-position: left 15px top, right calc(100vw - 960px) center; background-size: 98px, 405px; min-height: 298px; padding-right: calc(100vw - 540px); } }

@media (min-width: 960px) { .challenge-enter.paragraph { background-position: left 15px top, right center; padding-right: 420px; } }

/* User registration page */
.page-alias-user--register .block-local-tasks-block { display: none; }

.page-alias-user--register .region-content { margin-left: auto; margin-right: auto; max-width: 960px; }

@media (min-width: 768px) { .page-alias-user--register .region-content { -webkit-box-align: start; align-items: flex-start; display: -webkit-box; display: flex; }
  .page-alias-user--register .region-content .block-competition-already-registered, .page-alias-user--register .region-content .block-competition-already-registered + .block-mainpagecontent { margin-top: 15px; margin-bottom: 15px; }
  .page-alias-user--register .region-content .block-competition-already-registered { flex-shrink: 2; margin-left: 15px; margin-right: 7.5px; }
  .page-alias-user--register .region-content .block-competition-already-registered + .block-mainpagecontent { margin-left: 7.5px !important; margin-right: 15px !important; } }

/* Competition pages */
.path-competition footer, .path-entry footer { padding-bottom: 1rem; }

.hide-from-anonymous-user { display: none; }

.user-logged-in .hide-from-anonymous-user { display: block; }

.user-logged-in .hide-from-logged-in-user { display: none; }

.competition_entry { background-color: white; border: 1px solid #e0e0e0; margin: 7.5px; padding: 15px; }

.competition_entry .field { margin-bottom: 15px; }

.competition_entry > details { margin-left: 0; margin-right: 0; }

.form-managed-file .link--arrow-icon { margin-bottom: 0; text-transform: none; }

.form-managed-file .link--arrow-icon .arrow-icon { display: none; }

.form-managed-file .link--arrow-icon .arrow-icon + .arrow-icon-text { margin-left: 0; }

.form-managed-file .form-submit { margin: 0 0 0 0.5rem; }

/* Sign Up form */
@media (min-width: 480px) { .webform-submission-sign-up-for-updates-form .form-wrapper.wrapper-grade-band, .webform-submission-sign-up-for-updates-form .form-wrapper.wrapper-interests { float: left; margin-top: 0; }
  .webform-submission-sign-up-for-updates-form .form-wrapper.wrapper-grade-band { margin-right: 3em; }
  .webform-submission-sign-up-for-updates-form .form-wrapper.wrapper-interests + * { clear: left; } }

/* MDR fields */
#edit-field-school-0 .ajax-progress { background-color: white; border: 1px solid #e0e0e0; padding: 15px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#edit-field-school-0-lookup > div { display: block; }

/* Shared styles - user form and competition form */
.user-form input[type="email"], .user-form input[type="tel"], .user-form input[type="text"], .user-form input[type="url"], .user-form textarea, .competition-entry-form input[type="email"], .competition-entry-form input[type="tel"], .competition-entry-form input[type="text"], .competition-entry-form input[type="url"], .competition-entry-form textarea { width: 100%; }

/* User form */
.user-form .field--name-field-grades .form-item { display: inline-block; }

.user-form .field--name-field-grades .form-item:not(:last-child) { margin-right: 2em; }

/* Competition forms */
.competition-entry-form .video-preview, .competition-entry-form .video--sizing-wrapper { background-color: #015790; background-color: var(--dark-color, #015790); color: white; max-width: 100%; width: 640px; }

.competition-entry-form .video-preview { -webkit-box-align: center; align-items: center; display: -webkit-box; display: flex; height: 360px; -webkit-box-pack: center; justify-content: center; }

.competition-entry-form .video--sizing-wrapper { line-height: 0; }

.competition-entry-form .video--sizing-wrapper .video-container { height: 0; margin-left: auto; margin-right: auto; padding-bottom: 56.25%; /* 16:9 */ position: relative; }

.competition-entry-form .video--sizing-wrapper .video-container iframe { height: 100%; position: absolute; top: 0; left: 0; width: 100%; }

.competition-entry-form .field--name-field-team-member-instruct { margin-bottom: 1em; }

.competition-entry-form .form-actions { background-color: white; border: 1px solid #e0e0e0; margin: 7.5px; padding: 15px; }

.competition-entry-form .form-actions progress { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 1rem; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1000; }