.osu-semantic {position: absolute; left: 0; top: -500px; width: 1px; height: 1px; overflow: hidden;}

/* Buckeye Alert */
#buckeye_alert {background:#26686d; color:#fff; margin: 0; padding:10px; font-size: 24px; display:none; font-family:Arial,sans-serif;}
#buckeye_alert h3 {color:#fff; padding:.5em 0 0 0; margin-bottom:0;}
#buckeye_alert p {padding:0.8em 0; margin:0;}
#buckeye_alert a {color:#fff; text-decoration:underline;}

#buckeye_alert_msg, #buckeye_alert_extra {margin: 0 auto; padding: 0px;}

#buckeye_alert_msg p {font-size:.75em; font-weight:bold;}
#buckeye_alert_extra p {font-size:1em; padding-top:0;}


/* Uncomment to use OSU web fonts
  #buckeye_alert {font-family:'proximanova',Arial,sans-serif; font-weight:400;}
  #buckeye_alert_msg p {font-weight:700;}
*/

@media only screen and (max-width: 990px) {
  #buckeye_alert p {padding:.5em;}
  #buckeye_alert_extra p {padding-top:0;}
}

@media only screen and (max-width: 700px) {
  #buckeye_alert_msg p {font-size:.675em;}
  #buckeye_alert_extra p {font-size:0.9em;}
}

/* 2020-COVID UPDATE */
/* _info-links style */
@media (min-width: 320px) {
  .quick-btn:nth-child(1) {
    background-color: #0e4e8e;
    border-radius: 6px;
    color: #fff;
  }

  .quick-btn:nth-child(1) .info-title a:visited {
    color: #fff;
    font-weight: 600;
  }

  .quick-btn:nth-child(1) .info-title a:link {
    color: #fff;
    font-weight: 600;
  }

  .quick-btn:nth-child(2) {
    border:none;
    border-radius: 0;
    color: #b00;
  }

  .quick-btn:nth-child(2):hover {
    border: none;
  }
}

/* _alerts style */
.noty_body a {
  text-decoration: underline;
}

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

.noty_body p{
  margin: 0;
}

/* _banner style */
@media (min-width: 320px) and (max-width: 767px) {
  .slideout-menu .top-three-menu {
    min-width: 150px;
    margin: 8px 0 0 0;
    display: block;
    height: 89px;
  }
  .slideout-menu .icon-menu span {
    color: #222;
    display: block;
    font-size: 12px;
    margin-left: 20px;
    margin-top: -6px;
    text-align: left;
    top: 0;
    width: 95px;
  }

  .slideout-menu .icon-menu-container-covid19 {
    display: block;
    float: left;
    margin: 0 5px;
    background: #0e4e8e;
    border-radius: .25em;
    min-width: 126px;
  }

  .slideout-menu .icon-menu.topnav.covid19 {
    background: #0e4e8e;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .slideout-menu .icon-menu.topnav.covid19 i {
    font-size: 28px;
    left: 7px;
    top: 3px;
  }

  .slideout-menu .icon-menu.topnav.covid19 span {
    background-color: #0e4e8e;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 1.2;
    margin-left: 14px;
    margin-top: -13px;
    min-width: 95px;
    text-align: left;
  }

  .slideout-menu .icon-menu.question span {
    margin-top: -14px;
    min-width: 36px;
    font-size: 12px;
    color: #222;
  }

  .slideout-menu .icon-menu.topnav.question {
    background: #4c4c4c;
    color: #222;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .slideout-menu .icon-menu-container-ask {
    display: block;
    float: left;
    margin-right: 5px;
    border-radius: .25em;
    min-width: 60px;
  }

  .slideout-menu .icon-menu-container {
    display: block;
    float: left;
    height: 38px;
    margin: 15px 0 5px 5px;
    width: 50%;
    padding: 6px 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-inverse .navbar-nav>li>a {
    color: #3d3d3d;
    font-size: 1.0625em;
    font-weight: 300;
    height: 50px;
    text-decoration: none;
  }

  .top-three-menu {
    min-width: 160px;
    margin: 8px 20px 0 0;
  }

  .top-three-menu .icon-menu span {
    display: none;
  }

  .icon-menu-container-covid19 {
    min-width: 45px;
    background: #0e4e8e;
  }

  .icon-menu.topnav.covid19 {
    background: #0e4e8e;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 0 15px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .icon-menu.topnav.covid19 i {
    font-size: 28px;
    left: 11px;
    top: 4px;
  }

  .icon-menu-container-ask {
    min-width: 45px;
    background-color: #fff;
  }

  .icon-menu.question span {
    display:none;
  }

  .icon-menu.topnav.question {
    background: #4c4c4c;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 0 15px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .icon-menu.topnav.question:hover {
    background: #b00;
    color: #fff;
  }

  .icon-menu.topnav.user {
    background: #4c4c4c;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 0 15px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
  }
  .icon-menu-container {
    margin-right: 0;
    min-width: 38px;
  }

}

@media (min-width: 992px) and (max-width: 1199px) {
  .top-three-menu {
    min-width: 320px;
    margin: 8px 40px 0 0;
  }

  .icon-menu-container-covid19 {
    display: block;
    float: left;
    margin-right: 5px;
    background: #0e4e8e;
    border-radius: .25em;
    min-width: 126px;
  }

  .icon-menu.topnav.covid19 {
    background: #0e4e8e;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .icon-menu.topnav.covid19 i {
    font-size: 28px;
    left: 7px;
    top: 3px;
  }

  .icon-menu.topnav.covid19 span {
    background-color: #0e4e8e;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 1.2;
    margin-left: 14px;
    margin-top: -13px;
    min-width: 95px;
    text-align: left;
  }

  .icon-menu.question span {
    margin-top: -14px;
    min-width: 36px;
    font-size: 12px;
    color: #222;
  }

  .icon-menu.topnav.question {
    background: #4c4c4c;
    color: #222;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .icon-menu.topnav.question:hover {
    background: #b00;
    color: #fff;
  }

  .icon-menu-container-ask {
    display: block;
    float: left;
    margin-right: 5px;
    border-radius: .25em;
    min-width: 60px;
  }

  .icon-menu.topnav.user span {
    margin-top: -14px;
    min-width: 36px;
    font-size: 12px;
    color: #222;
  }
}

@media (min-width: 1200px) {
  .top-three-menu {
    min-width: 320px;
    margin: 8px 40px 0 0;
  }

  .icon-menu-container-covid19 {
    display: block;
    float: left;
    margin-right: 5px;
    background: #0e4e8e;
    border-radius: .25em;
    min-width: 126px;
  }

  .icon-menu.topnav.covid19 {
    background: #0e4e8e;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .icon-menu.topnav.covid19 i {
    font-size: 28px;
    left: 7px;
    top: 3px;
  }

  .icon-menu.topnav.covid19 span {
    background-color: #0e4e8e;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 1.2;
    margin-left: 14px;
    margin-top: -13px;
    min-width: 95px;
    text-align: left;
  }

  .icon-menu-container-ask {
    display: block;
    float: left;
    margin-right: 5px;
    min-width: 76px;
  }

  .icon-menu.topnav.question {
    background: #4c4c4c;
    color: #222;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .icon-menu.topnav.question:hover {
    background: #b00;
    color: #fff;
  }

  .icon-menu.question span {
    margin-top: -13px;
    font-size: 12px;
    background-color: #fff;
    color: #222;
  }
}

.dropdown-toggle:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* 2021-Digital Exhibit UPDATE */

.view-digital-exhibits .card {
  background-color: #f6f6f6;
  border: 8px solid #fff;
  border-radius: 14px;
  -webkit-box-shadow: 1px 1px 1px 1px #949494;
  box-shadow: 1px 1px 15px 1px #949494;
  margin-bottom: 20px;
}

.view-digital-exhibits .card-block {
  border-top: 20px solid #960000;
  margin-top: 8px;
  padding: 0 16px 10px;
}

.view-digital-exhibits h2.card-title {
  font-size: 1.5em;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin-top: .5em;
}

.view-digital-exhibits h3.card-title {
  padding-top: 0;
}