html{
    box-sizing:border-box
}
*,:after,:before{
    box-sizing:inherit
}
/*!normalize.scss v0.1.0 | MIT License | based on git.io/normalize*/
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
body,html{
    height:100%;
    margin:0;
    overflow-x:hidden;
    padding:0
}
body{
    background:#282626;
    background-attachment:fixed;
    font:15px/1.3 Ringside Regular A,Ringside Regular B,sans-serif
}
[hidden]{
    display:none!important
}
h1,h2,h3,h4,h5,h6,ol,p,ul{
    margin-top:0
}
a{
    transition:color .2s ease-in;
    color:#58cff4
}
a:active,a:focus,a:hover{
    color:#39abce
}
.page-wrapper{
    display:flex;
    flex-direction:column;
    transition:.2s ease-in-out;
    min-height:100%;
    position:relative
}
@media screen and (min-width:960px){
    .page-wrapper{
        box-align:stretch;
        align-items:stretch;
        box-orient:horizontal;
        box-direction:normal;
        flex-direction:row;
        box-lines:multiple;
        flex-wrap:wrap;
        padding-top:90px
    }
}
.nav-active .page-wrapper{
    transform:translateX(-160px)
}
@media screen and (min-width:960px){
    .nav-active .page-wrapper{
        transform:translateX(0)
    }
}
.main-content{
    box-flex:1;
    flex:1 1 auto;
    background:#fff;
    margin-top:75px;
    padding:15px
}
@media screen and (min-width:960px){
    .main-content{
        /* width:calc(100% - 200px); */
        margin-top:0;
        max-width:850px;
        padding:40px 50px
    }
}
.btn{
    appearance:none;
    transition:all .2s ease-in;
    background:#282626;
    border:none;
    border-radius:10px;
    color:#fff;
    display:inline-block;
    font:700 11px Ringside Extra Wide SSm A,Ringside Extra Wide SSm B,sans-serif;
    letter-spacing:.1em;
    padding:10px;
    text-decoration:none;
    text-transform:uppercase
}
.btn-primary{
    background-color:#58cff4
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    background-color:#39abce
}
.btn-inverted{
    background:#fff;
    color:#000
}
.btn-inverted:active,.btn-inverted:focus,.btn-inverted:hover{
    background:#58cff4;
    color:#fff
}
.btn-block{
    display:block
}
.form-required{
    color:red
}
.form-fieldset{
    border:0;
    margin:0;
    padding:0
}
@media screen and (min-width:768px){
    .form-fieldset{
        display:flex;
        box-lines:multiple;
        flex-wrap:wrap;
        box-pack:justify;
        justify-content:space-between
    }
}
.form-field{
    margin-bottom:15px
}
.form-field .form-label{
    display:block;
    font-size:13px;
    font-weight:700;
    padding-bottom:5px;
    text-transform:uppercase
}
.form-field .form-error{
    color:red;
    font-weight:400;
    text-transform:none
}
.form-field .form-error:before{
    content:" "
}
.form-field .form-input{
    font-size:15px
}
@media screen and (min-width:768px){
    .form-field{
        width:calc(50% - 10px)
    }
}
.form-alert{
    background:#ffb3b3;
    border-radius:5px;
    margin-bottom:20px;
    padding:20px
}
@media screen and (min-width:768px){
    .form-field-full{
        width:100%
    }
}
.form-input{
    max-width:100%
}
.form-type-select,.form-type-text,.form-type-textarea{
    appearance:none;
    background-image:linear-gradient(180deg,#efefef 0,#f4f4f4 2%,#f6f6f6 4%,#f5f5f5 10%,#f8f8f8 22%,#fcfcfc 80%,#fcfcfc 88%,#fafafa 90%,#fcfcfc 92%,#f9f9f9 94%,#fcfcfc 96%,#fcfcfc 98%,#f6f6f6);
    background-color:#fff;
    border:1px solid #a0a5ae;
    border-radius:0;
    padding:5px
}
.form-type-text,.form-type-textarea{
    width:100%
}
.form-type-select{
    background-image:url(data:image/png;
    base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat:no-repeat;
    background-position:100%;
    padding-right:20px
}
.nav-list{
    list-style:none;
    margin:0;
    padding:0
}
.site-logo{
    box-align:center;
    align-items:center;
    display:inline-flex;
    color:#a0a5ae;
    max-width:100%;
    text-decoration:none
}
.site-logo .logo-mark{
    height:45px;
    width:41px;
    transition:all .2s ease-in;
    margin-right:10px
}
.site-logo .logo-type{
    font:700 9.5px/1.1 Ringside Extra Wide SSm A,Ringside Extra Wide SSm B,sans-serif;
    letter-spacing:.06em;
    margin:0;
    max-width:150px;
    text-transform:uppercase;
    width:100%
}
a.site-logo:link,a.site-logo:visited{
    text-decoration:none
}
a.site-logo:active,a.site-logo:focus,a.site-logo:hover{
    color:#fff
}
a.site-logo:active .logo-mark,a.site-logo:focus .logo-mark,a.site-logo:hover .logo-mark{
    filter:brightness(125%)
}
.content-article{
    font-size:17px
}
.content-article blockquote{
    border:1px solid #a0a5ae;
    border-width:1px 0;
    margin:50px 0;
    padding:30px 10px 20px;
    text-align:center
}
.content-article blockquote p{
    font:italic 400 22px/1.3 Chronicle Display A,Chronicle Display B,serif
}
.content-article blockquote p:last-of-type{
    margin-bottom:10px
}
@media screen and (min-width:960px){
    .content-article blockquote p{
        font-size:28px
    }
}
.content-article blockquote cite{
    color:#39abce;
    font:normal 700 13px/1.3 Ringside Extra Wide SSm A,Ringside Extra Wide SSm B,sans-serif;
    letter-spacing:.1em;
    text-transform:uppercase
}
.content-article h1,.content-article h2,.content-article h3,.content-article h4,.content-article h5,.content-article h6{
    margin-bottom:0
}
.content-article h2{
    border-bottom:1px solid #a0a5ae;
    font-size:17px;
    margin-bottom:1em
}
.content-article h3{
    font-size:17px
}
.content-article .article-title{
    color:#39abce;
    font:700 17px/1.3 Ringside Extra Wide SSm A,Ringside Extra Wide SSm B,sans-serif;
    letter-spacing:.1em;
    margin-bottom:1em;
    text-transform:uppercase
}
.content-article .article-lead{
    font-size:22px
}
.content-article .article-timestamp{
    color:#a0a5ae;
    font-style:italic
}
.content-article .article-figure{
    display:inline-block;
    margin:0 auto
}
.content-article .article-figure .article-figure-image{
    display:block;
    max-width:100%;
    width:100%
}
.content-article .article-figure figcaption{
    background:#f4f4f4;
    font-size:13px;
    padding:10px;
    text-align:left
}
.content-article .pull-left,.content-article .pull-right{
    margin-bottom:20px;
    text-align:center
}
@media screen and (min-width:768px){
    .content-article .pull-left{
        float:left;
        margin:0 20px 20px 0
    }
}
@media screen and (min-width:768px){
    .content-article .pull-right{
        float:right;
        margin:0 0 20px 20px
    }
}
.main-header{
    position:absolute;
    top:0;
    right:0;
    left:0;
    background:#000;
    height:75px;
    padding:15px
}
@media screen and (min-width:960px){
    .main-header{
        align-self:flex-start;
        height:auto;
        position:static;
        text-align:center;
        width:280px
    }
    .main-header .site-logo{
        box-orient:vertical;
        box-direction:normal;
        flex-direction:column;
        text-align:center
    }
    .main-header .logo-mark{
        margin:0 0 10px
    }
    .main-header .logo-type{
        font-size:7.5px;
        max-width:none
    }
}
.main-header-nav{
    position:fixed;
    top:0;
    right:-160px;
    bottom:0;
    background:#2c2c2c;
    padding:75px 15px 15px;
    text-align:right;
    width:160px
}
@media screen and (min-width:960px){
    .main-header-nav{
        background:0 0;
        margin-top:20px;
        padding:0;
        position:static;
        text-align:center;
        width:auto
    }
}
.main-header-nav .site-nav{
    border:1px solid #a0a5ae;
    border-width:1px 0;
    letter-spacing:.06em;
    padding:20px 10px
}
@media screen and (min-width:960px){
    .main-header-nav .site-nav{
        padding:10px
    }
}
.main-header-nav .site-nav li{
    margin-bottom:20px
}
@media screen and (min-width:960px){
    .main-header-nav .site-nav li{
        margin-bottom:10px
    }
}
.main-header-nav .site-nav li:last-child{
    margin-bottom:5px
}
.main-header-nav .site-nav a{
    font:700 11px/1.1 Ringside Extra Wide SSm A,Ringside Extra Wide SSm B,sans-serif;
    text-transform:uppercase
}
.main-header-nav .site-nav a:link,.main-header-nav .site-nav a:visited{
    color:#58cff4;
    text-decoration:none
}
.main-header-nav .site-nav a:active,.main-header-nav .site-nav a:focus,.main-header-nav .site-nav a:hover{
    color:#fff
}
.main-header-nav .social-nav{
    display:inline-block;
    font-size:0;
    padding:20px 10px 0;
    width:120px
}
.main-header-nav .social-nav li{
    display:inline-block
}
.main-header-nav .social-nav .icon{
    height:23px;
    width:23px;
    transition:fill .2s ease-in;
    fill:#a0a5ae;
    margin:0 0 20px 20px
}
@media screen and (min-width:960px){
    .main-header-nav .social-nav .icon{
        margin:0 10px 20px
    }
}
.main-header-nav .social-nav a:active .icon,.main-header-nav .social-nav a:focus .icon,.main-header-nav .social-nav a:hover .icon{
    fill:#fff
}
.nav-toggle{
    transition:all .2s ease-in-out;
    cursor:pointer;
    display:inline-block;
    padding:9.5px 25px 9.5px 0;
    z-index:1
}
@media screen and (min-width:960px){
    .nav-toggle{
        display:none
    }
}
.nav-toggle>span,.nav-toggle>span:after,.nav-toggle>span:before{
    width:25px;
    height:3px;
    transition:all .2s ease-in-out;
    background:#58cff4;
    content:"";
    cursor:pointer;
    display:block;
    position:absolute
}
.nav-toggle>span:before{
    top:-8px
}
.nav-toggle>span:after{
    top:8px
}
.nav-active .nav-toggle{
    transform:translateX(160px)
}
.nav-active .nav-toggle>span{
    background-color:transparent
}
.nav-active .nav-toggle>span:after,.nav-active .nav-toggle>span:before{
    background-color:#fff;
    top:0
}
.nav-active .nav-toggle>span:before{
    transform:rotate(45deg)
}
.nav-active .nav-toggle>span:after{
    transform:rotate(-45deg)
}
.main-header .nav-toggle{
    position:absolute;
    top:26px;
    right:26px
}
.nav-active .main-header .nav-toggle{
    position:fixed
}
.main-footer{
    background:#000;
    color:#a0a5ae;
    font:7.5px/1.1 Ringside Extra Wide SSm A,Ringside Extra Wide SSm B,sans-serif;
    letter-spacing:.06em;
    padding-bottom:15px;
    text-align:center;
    text-transform:uppercase;
    width:100%
}
@media screen and (min-width:960px){
    .main-footer{
        align-self:flex-end;
        margin-top:90px
    }
}
.main-footer .legal,.main-footer .nav-site-url{
    font-weight:300
}
.main-footer .nav-site-name{
    font-weight:700
}
.main-footer a:link,.main-footer a:visited{
    color:#a0a5ae;
    text-decoration:none
}
.main-footer a:active,.main-footer a:focus,.main-footer a:hover{
    color:#fff
}
.main-footer-nav{
    margin:20px auto;
    max-width:600px;
    padding-top:10px
}
.main-footer-nav .logo-ofa{
    height:20px;
    width:36px
}
.main-footer-nav .logo-obama-foundation{
    height:30px;
    width:28px
}
.main-footer-nav a .icon{
    transition:fill .2s ease-in;
    fill:#a0a5ae;
    margin-bottom:10px
}
.main-footer-nav a:active .icon,.main-footer-nav a:focus .icon,.main-footer-nav a:hover .icon{
    fill:#fff
}
.main-footer-nav .box,.main-footer-nav .container{
    display:flex
}
.main-footer-nav .box:first-child{
    justify-content:flex-end;
    flex:1
}
.main-footer-nav .box:last-child{
    justify-content:flex-start;
    flex:1
}
.main-footer-nav .box.spacer{
    width:25px
}
.main-footer-nav .nav-list{
    display:flex;
    box-pack:center;
    justify-content:center;
    margin:0 auto;
    max-width:400px
}
.main-footer-nav .nav-list li{
    width:calc(50% - .5px);
    text-align:center
}
.footer-logo{
    box-orient:vertical;
    box-direction:normal;
    flex-direction:column;
    text-align:center
}
.footer-logo .logo-mark{
    height:30px;
    width:28px;
    margin:0 0 12px
}
.footer-logo .logo-type{
    font:700 9.5px/1.1 Ringside Extra Wide SSm A,Ringside Extra Wide SSm B,sans-serif;
    letter-spacing:.06em;
    margin:0;
    max-width:175px;
    text-transform:uppercase;
    width:100%
}
.video-modal{
    box-align:center;
    align-items:center;
    display:flex;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#000;
    overflow:auto;
    z-index:1
}
.video-modal-content{
    max-width:850px;
    margin:0 auto;
    width:100%
}
@media screen and (min-width:480px){
    .video-modal-content{
        padding:30px 15px 15px
    }
}
.video-wrapper{
    clear:both;
    height:0;
    padding-bottom:56.25%;
    position:relative;
    width:100%
}
.video-wrapper>iframe{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%
}
.video-modal-close{
    background:0 0;
    border:none;
    color:#fff;
    cursor:pointer;
    float:right;
    font-size:11px;
    margin-bottom:5px;
    padding:0;
    text-transform:uppercase
}
.video-modal-close span{
    font-size:1.5em
}
.page-landing.page-404 .main-content{
    background-image:url(/img/bg-404.jpg);
    background-position:100% 0
}
@media screen and (min-width:960px){
    .page-landing.page-404 .main-content{
        background:0 0
    }
}
@media screen and (min-width:960px){
    .page-landing.page-404 .page-wrapper{
        background-image:url(/img/bg-404.jpg)
    }
}
.page-landing.page-404 .welcome{
    color:#fff;
    font-family:Ringside Regular A,Ringside Regular B,sans-serif;
    font-size:17px;
    font-weight:400;
    max-width:450px;
    text-transform:none
}
.page-landing.page-404 .jumbo{
    margin-top:0
}
.page-confirmation .main-content{
    box-align:center;
    align-items:center;
    display:flex
}
.page-confirmation .content-article{
    text-align:center;
    width:100%
}
.page-landing{
    background-image:none
}
.page-landing .main-content{
    align-content:center;
    box-align:center;
    align-items:center;
    min-height:calc(100vh - 30px + 45px);
    display:flex;
    /*background:#000 url(/assets/images/1.jpg) top no-repeat;*/
    background-size:auto 110%
}
@media screen and (min-width:80px){
    .page-landing .main-content{
         /*background:#000 url(/assets/images/1.jpg) top no-repeat;*/
        background-size:cover
    }
}
@media screen and (min-width:960px){
    .page-landing .main-content{
        box-align:stretch;
        align-items:stretch;
        display:flex;
        box-orient:vertical;
        flex-direction:column;
        background:0 0;
        max-width:none;
        padding:0 150px 0 0
    }
}
@media screen and (min-width:960px){
    .page-landing .page-wrapper{
        align-content:space-between;
        /*background:#000 url(/img/bg-welcome.jpg) top no-repeat;*/
        background-size:cover
    }
}
@media screen and (min-width:960px){
    .page-landing .main-footer{
        margin-top:90px
    }
}
.hero{
    background:radial-gradient(closest-side at 50% 50%,rgba(0,0,0,.6),transparent 90%);
    border:1px solid #fff;
    border-width:1px 0;
    margin:0 auto;
    max-width:600px;
    padding:20px 10px;
    text-align:center;
    width:100%
}
@media screen and (min-width:960px){
    .hero{
        display:flex;
        box-flex:1;
        flex:1 1 auto;
        box-orient:vertical;
        box-direction:normal;
        flex-direction:column;
        box-pack:center;
        justify-content:center
    }
}
.hero .welcome{
    color:#fff;
    font:700 13px/1.33 Ringside Extra Wide SSm A,Ringside Extra Wide SSm B,sans-serif;
    letter-spacing:.1em;
    margin:0 auto;
    max-width:340px;
    text-transform:uppercase;
    width:100%
}
@media screen and (min-width:960px){
    .hero .welcome{
        font-size:15px;
        max-width:400px
    }
}
.hero .jumbo{
    color:#58cff4;
    font:italic 600 36px Chronicle Display A,Chronicle Display B,serif;
    letter-spacing:-.04em;
    margin:10px 0 20px
}
@media screen and (min-width:960px){
    .hero .jumbo{
        font-size:65px;
        margin:20px 0 30px
    }
}
.hero-ctas{
    display:flex;
    box-pack:center;
    justify-content:center;
    margin:0 auto;
    max-width:390px;
    width:100%
}
.hero-ctas li{
    width:185px
}
.form-inquiry{
    background:#f4f4f4;
    margin:0 -15px 1em;
    padding:15px
}
@media screen and (min-width:768px){
    .form-inquiry{
        margin:0 0 1em;
        padding:20px
    }
}
.form-inquiry .form-type-textarea{
    height:10em
}
.sr-only{
    border:0;
    clip:rect(0,0,0,0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto
}
.hidden{
    display:none!important
}