/**
 * @file
 * Sidebar Callout styles.
 */
/**
 * @file
 * Dependencies.
 *
 * The necessary dependencies for compiling styles.
 * Nothing here should compile into CSS, helpers only.
 */
/**
 * @file
 * Color variables.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/**
 * @file
 * Typography declarations.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/**
 * @file
 * Custom Functions.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/* Remove the unit of a length.
 * @param {Number} $number - Number to remove unit from
 * @return {Number} - Unitless number
 *
 * Reference: https://css-tricks.com/snippets/sass/strip-unit-function/
*/
/* Convert a value (raw number or pixel size) into rems. */
/**
 * @file
 * General variables.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/**
 * @file
 * Custom Mixins.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
/**
 * Breakpoint
 *
 * usage example:
 * @include breakpoint($feature: max-width, $value: 1509px) {
 *  display: none;
 * }
 */
/* Dynamic containment mixin. */
/**
 * @file
 * Z-Indices.
 *
 * This is imported into dependencies, therefore nothing in here should
 * output .css when compiled.
 */
.sidebar-callout {
  margin-bottom: 6rem;
}
@media screen and (max-width: 73.0625rem) {
  .sidebar-callout {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 47.9375rem) {
  .sidebar-callout {
    margin-bottom: 3rem;
  }
}
.sidebar-callout .underlined {
  border-bottom: 1px solid #D3D3D3;
  padding-bottom: 1.5rem;
  margin-bottom: 2.25rem;
}
@media screen and (max-width: 87.4375rem) {
  .sidebar-callout .underlined {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 47.9375rem) {
  .sidebar-callout .underlined {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}

.sidebar-callout__content {
  margin: 0 0 2rem;
  color: #003366;
  font-size: 1.125rem;
  line-height: 1.6;
}
@media screen and (max-width: 87.4375rem) {
  .sidebar-callout__content {
    font-size: 1rem;
  }
}
@media screen and (max-width: 47.9375rem) {
  .sidebar-callout__content {
    margin-bottom: 1.5rem;
  }
}
.sidebar-callout__content a:not(.green-button) {
  color: #003366;
}

.sidebar-callout__links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-callout__links li {
  margin: 1.75rem 0;
}
@media screen and (max-width: 73.0625rem) {
  .sidebar-callout__links li {
    margin: 1.25rem 0;
  }
}
.sidebar-callout__links a {
  color: #003366;
  font-size: 1.375rem;
  font-weight: 700;
  text-decoration: none;
}
@media screen and (max-width: 87.4375rem) {
  .sidebar-callout__links a {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 73.0625rem) {
  .sidebar-callout__links a {
    font-size: 1.125rem;
  }
}
.sidebar-callout__links a:hover span {
  text-decoration: underline;
}
.sidebar-callout__links svg {
  margin-left: 0.4375rem;
  position: relative;
}
.sidebar-callout__links svg path {
  fill: #003366;
}
@media screen and (max-width: 87.4375rem) {
  .sidebar-callout__links svg {
    margin-left: 0.25rem;
    top: 2px;
  }
}

/*# sourceMappingURL=sidebar-callout.css.map*/