.clearfix::after {
  content: "";
  display: table;
  clear: both; }

/*  To utilize the font mixin,

@mixin font-source-serif($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {
@mixin font-source-serif-italic($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {
@mixin font-source-sans($size: false, $color: false, $weight: false,  $lh: false, $ls: false) {

// @include font-source-serif(40px, $brand-v2-off-black, normal, 50px, null);
// @include font-source-sans(16px, $brand-v2-off-black, normal, 21px, 0.03em);

*/
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px; }

.display-none {
  display: none; }

.menu {
  float: left;
  margin: 0;
  padding: 0; }
  .menu li {
    float: left;
    list-style: none outside none !important; }

.text-ellipses {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 99%; }

/* mixin for multiline */
/* ============================================================================
Customlink component
============================================================================ */
/* ============================================================================
Common styles updates
============================================================================ */
/* ============================================================================
Custom styles
============================================================================ */
.ex-custom-link a {
  color: var(--color);
  text-decoration: none;
  background-color: var(--background-color);
  border-radius: var(--border-radius);
  width: var(--width);
  font-weight: var(--font-weight);
  letter-spacing: var(--letter-spacing);
  position: var(--position);
  top: var(--top);
  right: var(--right);
  bottom: var(--bottom);
  left: var(--left);
  -ms-transform: var(--transform);
      transform: var(--transform);
  padding-top: var(--padding-top);
  padding-right: var(--padding-right);
  padding-bottom: var(--padding-bottom);
  padding-left: var(--padding-left); }
  @media only screen and (min-width: 768px) {
    .ex-custom-link a {
      width: var(--width-md);
      font-weight: var(--font-weight-md);
      letter-spacing: var(--letter-spacing-md);
      position: var(--position-md);
      top: var(--top-md);
      right: var(--right-md);
      bottom: var(--bottom-md);
      left: var(--left-md);
      -ms-transform: var(--transform-md);
          transform: var(--transform-md);
      padding-top: var(--padding-top-md);
      padding-right: var(--padding-right-md);
      padding-bottom: var(--padding-bottom-md);
      padding-left: var(--padding-left-md); } }
  .ex-custom-link a:hover {
    color: var(--color-hover);
    background-color: var(--background-color-hover); }
  .ex-custom-link a:active {
    color: var(--color-active);
    background-color: var(--background-color-active);
    text-decoration: none; }
  .ex-custom-link a.show-custom-underline {
    position: relative; }
    .ex-custom-link a.show-custom-underline::after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 1px;
      background: #000; }
  .ex-custom-link a.lifestyle-text-decoration-underline {
    text-decoration: underline; }

/*# sourceMappingURL=singlelinkcustom.css.map */