/*
Converts a pixel value to matching rem value. *Any* value passed, regardless of unit, is assumed to be a pixel value. By default, the base pixel value used to calculate the rem value is taken from the `$global-font-size` variable.
@access private
@param {Number} $value - Pixel value to convert.
@param {Number} $base [null] - Base for pixel conversion.
@returns {Number} A number in rems, calculated based on the given value and the base pixel value. rem values are passed through as is.
*/
/*
Removes the unit (e.g. px, em, rem) from a value, returning the number only.
@param {Number} $num - Number to strip unit from.
@returns {Number} The same number, sans unit.
*/
/*
Converts one or more pixel values into matching rem values.
@param {Number|List} $values - One or more values to convert. Be sure to separate them with spaces and not commas. If you need to convert a comma-separated list, wrap the list in parentheses.
@param {Number} $base [null] - The base value to use when calculating the `rem`. If you're using Foundation out of the box, this is 16px. If this parameter is `null`, the function will reference the `$base-font-size` variable as the base.
@returns {List} A list of converted values.
*/
/**
 * Contrast
 */
/**
*	Basic link hover function
*/
/*
* Fluid Type function
*/
/*
* Breakpoint Handler
* @usage: respond-to('tablet_small') { ... } to target 'tablet_small' and aboe
*/
/*
* Grid Layout
*/
/*
* Responsive Type mixins
*/
/*
* Helpers
*/
.title-body-narrow {
  max-width: 46.625rem;
  position: relative;
}
.title-body-narrow__heading {
  font-size: 26px;
}
@media only screen and (min-width: 320px) {
  .title-body-narrow__heading {
    font-size: calc(26px + 14 * (100vw - 320px) / (1720 - 320));
  }
}
@media only screen and (min-width: 1720px) {
  .title-body-narrow__heading {
    font-size: 40px;
  }
}
.title-body-narrow__heading {
  font-weight: 600;
  margin-bottom: 0;
}
.title-body-narrow__heading + .wysiwyg {
  margin-top: 1.875rem;
}
.title-body-narrow .button-container {
  margin-top: 1.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
}
/*# sourceMappingURL=block-title-body-narrow.css.map */