/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
*{box-sizing:border-box;}body{font-family:proxima-nova, sans-serif;color:#707070;font-size:calc(0.6vw + 12px);}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}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}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.anchor{margin-top:-80px;display:block;height:80px;}
body.customize-support,body.customize-support header{}
nav{font-family:proxima-nova, sans-serif;}

h1,h2,h3{margin-top:0;font-family: azo-sans-uber,sans-serif;font-weight: 400;font-style: normal;}
h1{font-size:2.25em;line-height:1em;text-transform:uppercase;}
h2{font-size:2.25em;line-height:1em;text-transform:uppercase;}
h3{font-family:proxima-nova, sans-serif;font-size:1em;line-height:1em;text-transform:uppercase;font-weight:700;color:#fff;background:#DD88A8;}
section > h3{width:100vw;height:60px;display:flex;align-items:center;justify-content: center;}
h4{font-weight:bold;font-size:1em;line-height:1.3em;}
p{font-size:1em;line-height:1.7em;}
blockquote{font-size:1.2em;margin:1em 0;padding:0;font-style:italic;}
a{color:#D11F2F;text-decoration:none;font-weight:bold;}


.inner-box{width:100%; max-width:1400px; margin:0 auto; padding:20px;}
.button{color:#fff;display:inline-flex;padding:0 1.5em;font-size:0.8em;font-weight:700;text-transform:uppercase;align-items:center;justify-content: center;text-decoration:none;background:#D11F2F;height:50px;}
.text-side{display:flex;align-items:center;position:absolute;top:0; bottom:0; width:50vw;padding:6vw;}
.author-date{font-size:0.7em;font-style:italic;display:block;width:100%;margin-top:-1rem;margin-bottom:2rem;}
.nw{white-space:nowrap;}

.post .inner-box{max-width:950px;}
.post header{width:100vw;height:35vw;background-size:cover;background-position: center center;}
.post .inner-box h1{color:#000;font-size:2.75em;margin:40px 0 0;}
.post .inner-box h2{font-size:1.65em;}
.post .inner-box h3{background:none;color:#D11F2F;font-size:1.2em;}
.post .date{display:block;margin-bottom:3em;font-size:0.8em;}
.post ul li{line-height:1.7;}
.post blockquote {
    font-size: 0.9em;
    margin: 1em 0;
    padding: 0 4vw;
    font-style: italic;
}
.post figure.size-full {
    width: 100%;
    text-align: center;
    font-size:0.8em;
    margin:40px 0;
}
.post figure.size-full img {
    width: 100%;
    text-align: center;
}

section,footer{display:block;width:100vw;min-height:45vh;position:relative;}
article{position:relative;}

#top-page{display:flex;align-items:center;justify-content:space-between;height:100px;width:100vw;background-color: #000;position:relative;overflow:hidden;}
#top-page #logo{display:block;width:400px;height:60px;background:url(../images/logo-dark.svg) no-repeat left center / contain;}
#top-page nav ul{list-style:none;text-align:right;padding:0;}
#top-page nav ul li{display:inline-block;margin:0 0.5em;}
#top-page nav ul li a{font-size:0.8em;text-decoration:none;color:#fff;}
#top-page nav ul li.current a{color:#D11F2F;}
.main-nav{margin-right:60px;}
form#searchform {
    width: 240px;
    position: absolute;
    right: 10px;
    bottom:0px;
    height:30px;
}
form#searchform label[for="s"]{content:"";display:block;position:absolute;top:-30px;right:20px;width:25px;height:25px;border-radius:50%;background:url(../../images/icon-search.png) no-repeat center center / 50% #fff;color:#000;z-index:11;}
input#s {
    height: 30px;
    font-size: 14px;
    width: 100%;
    position:absolute;
    bottom:-100%;
    transition:0.5s transform;
    outline:none;
}
input#s:focus{bottom:0%;}
.hero {overflow:hidden;width:100vw;height:45vw;}
.hero video{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);}
.hero .text-side{display:flex;justify-content:center;align-items:center;padding:0 6vw;color:#fff;left:0;z-index:10;background:url(../images/accent-q.svg) no-repeat -60% center / 60% rgba(0,0,0,0.5);}
.down-arrow {
    display: flex;
    align-items:center;
    justify-content:center;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 150px;
    border-radius: 50%;
    border: 1px solid #fff;
    left: 50%;
    transform: translateX(-50%) translateY(0px);
    transition:1s;
    transition-delay:2s;
    z-index:11;
}
.hero .down-arrow{animation: arrow-bounce 3s infinite ease-in-out;}
.down-arrow:before{content:"";display:block;width:10px;height:10px;transform:rotate(45deg);border-bottom:2px solid #FFF;border-right:2px solid #fff;}
@keyframes arrow-bounce {
  0% {
    transform: translateX(-50%) translateY(0px);
  }
  50% {
    transform: translateX(-50%) translateY(50px);
  }
  100%{
    transform: translateX(-50%) translateY(0px);
  }
}
.spotlight{min-height:35%;width:100%;overflow:hidden;display:grid;display:-ms-grid;grid-template-columns:1fr 1fr;-ms-grid-columns:1fr 1fr;}
.spotlight .image-side{-ms-grid-column:1;width:100%;height:100%;display:flex;align-items:center;justify-content: center;}
.spotlight .image-side img{width:100%;height:auto;padding:30px;}
.spotlight .text-side{-ms-grid-column:2;color:#000;width:100%;right:0;position:relative;float:right;background:url(../images/accent-chevrons.svg) no-repeat 120% 150% / 60% rgba(255,255,255,0.65);}
.spotlight .text-side h3{background:none;color:#D11F2F;}

.blog{background:url(../images/background-chevrons.svg) repeat center center / 120px;}
.blog .inner-box{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;}
.blog article .image-side{position:relative;background-color:#fff;box-shadow:-10px 10px 0 #D11F2F;width:80%;min-height:380px;}
.blog article h3{color:#fff;background:#D11F2F;display:flex;padding:0 2em;height:45px;align-items:center;justify-content: center;position:absolute;right:0;top:0; transform: translateY(-50%) translateX(20%); z-index:3;}
.blog article .text-side{position: relative; z-index: 3; padding: 0; margin-bottom: -3em; width: 70%; float: right; transform: translateY(-50%);}
.blog article .text-side .copy{background:#ebebeb;padding:30px;box-shadow: inset -380px 0 300px -120px rgba(0,0,0,0.1);}
.blog article h2{color:#D11F2F;font-size:1.6em;}
.blog article p{display:none;}
.blog article:nth-child(1){padding:40px;grid-row:1;grid-column:1 / span 2;height:90vh;}
.blog article:nth-child(1) .image-side{position:absolute;z-index:1;width:60%;height:70%;right:0;top:50%;transform:translateY(-50%);background-color:#fff;box-shadow:10px 10px 0 #D11F2F;}
.blog article:nth-child(1) .text-side{position:absolute;left:0;width:60%;z-index:10;transform:translateY(0);}
.blog article:nth-child(1) h3{color:#fff;background:#D11F2F;display:flex;padding:0 2em;max-width:180px;height:45px;align-items:center;justify-content: center;position:absolute;left:0;top:0; transform: translateY(-50%) translateX(-10%); z-index:3;}
.blog article:nth-child(1) h2{color:#D11F2F;font-size:2em;}
.blog article:nth-child(1) p{display:block;}

.blog article .button{color:#D11F2F;border:2px solid #D11F2F;background:transparent;}

#newsletter{background:url(../images/newsletter-background.jpg) no-repeat center 30% / cover #000;box-shadow: inset 0 0px 300px 100px rgba(0,0,0,1);}
#newsletter .copy{color:#fff;}
#newsletter .copy h2{margin-bottom:0;}
#newsletter .text-side{width:55%;}
#newsletter input.button{background:url('../images/button-chevrons.svg') no-repeat center center / contain;border:none;color: rgba(0,0,0,0); width: 60px;height:40px;}

footer{display:grid;grid-template-columns:2fr 1fr;color:#fff;background:#000;font-size:0.8em;height:auto;min-height:0px;padding:40px 0;}
footer .text-side{position:static;padding:0 6vw;width:100%;}
footer #bottom-logo{float:right;display:block;width:100%;height:60px;background:url(../images/logo-dark.svg) no-repeat right 6vw center / contain;}

@media (max-width:1000px){

}
@media (max-width:1430px){
  footer #bottom-logo{background-position:center center!important;}
}
@media (max-width:900px){
  body{overflow-x:hidden;}
  #top-page{height:80px;padding-bottom:30px;}
  #top-page #logo{height:30px;margin-left:20px;}
  .main-nav {
    margin-right:0;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 100;
    background: #333;
    top: 50px;
    height:30px;
  }
  #top-page nav ul{margin:5px 0;}
  form#searchform{height:10px;bottom:30px;}
  form#searchform label[for="s"] {
    top: -28px;
    right: 2px;
    z-index: 1;
  }
  input#s{transform:translateY(0%) translateX(120vw);bottom:10px;}
  input#s:focus{transform:translateY(0%) translateX(0vw);bottom:10px;}
}
@media (max-width:720px){
  section{width:100vw;min-height:calc(100vh - 80px);}
  .text-side{width:100vw;}
  .hero video{display:none;}
  .spotlight{background-position:28% top!important;min-height:100vh;grid-template-columns:1fr;}
  .spotlight .text-side{width:100vw;bottom:0;top:auto;background:rgba(0,0,0,0.6);}
  .spotlight .text-side .copy{color:#fff;}
  .button{height:40px;}

  .blog .inner-box{padding:0;display:block;}
  .blog article:nth-child(1){padding:0;height:auto;}
  .blog article:nth-child(1) .image-side{transform:translateY(0px);box-shadow:none;width:100vw;height:130vw;position:relative;top:auto;right:auto;}
  .blog article:nth-child(1) h3{left:50%;transform:translateX(-50%);}
  .blog article:nth-child(1) .text-side{position:relative;left:auto;width:100%;}
  .blog article .image-side{width:100vw;height:70vw;min-height:0;box-shadow:none;}
  .blog article .image-side h3{left:50%;top:0;transform:translateX(-50%);}
  .blog article .text-side{margin-bottom:0;width:100vw;float:none;transform:translateY(0);}
  .blog article .text-side .copy{width:100%;}

  #newsletter{box-shadow:none;min-height:45vh;}
  #newsletter .text-side{width:100vw;padding:20px;background:rgba(0,0,0,0.75);}
  footer{grid-template-columns:1fr;}
  footer #bottom-logo{grid-row:1;background: url(../images/logo-dark.svg) no-repeat center top / 300px;}
  footer .text-side{grid-row:2;text-align:center;display:block;}
}
@media (max-width:550px){
  input#mce-EMAIL{width:calc(100% - 64px);}
}
@media (max-width:480px){
  #top-nav nav ul{padding:10px 0;text-align:center;}
}
