@charset "UTF-8";
/* CSS Document */
.hero-banner__body{position:absolute;top:5%;}
.text-align-center{text-align:center;}
.decision-outline {margin:2em 0;border:.3em solid #FFBF00;padding:35px}
.decision-decline {margin:1em;}
.decision-deciding {padding:20px;}
.layout__region--first {padding:1em}
.layout__region--second {padding:1em}
.layout__region--third {padding:1em}
.cascade-hero {padding:2em 1em}
.applicant-profile {margin:-1em;border:.2em solid #E5E9EF;padding:15px}
.fa, .fab, .fad, .fal, .far, .fas {font-size:2em}
.disclaimer {font-size:.85em}
.tagboard-intro {padding-top:2em}
.search-popup__open:before {margin: .6em 0 1em -.45em;}
.search-popup__open {font-size:1em;}
.center-social {display:flex;justify-content: center}
.hero-banner--brand-secondary .hero-banner__title {color:#FFBF00}
.hero-banner__image {background-color:#002851}
.bottom-space {margin-bottom:1em}
.top-space {magin-top:1em}
.reduce-margin {margin:-1em;}
.hero-banner--brand-secondary .hero-banner__title {text-shadow: #000 0 0 2px;}
.hero-banner__summary{font-weight:700;}
.myawards-bkgd {color: #ffffff; background-color:#0047BA}
.marketing-tile__title {font-size:2vw;}
.marketing-tile__description {font-size:1.25vw;}
.mya-cascade-text {color:#002855}
a.mya-cascade-text:hover {color:#FFFF3B;}
.cascade-hero__content.mya-login-spc {
	padding: 15% 1.75rem 20% 0;}

/* Checklist Tasks - Current*/

.task-list-box {background-color: #E5E5E5;padding:25px;}
.task-list-box .current-text {margin-bottom:1em;}
.task-list-box .completed-text {margin-top:2em;margin-bottom:1em}

.focal-link__figure.current {margin:.9em; float:left;}
.focal-link__icon.category-brand__background.current { background-color:#002851;color: #335B85; border:solid .25em #B3C1D1 }
.focal-link__icon.category-brand__background.current:hover { color: #3DAE2B; }
.focal-link.current {padding-left:0!important;line-height:1.25em}
.focal-link.current:hover {text-decoration:underline; color:#13639E;background-color:transparent}
.focal-link__body.current {display:flex; align-items:center }
.focal-link__icon.current { background-color: var(--category-brand, #022851); color: #fff; display: flex; align-items: center; justify-content: center; height: 3.5rem; width: 3.5rem; border-radius: 50%; }


/* Checklist Tasks - Complete*/
.focal-link__body.complete {background-color:#cccccc;}
.focal-link__figure.complete {margin:.9em; float:left;}
.focal-link__icon.category-brand__background.complete { background-color:#002851;color: #3DAE2B; border:solid .25em #B3C1D1 }
.focal-link__icon.category-brand__background.complete:hover { color: #335B85; }
.focal-link.complete {padding-left:0!important;line-height:1.25em}
.focal-link.complete:hover {text-decoration:underline; color:#13639E;background-color:transparent}
.focal-link__body.complete {display:flex; align-items:center }
.focal-link__icon.complete { background-color: var(--category-brand, #022851); color: #fff; display: flex; align-items: center; justify-content: center; height: 3.5rem; width: 3.5rem; border-radius: 50%; }


.btn--primary {text-shadow:none;}
.video-btn {background-color:#FFBF00; color:#002851; text-shadow:none; border:none}
.video-btn:hover {color:#ffffff;}






.vertical-link__image { background-color: var(--category-brand, #B0D0ED); color: #fff; display: flex; align-items: center; justify-content: center; height: 4rem; width: 4rem; border-radius: 50%; }
.vertical-link__image { --focal-link-background: 2, 40, 81; --o-media-gutter: var(--o-media-gutter-default, 1rem); --o-media-gutter--right: var(--o-media-gutter-default, 1rem); --o-media-gutter--left: 0; display: flex; align-items: flex-start; color: #ffffff; text-decoration: underline; align-items: center; padding: 1rem; text-decoration: none; transition: background-color .2s ease-in-out; }


/* Collapse Box Style */
.collapsible {background-color: #0047BA;color: white;cursor:pointer;padding: 20px 25px;width: 100%;border: none;text-align: left;outline: none;font-size: 1.4rem;font-weight:bold;}
.active, .collapsible:hover {background-color: #4076ce;}
.collapsible:after {content: '\002B';color: white;font-size:2rem;font-weight: bold;float: right;margin-left: 5px;margin-top:-.15em;margin-bottom:-.7em}
.active:after {content: "\2212";margin-top:-.7em;
}

.content {margin-bottom:20px;padding: 0;max-height: 0;overflow: hidden; transition: max-height 0.2s ease-out;background-color: #fff; border:solid 1px #cccccc}s
	
.content p{color:#000000;line-height:1.9rem;font-weight:normal!important;padding: 20px 25px;}

.collapsible-2 {background-color: #481268;color: white;cursor:pointer;padding: 20px 25px;width: 100%;border: none;text-align: left;outline: none;font-size: 1.4rem;font-weight:bold;}
.active, .collapsible-2:hover {background-color: #6f3591;}
.collapsible-2:after {content: '\002B';color: white;font-size:2rem;font-weight: bold;float: right;margin-left: 5px;margin-top:-.15em;margin-bottom:-.7em}
.active:after {content: "\2212";margin-top:-.7em;
}


/*# sourceMappingURL=style.css.map */

/*
 * @file
 * Provides the layout styles for three-column layout section.
 */

.layout--threecol-section {
  display: flex;
  flex-wrap: wrap;
}

.layout--threecol-section > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout--threecol-section--25-50-25 > .layout__region--first,
  .layout--threecol-section--25-50-25 > .layout__region--third,
  .layout--threecol-section--25-25-50 > .layout__region--first,
  .layout--threecol-section--25-25-50 > .layout__region--second,
  .layout--threecol-section--50-25-25 > .layout__region--second,
  .layout--threecol-section--50-25-25 > .layout__region--third {
    flex: 0 1 25%;
  }
  .layout--threecol-section--25-50-25 > .layout__region--second,
  .layout--threecol-section--25-25-50 > .layout__region--third,
  .layout--threecol-section--50-25-25 > .layout__region--first {
    flex: 0 1 50%;
  }
  .layout--threecol-section--33-34-33 > .layout__region--first,
  .layout--threecol-section--33-34-33 > .layout__region--third {
    flex: 0 1 33%;
  }
  .layout--threecol-section--33-34-33 > .layout__region--second {
    flex: 0 1 33%;
  }
}

/*
 * @file
 * Provides the layout styles for two-column layout section.
 */

.layout--twocol-section {
  display: flex;
  flex-wrap: wrap;
}

.layout--twocol-section > .layout__region {
  flex: 0 1 100%;
}

@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 50%;
  }

  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex: 0 1 33%;
  }

  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 67%;
  }

  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    flex: 0 1 25%;
  }

  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    flex: 0 1 75%;
  }
}




@media screen and (max-width: 992px) {

  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex: 0 1 100%;
  }

  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 100%;
  }
	
    .layout--threecol-section--33-34-33 > .layout__region--first,
  .layout--threecol-section--33-34-33 > .layout__region--third {
    flex: 0 1 100%;
  }
  .layout--threecol-section--33-34-33 > .layout__region--second {
    flex: 0 1 100%;
  }
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 100%;
  }
	
	.cascade-hero__image.mya-login-img {display:none;}
	.cascade-hero__content.mya-login-spc {
	padding: 1rem}

}