/* ======================================================
   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 */
.communityPanel__hub {
  /*	
	.icon-CommunityPanel-eye:before {
	    content: "\01F441";
	}
	.icon-CommunityPanel-comment:before {
	    content: "\1F5E9";
	}
	.icon-CommunityPanel-star:before {
	    content: "\02605";
	}
	*/ }
  .communityPanel__hub [data-plugin="flickityCarousel"] {
    justify-content: center;
    /* enable Flickity by default */
    /* disable Flickity for large devices */ }
    .communityPanel__hub [data-plugin="flickityCarousel"]:after {
      content: 'flickity';
      display: none;
      /* hide :after */ }
    @media screen and (min-width: 53.125em) {
      .communityPanel__hub [data-plugin="flickityCarousel"]:after {
        content: ''; } }
  .communityPanel__hub .communityPanel__image-container {
    display: flex;
    justify-content: center; }
    .communityPanel__hub .communityPanel__image-container img {
      width: 105px;
      margin: 0; }
  .communityPanel__hub .communityPanel__title-container {
    justify-content: center; }
    .communityPanel__hub .communityPanel__title-container h2 {
      font-weight: unset;
      color: #303030; }
  .communityPanel__hub .communityPanel__container .flickity-enabled.flex__row {
    height: 100%; }
  .communityPanel__hub .communityPanel__container .flickity-page-dots {
    pointer-events: none;
    margin: 0;
    padding-bottom: 2.5rem; }
  .communityPanel__hub .communityPanel__container .button--previous, .communityPanel__hub .communityPanel__container .button--next {
    display: inline-block;
    height: 2.8rem;
    width: 2.8rem;
    font-size: 2.2rem;
    border: 1px solid;
    text-align: center;
    background: #4a4a4a;
    color: #FFFFFF;
    border-radius: 50%;
    margin-left: 1rem; }
    .communityPanel__hub .communityPanel__container .button--previous:hover, .communityPanel__hub .communityPanel__container .button--next:hover {
      cursor: pointer; }
  .communityPanel__hub .communityPanel__right-container__title {
    display: flex;
    flex-direction: column; }
    .communityPanel__hub .communityPanel__right-container__title div.stronger {
      font-size: 2rem; }
  .communityPanel__hub .communityPanel__container__carousel {
    flex-grow: 1; }
  .communityPanel__hub .community-entry-point--hub__article {
    height: 100%;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
    margin: 10px;
    background-color: transparent; }
    .communityPanel__hub .community-entry-point--hub__article.no-shadow {
      box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
      border: 1px solid #e0dfde;
      background: #FFFFFF; }
  .communityPanel__hub .community-entry-point__article__content {
    font-size: 1.4rem; }
  .communityPanel__hub .community-entry-point--hub__article .community-entry-point__article__text {
    text-decoration: none;
    display: block;
    background-color: #063f73;
    color: #FFFFFF;
    position: relative;
    padding: 10px 15px;
    margin: 15px 0 5px;
    border-radius: 7px;
    font-weight: 700; }
    .communityPanel__hub .community-entry-point--hub__article .community-entry-point__article__text:hover {
      text-decoration: underline; }
  @media screen and (min-width: 60.0625em) {
    .communityPanel__hub .community-entry-point--hub__article .community-entry-point__article__text {
      padding: 5px 10px; } }
  @media screen and (max-width: 53.125em) {
    .communityPanel__hub .community-entry-point--hub__article .community-entry-point__article__text {
      font-size: 1.4rem; } }
  .communityPanel__hub .community-entry-point--hub__article .community-entry-point__article__text:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: 9px solid #063f73;
    top: -8px;
    left: 1.5rem; }
  .communityPanel__hub .community-entry-point__article__category {
    padding-bottom: 20px; }
  .communityPanel__hub .community-entry-point__article__footer {
    font-size: 1.3rem;
    padding-top: 2rem;
    color: #808080;
    position: absolute;
    bottom: 0.5rem; }
    .communityPanel__hub .community-entry-point__article__footer span {
      white-space: nowrap;
      padding-right: 0.5rem; }
  .communityPanel__hub .conversation__image__container {
    max-width: 6rem;
    padding-right: 0; }
  .communityPanel__hub .conversation__image {
    width: 4.5rem;
    height: auto;
    display: inline-block;
    margin-bottom: 0;
    flex-shrink: 0; }
  .communityPanel__hub .conversation__user__box__name {
    padding-left: 1rem !important; }
    .communityPanel__hub .conversation__user__box__name a {
      color: #4a4a4a; }
      .communityPanel__hub .conversation__user__box__name a:hover {
        text-decoration: none; }
  .communityPanel__hub .user-image-container__image-flag--moderator {
    position: absolute;
    right: 5px;
    bottom: -5px;
    width: 22px !important;
    pointer-events: none;
    margin: 0; }
  .communityPanel__hub .image--rounded {
    border-radius: 100%; }
  .communityPanel__hub .icon-chevron-right {
    margin-right: -2px; }
  .communityPanel__hub .icon-chevron-left {
    margin-right: 2px; }
  .communityPanel__hub .icon-CommunityPanel-eye,
  .communityPanel__hub .icon-CommunityPanel-comment,
  .communityPanel__hub .icon-CommunityPanel-star {
    font-size: 2rem; }
  .communityPanel__hub.community-variant > h2 {
    font-size: 2.2rem;
    font-weight: 700; }
    @media screen and (min-width: 53.125em) {
      .communityPanel__hub.community-variant > h2 {
        font-size: 2.8rem; } }
  .communityPanel__hub.community-variant .communityPanel__container__carousel + div {
    font-weight: 700;
    padding-right: 1rem;
    margin-top: 5rem; }
    .communityPanel__hub.community-variant .communityPanel__container__carousel + div i {
      font-size: 2rem;
      line-height: 1.3; }
  .communityPanel__hub.community-variant .community-entry-point--hub__article {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15);
    border: 1px solid #e0dfde;
    background: #FFFFFF; }
  .communityPanel__hub.community-variant .community-entry-point__article__category {
    font-size: 1.5rem; }
  .communityPanel__hub.community-variant .community-entry-point__article__footer span {
    line-height: normal; }
    .communityPanel__hub.community-variant .community-entry-point__article__footer span i {
      font-size: 1.7rem; }
      .communityPanel__hub.community-variant .community-entry-point__article__footer span i + span {
        display: none; }

/**** THEME COLORS ****/
.communityPanel__hub.community-theme-root .communityPanel__title-container h2 {
  color: #063F73; }

.communityPanel__hub.community-theme-green .communityPanel__title-container h2 {
  color: #72A23A; }

.communityPanel__hub.community-theme-homeenergy .communityPanel__title-container h2 {
  color: #f68838; }

.communityPanel__hub.community-theme-familyleisure .communityPanel__title-container h2 {
  color: #fcaf3a; }

.communityPanel__hub.community-theme-telco .communityPanel__title-container h2 {
  color: #0171a1; }

.communityPanel__hub.community-theme-moneyinsurance .communityPanel__title-container h2 {
  color: #188342; }

.communityPanel__hub.community-theme-hitech .communityPanel__title-container h2 {
  color: #00a79c; }

.communityPanel__hub.community-theme-food .communityPanel__title-container h2 {
  color: #36c1bc; }

.communityPanel__hub.community-theme-health .communityPanel__title-container h2 {
  color: #36c1bc; }

.communityPanel__hub.community-theme-mobility .communityPanel__title-container h2 {
  color: #36c1bc; }

.communityPanel__hub.community-theme-household-equipment .communityPanel__title-container h2 {
  color: #36c1bc; }

.communityPanel__hub.community-theme-household-cleaning .communityPanel__title-container h2 {
  color: #8dbf44; }

.communityPanel__hub.community-theme-test-with-us .communityPanel__title-container h2 {
  color: #c51c49; }