/*
  CSS variable overrides go in this file.
  e.g.
  :root {
    --primary-rgb: 53, 160, 168;
    --secondary-rgb: 76, 211, 221;
    --body-color-rgb: 255, 255, 255;
    --body-bg-rgb: 15, 15, 15;
  }

  NOTE: Sass variable overrides prefixed with $ should be added to the _variables.scss file instead
*/

:root {
  --primary-rgb: 48, 176, 161;
  --secondary-rgb: 55, 200, 183;
  --body-bg-rgb: 35, 31, 32;

  --navbar-brand-height: 35px;
  --footer-brand-height: 30px;
}

.sponsor-banner .sponsor-picture {
  max-width: 1024px;
}

select#signup_form_gender option[value="diverse"] {
  display: none;
}

/* Smaller logo on mobile */
@media (max-width: 580px) {
  .navbar-brand-logo {
    height: 25px;
  }
}

/* Make annual plan appear before monthly */
.plans-page .plans-container {
  .plan:nth-child(1) {
    order: 2;
  }
  .plan:nth-child(2) {
    order: 1;
  }
  .plan:nth-child(3) {
    order: 3;
  }
}