/*

                                           .""--.._
                                           []      `'--.._
                                           ||__           `'-,
                                         `)||_ ```'--..       \
                     _                    /|//}        ``--._  |
                  .'` `'.                /////}              `\/
                 /  .""".\              //{///
                /  /_  _`\\            // `||
                | |(_)(_)||          _//   ||
                | |  /\  )|        _///\   ||
                | |L====J |       / |/ |   ||
               /  /'-..-' /    .'`  \  |   ||
              /   |  :: | |_.-`      |  \  ||
             /|   `\-::.| |          \   | ||
           /` `|   /    | |          |   / ||
         |`    \   |    / /          \  |  ||
        |       `\_|    |/      ,.__. \ |  ||
        /                     /`    `\ ||  ||
       |           .         /        \||  ||
       |                     |         |/  ||
       /         /           |         (   ||
      /          .           /          )  ||
     |            \          |             ||
    /             |          /             ||
   |\            /          |              ||
   \ `-._       |           /              ||
    \ ,//`\    /`           |              ||
     ///\  \  |             \              ||
    |||| ) |__/             |              ||
    |||| `.(                |              ||
    `\\` /`                 /              ||
       /`                   /              ||
      /                     |              ||
     |                      \              ||
    /                        |             ||
  /`                          \            ||
/`                            |            ||
`-.___,-.      .-.        ___,'            ||
         `---'`   `'----'`




*/

body{
	color:#000;
	background: #fff800;
}

.title{
  position: absolute;
  display: inline-block;
}

.circle{
	letter-spacing: -1px;
	position: relative;
  	font-family: "HaasDisplayBold",Arial,sans-serif;
	border-radius: 50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
  	text-align: center;
  	vertical-align: middle;
  }

.circleInner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

#subhead{position: absolute;top:28%;left:2%;z-index: 8;}
#authors{position: absolute;top:48%;left:18%;z-index: 9;}
#photog{position: absolute;top:60%;left:12%;z-index: 7;}

.one{top:2%;left:2%;z-index: 2}
.two{top:18%;right:2%;z-index: 3}
.three{bottom: 5%;right:2%;z-index: 6}

.headerKhaled{
  position: absolute;
  margin: 0 auto;
  left: 0;right:0;
  z-index: 5;
  top:40%;
}

#chart img{width: 95%;}
#chart{margin: 0 auto;max-width: 1200px;}

.subhead{
  height: 260px;
  width: 260px;
  font-size: 26px;
  line-height: 27px;
  background: radial-gradient(circle at 100px 100px, #fff, #ff003d);
  border: 8px solid #ff003d;
}

.authors{
  font-size: 18px;
  line-height: 19px;
  height: 155px;
  width: 155px;
  background: radial-gradient(circle at 50px 50px, #fff, #00b294);
  border: 8px solid #00b294;
}

.photog{
  letter-spacing: 0;
	 color: #fff;
  	font-size: 15px;
  	line-height: 16px;
  	height: 110px;
  	width: 110px;
  	background: radial-gradient(circle at 30px 30px, #0062ff, #2e3192);
  	border: 7px solid #2e3192;
}

.pullQ{
  width: 100%;
  background: #333;
  padding: 40px;
  display: block;
  text-align: center;
  opacity: .8;
  box-sizing: border-box;
}

.pullQinner {
  width: 60%;
  margin:0 auto;
  font-size: 30px;
  line-height: 34px;
  font-family: 'HaasText';
  color: #fff;
}

#head { 
  background: url(../img/header_bg.jpg); 
  background-repeat: no-repeat;
  background-position: top center;
  overflow: hidden; 
  height: 1000px; 
  max-width: 1800px;
  margin: 0 auto;
  position: relative;
}

#bbw{font-family: 'HaasText'; font-size:16px; position: absolute;top:.5%;right:1%;z-index: 10}
.bw{font-family: 'HaasDisplayBold';}

#mobile-credit {
  display: none;
}

.shadow{
  -webkit-box-shadow: 35px 35px 13px 0px rgba(0,72,255,0.15);
  -moz-box-shadow: 35px 35px 13px 0px rgba(0,72,255,0.15);
  box-shadow: 35px 35px 13px 0px rgba(0,72,255,0.15);
}

.one_mobile{display: none}
.two_mobile{display: none}
#mobilehead{display: none}

#box1 {
    display: none;
}


.key{display: inline-block;}

/*.container{text-align: center;width: 100% }*/


::selection {
  background: #000;color: #fff800; 
}
::-moz-selection {
  background: #000;color: #fff800; 
}


@media screen and (max-width: 1600px){
  #head {height: 900px;}
  #subhead{top:34%;left:2%;}
  #authors{top:54%;left:18%;}
  #photog{top:66%;left:12%;}
}


@media screen and (max-width: 1000px){
  .subhead{
    height: 220px;
    width: 220px;
    font-size: 23px;
    line-height: 22px;
  }
  .authors{
    font-size: 17px;
    line-height: 19px;
    height: 140px;
    width: 140px;
  }
  .photog{
      font-size: 14px;
      line-height: 15px;
      height: 110px;
      width: 110px;
  }

  #head {height: 800px;}
  .one,.two,.three{display: none}
  .one_mobile{
    display: block;
    position: absolute;
    top: 2%;
    left: 2%;
  }
  .two_mobile{
    display: block;
    position: absolute;
    bottom: 2%;
    right: 2%;
    z-index: 7
  }

  .headerKhaled{
    top:40%;
    width: 420px;
  }

  #subhead{top:4%;left:70%;}
  #authors{top:28%;left:67%;}
  #photog{top:44%;left:76%;}


}


@media screen and (max-width: 800px){
  .subhead{
    height: 180px; width: 180px;
    font-size: 20px; line-height: 20px;
  }
  .authors{
    font-size: 15px; line-height: 16px;
    height: 120px; width: 120px;
  }
  .photog{display: none;}


  .headerKhaled{
    top:40%;
    width: 400px;
  }

  #subhead{top:50%;left:-2%;}
  #authors{top:45%;left:83%;}

  #mobile-credit {
    display: block;
    font-family: 'HaasText', Helvetica, Arial, sans-serif;
    text-align: right;
    margin: 5px auto 0;
  }


  .pullQinner {
    width: 90%;
  }

}



@media screen and (max-width: 600px){
#head{display: none}
#mobilehead{display: block;}
#box1 {
        display: block;
    }

}























/* page compilation --*/
@font-face { font-family: 'TiemposHeadline-BoldItalic'; src: url("../fonts/TiemposHeadline-BoldItalic.otf") format("opentype"); }
@font-face { font-family: 'Publico Text Mono Web Bold'; src: url("../fonts/PublicoTextMono-Bold-Web.eot"); src: url("../fonts/PublicoTextMono-Bold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/PublicoTextMono-Bold-Web.woff") format("woff"), url("../fonts/PublicoTextMono-Bold-Web.ttf") format("truetype"), url("../fonts/PublicoTextMono-Bold-Web.svg#Publico Text Mono Web Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Publico Text Mono Web Bold Italic'; src: url("../fonts/PublicoTextMono-BoldItalic-Web.eot"); src: url("../fonts/PublicoTextMono-BoldItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/PublicoTextMono-BoldItalic-Web.woff") format("woff"), url("../fonts/PublicoTextMono-BoldItalic-Web.ttf") format("truetype"), url("../fonts/PublicoTextMono-BoldItalic-Web.svg#Publico Text Mono Web Bold") format("svg"); font-weight: 600; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Publico Text Mono Web Sembd'; src: url("../fonts/PublicoTextMono-Semibold-Web.eot"); src: url("../fonts/PublicoTextMono-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/PublicoTextMono-Semibold-Web.woff") format("woff"), url("../fonts/PublicoTextMono-Semibold-Web.ttf") format("truetype"), url("../fonts/PublicoTextMono-Semibold-Web.svg#Publico Text Mono Web Sembd") format("svg"); font-weight: 600; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Publico Text Mono Web Sembd Italic'; src: url("../fonts/PublicoTextMono-SemiboldItalic-Web.eot"); src: url("../fonts/PublicoTextMono-SemiboldItalic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/PublicoTextMono-SemiboldItalic-Web.woff") format("woff"), url("../fonts/PublicoTextMono-SemiboldItalic-Web.ttf") format("truetype"), url("../fonts/PublicoTextMono-SemiboldItalic-Web.svg#Publico Text Mono Web Sembd") format("svg"); font-weight: 600; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Publico Text Mono Web Rom 2'; src: url("../fonts/PublicoTextMono-RomanNo2-Web.eot"); src: url("../fonts/PublicoTextMono-RomanNo2-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/PublicoTextMono-RomanNo2-Web.woff") format("woff"), url("../fonts/PublicoTextMono-RomanNo2-Web.ttf") format("truetype"), url("../fonts/PublicoTextMono-RomanNo2-Web.svg#Publico Text Mono Web Rom 2") format("svg"); font-weight: 500; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Publico Text Mono Web Rom 2 Italic'; src: url("../fonts/PublicoTextMono-ItalicNo2-Web.eot"); src: url("../fonts/PublicoTextMono-ItalicNo2-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/PublicoTextMono-ItalicNo2-Web.woff") format("woff"), url("../fonts/PublicoTextMono-ItalicNo2-Web.ttf") format("truetype"), url("../fonts/PublicoTextMono-ItalicNo2-Web.svg#Publico Text Mono Web Rom 2") format("svg"); font-weight: 500; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Publico Text Mono Web Roman'; src: url("../fonts/PublicoTextMono-Roman-Web.eot"); src: url("../fonts/PublicoTextMono-Roman-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/PublicoTextMono-Roman-Web.woff") format("woff"), url("../fonts/PublicoTextMono-Roman-Web.ttf") format("truetype"), url("../fonts/PublicoTextMono-Roman-Web.svg#Publico Text Mono Web Roman") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Publico Text Mono Web Roman Italic'; src: url("../fonts/PublicoTextMono-Italic-Web.eot"); src: url("../fonts/PublicoTextMono-Italic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/PublicoTextMono-Italic-Web.woff") format("woff"), url("../fonts/PublicoTextMono-Italic-Web.ttf") format("truetype"), url("../fonts/PublicoTextMono-Italic-Web.svg#Publico Text Mono Web Roman") format("svg"); font-weight: 400; font-style: italic; font-stretch: normal; }
@font-face { font-family: 'Druk Wide Web'; src: url(https://s3.amazonaws.com/bw-fonts/DrukWide-Super-Web.eot); src: url(https://s3.amazonaws.com/bw-fonts/DrukWide-Super-Web.eot?#iefix) format("embedded-opentype"), url(https://s3.amazonaws.com/bw-fonts/DrukWide-Super-Web.woff) format("woff"), url(https://s3.amazonaws.com/bw-fonts/DrukWide-Super-Web.ttf) format("truetype"), url("https://s3.amazonaws.com/bw-fonts/DrukWide-Super-Web.svg#Druk Wide Web") format("svg"); font-weight: 900; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Druk Web'; src: url(https://s3.amazonaws.com/bw-fonts/Druk-Medium-Web.eot); src: url(https://s3.amazonaws.com/bw-fonts/Druk-Medium-Web.eot?#iefix) format("embedded-opentype"), url(https://s3.amazonaws.com/bw-fonts/Druk-Medium-Web.woff) format("woff"), url(https://s3.amazonaws.com/bw-fonts/Druk-Medium-Web.ttf) format("truetype"), url("https://s3.amazonaws.com/bw-fonts/Druk-Medium-Web.svg#Druk Web") format("svg"); font-weight: 500; font-style: normal; font-stretch: normal; }
@font-face { font-family: 'Druk Bold Web'; src: url(https://s3.amazonaws.com/bw-fonts/Druk-Bold-Web.eot); src: url(https://s3.amazonaws.com/bw-fonts/Druk-Bold-Web.eot?#iefix) format("embedded-opentype"), url(https://s3.amazonaws.com/bw-fonts/Druk-Bold-Web.woff) format("woff"), url(https://s3.amazonaws.com/bw-fonts/Druk-Bold-Web.ttf) format("truetype"), url("https://s3.amazonaws.com/bw-fonts/Druk-Bold-Web.svg#Druk Web") format("svg"); font-weight: 500; font-style: normal; font-stretch: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"], button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; background-color: #2800D7; border-radius: 3px; border: none; color: #fff; cursor: pointer; display: inline-block; font-family: "TiemposTextWeb-Regular", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-size: 1.25em; font-weight: 600; line-height: 1; padding: 0.75em 1em; text-decoration: none; user-select: none; vertical-align: middle; white-space: nowrap; }
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { background-color: #1a008b; color: #fff; }
button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, button:disabled { cursor: not-allowed; opacity: 0.5; }

fieldset { background-color: #f7f7f7; border: 1px solid #ddd; margin: 0 0 0.875em; padding: 1.75em; }

input, label, select { display: block; font-family: "TiemposTextWeb-Regular", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-size: 1.25em; }

label { font-weight: 600; margin-bottom: 0.4375em; }
label.required::after { content: "*"; }
label abbr { display: none; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select[multiple=multiple], textarea { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; font-family: "TiemposTextWeb-Regular", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-size: 1.25em; margin-bottom: 0.875em; padding: 0.58333em; transition: border-color; width: 100%; }
input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:hover, select[multiple=multiple]:hover, textarea:hover { border-color: #c4c4c4; }
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus, select[multiple=multiple]:focus, textarea:focus { border-color: #2800D7; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(35, 0, 190, 0.7); outline: none; }

textarea { resize: vertical; }

input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 0.4375em; }

input[type="file"] { padding-bottom: 0.875em; width: 100%; }

select { margin-bottom: 1.75em; max-width: 100%; width: auto; }

ul, ol { list-style-type: none; margin: 0; padding: 0; }
dl { margin-bottom: 0.875em; }
dl dt { font-weight: bold; margin-top: 0.875em; }
dl dd { margin: 0; }

table { -webkit-font-feature-settings: "kern", "liga", "tnum"; -moz-font-feature-settings: "kern", "liga", "tnum"; -ms-font-feature-settings: "kern", "liga", "tnum"; font-feature-settings: "kern", "liga", "tnum"; border-collapse: collapse; margin: 0.875em 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #b7b7b7; font-weight: 600; padding: 0.875em 0; text-align: left; }

td { border-bottom: 1px solid #ddd; padding: 0.875em 0; }

tr, td, th { vertical-align: middle; }

body { -webkit-font-feature-settings: "kern", "liga", "pnum"; -moz-font-feature-settings: "kern", "liga", "pnum"; -ms-font-feature-settings: "kern", "liga", "pnum"; font-feature-settings: "kern", "liga", "pnum"; font-family: "TiemposTextWeb-Regular", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-size: 1.25em; line-height: 1.75; }

h1, h2, h3, h4, h5, h6 { font-family: "NHaasGroteskDSPro-75Bd", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif, sans-serif; font-weight: normal; margin: 0 0 0.875em; }

h1 { font-size: 4rem; line-height: 1.1em; margin-bottom: 0.1em; color: #3c3c3c; }

p { margin: 0 auto 1.75em; max-width: 800px; }

em { font-family: "TiemposTextWeb-RegularItalic", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; }

a { color: #2800D7; transition: color 0.1s linear; }
a:active, a:focus, a:hover { color: inherit; }
a:active, a:focus { outline: none; }

hr { border-bottom: 1px solid #ddd; border-left: none; border-right: none; border-top: none; margin: 1.75em 0; }

img, picture { margin: 0 auto; max-width: 100%; display: block; }

                     /*-- Edit color and typography in _variables.scss & _typography.scss.
						  Check font family options in public/scss/bourbon/addons/_font-stacks.scss: --*/
/*-- STYLES WE CONTROL -- */
/*------------  STYLES FOR THE EXAMPLE PAGES GOES HERE ------------*/
.example_headers { max-width: 1215px; margin: 0 auto; }
.example_headers::before, .example_headers::after { clear: both; content: ""; display: table; }

.example_title, .example_subtitle { color: #444; }

.example_title { font: 2em "TiemposTextWeb-Semibold", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-style: normal; margin: 2em auto 0; border-bottom: 1px solid #3c3c3c; padding-bottom: 0.25em; }

.example_subtitle { font: 1em "TiemposTextWeb-RegularItalic", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-style: normal; margin: 3em auto 0.5em; display: inline-block; background-color: rgba(249, 70, 15, 0.5); padding: 0 0.25em; }

/*-- this is where the style for this site goes --*/
/*------------ LEDE STYLES ------------*/
#main { height: 100%; overflow: visible; position: relative; }

#footer { width: inherit; clear: both; }

.bw-attribution-link { border-bottom: none; }

.bw-attribution-img { display: inline; margin-left: 5px; height: 20px; vertical-align: text-bottom; }

/*------------ COMMON STYLES ------------*/
.lede-content { max-width: 720px;}
.lede-content h1 { font-family: "HaasDisplayBold", Helvetica, Arial, sans-serif; font-style: normal; }
.lede-content h1 em { font-family: 'BWHaasText-76BoldItalic', sans-serif; font-style: normal; }

.lede-content {
	font: 30px/36px "HaasDisplayBold", Helvetica, Arial, sans-serif; 
	font-style: normal; 
	padding: 0; 
	background: #00b294;
	color: #000;
	width: 240px;
	height: 240px;
	padding: 30px;
}

.lede-content em { font-family: 'BWHaasText-76BoldItalic', sans-serif; font-style: normal; }

/*--- LEDE W/ TEXT UNDER ---*/
.lede-text-under { width: 100%; padding: 0; }
.lede-text-under .lede-content { margin: 30px auto 70px; }
.lede-text-under .lede-content h1 { color: #000; }
.lede-text-under .lede-content { text-align: left; margin: 0; }
.lede-text-under .lede-content .byline-feat { color: #767676; margin: 5px 0; font-size: 16px; }

/*--- VIDEO LEDE ---*/
.lede-video { width: 100%; height: auto; position: relative; }
.lede-video video { width: 100%; margin-bottom: 30px; }
.lede-video .lede-content { width: 80%; margin: -40% auto 0 15%; position: absolute; z-index: 1; }
.lede-video .lede-content h1 { color: #000; background-color: #fff; display: inline; }
.lede-video .lede-content { display: inline; text-align: left; background-color: #fff; }
.lede-video .lede-content .byline-feat { font-family: "HaasDisplayBold", Helvetica, Arial, sans-serif; color: #000; margin: 5px 0; background-color: #fff; display: inline; }
.lede-video .mobile-lede { display: none; }

/*--- LEDE W/CONTAINED IMAGE & TEXT OVERLAY ---*/
.lede-contained-img { background-image: url("http://placehold.it/2000x1200"); background-repeat: no-repeat; background-size: cover; background-position: center; margin: 6%; min-height: 700px; }
.lede-contained-img .lede-content { max-width: 30%; opacity: .8; }
.lede-contained-img .lede-content h1 { font: 9em/0.8em "HaasDisplayBold", Helvetica, Arial, sans-serif; color: #fff; vertical-align: middle; margin-left: -8px; }
.lede-contained-img .lede-content { font: 28px "HaasDisplayBold", Helvetica, Arial, sans-serif; color: #fff; display: block; text-align: left; padding-bottom: 20px; }
.lede-contained-img .lede-content .byline-feat { font: 1.2rem "HaasDisplayBold", Helvetica, Arial, sans-serif; color: #fff; margin: 0; width: 100%; }

/*--- LEDE W/FULL-WIDTH IMAGE & TEXT OVERLAY ---*/
.lede-full-width-img { width: 100%; height: auto; position: relative; }
.lede-full-width-img .lede-img { min-width: 100%; margin-bottom: 30px; }
.lede-full-width-img .lede-content { width: 80%; margin: -40% auto 0 15%; position: absolute; z-index: 1; }
.lede-full-width-img .lede-content h1 { color: #000; background-color: #fff; display: inline; }
.lede-full-width-img .lede-content { display: inline; text-align: left; background-color: #fff; }
.lede-full-width-img .lede-content .byline-feat { font-family: "HaasDisplayBold", Helvetica, Arial, sans-serif; color: #000; margin: 5px 0; background-color: #fff; display: inline; }

/*--- LEDE W/VERTICAL IMAGE ---*/
.lede-vertical-img .lede-img { float: left; margin: 30px 60px 30px 3%; position: relative; width: 45%; }
.lede-vertical-img .lede-content { max-width: 40%; position: relative; margin: 0 5% 0 auto; text-align: left; padding-top: 100px; }
.lede-vertical-img .lede-content h1 { font-size: 62px; line-height: 65px; font-weight: normal; vertical-align: middle; display: inline; }
.lede-vertical-img .lede-content { font-size: 22px; text-align: left; max-width: none; padding: 0; margin-bottom: 20px; }
.lede-vertical-img .lede-content .byline-feat { font-size: 16px; font-family: "TiemposTextWeb-Regular", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; color: #999; }

/*------------ IMAGES STYLES ------------*/
.photo-info { border-bottom: 1px solid #ddd; }

figcaption, .caption { font: 0.7em "NHaasGroteskDSPro-55Rg", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif, sans-serif; color: #3c3c3c; }

figcaption { margin:  0.3em 0.325em}

.caption { width: 90%; margin: -2em auto 2em; max-width: 1280px; }

.credit { font-size: 0.6em; margin-top: 3px; margin:  0.3em 0.325em; color: #999; }

.img_full { width: 90%; max-width: 1280px; margin: 0 auto 3rem; }

.img_column { width: 60%; max-width: 720px; margin: 0 auto; }

.img_left, .img_right { max-width: 450px; margin: 1em 40px; border: 7px solid purple;border-radius: 10px; }

.img_left { float: left; background: #fff;}

.img_right { float: right; background: #fff;}

.photo-info { margin-left: 20px; margin-right: 20px; }

/*------------ VIDEO STYLES ------------*/
.video { margin: 40px auto; }

.video-js, .video iframe { margin: 0 auto; min-width: 970px; min-height: 546px; display: block; }

.terminal .video { display: none; }

/*------------ PHOTO ESSAY STYLES ------------*/
.photo_essay { width: 100%; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; }
.photo_essay:first-of-type { -webkit-box-align: stretch; -moz-box-align: stretch; box-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; -ms-align-items: stretch; -o-align-items: stretch; align-items: stretch; -ms-flex-align: stretch; }
.photo_essay .content { padding: 0 2% 5%; }
.photo_essay h2 { font-weight: 600; line-height: 1.1em; margin-top: 1.25em; }
.photo_essay h3 { font-weight: 600; font-size: 20px; line-height: 1.2em; margin: 1.5em 0 0.5em; }
.photo_essay h3 + p { margin-top: 0.1em; }
.photo_essay p { width: 100%; font-size: 16px; margin: 0 0 20px; }
.photo_essay .credit { font-size: 0.6em; width: 80%; }

.img_wrapper { height: auto; }

.img_wrapper, .content { width: 50%; box-sizing: border-box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; box-ordinal-group: 1; -webkit-order: 1; -moz-order: 1; order: 1; -ms-flex-order: 1; }

.photo_left { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: normal; -moz-box-direction: normal; box-direction: normal; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row; -ms-flex-direction: row; }

.photo_right { -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-direction: reverse; -moz-box-direction: reverse; box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-direction: row-reverse; }

.content { padding: 0 2% 5%; }

.person_name { margin-bottom: 0; }

.person_title { margin-top: 0; font: 16px "TiemposTextWeb-RegularItalic", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-style: normal; }

.photo_border { border: 1px solid #ccc; outline: 3.049em solid #fff; outline-offset: -3.05em; position: relative; }

/*------------  QUOTE STYLES ------------*/
/*---  BLOCKQUOTE ---*/
blockquote { font-size: 0.9em; margin: 2em auto; padding: 2em; width: 70%; }
blockquote p { color: #999; }
blockquote p:last-of-type { margin-bottom: 0; }
blockquote em { font-family: "TiemposTextWeb-RegularItalic", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-style: normal; }
blockquote strong { font-family: "TiemposHeadlineWeb-Bold", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-style: normal; }



/*-- BODY COPY STYLES -- */
/*-- CENTERED COLUMN -- */
p { width: 60%; max-width: 720px; margin: 30px auto; font: 18px/1.6em "TiemposTextWeb-Regular", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; color: #3c3c3c; }
p a { color: #3c3c3c; text-decoration: none; border-bottom: 2px solid #2800D7; }
p strong { font-family: "TiemposHeadlineWeb-Bold", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-style: normal; }
p em { font-family: "TiemposTextWeb-RegularItalic", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-style: normal; }

.section-break { margin-top: 50px; padding-top: 50px; }
.section-break:first-line { font: 20px "HaasDisplayBold", Helvetica, Arial, sans-serif; font-style: normal; color: #000; }

.terminal p a { border-bottom: none !important; }

.closer { display: inline; margin-top: -5px; margin-left: 2px; height: 14px; }

.top-banner a:hover { color: #fff; }




/*-- MEDIA QUERIES -- */
/* MOBILE */


@media screen and (max-width: 560px) { .lede-content { max-width: 100%; }
  .lede-text-overlay { min-height: 400px; }
  .lede-text-overlay .lede-content { width: 90%; margin: 15% auto; }
  .lede-text-under .lede-content { margin: 30px auto; padding: 0 20px; }
  .lede-full-width-img .lede-img { min-height: 0; }
  .lede-full-width-img .lede-content { width: 90%; margin: 30px auto; position: relative; }
  .lede video { margin-bottom: 1rem; }
  .lede-video video { display: none; }
  .lede-video .mobile-lede { display: block; }
  .lede-video .lede-content { width: 90%; margin: -70% auto 0 0; padding: 0 20px; }
  header { width: 90%; margin-bottom: 0.5rem; }
  h1 { font-size: 1.8rem; }
  .lede-contained-img { min-height: 400px; }
  .lede-contained-img .lede-content { max-width: 100%; }
  .lede-contained-img .lede-content h1 { font-size: 2.2rem; }
  .lede-vertical-img .lede-img { width: 90%; }
  .lede-vertical-img .lede-content { max-width: 90%; }
  .lede-vertical-img .lede-content h1 { font-size: 40px; line-height: 44px; }
  .lede-vertical-img .lede-content { font-size: 16px; line-height: 22px; display: inline; }
  .lede-vertical-img .lede-content .byline-feat { font-size: 12px; }
  .lede-content { font-size: 20px; line-height: 24px; margin-bottom: 1.25rem; }
  .subhed { font-size: 0.95rem; }
  p { width: 90%; max-width: initial; font-size: 0.8em; }
  .img_right, .img_left { float: none; margin: 0 auto 1rem; width: 300px; }
  .img_column { width: 90%; }
  .img_wrapper, .content { float: none; width: 100%; }
  .img_parallax { height: 50vh; }
  blockquote { padding: 0 1em 1em; margin: 0 auto; width: 90%; }
  .pullquotes { font-size: 1.2em; line-height: 1.4em; float: none; width: 90%; margin: 1rem auto; padding: 1rem auto; }
  .divider { margin: 0 auto 0.75em; }
  .section-break { padding-top: 0; }
  #main ul { width: 60%; }
  #main li { font-size: 0.75em; line-height: 1.25em; }
  .video-js, .video iframe { min-width: 320px; min-height: 180px; }
  .sidebar_right, .sidebar_left { width: 30rem; max-width: 80%; float: none; padding: 0; border-left: none; border-right: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 30px auto; } }
@media screen and (min-width: 480px) and (max-width: 560px) { .video-js, .video iframe { min-width: 480px; min-height: 270px; } }
/* TABLET */
@media screen and (min-width: 560px) and (max-width: 1023px) { .lede-content { max-width: 100%; }
  .lede-text-overlay { min-height: 400px; }
  .lede-text-overlay .lede-content { margin: 15% auto; }
  .lede-text-under .lede-content { margin: 30px auto; padding: 0 20px; }
  .lede-full-width-img .lede-img { min-height: 0; }
  .lede-full-width-img .lede-content { margin: 30px auto; position: relative; }
  .lede-contained-img { min-height: 400px; }
  .lede-contained-img .lede-content { max-width: 100%; }
  .lede-contained-img .lede-content h1 { font-size: 5rem; }
  .lede-contained-img .lede-content { margin-left: 0; }
  .lede-vertical-img .lede-img { width: 80%; float: none; display: block; margin: 30px auto 0; }
  .lede-vertical-img .lede-content { max-width: 80%; margin: 0 auto; padding-top: 50px; }
  .lede-vertical-img .lede-content h1 { font-size: 54px; line-height: 60px; }
  h1 { font-size: 3rem; }
  .subhed { font-size: 0.9rem; }
  p { max-width: initial; font-size: 0.9em; }
  .video-js, .video iframe { min-width: 1023px; min-height: 511px; }
  .img_left, .img_right { float: none; margin: 0 auto; width: 300px; }
  .img_wrapper, .content { float: none; width: 100%; }
  .sidebar_right, .sidebar_left { width: 30rem; max-width: 80%; float: none; padding: 0; border-left: none; border-right: none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 30px auto; } }
@media screen and (min-width: 560px) and (max-width: 767px) { header, p, .pullquotes { width: 90%; max-width: 100%; }
  .video-js, .video iframe { min-width: 480px; min-height: 270px; }
  .img_right, .img_left { float: none; margin: 0 auto 1rem; }
  #main ul { width: 40%; } }
@media screen and (min-width: 768px) and (max-width: 1023px) { header, p, .pullquotes { width: 80%; max-width: 100%; }
  .video-js, .video iframe { min-width: 730px; min-height: 411px; }
  .img_right, .img_left { width: 300px; }
  #main ul { width: 30%; } }
@media screen and (min-width: 1024px) and (max-width: 1280px) { .video-js, .video iframe { min-width: 1024px; min-height: 576px; } }
/* RETINA */
/* Print Styles ========================================================================== */
@media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /*Don't show links for img, or javascript/internal links*/
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }