@import url(http://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700); /* aaron added */


/*@font-face {
  font-family:"sanserrific";
  src:url("/fonts/Sanseriffic.otf");
}*/

/* ----------------------------------------------------------*/
/* Base */
/* ----------------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Lato", Helvetica, Arial, sans-serif;
  color: #333;
}


.b {
  font-weight: bold;
}

.i {
  font-style: italic
}

a         { color: #42aab2; text-decoration: none; } /* #2a7ae2 */
a:hover   { color: #42aab2; text-decoration: underline; } /* #000 */
a:visited { color: #42aab2; } /* #205caa */


.section-header { border-bottom: 1px solid #e8e8e8; }
.extra-sep { padding-top: 8px; }


/* Make a new panel style with the yellow color from the logo */
.panel-sr-yellow { border-color: #eac428; }
.panel-sr-yellow>.panel-heading {
  border-color: #eac428;
  background-color: #FBF4D8;
  color: #333;
}
.panel-sr-yellow .list-group-item { border-color: #eac428; }


.panel-dark { border-color: #000; }
.panel-dark>.panel-heading {
  border-color: #000;
  background-color: #1E4D51;
  color: #ddd;
}

.panel-blue { border-color: #2A6C71; }
.panel-blue>.panel-heading {
  border-color: #2A6C71;
  background-color: #42AAB2;
  color: #fff;
  font-weight:bold;
}




/* ===== HEADER ======================================== */


.header-border {
  margin: 0 auto;
}

#header-border-top {
  border-top: 5px solid #333;
  padding-top: 10px;
}
#header-container-bottom {
  border-bottom: 2px solid #e8e8e8;
}

.navbar {
  background-color: white;
  border: 0;
}


#news .panel-body p {
  padding-left:20px;
}

#header-brown-logo { display:none; }
#header-brown-logo img { height:100px; }

#navbar-brown-logo .navbar-item { padding-left: 12px;}
#navbar-brown-logo img { height:50px; }


.navbar-default .navbar-nav>li>a { 
  color: #727272;
  font-weight: lighter;
  font-size: 110%;
  /*-webkit-transition: 0.5s ease-in-out;*/
  /*-moz-transition: 0.5s ease-in-out;*/
  /*-o-transition: 0.5s ease-in-out;*/
}
.navbar-default .navbar-nav>li>a:hover { color: #42aab2; }
#sr-navbar .active { color: #42aab2; }
#sr-navbar .active:hover { color: #42aab2;}




/* ===== FOOTER ======================================== */

.site-footer {
  border-top: 1px solid #e8e8e8;
}

#last-updated {
  font-style:italic;
  font-size:12px;
  text-align:right;
}



/* ===== HOME PAGE ============================================== */

#homepage-recent-news-title { margin-top: 0; }

.homepage-recent-news-list dt {
  font-weight: normal;
  /*font-size: 125%;*/
}
.homepage-recent-news-list dd {
  margin-bottom: 5px;
  font-size:90%;
}

.caption p {
  border-top: 1px dotted #e8e8e8;
  border-bottom: 1px dotted #e8e8e8;
  font-size: 80%;
  color: #727272;
  font-style: italic;
  /* background-color: rgba(0,0,0,0.5); */
}



/* ========== PROJECTS PAGE ==================================== */

.sr-indented-list {
  padding-left: 30px;
  padding-right: 10px;
}



/* ===== PEOPLE PAGE ========================================== */

.member-info td {
  padding-left: 10px;
  padding-right: 10px;
}


.member-photo { padding-top: 20px; }
.member-photo img {
  width: 100%;
  border-radius:50%;
}


/* ===== SCREEN RESIZING ======================================== */

.slick-arrow i {
  display:none;
}

@media screen and (min-width:768px) {
  #header-brown-logo { display:inline-block; }
  #navbar-brown-logo { display:none; }
  /* Use for slightly wider navbar (in case more content is added) to prevent it from wrapping before collapse
  #sr-navbar { 
    padding-left:0;
    padding-right:0;
  }*/
}

@media screen and (min-width:900px) {
  .slick-arrow i {
    display:inline;  /*use as a fallback bc display:initial doesn't work on IE */
    display:initial;
  }
}


/* Use for slightly wider navbar (in case more content is added) to prevent it from wrapping before collapse
@media screen and (min-width:1000px) {
  #sr-navbar {
    padding-left:15px;
    padding-right:15px;
  }
}*/


@media screen and (min-width:1200px) {
  #sr-navbar { padding-left: 0px; }
  #header-brown-logo { margin-left:20px; margin-top:5px; }

}

@media screen and (min-width:1300px) {
  #sr-navbar { padding-left:20px; }
}