/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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--dissc.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.color-scheme-tobin-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-tobin-blue.paragraph--callout-header [class$=__cta-links] a, .color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-yale-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-light-gray.paragraph--callout-header a.cta-link-primary, .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-yale-medium-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-dissc-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2) {
  --cta-padding: 1.2em 1.7em;
  --cta-border-radius: 4px;
  --cta-font-family: Mallory;
  --cta-font-weight: 700;
  --cta-text-transform: uppercase;
  --cta-text-decoration: none;
  --cta-width: auto;
  --cta-display: inline-block;
  --cta-text-align: center;
  --cta-font-size: 0.7501875469rem;
}

.color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-yale-medium-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-dissc-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2) {
  --cta-color: #fff;
  --cta-background-color: #00356b;
}

.color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-yale-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-light-gray.paragraph--callout-header a.cta-link-primary, .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:nth-child(1) {
  --cta-color: #fff;
  --cta-background-color: #286dc0;
}

.color-scheme-tobin-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-tobin-blue.paragraph--callout-header [class$=__cta-links] a {
  --cta-color: #000033;
  --cta-background-color: #63aaff;
  --cta-border-color: #63aaff;
}

.color-scheme-tobin-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-tobin-blue.paragraph--callout-header [class$=__cta-links] a, .color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-yale-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-light-gray.paragraph--callout-header a.cta-link-primary, .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-yale-medium-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-dissc-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2) {
  --a-text-decoration: var(--cta-text-decoration);
  --a-border-radius: var(--cta-border-radius);
  --a-text-transform: var(--cta-text-transform);
  --a-font-size: var(--cta-font-size);
  --a-font-family: var(--cta-font-family);
  --a-font-weight: var(--cta-font-weight);
  --a-padding: var(--cta-padding);
  --a-width: var(--cta-width);
  --a-display: var(--cta-display);
  --a-text-align: var(--cta-text-align);
}
.color-scheme-tobin-blue.paragraph--callout-header a.cta-link-primary:hover, .color-scheme-tobin-blue.paragraph--callout-header [class$=__cta-links] a:hover, .color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:hover:nth-child(1), .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:hover:nth-child(2), .color-scheme-yale-blue.paragraph--callout-header a.cta-link-primary:hover, .color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:hover:nth-child(2), .color-scheme-light-gray.paragraph--callout-header a.cta-link-primary:hover, .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:hover:nth-child(1), .color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:hover:nth-child(1), .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:hover:nth-child(1), .color-scheme-yale-medium-blue.paragraph--callout-header a.cta-link-primary:hover, .color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:hover:nth-child(2), .color-scheme-dissc-blue.paragraph--callout-header a.cta-link-primary:hover, .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:hover:nth-child(2) {
  --a-opacity: 0.8;
}

.color-scheme-yale-medium-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-dissc-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2) {
  --a-color: var(--cta-color);
  --a-background-color: var(--cta-background-color);
}

.color-scheme-yale-medium-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-dissc-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1) {
  --a-color: var(--cta-background-color);
  --a-background-color: var(--cta-color);
}

.color-scheme-yale-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(2), .color-scheme-light-gray.paragraph--callout-header a.cta-link-primary, .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:nth-child(1) {
  --a-color: var(--cta-color);
  --a-background-color: var(--cta-background-color);
}

.color-scheme-yale-blue.paragraph--callout-header [class$=__cta-links] a:nth-child(1), .color-scheme-light-gray.paragraph--callout-header [class$=__cta-links] a:nth-child(2) {
  --a-color: var(--cta-background-color);
  --a-background-color: var(--cta-color);
}

.color-scheme-tobin-blue.paragraph--callout-header a.cta-link-primary, .color-scheme-tobin-blue.paragraph--callout-header [class$=__cta-links] a {
  --a-border-color: var(--cta-border-color);
  --a-color: var(--cta-color);
  --a-border-width: 1px;
}
.color-scheme-tobin-blue.paragraph--callout-header a.cta-link-primary:hover, .color-scheme-tobin-blue.paragraph--callout-header [class$=__cta-links] a:hover {
  --a-background-color: var(--cta-background-color);
  --a-color: var(--cta-hover-color, var(--cta-color));
}

.color-scheme-yale-blue.paragraph--callout-header {
  --color-scheme-a-color: #fff;
  --color-scheme-header-background-color: #00356b;
  --color-scheme-header-color: #fff;
  --color-scheme-heading-color: #fff;
  --color-scheme-type-label-color: #fff;
  --color-scheme-cta-link-secondary-color: #fff;
}
.layout--background .color-scheme-yale-blue.paragraph--callout-header {
  --color-scheme-type-label-color: #00356b;
}
.color-scheme-yale-medium-blue.paragraph--callout-header {
  --color-scheme-a-color: #fff;
  --color-scheme-header-background-color: #286dc0;
  --color-scheme-header-color: #fff;
  --color-scheme-heading-color: #fff;
  --color-scheme-type-label-color: #fff;
  --color-scheme-cta-link-secondary-color: #fff;
}
.layout--background .color-scheme-yale-medium-blue.paragraph--callout-header {
  --color-scheme-type-label-color: #286dc0;
}
.color-scheme-dissc-blue.paragraph--callout-header {
  --color-scheme-a-color: #fff;
  --color-scheme-header-background-color: #006ef5;
  --color-scheme-header-color: #fff;
  --color-scheme-heading-color: #fff;
  --color-scheme-type-label-color: #fff;
  --color-scheme-cta-link-secondary-color: #fff;
}
.layout--background .color-scheme-dissc-blue.paragraph--callout-header {
  --color-scheme-type-label-color: #006ef5;
}
.color-scheme-light-gray.paragraph--callout-header {
  --color-scheme-a-color: #222;
  --color-scheme-header-background-color: #ddd;
  --color-scheme-header-color: #222;
  --color-scheme-heading-color: #286dc0;
  --color-scheme-type-label-color: #286dc0;
  --color-scheme-cta-link-secondary-color: #286dc0;
}
.color-scheme-tobin-blue.paragraph--callout-header {
  --color-scheme-a-color: #fff;
  --color-scheme-header-background-color: #000033;
  --color-scheme-header-color: #fff;
  --color-scheme-heading-color: #fff;
  --color-scheme-type-label-color: #fff;
  --color-scheme-cta-link-secondary-color: #fff;
}
.layout--background .color-scheme-tobin-blue.paragraph--callout-header {
  --color-scheme-type-label-color: #fff;
}
.color-scheme-tobin-blue.paragraph--callout-header a.cta-link-primary {
  --cta-color: #fff;
  --cta-hover-color: #000033;
  --cta-border-radius: 0;
}
.color-scheme-tobin-blue.paragraph--callout-header [class$=__cta-links] a {
  --cta-color: #fff;
  --cta-hover-color: #000033;
  --cta-border-radius: 0;
}
.layout--background .paragraph--callout-header {
  --color-scheme-a-color: #222;
  --color-scheme-header-background-color: #fff;
  --color-scheme-header-color: unset;
  --color-scheme-heading-color: unset;
  --color-scheme-cta-link-secondary-color: unset;
}

.paragraph--callout-header .paragraph__header {
  --a-color: var(--color-scheme-a-color);
  background-color: var(--color-scheme-header-background-color);
  color: var(--color-scheme-header-color);
}

.paragraph--callout-header .paragraph__heading {
  --heading-color: var(--color-scheme-heading-color);
}

.paragraph--callout-header {
  display: grid;
  gap: var(--grid-row-gap, 20px) var(--grid-column-gap, 40px);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
}

.paragraph--callout-header {
  --grid-columns: 1;
  --grid-row-gap: 0;
  grid-template-rows: 1fr max-content;
}
@media (min-width: 48em) {
  .paragraph--callout-header {
    --grid-columns: 12;
    grid-template-rows: unset;
    margin-top: 40px;
  }
}

.paragraph--callout-header .paragraph__header {
  --grid-row-gap: 20px;
  --p-font-size: 1.333rem;
  grid-row: 2/-2;
  order: 1;
  padding: 40px var(--safe-area-right) 40px var(--safe-area-left);
  margin-top: calc(-20px);
  position: relative;
  z-index: 1;
}
@media (min-width: 48em) {
  .paragraph--callout-header .paragraph__header {
    grid-row: 1/1;
    padding: 80px 40px;
    margin-top: calc(-80px);
    margin-top: 0;
  }
}

@media (min-width: 48em) {
  .paragraph--callout-header.paragraph--image-position-left .paragraph__header {
    grid-column: 8/span 5;
  }
}

.paragraph--callout-header.paragraph--image-position-right .paragraph__header {
  margin-right: 40px;
}
@media (min-width: 48em) {
  .paragraph--callout-header.paragraph--image-position-right .paragraph__header {
    margin-right: calc(40px * -1);
    grid-column: 1/span 5;
  }
}

@media (min-width: 48em) {
  .paragraph--callout-header.paragraph--image-position-left .paragraph__image {
    grid-column: 1/span 8;
    grid-row: 1/1;
  }
}

@media (min-width: 48em) {
  .paragraph--callout-header.paragraph--image-position-right .paragraph__image {
    grid-column: 5/span 8;
    grid-row: 1/1;
  }
}

.paragraph--callout-header .paragraph__heading {
  font-size: clamp(
    2.0515181971rem,
    calc(1.8237996772rem + 1.1385925994vw),
    2.7346737567rem
  );
}