/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
.ribbon {
  --ribbon-color: #3792d7;
  background-color: var(--ribbon-color);
}
.ribbon:before {
  border-top-color: var(--ribbon-color);
}
.ribbon:after {
  border-color: var(--ribbon-color) transparent var(--ribbon-color) var(--ribbon-color);
  height: 100%;
}
.ribbon--double-ended:before {
  display: block;
  top: 0;
  left: -0.9375rem;
  border-width: 1.3125rem 0 1.25rem 1rem;
  border-style: solid;
  border-color: var(--ribbon-color) var(--ribbon-color) var(--ribbon-color) transparent;
  height: 100%;
}
.ribbon--medium {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.40625rem 0.75rem;
}
.ribbon--medium:after {
  border-width: 1.1875rem 0.9375rem 1.1875rem 0;
}
.ribbon--medium.ribbon--double-ended:before {
  border-width: 1.1875rem 0 1.1875rem 0.9375rem;
}
.ribbon--primary {
  --ribbon-color: #E63748;
}
@media print, screen and (min-width: 40em) {
  .ribbon--double-ended {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.ribbon {
  padding: 0.5rem 1rem 0.5rem 1rem;
}