/* page compilation --*/
@font-face { font-family: 'Bloomberg'; src: url("../fonts/Bloomberg.ttf") format("truetype"); }
@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"; color: #333; 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; color: #333; 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: 18px; 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 .dek { font: 30px/36px "HaasDisplayBold", Helvetica, Arial, sans-serif; font-style: normal; padding: 0; }
.lede-content .dek em { font-family: 'BWHaasText-76BoldItalic', sans-serif; font-style: normal; }

/*--- LEDE W/ TEXT OVER & PARALLAX ---*/
.lede-text-overlay-parallax { background: transparent center no-repeat; background-size: cover; overflow: hidden; height: 100%; min-height: 600px; }
.lede-text-overlay-parallax .lede-content { width: 80%; margin: 30% auto 0; position: relative; z-index: 1; background-color: #fff; padding: 20px; }
.lede-text-overlay-parallax .lede-content h1 { color: #000; }
.lede-text-overlay-parallax .lede-content .dek { text-align: left; margin-bottom: 15px; }
.lede-text-overlay-parallax .lede-content .byline-feat { color: #999; margin: 0; }

/*--- 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 .dek { text-align: left; margin: 0; }
.lede-text-under .lede-content .byline-feat { color: #767676; margin: 0; font-size: 16px; }

/*--- LEDE W/ TEXT ABOVE ---*/
.lede-text-above { width: 100%; padding: 0; }
.lede-text-above h1 { color: #000; width: 80%; max-width: 720px; font-family: "HaasDisplayBold", Helvetica, Arial, sans-serif; margin: 30px auto; }
.lede-text-above .lede-img { width: 80%; }
.lede-text-above .lede-content { margin: 30px auto 70px; }
.lede-text-above .lede-content .dek { text-align: left; margin: 0; width: 100%; max-width: 720px; }
.lede-text-above .lede-content .byline-feat { color: #767676; margin: 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: -15% auto 0; position: relative; z-index: 1; background-color: #fff; padding: 20px; }
.lede-video .lede-content h1 { color: #000; }
.lede-video .lede-content .dek { text-align: left; margin-bottom: 15px; }
.lede-video .lede-content .byline-feat { color: #999; margin: 0; }
.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 .dek { 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: -15% auto 0; position: relative; z-index: 1; background-color: #fff; padding: 20px; box-sizing: content-box; }
.lede-full-width-img .lede-content h1 { color: #000; }
.lede-full-width-img .lede-content .dek { text-align: left; margin-bottom: 15px; }
.lede-full-width-img .lede-content .byline-feat { color: #999; margin: 0; }

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

.lede-vertical-img-right .lede-img { float: right; margin: 30px 60px 30px 3%; position: relative; width: 45%; }
.lede-vertical-img-right .lede-content { max-width: 40%; position: relative; margin: 0 auto 0 5%; text-align: left; padding-top: 100px; }
.lede-vertical-img-right .lede-content h1 { font-size: 62px; line-height: 65px; font-weight: normal; vertical-align: middle; display: inline; }
.lede-vertical-img-right .lede-content .dek { font-size: 22px; text-align: left; max-width: none; padding: 0; margin-bottom: 20px; }
.lede-vertical-img-right .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-right: 0.325em; margin-top: 0.3em; }

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

.credit { font-size: 0.6em; margin-top: 3px; margin-bottom: 10px; 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; }

.img_left { float: left; }

.img_right { float: right; }

.img_parallax { height: 100vh; width: 100%; margin: 0; }

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

/*------------ VIDEO STYLES ------------*/
.video { position: relative !important; height: auto !important; width: 60% !important; max-width: 720px; margin: 30px auto !important; }

.video-js { min-width: 0 !important; min-height: 0 !important; }

.video-js.vjs-fluid { position: relative !important; height: 0 !important; width: 100%; padding-bottom: 56.25% !important; }

.video-js.vjs-fluid iframe, .video-js.vjs-fluid object, .video-js.vjs-fluid embed { position: absolute !important; top: 0 !important; bottom: 0 !important; height: 100% !important; width: 100% !important; }

.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; }

/*--- PULL QUOTE ---*/
.pullquotes { font: 2.2em/3.2rem "TiemposHeadlineWeb-Bold", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-style: normal; position: relative; width: 58%; max-width: 48rem; margin: 1.5em auto; color: #2800D7; text-align: center; }
.pullquotes em { font-family: "TiemposHeadline-BoldItalic", "Georgia", "Cambria", "Times New Roman", "Times", serif, serif; font-style: normal; }

/*------------  SIDEBAR STYLES ------------*/
/*--- LEFT SIDEBAR ---*/
.sidebar_left { float: left; border-right: 1px solid #ddd; padding-right: 30px; }

/*---  RIGHT SIDEBAR ---*/
.sidebar_right { float: right; border-left: 1px solid #ddd; padding-left: 30px; }

/*---  SIDEBAR W/ TEXT ---*/
.sidebar_right, .sidebar_left { width: 20rem; max-width: 320px; margin: 0.5rem 40px 1rem 40px; }
.sidebar_right h3, .sidebar_left h3 { font: 1.3em "HaasDisplayBold", Helvetica, Arial, sans-serif; font-style: normal; }
.sidebar_right .sidebar_text p, .sidebar_left .sidebar_text p { font-size: 0.7em; width: 100%; margin: 20px auto; }

/*-- 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; }

#main .ad .title { display: none; }

/*-- MEDIA QUERIES -- */
/* MOBILE */
@media screen and (max-width: 760px) { .bw-attribution-img { height: 15px; }
  .lede-content { max-width: 100%; }
  .lede-text-overlay-parallax { min-height: 400px; }
  .lede-text-overlay-parallax .lede-content { width: 90%; margin: 50% 0 0 0; }
  .lede-text-under .lede-content { margin: 30px auto; padding: 0 20px; }
  .lede-text-under .lede-content .byline-feat { font-size: 13px; }
  .lede-text-above .lede-img { width: 100%; }
  .lede-text-above .lede-content { margin: 30px auto; padding: 0 20px; }
  .lede-text-above .lede-content .byline-feat { font-size: 13px; }
  .lede-full-width-img .lede-img { min-height: 0; }
  .lede-full-width-img .lede-content { width: 90%; margin: 30px auto; position: relative; padding: 0; }
  .lede-full-width-img .lede-content h1, .lede-full-width-img .lede-content .dek, .lede-full-width-img .lede-content .byline-feat { background-color: transparent; display: block; }
  .lede-full-width-img .lede-content .byline-feat { font-size: 13px; }
  .lede video { margin-bottom: 1rem; }
  .lede-video video { display: none; }
  .lede-video .mobile-lede { display: block; }
  .lede-video .lede-content { width: 90%; margin-left: 0; }
  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-left .lede-img, .lede-vertical-img-right .lede-img { width: 90%; float: none; margin: 20px auto; }
  .lede-vertical-img-left .lede-content, .lede-vertical-img-right .lede-content { max-width: 90%; padding-top: 0; }
  .lede-vertical-img-left .lede-content h1, .lede-vertical-img-right .lede-content h1 { font-size: 32px; line-height: 36px; }
  .lede-vertical-img-left .lede-content .dek, .lede-vertical-img-right .lede-content .dek { font-size: 16px; line-height: 22px; display: block; margin-top: 10px; }
  .lede-vertical-img-left .lede-content .byline-feat, .lede-vertical-img-right .lede-content .byline-feat { font-size: 13px; }
  .lede-content .dek { 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: 90%; }
  .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: 15px; }
  #main ul { width: 60%; }
  #main li { font-size: 0.75em; line-height: 1.25em; }
  .video { width: 90% !important; max-width: initial; }
  .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; } }
/* TABLET */
@media screen and (min-width: 761px) and (max-width: 1020px) { .lede-content .dek { font-size: 28px; line-height: 32px; }
  .lede-text-overlay-parallax { min-height: 400px; }
  .lede-text-under .lede-content { margin: 30px auto; padding: 0 20px; }
  .lede-text-above .lede-img { width: 90%; }
  .lede-text-above .lede-content { width: 80%; max-width: 720px; }
  .lede-full-width-img .lede-img { min-height: 0; }
  .lede-full-width-img .lede-content { margin: 30px auto; position: relative; padding: 0; }
  .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 .dek { margin-left: 0; }
  .lede-vertical-img-left .lede-img, .lede-vertical-img-right .lede-img { width: 80%; float: none; display: block; margin: 30px auto 0; }
  .lede-vertical-img-left .lede-content, .lede-vertical-img-right .lede-content { max-width: 80%; margin: 0 auto; padding-top: 50px; }
  .lede-vertical-img-left .lede-content h1, .lede-vertical-img-right .lede-content h1 { font-size: 54px; line-height: 60px; }
  h1 { font-size: 3rem; }
  .dek { font-size: 2rem; margin-bottom: 1.75rem; }
  .subhed { font-size: 0.9rem; }
  p { max-width: initial; font-size: 0.9em; }
  .img_left, .img_right { float: none; max-width: 500px; margin: 0.5rem auto; }
  .img_wrapper, .content { float: none; width: 100%; }
  .sidebar_right, .sidebar_left { width: 30rem; max-width: 80%; float: none; padding: 10px 0 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: 561px) and (max-width: 760px) { header, p, .pullquotes { width: 90%; max-width: 100%; }
  .video { width: 90% !important; max-width: 100%; }
  .img_right, .img_left, .img_column { float: none; margin: 0 auto 1rem; width: 90%; }
  figure img { width: 100%; }
  #main ul { width: 40%; } }
/* 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; } }
