/*
@mixin r-width($columns) {
    @each $breakpoint in $breakpoints
        $width = r-width()
    @include breakpoint($breakpoint-1) {
        width: calc(r-width(480px) * $columns);
    }
    @include breakpoint($breakpoint-2) {
        width: calc(r-width(720px) * $columns);
    }
}

@function r-column($breakpoint) {
    @if $breakpoint < $breakpoint-1
        $grid-width = 0;
    @return $columns;
}

@function grid-column($breakpoint)

*/
.ucg-media-links .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0; }
  @media (min-width: 240px) {
    .ucg-media-links .links {
      font-size: 12px; } }
  @media (min-width: 480px) {
    .ucg-media-links .links {
      font-size: 12px; } }
  @media (min-width: 720px) {
    .ucg-media-links .links {
      font-size: 13px; } }
  @media (min-width: 960px) {
    .ucg-media-links .links {
      font-size: 14px; } }
  @media (min-width: 1200px) {
    .ucg-media-links .links {
      font-size: 16px; } }
  @media (min-width: 1440px) {
    .ucg-media-links .links {
      font-size: 17px; } }
  @media (min-width: 1680px) {
    .ucg-media-links .links {
      font-size: 19px; } }
  .ucg-media-links .links li {
    margin-right: 1em; }
    .ucg-media-links .links li img {
      height: auto;
      width: 16px; }

.ucg-share-button {
  position: relative;
  width: 250px; }
  .ucg-share-button .ucg-share-mask {
    height: 66px;
    overflow: hidden;
    position: absolute;
    width: 250px; }
    .ucg-share-button .ucg-share-mask .ucg-share-wrap {
      position: absolute;
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      width: 100%; }
      .ucg-share-button .ucg-share-mask .ucg-share-wrap .ucg-share-links {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: #63666A;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        list-style: none;
        margin: 0;
        padding: 5px 1.5em;
        text-align: left;
        top: 0;
        width: 100%; }
        .ucg-share-button .ucg-share-mask .ucg-share-wrap .ucg-share-links li {
          color: #FFFFFF;
          height: 24px;
          line-height: 1.2;
          margin-bottom: 0; }
          .ucg-share-button .ucg-share-mask .ucg-share-wrap .ucg-share-links li i {
            width: 24px; }
      .ucg-share-button .ucg-share-mask .ucg-share-wrap.top {
        top: 66px; }
        .ucg-share-button .ucg-share-mask .ucg-share-wrap.top.toggle {
          top: 0; }
      .ucg-share-button .ucg-share-mask .ucg-share-wrap.right {
        right: 250px; }
        .ucg-share-button .ucg-share-mask .ucg-share-wrap.right.toggle {
          right: 0; }
      .ucg-share-button .ucg-share-mask .ucg-share-wrap.bottom {
        bottom: 66px; }
        .ucg-share-button .ucg-share-mask .ucg-share-wrap.bottom.toggle {
          bottom: 0; }
      .ucg-share-button .ucg-share-mask .ucg-share-wrap.left {
        left: 250px; }
        .ucg-share-button .ucg-share-mask .ucg-share-wrap.left.toggle {
          left: 0; }
    .ucg-share-button .ucg-share-mask.top {
      top: -66px; }
    .ucg-share-button .ucg-share-mask.right {
      right: -250px; }
    .ucg-share-button .ucg-share-mask.bottom {
      bottom: -66px; }
    .ucg-share-button .ucg-share-mask.left {
      left: -250px; }
  .ucg-share-button .button-2 {
    color: #63666A;
    font-family: "urw-din", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 400;
    padding: 0; }
    @media (min-width: 240px) {
      .ucg-share-button .button-2 {
        font-size: 17px; } }
    @media (min-width: 480px) {
      .ucg-share-button .button-2 {
        font-size: 17px; } }
    @media (min-width: 720px) {
      .ucg-share-button .button-2 {
        font-size: 17px; } }
    @media (min-width: 960px) {
      .ucg-share-button .button-2 {
        font-size: 19px; } }
    @media (min-width: 1200px) {
      .ucg-share-button .button-2 {
        font-size: 21px; } }
    @media (min-width: 1440px) {
      .ucg-share-button .button-2 {
        font-size: 21px; } }
    @media (min-width: 1680px) {
      .ucg-share-button .button-2 {
        font-size: 21px; } }
    .ucg-share-button .button-2:hover {
      color: #63666A; }