/*  
Theme Name: alcf-aurora 
Description: Single page theme for Argonne ALCF 
Author: Sandbox Studio, Chicago 
*/

.region--hero{grid-area:H}.region--content{grid-area:C}.region--footer{grid-area:F}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:1;font-family:sans-serif}iframe{border:0}main{display:block}ul,ol{margin-top:0;margin-bottom:0;padding-left:0}li{display:block}dl{margin-top:0;margin-bottom:0}dd{margin-left:0}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0;font-size:inherit}blockquote{margin:0;padding:0}p{margin-top:0;margin-bottom:0}sup{position:relative;top:-.5em;vertical-align:baseline;font-size:75%;line-height:0}strong{font-weight:bold}figure{margin:0}img{border:0;max-width:100%;height:auto;vertical-align:middle}a{text-decoration:none;color:inherit}button{border:0;margin:0;padding:0;text-align:inherit;text-transform:inherit;font:inherit;-webkit-font-smoothing:inherit;letter-spacing:inherit;background:none;cursor:pointer;overflow:visible}::-moz-focus-inner{border:0;padding:0}body{text-rendering:optimizeLegibility;hanging-punctuation:first last;font-feature-settings:'kern' 1, 'onum' 1, 'tnum' 0, 'frac' 1, 'liga' 1;font-kerning:normal;font-variant-ligatures:common-ligatures;font-variant-numeric:oldstyle-nums}p{max-width:80ch}body{font-size:100%;font-feature-settings:"ss01", "onum", "kern", "liga";background-color:#080812;color:#97D5C9}.layout-wrapper{grid-template-areas:'H H H H H H H H H H H H' 'C C C C C C C C C C C C' 'F F F F F F F F F F F F'}@media screen and (min-width: 992px){.layout-wrapper{grid-template-areas:'H H H H H H H H H H H H' '. . . C C C C C C . . .' 'F F F F F F F F F F F F'}}@supports not (display: grid){[class^="region"]:before,[class^="region"]:after{content:' ';display:table}}.wf-loading h1,.wf-loading h2,.wf-loading h3,.wf-loading h4,.wf-loading p{opacity:0}.wf-active h1,.wf-active h2,.wf-active h3,.wf-loading h4,.wf-active p{opacity:1}h1,h2,h3,h4,p{transition:opacity 2s}h1{font-size:4.53rem;line-height:4.75rem;margin-top:1rem;padding-top:.0613rem;padding-bottom:.1887rem;margin-bottom:-1.25rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em;color:#fff;font-feature-settings:"ss01", "onum", "kern", "liga"}@media screen and (min-width: 768px){h1{font-size:13.824rem;line-height:13.75rem;margin-top:3rem;padding-top:.11604rem;padding-bottom:.13396rem;margin-bottom:-3rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.05em;word-spacing:0em}}@media screen and (min-width: 992px){h1{font-size:13.824rem;line-height:13.75rem;margin-top:3rem;padding-top:.11604rem;padding-bottom:.13396rem;margin-bottom:-3rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.05em;word-spacing:0em}}@media screen and (min-width: 1200px){h1{font-size:13.824rem;line-height:13.75rem;margin-top:3rem;padding-top:.11604rem;padding-bottom:.13396rem;margin-bottom:-3rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.05em;word-spacing:0em}}h2{font-size:2.25rem;line-height:2.5rem;margin-top:.25rem;padding-top:.0975rem;padding-bottom:.1525rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em;margin-top:3.25rem !important;font-feature-settings:"ss01", "onum", "kern", "liga"}@media screen and (min-width: 768px){h2{font-size:3rem;line-height:3rem;margin-top:.5rem;padding-top:.13rem;padding-bottom:.12rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em}}@media screen and (min-width: 992px){h2{font-size:3rem;line-height:3rem;margin-top:.5rem;padding-top:.13rem;padding-bottom:.12rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em}}@media screen and (min-width: 1200px){h2{font-size:3rem;line-height:3rem;margin-top:.5rem;padding-top:.13rem;padding-bottom:.12rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em}}@media screen and (min-width: 768px){h2{margin-top:5.75rem !important}}h3{font-size:1.5rem;line-height:2rem;margin-top:0rem;padding-top:.065rem;padding-bottom:.185rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em;margin-top:3.25rem !important;font-feature-settings:"ss01", "onum", "kern", "liga"}@media screen and (min-width: 768px){h3{font-size:1.5rem;line-height:2rem;margin-top:0rem;padding-top:.065rem;padding-bottom:.185rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em}}@media screen and (min-width: 992px){h3{font-size:1.5rem;line-height:2rem;margin-top:0rem;padding-top:.065rem;padding-bottom:.185rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em}}@media screen and (min-width: 1200px){h3{font-size:1.5rem;line-height:2rem;margin-top:0rem;padding-top:.065rem;padding-bottom:.185rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em}}h4{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:.005em;word-spacing:0em;margin-top:3.25rem !important;font-feature-settings:"ss01", "onum", "kern", "liga"}@media screen and (min-width: 768px){h4{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:.005em;word-spacing:0em}}@media screen and (min-width: 992px){h4{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:.005em;word-spacing:0em}}@media screen and (min-width: 1200px){h4{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:.005em;word-spacing:0em}}h5,h6{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:.005em;word-spacing:0em;margin-top:1.5rem !important;font-feature-settings:"ss01", "onum", "kern", "liga"}@media screen and (min-width: 768px){h5,h6{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:.005em;word-spacing:0em}}@media screen and (min-width: 992px){h5,h6{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:.005em;word-spacing:0em}}@media screen and (min-width: 1200px){h5,h6{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:.005em;word-spacing:0em}}p{font-size:1.188rem;line-height:1.75rem;margin-top:0rem;padding-top:.03048rem;padding-bottom:.21952rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.0075em;word-spacing:0em;margin-top:1.5rem !important;font-feature-settings:"ss01", "onum", "kern", "liga"}@media screen and (min-width: 768px){p{font-size:1.188rem;line-height:1.75rem;margin-top:0rem;padding-top:.03048rem;padding-bottom:.21952rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.0075em;word-spacing:0em}}@media screen and (min-width: 992px){p{font-size:1.188rem;line-height:1.75rem;margin-top:0rem;padding-top:.03048rem;padding-bottom:.21952rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.0075em;word-spacing:0em}}@media screen and (min-width: 1200px){p{font-size:1.188rem;line-height:1.75rem;margin-top:0rem;padding-top:.03048rem;padding-bottom:.21952rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.0075em;word-spacing:0em}}h2+h3{margin-top:1.5rem !important}h3+p,h4+p,h5+p,h6+p{margin-top:.5rem !important}.region--hero{background-color:#080812;overflow:hidden;position:fixed;top:0;width:100%;z-index:-10;height:180px;min-height:180px}@media screen and (min-width: 768px){.region--hero{height:75vh;min-height:300px}}.region--content{margin-top:180px;background-color:#080812}@media screen and (min-width: 768px){.region--content{margin-top:75vh}}.region--footer{background-color:#080812}.component--hero{height:100%;position:relative}@supports (display: grid){.component--hero{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;width:100%;margin:0 auto;grid-column-gap:30px;column-gap:30px;grid-row-gap:0rem;row-gap:0rem;max-width:1400px}}@supports not (display: grid){.component--hero{margin:0 10%}}.component--hero .hero__title{position:absolute;bottom:2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:opacity 1s}@supports (display: grid){.component--hero .hero__title{grid-column:2 / 11;z-index:10}@media screen and (min-width: 768px){.component--hero .hero__title{grid-column:4 / 10}}}@supports not (display: grid){.component--hero .hero__title{width:80%}}@media screen and (min-width: 768px){.component--hero .hero__title{bottom:3.25rem}}.component--hero #js-youtubebg-poster{filter:blur(40px);opacity:.45}.component--hero .hero__bg{filter:blur(30px);opacity:.8;background-image:url("img/poster.jpg");background-size:100%;position:fixed;top:0;bottom:0;left:0;right:0;z-index:-6}@media screen and (min-width: 768px){.component--hero .hero__bg{filter:blur(40px)}}.component--hero .hero__overlay{position:fixed;top:0;bottom:calc(100vh - 180px);left:0;right:0;background-color:#137094;mix-blend-mode:overlay;opacity:1;z-index:0}@media screen and (min-width: 768px){.component--hero .hero__overlay{bottom:25vh}}@supports (display: grid){.component--desc{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;width:100%;margin:0 auto;grid-column-gap:30px;column-gap:30px;grid-row-gap:0rem;row-gap:0rem;max-width:1400px}.component--desc *{grid-column:2 / 11}.component--desc .desc--cols{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:repeat(auto, 1fr);grid-column-gap:30px;column-gap:30px;grid-row-gap:0rem;row-gap:0rem;margin:0;grid-column:1/span 12;grid-row:span auto}@media screen and (min-width: 768px){.component--desc *{grid-column:4 / 10}.component--desc .desc-halfcol1{grid-column:4 / 6}.component--desc .desc-halfcol2{grid-column:7 / 10}.component--desc .desc--cols{padding-left:60px;padding-right:60px}.component--desc .desc--col{grid-column:span 4}.component--desc .desc--note{grid-column:10 / 12;grid-row:1 / 6;margin-top:7.5rem !important}}}@supports not (display: grid){.component--desc{margin:0 10%;width:80%}}.component--desc .desc--small{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.009em;word-spacing:-.0367em;margin-top:0 !important;margin-top:.5rem !important}@media screen and (min-width: 768px){.component--desc .desc--small{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.009em;word-spacing:-.0367em}}@media screen and (min-width: 992px){.component--desc .desc--small{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.009em;word-spacing:-.0367em}}@media screen and (min-width: 1200px){.component--desc .desc--small{font-size:1rem;line-height:1.25rem;margin-top:0rem;padding-top:.085rem;padding-bottom:.165rem;margin-bottom:-.5rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.009em;word-spacing:-.0367em}}.component--desc .desc--deck{font-size:1.5rem;line-height:2rem;margin-top:0rem;padding-top:.065rem;padding-bottom:.185rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em;margin-top:0 !important;margin-top:1.5rem !important}@media screen and (min-width: 768px){.component--desc .desc--deck{font-size:1.5rem;line-height:2rem;margin-top:0rem;padding-top:.065rem;padding-bottom:.185rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em}}@media screen and (min-width: 992px){.component--desc .desc--deck{font-size:1.5rem;line-height:2rem;margin-top:0rem;padding-top:.065rem;padding-bottom:.185rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em}}@media screen and (min-width: 1200px){.component--desc .desc--deck{font-size:1.5rem;line-height:2rem;margin-top:0rem;padding-top:.065rem;padding-bottom:.185rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:600;font-family:proxima-nova,sans-serif;letter-spacing:-.02em;word-spacing:0em}}.component--desc .desc--sim-head:before{background-image:url("img/s-cyan.svg");background-size:20px;background-position-y:6px;background-repeat:no-repeat;display:inline-block;width:20px;height:20px;content:"";padding-right:2px}.component--desc .desc--data-head:before{background-image:url("img/d-cyan.svg");background-size:20px;background-position-y:6px;background-repeat:no-repeat;display:inline-block;width:20px;height:20px;content:"";padding-right:2px}.component--desc .desc--learning-head:before{background-image:url("img/l-cyan.svg");background-size:20px;background-position-y:6px;background-repeat:no-repeat;display:inline-block;width:20px;height:20px;content:"";padding-right:2px}.component--desc .desc--arch-cols{background-color:#97D5C9;color:#105A5F;padding-bottom:5.75rem;margin-top:3.25rem !important}.component--desc .desc--arch-col h3{margin-top:3.25rem !important}.component--desc .desc--list{margin-top:1.5rem !important}.component--desc .desc--list li{border-top:1px solid #00A997;padding:.5rem 0 1.5rem !important;font-size:1.188rem;line-height:1.75rem;margin-top:0rem;padding-top:.03048rem;padding-bottom:.21952rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.0075em;word-spacing:0em}@media screen and (min-width: 768px){.component--desc .desc--list li{font-size:1.188rem;line-height:1.75rem;margin-top:0rem;padding-top:.03048rem;padding-bottom:.21952rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.0075em;word-spacing:0em}}@media screen and (min-width: 992px){.component--desc .desc--list li{font-size:1.188rem;line-height:1.75rem;margin-top:0rem;padding-top:.03048rem;padding-bottom:.21952rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.0075em;word-spacing:0em}}@media screen and (min-width: 1200px){.component--desc .desc--list li{font-size:1.188rem;line-height:1.75rem;margin-top:0rem;padding-top:.03048rem;padding-bottom:.21952rem;margin-bottom:-.75rem;font-style:normal;font-variant:normal;font-weight:400;font-family:proxima-nova,sans-serif;letter-spacing:-.0075em;word-spacing:0em}}.component--desc .desc--list li:last-child{padding-bottom:.75rem !important;border-bottom:1px solid #00A997}.component--desc .desc--note h5{border-top:1px solid #105A5F;padding-top:8px;margin-top:12px !important}.component--desc .desc--col h5:first-of-type{margin-top:.75rem !important}@supports (display: grid){.component--footer{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;width:100%;margin:0 auto;grid-column-gap:30px;column-gap:30px;grid-row-gap:0rem;row-gap:0rem;max-width:1400px}}@supports not (display: grid){.component--footer{margin:0 10%}}.component--footer .footer__grid-child{border-top:1px solid #00A997;margin-top:5.75rem !important}@supports (display: grid){.component--footer .footer__grid-child{display:grid;grid-template-columns:repeat(9, 1fr);grid-template-rows:repeat(auto, 1fr);grid-column-gap:30px;column-gap:30px;grid-row-gap:0rem;row-gap:0rem;margin:0;grid-column:2/span 9;grid-row:span auto}@media screen and (min-width: 768px){.component--footer .footer__grid-child{display:grid;grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(auto, 1fr);grid-column-gap:30px;column-gap:30px;grid-row-gap:0rem;row-gap:0rem;margin:0;grid-column:4/span 6;grid-row:span auto}}}@supports not (display: grid){.component--footer .footer__grid-child{width:0 80%}}.component--footer .footer__logo{margin-top:1.5rem !important;margin-bottom:6rem}@supports (display: grid){.component--footer .footer__logo{grid-column:span 6}@media screen and (min-width: 768px){.component--footer .footer__logo{grid-column:span 3}}@media screen and (min-width: 1200px){.component--footer .footer__logo{grid-column:span 2}}}@supports not (display: grid){.component--footer .footer__logo{width:25%}}