/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-info-ribbon {
  background-color: var(--dark-blue);
  overflow: hidden; }
  .section-info-ribbon .ribbon-wrapper {
    overflow: hidden;
    padding-left: 0;
    display: flex; }
    .section-info-ribbon .ribbon-wrapper .ribbon {
      gap: .3em;
      align-items: center;
      padding: 15px 0.3em;
      display: flex;
      position: relative;
      white-space: nowrap; }
      @media (min-width: 981px) {
        .section-info-ribbon .ribbon-wrapper .ribbon {
          padding: 30px 0.3em; } }
      .section-info-ribbon .ribbon-wrapper .ribbon h3 {
        color: var(--green);
        margin: 0 .5em; }
      .section-info-ribbon .ribbon-wrapper .ribbon .info {
        color: var(--green); }
        .section-info-ribbon .ribbon-wrapper .ribbon .info:last-of-type .ampersands {
          display: none; }
        .section-info-ribbon .ribbon-wrapper .ribbon .info h3 {
          display: flex;
          align-items: center;
          gap: .5em; }
          .section-info-ribbon .ribbon-wrapper .ribbon .info h3 .text-white {
            color: var(--white); }

/*# sourceMappingURL=info-ribbon.css.map */