@font-face {
  font-family: 'Roboto Light';
  src: url('fonts/RobotoCondensed-Light-webfont.eot');
  src: url('fonts/RobotoCondensed-Light-webfont.eot?iefix') format('eot'), url('fonts/RobotoCondensed-Light-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Light-webfont.svg#webfont') format('svg');
}

@font-face {
  font-family: 'Roboto Reg';
  src: url('fonts/Roboto-Regular-webfont.eot');
  src: url('fonts/Roboto-Regular-webfont.eot?iefix') format('eot'), url('fonts/Roboto-Regular-webfont.woff') format('woff'), url('fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('fonts/Roboto-Regular-webfont.svg#webfont') format('svg');
}


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-asterisk:before {
  content: "\002a";
}

.glyphicon-plus:before {
  content: "\002b";
}

.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}

.glyphicon-minus:before {
  content: "\2212";
}

.glyphicon-cloud:before {
  content: "\2601";
}

.glyphicon-envelope:before {
  content: "\2709";
}

.glyphicon-pencil:before {
  content: "\270f";
}

.glyphicon-glass:before {
  content: "\e001";
}

.glyphicon-music:before {
  content: "\e002";
}

.glyphicon-search:before {
  content: "\e003";
}

.glyphicon-heart:before {
  content: "\e005";
}

.glyphicon-star:before {
  content: "\e006";
}

.glyphicon-star-empty:before {
  content: "\e007";
}

.glyphicon-user:before {
  content: "\e008";
}

.glyphicon-film:before {
  content: "\e009";
}

.glyphicon-th-large:before {
  content: "\e010";
}

.glyphicon-th:before {
  content: "\e011";
}

.glyphicon-th-list:before {
  content: "\e012";
}

.glyphicon-ok:before {
  content: "\e013";
}

.glyphicon-remove:before {
  content: "\e014";
}

.glyphicon-zoom-in:before {
  content: "\e015";
}

.glyphicon-zoom-out:before {
  content: "\e016";
}

.glyphicon-off:before {
  content: "\e017";
}

.glyphicon-signal:before {
  content: "\e018";
}

.glyphicon-cog:before {
  content: "\e019";
}

.glyphicon-trash:before {
  content: "\e020";
}

.glyphicon-home:before {
  content: "\e021";
}

.glyphicon-file:before {
  content: "\e022";
}

.glyphicon-time:before {
  content: "\e023";
}

.glyphicon-road:before {
  content: "\e024";
}

.glyphicon-download-alt:before {
  content: "\e025";
}

.glyphicon-download:before {
  content: "\e026";
}

.glyphicon-upload:before {
  content: "\e027";
}

.glyphicon-inbox:before {
  content: "\e028";
}

.glyphicon-play-circle:before {
  content: "\e029";
}

.glyphicon-repeat:before {
  content: "\e030";
}

.glyphicon-refresh:before {
  content: "\e031";
}

.glyphicon-list-alt:before {
  content: "\e032";
}

.glyphicon-lock:before {
  content: "\e033";
}

.glyphicon-flag:before {
  content: "\e034";
}

.glyphicon-headphones:before {
  content: "\e035";
}

.glyphicon-volume-off:before {
  content: "\e036";
}

.glyphicon-volume-down:before {
  content: "\e037";
}

.glyphicon-volume-up:before {
  content: "\e038";
}

.glyphicon-qrcode:before {
  content: "\e039";
}

.glyphicon-barcode:before {
  content: "\e040";
}

.glyphicon-tag:before {
  content: "\e041";
}

.glyphicon-tags:before {
  content: "\e042";
}

.glyphicon-book:before {
  content: "\e043";
}

.glyphicon-bookmark:before {
  content: "\e044";
}

.glyphicon-print:before {
  content: "\e045";
}

.glyphicon-camera:before {
  content: "\e046";
}

.glyphicon-font:before {
  content: "\e047";
}

.glyphicon-bold:before {
  content: "\e048";
}

.glyphicon-italic:before {
  content: "\e049";
}

.glyphicon-text-height:before {
  content: "\e050";
}

.glyphicon-text-width:before {
  content: "\e051";
}

.glyphicon-align-left:before {
  content: "\e052";
}

.glyphicon-align-center:before {
  content: "\e053";
}

.glyphicon-align-right:before {
  content: "\e054";
}

.glyphicon-align-justify:before {
  content: "\e055";
}

.glyphicon-list:before {
  content: "\e056";
}

.glyphicon-indent-left:before {
  content: "\e057";
}

.glyphicon-indent-right:before {
  content: "\e058";
}

.glyphicon-facetime-video:before {
  content: "\e059";
}

.glyphicon-picture:before {
  content: "\e060";
}

.glyphicon-map-marker:before {
  content: "\e062";
}

.glyphicon-adjust:before {
  content: "\e063";
}

.glyphicon-tint:before {
  content: "\e064";
}

.glyphicon-edit:before {
  content: "\e065";
}

.glyphicon-share:before {
  content: "\e066";
}

.glyphicon-check:before {
  content: "\e067";
}

.glyphicon-move:before {
  content: "\e068";
}

.glyphicon-step-backward:before {
  content: "\e069";
}

.glyphicon-fast-backward:before {
  content: "\e070";
}

.glyphicon-backward:before {
  content: "\e071";
}

.glyphicon-play:before {
  content: "\e072";
}

.glyphicon-pause:before {
  content: "\e073";
}

.glyphicon-stop:before {
  content: "\e074";
}

.glyphicon-forward:before {
  content: "\e075";
}

.glyphicon-fast-forward:before {
  content: "\e076";
}

.glyphicon-step-forward:before {
  content: "\e077";
}

.glyphicon-eject:before {
  content: "\e078";
}

.glyphicon-chevron-left:before {
  content: "\e079";
}

.glyphicon-chevron-right:before {
  content: "\e080";
}

.glyphicon-plus-sign:before {
  content: "\e081";
}

.glyphicon-minus-sign:before {
  content: "\e082";
}

.glyphicon-remove-sign:before {
  content: "\e083";
}

.glyphicon-ok-sign:before {
  content: "\e084";
}

.glyphicon-question-sign:before {
  content: "\e085";
}

.glyphicon-info-sign:before {
  content: "\e086";
}

.glyphicon-screenshot:before {
  content: "\e087";
}

.glyphicon-remove-circle:before {
  content: "\e088";
}

.glyphicon-ok-circle:before {
  content: "\e089";
}

.glyphicon-ban-circle:before {
  content: "\e090";
}

.glyphicon-arrow-left:before {
  content: "\e091";
}

.glyphicon-arrow-right:before {
  content: "\e092";
}

.glyphicon-arrow-up:before {
  content: "\e093";
}

.glyphicon-arrow-down:before {
  content: "\e094";
}

.glyphicon-share-alt:before {
  content: "\e095";
}

.glyphicon-resize-full:before {
  content: "\e096";
}

.glyphicon-resize-small:before {
  content: "\e097";
}

.glyphicon-exclamation-sign:before {
  content: "\e101";
}

.glyphicon-gift:before {
  content: "\e102";
}

.glyphicon-leaf:before {
  content: "\e103";
}

.glyphicon-fire:before {
  content: "\e104";
}

.glyphicon-eye-open:before {
  content: "\e105";
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.glyphicon-warning-sign:before {
  content: "\e107";
}

.glyphicon-plane:before {
  content: "\e108";
}

.glyphicon-calendar:before {
  content: "\e109";
}

.glyphicon-random:before {
  content: "\e110";
}

.glyphicon-comment:before {
  content: "\e111";
}

.glyphicon-magnet:before {
  content: "\e112";
}

.glyphicon-chevron-up:before {
  content: "\e113";
}

.glyphicon-chevron-down:before {
  content: "\e114";
}

.glyphicon-retweet:before {
  content: "\e115";
}

.glyphicon-shopping-cart:before {
  content: "\e116";
}

.glyphicon-folder-close:before {
  content: "\e117";
}

.glyphicon-folder-open:before {
  content: "\e118";
}

.glyphicon-resize-vertical:before {
  content: "\e119";
}

.glyphicon-resize-horizontal:before {
  content: "\e120";
}

.glyphicon-hdd:before {
  content: "\e121";
}

.glyphicon-bullhorn:before {
  content: "\e122";
}

.glyphicon-bell:before {
  content: "\e123";
}

.glyphicon-certificate:before {
  content: "\e124";
}

.glyphicon-thumbs-up:before {
  content: "\e125";
}

.glyphicon-thumbs-down:before {
  content: "\e126";
}

.glyphicon-hand-right:before {
  content: "\e127";
}

.glyphicon-hand-left:before {
  content: "\e128";
}

.glyphicon-hand-up:before {
  content: "\e129";
}

.glyphicon-hand-down:before {
  content: "\e130";
}

.glyphicon-circle-arrow-right:before {
  content: "\e131";
}

.glyphicon-circle-arrow-left:before {
  content: "\e132";
}

.glyphicon-circle-arrow-up:before {
  content: "\e133";
}

.glyphicon-circle-arrow-down:before {
  content: "\e134";
}

.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}

.glyphicon-tasks:before {
  content: "\e137";
}

.glyphicon-filter:before {
  content: "\e138";
}

.glyphicon-briefcase:before {
  content: "\e139";
}

.glyphicon-fullscreen:before {
  content: "\e140";
}

.glyphicon-dashboard:before {
  content: "\e141";
}

.glyphicon-paperclip:before {
  content: "\e142";
}

.glyphicon-heart-empty:before {
  content: "\e143";
}

.glyphicon-link:before {
  content: "\e144";
}

.glyphicon-phone:before {
  content: "\e145";
}

.glyphicon-pushpin:before {
  content: "\e146";
}

.glyphicon-usd:before {
  content: "\e148";
}

.glyphicon-gbp:before {
  content: "\e149";
}

.glyphicon-sort:before {
  content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}

.glyphicon-sort-by-order:before {
  content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}

.glyphicon-sort-by-attributes:before {
  content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}

.glyphicon-unchecked:before {
  content: "\e157";
}

.glyphicon-expand:before {
  content: "\e158";
}

.glyphicon-collapse-down:before {
  content: "\e159";
}

.glyphicon-collapse-up:before {
  content: "\e160";
}

.glyphicon-log-in:before {
  content: "\e161";
}

.glyphicon-flash:before {
  content: "\e162";
}

.glyphicon-log-out:before {
  content: "\e163";
}

.glyphicon-new-window:before {
  content: "\e164";
}

.glyphicon-record:before {
  content: "\e165";
}

.glyphicon-save:before {
  content: "\e166";
}

.glyphicon-open:before {
  content: "\e167";
}

.glyphicon-saved:before {
  content: "\e168";
}

.glyphicon-import:before {
  content: "\e169";
}

.glyphicon-export:before {
  content: "\e170";
}

.glyphicon-send:before {
  content: "\e171";
}

.glyphicon-floppy-disk:before {
  content: "\e172";
}

.glyphicon-floppy-saved:before {
  content: "\e173";
}

.glyphicon-floppy-remove:before {
  content: "\e174";
}

.glyphicon-floppy-save:before {
  content: "\e175";
}

.glyphicon-floppy-open:before {
  content: "\e176";
}

.glyphicon-credit-card:before {
  content: "\e177";
}

.glyphicon-transfer:before {
  content: "\e178";
}

.glyphicon-cutlery:before {
  content: "\e179";
}

.glyphicon-header:before {
  content: "\e180";
}

.glyphicon-compressed:before {
  content: "\e181";
}

.glyphicon-earphone:before {
  content: "\e182";
}

.glyphicon-phone-alt:before {
  content: "\e183";
}

.glyphicon-tower:before {
  content: "\e184";
}

.glyphicon-stats:before {
  content: "\e185";
}

.glyphicon-sd-video:before {
  content: "\e186";
}

.glyphicon-hd-video:before {
  content: "\e187";
}

.glyphicon-subtitles:before {
  content: "\e188";
}

.glyphicon-sound-stereo:before {
  content: "\e189";
}

.glyphicon-sound-dolby:before {
  content: "\e190";
}

.glyphicon-sound-5-1:before {
  content: "\e191";
}

.glyphicon-sound-6-1:before {
  content: "\e192";
}

.glyphicon-sound-7-1:before {
  content: "\e193";
}

.glyphicon-copyright-mark:before {
  content: "\e194";
}

.glyphicon-registration-mark:before {
  content: "\e195";
}

.glyphicon-cloud-download:before {
  content: "\e197";
}

.glyphicon-cloud-upload:before {
  content: "\e198";
}

.glyphicon-tree-conifer:before {
  content: "\e199";
}

.glyphicon-tree-deciduous:before {
  content: "\e200";
}

.glyphicon-cd:before {
  content: "\e201";
}

.glyphicon-save-file:before {
  content: "\e202";
}

.glyphicon-open-file:before {
  content: "\e203";
}

.glyphicon-level-up:before {
  content: "\e204";
}

.glyphicon-copy:before {
  content: "\e205";
}

.glyphicon-paste:before {
  content: "\e206";
}

.glyphicon-alert:before {
  content: "\e209";
}

.glyphicon-equalizer:before {
  content: "\e210";
}

.glyphicon-king:before {
  content: "\e211";
}

.glyphicon-queen:before {
  content: "\e212";
}

.glyphicon-pawn:before {
  content: "\e213";
}

.glyphicon-bishop:before {
  content: "\e214";
}

.glyphicon-knight:before {
  content: "\e215";
}

.glyphicon-baby-formula:before {
  content: "\e216";
}

.glyphicon-tent:before {
  content: "\26fa";
}

.glyphicon-blackboard:before {
  content: "\e218";
}

.glyphicon-bed:before {
  content: "\e219";
}

.glyphicon-apple:before {
  content: "\f8ff";
}

.glyphicon-erase:before {
  content: "\e221";
}

.glyphicon-hourglass:before {
  content: "\231b";
}

.glyphicon-lamp:before {
  content: "\e223";
}

.glyphicon-duplicate:before {
  content: "\e224";
}

.glyphicon-piggy-bank:before {
  content: "\e225";
}

.glyphicon-scissors:before {
  content: "\e226";
}

.glyphicon-bitcoin:before {
  content: "\e227";
}

.glyphicon-btc:before {
  content: "\e227";
}

.glyphicon-xbt:before {
  content: "\e227";
}

.glyphicon-yen:before {
  content: "\00a5";
}

.glyphicon-jpy:before {
  content: "\00a5";
}

.glyphicon-ruble:before {
  content: "\20bd";
}

.glyphicon-rub:before {
  content: "\20bd";
}

.glyphicon-scale:before {
  content: "\e230";
}

.glyphicon-ice-lolly:before {
  content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}

.glyphicon-education:before {
  content: "\e233";
}

.glyphicon-option-horizontal:before {
  content: "\e234";
}

.glyphicon-option-vertical:before {
  content: "\e235";
}

.glyphicon-menu-hamburger:before {
  content: "\e236";
}

.glyphicon-modal-window:before {
  content: "\e237";
}

.glyphicon-oil:before {
  content: "\e238";
}

.glyphicon-grain:before {
  content: "\e239";
}

.glyphicon-sunglasses:before {
  content: "\e240";
}

.glyphicon-text-size:before {
  content: "\e241";
}

.glyphicon-text-color:before {
  content: "\e242";
}

.glyphicon-text-background:before {
  content: "\e243";
}

.glyphicon-object-align-top:before {
  content: "\e244";
}

.glyphicon-object-align-bottom:before {
  content: "\e245";
}

.glyphicon-object-align-horizontal:before {
  content: "\e246";
}

.glyphicon-object-align-left:before {
  content: "\e247";
}

.glyphicon-object-align-vertical:before {
  content: "\e248";
}

.glyphicon-object-align-right:before {
  content: "\e249";
}

.glyphicon-triangle-right:before {
  content: "\e250";
}

.glyphicon-triangle-left:before {
  content: "\e251";
}

.glyphicon-triangle-bottom:before {
  content: "\e252";
}

.glyphicon-triangle-top:before {
  content: "\e253";
}

.glyphicon-console:before {
  content: "\e254";
}

.glyphicon-superscript:before {
  content: "\e255";
}

.glyphicon-subscript:before {
  content: "\e256";
}

.glyphicon-menu-left:before {
  content: "\e257";
}

.glyphicon-menu-right:before {
  content: "\e258";
}

.glyphicon-menu-down:before {
  content: "\e259";
}

.glyphicon-menu-up:before {
  content: "\e260";
}

/* ***** Story Sub Menu ******/

.site-content section {
  white-space: nowrap;
}

.site-content article h4 {
  font-family: 'Roboto Medium';
  font-size: 21pt;
  line-height: 24pt;
  text-transform: uppercase;
  max-height: 92px;
  overflow: hidden;
}

article h4.in-house {
  text-align: center;
}

/* .story-sub-menu {
    padding-bottom: 10px;
} */

.story-sub-menu ul.sub-menu {
  z-index: 10;
  text-align: center;
  list-style-type: none;
  padding: 0;
  margin-bottom: 0px;
  margin-top: -12px;
  min-width: 970px;
  font-size: 0;
  white-space: nowrap;
  position: relative;
}

.sub-menu li {
  padding: 0;
  font-family: 'Roboto Medium';
  font-size: 15px;
  display: inline-block;
  width: 140px;
  vertical-align: top;
  height: 114px;
}

.sub-menu li a {
  display: block;
  width: 100%;
  height: 100%;
}

.sub-menu li a,
.sub-menu li a:visited {
  color: #A9A9A9;
}

.sub-menu li:not(.selected) {
  background-color: transparent;
}

.sub-menu li:hover {
  cursor: pointer;
}

.sub-menu li:hover a {
  color: #FFFFFF;
}

.sub-menu li h3 {
  text-transform: uppercase;
  font-size: 15pt;
  text-align: left;
  padding: 15px 15px 0 15px;
  line-height: 18px;
}

.sub-menu li p {
  font-family: 'Roboto Reg';
  white-space: pre-wrap;
  font-size: 9pt;
  line-height: 11pt;
  text-align: left;
  padding: 25px 7px 21px 15px;
  /* match 2 line titles */
  margin: 0;
}

.sub-menu li.selected h3,
.sub-menu li.selected p {
  color: #FFFFFF;
}

.drop-nav-menu ul.main-menu {
  text-align: center;
  padding-left: 0;
  list-style-type: none;
  border-bottom: 2px solid black;
  padding: 10px 0 30px 0;
  margin-bottom: 0px;
}

.drop-nav-menu ul.main-menu li {
  padding: 0 30px;
  font-family: 'Roboto Light';
  font-size: 28px;
  display: inline;
}

.sub-menu a {
  letter-spacing: 0px;
}

.site-content .sub-menu a:hover {
  border-bottom: none;
  text-decoration: none;
}

.sub-menu a.selected {}

.main-nav {
  margin-bottom: 0;
}

.Stories section {
  padding-top: 50px;
  max-width: 984px;
  margin: 94px auto 0 auto;
  /* shift down for hyperlink */
}

.Stories section:first-of-type {
  margin-top: 259px;
}

#top.sticky .Stories section:first-of-type {
  margin-top: 0;
}

.Stories section>.wrapper {
  padding-bottom: 50px;
}

/* add more space for scroll */

.Stories .footer {
  margin-bottom: 220px;
}

.main-nav {
  margin-bottom: 0;
  position: relative;
}

.subnav-margin.storyFirstScrolled {
  height: 0;
}

.subnav-margin {
  height: 300px;
  transition: height 1000ms;
}

.article-container.storyFirstScrolled {
  margin-top: 0;
}

.article-body-container blockquote {
  margin-top: 57px;
  margin-bottom: 57px;
  max-width: 1010px;
}

.article-body-container blockquote p {
  font-family: 'Roboto Reg';
  font-size: 36pt;
  line-height: 45pt;
  margin-left: 33px; 
  text-indent: -33px;
}

.article-body-container blockquote.no-marks p {
  margin-left: 0;
  text-indent: 0;
}

.flatiron-institute .article-body-container blockquote p {
  color: #2AACDF;
}

.simons-foundation-autism-research-initiative {

}

.mathematics-and-physical-sciences .article-body-container blockquote p {
  color: #52b293;
}

.life-sciences .article-body-container blockquote p {
  color: #f9a238;
}

.simons-collaboration-on-the-global-brain .article-body-container blockquote p {
  color: #97334E;
}

.simons-foundation-autism-research-initiative .article-body-container blockquote p {
  color: #3666b1;
}

.outreach-and-education .article-body-container blockquote p {
  color: #f26e69;
}

@media (max-width: 400px) {
  .article-container {
    max-width: 100%;
    margin-left: 30px;
    margin-right: 30px;
  }
}

div.article-container h2.article-header {
  font-size: 53px;
  letter-spacing: 1px;
  line-height: 65px;
  text-align: center;
  margin-bottom: 44px;
}

div.article-container div.article-header-container img {
  display: inline-block;
  margin-top: -117px;
  margin-left: 100%;
}

.article-body-container img.article-image {
  max-width: 800px;
  max-height: 1000px;
  height: 100%;
}

.article-body-container header:first-of-type {
  margin-bottom: 50px;
  max-width: 1010px;
}

img.data-analysis {
  display: block;
  margin: 0 auto;
  padding-bottom: 45px;
}

img.glasses {
  margin: 0 auto;
  display: block;
}

.article-body-container>p {
  margin-left: auto;
  margin-right: auto;
  font-family: 'Lora';
  margin-bottom: 25px;
  font-size: 14pt;
  line-height: 21pt;
  max-width: 800px;
}
.article-body-container>p + blockquote {
  margin-top: 25px;
}

.article-body-container .caption { 
  max-width: 800px;
  width: 100%;
}

.additional-resources ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.additional-resources a {
  text-decoration: none;
}

/* ***** Bottom Nav ***** */

.bottom-nav {
  border-top: 2px solid #000;
  margin-top: 100px;
  padding-top: 40px;
  width: 100%;
  max-width: 1010px;
  margin-left: auto;
  margin-right: auto;
}

.bottom-nav h3.read-more-header {
  font-family: 'Roboto Medium';
  text-align: center;
  font-size: 20pt;
  padding: 0;
  margin: 33px auto 38px auto;
}

.bottom-nav h3.many-collab {
  display: flex;
  position: relative;
  z-index: 3;
  flex-direction: column;
  font-family: 'Roboto Medium';
  font-size: 24pt;
  line-height: 34pt;
  text-transform: uppercase;
}

.bottom-nav p.read-more-in {
  font-family: 'Lora' serif;
  font-size: 16pt;
  margin-bottom: 38px;
  text-align: center;
}

.story-half:hover p.read-more {
  opacity: 1;
}

.story-half a.read-more-anchor {
  position: absolute;
  bottom: 20px;
  border: none;
  font-family: 'Roboto Medium';
  font-size: 17pt;
  text-decoration: none;
  transition: all 0.4s ease-in;
}

.bottom-nav .story-half {
  width: 50%;
  display: inline-block;
  height: 260px;
  position: relative;
  padding-left: 15px;
  overflow: hidden;
  padding-top: 40px;
}

.bottom-nav .story-half-centered {
  margin: 0 auto;
  display: block;
}

.footer.wrapper {
  width: 100%;
}

img.featured-image {
  height: 100%;
}

.story-half p.article-text.ellipsis {
  font-size: 14pt;
  line-height: 21pt;
}

.bottom-nav .story-half p.read-more {
  position: absolute;
  bottom: 38px;
}

.bottom-nav .story-half p.read-more a {
  border-bottom: none;
  font-family: 'Roboto Medium';
  font-size: 17pt;
  text-decoration: none;
}

.bottom-nav-story-center {
  float: none;
  clear: both;
  margin: 0 auto;
}

.bottom-nav .story-half img {
  opacity: 0;
  position: absolute;
  transition: all 0.6s ease-in;
  top: 0;
  left: 0;
}

.bottom-nav .story-half:hover img {
  transition: all 0.6s ease-in;
  opacity: 1;
}

.bottom-nav .story-half:hover h4 span {
  color: #ffffff;
  padding-top: 0;
}

.bottom-nav .story-half:hover a {
  color: #ffffff;
  margin-top: 0;
}

div.bottom-nav a.story-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
  /* No underlines on the link */
  z-index: 6;
  /* Places the link above everything else in the div */
  opacity: 0;
}

.caption,
.caption p {
  font-family: 'Roboto Medium';
  font-size: 12pt;
  line-height: 19pt;
}

.caption {
  margin: 30px auto;
}

.article-body-container p+h5,
.article-body-container p+h4 {
  margin-top: 10px;
}

.article-body-container h5,
.article-body-container h4 {
  margin-bottom: 25px;
  text-align: center;
}

p+.slideshow,
p+.video,
p+.additional-resources,
p+.article-img-container,
.article-img+.caption,
p+.caption,
.slideshow+.caption,
.article-img-container+.caption,
.caption+h4,
.caption+h5 {
  margin-top: 30px;
}

.caption p:not(:last-child) {
  margin-bottom: 20px;
}

.slideshow+.caption,
.article-img-container .caption,
.article-img-container .caption {
  font-family: 'Roboto Reg', sans-serif;
  font-size: 14px;
}

div.article-container div.article-body-container p.brain-vid {
  margin-top: 10px;
}

div.article-container div.article-body-container p.snapshots {
  margin-top: 10px;
}

div.article-container div.article-body-container p.john-ewing {
  margin-top: 10px;
}

a.full-article {
  color: #000;
  font-family: 'Roboto Reg';
}

.article-body-container a.quanta-link {
  color: #03bbff;
  text-decoration: none;
}

/* ***** Brain Animation ***** */

div.brain-container {
  position: relative;
  height: 640px;
}

div.brain-container img {
  position: absolute;
  display: block;
}

div.brain-container img.brain-one {
  opacity: 1;
}

div.brain-container img.brain-two {
  opacity: 0;
  /*transition:0s 180s;*/
}

div.brain-container:hover img.brain-two {
  transition: opacity 1s;
  opacity: 1;
}

.article-body-container .video {
  width: 800px;
}

.article-body-container .video video {
  width: 100%;
}

.video {
  margin-bottom: 30px;
}

.video .caption {
  margin-top: 30px;
}

.video + .caption {
  margin-top: 0;
}

video.rapa {
  padding-bottom: 30px;
}

div.article-container div.article-body-container p.video {
  margin-top: 10px;
}

div.you-tube-container iframe {
  padding-bottom: 30px;
}

img.spinning-brain {
  display: block;
  margin: 0 auto 20px auto;
}

/* ****** Quanta Slide Show ***** */

#quanta-slideshow p.photo-cred {
  font-family: 'Roboto Reg', sans-serif;
  color: rgb(3, 187, 255);
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 10px;
}

#quanta-slideshow p.slide-caption {
  font-family: 'Roboto Reg', sans-serif;
  color: rgb(3, 187, 255);
  font-size: 14px;
  margin-top: 5px;
}

#quanta-slideshow {
  position: relative;
  width: 100%;
  height: 490px;
}

#quanta-slideshow>div {
  position: absolute;
}

.slideshow p.photo-cred {
  font-family: 'Roboto Reg', sans-serif;
  color: rgb(3, 187, 255);
  font-size: 14px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.slideshow p.slide-caption {
  font-family: 'Roboto Reg', sans-serif;
  color: rgb(3, 187, 255);
  font-size: 14px;
  margin-top: 5px;
}

.slideshow .article-img-container {
  height: 500px;
}

.slideshow.backfill .article-img-container {
  background-size: cover;
  background-repeat: no-repeat;
}

.slick-slider {
  position: relative;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.featured-slideshow.slick-slider .article-img-container {
  max-width: 1010px;
  width: 100%;
}

.slick-slider .article-img-container {
  max-width: 800px;
  width: 100%;
}

.slick-slide {
  /*or else height will be all of the slides*/
  height: initial;
  float: left;
}

.slick-prev,
.slick-prev:hover {
  left: -35px !important;
  background: url('../../images/annual-report/arrow-left.svg') no-repeat top left;
  background-size: cover;
}

.slick-next,
.slick-next:hover {
  background: url('../../images/annual-report/arrow-right.svg') no-repeat top right;
  background-size: cover;
  right: -35px !important;
}

.slick-prev:before,
.slick-next:before {
  content: '' !important;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 200px;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background-color: transparent !important;
  margin-top: 0px !important;
  box-shadow: none !important;
}

.slideshow.max-width .slick-prev,
.slideshow.max-width .slick-next {
  top: 50%;
  margin-top: -13px !important;
}

.slick-prev:hover,
.slick-next:hover {
  background-color: transparent !important;
}

.slick-prev:before,
.slick-next:before {
  font-family: 'Arial', sans-serif;
  font-size: 60px;
  color: #000000;
}

.article-img-container,
.iframe-container {
  width: 1010px;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.article-img-container.max-width {
  height: auto;
}

.article-container .article-body-container .slick-slider.max-height .article-img,
.article-img-container img {
  max-height: 100%;
  max-width: 100%;
}

.article-container .article-body-container p.msri-vid-caption {
  font-family: 'Roboto Reg', sans-serif;
  color: rgb(3, 187, 255);
  font-size: 14px;
  margin-top: 10px;
}

.featured-slideshow {
  max-width: 1010px;
  width: 100%;
}

.slick-slide .article-img-container {
  margin-bottom: 0;
}

.article-img-overlay {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 1);
  position: absolute;
  display: block;
}

.webgl .overlay {
  display: flex;
  justify-content: center;
  align-items: center;
}

.overlay .equation {
  height: 310px;
  width: 400px;
}

.gifffer-play-button {
  display: none;
}

.gifffer-play-button+canvas {
  cursor: pointer;
}

.webgl {
  position: relative;
  height: 450px;
}

.webgl .controls {
  position: absolute;
  left: 0;
  display: none;
}

.webgl .controls div {
  display: inline-block;
}

.webgl label {
  font-family: 'Roboto Reg';
  font-size: 18px;
  vertical-align: middle;
  margin-right: 5px;
}

.webgl .controls input {
  line-height: 20px;
  width: 30px;
  vertical-align: middle;
  margin-right: 5px;
}

.webgl .controls .button {
  padding: 0 3px;
  font-size: 25px;
  vertical-align: middle;
  cursor: pointer;
}

.webgl.has-overlay .close {
  opacity: 0;
  transition: opacity 1s ease-in;
}

.webgl .close {
  position: absolute;
  top: 5px;
  right: 10px;
  font-family: 'Roboto Reg';
  font-size: 20px;
  font-weight: bold;
  display: inline;
  cursor: pointer;
  opacity: 1;
}

.webgl.has-overlay .close {
  display: none;
}

.webgl.has-equation {
  margin: 30px 0px;
}

.webgl .legend {
  position: absolute;
  left: 0;
  bottom: 5px;
}

.webgl .legend img {
  width: 168px;
}

/* webgl not detected message */

#oldie {
  margin-top: 0 !important;
}

.lena-container {
  padding: 10px;
  margin: 30px auto;
}

.lena-container .controls {
  text-align: center;
}

.lena-container .glyphicon {
  display: none;
}

.lena-container .play .glyphicon-play {
  display: inline;
}

.lena-container .play .glyphicon-stop {
  display: none;
}

.lena-container .glyphicon-stop {
  display: inline;
}

.song {
  margin-left: 6px;
}

.lena-container .waves {
  position: relative;
  height: 128px;
}

.lena-container .btn-group {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px;
}

.btn-group label {
  display: block;
}

.site-content button:focus {
  outline: none;
}

/* hide the first canvas which is the light gray background */

/* the 2nd wave > canvas is the wave that's playing */

.lena-container .wave>wave>canvas {
  display: none;
}

.lena-container .btn {
  margin: 30px 10px 10px;
  padding: 5px 10px;
  color: #FFFFFF;
  background: #2e3092;
  border: none;
  cursor: pointer;
}

#waveform1 {
  opacity: 0.7;
}

/* use tranform on canvas */

#waveform2 {
  opacity: 0.7;
  transform: translateY(-128px);
}

.lena-container .waveform1 .btn {
  background-color: #66B3C9;
}

.waveform1 label {
  color: #66B3C9;
}

.lena-container .webaudio-unsupported {
  display: none;
  text-align: center;
}

/*Simons Collaboration*/

#viz,
#viz2 {
  height: 100%;
  width: 100%;
}

#viz2 body {
  background: #ffffff;
  padding: 0;
}

#vizcontainer {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYV2NkYGBgeP3i9X9RCVFGEBsbAEvQURHIKlxugYnT203EBAEA+vMjxxY4eUcAAAAASUVORK5CYII=) repeat;
}

.ui-widget {
  margin-bottom: 10px;
}

.ui-widget #search {
  margin-left: 10px;
}

.ui-widget #searchbutton {
  height: 24px;
  font-size: 12px;
  padding: 2px 10px;
  margin: 0 0px 0 9px;
  vertical-align: top;
}

.ui-autocomplete {
  background: grey;
  border-radius: 1px;
  font-family: Arial;
  color: white;
  width: 200px;
}

.ui-menu .ui-menu-item a {
  background: red;
  height: 10px;
  font-size: 8px;
}