/**
 * STaNS Open LMS theme assets
 * ---
 *
 * This stylesheet is intended to be placed under
 *
 *   Site administration -> Additional HTML -> Within HEAD
 *
 * like so:
 *
 * <!-- See stans/open-lms#795 -->
 * <link rel="stylesheet" href="https://www.edonline.sk.ca/bbcswebdav/library/open-lms/additionalhtml/css/stans.css?v=1.0.0">
 *
 * See https://projects.edonline.sk.ca/stans/open-lms/-/issues/795
 */

/***************************************************************************************************
 * GLOBAL
 **************************************************************************************************/

/* Default variable values */
:root {
  /* Brand primary colour */
  --brand-primary: #094478;
  --brand-primary-r: 9;
  --brand-primary-g: 68;
  --brand-primary-b: 120;
}

/* Header icon (Snap) */
#snap-home,
#snap-home.logo {
  height: 76px;
  display: inline-flex;
  align-items: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

/* Header icon (Snap) (mobile) */
@media (max-width: 991.98px) {
  #snap-home,
  #snap-home.logo {
    height: 45px;
  }
}

/* Header icon (Boost, Classic) */
nav.navbar .navbar-brand {
  height: calc(50px - 1em);
  width: 19em;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  max-width: 10%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

/* Right sidebar (Snap) */
#snap-sidebar-menu {
  background-color: rgb(
    var(--brand-primary-r) var(--brand-primary-g) var(--brand-primary-b) / 0.8
  );
}

/* Remove switch category dropdown (Boost, Classic) */
#page-course-index-category #switchcategory,
#page-course-index-category form[id^='url_select'] {
  display: none !important;
}

/* Footer right margin fix (Snap) */
footer#moodle-footer {
  margin-right: 0;
  padding-right: calc(4% + 50px);
}

/***************************************************************************************************
 * INDEX PAGE
 **************************************************************************************************/

/* Page header (Snap) */
.theme-snap#page-site-index #page-header {
  background-color: var(--brand-primary);
}

/***************************************************************************************************
 * LOGIN PAGE
 **************************************************************************************************/

/* Login page background */
.theme-snap#page-login-index #page {
  background-color: var(--brand-primary);
  transition: none;
}

/* Login page "already logged in" notice */
.theme-snap#page-login-index #page #notice {
  visibility: hidden;
}