/*** Audience pages ***/

.audience-page {
  margin: -16px -15px 0px -15px;
}

.audience-page .audience {
  background-image:none;
  background-color:#999;
    background-position:center center;
  background-size:cover;
  padding:15px;
  text-shadow: 1px 1px 5px #000;
}

.audience-page .audience h1,
.audience h2 {
  color:#fff;
  font-size: 24px;
}

.audience-page .audience p {
  margin-bottom:20px;
  color:#fff;
  font-size:14px;
}

.audience-page .audience .btn {
  background-image: url('//www.purdue.edu/purdue/images/transparentblack.png');
  border:1px solid #fff;
  border-radius:0px;
  padding:12px;
  margin:30px 0px;
  color:#fff;
  text-shadow:none;
  text-decoration:none;
    width:100%;
}

.audience-page .audience .btn:hover {
  background-color:#999;
    background-image:none;
}

.audience-page .resources {
  padding: 10px 0 10px 12px;
}

.audience-page .resources h4 {
  font-size: 26px;
  color:#6f6f6f;
  margin-top:0px;
}

.audience-page .resources .links {
  display:inline-block;
  text-align:left;
  margin:10px 0px;
}

.audience-page .resources .links h6 {
  margin-top:0px;
}

.audience-page .resources .links ul {
  list-style-type:none;
  padding-left:0px;
  margin-bottom:0px;
}

.audience-page .resources .links ul li a {
  color:#000;
  font-size:12px;
    text-decoration:none;
}

.audience-page .resources .links ul li a:hover {
    text-decoration:underline;
}

.audience-page .audiencefeature {
  background-image: url('//www.purdue.edu/purdue/images/audiencefeature.jpg');
  background-size: cover;
  background-position: center center;
  height: auto;
  min-height: 400px;
}

.audience-page .audiencefeature .caption {
  padding:25px;
}

.audience-page .audiencefeature .caption h3,
.audience-page .audiencefeature .caption p {
  color:#fff;
  text-shadow: 1px 1px 5px #333;
}

.audience-page .audiencefeature .caption p a {
  color:#fff;
}



/* Engineering modifications */

/* Pull it up over the padding on the bottom of the breadcrumbs */
.audience-page {
  margin-top: -1rem;
}

.audience h1 {
  color: #fff;
}

.audience p a {
  color: #fff;
}

.audience-alums .audience {
  background-image: url("/Wraps/ECO/wrap8/themes/default/common/alums_banner.jpg");
}

.audience-currentstudents .audience {
  background-image: url("/Wraps/ECO/wrap8/themes/default/common/currentstudents_banner.jpg");
}

.audience-facultystaff .audience {
  background-image: url("/Wraps/ECO/wrap8/themes/default/common/currentfaculty_banner.jpg");
  background-position: 100% 15%;
}

.audience-futurestudents .audience {
  background-image: url("/Wraps/ECO/wrap8/themes/default/common/futurestudents_banner.jpg");
  background-position: 100% 35%;
}

.audience-media .audience {
  background-image: url("/Wraps/ECO/wrap8/themes/default/common/media_banner.jpg");
  background-position: 100% 100%;
}

.audience-partnerships .audience,
.audience-engagement .audience {
  background-image: url("/Wraps/ECO/wrap8/themes/default/common/partnerships_banner.jpg");
  background-size: 120%;
  background-position: 100% 30%;
}

.audience-prospectivefaculty .audience {
  background-image: url("/Wraps/ECO/wrap8/themes/default/common/prospectivefaculty_banner.jpg");
}

.audience-researchinnovation .audience {
  background-image: url("/Wraps/ECO/wrap8/themes/default/common/research_banner.jpg");
}


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

  .audience-partnerships .audience {
    background-size: 180%;
    background-position: 100% 100%;
  }

}


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

  .audience-partnerships .audience {
    background-size: 160%;
    background-position: 100% 60%;
  }

}

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

  .audience-prospectivefaculty .audience {
    background-position: 100% 45%;
    background-size: 130%;
  }

}

.audience .buttons {
  padding-top: 10px;
  padding-bottom: 10px;
}

.audience .buttons .btn {
  color: #fff;
  border-radius: 0px;
  padding: 12px 0;
  margin: 10px 0px;
}

.audience-alums .audience .buttons .btn:hover, 
.audience-alums .events .rss-items li.rss-item .rss-date {
  background-color: #5b6870;
}

.audience-currentstudents .audience .buttons .btn:hover, 
.audience-currentstudents .events .rss-items li.rss-item .rss-date {
  background-color: #2EAF9B !important;
}

.audience-facultystaff .audience .buttons .btn:hover, 
.audience-facultystaff .events .rss-items li.rss-item .rss-date {
  background-color: #A3D6D7 !important;
}

.audience-futurestudents .audience .buttons .btn:hover, 
.audience-futurestudents .events .rss-items li.rss-item .rss-date {
  background-color: #FFD100 !important;
}

.audience-media .audience .buttons .btn:hover, 
.audience-media .events .rss-items li.rss-item .rss-date {
  background-color: #6B4536 !important;
}

.audience-partnerships .audience .buttons .btn:hover, 
.audience-partnerships .events .rss-items li.rss-item .rss-date {
  background-color: #C76C14 !important;
}

.audience-prospectivefaculty .audience .buttons .btn:hover, 
.audience-prospectivefaculty .events .rss-items li.rss-item .rss-date {
  background-color: #E9E45B !important;
}

.audience-researchinnovation .audience .buttons .btn:hover, 
.audience-researchinnovation .events .rss-items li.rss-item .rss-date {
  background-color: #7CA6C0 !important;
}


/* Resource columns */

.audience-page .resources * {
  text-align: left;
}

.audience-page .resources h2 {
  font-size: 19px;
  margin: 0 0 10px 0;
}

.audience-page .resources .links li, 
.audience-page .resources .links li a {
  font-size: 12px;
  line-height: 1.1em;
  text-align: left !important;
  margin-bottom: 8px;
}


/* Events lists */

.audience-page .events {
  padding-bottom: 30px;
}

.audience-page .events .heading {
  font-size: 18px;
  background-color: #4d4d4f;
  color: #fff;
  margin: 0;
  padding: 10px;
  font-weight: 300;
  line-height: 1.1;
}

.audience-page .events h2 {
  background-color: #4d4d4f;
  color: #fff;
  margin: 0;
  padding: 10px;
}


.audience-page .events .photo-container {
  min-height: 200px;
}

.audience-page .events .photo {
  background-image: url('//www.purdue.edu/purdue/images/about_event.jpg');
  background-size: cover;
  background-position: center center;
  display: block;
  height: 100%;
}

.audience-page .events .rss-items {
  list-style-type: none;
  margin: 0px;
  padding: 0;
  display: block;
}

.audience-page .events .rss-items .rss-item {
  text-overflow: ellipsis;
  font-size: 14px;
  width: 100%;
  height: 60px;
  background-color: #f5f5f5;
  margin: 10px 0 0 0;
  display: flex;
  align-content: space-between;
}

.audience-page .events .rss-items li.rss-item .rss-date {
  font-size:15px;
  background-color:#999;
  display: block;
  padding:10px 15px;
  width:60px;
  height:60px;
  text-align:center;
  color:#fff;
}

.audience-page .events .rss-items .rss-item a {
  color: #a3792c;
  text-decoration:none;
  display: block;
  flex: auto;
  padding: 10px 10px 10px 20px;
  margin: 0;
  overflow:hidden;
}

.audience-page .events .rss-items li.rss-item br {
  display:none;
}


/* Photos next to the events lists */

.audience-facultystaff .events .photo {
  background-image: url("//www.purdue.edu/visit/_images/rtcontentmedia/PMUlawn.jpg") !important;
}

.audience-media .events .photo {
  background-image: url("//www.purdue.edu/visit/_images/rtcontentmedia/PMUlawn.jpg") !important;
}

.audience-prospectivefaculty .events .photo {
  background-image: url("//www.purdue.edu/visit/_images/rtcontentmedia/PMUlawn.jpg") !important;
}


/* Audience Feature */

.audiencefeature {
  background-color: #666;
  background-position: 50% 50%;
  height: auto;
  min-height: 400px;
}

/*
.audiencefeature .caption {
  background: rgba(0, 0, 0, .8);
}
*/

.audiencefeature .caption h2 {
  font-size: 22px;
  font-weight: 300;
  color:#fff;
  text-shadow: 1px 1px 5px #333;
}



      
/* Media queries for a given screen size or LARGER */

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  
  .audience-page .resources h2 {
    font-size: 14px;
  }

  .audience-page .events {
    max-width: 768px;
    margin: auto;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}




/* Media queries for a given screen size or SMALLER */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

}

/* Extra large devices (large desktops)
   No media query since the extra-large breakpoint has no upper bound on its width */