/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/affiliated-sites/affiliated-sites.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.paragraph--affiliated-sites .paragraph__sites {
  display: grid;
  gap: var(--grid-row-gap, 20px) var(--grid-column-gap, 40px);
  grid-template-columns: repeat(var(--grid-columns, 12), 1fr);
}

.paragraph--affiliated-sites .paragraph__site-url a {
  background-image: linear-gradient(0deg, var(--animate-underline-gradient-color, currentColor) 0%, var(--animate-underline-gradient-color-2, var(--animate-underline-gradient-color, currentColor)) 100%);
  background-size: var(--underline-animate-background-size-width, 100%) var(--underline-animate-background-size-height, 2px);
  background-repeat: no-repeat;
  background-position: var(--animate-underline-background-position-x, left) bottom;
  transition: background-size 200ms ease-in-out;
}
.paragraph--affiliated-sites .paragraph__site-url a:hover {
  --underline-animate-background-size-width: var(--underline-animate-background-size-width-hover, 0%);
}

.paragraph--affiliated-sites .paragraph__site-url a {
  --cta-display: inline;
  --cta-text-decoration: none;
  --cta-color: #222;
  --cta-font-family: Mallory;
  --cta-font-weight: 700;
  --cta-text-transform: uppercase;
  --animate-underline-background-position-x: right;
  --cta-font-size: 1rem;
}

.paragraph--affiliated-sites .paragraph__site-url a {
  --a-display: var(--cta-display);
  --a-color: var(--cta-color);
  --a-text-decoration: var(--cta-text-decoration);
  --a-font-family: var(--cta-font-family);
  --a-font-weight: var(--cta-font-weight);
  --a-font-size: var(--cta-font-size);
  --a-text-transform: var(--cta-text-transform);
}

.paragraph--affiliated-sites .paragraph__sites {
  --grid-columns: 1;
}
.paragraph--affiliated-sites .paragraph__site {
  display: grid;
  grid-template-rows: min-content 1fr;
}
.paragraph--affiliated-sites .paragraph__site--cowles {
  --paragraph-site-info-background-color: #00356b;
}
.paragraph--affiliated-sites .paragraph__site--tobin {
  --paragraph-site-info-background-color: #006ef5;
}
.paragraph--affiliated-sites .paragraph__site--egc {
  --paragraph-site-info-background-color: #286dc0;
}
.paragraph--affiliated-sites .paragraph__site-image {
  --img-width: 100%;
}
.paragraph--affiliated-sites .paragarph__site-info {
  font-family: "YaleNew";
  color: #fff;
  padding: 40px;
  background-color: var(--paragraph-site-info-background-color);
}
.paragraph--affiliated-sites .paragarph__site-info > * + * {
  margin-top: 1em;
}
.paragraph--affiliated-sites .paragraph__site-name {
  font-size: 1.333rem;
  font-weight: 700;
}
.paragraph--affiliated-sites .paragraph__site-url {
  margin-top: 20px;
}
.paragraph--affiliated-sites .paragraph__site-url a {
  --cta-color: #fff;
}
@media (min-width: 48em) {
  .paragraph--affiliated-sites .paragraph__sites {
    --grid-columns: 2;
    --grid-column-gap: 20px;
  }
}
@media (min-width: 64em) {
  .paragraph--affiliated-sites .paragraph__sites {
    --grid-columns: 3;
    --grid-column-gap: 40px;
  }
}