/*** Toolbox ***/
#h-toolbox button, #h-toolbox input[type=submit] {
  background          : #DDD;
  border              : 1px solid #999;
  border-radius       : 5px;
  color               : #FFF;
  font-size           : 1.15em;
  font-weight         : bold;
  text-shadow         : -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999;
}

#h-toolbox input[type=submit] {
  color               : #000;
  text-shadow         : none;
}

#h-toolbox button:hover, #h-toolbox input[type=submit]:hover {
  background          : #FFF;
  border              : 1px solid #333;
  cursor              : pointer;
  text-shadow         : -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;
}

#h-toolbox input[type=submit]:hover {
  text-shadow         : none;
}

.h-line {
  background          : #FFF;
  border              : 1px solid #DDD;
  border-radius       : 5px;
  color               : #333;
  margin-bottom       : 3px;
  margin-top          : 3px;
  padding             : 6px;
}

#h-toolbox .fa-greyed {
  background          : #EEE !important;
  border              : 1px solid #DDD !important;
  color               : #EEE !important;
}





/***  Images in page body  ***/

.image {
  padding             : 0 10px;
  margin-top          : 2em;
  margin-bottom       : 2em;
}

.image img {
  max-width           : 100%;
  border              : 0;
}

.image.right {
  margin-left         : 20px;
}

.image.left {
  margin-right        : 20px;
}

.caption {
  color               : #666;
  font-size           : 12px;
  line-height         : 18px;
  margin              : 1.5em 0 1em 0;
}

.image .caption {
  margin-bottom       : 0;
}

/* UL with ruled lines instead of bullets, optional alternating background colors */

ul.ruled {
  padding             : .5em 0 1.5em 0;
  list-style-type     : none;
}

ul.ruled li {
  border-bottom       : 2px solid #DDD;
  margin              : 0;
  padding             : 10px;
}

ul.ruled.alternating li:nth-child(odd) {
  background          : #eee;
}

.publication-label, .publication-label-centered {
  display             : inline-block;
  margin-bottom       : 5px;
  font-weight         : 700;
}

.publication-label-centered, .publication-link {
  text-align          : center;
}

.publication-tags {
  margin-bottom       : 10px;
}

.publication-year, .publication-research, .publication-keyword {
  background          : #EEE;
  border-radius       : 3px;
  border              : 1px solid #DDD;
  border-bottom       : 1px solid #BBB;
  font-size           : 0.85em;
  margin-bottom       : 3px;
  padding             : 3px;
  text-align          : center;
}

.publication-year:hover, .publication-research:hover, .publication-keyword:hover {
  background          : #333;
  border              : 1px solid #000;
  border-bottom       : 1px solid #222;
  color               : #FFF;
  cursor              : pointer;
}

hr {
  float               : left;
  margin              : 7px 0 4px 0;
  width               : 100%;
}

.anti-row {
  margin-left         : 15px;
  margin-right        : 15px;
}












.audience-faded section > h2 {
  margin-top          : 0px;
}


/*** Change the url below to set the default photo for your homepage ***/

.hero {
  background-image    : url('./images/homepage-hero.jpg');
  background-position : center 10%;
}


/*** Styles for the news and events tabs on the homepage ***/

.feed {
  background-color: #eee;
  overflow-y: scroll;
}

.feed .tab-content {
  overflow-y: visible;
}

.feed .tab-content row {
  margin: 0 10px;
}


/*** Make images in the page adjust to fit their container ***/

.intro img, .maincontent img {
  max-width: 100%;
}


/*** News and Events tweaks ***/

.rightnav .event-list-past-link {
  margin-left: 0;
}


/*** Adjustments to the name of the site in the top header area ***/


.top .department a {
  line-height: 1.3em;
  position: relative;
  top: 0px;
}
  
@media only screen and (max-width: 991px) and (min-width: 768px) {

  .top .department a {
    line-height: 1.3em;
    position: relative;
    top: 2px;
  }

  .intro .btn {
    margin-left : 15px !important;
  }

}

@media only screen and (max-width: 1199px) and (min-width: 992px) {

  .top .department a {
    top: 2px;
  }

}

.intro {
  display : inline-block;
  height  : auto !important;
}

@media only screen and (min-width: 1200px) {

  .top .department a {
    line-height: 1.2em;
    position: relative;
  }
  
}

.deptaudience {
  margin-top          : 10px;
}


/*** Adjustments to the grid boxes on the homepage ***/

@media only screen and (max-width: 767px) {

  .deptaudience .lorre-A, .deptaudience .lorre-B, .deptaudience .lorre-C {
    border-left         : none !important;
    border-right        : none !important;
  }
  
  .flip-flop-sm {
    display             : block;
  }

  .audience-faded, .audience-push .flip-flop-sm {
    display             : none;
  }

}

@media only screen and (min-width: 768px) {

  .flip-flop-sm {
    display             : none;
  }

  .audience-push .flip-flop-sm {
    display             : block;
  }

}

.background-strip {
  background-image    : url(//www.purdue.edu/purdue/images/transparentblack.png);
  background-repeat   : repeat;
  height              : 50px;
  width               : 100%;
}

.deptaudience {
  height              : auto;
}

.lorre-A a, .lorre-B a, .lorre-C a {
  background-size     : cover;
  background-position : top right;
  background-repeat   : no-repeat;
  width               : 100%;
  display             : block;
  position            : relative;
  text-decoration     : none;
}

.lorre-A a {
  background-image    : url('images/lorre-A.jpg');
  background-color    : #7CA6C0;
  border-bottom       : 8px solid #7CA6C0;
}

.lorre-B a {
  background-image    : url('images/lorre-B.jpg');
  background-color    : #849E2A;
  border-bottom       : 8px solid #849E2A;
}

.lorre-C a {
  background-image    : url('images/lorre-C.jpg');
  background-color    : #C76C14;
  border-bottom       : 8px solid #C76C14;
}

.lorre-A a .caption, .lorre-B a .caption, .lorre-C a .caption {
  text-align          : left;
  text-shadow         : 2px 2px 5px #000;
  top                 : 0;
}

.college .box h2 {
  color               : #fff;
  font-size           : 1em;
  padding             : 0px 10px;
}

.faded {
    background-image  : url(//www.purdue.edu/purdue/images/transparentblack.png);
    background-repeat : repeat;
}