/*Bear Lab Drupal Site Build Custom CSS*/

/* To any future developers -- apologies for the copious use of overrides; at this time MIT's Drupal cloud prohibits access to the theme files.*/

/* !!! To revert the menu back to template default, remove the Header Customizations and the Menu Customizations, then place the navigation back in the not header area. !!! */ 


/**** General ******/

p, li, span {
	color: #1F1F1F;
	line-height: 1.6em;
	letter-spacing: 0.3px;
}

a {
	letter-spacing: 0.3px;
}

h1 {
	font-weight: normal;
}

h2 {
    /*
    color: #26267f !important;
    */
	font-weight: normal;
	text-transform: uppercase;
}

a {
	font-weight: normal;

}

/*
.article-type-page {
	position: relative;
	bottom: 100px;
}
*/

#columns {
	position: relative;
	bottom: 50px;
}

.clear-fix {
	clear: both;
}

.full-width {
	width: 100%;
}


.thirds {
	width: 33%;
	text-align: center;
	display: inline-block;
}

.thirds_element{
	width: 95%;
	margin: 0 auto;
}


.halves {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}

.halves_element {
	margin: 0 auto;
	padding: 0 15px;
}

.center {
	margin: 0 auto;
	height: 50px;
	width: 70%;
	background-color: yellow;
}

.section {
	margin: 60px 0px;
}

.section_title {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 25px;
}

#page-title {
	position: relative;
	bottom: 80px;
	font-weight: normal !important;
	text-transform: uppercase;
	color: #1C1C1C!important;
	font-size: 1.5em;
}

.content-inner {
	max-width: 1020px !important;
}

a:hover {
	text-decoration: none!important;
}

blockquote p {
	text-align: center;
    font-style: italic;
    color: #939393;
}

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/*** Header Customizations ****/
#site-name {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 2.3em;
}

#site-name a {
	color: #FFF;
}

#site-name a:hover {
	color: #FFF;
}

#mit-header-logo {
	padding-bottom: 0 !important;
}

.mit-logo a img {
	left: -224px;
}


header.add-gutter {
	margin-left: 0 !important;
	margin-right: 0px !important;
}

hgroup {
	margin-left: 1%;
}

/*homepage header*/
#block-block-4 {
    background-image: url("/sites/default/files/images/header/neuronsGFP-1_aurore_header.jpg");
	background-size: cover;
	width: 100%;
	height: 350px;
	z-index: -100000;
	bottom: 85px;
	/*margin-bottom: 40px;*/

}

/*people page header*/
#block-block-3 {
	/*background-color: #000;*/
	background-image: url("/sites/default/files/images/header/people_header_new.jpg");
	background-size: cover;
    width: 100%;
    height: 300px;
    z-index: -100000;
    bottom: 85px;
}
/*inner page header*/
#block-block-5 {
	background-image: url("/sites/default/files/images/header/neuronsGFP-1_aurore_header.jpg");
	background-size: cover;
    width: 100%;
    height: 500px;
    z-index: -100000;
    bottom: 85px;
}

/* The navigation bar */
.navbar {
  overflow: hidden;
  background-color: #333;
  position: fixed; /* Set the navbar to fixed position */
  top: 0; /* Position the navbar at the top of the page */
  width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/**** Menu Customizations ****/
ul.menu {
	/*width: 785px;*/
}

#block-menu-block-1 .block-title {
	display: none;
}

#block-menu-block-1 li.leaf {
	display: inline-block !important;
}

#block-menu-block-1 li.leaf a {
	color: #FFF;
	text-transform: uppercase;
	margin-right: 6px;
}

a.active-trail {
	color: #79CDE5 !important;
	font-weight: bold;
}

.region-header {
	padding-left: 0!important;
	padding-right: 0!important;
	width: 100%;
}


#block-menu-block-1 {
	float: right;
	bottom: 37px;
	right: 90px;
}

#block-system-main-menu {
	display: none;
}

#menu-bar {
	position: relative;
	bottom: 135px;
}

.responsive-menus.responsified span.toggler {
	background-color: #000 !important;
}

#menu-bar #block-system-main-menu .menu-wrapper {
	border-top: none !important;
	border-bottom: none !important;
}

.responsive-menus.responsified span.toggler {
	border-top: none !important;
	border-bottom: none !important;
}

.responsive-menus.responsified .responsive-menus-simple li a {
	background-color: #79CDE5;
	color: #FFF !important;
	border-bottom-color: #eee;
}

/*** Homepage ***/
.button_join {
	text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 2em;
    text-transform: uppercase;
    background-color: #79cdE5;
    width: 25%;
    padding: 31px 0px;
    margin: 0 auto;
    min-width: 255px;
}

.recent_pub_img {
	margin-bottom: 15px;
}

.people_img {
	margin-bottom: 15px;
} 

.journal_name {
	margin-bottom: 5px;
	font-weight: bold;
} 

.journal_title {
	margin-bottom: 5px;
	font-style: italic;
}

	/* hacky fix for eLife*/
#eLife_hack {
	margin: 69px 0;
}

.thirds_recent_pub {
	vertical-align: top;
}

/*three columns for homepage*/
*{box-sizing: border-box;
}
.column: {
    float: left;
    width: 33.33%
    padding: 10px
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

/*response layout*/
@media screen and (max-width : 600 px)
{
    .column {
        width: 100%;
}

}
/**** Publications Page ******/
.pub_cite {
	font-style: italic;
}

.pub_year {
	font-weight: bold;
}

.pub_link:hover {
	color: #79cdE5;
}

.thirds_pub_wrapper {
	width: 85%;
	margin: 0 auto;
}

.thirds_pub .thirds_element {
    width: 60%;
    padding: 10px;
    background-color: #ccc;
}

.thirds_pub .thirds_element h2 {
	margin-bottom: 0;
}

/**** People Page ******/
.people_name, .people_descript {
	margin-bottom: 5px;
}

.people_name{
	font-weight: bold;
}

.people_left {
	float: left;
	width: 37%;
}

.people_right {
	float: right;
	width: 58%;
}

.people_section {
	margin-bottom: 25px;
}

.people_header_name { 
	font-size: 1.75em;
	margin-bottom: 20px;
}

.people_img {
	margin-bottom: 15px;
} 

.people_title {
	font-size: 2em;
	line-height: 35px;
	text-align: center;
	margin-bottom: 35px;
}

.thirds_people {
	margin-bottom: 15px;
	vertical-align: top;
}

/**** In the News Page ****/
.news_left {
	float: left;
	max-width: 150px;
	width: 18%;
}

.news_right {
	float: right;
	width: 80%;
}

.news_title {
	margin-bottom: 0;
}

.news_subtitle {
	margin-bottom: 5px;
	font-style: italic;
}

/**** Support Us ****/
.halves_support {
	text-align: center;
	color: #1F1F1F;
}

.button_donate {
	text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 2em;
    text-transform: uppercase;
    background-color: #79cdE5;
    width: 5%;
    padding: 20px 0px;
    margin: 0 auto;
    min-width: 200px;
}

.halves_support a {
	color: #1f1f1f;
}


/**** Contact Us ****/
#block-webform-client-block-17 .block-title {
	display: none;
}

section#block-webform-client-block-17::before {
	content: "For general questions and inquiries, please fill out the following form.";
}

#block-webform-client-block-17 .form-textarea-wrapper {
	max-width: 493px;
}

/**** Section Separator ****/
.section_sep {
	width: 90%;
    border-top: 1px solid rgba(31,31,31,0.3);
    margin:0 auto;
}

/**** Theme Overrides ****/
#page {
	border-top-color: #000 !important;
	max-width: none !important;
}

#primary-menu-bar, #menu-bar #block-system-main-menu.block-menu .menu-wrapper {
	background-color: #000 !important;
}

@media only screen and (min-width: 1025px) {
	.two-sidebars .content-inner {
    	margin-left: auto !important;
    	margin-right: auto!important;
	}
}

/**** MOBILE STYLING ****/

@media all and (max-width: 1030px) {
	#block-menu-block-1 {
		display: none;
	}

	#block-system-main-menu {
		display: block;
	}

	article {
		position: relative;
		bottom: 100px;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
	.two-sidebars .content-inner {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
	#mit-header-logo {
		margin-top: 0;
	}

	.region-header {
		margin: 0;
	}
}

@media all and (max-width: 686px) {
	.thirds {
		width: 49%; /*switch thirds to halves*/
	}

	#eLife_hack {
		margin-bottom: 30px;
	}

	#recent_pub_last {
		width: 100%;
	}

	#recent_pub_last .thirds {
		width: 60%;
	}

	.thirds_pub {
		display: block;
		margin: 0 auto;
		min-width: 175px;
	}
}

@media all and (max-width: 480px) {
	#block-block-5, #block-block-3 {
		height: 300px;
	}
	
}
.slider {
  width: 300px;
  height: 300px;
  display: flex;
  overflow-x: auto;
}
.slide {
  width: 300px;
  flex-shrink: 0;
  height: 100%;
}