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

/*** 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/bear_hero_compressed.png");
	background-size: cover;
	width: 100%;
	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.jpg");
	background-size: cover;
    width: 100%;
    height: 500px;
    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;
}

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


/**** 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;
    background-color: #FFFFFF;
    width: 25%;
    padding: 31px 0px;
    margin: 0 auto;
    min-width: 200px;
    border: 0.1 em solid #26267f;
    border-radius:0.12em;
    box-sizing: border-box;
    text-decoration:none;
    color: black;
    transition: all 0.2s; 
}


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