/* ============== Animations ================ */
:root {
    --transitions: transform .75s cubic-bezier(0.250, 0.460, 0.450, 0.940), opacity .75s ease, background .75s ease;
    --fade-in: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; 
    --opacity-fade: 1;
}

/*Keyframes*/

@-webkit-keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: var(--opacity-fade);
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: var(--opacity-fade);
    }
  }

/*--Global Animations--*/

/*Logo and Nav*/
html:not(.styler) .style-79590 li.level-1,
html:not(.styler) .style-79589 {
	-webkit-animation: var(--fade-in);
	        animation: var(--fade-in);
}

/*Interior Page Banners*/

html:not(.styler) .style-79328 {
    -webkit-animation: var(--fade-in);
            animation: var(--fade-in);
    -webkit-animation-delay: .25s;
            animation-delay: .25s;
}

/*Page Titles*/
html:not(.styler) .style-79324 {
    -webkit-animation: var(--fade-in);
            animation: var(--fade-in);
    -webkit-animation-delay: .5s;
            animation-delay: .5s;
}

/*Interior Navigation*/
html:not(.styler) .style-79568 {
    -webkit-animation: var(--fade-in);
            animation: var(--fade-in);
    -webkit-animation-delay: .75s;
            animation-delay: .75s;
}

/*Page Content Region*/
html:not(.styler) .style-79315 > div.container {
    -webkit-animation: var(--fade-in);
            animation: var(--fade-in);
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
}

/*---HP Animations---*/

/*Hero Video*/
html:not(.styler) .style-79704 {
    opacity: 0;
    transition: opacity .5s ease;
    transition-delay: .5s;
}
html:not(.styler) .style-79701.scrollAnim .style-79704 {
    opacity: 1;
}

/*Hero Tagline*/

html:not(.styler) .style-79701 .style-79705 .h2-style span {
    transition: var(--transitions);
    transition-delay: 1s;
}

html:not(.styler) .style-79701 .style-79705 .h2-style span.tagline-small {
    transform: translateX(-40rem);
    opacity: 0;
}

html:not(.styler) .style-79701 .style-79705 .h2-style span.tagline-large {
    transform: translateX(40rem);
    opacity: 0;
}

html:not(.styler) .style-79701.scrollAnim .style-79705 .h2-style span.tagline-small,
html:not(.styler) .style-79701.scrollAnim .style-79705 .h2-style span.tagline-large{
    transform: translatex(0);
    opacity: 1;
}

/*Hero "See More" Link*/

html:not(.styler) .style-79701 .style-79708 .l1-item {
    opacity: 0;
    transition: var(--transitions);
    transition-delay: 1s;
}

html:not(.styler) .style-79701.scrollAnim .style-79708 .l1-item{
    opacity: 1;
}


/*Mission Photo Grid*/

html:not(.styler) .style-79709 .style-79711 li.group img {
    transform:translateY(-2rem);
    opacity: 0;
    transition: var(--transitions);
}

html:not(.styler) .style-79709 .style-79711 li.group:nth-child(4n+1) img {
    transition-delay: .1s;
}

html:not(.styler) .style-79709 .style-79711 li.group:nth-child(4n+3) img {
    transition-delay: .25s;
}

html:not(.styler) .style-79709 .style-79711 li.group:nth-child(4n+2) img {
    transition-delay: .4s;
}

html:not(.styler) .style-79709 .style-79711 li.group:nth-child(4n+4) img {
    transition-delay: .55s;
}
html:not(.styler) .style-79709.scrollAnim .style-79711 li.group img{
    transform: translateY(0);
    opacity: 1;
}


/*Mission Text Block*/

html:not(.styler) .style-79709 .style-79709.style-79710 > div.last-col {
    /*transform: translateX(40rem);*/
    background-color: transparent;
    background-image: url('//bbk12e1-cdn.myschoolcdn.com/ftpimages/748/site/1600/images/missionBGtransparent.png');
    transition: var(--transitions);
}

html:not(.styler) .style-79709 .style-79710 > div.last-col div.layout-block {
    opacity: 0;
    transform: translateY(2rem);
    transition: var(--transitions);
}

html:not(.styler) .style-79709.scrollAnim .style-79710 > div.last-col{
    /*transform: translatex(0);*/
    background-image: url('//bbk12e1-cdn.myschoolcdn.com/ftpimages/748/site/1600/images/missionBGcompass.png');
    background-color: var(--accent-color-3);
}

html:not(.styler) .style-79709.scrollAnim .style-79710 > div.last-col div.layout-block {
    opacity: 1;
    transform: translateY(0);
}

/*RE At a Glance Stats Content*/

html:not(.styler) .style-79717 .style-79718 .h2-style {
    opacity: 0;
    transition: var(--transitions);
}

html:not(.styler) .style-79717 .style-79718 li.group {
    opacity: 0;
    transform: translateY(-2rem);
    transition: var(--transitions);
}

html:not(.styler) .style-79717 .style-79718 li.group:nth-child(8n+1) {
    transition-delay: .1s;
}
html:not(.styler) .style-79717 .style-79718 li.group:nth-child(8n+2) {
    transition-delay: .25s;
}
html:not(.styler) .style-79717 .style-79718 li.group:nth-child(8n+3) {
    transition-delay: .4s;
}
html:not(.styler) .style-79717 .style-79718 li.group:nth-child(8n+4) {
    transition-delay: .55s;
}
html:not(.styler) .style-79717 .style-79718 li.group:nth-child(8n+5) {
    transition-delay: .7s;
}
html:not(.styler) .style-79717 .style-79718 li.group:nth-child(8n+6) {
    transition-delay: .85s;
}
html:not(.styler) .style-79717 .style-79718 li.group:nth-child(8n+7) {
    transition-delay: 1s;
}
html:not(.styler) .style-79717 .style-79718 li.group:nth-child(8n+8) {
    transition-delay: 1.15s;
}
html:not(.styler) .style-79717.scrollAnim .style-79718 .h2-style,
html:not(.styler) .style-79717.scrollAnim .style-79718 li.group {
    opacity: 1;
    transform: translateY(0);
}

/*HP Featured Region*/

html:not(.styler) .style-79750 .style-79716{
    opacity: 0;
    transform: translateY(-2rem);
    transition: var(--transitions);
    /*transition-delay: .5s;*/
}
html:not(.styler) .style-79750.scrollAnim .style-79716 {
    opacity: 1;
    transform: translateY(0);
}

/*HP Quotes*/
html:not(.styler) .style-79742 .brief-description {
    opacity: 0;
    transform: translateY(-2rem);
    transition: var(--transitions);
}
html:not(.styler) .style-79742 .h4-style{
    opacity: 0;
    transform: translateY(2rem);
    transition: var(--transitions);
}

html:not(.styler) .style-79742.scrollAnim .brief-description,
html:not(.styler) .style-79742.scrollAnim .h4-style {
    opacity: 1;
    transform: translateY(0);
} 

/*Recent News*/
html:not(.styler) .style-79828 .style-79748 .h2-style,
html:not(.styler) .style-79828 .style-79748 .archive {
    opacity: 0;
    transition: var(--transitions);
}

html:not(.styler) .style-79828 .style-79748 li.group {
    opacity: 0;
    transform: translateY(-2rem);
    transition: var(--transitions);
}

html:not(.styler) .style-79828 .style-79748 li.group:nth-child(3n+1) {
    transition-delay: .5s;
}

html:not(.styler) .style-79828 .style-79748 li.group:nth-child(3n+2) {
    transition-delay: .75s;
}

html:not(.styler) .style-79828 .style-79748 li.group:nth-child(3n+3) {
    transition-delay: 1s;
}
html:not(.styler) .style-79828.scrollAnim .style-79748 .h2-style,
html:not(.styler) .style-79828.scrollAnim .style-79748 li.group,
html:not(.styler) .style-79828.scrollAnim .style-79748 .archive {
    opacity: 1;
    transform: translateY(0);
} 

/*Final CTA Text Content*/

html:not(.styler) .style-79775 .style-79776 > div.first-col {
    background-color: transparent;
    background-image: url('//bbk12e1-cdn.myschoolcdn.com/ftpimages/748/site/1600/images/rowBGpattern1transparent.png');
    transition: var(--transitions);
}

html:not(.styler) .style-79775 .style-79716 {
    opacity: 0;
    transform:translateY(-2rem);
    transition: var(--transitions);
}

html:not(.styler) .style-79775.scrollAnim .style-79776 > div.first-col {
    background-color: var(--accent-color-3);
    background-image: url('//bbk12e1-cdn.myschoolcdn.com/ftpimages/748/site/1600/images/rowBGpattern1.jpg');
}

html:not(.styler) .style-79775.scrollAnim  .style-79716 {
    opacity: 1;
    transform: translateY(0);
}

/*Final CTA Photo Grid*/

html:not(.styler) .style-79775 .style-79778 li.group img {
    transform:translateY(2rem);
    opacity: 0;
    transition: var(--transitions);
}

html:not(.styler) .style-79775 .style-79778 li.group:nth-child(3n+1) img {
    transition-delay: .1s;
}

html:not(.styler) .style-79775 .style-79778 li.group:nth-child(3n+2) img {
    transition-delay: .35s;
}

html:not(.styler) .style-79775 .style-79778 li.group:nth-child(3n+3) img {
    transition-delay: .6s;
}

html:not(.styler) .style-79775.scrollAnim .style-79778 li.group img {
    transform: translateY(0);
    opacity: 1;
}