/*
Theme Name: Mullainathan
Author: Jessica Overbey
Description: Custom Theme for the Sendhil Mullainathan
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mullainathan
*/


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

body {
	font-family: 'Helvetica Neue', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:1.75px;
	font-size: 12px;
	color:#757575;
}

/* Fixed Navigation */

.logo:hover {
  text-decoration:none;
}

.logo h1 {
  color:#757575;
  margin-left:15px;
  margin-top:0;
  margin-bottom:20px;
  font-size:24px;
  font-weight:300;
  line-height:1.3;
  max-width:70%;
}

.navbar-brand h1 {
  font-size:16px;
  margin-top:0;
  position:absolute;
  width:70%;
  line-height:1.3;
}


.current-menu-item > a {
  color:#757575 !important;
}

.nav-stacked .menu-item-18 {
  margin-top:20px !important;
}

#affix-nav {
  position:fixed;
  top: 30px;
	height:100% !important;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
  width: 25%;
}

#affix-nav p {
  width:225px; 
  margin-left:15px; 
  font-size:11px; 
  text-transform:none; 
  color:#bbb; 
  padding-bottom:5px; 
  padding-top:5px; 
  text-align:justify;
  letter-spacing:2.5px;
}

.nav > li > a,
.copyright a {
  color: #aeaeae;
  padding-top:5px;
  padding-bottom:8px;
}

.nav > li > a:hover,
.nav > li > a:focus,
.copyright a:hover,
.copyright a:focus {
  background-color: #fff;
  color:#ffba9d;
  text-decoration:none;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: none;
  border: none;
}

.nav-stacked > li + li {
  margin-top: 0;
}

.navbar-default {
  background-image:none;
  box-shadow:none;
  background: #fff;
}

.footer {
  position:absolute;
  bottom:60px !important;
  color:#bbb;
  text-transform:none;
  letter-spacing:1px;
  padding-left: 15px;

}

.social {
  margin-bottom:30px;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  padding-top:18px;
  padding-bottom:5px;
}

.social-item {
  margin-bottom:10px;
}

.social-img {
  width:11%;
  padding-left:0;
  padding-right:20px;
}

.social-img img {
  opacity:.55;
}

.social-link {
  padding-left:0;
  margin-top:-2px;
  font-size:12px;
}

.social-link a {
  color:#aeaeae;
  letter-spacing:.5px;
}

.social-item:hover a {
  color:#999;
}

.social-item:hover img {
  opacity:.65;
}

.social-link a:hover {
  text-decoration:none;
}

.copyright {
  font-size:10.5px;
  text-transform: none;
}

@media (max-width: 1199px) {

  .social-img {
    width:35px;
  }

  .social-link {
    margin-top:-5px;
  }

 } 

@media (max-width: 991px) {

  #affix-nav p {
    width:190px;
  }

  #affix-nav a {
    font-size:10px;
  }

  .nav img {
    width:190px;
  }

  .social-img {
    width:16% !important;
  }

}

@media (max-width: 767px) {

 .social {
  text-align:center;
  padding-bottom:12px;
  padding-top:12px;
  margin-top:20px;
  margin-bottom:20px;
 }

 .social img {
  width:20px;
 }

 .copyright {
  text-align:center;
  font-size:10.5px;
  text-transform:none;
 }

}


/* Mobile Navigation */


.navbar-header {
  max-height: 400px;
  padding-bottom:15px;
  padding-top:5px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0px solid transparent;
  box-shadow: none;
}

.navbar-default {
  border-color:#e2e2e2;
}


.navbar-collapse {
  padding-left:15px;
}

.navbar-static-top img {
  height:40px;
  opacity:.9;

}

.navbar-brand img {
  width:200px;
  height:auto;
}

.navbar-toggle {
  margin-top:13px;
}


/* Boxes */


.boxes {
  padding-top:33px !important;
}

.boxes a:active {
  color:#ffba9d;
}

.box {
  opacity:.45;
  width:100%;
  height:175px;
  margin-bottom:18px;
  overflow:hidden;
  position: relative;
  background-size:100% 100% !important;
  transition:all .3s linear; 
  -o-transition:all .3s linear; 
  -moz-transition:all .3s linear; 
  -webkit-transition:all .3s linear;
}

.box p { 
   position: absolute; 
   top: 43%; 
   text-align:center;
   width: 100%; 
   letter-spacing:2.5px;
   color:#000;
   transition:all .3s linear; 
  -o-transition:all .3s linear; 
  -moz-transition:all .3s linear; 
  -webkit-transition:all .3s linear;
}

.box:hover {
  opacity:.9;
}

.box:hover p {
  color:#555 !important;
}


.box-4 {
  opacity:.75;
}

.box-4 p {
  opacity:.55
}

.box-4:hover {
  opacity:1;
}

.box-4:hover p {
  opacity:.85 !important;
}

@media (min-width: 991px) {

  .boxes .col-md-6 {
  	margin-left:-12px;
  }

}

@media (max-width: 991px) {

  .box {
  	height:100px;
  	overflow:hidden;
  	margin-bottom:15px;
  }

  .boxes img {
    width:100%;
  }

}

@media (max-width: 767px) {
  .boxes {
    padding:0 !important;

  }
}


/* About Page */

.content .heading {
  font-size:14px;
  letter-spacing:3.5px;
  margin-top: 33px;
  margin-bottom:25px;
  text-transform:uppercase;
}

.content p {
  margin-bottom: 20px;
  letter-spacing:1px;
  font-size:13px;
  text-transform:none;
}

.content a {
  color:#aeaeae;
}

.content a:hover {
  color:#ffba9d;
  text-decoration:none;
}

/* Research Scroll Page */


.scroll-section img{
  width:100%; 
  padding:0; 
  margin-bottom:30px;
  
}

.scroll-section p {
  text-transform:none; 
}

.scroll-section h3 {
  text-transform:none; 
  display:inline; 
  font-size:20px;
}

.scroll-section {
  padding-top:25px;
}

.entry {
  margin-bottom: 50px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.research-project p,
.research-project:hover {
 color:#757575;
}

.research-project:hover strong {
 color:#ffba9d;
}


/* Project Page */

.breadcrumbs p {
  text-transform:lowercase; 
  font-size:12px; 
  letter-spacing:1.3px; 
  margin-top:-18px;
}

.project-images img {
  max-width:100%; 
  height:auto; 
  margin-bottom:15px;
}

.project-links {
  margin-top:15px; 
  margin-bottom:50px;
}

.project-links p {
  margin-bottom:5px;
}


/* People / Support Page */


.people .col-xs-2,
.support .col-xs-3 {
  padding:0;
}

.support .col-xs-3 {
  padding-right:15px !important;
}

.people .col-xs-2 img,
.support .col-xs-3 img {
  max-width:100%;
  padding:0;
  margin-bottom:0;
}

.people .col-xs-2 .person-silly {
 display: none;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 99;
}

.people .col-xs-2:hover .person-silly {
 display: inline;
}

.people p,
.support p {
  padding-left:20px;
}

.person {
  overflow:auto;
  padding-bottom:30px;
}

.support .person {
  overflow:auto;
  padding-bottom:40px;
}

.team-image{
  padding:0px !important; 
  max-height:200px; 
  margin:20px 0;
}

.subhead {
  padding:8px 0 !important;
  margin:20px 0 25px !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  letter-spacing:3px !important;
  border-bottom:1px solid #eee;

}

.support {
  margin-top:40px;
}

.support a {
  color:#757575 !important;
}

.support a:hover {
  color:#ffba9d !important;
}


/* Data and Code */


.file-data {
  height:200px;
}

.data-entry hr {
  margin:30px 0;
}

.data-title {
  font-weight:bold; 
  text-transform:uppercase; 
  display:block; 
  margin-bottom:5px;
}

.gist .line-pre {
  text-transform:none;
  letter-spacing:1px;
}


/* Blog */

.blog .scroll-section img {
  max-width:100%;
  width:auto;
}

.blog-author {
  text-transform:lowercase; 
  margin-top:5px; 
  color:#aeaeae; 
  font-size:12px; 
  letter-spacing:1.5px;
}


/* Responsive Transitions */


@media (min-width: 768px) {

  .container {
    width: 750px;
    transition:all .3s linear; 
    -o-transition:all .3s linear; 
    -moz-transition:all .3s linear; 
    -webkit-transition:all .3s linear;
  }

}

@media (min-width: 992px) {

  .container {
    width: 970px;
  }

}

@media (min-width: 1200px) {

  .container {
    width: 1170px;
  }

}


/*2019 updates*/

/*About*/

.page-id-9 .heading {
  display: none;
}

.page-id-9 .content {
  margin-top: 40px;
}

img.alignleft {
  float: left;
  margin-right: 25px;
  margin-bottom: 10px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.shape.squareDemo > .textArea {
  width: 100% !important;
  font-size: 12px !important;
}

.page-id-835 .heading {
  padding-left: 10px !important;
}

.course {
  height: 175px;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 20px;
  text-align: center;
  transition:all .3s linear; 
  -o-transition:all .3s linear; 
  -moz-transition:all .3s linear; 
  -webkit-transition:all .3s linear;
}

.course:hover {
  opacity: .8;
}

.course p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.filter {
	letter-spacing: 1px;
	margin: 15px 0;
  line-height:1.75;
}

.filter a {
  text-transform: none;
}

.filter + hr {
  margin-bottom: 25px;
}

.filter select {
  letter-spacing: .5px;
}

.blog h3,
.tag h3 {
	font-size: 13px;
	text-transform: none;
	font-weight: 700;
	letter-spacing: .5px;
}

.blog hr:last-of-type,
.tag hr:last-of-type {
	visibility: hidden;
}

.navbar-brand h1 {
  margin-top: 5px;
}

.nav .sub-menu {
  display: none;
}