.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.header__goldBar {
  background: #cfb991;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__goldBar--moButton {
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
  border: none;
  font-size: 1rem;
  color: #000 !important;
}

.header__goldBar--moButton .fa-bars {
  pointer-events: none;
  color: #000 !important;
}

.header__goldBar--moButton:hover {
  cursor: pointer;
}

@media (max-width: 499px) {
  .header__goldBar--moButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.header__goldBar--inner {
  position: relative;
  padding: 0.3rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  width: 1140px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 1199px) {
  .header__goldBar--inner {
    width: 940px;
  }
}

@media (max-width: 990px) {
  .header__goldBar--inner {
    width: 720px;
  }
}

@media (max-width: 499px) {
  .header__goldBar--inner {
    width: 100%;
    padding: 0.75rem 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-transition: height 0.2s linear;
    transition: height 0.2s linear;
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.header__goldBar--menus {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #000 !important;
  background: #cfb991;
}

.header__goldBar--menus a {
  color: #000 !important;
}

@media (max-width: 499px) {
  .header__goldBar--menus {
    position: relative;
    left: 0;
    width: 100%;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    padding: 0.5rem 1rem 0;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    -webkit-transition: height 0.2s linear;
    transition: height 0.2s linear;
    display: none;
    height: 0;
  }
}

.header__goldBar__findInfoFor {
  position: relative;
}

.header__goldBar__findInfoFor button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none;
  border: none;
  font-size: .875rem;
}

.header__goldBar__findInfoFor button span {
  font-size: .675rem;
  pointer-events: none;
  margin-left: 0.25rem;
}

.header__goldBar__findInfoFor button:hover {
  cursor: pointer;
  text-decoration: underline;
}

@media (max-width: 499px) {
  .header__goldBar__findInfoFor button {
    display: none;
  }
}

.header__goldBar__findInfoFor > span {
  display: none;
}

@media (max-width: 499px) {
  .header__goldBar__findInfoFor > span {
    display: block;
    margin-bottom: 1rem;
  }
}

.header__goldBar__findInfoFor ul {
  z-index: 3;
  position: absolute;
  top: calc(100% + 0.2rem);
  left: 0;
  width: auto;
  height: auto;
  background: #cfb991;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  padding: 0.5rem 0.8rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  -webkit-transition: max-height .5s linear;
  transition: max-height .5s linear;
  overflow: hidden;
}

.header__goldBar__findInfoFor ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.header__goldBar__findInfoFor ul li:not(:last-child) {
  margin-bottom: 0.25rem;
}

.header__goldBar__findInfoFor ul li a {
  width: 100%;
  font-size: .95rem;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

.header__goldBar__findInfoFor ul li a:hover {
  cursor: pointer;
  text-decoration: underline;
}

@media (max-width: 499px) {
  .header__goldBar__findInfoFor ul li a {
    white-space: normal;
  }
}

@media (max-width: 499px) {
  .header__goldBar__findInfoFor ul {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
}

@media (max-width: 499px) {
  .header__goldBar__findInfoFor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 55%;
            flex: 1 1 55%;
    margin-right: 1rem;
  }
}

.header__goldBar__quickLinks {
  margin-left: auto;
}

.header__goldBar__quickLinks span {
  display: none;
}

@media (max-width: 499px) {
  .header__goldBar__quickLinks span {
    display: block;
    margin-bottom: 1.5rem;
  }
}

.header__goldBar__quickLinks ul {
  font-size: .875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.header__goldBar__quickLinks ul li {
  margin-right: 1.25rem;
}

.header__goldBar__quickLinks ul li:hover {
  cursor: pointer;
  text-decoration: underline;
}

.header__goldBar__quickLinks ul li a {
  width: 100%;
  font-size: .875rem;
  font-weight: 400;
  text-decoration: none;
  white-space: nowrap;
}

.header__goldBar__quickLinks ul li a:hover {
  cursor: pointer;
  text-decoration: underline;
}

@media (max-width: 499px) {
  .header__goldBar__quickLinks ul li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .header__goldBar__quickLinks ul li:not(:last-child) {
    margin-bottom: 0.6rem;
  }
}

@media (max-width: 499px) {
  .header__goldBar__quickLinks ul {
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 499px) {
  .header__goldBar__quickLinks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 30%;
            flex: 1 1 30%;
  }
}

.header__goldBar__search {
  color: #000 !important;
  background-color: #cfb991;
  border: none;
}

.header__goldBar__search svg {
  pointer-events: none;
}

.header__goldBar__search--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.header__goldBar__search--dropdown {
  position: absolute;
  right: 0;
  background: #cfb991;
  top: 100%;
  padding: 0.35rem 0.5rem;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 15rem;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.header__goldBar__search--dropdown .gsc-search-button {
  display: none;
}

.header__goldBar__search--dropdown .form-group {
  width: 100% !important; 
  margin-bottom: unset;
}

.header__goldBar__search--dropdown .gsc-input {
  padding: 0 !important;
  margin: 0;
}

.header__goldBar__search--dropdown input {
  font-size: 0.8rem !important;
}

@media (max-width: 499px) {
  .header__goldBar__search--dropdown {
    min-width: 0;
    width: 100%;
    position: static;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -webkit-transition: height 0.1s linear;
    transition: height 0.1s linear;
    height: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    overflow: hidden;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

.header__goldBar__search:hover {
  cursor: pointer;
}

@media (max-width: 499px) {
  .header__goldBar__search {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: auto;
  }
}

@media (max-width: 499px) {
  .header__goldBar {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.header__mainNav.container {
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 990px) {
  .header__mainNav.container {
    width: 100% !important;
  }
}

.header__mainNav {
  background-color: #fff;
  height: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  font-family: acumin-pro-semi-condensed, "Franklin Gothic", sans-serif;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  text-transform: uppercase;
}

.header__mainNav button {
  margin: 0;
  padding: 0;
  display: none;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: none;
  border: none;
  font-size: 1rem;
  color: #fff;
  position: relative;
}

.header__mainNav button svg {
  pointer-events: none;
}

.header__mainnavbutton: hover {
  cursor: pointer;
  color: #cfb991;
}

@media (max-width: 990px) {
  .header__mainNav button {
    width: 720px;
    text-align: left;
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0.75rem 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
}

@media (max-width: 767px) {
  .header__mainNav button {
    padding: 0.75rem 1rem;
    width: auto;
  }
}

.header__mainNav--main {
  width: 100%;
  position: relative;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  /* width: 1140px; */
  padding: 0;
}

.header__mainNav--main > ul > li > a:after {
  content: "";
  height: 2px;
  width: calc(100% - 30.4px);
  position: absolute;
  bottom: 12px;
  left: 0.95rem;
  visibility: hidden;
  background: #8e6f3e;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.25s cubic-bezier(1, 0.25, 0, 0.75) 0s;
  transition: all 0.25s cubic-bezier(1, 0.25, 0, 0.75) 0s;
}

@media (max-width: 990px) {
  .header__mainNav--main > ul > li > a:after {
    height: 0;
  }
}

.header__mainNav--main > ul > li:hover > a:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.header__mainNav--main ul {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 990px) {
  .header__mainNav--main ul {
    width: 100%;
    height: auto;
    position: relative;
    left: 0;
    background: black;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1rem;
    padding: 0 0 0.5rem 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (max-width: 767px) {
  .header__mainNav--main ul {
    padding: 0.25rem 1rem;
  }
}

.header__mainNav--main ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  /* position: relative; */
  margin-bottom: 0;
}

@media (max-width: 990px) {
  .header__mainNav--main ul li {
    height: auto;
    display: block;
  }
}

.header__mainNav--main ul li a {
  display: inline-block;
  padding: 0.75rem 0.95rem;
  width: 100%;
  height: auto;
  color: #000;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  position: relative;
}

.header__mainNav--main ul li a span {
  font-size: 0.75rem;
  color: #000;
  margin-left: 0.35rem;
  pointer-events: none;
}

@media (max-width: 990px) {
  .header__mainNav--main ul li a span {
    color: white;
  }
}

@media (max-width: 990px) {
  .header__mainNav--main ul li a {
    padding: 0.35rem 0;
    color: white;
    width: auto;
    position: relative;
  }
}

@media (max-width: 767px) {
  .header__mainNav--main ul li a {
    padding: 0.35rem 0;
  }
}

@media (max-width: 990px) {
  .header__mainNav--main ul li:hover > a {
    color: #cfb991;
  }
}

@media (max-width: 990px) {
  .header__mainNav--main ul li:hover > a > span {
    color: #cfb991;
  }
}

.header__mainNav--main ul li:first-child {
  margin-left: -0.95rem;
}

@media (max-width: 990px) {
  .header__mainNav--main ul li:first-child {
    margin-left: 0;
  }
}

@media (max-width: 1199px) {
  .header__mainNav--main {
    /* width: 940px; */
  }
}

@media (max-width: 990px) {
  .header__mainNav--main {
    /* width: 720px; */
    height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    -webkit-transition: height 0.2s linear;
    transition: height 0.2s linear;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .header__mainNav--main {
    width: 100%;
  }
}

.header__mainNav--dropdownOuter {
  display: none !important;
  position: absolute;
  background: #fff;
  width: auto;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 100%;
  left: 0;
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  text-transform: none;
  z-index: 3000;
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
}

.header__mainNav--dropdownOuter li {
  margin: 0 !important;
}

.header__mainNav--dropdownOuter li:not(:first-child) {
  border-top: 1px solid #c4bfc0;
}

@media (max-width: 990px) {
  .header__mainNav--dropdownOuter li:not(:first-child) {
    border-top: none;
  }
}

.header__mainNav--dropdownOuter li > a {
  padding: 0.6rem 1.3rem !important;
  color: #555960 !important;
}

@media (max-width: 990px) {
  .header__mainNav--dropdownOuter li > a {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    color: #fff !important;
  }
}

.header__mainNav--dropdownOuter li > a > span {
  font-size: 0.65rem !important;
  pointer-events: none;
}

@media (max-width: 990px) {
  .header__mainNav--dropdownOuter li > a > span {
    padding-left: 0.5rem;
  }
}

.header__mainNav--dropdownOuter li:hover > a {
  background-color: #dedede;
  color: #000 !important;
}

@media (max-width: 990px) {
  .header__mainNav--dropdownOuter li:hover > a {
    background-color: inherit;
    color: #cfb991 !important;
  }
}

@media (max-width: 990px) {
  .header__mainNav--dropdownOuter li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: none;
  }
}

@media (max-width: 990px) {
  .header__mainNav--dropdownOuter {
    position: relative;
    top: 0;
    padding-left: 1rem;
  }
}

.header__mainNav--dropdownInner {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  background: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

@media (max-width: 990px) {
  .header__mainNav--dropdownInner {
    position: relative;
    top: 0;
    left: 0;
    padding: 0.2rem 1.3rem !important;
  }
}

.header__mainnav--dropdowninnerli: first-child {
  border-top: none;
}

@media (max-width: 990px) {
  .header__mainNav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: black;
    opacity: 0.9;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
}

@media (max-width: 767px) {
  .header__mainNav {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.show.accordion__content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.show.accordion__content--footer {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.show.header__goldBar--menus {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.show.header__mainNav--dropdownOuter {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.show.header__mainNav--dropdownInner {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.show.header__goldBar__search--dropdown {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  z-index: 2000;
}

.show.header__mainNav--main {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.selected.dropdown-button: after {
  content: "";
  height: 2px;
  width: calc(100% - 30.4px);
  position: absolute;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  bottom: 12px;
  left: 0.95rem;
  background: #8e6f3e;
}

@media (max-width: 990px) {
  .selected.dropdown-button {
    background: black;
    color: #cfb991 !important;
  }

  .selected.dropdown-button span {
    color: #cfb991;
  }

  .selected.dropdown-button: after {
    height: 0;
  }
}

.header__mainnav--main>ul>li>a.is-active-page: after {
  content: "";
  height: 2px;
  width: calc(100% - 30.4px);
  position: absolute;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  bottom: 12px;
  left: 0.95rem;
  background: #8e6f3e;
}

@media (max-width: 990px) {
  .header__mainnav--main > ul > li > a.is-active-page:after {
    height: 0;
  }
}







/*** Modifications for engineering and megamenus ***/

#top-bar-container .header__goldBar__quickLinks ul li:hover {
  cursor: initial;
  text-decoration: none;
}

#top-bar-container .header__goldBar__quickLinks .dropdown-item:hover a, 
#top-bar-container .header__goldBar__quickLinks .dropdown-item:focus a {
  text-decoration: none;
}

#top-bar-container .header__goldBar__quickLinks .dropdown-item:active,
#top-bar-container .header__goldBar__quickLinks .dropdown-item.active {
  background-color: #fff;
}

#top-bar-container,
#top-bar-container a {
  font-family: acumin-pro,"Franklin Gothic",sans-serif;
  line-height: 1.5em;
}

#top-bar-container a,
#top-bar-container a:link,
#top-bar-container a:visited,
#top-bar-container a:active {
  color: #000;
}

#top-bar-container button {
  padding: 0;
}

#top-bar-container svg.svg-inline--fa {
  position: relative;
  top: unset;
}

#top-bar-container button.header__goldBar--moButton svg {
  top: 4px;
}

#top-bar-container button.header__goldBar__search svg {
  top: -2px;
}

#top-bar-container li {
  width: unset;
  margin-bottom: unset;
}

#top-bar-container li.spacer {
  width: 100%;
}

#top-bar-container li.engr-purdue {
  border-right: 1px solid #fff;
  padding-right: 1.25rem;
}

#top-bar-container li.engr-college .dropdown-menu {
  display: none;
  border: none;
  padding: 5px 0;
  background-color: #cfb991;
  z-index: 3000;
}

#top-bar-container li.engr-college .dropdown-menu .dropdown-item {
  margin: 0;
}

#top-bar-container li.engr-college .dropdown-menu .dropdown-item b,
#top-bar-container li.engr-college .dropdown-menu .dropdown-item b a {
  font-size: 16px;
  font-weight: bold;
}

#top-bar-container li.engr-college .dropdown-menu .dropdown-item.no-link:hover {
  cursor: default;
  text-decoration: none;
  background-color: transparent;
}

#top-bar-container .gsc-input-box {
  border-radius: 0;
}

#top-bar-container .header__goldBar__quickLinks {
  margin-left: unset;
  width: 100%;
}

#top-bar-container .header__goldBar,
#top-bar-container .header__goldBar--inner {
  width: 100%;
  max-width: 100%;
}

.header__mainNav--dropdownOuter {
  left: unset;
}

.megamenu .header__mainNav--dropdownOuter {
  flex-direction: row;
  position: absolute;
  width: 100%;
  top: 48px;
  right: 0;
  left: 0;
  padding-bottom: 1.5rem;
}

.megamenu.not-megamenu .header__mainNav--dropdownOuter {
  width: unset;
  right: unset;
  left: unset;
}

.megamenu .header__mainNav--dropdownOuter * {
  text-align: left;
}

.megamenu .header__mainNav--dropdownOuter ul {
  width: 100%;
  flex-direction: column;
  align-items: start;
  flex-wrap: nowrap;
}

.megamenu .header__mainNav--dropdownOuter .sub-nav-group ul {
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.megamenu .header__mainNav--dropdownOuter ul li {
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.megamenu .header__mainNav--dropdownOuter ul li a {
  white-space: normal;
  flex-direction: column;
  align-items: flex-start;
}

.megamenu .header__mainNav--dropdownOuter h3,
.megamenu .header__mainNav--dropdownOuter h3 a {
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

.megamenu .header__mainNav--dropdownOuter h3 {
  margin: .5rem 0 4px 0;
  padding: 0.75rem 0.95rem;
}

.megamenu .header__mainNav--dropdownOuter h3 a {
  margin: 0;
  padding: 0;
}

.megamenu .header__mainNav--dropdownOuter h3 a:hover {
  text-decoration: underline;
}

.megamenu .header__mainNav--dropdownOuter .sub-nav-group {
  flex-direction: column;
  align-items: start;
}

.megamenu .header__mainNav--dropdownOuter .sub-nav-group span {
  display: flex;
  padding: 0.6rem 1.3rem 0 !important;
}

@media (max-width: 499px) {

  #main-nav-menu.nav-menu {
    display: block;
    position: static;
  }

  #main-nav-menu.nav-menu > li {
    display: block !important;
  }
  
  #main-nav-menu.nav-menu li.engr-purdue {
    border-right: none;
    padding-right: 0;
  }
  
  #main-nav-menu.nav-menu > li .dropdown-menu.show {
    display: block;
    float: none;
  }

  #top-bar-container li.spacer {
    height: 0;
    margin: 0;
    padding: 0;
  }

  #top-bar-container li.icon.social {
    float: left;
    margin-bottom: 10px;
  }

  #top-bar-container button.header__goldBar__search svg {
    top: unset;
  }
  
  .header__goldBar.container {
    padding-left: 0;
    padding-right: 0;
  }
  
  .header__goldBar--menus.show {
    margin-bottom: -15px;
  }

  .header__mainNav--main ul {
    padding: 0 0;
  }
  
  .header__goldBar__quickLinks ul {
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
}

@media (max-width: 990px) {

  .header__mainNav button {
    margin: 0;
    padding: .55rem 0;
  }

  .megamenu .header__mainNav--dropdownOuter {
    position: relative;
    top: 0;
  }
  
  .megamenu .header__mainNav--dropdownOuter li > h3 {
    color: #cfb991 !important;
    border-bottom: 1px solid #555960;
    padding: 1rem 0 .5rem 0;
    margin: 0;
  }
  
  .megamenu .header__mainNav--dropdownOuter li > h3 a {
    color: #cfb991 !important;
    margin: 0;
    padding: 0;
  }
  
  .header__mainNav--dropdownOuter li:hover > h3 a {
    color: #fff !important;
  }
  
  .header__mainNav--main ul li > a {
    margin: 0;
    padding: 0.3rem .6rem !important;
  }
  
}


/* add admin-only to any items you want to show only to logged-in admins.
   An is-admin class is added to the HTML element by pyHTMLTag when an admin is logged in. */
.admin-only {
  display: none !important;
}
html.is-admin .admin-only {
  display: block !important;
}

#feature-container .button {
  background       : rgba(0, 0, 0, 0.65);
}
.caption {
  background       : #EEE;
  border-top       : 2px solid #C4BFC0;
  line-height      : 18px;
  margin-top       : 0px;
  padding          : 10px;
  padding-bottom   : 20px;
}
.image {
  padding-bottom    : 30px;
  padding-top       : 30px;
}

.homepage #news-container .story .cc-video-with-link {
  display          : block;
  color            : #333;
  height           : 100%;
  background-color : #EEE;
  text-decoration  : none;
}
.homepage #news-container .story .cc-video-with-link:hover {
  background-color : #C28E0E !important;
}
.homepage #news-container .story .cc-video-with-link:hover a {
  color            : #FFF !important;
}
.cc-video-with-link a {
  background-color : transparent !important;
}
.cc-embed {
  position       : absolute;
  top            : 0;
  left           : 0;
  height         : 100%;
  width          : 100%;
}
.cc-embed-wrapper {
  height         : 0;
  max-width      : 100%;
  overflow       : hidden;
  padding-bottom : 56.25%; /* 16:9 */
  position       : relative;
  width          : 100%;
}

/*** 

  css_utility_styles.css
  
  Useful styles gleaned from multiple locations.
  
***/


/*
  Hiding elements offscreen while keeping them available to screen readers. Source:
  https://www.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden 
  
  .offscreen was a home-grown solution, and is included so as to not break older pages.
  .sr-only is the newer Bootstrap utility, and should be used going forward. 
*/

.offscreen {
  clip: rect(1px 1px 1px 1px) !important; /* IE 6/7 */
  clip: rect(1px, 1px, 1px, 1px) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important; /* added line */
  width: 1px !important;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
 }

/* Added to make focusable elements visible when focused. */

.offscreen:focus,
.sr-only:focus {
  position:relative !important;
  clip:auto !important;
  width:auto !important;
  height:auto !important;
  overflow:auto !important;
  -webkit-clip-path: none !important;
  clip-path: none !important;
}


/* 
  Allows long, visible URLs to wrap so that they won't break out of
  their containers on mobile devices. Source:
  https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
*/

.wrap-urls {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}


.nowrap {
  white-space: nowrap;
}


/*** 

  css_template_bass.css
  
  Styles for constructing the basic layout of our template.
  
***/

* {
  font-family: acumin-pro, "Franklin Gothic", sans-serif;
}

h1, 
.h1,
h2, 
.h2,
h3, 
.h3,
h4, 
.h4,
h5, 
.h5,
h6, 
.h6,
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a {
  color: #555960;
  font-family: acumin-pro-semi-condensed, "Franklin Gothic", sans-serif;
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

h1,
h1 * {
  color: #000;
  font-family: "United Sans",Impact,"Arial Black","sans serif";
  font-size: 28px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
  margin-top: 1.8rem;
  margin-bottom: .9rem;
}

h4 {
  font-size: 18px;
  margin-top: 1.5rem;
  margin-bottom: .8rem;
}

h5 {
  font-size: 16px;
  margin-top: 1.25rem;
  margin-bottom: .5rem;
}

h6 {
  font-size: 14px;
  margin-top: 1rem;
  margin-bottom: .5rem;
}

table, 
p, 
div, 
li,
ul li, 
ol li,
blockquote  {
  font-size: 16px;
}

li {
  margin-bottom: .5em;
}

a { 
  cursor: pointer !important;
  color: #8e6f3e;
}

a:hover,
a:link,
a:visited,
a:active {
  color: #8e6f3e;
}

label {
  font-weight: 700;
}

div.h1 {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.container-fluid {
  margin: 0;
  padding: 0;
}

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

video::-webkit-media-controls-start-playback-button { 
  #display: none !important;
}

.fullscreen-bg-video {
  background-color: transparent !important;
}



/* Top of page */

body {
  margin: 0;
}


/* Top bar containing main navigation menus (on home page), social links, and search */

#top-bar-container {
  min-height: 34px;
  background-color: #cfb991;
  color: #fff;
}

#top-bar {
  
}



/* Site header, with Purdue logo and the name of the site or school */

#site-header-container {
  position: relative;
  background-color: #000;
}

#site-header .header-content {
  width: 100%;
  min-height: 95px;
  text-align: center;
}

#purdue-logo {
  margin: 30px auto;
}
  
#purdue-logo a {
  display: block;
  width: 200px;
  margin: auto;
}
      
#purdue-logo img {
  max-width: 100%;
}

#entity-title {
  margin: 30px auto;
}

#entity-title,
#entity-title a {
  font-family: acumin-pro-condensed, "Franklin Gothic", sans-serif;
  font-weight: bold;
  font-size: 1rem;
  /*letter-spacing: 1px;*/
  color: #fff;
}


#entity-title a:hover {
  text-decoration: none;
}



/* Breadcrumbs and print-friendly version link */

#breadcrumbs {
  position: relative;
  top: 3px;
  padding: 0;
}

#breadcrumbs * {
  font-size: 11px;
}

.breadcrumb {
  font-size:12px;
  background-color: #c4bfc0;
  padding: 0.5rem 1rem;
  border-radius: 0;
}

.breadcrumb ol {
  padding: 0;
  margin: 0;
}

.breadcrumb ol li,
.breadcrumb ol li a {
  /* color:#555960; */
  color: #222;
}

.breadcrumb.uppercase {
  text-transform: uppercase;
}

.breadcrumb-item.active {
  font-weight: bold;
}

.breadcrumb .edit-link {
  text-transform: none !important;
}

#print-friendly-link a {
  color:#555960;
  text-decoration: none;
}



/* Main content styles */

#maincontent {
  padding-bottom: 2rem;
}

#maincontent > .content {
  max-width: 50rem;
}

#maincontent.expand > .content {
  max-width: 100%;
}


/* Content area styles */

#maincontent > .content img {
  max-width: 100%;
}


/* Sidebar styles */

#maincontent > .sidebar {
  padding-top: 2rem;
  max-width: 25rem;
}

#maincontent.expand > .sidebar {
  max-width: unset;
}

#maincontent > .sidebar .sidebar-content {
  margin: 0;
  padding: 0 5px 15px 15px;
}

#maincontent > .sidebar .sidebar-content ul {
  padding: 0;
  margin: 1rem 0 0 0;
  list-style-type: none;
}

#maincontent > .sidebar .sidebar-content li {
  list-style-type: none;
  margin: .5em 0 .5em 0;
  line-height: 1.1em !important;
}

#maincontent > .sidebar .sidebar-content a {
  color: #000;
  text-decoration: none;
}

#maincontent > .sidebar .sidebar-content a:hover,
#maincontent > .sidebar .sidebar-content a:active {
  text-decoration: underline;
}

#maincontent > .sidebar .sidebar-left {
  border: 1px solid #8e6f3e;
}

#maincontent > .sidebar .heading {
  background-color: #555960;
  padding: 10px 5px 10px 15px;
  margin: 1rem -5px 1rem -15px; 
}

#maincontent > .sidebar .sidebar-content .heading,
#maincontent > .sidebar .sidebar-content .heading a,
#maincontent > .sidebar .sidebar-content .heading a:hover {
  font-family: "United Sans",Impact,"Arial Black","sans serif";
  font-size: 1.1rem !important;
  color: #fff !important; 
}

#maincontent > .sidebar .sidebar-content li.heading {
  margin: .5em -5px .5em -15px;
}

#maincontent > .sidebar .sidebar-left .heading {
  background-color: #8e6f3e;
  margin-top: 0; 
}



      
/* 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) {

  #site-header .header-content {
    min-height: 95px;
    display: flex;
    flex-basis: auto;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
  }
  
  #site-header #entity-title {
    text-align: left;
  }
  
  #purdue-logo {
    padding-right: 20px;
    margin: 30px 20px 30px 30px;
    border-right: 2px solid #9d9795;
  }
  
  #purdue-logo a {
    width: 160px;
  }
  
  #entity-title,
  #entity-title a {
    margin: 0;
    font-size: 1.25rem;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  #purdue-logo a {
    width: 190px;
  }

}

/* 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 */


#footer-container {
  min-height: 265px;
  background-color: #000;
}

.footer a:hover,
.footer a:active {
  color: #fff !important;
  text-decoration: underline;
}

.footer #accordion {
  width: 100%;
  position: relative;
  padding: 0;
}

.footer .panel {
  font-size: .9rem;
  line-height: 1.75rem;
  float: left;
  width: 100%;
  margin-top: 0;
  padding: 15px;
  /* border-bottom: solid 1px #555960; */
}

.footer .panel-heading {
  display: block;
  padding: 0;
  background-color: transparent;
  border-bottom: solid 1px #555960;
}

.footer .panel-title {
  color: #ebd99f;
  font-size: 1.15rem;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.footer .panel li {
  margin: 0;
}

.footer .panel-title a,
.footer .panel-title a:hover,
.footer .panel-title a:active,
.footer .panel-title a:visited {
  color: #ebd99f !important;
  text-decoration: none;
}

.footer .panel-title a:hover {
  text-decoration: underline;
}

.footer .panel-title a svg {
  float: right;
}

.footer .panel-title a .fa-plus {
  display: none;
}

.footer .panel-title a .fa-minus {
  display: block;
}

.footer .panel-title a.collapsed .fa-plus {
  display: block;
}

.footer .panel-title a.collapsed .fa-minus {
  display: none;
}

.footer .panel ul {
  padding: 10px 0 0 12px;
  list-style-type: none;
}

.footer .panel ul a,
.footer .panel ul a:visited {
  color: #adadad;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  padding: 3px;
}

.footer .panel ul a:hover {
  text-decoration: underline;
}

.footer .social {
  display: flex;
  justify-content: space-between;
}

.footer .social a {
  color: #999;
  display: inline-block;
  position: relative;
  overflow: hidden;
  max-width: 2.5rem;
  margin: 9px 2%;
  text-align: left;
  text-decoration: none;
}

.footer .social a:visited {
  color: #ccc;
  text-decoration: none;
}

.footer .social a svg {
  width: 100% !important;
}

.footer .motto {
  max-width: 300px;
  margin: 40px auto;
  text-align: center;
}

.footer .motto img {
  display: block;
  max-width: 80%;
  margin: 0 auto 15px;
}

.footer .bottom {
  display: flex;
  padding: 10px;
  background-color: #3b3b3b;
  color: #ccc;
  text-align: center;
}

.footer .bottom p,
.footer .bottom a,
.footer .bottom a:visited {
  color: #ccc;
  font-size: 14px;
}

.footer .bottom a,
.footer .bottom a:visited {
  text-decoration: underline;
}


/* 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) {

  .footer .panel {
    width: 50%;
    padding-top: 25px;
    border-bottom: none;
  }

  .footer .panel .panel-collapse {
    display: block;
  }

  .footer .panel-last {
    width: 100%;
  }

  .footer .panel-title a svg {
    display: none !important;
  }
  
  .footer #accordion ul {
    padding: 0;
  }
  
  .footer .panel-title,
  .footer .panel-last .panel-title,
  .footer #accordion ul a {
    display: inline-block;
    width: 100%;
    padding-left: 0;
    /* border-bottom: 1px solid #555960; */
  }

  .footer .panel-last {
    padding-top: 10px;
    padding-bottom: 25px;
  }

  .footer .panel-last .panel-heading {
    display: none;
  }

  .footer .social {
    justify-content: center;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

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

  .footer .panel-row {
    width: 50%;
    float: left;
  }

}

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

  .footer .panel-row {
    width: 40%;
  }

  .footer .panel-last {
    width: 20%;
    padding-top: 25px;
  }

  .footer .panel-last .panel-heading {
    display: block;
  }

  .footer .social {
    justify-content: start;
  }

  .footer .motto {
    max-width: 200px;
    margin: 5px auto;
    text-align: center;
  }

}




/* 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 */


/* Simple Table */

.simple-table {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
}

.simple-table caption {
  font-weight: bold;
  text-align: left;
  margin: .5em 0px;
}

.simple-table th,
.simple-table td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  padding: .5em 1em;
}

.simple-table.no-borders th,
.simple-table.no-borders td {
  border-bottom: none;
}
  

.simple-table th {
  font-weight: bold;
  vertical-align: bottom;
  font-size: .9em;
  background-color: #eee
}

.simple-table.side-header th {
  vertical-align: top;
}

.simple-table tr.hilight td,
.simple-table td.hilight {
  background-color: #eee;
}

.simple-table tr.border td,
.simple-table td.border {
  border-bottom: 1px solid #ccc;
}

.alternating-rows tr:nth-child(odd) {
  background-color: #eee;
}

.alternating-rows th {
  background-color: #333;
  color: white;
}

.vertical-borders {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;  
}

.vertical-borders td,
.vertical-borders th {
  border-right: 1px solid #ccc;
}

.dotted td {
  border-style: dotted;
}

.dashed td {
  border-style: dashed;
}



.survey-question {
  margin-bottom: 15px;
}

.survey-question-text {
  font-weight: bold;
  margin-bottom: 3px;
}

.survey-question-widget,
.survey-question-example,
.survey-submit-bar {
  margin-left: 0;
}

.survey-question-widget-multiple-scale th,
.survey-question-widget-multiple-scale td {
  text-align: center;
  font-weight: normal;
  padding: 1px .5em 1px .5em;
}

.survey-question-widget-star {
  border-bottom: 1px solid #CCC;
  width: 400px;
  padding: 3px;
}

.survey-question-widget-star-item {
  float: left;
  margin-right: 100px;
}

.survey-question-widget-star-stars {
  float: right;
  padding: 3px;
  cursor: pointer;
}

.survey-question-widget-matrix table {
  border-spacing: 0px;
  border-collapse: collapse;
}

.survey-question-widget-matrix table td {
  padding: 3px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.survey-question-widget-matrix-option-value,
.survey-question-widget-matrix-option-header {
  text-align: center;
}

.survey-question-widget-matrix th.survey-question-widget-matrix-item {
  text-align: left;
}

.survey-error {
  border: 1px solid #C00;
  padding: 3px 3px 8px 3px;
}

.survey-error-text {
  margin: -3px -3px 6px -3px;
  padding: 3px;
  color: #C00;
  background-color: #FDE;
}

.survey fieldset {
  margin-bottom: 15px;
}

.survey fieldset legend {
  margin-bottom: 0;
  padding: 0 .5em;
  width: initial;
  position: relative;
  top: -.1em;
}

.survey fieldset .survey-question {
  margin-bottom: 0;
}



.event-list {
  margin: 1em 0;
  list-style-type: none;
  padding: 0;
}

.event-list-item {
  padding: .75em 0;
  border-bottom: 1px solid #ccc;
}

.event-list-thumb a {
  display: block;
}

.event-list-thumb img {
  max-width: 100%;
  border: 0px;
}

.event-list-title {
  margin-top: 0;
  margin-bottom: .25em;
}

.maincontent .event-list-title a,
.maincontent .event-list-title.medium-title a {
  font-size: 20px;
  line-height: 1.1em;
  text-decoration: none;
}

.event-list-title.small-title a {
  font-size: 18px;
}

.event-list-title.large-title a {
  font-size: 24px;
  line-height: 1.3em;
}

.event-list-date {
  font-size: .8em;
  margin-bottom: .5em;
}

.event-list-batching {
  margin-top: .75em;
  margin-bottom: 1em;
}


/*** Department/office homepage tabs ***/

.feed .tab-pane .event-list {
  margin: 0 10px 10px 10px;
}

.feed .tab-pane .event-list .event-list-item.row {
  margin: 0;
}

.feed .tab-pane .event-list .event-list-item .col {
  padding: 0;
}

.feed .tab-pane .event-list div,
.feed .tab-pane .event-list p,
.feed .tab-pane .event-list li {
  font-size: 12px !important;
  line-height: 1.4em !important;
}

.feed .tab-pane .event-list-title,
.feed .tab-pane .event-list-title a {
  font-size: 14px !important;
  line-height: 1.2em !important;
}

.feed .tab-pane .event-list .no-events {
  margin: 20px 0;
}


/*** Simple sidebar links ***/

.event-list-simple-links ul li div {
  margin: 0 !important;
  padding: 0 !important;
}

.event-list-simple-links ul li,
.event-list-simple-links ul li a,
.event-list-simple-links .event-list-past-link a {
  font-size: 12px !important;
  line-height: 1.1em !important;
  color: #333 !important;
}

.event-list-simple-links ul li {
  margin-bottom: .5em !important;
}

.event-list-simple-links .event-list-past-link {
  margin-left: 15px;
}


/*** Event documents ***/

/* If wrap_show_titles_as_headlines is true, prevent doubling headlines on the page */

html.title-as-headline.purdue-event-document .default-headline,
html.title-as-headline.purdue-event-reference .default-headline {
  display: none;
}

.event-content .event-image-container {
  float: right;
  clear: right;
  width: 250px;
  margin: 5px;
  text-align: center;
}

.event-content .event-image-container .event-image {
  margin: 20px 0;
}

.event-content .event-details {
  width: 100%;
  margin: 0 0 1.5em 0;
}

.event-content .event-details th,
.event-content .event-details td {
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #DDD;
  padding: 3px;
}

.event-content .event-details th {
  font-size: .9em;
  min-width: 8em;
}

/* Fix for URLs forcing the table to bleed off the page from:
   https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/  */
 
.event-content .event-details td {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.event-content .event-details-heading th {
  background-color: #DDD;
  text-align: center;
}

.event-content .event-details .event-priority,
.event-content .event-details .event-college-calendar {
  display: none;
}

.event-content .event-content .event-intro {
  margin-bottom: 1em;
}

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

  .event-content .event-content .event-intro {
    font-size: 16px;
    line-height: 22.8571px;
  }

}

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

  .event-content .event-details {
    float: right;
    clear: right;
    max-width: 250px;
    margin: 0 0 1.5em 1em;
  }

}



/* Fix for intro paragraphs that break on long words on stupid Android phones */

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

  .event-content .event-image-container {
    float: none !important;
    margin-left: 0 !important;
    text-align: left !important;
  }

}


.college .intro {
  background-color:#a3792c;
  padding:30px;
  height:inherit;
}

.college .intro h1 {
  margin-top:0px;
  color:#edb700;
  font-size:22px;
}

.college .intro p {
  color:#fff;
}

.college .intro .btn {
  color:#fff;
  border:1px solid #edb700;
  border-radius:0px;
  width:100%;
  text-align:center;
  text-decoration:none;
  margin:10px 0px;
  white-space: inherit;
}

.college .intro .btn:hover {
  color:#000;
  background-color: #edb700;
}

.hero {
  min-height: 250px;
  position: relative;
  /* background-image: url(//www.purdue.edu/purdue/images/banner1.jpg); */
  background-size: cover;
  background-position: center center;
  border-left: none;
  border-right: 20px solid #fff;
  /* border-bottom: 20px solid #fff; */
  padding: 0px;
  margin: 0 0 20px 0;
}

.hero.no-margin {
  margin: 0;
}


.hero, 
.feed, 
.deptaudience {
}

.deptaudience {
  padding:0px;
}

.deptaudience div {
  padding:0px;
  border-right:20px solid #fff;
  padding:0px !important;
}

.deptaudience div a {
  /*background-color:#3b3b3b;
  background-image:none;*/
  height:140px;
}

.deptaudience div a .caption {
  color: #fff;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
  text-transform: uppercase;
  text-shadow: 2px 2px 5px #000;
  position: absolute;
  bottom: 0px;
  left: 0px;
  padding: 5px;
}

.deptaudience div,
.deptaudience div.currentstudents,
.deptaudience div.prospectivestudents {
  margin-bottom: 20px;
}

.deptaudience div.row {
  margin: 0;
  border: 0;
}




/*** College/school homepages  **/

.feature-links {
  padding-top: 1.5rem;
}

.feature-links a {
  color: #666;
  background-color: #eee;
  width: 100%;
  display: block;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  text-decoration: none;
}

.feature-links a:hover {
  background-color: #666;
  color: #fff;
}

.college {
  padding: 10px;
}

.college .container .row {
  margin: 0;
  height: initial;
}

.college .coe-grid {
  height: inherit;
  padding: 0;
}

.college div {
  padding: 0;
}

.college .box {
  margin: 0;
  padding: 10px;
}

.college .box a {
  display: block;
  position: relative;
  box-sizing: border-box;
  background-clip: border-box;
  background-attachment: scroll;
  background-origin: padding-box;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.college .intro {
  padding: 30px 30px 34px 30px;  /* add 4px to bottom to match 1/2 width of bottom borders on other boxes */
  background-color: #3b3b3b;
}

.college .intro .infographic img {
  max-width: 100%;
  margin-bottom: 30px;
}

.college .intro a {
  display: inline;
}

.college .intro .btn {
  display: block;
  padding: 5px 8px;
  margin: 5px 0;
  white-space: normal;
}

.college a.ourresearch {
  background-image: url('../images/research_banner.jpg');
  background-position: 70% 50%;
  background-color: #7CA6C0;
  border-bottom: 8px solid #7CA6C0;
}

.college a.prospectivefaculty {
  background-image: url('../images/prospectivefaculty_banner.jpg');
  background-color: #E9E45B;
  border-bottom: 8px solid #E9E45B;
}

.college a.futurestudents {
  background-image: url('../images/futurestudents_banner.jpg');
  background-position: 50% 25%;
  background-color: #FFD100;
  border-bottom: 8px solid #FFD100;
}

.college a.currentstudents {
  background-image: url('../images/currentstudents_banner.jpg');
  background-color: #2EAF9B;
  border-bottom: 8px solid #2EAF9B;
}

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

.college a.calendar {
  background-color: #849E2A;
  border-bottom: 8px solid #849E2A;
  font-style: normal;
}

.college a.calendar i.fa {
  color: #FFFFFF;
}

.college a.partnerships i.fa { 
  color: #f5d774;
}

.college a.alums {
  background-image: url('../images/alums_banner.jpg');
  background-color: #5B6870;
  border-bottom: 8px solid #5B6870;
}

.college a.alums i.fa { 
  color: #746c66;
  display: none;
}

.college a i.fa {
  font-size: 70px;
  position: absolute; 
  top: 8px; 
  right: 8px;
}

.college .heading,
.college .short a .caption,
.college .tall a .caption {
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  display: block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
  text-shadow: rgb(0, 0, 0) 2px 2px 5px;
  text-transform: uppercase;
}

.college .short a .caption,
.college .tall a .caption {
  padding: 5px 10px;
  position: absolute;
  left: 10px;
  bottom: 5px;
}

.college .no-shadow .heading,
.college .no-shadow .caption {
  text-shadow: none !important;
}

.college .heading {
  margin-top: 10px;
}


/*** col-sm-* styles ***/

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

  .hero {
    height: 250px;
  }
  
  .college .coe-grid .box.short a {
    height: 100px;
  }
  
  .college .coe-grid .box.tall a {
    height: 220px;
  }

  .college a i.fa {
    font-size: 50px;
    line-height: 50px;
  }

  .college .youtubevideo {
    height: 220px;
  }
  
}



/*** col-md-* styles ***/

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


}



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

  .navbar-nav .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
  }

  .college .container > .row {
    height: 555px;
  }
  
  .college .intro {
    height: 565px;    /* .row height minus 20px row padding */
  }
  
  .college .coe-grid .box.short a {
    height: 165px;
  }
  
  .college .coe-grid .box.tall a {
    height: 370px;
  }

  .college .short a .caption,
  .college .tall a .caption {
    font-size: 16px !important;
    left: 0;
  }

}



/*** col-sm-* styles ***/

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

  .college .container > .row {
    height: 720px;
  }
  
  .college .intro {
    /* height: 700px; */    /* .row height minus 20px row padding */
  }

  .college .intro .infographic img {
    margin-bottom: 0;
  }
  
  .college .coe-grid .box.short a {
    height: 220px;
  }
  
  .college .coe-grid .box.tall a {
    height: 460px;
  }

  .college .coe-grid .box.short-s a {
    height: 100px;
  }

  .college a i.fa {
    font-size: 50px;
    line-height: 50px;
  }

  .college .youtubevideo {
    height: 220px;
  }
  
}



/*** col-lg-* styles ***/

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

  .college .container > .row {
    height: 555px;
  }
  
  .college .intro {
    height: 565px;    /* .row height minus 20px row padding */
  }
  
  .college .coe-grid .box.short a {
    height: 165px;
  }
  
  .college .coe-grid .box.tall a {
    height: 370px;
  }

  .college a i.fa {
    top: 12px;
    right: 12px;
    font-size: 90px;
    line-height: 90px;
  }
  
}




/** Styles for the Carousel widget at /Wraps/Widgets3/Carousel2 **/


.hero .carousel-caption {
  left: 10px;
  bottom: 10px;
  padding: 0px;
  max-width: 90%;
}

.hero .carousel-caption h2 {
  background-color: rgba(255, 155, 26, .5);
  padding: 10px 30px 10px 10px;
  color: #fff;
  text-shadow: none;
  font-size: 18px;
  margin: 0px;
  display: inline-block;
}

.hero .carousel-caption p {
  background-color: rgba(163, 121, 44, .5);
  color: #fff;
  padding: 10px 30px 10px 10px;
  text-shadow: none;
  font-size: 12px;
  margin: 0px;
}

.hero .carousel-caption h2 a,
.hero .carousel-caption p a,
.hero .carousel-caption h2 a:hover,
.hero .carousel-caption p a:hover {
  color: #fff;
  margin: 0px;
  text-shadow: none;
  text-decoration: none;
  position: relative;
}

.hero.error {
  position: relative;
  display: table-cell;
  background-color: #eee;
  color: #ccc;
  vertical-align: middle;
  text-align: center;
}

.hero.error p {
  position: absolute;
  width: 100%;
  top: 45%;
  text-align: center;
}

.hero-carousel {
  min-height: 250px;
  background-color: #eee;
}

.hero-carousel .carousel,
.hero-carousel .carousel-inner,
.hero-carousel .carousel-inner .item {
  height: 100%;
}

.hero-carousel .carousel-inner .item {
  overflow: hidden;
}

.hero-carousel .carousel-inner .item .item-background {
  position: relative;
  max-width: 100%;
}

.hero-carousel .item .carousel-link {
  top: 0;
  left: 0;
}

.hero-carousel .item .carousel-caption {
  left: 24px;
  bottom: 20px;
}

.hero-carousel .carousel-control {
  opacity: .4;
  display: block !important;
}

.hero-carousel .carousel-control:hover {
  opacity: 1;
}

.hero-carousel .carousel-indicators {
  display: block;
  bottom: -10px;
  z-index: 2000;
} 
  
@media only screen and (min-width: 471px) and (max-width: 570px) {

  .hero-carousel {
    min-height: 300px;
  }

  .hero-carousel .item .carousel-caption {
    display: block;
  }

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

  .hero-carousel {
    min-height: 400px;
  }

  .hero-carousel .item .carousel-caption {
    display: block;
  }

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

  .hero-carousel .carousel-inner .item .item-background {
    top: -15%;
  }

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

  .hero-carousel .carousel-inner .item .item-background {
    top: -35%;
  }

}


/** Styles for the Carousel widget at /Wraps/Widgets3/Carousel3 **/


.c3.hero .carousel-caption {
  left: 10px;
  bottom: 10px;
  padding: 0px;
  max-width: 90%;
  text-align: left;
}

.c3.hero .carousel-caption h2 {
  background-color: rgba(00, 00, 00, .8);
  padding: 10px 30px 10px 10px;
  color: #fff;
  text-shadow: none;
  font-size: 18px;
  margin: 0px;
  display: inline-block;
}

.c3.hero .carousel-caption .intro {
  background-color: rgba(142, 111, 62, .85);
  color: #fff;
  padding: 10px 30px 10px 10px;
  text-shadow: none;
  font-size: 12px;
  margin: 0px;
}

.c3.hero .carousel-caption h2 a,
.c3.hero .carousel-caption .intro a,
.c3.hero .carousel-caption h2 a:hover,
.c3.hero .carousel-caption .intro a:hover {
  color: #fff;
  margin: 0px;
  text-shadow: none;
  text-decoration: none;
  position: relative;
}

.c3.hero.error {
  position: relative;
  display: table-cell;
  background-color: #c4bfc0;
  color: #555960;
  vertical-align: middle;
  text-align: center;
}

.c3.hero.error p {
  position: absolute;
  width: 100%;
  top: 45%;
  text-align: center;
}

.c3.hero-carousel {
  min-height: 250px;
  background-color: transparent;
  /* background-color: #c4bfc0; */
}

.c3.hero-carousel .carousel,
.c3.hero-carousel .carousel-inner,
.c3.hero-carousel .carousel-inner .carousel-item {
  height: 100%;
}

.c3.hero-carousel .carousel-inner .carousel-item {
  overflow: hidden;
}

.c3.hero-carousel .carousel-inner .carousel-item .item-background {
  position: relative;
  max-width: 100%;
}

.c3.hero-carousel .carousel-item .carousel-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}

.c3.hero-carousel .carousel-item .carousel-caption {
  left: 24px;
  bottom: 20px;
}

.c3.hero-carousel .carousel-control {
  opacity: .4;
  display: block !important;
}

.c3.hero-carousel .carousel-control:hover {
  opacity: 1;
}

.c3.hero-carousel .carousel-indicators {
  display: flex;
  bottom: -15px;
  z-index: 2000;
} 
  
@media only screen and (min-width: 471px) and (max-width: 570px) {

  .c3.hero-carousel {
    min-height: 300px;
  }

  .c3.hero-carousel .carousel-item .carousel-caption {
    display: block;
  }

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

  .c3.hero-carousel .carousel-item .carousel-caption {
    display: block;
  }

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

  .c3.hero-carousel .carousel-inner .carousel-item .item-background {
    top: -15%;
  }

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

  .c3.hero-carousel .carousel-inner .carousel-item .item-background {
    top: -15%;
  }

}


.feed {
  background-color: #fff;
}

.feed .feed-container {
  height: 100%;
  border: 1px solid #555960;
}

.feed .nav-tabs {
  background-color: #000;
  border: 0;
}

.feed .nav-tabs > li {
  padding: 0;
  margin: 0;
  border: 0;
  border-left: 1px solid #fff;
}

.feed .nav-tabs > li:first-child {
  border-left: 0;
}

.feed .nav-tabs > li > a,
.feed .nav-tabs > li > div {
  border-radius: 0;
  border: 0;
  margin: 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0px;
  letter-spacing: 1px;
  text-decoration: none;
}

.feed .nav-tabs > li > a:hover {
  background-color: #555960;
}

.feed .nav-tabs .nav-link.active,
.feed .nav-tabs .nav-link.active:hover,
.feed .nav-tabs .nav-link.active:focus {
  background-color: #8e6f3e;
  color: #fff;
  border: 0px;
  text-decoration: none;
}

.feed .tab-content {
  background-color: #fff;
  padding: 5px; 
  height: 100%;
}

.feed .tab-content .tab-pane {
  height: 100%;
  overflow: scroll;
}

.feed .tab-content .tab-pane h3 {
  font-size: 22px;
  padding: 1em 15px;
  margin: 0px;
}

.feed .tab-content .tab-pane p {
  padding: 10px 15px 0 0;
}

.feed .tab-content .tab-pane p a {
  text-decoration:none;
}

.feed .tab-content .tab-pane p a:hover {
  text-decoration:underline;
}

.feed .tab-content .tab-pane ul {
  font-size: 16px;
  list-style-type: square;
  padding: 10px 20px 0px 20px;
  margin: 0px 0px 0px 10px;
}

.feed .tab-content .tab-pane ul li a {
  color: #8e6f3e;
}

.feed .tab-content .tab-pane div ul {
  list-style-type: square;
  padding: 20px;
  margin: 0px 0px 0px 10px;
}

.feed .tab-content .tab-pane div ul li {
  line-height: 20px;
  margin-bottom:15px;
}

.feed .tab-content .tab-pane div ul li a {
  color: #8e6f3e;
  font-size: 16px;
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .feed {
    height: 300px;
    margin-bottom: 20px;
  }
  
  .feed .tab-content .tab-pane h3 {
    font-size: 16px;
  }
  
  .feed .tab-content .tab-pane ul {
    font-size: 12px;
  }
  
  .feed .tab-content .tab-pane div ul li {
    line-height:14px;
  }
  
  .feed .tab-content .tab-pane div ul li a {
    font-size:12px;
  }
  
}


/*** 

  css_homepage_bass.css
  
  Most styles used in the layout of the college homepage.
  Some sections will have styles defined in additional stylesheets, 
  like css_homepage_proof_points.css
  
***/

.homepage #maincontent,
.homepage #maincontent .content {
  padding: 0 !important;
}

.homepage main div[id*='container'] {
  position: relative;
}

/* Temporary style to show layout blocks while developing the homepage */

.Xhomepage main div[id*='container'] {
  border: 1px solid #ccc;
}


/* Hide the site header on the homepage in mobile views - 
   discontinued a couple of days after wrap8 launched. */

.homepage #site-header-container {
  /* display: none; */
}


/* Button-like links that serve as headings for homepage sections */

.homepage #maincontent .button,
#maincontent .homepage .button,
.manual-button .button,
.button.manual-button {
  display: inline-block;
  font-family: "United Sans",Impact,"Arial Black","sans serif";
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 8px 3em 6px 3em;
  border: 2px solid #8e6f3e;
}

.homepage  #maincontent .button:hover,
#maincontent .homepage .button:hover,
.manual-button .button:hover,
.button.manual-button:hover {
  color: #fff;
  border-color: #8e6f3e;
  background-color: #8e6f3e;
}

/* Main content headings and blocks on homepage */

.homepage main div[id*='container'] .heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 50px 0;
}
      
.homepage #billboard-container {
}
      
.homepage #billboard-links-container {
}
      
.homepage #social-container {
}

.homepage #social-container .tint-container {
  background-color: #fff;
  margin: 30px 0;
}
      
.homepage #news-container {
}
      
.homepage #events-container {
  margin: 30px auto;
}
      
/* Feature and Dean's sections */

.homepage #feature-container .feature {
  height: 450px;
  color: #fff;
  text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  # background-color: rgba(255, 155, 26, 0.6);    /* Mackey Orange */
  background-color: rgba(110, 153, 180, 0.6);   /* Slayter Blue */
}

.homepage #feature-container:after {
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1.00;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1; 
}

.homepage #feature-container .feature,
.homepage #dean-container .dean {
  display: flex;
  justify-content: center;
  align-content: center;
}

.homepage #feature-container .feature > div,
.homepage #dean-container .dean > div {
  width: 90%;
  padding: 15px 0;
}

.homepage #feature-container .feature .headline a,
.homepage #feature-container .feature .headline a:hover,
.homepage #feature-container .feature .headline a:active {
  text-decoration: none;
  color: #fff;
}

.homepage #feature-container .feature .headline h3,
.homepage #dean-container .dean .headline h3 {
  font-size: 1.7rem;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  margin: 10px 0;
}

.homepage #feature-container .feature .headline h3 strong,
.homepage #dean-container .dean .headline h3 strong {
  font-size: 2rem;
  letter-spacing: 1px;
  color: #fff;
}

.homepage #feature-container .feature .intro {
  border-top: 3px solid #fff;
}

.homepage #feature-container .feature .intro .tagline,
.homepage #dean-container .dean .intro .tagline {
  font-size: 1.25em;
  font-weight: 500;
}

.homepage #dean-container:after {
  content: "";
  background-size: cover;
  background-position: center;
  opacity: 0.25;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1; 
}

.homepage #dean-container .dean {
  height: 330px;
  color: #4c4c4c;
}

.homepage #dean-container .dean:after {
  content: "";
  background-image: url('/Wraps/ECO/wrap8/images/stripes.png');
  background-repeat: repeat;
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1; 
}

.homepage #dean-container .dean .headline a,
.homepage #dean-container .dean .headline a:hover,
.homepage #dean-container .dean .headline a:active {
  text-decoration: none;
  color: #555960;
}

.homepage #dean-container .dean .headline h3 {
  font-size: 1.25rem;
  letter-spacing: 0px;
  color: #555960;
}

.homepage #dean-container .dean .headline h3 strong {
  font-size: 1.75rem;
  letter-spacing: 0px;
  color: #555960;
}

.homepage #dean-container .dean .intro {
  border-top: 3px solid #555960;
}


/* 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) {


  .homepage #site-header-container {
    display: block;
  }
   
  .homepage #feature-container .feature > div,
  .homepage #dean-container .dean > div {
    align-self: center;
    width: unset;
    padding: 0 15px;
  }

  .homepage #feature-container .feature .intro,
  .homepage #dean-container .dean .intro {
    border-top: none;
    border-left: 3px solid #fff;
  }

  .homepage #dean-container .dean .intro {
    border-top: none;
    border-left: 3px solid #555960;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  
  .homepage #college-proof-points-container {
    margin-top: -9rem;
  }


  /* Breadcrumbs for sub-site homepages*/
  #billboard-container + .breadcrumb.row,
  #billboard-links-container + .breadcrumb.row {
    margin-top: -9rem;
  }
}

/* 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 */


/*** 

  css_homepage_billboard.css
  
***/

.homepage #billboard-container {
  background-color: #ccc;
  height: 275px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}
      
.homepage #billboard-links-container {
  background-color: #000;
  padding: 15px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  z-index: 2000;
}
      
.homepage #billboard-links-container .button {
  color: #fff;
  padding: 8px 10px 6px 10px;
  margin: 5px;
}
      
.homepage #billboard-links-container .button {
  color: #fff;
  padding: 8px 10px 6px 10px;
  margin: 5px;
}


/* Video billboard backgrounds */

.homepage #billboard-container.video-bg {
  height: 175px;
  overflow: hidden;
}

.homepage #billboard-container.video-bg video {
  height: 100%;
  margin-left: -35%;
}


@media (min-width: 380px) and (max-width: 409.875px) {

  .homepage #billboard-container, 
  .homepage #billboard-container.video-bg {
    height: 200px;
  }
  
  .homepage #billboard-container.video-bg video {
    margin-left: -30%;
  }

}


@media (min-width: 410px) and (max-width: 499.875px) {

  .homepage #billboard-container, 
  .homepage #billboard-container.video-bg {
    height: 200px;
  }
  
  .homepage #billboard-container.video-bg video {
    margin-left: -25%;
  }

}


@media (min-width: 500px) and (max-width: 575.875px) {

  .homepage #billboard-container.video-bg {
    height: 275px;
  }
  
  .homepage #billboard-container.video-bg video {
    margin-left: -30%;
  }

}


@media (min-width: 1400px) {
  
  .homepage #billboard-container.video-bg video {
    margin-left: -20%;
  }

}


@media (min-width: 1600px) {
  
  .homepage #billboard-container.video-bg video {
    margin-left: -10%;
  }

}


@media (min-width: 1800px) {
  
  .homepage #billboard-container.video-bg video {
    margin-left: -5%;
  }

}


@media (min-width: 2000px) {
  
  .homepage #billboard-container.video-bg video {
    height: auto;
    width: 100%;
    margin-left: auto;
  }

}


/* 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) {
    
  .homepage #billboard-container,
  .homepage #billboard-container.video-bg {
    height: 350px;
  } 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
  .homepage #billboard-container,
  .homepage #billboard-container.video-bg {
    height: 425px;
  }  
     
  .homepage #billboard-links-container {
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,.7), rgba(0,0,0,0.85));
    height: 9rem;
    position: relative;
    top: -9rem;
  }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
  .homepage #billboard-container,
  .homepage #billboard-container.video-bg {
    height: 550px;
  }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
  .homepage #billboard-container,
  .homepage #billboard-container.video-bg {
    height: 625px;
  }

}




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

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .homepage #billboard-container {
    height: 200px;
  }
}

/* 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 */


/*** 

  css_homepage_news.css
  
  Styles for the homepage news list.
  
***/

.homepage #news-container {
}

.homepage #news-container .news {
  justify-content: space-between;
}

.homepage #news-container .top-story {
  margin: 2em 0;
}

.homepage #news-container .story {
  padding: 0;
  margin: 1em 0;
}

.homepage #news-container .story a {
  display: block;
  height: 100%;
  color: #333;
  background-color: #eee;
  text-decoration: none;
}
.homepage #news-container .story a:hover,
.homepage #news-container .story a:active {
  color: #fff;
  background-color: #c28e0e;
}

.homepage #news-container .story .image {
  height: 200px;
  background-size: cover;
  background-position-y: 20%;
  background-position-x: 50%;
}

.homepage #news-container .story .title {
  font-size: 1rem;
  font-weight: 600;
  margin: 1rem;
}

/*.homepage #news-container #suggestions {
  margin-top: 1em;
}*/




/* 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) {

  .homepage #news-container .story {
    max-width: 45%;
  }
  
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .homepage #news-container .story {
    max-width: 30%;
  }

}

/* 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 */


/*** 

  css_homepage_events.css
  
  Styles for the homepage event list.
  
***/

#events-container .events {
  margin-bottom: 30px;
}

#events-container .event {
  padding-bottom: 30px;
}

#events-container .event-details {
  border-left: 2px solid #8E6F3E;
}

#events-container .event a {
  display: block;
  color: #333;
  text-decoration: none !important;
  padding: 2px 3px;
}

#events-container .event a:hover,
#events-container .event a:active {
  background-color: #ebd99f;
}

#events-container .event a .headline {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 .25em 0;
}

#events-container .intro {
  font-size: .8rem;
  line-height: .9rem;
}

#events-container .event-date {
  padding-left: 0;
}

#events-container .month {
  color: #fff;
  background-color: #9d9795;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1px;
  padding: 3px 2px 2px 2px;
}

#events-container .day {
  color: #555960;
  font-size: 2.5rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
}



/* 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) {

}

/* 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 */


/*** 

  css_homepage_proof_points.css
  
  Styles for the homepage proof points.
  
***/


/* Containers for college and school proof points */

.proof-points-container {
  padding: 40px 0;
}


/* Proof points */

.proof-point {
  width: 235px;
  height: 235px;
  border-radius: 50%;
  background-size: cover;
  background-color: #ccc;
}

.proof-point-link {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.proof-point-link:hover,
.proof-point-link:active {
  text-decoration: none;
}

#college-proof-points-container .proof-point {
  background-color: #CFB991;
}

#school-proof-points-container .proof-point {
  background-color: #5b6870;
}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .carousel-item .proof-point {
    width: 200px;
    height: 200px;
  }
  
}



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

  .carousel-item .proof-point {
    width: 235px;
    height: 235px;
  }

}



/*** 

  multi_item_bs_carousel_mod.css
  
  Styles for the homepage proof points carousel.
  
  These styles, along with the script at /Wraps/ECO/wrap8/scripts/multi_item_bs_carousel_mod.js,
  modify the Bootstrap 4 carousel so that it displays 1, 2, or 3 items at once, depending on 
  the window size. 
  
  It also allows the user to scroll either left or right immediately upon page load. Scrolling in
  one direction will cycle through all slides infinitely.
  
***/

/* Push the control arrows to the left and right edges */

.pp .carousel-control-prev {
  justify-content: left;
}

.pp .carousel-control-next {
  justify-content: right;
  flex-direction: row-reverse;
}

/* Because justify-content and flex-direction didn't work for the "next" control in Firefox/MacOS */

.pp .carousel-control-prev svg {
  position: absolute;
  left: 0;
  top: 45%;
}

.pp .carousel-control-next svg {
  position: absolute;
  right: 0;
  top: 45%;
}


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

  .pp .carousel-inner {
    flex-wrap: nowrap;
  }
  
  .pp .carousel-inner .carousel-item-next,
  .pp .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  /* show 2 items */
  .pp .carousel-inner .active,
  .pp .carousel-inner .active + .carousel-item {
    display: block;
  }
  
  .pp .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .pp .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none;
  }
  
  .pp .carousel-inner .active.carousel-item + .carousel-item + .carousel-item  {
    position: absolute;
    top: 0;
    right: -50%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
    
  /* left or forward direction */
  .pp .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .pp .carousel-item-next.carousel-item-left + .carousel-item,
  .pp .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  
  /* farthest right hidden item must be abso position for animations */
  .pp .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: -50%;
    z-index: -1;
    display: block !important;
    visibility: visible !important;
  }
  
  /* right or prev direction */
  .pp .carousel-item-prev.carousel-item-right,
  .pp .carousel-item-prev.carousel-item-right + .active.carousel-item-right,
  .pp .carousel-item-right + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: block;
    visibility: visible;
  }

}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  /* show a third item */
  .pp .carousel-inner .active,
  .pp .carousel-inner .active + .carousel-item,
  .pp .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }
  
  .pp .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .pp .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }
  
  .pp .carousel-inner .active.carousel-item + .carousel-item + .carousel-item  {
    position: relative;
    right: auto;
    z-index: auto;
  }
  
  .pp .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item  {
    position: absolute;
    top: 0;
    right: -33.333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  
  /* left or forward direction */
  .pp .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .pp .carousel-item-next.carousel-item-left + .carousel-item,
  .pp .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .pp .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  
  /* farthest right hidden item must be abso position for animations */
  .pp .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: -33.333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }
  
  /* right or prev direction */
  .pp .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .pp .carousel-item-prev.carousel-item-right + .carousel-item,
  .pp .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .pp .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: block;
    visibility: visible;
  }

}


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

}


/*** 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 */



.alpha-links span {
  padding-right: 3px;
}

.people-list > .row,
.people-list > section > .row  {
  margin: 0;
  padding: .75em 0;
  border-top: 1px solid #ccc;
  position: relative;
}

.people-list .list-photo.pull-left {
  text-align: left;
  padding-left: 0;
}

.people-list .list-photo.pull-right {
  text-align: right;
  padding-right: 0;
}

.people-list .list-photo img {
  border: 0;
  max-width: 100%;
}

.people-list-edit {
  font-size: 10px;
  color: #ccc !important;
  text-decoration: none !important;
}


/** 
    Styles for sites based on our common lab/group template structure
    Every selector should start with .lab-group-site so as to avoid
    messing up the college or school sites!
**/


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

.lab-group-site .hero {
  background-image: url('./images/homepage-hero.jpg');
}


/*** Misc homepage tweaks ***/

.lab-group-site .group-homepage h1:first-of-type {
  margin-top: 0;
}


/*** Set styles for the components on the homepages ***/

.lab-group-site .group-homepage .hero,
.lab-group-site .group-homepage .feed,
.lab-group-site .group-homepage .deptaudience {
  height: 100%;
}

.lab-group-site .group-homepage .hero,
.lab-group-site .group-homepage .feed .feed-container {
  overflow: hidden;
}

.lab-group-site .group-homepage .hero {
  border: 0;
  margin-bottom: 0;
}

.lab-group-site .group-homepage .maincontent {
  margin-bottom: 2rem;
}


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

.lab-group-site .top .department a {
  line-height: 1.3em;
  position: relative;
  top: 0px;
}

.lab-group-site.homepage #maincontent {
  padding-bottom: 2rem !important;
}


/*** Styles for the four-box grid homepage option. 
     If you don't specify valid background-image URLs, the boxes will be solid colors.  ***/
     
.lab-group-site .deptaudience {
  display: grid;
}

.lab-group-site .deptaudience div {
  border-right: none;
  padding: 0px;
  margin-bottom: 1rem;
}

.lab-group-site .box a {
  display: block;
  height: 100%;
  background-position: 50% 50%;
  background-color: rgba(0,0,0,0.80);
  font-family: "United Sans",Impact,"Arial Black","sans serif";
  font-size: 1rem;
  text-align: center;
  color: #fff;
}

.lab-group-site .deptaudience .box .caption {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: uppercase;
  text-shadow: none;
  display: inline;
  position: initial;
  bottom: unset;
  left: unset;
  padding: 0;
  background-color: transparent;
  border: none;
}

/* 

  .lab-group-site .box1 a,
  .lab-group-site .box2 a,
  .lab-group-site .box3 a,
  .lab-group-site .box4 a {
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    color: #fff;
    text-decoration: none;
  }

  .lab-group-site .box1 a {
    background-image: url("./images/your-image-1.jpg");
  }
  
  .lab-group-site .box2 a {
    background-image: url("./images/your-image-2.jpg");
  }
  
  .lab-group-site .box3 a {
    background-image: url("./images/your-image-3.jpg");
  }
  
  .lab-group-site .box4 a {
    background-image: url("./images/your-image-4.jpg");
  }
  
  .lab-group-site .no-images .box a {
    background-image: none !important;
  }
  
  .lab-group-site .box1 a .caption,
  .lab-group-site .box2 a .caption,
  .lab-group-site .box3 a .caption,
  .lab-group-site .box4 a .caption {
    text-shadow: 2px 2px 5px #000;
  }
  
*/


/*** Featured link buttons ***/

.feature a {
  display: block;
  font-family: "United Sans",Impact,"Arial Black","sans serif";
  color: #000;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 8px 3em 6px 3em;
  border: 2px solid #8e6f3e;
}

.feature a:hover {
  color: #fff;
  border-color: #8e6f3e;
  background-color: #8e6f3e;
}


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

.lab-group-site .maincontent img {
  max-width: 100%;
}


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

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


/*** Changes to navigation menus ***/

.lab-group-site #top-bar .sub-nav.open {
  width: initial;
  left: initial;
}

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

  .lab-group-site .group-homepage .feed {
    height: 200px;
  }
  
  .lab-group-site .grid-links {
    height: 200px;
  }

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

  .lab-group-site .top .department a {
    line-height: 1.3em;
    position: relative;
    top: 2px;
  }
  
  .lab-group-site .hero-header {
    height: 300px;
  }

}

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

  .lab-group-site .top .department a {
    top: 2px;
  }
  
  .lab-group-site .hero-header {
    height: 375px;
  }

}

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

  .lab-group-site .top .department a {
    line-height: 1.2em;
    position: relative;
  }
  
  .lab-group-site .hero-header {
    height: 425px;
  }

}


@font-face{
  font-family:'Champion Bantamweight';
  src:url("https://www.purdue.edu/purdue/fonts/014DDFE5073BED9A0.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/014DDFE5073BED9A0.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion-HTF-Bantamweight';
  src:url("https://www.purdue.edu/purdue/fonts/014DDFE5073BED9A0.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/014DDFE5073BED9A0.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion Featherweight';
  src:url("https://www.purdue.edu/purdue/fonts/7BDEF0437B0409127.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/7BDEF0437B0409127.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion-HTF-Featherweight';
  src:url("https://www.purdue.edu/purdue/fonts/7BDEF0437B0409127.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/7BDEF0437B0409127.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion Lightweight';
  src:url("https://www.purdue.edu/purdue/fonts/BA614B8650880A570.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/BA614B8650880A570.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion-HTF-Lightweight';
  src:url("https://www.purdue.edu/purdue/fonts/BA614B8650880A570.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/BA614B8650880A570.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion Welterweight';
  src:url("https://www.purdue.edu/purdue/fonts/E4DB780C093CE14E3.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/E4DB780C093CE14E3.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion-HTF-Welterweight';
  src:url("https://www.purdue.edu/purdue/fonts/E4DB780C093CE14E3.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/E4DB780C093CE14E3.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion Middleweight';
  src:url("https://www.purdue.edu/purdue/fonts/C77BA6A4AFC66A1E8.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/C77BA6A4AFC66A1E8.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion-HTF-Middleweight';
  src:url("https://www.purdue.edu/purdue/fonts/C77BA6A4AFC66A1E8.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/C77BA6A4AFC66A1E8.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion Heavyweight';
  src:url("https://www.purdue.edu/purdue/fonts/513DCFF5E1F802522.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/513DCFF5E1F802522.woff") format("woff");
  font-weight:400;
  font-style:normal;
}
@font-face{
  font-family:'Champion-HTF-Heavyweight';
  src:url("https://www.purdue.edu/purdue/fonts/513DCFF5E1F802522.woff2") format("woff2"),url("https://www.purdue.edu/purdue/fonts/513DCFF5E1F802522.woff") format("woff");
  font-weight:400;
  font-style:normal;
}


.level {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between; 
}

.level code {
  border-radius: 4px; }
  
.level img {
  display: inline-block;
  vertical-align: top; }
  
.level.is-mobile {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; 
}
  
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; 
}
  
.level.is-mobile .level-left + .level-right {
  margin-top: 0; 
}
  
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
  
.level.is-mobile .level-item:not(.is-narrow) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
            
@media screen and (min-width: 768px), print {
  .level {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; 
  }
  .level > .level-item:not(.is-narrow) {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1; 
  } 
}

.level-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center; 
}
  
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0; 
}
    
@media screen and (max-width: 767px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem; 
  } 
}

.level-left,
.level-right {
  -webkit-flex-basis: auto;
  flex-basis: auto;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0; 
}
          
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1; 
}
            
@media screen and (min-width: 768px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem; 
  } 
}

.level-left {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start; 
}
          
@media screen and (max-width: 767px) {
  .level-left + .level-right {
    margin-top: 1.5rem; 
  } 
}
    
@media screen and (min-width: 768px), print {
  .level-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; 
  } 
}

.level-right {
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; 
}
  
@media screen and (min-width: 768px), print {
  .level-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; 
  } 
}

.post__date-line {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  width: 100%;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid black;
  margin-bottom: 2.5rem; 
}
  
@media screen and (max-width: 767px) {
  .post__date-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; 
  } 
}
              
.post__date-line--date {
  font-family: "United Sans";
  font-size: 1rem;
  text-transform: uppercase;
  padding-right: 1.25rem;
  border-right: 1px solid black;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
          flex: 0 0 auto;
  color: #8e6f3e; 
}
  
@media screen and (max-width: 767px) {
  .post__date-line--date {
    border-right: none;
    margin-bottom: 1rem; 
  } 
}
    
.post__date-line--share {
  padding-left: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #8e6f3e; 
}
  
@media screen and (max-width: 767px) {
  .post__date-line--share {
    padding-left: 0; 
  } 
}
  
.post__date-line--share p {
  font-family: "United Sans";
  font-size: 1rem;
  text-transform: uppercase;
  margin-right: 0.75rem; 
}

.post__date-line--share .icon {
  color: #707070; 
}
    
.post__date-line--share .icon:hover {
  color: #8e6f3e; 
}
        
.post__date-line--share p {
  margin-top: 0;
  margin-bottom: 0;
}

.about-purdue-engineering-footer {
  margin-top: 3rem;
  font-size: .8rem;
  font-style: italic;
}


.printable-page header h1,
.printable-page header > a,
.printable-page header #top-bar-container,
.printable-page #maincontent .sidebar,
.printable-page footer {
  display: none !important;
}

.printable-page header #site-header-container {
  background-image: none;
}

.printable-page .breadcrumb {
  padding-left: 15px;
  color: #333;
}

.printable-page .breadcrumb-item a {
  color: #333;
}

.printable-page .breadcrumb,
.printable-page .breadcrumb ol {
  background-color: transparent;
}

.printable-page #maincontent {
  width: 100%;
  margin: 1em;
}

.printable-page a {
  /*border-bottom: underline;*/
}