@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: 'Roboto Medium';
  src: url('fonts/Roboto-Medium.eot');
  src: url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto-Medium.svg') format('svg');
}

#page #header,
#page hr,
a.g-header__search,
.g-newsletter,
.g-footer {
  display: none;
}

#a17 {
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.g-header {
  display: none;
}

html {
  /* 100% prevents font auto-resize */
  /*-webkit-text-size-adjust: auto;*/
  /*-ms-text-size-adjust: auto;*/
  /*font-size: 17px;*/
}

html,
body {
  padding: 0;
}

body {
  /*font-size: 100%;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /*reset for mobile browsers */
  font-weight: normal;
  margin: 0;
}

h2 {
  line-height: 40.5px;
}

p {
  font-size: 14.62px;
}

a:focus {
  outline: none;
}

#a17 {
  font-family: 'Lora', serif;
  padding: 0;
  margin: 0;
  min-width: 970px;
}

h1,
h2,
h4 {
  font-family: 'Roboto Light';
}

.air-section,
.life-sciences-section,
.data-analysis-section,
.math-section,
.education-section {
  padding-bottom: 35px;
}

section h3 {
  font-family: 'Roboto Reg';
  text-align: center;
  font-size: 14px;
  border: 3px solid rgb(3, 187, 255);
  padding: 10px 5px;
  margin: 40px auto 50px auto;
}

section a {
  font-family: 'Roboto Reg';
}

section p {
  font-family: 'Lora', serif;
}

.body:not(.Stories) #menu-drop {
  border-bottom: 2px solid #000000;
}

.body:not(.Stories) .hamburger {
  bottom: 6px;
}

.wrapper.nav-container-bottom {}

.wrapper {
  width: 1220px;
  margin: 0 auto;
}

/* ***** NAV ***** */

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

.nav-container-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #000000;
  position: relative;
  z-index: 100;
}

.nav-container-top p {
  font-family: 'Roboto Reg';
  font-size: 12pt;
  color: #ffffff;
  padding-bottom: 33px;
}

.stuck .nav-container-top {
  opacity: 0;
  margin-bottom: -30px;
  z-index: -1;
}

.collapsed .nav-container-bottom {
  position: fixed;
  top: 57px;
}

.collapsed .sub-menu {
  margin-top: 40px;
}

/* condensed nav */

.collapsed .main-menu {
  padding-bottom: 15px;
}

.collapsed .story-sub-menu ul.sub-menu {
  margin-top: 0;
}

.collapsed #menu-drop {
  position: absolute;
  top: -177px;
  background: white;
  width: 1017px;
  left: 50%;
  margin-left: -508.5px;
  /*-webkit-transition: top 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);*/
  /*transition: top 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000);*/
}

.collapsed-main #menu-drop {
  top: -177px;
  position: absolute;
  background: white;
  /* account for page margins */
  width: 1017px;
}

#menu-drop {
  position: absolute;
  width: 100%;
  top: 0;
  background-color: white;
  transition: top 0.3s;
}

.page-template-page-annual-report-2017-people .sticky #menu-drop,
.page-template-page-annual-report-2017-financials .sticky #menu-drop,
.page-template-page-annual-report-2017-letter .sticky #menu-drop {
  top: -102px;
}

.page-template-page-annual-report-2017-people .nav-container-bottom,
.page-template-page-annual-report-2017-financials .nav-container-bottom,
.page-template-page-annual-report-2017-letter .nav-container-bottom {
  height: 102px;
}

.nav-container-bottom {
  overflow: hidden;
  height: 267px;
}

.stuck .nav-container-bottom {
  height: 34px;
  top: 79px;
  position: fixed;
  left: 50%;
  width: 1010px;
  margin-left: -505px;
  z-index: 10;
  transform: translateZ(0);
}

.nav-container-bottom.open {}

.nav-container-bottom.opened {
  height: 267px;
  /* height of children */
}

.nav-container-bottom.opened #menu-drop {
  padding-bottom: 8px;
}

.sticky #menu-drop {
  top: -223px;
}

.nav-container-bottom.open #menu-drop,
.page-template-page-annual-report-2017-story .nav-container-bottom.open #menu-drop,
.page-template-page-annual-report-letter .nav-container-bottom.open #menu-drop {
  top: 0;
}

.admin-bar .sticky .nav-container-bottom {
  top: 92px;
}

#top.sticky .sub-menu hr {
  display: none;
}

#top.sticky .open .sub-menu hr {
  display: block;
}

.nav-logo-big {
  display: block;
  margin: 0 auto;
  padding-top: 39px;
  padding-bottom: 10px;
  width: 245px;
}

h1.nav-header {
  font-family: 'Roboto Light';
  text-align: center;
  font-size: 30pt;
  padding: 0 0 10px 0;
  margin: 0;
  color: #ffffff;
  line-height: 1;
}

.edition {
  text-align: center;
  font-family: 'Roboto Reg';
  margin: 5px auto 0 auto;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  display: block;
  width: 84px;
  height: 11px;
}

.nav-container-bottom {
  position: absolute;
  left: 50%;
  width: 1017px;
  margin-left: -508.5px;
  z-index: 1;
}

.nav-container-bottom ul {
  text-align: center;
  padding-left: 0;
  list-style-type: none;
  padding: 30px 0 51.5px;
  margin: 0;
}

.nav-container-bottom li {
  padding: 0 30px;
  font-family: 'Roboto Light';
  font-size: 28px;
  display: inline;
}

/*required to fix 1px gap in FF*/

#menu-drop>ul>li {
  line-height: 37px;
  display: inline-block;
}

/*.drop-nav {
	display: none;
}*/

.nav-logo-small {
  margin-top: 9px;
  margin-bottom: 10px;
  width: 140px;
  display: block;
}

h2.drop-nav-header {
  font-family: 'Roboto Reg';
  font-size: 16pt;
  line-height: 1;
  text-align: center;
  margin-bottom: 4px;
  color: #ffffff;
}

.drop-nav-header-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 79px;
  background-color: #000000;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.1s;
}

.drop-nav-header-container p {
  font-family: 'Roboto Reg';
  font-size: 9pt;
  letter-spacing: 0;
  color: #ffffff;
}

.admin-bar #top.sticky .drop-nav-header-container {
  top: 32px;
}

#top.sticky .drop-nav-header-container {
  top: 0;
  position: fixed;
  opacity: 1;
  z-index: 11;
  transform: translateZ(0);
}

.drop-nav-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 0px;
  background-color: white;
  z-index: 9;
}

.drop-nav-menu ul {
  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 li {
  padding: 0 30px;
  font-family: 'Roboto Light';
  font-size: 28px;
  display: inline;
}

.site-content header li a {
  font-family: 'Roboto Medium';
  font-size: 21pt;
  color: #939598;
  text-decoration: none;
}

.site-content header a.selected {
  color: #000000;
}

a.selected {
  border-bottom: 3px solid #000000;
}

ul.main-menu li a {
  padding-bottom: 20px;
}

.main-menu a:hover {
  text-decoration: none;
  border-bottom: 3px solid #03bbff;
}

ul.main-menu li a {
  text-transform: uppercase;
}

.hamburger-container {
  text-align: center;
  height: 34px;
}

.hamburger {
  display: none;
  cursor: pointer;
  background: #FFFFFF;
}

.hamburger img {
  margin-top: 10px;
}

.hamburger {
  position: relative;
  z-index: 11;
}

#top.sticky .hamburger {
  display: inline-block;
}

.hamburger img {
  width: 25px;
}

.section-header {
  text-align: center;
  margin-bottom: 30px;
}

article {
  position: relative;
  z-index: 1;
}

.story-half {
  width: 50%;
  height: 310px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.story-half img {
  opacity: 0;
  position: absolute;
  transition: all 0.6s ease-in;
  top: 0;
  width: 100%;
  height: 100%;
}

.story-half article {
  position: absolute;
  width: 100%;
  height: inherit;
  padding: 0 0 0 30px;
  top: 0;
  left: 0;
}

.story-half h4.geo-collab {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 92px;
  margin-bottom: 0;
  margin-top: 38px;
  align-self: flex-start;
  justify-content: left;
  white-space: pre-wrap;
  text-align: left;
}

.story-half h4.geo-collab span {
  position: relative;
}

.story-half p {
  font-size: 14pt;
  line-height: 21pt;
  white-space: normal;
  text-align: left;
}

.story-half p.read-now {
  margin: 0;
  position: absolute;
  bottom: 0;
  font-family: 'Roboto Reg';
  text-align: left;
}

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

.story-half:hover img {
  transition: all 1.5s;
  opacity: 1;
}

/* h4.geo-collab in stories SCSS file frontend*/

.story-half:hover p {
  opacity: 0;
}

.story-half:hover p.read-now {
  transition: all 0.4s ease-in;
  bottom: 66px;
  opacity: 1;
}

.story-half:hover h4.geo-collab {
  padding: 0;
  color: #ffffff;
  z-index: 3;
}

.story-half:hover p.read-now a {
  color: #ffffff;
}

.story-half a {
  position: relative;
  transition: all 0.2s ease-in;
}

.story-half a.story-link,
div.story-whole 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;
}

.story-half,
.story-whole {
  overflow: hidden;
  line-height: 24px;
}

.story-whole {
  padding-top: 40px;
  text-align: center;
  clear: both;
  position: relative;
  min-height: 226px;
}

.story-whole img {
  opacity: 0;
  position: absolute;
  transition: all 0.2s ease-in;
  top: 0;
  left: 0;
  width: 100%;
}

.story-whole a {
  position: relative;
  transition: all 0.2s ease-in;
}

.story-half p.article-text {
  margin-top: 10px;
  margin-bottom: 21px;
}

.story-whole:hover img {
  transition: all 1s;
  opacity: 1;
}

.story-whole:hover h4 {
  position: relative;
  padding-top: 20px;
  color: #ffffff;
  z-index: 3;
  transition: padding-top 0.5s ease-in;
}

.story-whole:hover p.article-text {
  opacity: 0;
}

.story-whole:hover p.read-now {
  transition: all 0.5s ease-in;
}

.story-whole:hover p.read-now a {
  color: #ffffff;
}

.row {
  clear: both;
  font-size: 0;
}

.col-sm-6 {
  display: inline-block;
}

.site-content section h4 {
  margin: 0 auto 47px auto;
  font-family: 'Roboto Reg';
  font-size: 21pt;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: uppercase;
}

/* ******** Autism Research Initiative Section ********* */

h3.ari-section-header {
  width: 180px;
}

.story-half a,
.story-whole a {
  text-decoration: none;
}

.story-half p.research {
  width: 100%;
  max-width: 380px;
}

.story-whole h4 {
  margin-bottom: 25px;
}

h4.brain-net {
  font-size: 28px;
}

.story-whole p {
  width: 100%;
  max-width: 690px;
  margin: 0 auto 30px auto;
  font-size: 17px;
}

/* ***** Life Sciences Section ***** */

h4.scientific-trans {
  width: 300px;
}

h4.global-brain {
  width: 300px;
}

h4.ocean-processes {
  margin-top: 20px
}

h3.life-sciences-header {
  width: 97px;
}

.story-half p.neuroscience {
  max-width: 329px;
}

.story-half p.institute {
  max-width: 425px;
}

.story-half p.many-elec {
  max-width: 425px;
}

.story-half p.sci-trans {
  max-width: 291px;
}

/* ****** Simons Center for Data Analysis Section ****** */

h3.data-analysis-section-header {
  width: 220px;
}

h4.data-analysis-header {
  width: 250px;
}

.story-half p.troyanskaya {
  max-width: 375px;
}

.story-half p.bio-algo {
  max-width: 375px;
}

.story-half p.neuro-collab {
  max-width: 375px;
}

/* ***** Mathematics & Physical Sciences Secition ***** */

h3.math-section-header {
  width: 225px;
}

h4.geo-collab,
h3.many-collab {
  width: 100%;
}

h4.math-model {
  margin-top: 20px;
  width: 100%;
  max-width: 620px;
}

img.collab-icon-geo {
  position: absolute;
  top: 29px;
  left: 91%;
}

img.collab-icon-many {
  position: absolute;
  top: 29px;
  left: 88.5%;
}

header.financials-header {
  padding: 20px 0;
  color: #F47A47;
}

.financials-sub-header {
  width: 100%;
  max-width: 1220px;
  margin: 20px auto;
  color: #2DADE4;
}

/* ***** Education & Outreach Section ***** */

h3.education-section-header {
  width: 155px;
}

h4.math-sciences {
  width: 100%;
  max-width: 315px;
}

h4.quanta {
  width: 100%;
  max-width: 230px;
}

.back-to-top {
  /*increased width for FF & IE*/
  display: block;
  font-family: 'Roboto Reg';
  text-decoration: none;
  width: 107px;
  letter-spacing: 1px;
  margin: 70px auto 110px auto;
  text-align: center;
  font-size: 17px;
  color: #000;
  clear: both;
  border-bottom: 3px solid #000000;
}

.back-to-top:hover {
  text-decoration: none;
  border-bottom-color: #03bbff;
}

.site-content .footer {
  clear: both;
  padding-top: 20px;
  margin: 10px auto 100px auto;
  text-align: center;
  font-size: 14px;
  font-family: 'Roboto Reg';
}

.site-content .footer a {
  color: #03bbff;
  text-decoration: none;
  border-bottom: none;
}

.bottom-nav .footer a {
  color: #03bbff;
  text-decoration: none;
  border-bottom: none;
}

.site-content figure {
  margin: 0;
  padding: 0;
}

.list-unstyled {
  margin: 0;
  padding: 0;
}

.list-unstyled li {
  list-style: none;
  margin-bottom: 2px;
}

.caption .list-unstyled li {
  font-family: 'Roboto Reg';
}

.legend-color {
  display: inline-block;
  width: 28px;
  height: 14px;
  margin-right: 2px;
}

.sub-menu hr {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -45px;
  height: 3px;
  border: none;
  margin: 0;
}

/*match height of .nav-container-bottom which switches to fixed position on collapse
and will shift the body*/

.main-nav.collapsed {
  /*margin-bottom: 232px;*/
}

.collapsed .sub-menu hr {
  display: none;
}

.collapsed #menu-drop.open hr {
  display: block;
}

.collapsed #menu-drop.open li:not(.selected) hr {
  display: none;
}

.selected hr {
  display: block;
  z-index: 1;
}

.sub-menu li:hover hr {
  display: block;
}

/* Colors */

.flatiron-institute .article-header,
.flatiron-institute .section-header {
  color: #2AACDF;
}

.Stories section.flatiron-institute {
  border-top: 3px solid #2AACDF;
}

.flatiron-institute .sub-menu .selected {
  background-color: #2AACDF;
}

/*.flatiron-institute .sub-menu li:hover {*/

/*background-color: #2AACDF;*/

/*}*/

.flatiron-institute-color {
  color: #2AACDF;
}

.flatiron-institute-background-color {
  background-color: #2AACDF;
}

.flatiron-institute .bottom-nav {
  border-top-color: #2AACDF;
}

.flatiron-institute .read-more-header {
  color: #2AACDF;
}

.sub-menu li.flatiron-institute-background-color:hover {
  background-color: #2AACDF;
}

.flatiron-institute article a,
.flatiron-institute .bottom-nav a {
  color: #2AACDF;
}

.flatiron-institute hr {
  background-color: #2AACDF;
}

.flatiron-institute .article-img-container {
  color: #2AACDF;
}

.flatiron-institute .caption {
  color: #2AACDF;
}

.flatiron-institute .article-body-container h5,
.flatiron-institute .article-body-container h4 {
  color: #2AACDF;
}

.funding-and-collaborations .article-header,
.funding-and-collaborations .section-header {
  color: #e53b47;
}

.Stories section.funding-and-collaborations {
  border-top: 3px solid #e53b47;
}

.funding-and-collaborations .sub-menu .selected {
  background-color: #e53b47;
}

/*.funding-and-collaborations .sub-menu li:hover {*/

/*background-color: #e53b47;*/

/*}*/

.funding-and-collaborations-color {
  color: #e53b47;
}

.funding-and-collaborations-background-color {
  background-color: #e53b47;
}

.funding-and-collaborations .bottom-nav {
  border-top-color: #e53b47;
}

.funding-and-collaborations .read-more-header {
  color: #e53b47;
}

.sub-menu li.funding-and-collaborations-background-color:hover {
  background-color: #e53b47;
}

.funding-and-collaborations article a,
.funding-and-collaborations .bottom-nav a {
  color: #e53b47;
}

.funding-and-collaborations hr {
  background-color: #e53b47;
}

.funding-and-collaborations .article-img-container {
  color: #e53b47;
}

.funding-and-collaborations .caption {
  color: #e53b47;
}

.funding-and-collaborations .article-body-container h5,
.funding-and-collaborations .article-body-container h4 {
  color: #e53b47;
}

.mathematics-and-physical-sciences .article-header,
.mathematics-and-physical-sciences .section-header,
.mathematics-and-physical-sciences h4.geo-collab {
  color: #52b293;
}

.flatiron-institute h4.geo-collab {
  color: #2AACDF;
}

.Stories section.mathematics-and-physical-sciences {
  border-top: 3px solid #52b293;
}

.mathematics-and-physical-sciences .sub-menu .selected {
  background-color: #52b293;
}

/*.mathematics-and-physical-sciences .sub-menu li:hover {*/

/*background-color: #52b293;*/

/*}*/

.mathematics-and-physical-sciences-color {
  background-color: #52b293;
}

.mathematics-and-physical-sciences-background-color {
  background-color: #52b293;
}

.mathematics-and-physical-sciences .bottom-nav {
  border-top-color: #52b293;
}

.mathematics-and-physical-sciences .read-more-header {
  color: #52b293;
}

.sub-menu li.mathematics-and-physical-sciences-background-color:hover {
  background-color: #52b293;
}

.mathematics-and-physical-sciences article a,
.mathematics-and-physical-sciences .bottom-nav a {
  color: #52b293;
}

.mathematics-and-physical-sciences hr {
  background-color: #52b293;
}

.mathematics-and-physical-sciences .caption {
  color: #52b293;
}

.mathematics-and-physical-sciences .article-body-container h5,
.mathematics-and-physical-sciences .article-body-container h4 {
  color: #52b293;
}

.simons-collaboration-on-the-global-brain .article-header,
.simons-collaboration-on-the-global-brain .section-header {
  color: #97334E;
}

.simons-collaboration-on-the-global-brain h4.geo-collab {
  color: #97334E;
}

.Stories section.simons-collaboration-on-the-global-brain {
  border-top: 3px solid #97334E;
}

.Stories section:first-of-type {
  border-top: none;
}

/*.simons-collaboration-on-the-global-brain .sub-menu li:hover {*/

/*background-color: #97334E;*/

/*}*/

.simons-collaboration-on-the-global-brain .sub-menu .selected {
  background-color: #97334E;
}

.simons-collaboration-on-the-global-brain-color {
  color: #97334E;
}

.simons-collaboration-on-the-global-brain-background-color {
  background-color: #97334E;
}

.simons-collaboration-on-the-global-brain .bottom-nav {
  border-top-color: #97334E;
}

.simons-collaboration-on-the-global-brain .read-more-header {
  color: #97334E;
}

.sub-menu li.simons-collaboration-on-the-global-brain-background-color:hover {
  background-color: #97334E;
}

.simons-collaboration-on-the-global-brain article a,
.simons-collaboration-on-the-global-brain .bottom-nav a {
  color: #97334E;
}

.simons-collaboration-on-the-global-brain hr {
  background-color: #97334E;
}

.simons-collaboration-on-the-global-brain .caption {
  color: #97334E;
}

.simons-collaboration-on-the-global-brain .article-body-container h5,
.simons-collaboration-on-the-global-brain .article-body-container h4 {
  color: #97334E;
}

.simons-foundation-autism-research-initiative .article-header,
.simons-foundation-autism-research-initiative .section-header {
  color: #3666b1;
}

.simons-foundation-autism-research-initiative h4.geo-collab {
  color: #3666b1;
}

.simons-foundation-autism-research-initiative-color {
  color: #3666b1;
}

.simons-foundation-autism-research-initiative-background-color {
  background-color: #3666b1;
}

.sub-menu li.simons-foundation-autism-research-initiative-background-color:hover {
  background-color: #3666b1;
}

.simons-foundation-autism-research-initiative article a,
.simons-foundation-autism-research-initiative .bottom-nav a {
  color: #3666b1;
}

.simons-foundation-autism-research-initiative hr {
  background-color: #3666b1;
}

.simons-foundation-autism-research-initiative .bottom-nav {
  border-top-color: #3666b1;
}

.simons-foundation-autism-research-initiative .read-more-header {
  color: #3666b1;
}

.simons-foundation-autism-research-initiative .caption {
  color: #3666b1;
}

.Stories section.simons-foundation-autism-research-initiative {
  border-top: 3px solid #3666b1;
}

.simons-foundation-autism-research-initiative .article-body-container h5,
.simons-foundation-autism-research-initiative .article-body-container h4 {
  color: #3666b1;
}

.simons-foundation-autism-research-initiative .article-header,
.simons-foundation-autism-research-initiative .section-header {
  color: #3666b1;
}

.life-sciences .article-header,
.life-sciences .section-header {
  color: #f9a238;
}

.outreach-and-education .article-header,
.outreach-and-education .section-header {
  color: #f26e69;
}

.scientific-leadership .article-header,
.scientific-leadership .section-header {
  color: #707EB9;
}

.life-sciences h4.geo-collab {
  color: #f9a238;
}

.Stories section.life-sciences {
  border-top: 3px solid #f9a238;
}

.life-sciences-color {
  color: #f9a238;
}

.life-sciences-background-color {
  background-color: #f9a238;
}

.sub-menu li.life-sciences-background-color:hover {
  background-color: #f9a238;
}

.life-sciences article a,
.life-sciences .bottom-nav a {
  color: #f9a238;
}

.life-sciences hr {
  background-color: #f9a238;
}

.life-sciences .bottom-nav {
  border-top-color: #f9a238;
}

.life-sciences .read-more-header {
  color: #f9a238;
}

.life-sciences .caption {
  color: #f9a238;
}

.life-sciences .article-body-container h5,
.life-sciences .article-body-container h4 {
  color: #f9a238;
}

.outreach-and-education .article-header,
.outreach-and-education .section-header {
  color: #f26e69;
}

.outreach-and-education h4.geo-collab {
  color: #f26e69;
}

.scientific-leadership h4.geo-collab {
  color: #707EB9;
}

.Stories section.outreach-and-education {
  border-top: 3px solid #f26e69;
}

.Stories section.scientific-leadership {
  border-top: 3px solid #707EB9;
}

.outreach-and-education-color {
  color: #f26e69;
}

.outreach-and-education article a,
.outreach-and-education .bottom-nav a {
  color: #f26e69;
}

.scientific-leadership article a,
.scientific-leadership .bottom-nav a {
  color: #707EB9;
}

.scientific-leadership-background-color {
  background-color: #707EB9;
}

.sub-menu li.scientific-leadership-background-color:hover {
  background-color: #707EB9;
}

.sub-menu.hover li.scientific-leadership-background-color:hover h3,
.sub-menu.hover li.scientific-leadership-background-color:hover p {
  color: #FFFFFF;
  background-color: #707EB9;
}

.outreach-and-education-background-color {
  background-color: #f26e69;
}

.sub-menu li.outreach-and-education-background-color:hover {
  background-color: #f26e69;
}

.outreach-and-education hr {
  background-color: #f26e69;
}

.outreach-and-education .bottom-nav {
  border-top-color: #f26e69;
}

.outreach-and-education .read-more-header {
  color: #f26e69;
}

.outreach-and-education .caption {
  color: #f26e69;
}

.outreach-and-education .article-body-container h5,
.outreach-and-education .article-body-container h4 {
  color: #f26e69;
}

.article-body-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.article-body-container strong {
  font-weight: bold;
}

.article-body-container img {
  margin-left: auto;
  margin-right: auto;
}

.article-body-container figure {
  display: flex;
  align-self: center;
  width: 1010px;
}

.article-body-container figure img.article-image {
  width: 100%;
  height: 100%;
}

.article-body-container figure img {
  width: 100%;
  height: 100%;
}

.article-body-container video {
  display: block;
  margin: 0 auto;
  max-width: 800px;
}

.sub-menu.hover li:hover a h3,
.sub-menu.hover li:hover a p {
  color: #ffffff;
}

.sub-menu.hover h3,
.sub-menu.hover p {
  color: #A9A9A9;
}

.sub-menu.hover li.flatiron-institute-background-color:hover h3,
.sub-menu.hover li.flatiron-institute-background-color:hover p {
  color: #FFFFFF;
  background-color: #2AACDF;
}

.sub-menu.hover li.funding-and-collaborations-background-color:hover h3,
.sub-menu.hover li.funding-and-collaborations-background-color:hover p {
  color: #FFFFFF;
  background-color: #e53b47;
}

.sub-menu.hover li.mathematics-and-physical-sciences-background-color:hover h3,
.sub-menu.hover li.mathematics-and-physical-sciences-background-color:hover p {
  color: #FFFFFF;
  background-color: #52b293;
}

.sub-menu.hover li.life-sciences-background-color:hover h3,
.sub-menu.hover li.life-sciences-background-color:hover p {
  color: #FFFFFF;
  background-color: #f9a238;
}

.sub-menu.hover li.simons-collaboration-on-the-global-brain-background-color:hover h3,
.sub-menu.hover li.simons-collaboration-on-the-global-brain-background-color:hover p {
  color: #FFFFFF;
  background-color: #97334E;
}

.sub-menu.hover li.simons-foundation-autism-research-initiative-background-color:hover h3,
.sub-menu.hover li.simons-foundation-autism-research-initiative-background-color:hover p {
  color: #FFFFFF;
  background-color: #3666b1;
}

.sub-menu.hover li.outreach-and-education-background-color:hover h3,
.sub-menu.hover li.outreach-and-education-background-color:hover p {
  color: #FFFFFF;
  background-color: #f26e69;
}

.open .cross {
  transform: rotate(-45deg);
}

.cross {
  display: inline-block;
  font-family: 'Lora', sans-serif;
  transition: all 1s;
}

[data-toggle="collapse"] {
  color: #000000;
}

.collapse {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 1.5s;
  -moz-transition: max-height 1.5s;
  -ms-transition: max-height 1.5s;
  -o-transition: max-height 1.5s;
  transition: max-height 1.5s;
  transition-timing-function: ease-out;
}

.collapse.in {
  /*needs to be a number*/
  max-height: 12000px;
  margin-bottom: 20px;
}

header.split-title {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

header.split-title span,
.financials-sub-header span {
  animation: span-ease 1.5s;
  position: relative;
  font-family: 'Roboto Medium';
  font-size: 48pt;
  line-height: 58pt;
  text-transform: uppercase;
  letter-spacing: 1pt;
  left: var(--offset-value);
  opacity: 1;
}

.financials-sub-header span {
  font-size: 38pt;
  line-height: 45pt;
}

@-webkit-keyframes span-ease {
  0% {
    left: 0;
    opacity: 0;
  }
  30% {
    opacity: .8
  }
}

@-moz-keyframes span-ease {
  0% {
    left: 0;
    opacity: 0;
  }
  30% {
    opacity: .8
  }
}

@-o-keyframes span-ease {
  0% {
    left: 0;
    opacity: 0;
  }
  30% {
    opacity: .8
  }
}

@keyframes span-ease {
  0% {
    left: 0;
    opacity: 0;
  }
  30% {
    opacity: .8
  }
}

@-webkit-keyframes span-animation {
  0% {
    left: 0;
  }
  40% {
    left: 0;
  }
  100% {
    left: var(--offset-value);
  }
}

@-moz-keyframes span-animation {
  0% {
    left: 0;
  }
  40% {
    left: 0;
  }
  100% {
    left: var(--offset-value);
  }
}

@-o-keyframes span-animation {
  0% {
    left: 0;
  }
  40% {
    left: 0;
  }
  100% {
    left: var(--offset-value);
  }
}

@keyframes span-animation {
  0% {
    left: 0;
  }
  40% {
    left: 0;
  }
  100% {
    left: var(--offset-value);
  }
}

@-webkit-keyframes h4-animation {
  0% {
    margin-top: 0;
  }
  40% {
    margin-top: 90px;
  }
  100% {
    margin-top: 90px;
  }
}

@-moz-keyframes h4-animation {
  0% {
    margin-top: 0;
  }
  40% {
    margin-top: 90px;
  }
  100% {
    margin-top: 90px;
  }
}

@-o-keyframes h4-animation {
  0% {
    margin-top: 0;
  }
  40% {
    margin-top: 90px;
  }
  100% {
    margin-top: 90px;
  }
}

@keyframes h4-animation {
  0% {
    margin-top: 0;
  }
  40% {
    margin-top: 90px;
  }
  100% {
    margin-top: 90px;
  }
}

@-webkit-keyframes h3-animation {
  0% {
    margin-top: 0;
  }
  40% {
    margin-top: 25px;
  }
  100% {
    margin-top: 25px;
  }
}

@-moz-keyframes h3-animation {
  0% {
    margin-top: 0;
  }
  40% {
    margin-top: 25px;
  }
  100% {
    margin-top: 25px;
  }
}

@-o-keyframes h3-animation {
  0% {
    margin-top: 0;
  }
  40% {
    margin-top: 25px;
  }
  100% {
    margin-top: 25px;
  }
}

@keyframes h3-animation {
  0% {
    margin-top: 0;
  }
  40% {
    margin-top: 25px;
  }
  100% {
    margin-top: 25px;
  }
}

.story-half:hover h3.static-title {
  color: #ffffff;
  padding-top: 0;
  animation: h3-animation 4s ease-out forwards;
}

.story-half:hover h4.geo-collab span {
  animation: span-animation 4s ease-out forwards;
}

.story-half:hover h4.geo-collab {
  animation: h4-animation 4s ease-out forwards;
}