/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./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/paragraph/callout-header/callout-header.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.paragraph--callout-header .paragraph__image > .media {
  --img-height: 100%;
  --img-object-fit: cover;
  --img-width: 100%;
  height: 100%;
}

@media (max-width: 48em) {
  .layout .paragraph--callout-header {
    width: 100%;
    max-width: calc(100vw - (2 * 20px));
    margin-left: auto;
    margin-right: auto;
  }
}

.paragraph--callout-header .paragraph__header > * + * {
  margin-top: 20px;
}
.paragraph--callout-header .paragraph__pre-title {
  font-family: "Mallory";
}
.paragraph--callout-header .paragraph__heading {
  margin-top: 0;
}
.paragraph--callout-header .paragraph__cta-links {
  display: flex;
  flex-direction: column;
}
.paragraph--callout-header .paragraph__cta-links a + a {
  --a-margin: 20px 0 0 0;
}
@media (min-width: 40em) {
  .paragraph--callout-header .paragraph__cta-links {
    display: block;
  }
  .paragraph--callout-header .paragraph__cta-links a {
    --a-margin: 20px 20px 0 0;
  }
  .paragraph--callout-header .paragraph__cta-links a:last-child {
    margin-right: 0;
  }
}
@media (max-width: 40em) {
  .paragraph--callout-header .paragraph__body {
    --p-line-height: 1.4;
  }
}