@charset "UTF-8";
/* CSS Document */

section#article-intro div.article-cover div.article-intro-overlay .headline p,
section#article-intro h1 {
    letter-spacing: -.02em;
    line-height: 1;
    margin: 0;
    font-weight: 400;
    font-family: "cb_bold";
    color:  #fff;
}

section#article-intro {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed
}

section#article-intro h1 {
    font-size: 120px;
    padding: 0;
    -webkit-transform: skewX(-12deg);
    -ms-transform: skewX(-12deg);
    transform: skewX(-12deg)
}

@media only screen and (min-width:1024px) and (max-width:1280px) {
    section#article-intro h1 {
        font-size: 100px
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    section#article-intro h1 {
        font-size: 80px
    }
}

@media only screen and (max-width:767px) {
    section#article-intro h1 {
        font-size: 50px
    }
}

 section#article-intro img {
    max-width: 100%
}

section#article-intro div.article-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1a1a1a;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 9
}

section#article-intro div.article-cover div.image-darken {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .25
}

section#article-intro div.article-cover img {
    min-width: 100%;
  	min-height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute; 
}
@media only screen  and 	(max-width:1024px) {
	section#article-intro div.article-cover img {
    min-width: 100%;
  	min-height: 100vh;
	background-size: cover;
	
	margin-left: auto;  
	}
}
section#article-intro div.article-cover div.article-intro-overlay {
    position: absolute;
    top: 28vh;
    left: 20vw;
    z-index: 2;
    color: #fff
}

section#article-intro div.article-cover div.article-intro-overlay .headline {
    -webkit-transform: skewX(12deg);
    -ms-transform: skewX(12deg);
    transform: skewX(12deg);
    padding-top: 30px
}

section#article-intro div.article-cover div.article-intro-overlay .headline p {
    font-size: 120px;
    padding: 0;
    -webkit-transform: skewX(-12deg);
    -ms-transform: skewX(-12deg);
    transform: skewX(-12deg);
    display: inline-block;
    text-shadow: 1px 1px 1px #969696
}

section#article-intro div.article-cover div.article-intro-overlay .headline-1 {
    margin-top: 1vh;
    margin-left: -52px
}

section#article-intro div.article-cover div.article-intro-overlay .headline-2 {
    margin-top: -29px;
    margin-left: 9.6px
}

section#article-intro div.article-cover div.article-intro-overlay .client-date {
    font-family: "cb_bold", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	letter-spacing: 0.03em;
	font-size: 23px;
    margin-top: 40px;
    margin-left: 35px;
    direction: ltr
}

section#article-intro div.article-cover div.article-intro-overlay .location {
    font-family: "cb_light", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size: 15px;
    margin-left: 150px
}

section#article-intro div.article-cover div.article-intro-overlay .description {
    font-family: "cb_regular",  Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size: 17.5px;
    width: 500px;
    margin-top: 16px;
    line-height: 1.4
}

section#article-intro div.article-cover div.article-intro-overlay .slanted-button {
    position: relative;
    top: 50px;
    left: 60px
}

@media screen and (max-width:47.9375em) {
    section#article-intro div.article-cover div.article-intro-overlay .slanted-button {
        left: 40px
    }

}

section#article-intro img {
    width: 100%;
    height: auto
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    section#article-intro div.article-cover  div.featured-media-overlay .location {
        float: left;
        clear: both;
        width: 100%;
        margin-left: 0
    }

   
}

@media only screen and (max-width:767px) {
    section#article-intro div.article-cover  div.article-intro-overlay {
        width: 90%;
        left: 5%
    }

    section#article-intro div.article-cover  div.article-intro-overlay .client-date {
        margin-left: 0
    }

    section#article-intro div.article-cover  div.article-intro-overlay .location {
        float: left;
        clear: both;
        width: 100%;
        margin-left: 0
    }

    
    #article-slash {
        width: 160vw;
        left: -160vw
    }
}

section#article-content {
    top: 100vh;
    position: relative;
    z-index: 3;
    overflow-x: hidden;
	

}

section#article-content #grid-container {
    margin: 0 1.67vw
}

section#article-content #main-copy {
    margin-top: 100px;
    margin-bottom: 40px
}

@media screen and (max-width:79.9375em) {
    section#article-content #main-copy {
        margin-bottom: 45px
    }
}

section#article-content .blurb {
    font-family: "cb_bold";
    font-size: 1.5em;
    padding-bottom: 65px
}

section#article-content .article-copy {
    font-family: "cb_regular";
    font-size: 1rem;
    line-height: 1.5625rem
}

section#article-content .article-copy p {
    line-height: 1.5625rem;
    margin-bottom: 5%
}

section#article-content .article-copy a {
    font-family: "cb_bold";
    font-size: 1rem;
    line-height: 1.5625rem;
	text-decoration: underline;
	color:#000;
	
}

section#article-content .article-copy a:hover {
  
	color:#F9C400;
	
}

section#article-content .bleed-left {
    margin-left: -4vw
}

section#article-content .bleed-right {
    margin-right: -4vw;
    text-align: right
}

section#article-content .copy-container, 
section#article-content .img-container {
    margin-bottom: 50px;
    margin-top: 50px
}

section#article-content .copy-container img, 
section#article-content .img-container img {
    width: 100%
}



section#article-content #back-to-parent {
    text-align: center;
    margin-bottom: 100px
}

section#article-content #back-to-parent a, 
section#article-content #back-to-parent a:focus,
section#article-content #back-to-parent a:visited {
    color: #1a1a1a;
    font-family: "cb_regular";
    font-size: 1.5rem;
    line-height: 120%;
    -webkit-transition: all .1s;
    transition: all .1s;
    text-decoration: none
}

@media screen and (max-width:47.9375em) {
    section#article-content #back-to-parent a, 
	section#article-content #back-to-parent a:focus,
    section#article-content #back-to-parent a:visited {
        font-size: 1.125rem
    }
}

section#article-content #back-to-parent a:hover {
    color: #fecc00
}