/* line 1, assets/stylesheets/brand.css.scss */
:root {
  --brand-blue: #040e85;
  --brand-white: #fff;
  --brand-brown: #c69c6c;
  --brand-body-font-family: "Helvetica", sans-serif;
  --bs-body-font-family: var(--brand-body-font-family) !important;
}

/* line 11, assets/stylesheets/brand.css.scss */
.btn-cta {
  color: var(--brand-white) !important;
  background-color: var(--brand-brown) !important;
  border-color: var(--brand-brown) !important;
}

/* line 15, assets/stylesheets/brand.css.scss */
.btn-cta:hover {
  background-color: var(--brand-white) !important;
  border-color: var(--brand-brown) !important;
  border-width: 3px;
  color: #000 !important;
}

/* line 23, assets/stylesheets/brand.css.scss */
h1, h2, .font-brand-title {
  font-family: 'Sanomat Web';
  font-weight: lighter;
  font-style: italic;
}

/* line 31, assets/stylesheets/brand.css.scss */
.derose_brand .smallcaps {
  font-variant: small-caps;
}

@font-face {
  font-family: 'Sanomat Web';
  src: url(/assets/Sanomat-LightItalic-Web-5fe4dc585255c26089bb1b1fb310b3752d87fbc1cfdc8706f68e34a170fc0dc9.woff2) format("woff2"), url(/assets/Sanomat-LightItalic-Web-a375034ddf08f5b159d21dc447670ad1b94905e5125caf50080ba506a8b1d999.woff) format("woff");
  font-weight: 300;
  font-style: italic;
}

/* line 45, assets/stylesheets/brand.css.scss */
.Sanomat-LightItalic-Web {
  font-family: 'Sanomat Web';
  font-weight: 300;
  font-style: italic;
}

/* line 51, assets/stylesheets/brand.css.scss */
.student-plan-tab {
  position: relative;
}

/* line 55, assets/stylesheets/brand.css.scss */
.student-plan-callout {
  appearance: none;
  position: absolute;
  top: calc(100% + .6rem);
  right: 0;
  z-index: 3;
  width: 12rem;
  padding: .5rem .75rem;
  color: var(--brand-white);
  font-family: inherit;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  background: var(--brand-brown);
  border: 0;
  border-radius: .5rem;
  box-shadow: 0 0.35rem 1rem rgba(4, 14, 133, 0.2);
  cursor: pointer;
  animation: student-plan-callout-nudge 1.8s ease-in-out 3;
}

/* line 76, assets/stylesheets/brand.css.scss */
.student-plan-callout:focus-visible {
  outline: 3px solid var(--brand-blue);
  outline-offset: 3px;
}

/* line 81, assets/stylesheets/brand.css.scss */
.student-plan-callout strong {
  display: block;
  font-weight: 700;
}

/* line 86, assets/stylesheets/brand.css.scss */
.student-plan-callout::after {
  position: absolute;
  right: 1.35rem;
  top: -.45rem;
  width: 0;
  height: 0;
  border-right: .45rem solid transparent;
  border-bottom: 0.5rem solid var(--brand-brown);
  border-left: .45rem solid transparent;
  content: "";
}

@keyframes student-plan-callout-nudge {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.3rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  /* line 110, assets/stylesheets/brand.css.scss */
  .student-plan-callout {
    animation: none;
  }
}

@media (max-width: 600px) {
  /* line 116, assets/stylesheets/brand.css.scss */
  .student-plan-callout {
    width: 10.5rem;
    font-size: .7rem;
  }
}