/* @import "variables"; */
/* @import "bourbon"; */
/* @import "typography"; */

body {
color: #212529;
}

a {
  color: #1f71b7; }
  a:focus, a:hover {
    color: #154b7c; }

.btn-info {
  color: #fff;
  background-color: #22809c;
  border-color: #147896; }

.btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #056480;
  border-color: #014f66; }

#skiptomaincontent {
  background: #3dbbdb;
  border-top: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  color: #000;
  font-weight: 700;
  left: -1000px;
  overflow: hidden;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  position: absolute;
  text-decoration: none;
  text-transform: uppercase;
  top: 18px;
  white-space: nowrap;
  width: 0;
  z-index: 9999;
  transition-property: width, padding, left;
  transition-duration: .2s, .2s, 0s;
  transition-timing-function: ease-out;
  transition-delay: 0s, 0s, .2s; }
  #skiptomaincontent:focus {
    left: 0px;
    outline: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: 190px;
    transition: padding .1s ease-in;
    transition: width .1s ease-in; }

.home .hidden-off-page {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.home h2.section-heading {
  display: block;
  float: none;
  clear: left;
  line-height: 2em;
  margin: 0;
  margin-bottom: 20px;
  padding: 0 10px;
  background-color: #494B4B;
  color: #fff;
  border-width: 0 0 0 20px;
  border-style: none;
  border-color: #666;
  font-size: 15px;
  font-family: Lato, Arial, sans-serif;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  overflow: hidden; }

.home #bulletin {
  margin: 1em 0; }
  .home #bulletin .date {
    text-transform: uppercase;
    font-size: 1.25em; }
  .home #bulletin .bulletin {
    line-height: 1.25em; }
    .home #bulletin .bulletin h4 {
      font-size: 1em;
      font-weight: bold;
      margin: 15px 0 10px 0; }
    .home #bulletin .bulletin .title {
      font-style: italic; }

.home #news h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 15px 0 10px 0; }

.home #news .minifeed_item {
  margin: 15px 0; }

.home #news .minifeed_item_thumb_box {
  position: relative;
  float: left;
  width: 125px;
  height: 100px;
  border: 1px solid black;
  margin-right: 10px; }

.home #news .minifeed_item_thumb {
  display: block;
  margin: auto;
  border: none;
  max-width: 125px;
  max-height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.home #special-events h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 15px 0 10px 0; }

.home #special-events ul {
  list-style-type: none;
  padding-left: 0;
  line-height: 1.25em; }
  .home #special-events ul li {
    margin-bottom: 15px; }

.home #special-events .subtitle-1, .home #special-events .subtitle-2 {
  font-style: italic; }

.research-areas h2 {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 10px; }

/* @import "pages/about"; */
/* @import "pages/research"; */
/* @import "pages/people"; */
/* @import "pages/courses"; */
/* @import "pages/schedule"; */
/* @import "pages/undergrad"; */
/* @import "elements/navigation"; */
/* @import "elements/footer"; */
.carousel {
  margin-bottom: 10px; }
  .carousel .carousel-inner {
    left: 5%;
    right: 5%;
    width: 90%;
    background-color: darkgrey; }
    .carousel .carousel-inner .img-container {
      margin-left: 0;
      height: 360px;
      width: 65%;
      overflow: hidden; }
      @media (max-width: 1199px) {
        .carousel .carousel-inner .img-container {
          height: 290px; } }
      @media (max-width: 991px) {
        .carousel .carousel-inner .img-container {
          height: 350px;
          width: 100%; } }
      @media (max-width: 767px) {
        .carousel .carousel-inner .img-container {
          width: 100%;
          height: calc(100vw*.4666); } }
    @media (max-width: 767px) {
      .carousel .carousel-inner .container {
        box-shadow: none; } }
    .carousel .carousel-inner .container .carousel-caption {
      position: absolute;
      left: 65%;
      right: 0;
      top: 0;
      bottom: 0;
      background-color: darkgrey;
      border-left: 2px solid lightgrey;
      text-align: center;
      color: #494B4B;
      padding: 25px 25px 5px 25px;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
      @media (max-width: 991px) {
        .carousel .carousel-inner .container .carousel-caption {
          left: 0;
          top: auto;
          background-color: rgba(255, 255, 255, 0.85);
          border-left: none;
          text-align: left;
          padding: 10px 10px 5px 10px; } }
      @media (max-width: 767px) {
        .carousel .carousel-inner .container .carousel-caption {
          position: relative;
          min-height: 40px;
          margin-left: -10%;
          margin-right: -10%;
          padding-left: 10%;
          padding-right: 10%;
          padding-right: calc(10% + 100px + 10px);
          background-color: darkgray;
          border-top: 1px solid lightgray; } }
      .carousel .carousel-inner .container .carousel-caption h2 {
        font-size: 1.5em;
        margin-top: 0;
        margin-bottom: 5px; }
        @media (max-width: 767px) {
          .carousel .carousel-inner .container .carousel-caption h2 {
            font-size: 1em; } }
        .carousel .carousel-inner .container .carousel-caption h2 a, .carousel .carousel-inner .container .carousel-caption h2 a:hover, .carousel .carousel-inner .container .carousel-caption h2 a:focus {
          text-decoration: none;
          color: #494B4B; }
      .carousel .carousel-inner .container .carousel-caption p {
        margin-bottom: 0; }
        @media (max-width: 991px) {
          .carousel .carousel-inner .container .carousel-caption p {
            display: none; } }
  .carousel .carousel-control {
    width: 50px;
    height: 50px;
    bottom: 0;
    top: auto;
    color: #494B4B; }
    @media (max-width: 767px) {
      .carousel .carousel-control {
        width: 30px;
        height: 30px;
        bottom: 25px;
        font-size: 30px; } }
    .carousel .carousel-control.left, .carousel .carousel-control.right {
      left: auto;
      background-image: none; }
    .carousel .carousel-control.left {
      right: calc(5% + 50px); }
    .carousel .carousel-control.right {
      right: 5%; }
    .carousel .carousel-control:hover, .carousel .carousel-control:focus {
      color: #494B4B; }

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity; }

.carousel-fade .carousel-inner .active {
  opacity: 1; }

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1; }

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }

.carousel-fade .carousel-control {
  z-index: 11; }

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

/* @import "elements/sidebar"; */
/* @import "elements/events"; */
/*# sourceMappingURL=nf.css.map */