/*
*    This function is responsible of returning the brand color
*    depending on the input parameters.
*    Note: If no parameters are passed or only the type is passed, the function will return null (no css will be generated).
*
*     Parameters:
*         $type - The type of the brand color. Can be "primary" or "secondary". Please check the $brand-primary and $brand-secondary in _colors.scss file.
*        $name - The name of the color. Please check the $brand-primary and $brand-secondary in _colors.scss file.
*        $opacity - The opacity of the returned color.
*
*    Usage:
*        .class-name {
*            color: get-brand-color(primary, creme, 70);
*        }
*    Result:
*        .class-name {
*            color: rgba(255, 243, 229, 0.7);
*        }
*/
/*
*    The site`s color palette:
*
*/
/*
*    Main Brand Color Palette (use them with get-brand-color() function):
*/
/*
*    Opaque Color Palette:
*/
/*
* Other colors
*/
/*
*    Main transparency levels
*/
/*
* Transparency
*/
/*
*    State colors (use them with get-state() function)
*/
/*
*    This variable is used for defining the fallback font families that are defined after main ones.
*/
.blurb-pd {
  margin: 32px 0;
}
@media (max-width: 991.98px) {
  .blurb-pd {
    margin: 32px 0;
  }
}
.blurb-pd .blurb-component-figure {
  width: 100%;
  margin-bottom: 0;
}
.blurb-pd .blurb-image img {
  width: auto;
  height: 6.25rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.blurb-pd .blurb-body {
  padding-left: 0;
  text-align: center;
}
.blurb-pd .blurb-body .blurb-title {
  display: inline-block;
}
.blurb-pd .blurb-body .blurb-title a:hover, .blurb-pd .blurb-body .blurb-title a:focus {
  text-decoration: none;
  outline: none;
}
.blurb-pd .blurb-body .blurb-title a h3 {
  color: #3f695b;
  border-bottom: 1px solid #b6d292;
}
.blurb-pd .blurb-body .blurb-title a h3:hover, .blurb-pd .blurb-body .blurb-title a h3:focus {
  color: #35594d;
  outline: none;
}
.blurb-pd .blurb-body .blurb-text p {
  margin-bottom: 0;
}