/* ======================================================
   Media query mixin
   Handle old versions of IE without the need for JavaScript as per https://jakearchibald.github.io/sass-ie/
   ======================================================*/
/*
TABLE OF CONTENTS:

# BASE
# TYPOGRAPHY
# BUTTONS
# ICONS
# PANEL
# HIGHLIGHT BOX
# LOZENGE PANEL
# HELP TEASER
# COLLAPSIBLE
# FORM ELEMENTS
# PAGINATION
# OVERLAYS
# ARROW BOX
# PARTIAL SAVE
# STOPPAGE
# COLLECT REMINDER
# BANNER
# HEADER / MENU DESKTOP
# HEADER / MENU MOBILE
# HERO
# FOOTER
# MENU
# SELECTORS
# ASR
# FLAGS
# MARKERS
# SAVING BADGE
# LINKS
# TAGS
# PROGRESS BAR
# SERVICE SELECTOR STEPS
# DIVIDER
# LIST-SLIDER
# SECTIONS
# HUB-LEADER PANEL
# QUALITY LABEL
# HUB THEME
# LIGHT SURVEY 
# RATING COLORS
# ABOUT US
*/
/* Base header color */
/* desktop login link color */
:root {
  --hero-banner-cta: #00ffab;
  --hero-banner-cta-hover: #00bf82; }

:root {
  --hub-exclusive-content: #7c68e1 !important;
  --hub-exclusive-content-cta: #eb1c24 !important;
  --hub-exclusive-content-cta-hover: #c40000 !important; }

.icon {
  line-height: 1; }

[class*="icon-"],
[class*="icon-"]:before,
.icon-font {
  text-decoration: none;
  font-style: normal;
  font-weight: normal !important;
  vertical-align: top; }
  .no-touchevents [class*="icon-"]:hover, [class*="icon-"]:focus, .no-touchevents
  [class*="icon-"]:before:hover,
  [class*="icon-"]:before:focus, .no-touchevents
  .icon-font:hover,
  .icon-font:focus {
    text-decoration: none; }

/*
DEPRECATING FONTELLO
@font-face {
    font-family: 'fontello';
		font-display: swap; 
    src:
        local('/~/resource/css/Aline/fonts/fontello.woff2'),
        url('/~/resource/css/Aline/fonts/fontello.woff2') format('woff2'),
        url('/~/resource/css/Aline/fonts/fontello.woff') format('woff'),
        url('/~/resource/css/Aline/fonts/fontello.ttf') format('truetype'),
        url('/~/resource/css/Aline/fonts/fontello.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*="icon-"]:before,
[class*="icon-"]:after,
.icon-font,
%icon:before,
%icon:after {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    //avoid icons in links to be underlined
    @include link-underline(never);
    display: inline-block;
    -webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		letter-spacing: -0.02em;
}
*/
.icon-font--after:before {
  margin-left: 0.4rem; }
  @media screen and (min-width: 53.1875em) {
    .icon-font--after:before {
      margin-left: 0.7rem; } }

.icon-font--before:before {
  margin-right: 0.4rem; }
  @media screen and (min-width: 53.1875em) {
    .icon-font--before:before {
      margin-right: 0.7rem; } }

.icon-nowrap {
  white-space: nowrap; }

.icon-nowrap--spaced {
  margin-right: 0.4rem;
  margin-left: 0.4rem; }

.icon--small:before {
  font-size: 0.8em; }

.icon--smaller:before {
  font-size: 0.6em; }

.icon--large:before {
  font-size: 1.33em; }

.icon--larger:before {
  font-size: 1.6em; }

.icon--superlarge:before {
  font-size: 2.5em; }

.icon--heavy:before {
  font-weight: 700; }

.icon--spaced {
  margin-right: 0.5rem; }

.icon-waiting:before {
  content: ' ';
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0ibG9hZGluZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CiAgPHBhdGggb3BhY2l0eT0iLjEiIGQ9Ik0xNCAwIEgxOCBWOCBIMTQgeiIgdHJhbnNmb3JtPSJyb3RhdGUoMCAxNiAxNikiPgogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZnJvbT0iMSIgdG89Ii4xIiBkdXI9IjFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgYmVnaW49IjAiLz4KICA8L3BhdGg+CiAgPHBhdGggb3BhY2l0eT0iLjEiIGQ9Ik0xNCAwIEgxOCBWOCBIMTQgeiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMTYgMTYpIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIuMSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjEyNXMiLz4KICA8L3BhdGg+CiAgPHBhdGggb3BhY2l0eT0iLjEiIGQ9Ik0xNCAwIEgxOCBWOCBIMTQgeiIgdHJhbnNmb3JtPSJyb3RhdGUoOTAgMTYgMTYpIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIuMSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjI1cyIvPgogIDwvcGF0aD4KICA8cGF0aCBvcGFjaXR5PSIuMSIgZD0iTTE0IDAgSDE4IFY4IEgxNCB6IiB0cmFuc2Zvcm09InJvdGF0ZSgxMzUgMTYgMTYpIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIuMSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjM3NXMiLz4KICA8L3BhdGg+CiAgPHBhdGggb3BhY2l0eT0iLjEiIGQ9Ik0xNCAwIEgxOCBWOCBIMTQgeiIgdHJhbnNmb3JtPSJyb3RhdGUoMTgwIDE2IDE2KSI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iLjEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMC41cyIvPgogIDwvcGF0aD4KICA8cGF0aCBvcGFjaXR5PSIuMSIgZD0iTTE0IDAgSDE4IFY4IEgxNCB6IiB0cmFuc2Zvcm09InJvdGF0ZSgyMjUgMTYgMTYpIj4KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGZyb209IjEiIHRvPSIuMSIgZHVyPSIxcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIGJlZ2luPSIwLjY3NXMiLz4KICA8L3BhdGg+CiAgPHBhdGggb3BhY2l0eT0iLjEiIGQ9Ik0xNCAwIEgxOCBWOCBIMTQgeiIgdHJhbnNmb3JtPSJyb3RhdGUoMjcwIDE2IDE2KSI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iLjEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMC43NXMiLz4KICA8L3BhdGg+CiAgPHBhdGggb3BhY2l0eT0iLjEiIGQ9Ik0xNCAwIEgxOCBWOCBIMTQgeiIgdHJhbnNmb3JtPSJyb3RhdGUoMzE1IDE2IDE2KSI+CiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBmcm9tPSIxIiB0bz0iLjEiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBiZWdpbj0iMC44NzVzIi8+CiAgPC9wYXRoPgo8L3N2Zz4K");
  background-size: cover; }

.icon--primary {
  color: #00b73c; }

.icon--secondary {
  color: #a5a7aa; }

.icon--tertiary {
  color: #a1a1a3; }

.icon--green {
  color: #00bf82; }

.icon--red {
  color: #eb1c24; }

.icon--inverse {
  color: #FFF; }

.icon-stack {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  vertical-align: middle; }
  .icon-stack *[class*="icon-"] {
    line-height: inherit;
    display: block; }
    .icon-stack *[class*="icon-"]:before {
      line-height: inherit; }
  .icon-stack *[class*="icon-"]:nth-child(2) {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    z-index: 2; }

.icon-stack-1x {
  font-size: 0.75em; }

.icon-stack-2x {
  font-size: 1.5em;
  line-height: 1; }
  .icon-stack-2x:before {
    line-height: 0; }