/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/node/event/event.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.node--event .node__event-date, .node--event .node__content-side .node__side-label {
  font-size: var(--heading-font-size);
  color: var(--heading-color);
  line-height: var(--heading-line-height, 1.1);
  font-family: var(--heading-font-family, Libre Franklin, sans-serif);
  font-weight: var(--heading-font-weight, 700);
  text-transform: var(--heading-text-transform);
  transition: var(--heading-transition, all 200ms ease-in-out);
  margin-bottom: var(--heading-margin-bottom, 0.5em);
}

.node--event .node__event-date {
  --heading-font-size: var(--h5-font-size, clamp(
    1.2rem,
    calc(1.12rem + 0.4vw),
    1.44rem
  ));
  --heading-text-transform: none;
}

.node--event .node__content-side .node__side-label {
  --heading-font-size: var(--h6-font-size, clamp(
    1rem,
    calc(1rem + 0vw),
    1rem
  ));
  --heading-text-transform: uppercase;
}

.node--event .node__event-link a {
  background-color: var(--cta-primary-background-color, #BF1F02);
  border-radius: calc(30px / 2);
  border-color: var(--cta-primary-border-color, transparent);
  border-width: 1px;
  color: var(--cta-primary-color, #ffffff);
  display: inline-flex;
  font-weight: 700;
  padding: 0.75em 1em;
  text-decoration: none;
}
.node--event .node__event-link a:hover, .node--event .node__event-link a:focus {
  --cta-primary-border-color: currentColor;
  background-color: var(--cta-primary-color, #ffffff);
  color: var(--cta-primary-background-color, #BF1F02);
  scale: 1.08;
}

.node--event {
  --node-grid-template-areas:
    "head"
    "cont"
    "side";
}
@media (min-width: 64em) {
  .node--event {
    --node-grid-template-columns: 12;
    --node-grid-template-areas:
      "head head head head head head head head . side side side"
      "cont cont cont cont cont cont cont cont . side side side" ;
  }
}
.node--event .node__event-date {
  margin-top: 0.5em;
  color: #497CBF;
}
.node--event .node__event-notes {
  margin-bottom: 1rem;
  font-size: 0.9128709292rem;
  font-weight: 700;
}
.node--event .node__content-side .node__side-label {
  font-size: 0.8333333333rem;
  font-weight: 700;
  margin-bottom: 0.5em;
}
