/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/
/**
 * @file
 * Visual styles for menu.
 */
/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/
/* Internal variables */
/*1px */
/*16px */
/*4px */
/*5.33333333px */
/*8px */
/*12px */
/*20px */
/*24px, */
/*32px */
/*44px (named after omicron variant BS.2.75.2) */
/*48px */
/*desktop + 32px; */
/*max-width + 64px; */
/* RGB colors, useful for when you need to include a color in an RGBA set. */
/* Mixins */
/* */
/* Hide elements visually, but keep them available for screen-readers. */
/* */
/* Used for information required for screen-reader users to understand and use */
/* the site where visual display is undesirable. Information provided in this */
/* manner should be kept concise, to avoid unnecessary burden on the user. */
/* "!important" is used to prevent unintentional overrides. */
/* */
a.menu-social {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 3rem;
  display: block;
  display: flex;
  background-size: contain;
  align-items: center;
}
#block-socialmedia a.menu-social {
    height: 3rem;
  }
#block-rtv-main-menu a.menu-social {
    background-size: 2rem;
    background-position: var(--space) center;
    padding-left: 4rem;
  }
@media (min-width: 569px) {
#block-rtv-main-menu a.menu-social {
        padding-left: 5rem;
        background-position: var(--double-space) center
  }
    }
a.menu-social--youtube {
  background-image: url(../../images/icons/youtube.svg);
}
#block-socialmedia a.menu-social--youtube {
    background-size: 2.5rem;
  }
a.menu-social--get-help {
  background-image: url(../../images/get-help.svg);
}
#block-socialmedia a.menu-social--get-help {
    padding-left: 3.8rem;
  }