/* Extra styling for the Biological Sciences website */

.gsc-input-box {
    border: 1px solid #D9D9D9 !important;
    background: #fff !important;
    height: inherit !important;
    width: 200px;
} 

/* Header - Bio Logo */

.bioLogo {
    padding: 15px;
    text-align: center;
}

@media (max-width: 767px)
    .bioLogo {
        padding-top: 0;
    }
    
/* Home - News */   

.news-item {
    padding-bottom: 15px;
}

.breaking-news {
    margin-bottom: 10px;
    padding: 10px;
    border: 5px solid #98700d;
}

.about-research {
    color: #333;
    font-size: 1.5em;
}

/* Research grid item */

.grid-item {
    height: 300px; 
    margin: 20px 15px 20px 20px;
    color: #fff;
    background-color: #000;
    padding: 0;
}

@media (max-width: 767px) {
    
    .top .logo {
        padding: 15px;
    }
    .top .logo a {
        width: 35%;
    }
    
    .top .department {
        padding: 0 15px 15px;
    }
    
    .footer #accordion .motto img {
        max-width: 60%;
    }
}

.menu-title {
    color: #A3792C !important;
    padding:3px 15px;
    font-weight: bold;
}

.menu-title-link {
    color: #A3792C !important;
    font-weight:bold;
}

.collegeContent .grid .introContainer .intro {
    padding: 15px;
}

.panel-body {
    border-top: none;
}

.panel-title {
    padding-top: 0;
}

.panel-default > .panel-heading {
    padding: 10px 10px 10px 0;
}

.news, .events {
    background-color: #3B3B3B;
    padding: 15px 0;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .collegeContent .grid .introContainer .intro {
        padding: 10px;
    }
}

.spotlight {
    position: absolute;
    bottom: 15px;
    color: #FFF;
    font-size: 1em;
    padding: 0px 10px;
    text-shadow: 2px 2px #000;
}

.news-link, .event-link {
    font-size: 0.9em;
}

.news-link a, .event-link a {
    color: #FFF;
    text-decoration: underline;
    font-weight: normal;
}

.news-link a:hover, .event-link a:hover {
    text-decoration: none;
}

.morenews {
    font-style: italic;
    text-align: right;
    margin: 5px 10px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .morenews {
        margin: 5px;
    }
}

.morenews a:link {
    color: #98700d;
    text-align: right;
    text-decoration:underline;
    font-style: italic;
    font-weight: 500;
}

.morenews a:hover {
    text-decoration:none;
}

.morenews a:visited {
    color: #98700d;
    
}

.collegeContent .grid .introContainer .intro a.featureLink:hover {
    background-color: #1B1B1B;
}

.bottom p {
    font-size: 1.1em;
    padding-bottom: 0;
    line-height: 1.3em;
}

/* Other */

.contentArea {
    margin: 20px 0;
    
}

/* Research Areas Styling  */

.grid-item {
    height: 300px; 
    margin: 20px 15px 20px 20px;
    color: #fff;
    background-color: #000;
    padding: 0;
}

.grid-item .caption, .area-grid-item .caption {
    right: 0px;
    bottom: 0px;
    left:0px;
    background-image: url("../images/assets/shader65.png");
    background-repeat: repeat;
    position: absolute;
    padding: 10px;
    font-family: "Archivo Narrow","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align: center;
}

.grid-text {
    margin: 0 10px;
    padding: 5px 0;
}

.grid-text a:hover {
    text-decoration: underline;
}

.grid-link {
    display: block;
    width: 100%;
    height: 100%;
    color: #FFF !important;
    font-size: 1.2em;
}

.grid-link a:hover {
    text-decoration:underline;
    color: #98700d;
}

.grid-item-content {
    margin: 10px;
}

.grid-item-content p {
    padding: 3px 0;
    text-decoration:none;
}

.grid-item-content a:hover{
    text-decoration: underline;
}

/* Styling for the Outreach slider */

.carousel .outreach {
    margin-bottom: 1em;
}

@media only screen and (max-width:767px) {
     .carousel .outreach {
         margin: 0 -5px;
    }
}

.outreach .carousel-caption {
    position: relative;
    color: #000;
    text-shadow: none;
    font-weight: bold;
    margin-left: -70%;
}

 @media (max-width: 990px) and (min-width: 768px) {
    .outreach .carousel-caption {
        margin-left: -35%;    
    }
}

.outreach .carousel-control .left, .outreach .carousel-control .right {
     color: #FFF;
     opacity: 0.9;
     background-image:none !important;
}

.outreach .carousel-control .left:hover, .outreach .carousel-control .right:hover {
     text-decoration:none;
}

.outreach .carousel .carousel-indicators {
    bottom: 20% !important;
}

 @media (max-width: 990px) and (min-width: 768px) {
    .outreach .carousel .carousel-indicators {
        bottom: 25% !important;    
    }
}

 @media only screen and (max-width:767px) {
    .outreach .carousel .carousel-indicators {
         display: none;
    }
}

/* Print stylesheet */

@media print {
  
  body {
      overflow: visible;
  }
  
  .navbar {
    display: none;
  }
  
  .breadcrumb {
    display: none;
  }
  
  .footer {
    display: none;
  }
  
  .maincontent {
    font: 12pt Georgia, "Times New Roman", Times, serif !important;
    line-height: 1.3;
    margin: 0;
    padding: 0; 
    float: none !important;
    width: 100%;
  }
  
  .logo {
      width: 100%;
  }
  
    .logo img {
       display: none;
    }
   
   .logo:after {
      content: "Purdue University- Department of Biological Sciences";
      font-size: 24pt;
      color: #000000;
      font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .department {
        display: none;
    }
  
  img {
      min-width: 200px;
    max-width: 500px;
    border: 0;
  }
  
  h1 {
    font-size: 24pt !important;
  }
  
  a[href^="http://"]:after, a[href^="https://"]:after {
    content: " (" attr(href) ")" !important;
    font-size: 90%;
    word-wrap: break-word;
  }
  
  a[href]:after {
    content: "";
  }
   
  li a:after {
      font-size: 90%;
      text-decoration: none;
      word-wrap: break-word;
  }
  
  p a {
      color: #000000;
      text-decoration: none !important;
  }
  
  li a {
    color: #000000;
    text-decoration: none !important;
  }
  
  .top a:after {
      display: none;
  }
  
  .bottom {
    background-color: #ffffff;
    color: #000000;
    border-top: 1px solid #bbb;
    margin-top: 30px;
    display: block;
    font-size: 10pt;
  }
  
  /* graduate page */
  .tile {
    display: none;
  }
  
  /* research overview page */
  .grid-item .grid-link {
     display: none; 
  }
  
  .grid-item {
      display: none;
  }
  
  .content .maincontent .about-research:after {
      display: block;
      white-space: pre;
      content: "\A > Biology Education \A > Cell and Molecular Biology \A > Ecology and Evolutionary Biology \A > Microbiology, Immunology and Infectious Disease \A > Neuroscience and Physiology \A > Structural, Biophysical and Computational Biology";      
  }
  
  .btn-research {
      display: block !important;
      text-align: left;
      border: none;
  }
  
  /*************************/
  
  .btn {
      display: none;
  }
  
  /* pages with sidenav */
  .sidenav {
      width: 100%;
  }
  
  /* undergrad page */
  .introContainer {
      padding-top: 50px !important;
      height: 130px !important;
  }

  /* force col-md - needs edittig */
  #linksRow {
      max-width: 1199px;
      min-width: 992px;
  }

  /* about the department page */
  .bannerRow {
      display: none;
  }
  
  .bannerContainer {
      display: none;
  }
  
  .deptOfficeContent .container .contentRow .mainContent:after {
      content: url(../images/sections/about/about-sm.jpg);  
  }
  
  .mainContent {
    font: 12pt Georgia, "Times New Roman", Times, serif !important;
    line-height: 1.3;
    margin: 0;
    padding: 0; 
    float: none !important;
    width: 100%;
  }
    
  .audienceTiles {
      display: none;
  }
  
  /* research pages */
  .carousel {
      display: none !important;
  }
  
  /* alumni page */
  .featureButtons {
      display: none;
  }


    /* graduate student >> future students */
    .collegeContent {
        display: none;
    }
  
}