/***  css_style.css  ***/

body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}


/***  Remove all of Bootstrap's rounded corners  ***/
* {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.row {
  margin-left: 0;
  margin-right: 0;
}



/***  Add space around Bootstrap's styles for displaying responsive video  ***/

#main-content .video,
.embed-responsive {
  margin-top: 2em;
}



/***  Utility styles  ***/

.nobreak {
  white-space: nowrap;
}

.left {
  float: left;
}

.right {
  float: right;
}

/* Set inline instead of inline-block */
.fb-comments.fb_iframe_widget{
    display: inline !important;
}

.fb-comments.fb_iframe_widget span,
.fb_iframe_widget iframe {
    width: 100% !important;
}


/***  For hiding the text alternative for text graphics  ***/

.accessible-text,
.hide {
  position: absolute;
  left: -3000px;
}


/***  Headlines  ***/

h1 {
  color: #000;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 25px;
}

h2,
h1 .subtitle,
.heading .subtitle {
  display: block;
  font-size: 20px;
  line-height: 24px;
  margin: 2em 0 1em 0;
}

h2 {
  color: #333;
  margin-top: 1.5em; 
  margin-bottom: .75em;
}

.article h1,
.issue h1.display,
.issue .author {
  display: none;
}

.article h1.display {
  display: block;
  margin-bottom: 0;
}

.article h1.display .title {
  display: block;
  margin-bottom: 0;
  padding: 8px 12px 8px 10px;
  background-color: #fcd500;
}

h3 {
  font-size: 15px;
  line-height: 18px;
  margin: 2em 0 1em 0;
}

h4 {
  font-size: 15px;
  font-style: italic;
  margin: 1.5em 0 .5em 0;
}



/***  Publication header styles  ***/

#header {
  color: #fff;
  background-color: #2a2a2a;
  width: 100%;
  position: relative;
}

#header-container {
  height: 145px;
  position: relative;
}

#header-container .row {
  padding: 0 10px;
}

#publication-header {
  height: 70px;
  width: 100%;
  padding: 0;
  margin: 0;
  display: block !important;
  position: relative;
  top: 40px;
}

#publication-header a {
  color: #fff;
  display: block;
  height: 70px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('//engineering.purdue.edu/Engr/Wraps/blocks/IMPACT/images/header.png');
  background-size: contain;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#publication-title {
  display: block;
  height: 0;
  position: absolute;
  left: -3000px;
}

#publication-subtitle {
  color: #c7d6e8;
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  bottom: 8px;
}



/***  Navbar styles  ***/

.navbar {
  min-height: 38px;
  margin-bottom: 20px;
}

.navbar .container {
  position: relative;
  left: -5px;
}

.navbar-header {
  margin: 0 !important;
  float: none;
}

.navbar-collapse {
  padding: 0;
  margin: 0 !important;
  border-top: none;
  box-shadow: none;
}
  
.navbar-collapse.collapse {
  display: none !important;
}
  
.navbar-collapse.collapse.in {
  display: block !important;
}
  
.navbar-nav>li {
  float: none;
}

.navbar-nav {
  margin: 0;
}

.navbar-inverse {
  background-color: #000;
}

.navbar-inverse .navbar-nav > li > a {
  letter-spacing: 1px;
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar-inverse .navbar-nav > li > a:hover {
  color: #fcd500;
}
  
.navbar-toggle {
  display: block !important;
  float: left !important;
  border: none;
  width: 90px;
  top: 2px;
  margin: 0;
  padding-left: 10px;
  color: #fff;
}

.navbar-inverse .navbar-toggle:focus {
  background-color: transparent;
}

.navbar-inverse .navbar-toggle:hover {
  background-color: #333;
}

.navbar-toggle .menu-label {
  font-size: 14px;
  float: right;
  margin-top: -2px;
  color: #fff !important;
}

.navbar-toggle .icon-bar.first {
  margin-top: 5px;
}

.navbar .home.nav.navbar-nav {
  float: right !important;
} 

.navbar .home-link {
  color: #fcd500 !important;
  padding-left: 15px !important;
}

.navbar .home-link:hover {
  color: #fff !important;
}



/***  Footer styles  ***/

#footer-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  min-height: 200px;
  margin-left: 0;
  margin-right: 0;
  color: #fff;
  background-color: #333;
  font-size: 12px;
  line-height: 17px;
}

#footer-container a {
  color: #fff;
}

#footer-content {
  margin: 20px 0 50px 0 !important;
}

#logo-address-group {
  padding: 0 !important;
}

#mailing-address {
  text-align: center;
  padding-bottom: 3em;
}

#mailing-address b {
  font-size: 14px;
  line-height: 20px;
}

#logo {
  display: block;
  height: 100px;
  background-image: url('//engineering.purdue.edu/Engr/Wraps/blocks/IMPACT/images/Purdue-University-College-of-Engineering-logo.png');
  background-size: contain;
  background-position: center top;
  background-repeat: no-repeat;
  text-decoration: none;
}

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

#copyright {
  padding-top: 4em;
  text-align: center;
}

#copyright .contact,
#copyright .copyright,
#copyright .ea-eou {
  display: block;
  margin-bottom: .5em;
}



/***  Home page features  ***/

.issue #homepage-features {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.issue .article {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

.issue .feature-image {
  display: block;
  position: relative;
  background-color: #aaa;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 200px;
  margin: 0;
}

.issue .title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 20px;
  line-height: 24px;
  color: #fcd500;
  background-color: #2a2a2a;
  display: block;
  padding: 10px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.issue .feature-text {
  background-color: #efefef;
  padding: 20px 15px 66px 20px;
}

.issue .intro {
  font-size: 14px;
  line-height: 22px;
  min-height: 100px;
}

.issue .section-title {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 15px;
  color: #000;
  background-color: #fcd500;
  padding: 10px 10px 10px 36px;
  margin: 0 0 0 10px;
  max-width: 70%;
  position: absolute;
  bottom: 0;
  right: 10px;
}

.issue .section-title .section {
  font-weight: bold;
}

.invisible-space {
  font-size: 1px !important;
  letter-spacing: -1px !important;
}

.at-symbol {
  position: relative;
  top: -1px;
}

.issue .strategic-growth-initiative .text {
  background-color: #2a2a2a;
  padding-top: 20px !important;
  padding-left: 20px !important;
  position: relative;
}

.issue .strategic-growth-initiative .title {
  font-size: 28px;
  line-height: 32px;
  background-color: transparent;
  padding: 0 0 10px 0;
  position: relative;
}

.issue .strategic-growth-initiative .intro {
  color: #fff;
  padding-bottom: 66px;
}

.issue .strategic-growth-initiative .section-title {
  right: 0;
  padding-left: 10px;
}



/*** Section title background icons for homepage ***/

.issue .section-title {
  background-size: 22px 22px;
  background-position: 9px 7px;
  background-repeat: no-repeat;
}

.issue .always .section-title {
  background-image: url('../images/always-home.png');
}

.issue .innovate .section-title {
  background-image: url('../images/innovate-home.png');
}

.issue .change-the-world .section-title {
  background-image: url('../images/change-the-world-home.png');
}

.issue .our-people-our-culture .section-title {
  background-image: url('../images/our-people-our-culture-home.png');
}



/***  Row holding sidebar and main content  ***/

.article .row.main {
  margin-top: 25px;
  margin-right: 5px;
  margin-left: 5px;
}



/***  Sidebar  ***/

#sidebar .heading {
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin: 0;
  padding: 8px 12px 8px 10px;
  background-color: #363636;
}

#sidebar .heading .section {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
}

#sidebar .sidebar-image-container {
  margin-bottom: 3em;
}

#sidebar .sidebar-image {
  display: block;
  width: 100%;
}

#sidebar .caption {
  margin: 1em 0 0 0;
}

#sidebar #banner-caption,
#sidebar .sidebar-sections,
#sidebar .sidebar-spotlights {
  margin-bottom: 35px;
}

#sidebar #banner-caption .caption  {
  margin: 0;
  padding: 15px;
  background-color: #e1e1e1;
}

#sidebar #banner-caption {
  display: none;
}

#sidebar .article-heading {
  color: #000;
  margin-top: -3px;
  margin-bottom: 15px;
  padding: 0;
  background-color: transparent;
}

#sidebar .article-links {
  padding: 0;
  list-style-type: none;
}

#sidebar .article-links li > a,
#sidebar .article-links li > span {
  display: block;
  padding: 0;
  margin: 0 0 25px 0;
  color: #303030;
  background-color: #fff;
  font-size: 14px;
  line-height: 16px;
}

#sidebar .article-links li span.sidebar-link-banner,
#sidebar .article-links li span.sidebar-link-title,
#sidebar .article-links li span.sidebar-link-section-title {
  display: block;
}

#sidebar .article-links .sidebar-link-banner {
  height: 100px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

#sidebar .article-links .sidebar-link-title {
  font-weight: bold;
  margin-top: 1em;
}
#sidebar .article-links li span.sidebar-link-section-title {
  font-size: 12px;
  line-height: 12px;
  margin: .5em 0;
}

#sidebar .article-links a:hover {
  text-decoration: underline;
  color: #000 !important;
  #background-color: #fcd500 !important;
}

#sidebar .sidebar-spotlights ul  {
  list-style-type: none;
  margin: 0;
  padding: 15px;
  background-color: #e1e1e1;
}

#sidebar .sidebar-spotlights li {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 1em;
}

#sidebar .sidebar-spotlights li a {
  color: #000;
  text-decoration: underline;
}

#sidebar .sidebar-spotlights li a:hover {
  color: #000;
  text-decoration: none;
}

#sidebar .sidebar-story {
  margin-top: 3em;
  padding-bottom: 2em;
  background-color: #efefef;
}

#sidebar .sidebar-story-link {
  margin-top: 3em;
  margin-bottom: 3em;
  padding-bottom: .5em;
  background-color: #efefef;
}

#sidebar .sidebar-story .heading,
#sidebar .sidebar-story-link .heading {
  margin-top: 1em;
  margin-left:  10px;
  margin-right:  10px;
}

#sidebar .sidebar-story-link .heading {
  display: block;
  font-size: 18px;
  line-height: 22px;
}

#sidebar .sidebar-story .story-body,
#sidebar .sidebar-story-link .story-body {
  font-size: 12px;
  line-height: 18px;
  margin-left:  10px;
  margin-right:  10px;
}



/*** Alternate styles for banner-caption when it is moved above the headline ***/

#main-content #banner-caption {
  margin: -.5em 0 1em 0;
}

#main-content #banner-caption div {
  display: inline;
  font-size: 12px;
}

#main-content #banner-caption .heading {
  color: #fff;
  padding: 3px 4px;
  background-color: #363636;
  border-right: 8px solid #fff;
}



/*** Spotlight index pages ***/

#section-features.spotlights .section .section-name {
  font-size: 20px;
  line-height: 25px;
  margin-top: 3em;
  padding: 8px 20px 20px 60px;
  background-size: 36px 36px;
  background-position: 12px 0;
  background-repeat: no-repeat;
  border-bottom: 1px solid #000;
}

#section-features .section .section-name .section {
  font-weight: bold;
  display: inline-block;
  padding: 0;
}

#section-features .section .section-name .purdue-engineering {
  display: inline-block;
  padding: 0;
}

#section-features .section.always .section-name {
  background-image: url('../images/always-home.png');
}

#section-features .section.innovate .section-name {
  background-image: url('../images/innovate-home.png');
}

#section-features .section.change-the-world .section-name {
  background-image: url('../images/change-the-world-home.png');
}

#section-features .section.our-people-our-culture .section-name {
  background-image: url('../images/our-people-our-culture-home.png');
}



/***  Article, Archive, and Contact pages  ***/

.article #content-container,
.page #content-container {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 50px;
}

.article .row.banner {
  padding: 0 20px 0 20px;
}

.article #article-banner {
  height: 165px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

.article #article-banner img {
  width: 100%;
}

.article #section-banner {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  background-color: #363636;
  padding: 20px 25px;
}

.article.strategic-growth-initiative #section-banner {
  padding-top: 15px;
  padding-bottom: 0;
}

.article #section-banner #section-title {
  padding-left: 70px;
  padding-right: 20px;
  background-size: 50px 50px;
  background-position: 0px 50%;
  background-repeat: no-repeat;
  height: 50px;
}

.article.strategic-growth-initiative #section-banner {
  padding-left: 0;
}

.article.strategic-growth-initiative #section-banner #section-title {
  padding-left: 25px;
  height: auto;
}

.article.always #section-title {
  background-image: url('../images/always-content.png');
}

.article.innovate #section-title {
  background-image: url('../images/innovate-content.png');
}

.article.change-the-world #section-title {
  background-image: url('../images/change-the-world-content.png');
}

.article.our-people-our-culture #section-title {
  background-image: url('../images/our-people-our-culture-content.png');
}

.article #section-banner #section-title .section-name {
  padding-top: 5px;
  font-weight: normal;
}

.article #section-banner #section-title .section-name .section {
  font-weight: bold;
}

.article #section-banner #section-tagline {
  margin-top: 20px;
}

.article #main-content h1,
.page #main-content h1 {
  margin-top: 0;
}

.article .author {
  color: #fff;
  margin: 0;
  padding: 8px 12px 8px 10px;
  background-color: #363636;
}

.article .event-content {
  margin-top: 1.5em;
}

.article .event-details {
  display: none;
}

.article .event-intro {
  margin-bottom: 10px;
}



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

.image {
  margin: 2em 0 2em 0;
  padding: 0;
}

.image div {
  margin: 0;
  padding: 0 !important;
}

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

.caption,
.dateline {
  color: #303030;
  font-size: 12px;
  line-height: 22px;
  margin: 1.5em 0 1em 0;
}

.image .caption {
  padding: 10px 15px 15px 15px !important;
  background-color: #efefef;
}



/***  Archive page  ***/

.archives {
  padding-left: 0;
}

.archives li {
  list-style-type: none;
}

.archives > li {
  margin-bottom: 2em;
}

.archives .articles li {
  margin-bottom: .5em;
}

.archives li h2 a {
  color: #5c6f7b;
}



/*** Contact Us page ***/

.staff-list .staff-group {
  margin-bottom: 15px;
}

.staff-list .staff-group p {
}

.staff-list .staff-group .label {
  font-size: 14px;
  text-align: left;
  color: #000;
  display: block;
  padding: 0;
  margin-top: 1.5em;
  margin-bottom: .5em;
}



/*** Dean's Message ***/

.deans-signature {
  margin-top: 2em;
}

.deans-signature .sig-block {
  padding: 0 20px 0 0 !important;
  margin-bottom: 2em;
}

.about-discovery {
  clear: both;
  margin: 4em 0;
  padding: 0 2em;
  border-left: 10px solid #ccc;
  border-right: 10px solid #ccc;
  font-size: inherit;
}



/***  Intermediate styles between .col-xs and .col-sm  ***/

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

  .issue .row.main {
    margin-left: 0;
    margin-right: 0;
  }

  .issue .main-feature .main-image {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .issue .main-feature .col-lg-12 {
    padding: 0 !important;
  }


}

/***  END Intermediate styles  ***/



/***  .col-sm styles - for tablets  ***/

@media only screen and (min-width: 768px) {
  
  #publication-title {
    font-size: 66px;
    bottom: 0px;
  }

  #publication-subtitle {
    left: 25em;
    bottom: 18px;
  }
  
  .navbar-header {
    float: left;
  }
  
  .navbar-toggle {
    display: none !important;
  }
  
  .navbar-collapse.collapse {
    display: block !important;
  }

  .navbar .home.nav.navbar-nav {
    float: left !important;
  }
  
  .navbar-nav>li {
    float: left;
  }
  
  #mailing-address {
    text-align: left;
    padding-top: 53px;
  }
  
  #logo {
    background-position: 70% center;
  }
  
  .issue .feature-image {
    min-height: 170px;
  }

  .issue .feature-text {
    min-height: 200px;
  }
  
  .issue .main-feature .feature-image {
    height: 285px;
  }

  .issue .breaking-news .section-title {
    margin-bottom: 20px;
  }

  .issue .breaking-news .feature-image {
    margin-bottom: 0;
  }

  .issue .breaking-news .feature-text {
    padding-left: 20px !important;
  }

  .article #article-banner {
    height: 275px;
  }

  .article.strategic-growth-initiative #section-banner #section-title {
    padding-left: 60px;
  }
  
  #sidebar #banner-caption {
    display: block;
  }
  
  .image.left {
    float: left;
    margin-right: 15px;
    padding-right: 15px;
  }
  
  .image.right {
    float: right;
    margin-left: 15px;
    padding-left: 15px;
  }
  
  .image.w200,
  .image.w250,
  .image.w300 {
    width: 200px;
  }
  
  .image.w350,
  .image.w400,
  .image.w450 {
    width: 300px;
  }


} 

/***  END .col-sm styles  ***/



/***  .col-md styles - for medium-sized desktop windows  ***/

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

  #header-container > div > div {
    height: 160px;
  }

  .navbar-inverse .navbar-nav > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }

  #footer-content {
    position: relative;
    min-height: 140px;
    margin: 10px 0 50px 0;
  }
  
  #copyright {
    text-align: left;
    padding-top: 55px;
  }
  
  .issue .feature-image {
    min-height: 190px;
  }

  .issue .feature-text {
    min-height: 170px;
  }

  .issue .main-feature {
    margin-bottom: 20px;
  }
  
  .issue .main-feature > div,
  .issue .main-feature .feature-image {
    position: relative;
    height: 380px;
    border-bottom: none;
  }
  
  .issue .main-feature .main-image {
    padding-right: 0 !important;
  }
  
  .issue .main-feature .main-text {
    padding: 0 10px 0 0 !important;
  }
  
  .issue .main-feature .main-text .col-lg-12 {
    position: relative;
    height: 380px;
    padding: 0 0 0 30px !important;
    background-color: #a3792c;
  }
  
  .issue .main-feature .text {
    color: #fff;
    padding: 20px 30px 0 0;
    position: absolute;
    bottom: 30px;
  }

  .issue .more-link {
    display: inline;
  }
  
  .issue .main-feature .text .title,
  .issue .main-feature .text .subtitle,
  .issue .main-feature .text .more-link {
    color: #fff;
  }

  .article .row.main {
    margin-top: 35px;
  }

  #article-banner {
    height: 375px;
  }

  .article #section-banner #section-title {
    float: left;
    margin-right: 20px;
    border-right: 1px solid #656565;
  }

  .article #section-banner #section-tagline {
    margin-top: 5px;
  }

  .article.change-the-world #section-tagline {
    margin-top: 15px !important;
  }

  .article.strategic-growth-initiative #section-banner {
    padding: 20px 25px;
  }

  .article.strategic-growth-initiative #section-banner #section-title {
    padding-left: 25px;
    border-right: none;
  }
  
  .image.w200 {
    width: 200px;
  }
  
  .image.w250 {
    width: 250px;
  }
  
  .image.w300 {
    width: 300px;
  }
  
  .image.w350 {
    width: 350px;
  }
  
  .image.w400 {
    width: 400px;
  }
  
  .image.w450 {
    width: 450px;
  }
  


} 

/***  END .col-md styles  ***/



/***  .col-lg styles - for large desktop windows  ***/

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

  .issue .feature-image {
    min-height: 235px;
  }

  .issue .feature-text {
    min-height: 150px;
  }
  
  .issue .article:nth-child(odd) {
    clear: none;
  }

  .issue .breaking-news .feature-text {
    padding-top: 0;
    margin-top: 5px;
    border-left: 1px solid #ccc;
    border-top: none;
  }


} 

/***  END .col-lg styles  ***/



/***  Print styles  ***/

@media only print {
  
  #publication-title {
    font-size: 66px;
    bottom: 0px;
  }

  #publication-subtitle {
    left: 25em;
    bottom: 18px;
  }
  
  #article-banner {
    background-color: #fff !important;
   /* background-image: attr(background-image) !important;*/
  }
  
  #mailing-address,
  #copyright {
    padding: 0;
    margin: 1em 0;
  }
  
  a[href]:after {
    content: none;
  }
  
  /*** Disabled by adding X to selector, per final corrections to first issue ***/
  .Xissue a.more-link:after {
    content: " (" attr(href) ")";
  }
  
  .issue .section-title {
    padding-left: 0;
  }
  
  .issue .feature-image {
    display: none;
  }
  
  #sidebar .sidebar-story {
    display: block !important;
  }

  .article #article-banner {
    height: auto;
  }

  .article #article-banner .caption {
    opacity: 1.0;
    position: relative;
    color: #000;
    background-color: #fff !important;
    margin: 0;
    padding: 0 10px;
    /* For Safari 3.1 to 6.0 */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: .0s;
    -webkit-transition-delay: .0s;
    /* Standard syntax */
    transition-property: opacity;
    transition-duration: .0s;
    transition-delay: .0s;
  }


} 

/***  END Print styles  ***/