/**
SCSS for Sticky header styles.
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/** Add any additional color supplied in the style guide **/
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
/* background colors */
/* Menu and link colors */
/* Text colors */
/* Border colors */
/* Owl Carousel colors */
/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Colors
********************
**/
/**
*********************
* Breakpoint mixin
********************
**/
.sticky-header-block {
  padding: 1.25rem 0;
  background: #f2f2f2;
}

@media only screen and (max-width: 1200px) {
  .sticky-header-block {
    padding: 1.25rem;
  }
}

.sticky-header-block .field--name-field-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sticky-header-block .field--name-field-links .field__item {
  padding-right: 4.5625rem;
}

.sticky-header-block .field--name-field-links .field__item a {
  font-size: 1.125rem;
  font-weight: 600;
  color: #58595B;
}

.sticky-header-block .field--name-field-links .field__item a.active {
  color: #00B48D;
}

.sticky-header-block .field--name-field-links .field__item:last-child {
  padding-right: 0;
}

.sticky-header-block .field--name-field-links .field__item.hide {
  display: none;
}

.blogs-events-news-listing-banner .sticky-header-block {
  position: static;
  width: 100%;
}

.blogs-events-news-listing-banner .sticky-header-block.fixed {
  position: fixed;
  width: 100%;
  top: 5.1rem;
  z-index: 2;
}

.page--node-type-advanced-page .sticky-header-block {
  position: static;
  width: 100%;
}

.page--node-type-advanced-page .sticky-header-block.fixed {
  position: fixed;
  width: 100%;
  top: 5.1rem;
  z-index: 2;
}

.page--node-type-advanced-page.user-logged-in .sticky-header-block.fixed {
  top: 10rem;
}

/*# sourceMappingURL=sticky-header.css.map */