/**
 * Replace `$search` with `$replace` in `$string`
 *
 * @author Hugo Giraudel
 * @param {String} $string - Initial string
 * @param {String} $search - Substring to replace
 * @param {String} $replace ('') - New value
 * @return {String} - Updated string
 */
/**
 * http://codepen.io/philippkuehn/pen/zGEjxB
 */
/**
 * Change the fill color of an svg.
 * @param  {[type]} $svg
 * @param  {[type]} $color: $black
 */
/**
 * Create properly pathed image url
 * Usage: background-image: image-url('image.png');
 * Returns background-image: url('/themes/custom/mmg8_cog/dist/images/image.png');
 */
/**
 * Replace `$search` with `$replace` in `$string`
 *
 * @author Hugo Giraudel
 * @param {String} $string - Initial string
 * @param {String} $search - Substring to replace
 * @param {String} $replace ('') - New value
 * @return {String} - Updated string
 */
/**
 * http://codepen.io/philippkuehn/pen/zGEjxB
 */
/**
 * Change the fill color of an svg.
 * @param  {[type]} $svg
 * @param  {[type]} $color: $black
 */
/**
 * Create properly pathed image url
 * Usage: background-image: image-url('image.png');
 * Returns background-image: url('/themes/custom/mmg8_cog/dist/images/image.png');
 */
/**
 * Change the color of the svg.
 */
/**
 * Maintains aspect ratio
 * Grabbed from: https://css-tricks.com/snippets/sass/maintain-aspect-ratio-mixin
 * @param  {[type]} $width  [description]
 * @param  {[type]} $height [description]
 * @return {[type]}         [description]
 */
.responsive-image-map {
  max-height: 520px;
  height: 50vw;
}
.responsive-image-map map, .responsive-image-map img {
  width: 100%;
  height: auto;
  position: absolute;
  border-radius: 50px;
}

.interactive-map--title {
  font-size: 6rem;
  padding: 0;
  margin-bottom: -1.5rem;
}
@media screen and (min-width: 576px) {
  .interactive-map--title {
    font-size: 8rem;
    margin-bottom: -2rem;
  }
}

.interactive-map--subtitle {
  font-family: "acumin-pro-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.5rem;
  padding: 0;
  padding-bottom: 0 !important;
  color: var(--deep-blue);
}
@media screen and (min-width: 576px) {
  .interactive-map--subtitle {
    font-size: 3.5rem;
  }
}