@charset "utf-8";
#navbar-main .navbar-expand{
  --bs-navbar-color: rgba(255, 255, 255, 0.75) !important;
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.90) !important;
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.35) !important;
  --bs-navbar-active-color: #fff !important;
}
#navbar-main {
    background: transparent !important;
}
body.scrolled #navbar-main {
    background: color-mix(in srgb, var(--dark), black 50%) !important;
}

#navbar-main .navbar-brand{
    background: url(https://layout-pennsylvania-college-of-technology.pantheonsite.io/themes/penn_college/img/logo_rev.svg);
    background-repeat: no-repeat;
    background-position: center;
}
#navbar-main .navbar-brand img{
  opacity:.000001;
}
#navbar-main .btn-outline-dark {
   --bs-navbar-color: rgba(255, 255, 255, 0.75) !important;
    --bs-btn-color: var(--bs-navbar-color);
    --bs-btn-border-color: var(--bs-navbar-color);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: rgba(255, 255, 255, 0.90) !important;;
    --bs-btn-hover-border-color: var(--bs-navbar-color);
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--bs-navbar-color);
    --bs-btn-active-border-color: var(--bs-navbar-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-navbar-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-navbar-color);
    --bs-gradient: none;
}
#navbar-main a.btn-outline-dark::before { color:--bs-navbar-color; }
#navbar-main a.btn-outline-dark:hover::before { color: #000; }

#navbar-main  .navbar-extend {
    --bs-navbar-color: rgba(255, 255, 255, 0.55);
    --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
    --bs-navbar-toggler-icon-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
.highlighted {
    position: fixed;
    padding: 1rem 0;
}
header { margin-bottom:calc(-1 * var(--navbar-height)); transition: top .2s;}
body.scrolldown  header { margin-bottom:calc(-1 * var(--navbar-height)); top: calc(-4.5rem - var(--navbar-height));}
#main-wrapper{padding-top:var(--navbar-height); transform: translateY(calc(-1 * var(--navbar-height))); margin-bottom: calc(-1 * var(--navbar-height)); }
.crumb a{
  --bs-link-color: var(--lion-light-blue);
  --bs-link-hover-color: var(--white);
}
.crumb a .text-danger { color:var(--lion-light-blue) !important;}
.crumb a:hover { text-decoration-color:var(--lion-light-blue);}
#main-content{ display: inline !important;}

.course-information-panel.show-desktop > div > div {
    padding: 0 1rem !important;
    position: static !important;
}