/* STICKY SITE NAV */

  .sticky-site-nav {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 102;
    --padding-x: 1.25em;
    --padding-y: 1.4375em;
    --icon-size: 1.25em;
    color: var(--base-color-white);
    text-align: center;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
  }

  .sticky-site-nav nav.social {
    background: var(--base-color-blue);
    border-radius: 3px 0 0 0;
  }

  .sticky-site-nav nav.social svg {
    display: block;
    width: auto;
    max-width: var(--icon-size);
    height: var(--icon-size);
    margin: 0 auto;
  }
  
  .sticky-site-nav nav.social svg path,
  .sticky-site-nav nav.social svg circle {
    fill: currentColor;
  }

  .sticky-site-nav nav.social a,
  .sticky-site-nav nav.social span {
    display: block;
  }

  .sticky-site-nav nav.social span.title-wrap {
    display: none;
  }

  .sticky-site-nav nav.social a {
    padding: calc(var(--padding-y) / 2) var(--padding-x);
  }

  .sticky-site-nav nav.social li:first-child a {
    padding-top: var(--padding-y);
  }

  .sticky-site-nav nav.social li:last-child a {
    padding-bottom: var(--padding-y);
  }

  .sticky-site-nav .language {
    background: var(--base-color-dark-blue);
    border-radius: 0 0 0 3px;
  }

  .sticky-site-nav .language a {
    display: block;
    padding: calc(var(--padding-y) / 2) var(--padding-x);
    font-family: var(--base-font-1-medium);
  }





  @media (max-width: 1100px) {
    
    .sticky-site-nav {
      --padding-x: .625em;
      --padding-y: 1.1em;
      --icon-size: 1.1em;
    }
    
    .sticky-site-nav .language .title-wrap {
      font-size: 14px;
    }
    
  }





  @media (max-width: 500px) {
    
    .sticky-site-nav {
      display: none;
    }
    
  }