@charset "UTF-8";

/* DESKTOP */
@media screen and (min-width: 1280px) {
  #main-menu a:hover {
    max-width: 20em;
  }
}

/* REDUCED */
@media screen and (min-width: 920px) and (max-width: 1279px) {
  .grid-3-cols {
    --cols: 2;
  }

  #classrooms-carousel items {
    --cols: 2;
  }
}

/* MOBILE */
@media screen and (max-width: 919px) {
  h2 {
    width: 100%;
    text-align: center;
  }
  #main-header .logo {
    height: 3.5em;
  }
  #main-header #user-thumb {
    font-size: 0.9em;
  }

  #classrooms-carousel items {
    --cols: 1;
  }
  #main-menu a {
    padding: 0.9em;
  }
  #messages-page {
    grid-template-columns: 1fr;
    grid-template-areas: "all";
  }
  #message-trays {
    grid-area: all;
  }
  #message-viewer {
    grid-area: all;
    pointer-events: none;
    box-shadow: 0px 0px 0px var(--doc-min-padding) var(--oar-smoke);
  }
  #message-viewer.active {
    background-color: var(--oar-smoke);
    pointer-events: all;
  }
    #message-viewer .no-content {
      display: none !important;
    }
  #message-writer {
    grid-area: all;
  }
  #news-slideshow slide::before {
    background-image: linear-gradient(to right, var(--oar-blue), color-mix(in lab, var(--oar-blue), transparent 20%));
  }
  #profile-info input {
    text-align: center;
  }
  #profile-info .form-group {
    text-align: center;
    align-items: center;
  }
  #pfp-form {
    align-items: center;
    margin-bottom: 2em;
  }
}