/*

	BREAKPOINTS

*/
:root {
  --break-mobile: $break-mobile;
  --break-small: $break-small;
  --break-medium: $break-medium;
  --break-large: $break-large;
  --break-xlarge: $break-xlarge;
  --break-xxlarge: $break-xxlarge;
}

:root {
  --grid-gap: 30px;
}
/*

	CONTAINER UTILITIES

*/
:root {
  --max-width: 100%;
}
@media (min-width: 1210px) {
  :root {
    --max-width: 1210px;
  }
}

/*

	THEME VARIABLES

*/
:root {
  --primary-maroon: #8A1E41;
  --PRIMARY-Maroon: #8A1E41;
  --PRIMARY-Purple: #682571;
  --primary-purple: #682571;
  --secondary-coral: #fc4351;
  --SECONDARY-Orange: #FF9F00;
  --secondary-orange: #FF9F00;
  --secondary-yellow: #ffd400;
  --GRAYS-White: #ffffff;
  --grays-white: #ffffff;
  --grays-lightest-gray: #f5f5f5;
  --GRAYS-Light-Gray: #D9D9D9;
  --grays-light-gray: #d9d9d9;
  --grays-middle-gray: #d0d0d0;
  --GRAYS-Middle-Gray: #d0d0d0;
  --grays-text-gray: #3B3B3B;
  --GRAYS-Text-Gray: #3B3B3B;
  --grayscale-black: #000;
  --grays-black: #000;
}

:root {
  --font-size-default: 1.0625rem;
  --font-size-bigger: calc(20/16 * 1rem);
  --font-size-smaller: calc(14/16 * 1rem);
}

.small-bold-all-caps {
  color: var(--GRAYS-Text-Gray);
  font-size: calc(12 / 16 * 1rem);
  font-variation-settings: "wght" 600;
  line-height: 1.66;
  letter-spacing: calc(0.6 / 16 * 1rem);
  text-transform: uppercase;
}

.side-menu .side-menu-wrap {
  background: var(--primary-maroon);
  padding-top: calc(50 / 16 * 1rem);
  padding-right: calc(30 / 16 * 1rem);
  padding-bottom: calc(50 / 16 * 1rem);
  padding-left: calc(30 / 16 * 1rem);
}
.side-menu .side-menu-wrap h4 {
  color: var(--secondary-yellow);
  text-transform: initial;
  margin-top: calc(0 / 16 * 1rem);
  margin-bottom: calc(20 / 16 * 1rem);
  font-size: calc(25 / 16 * 1rem);
  line-height: calc(33 / 16 * 1rem);
}
.side-menu .side-menu-wrap ul {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: calc(0 / 16 * 1rem);
}
.side-menu .side-menu-wrap ul li {
  padding-left: 0px;
  width: 100%;
  margin-bottom: calc(10 / 16 * 1rem);
}
.side-menu .side-menu-wrap ul li a {
  color: white;
  text-transform: uppercase;
  font-size: calc(14 / 16 * 1rem);
  letter-spacing: calc(1 / 16 * 1rem);
  line-height: 1.4rem;
  padding-top: calc(8 / 16 * 1rem);
  padding-bottom: calc(8 / 16 * 1rem);
  width: 100%;
  font-variation-settings: "wght" 500;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid white;
  transition: all 0.2s;
}
.side-menu .side-menu-wrap ul li a:after {
  content: "";
  position: absolute;
  width: calc(10 / 16 * 1rem);
  height: calc(10 / 16 * 1rem);
  background-color: var(--secondary-yellow);
  mask: url(/wp-content/themes/stephens-college/imgs/arrow.svg);
  mask-size: cover;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: calc(2.5 / 16 * 1rem);
  margin-bottom: calc(2 / 16 * 1rem);
  transition: all 0.2s;
}
.side-menu .side-menu-wrap ul li a:focus, .side-menu .side-menu-wrap ul li a:hover {
  color: var(--secondary-yellow);
  border-color: var(--secondary-yellow);
}
.side-menu .side-menu-wrap ul li a:focus:after, .side-menu .side-menu-wrap ul li a:hover:after {
  background-color: var(--secondary-yellow);
}
.side-menu .side-menu-wrap ul li:last-of-type {
  margin-bottom: 0;
}
.side-menu .side-menu-wrap ul li::before {
  display: none;
}

@media screen and (min-width: 782px) {
  .single-program .side-menu {
    margin-left: 50px;
  }
}
@media screen and (min-width: 1080px) {
  .single-program .side-menu {
    margin-left: 100px;
  }
}

/*# sourceMappingURL=side-menu.css.map */