/*----------  Media Query min-width Structure   ----------*/
/*----------  Media Query max-width Structure   ----------*/
/*----------  Break-point min-width Structure   ----------*/
/*----------  Break-point max-width Structure   ----------*/
/**
 * 	Sticky Header Layouts
 */
.ast-sticky-active {
  position: fixed !important;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  /** Internet browser does move the sticky header to the left side due to `margin: 0 auto;`. To fix this we have set the 100% width. */
}

.ast-nav-up {
  transform: translateY(-100%);
}

.site-header .sticky-custom-logo {
  display: none;
}

.ast-primary-sticky-header-active li.ast-masthead-custom-menu-items a,
.ast-primary-sticky-header-active li.ast-masthead-custom-menu-items a:hover,
.ast-primary-sticky-header-active li.ast-masthead-custom-menu-items a:focus {
  background: transparent;
}

.ast-offcanvas-active .ast-above-header,
.ast-fullscreen-active .ast-above-header {
  z-index: 4;
}

.ast-offcanvas-active .ast-above-header.ast-sticky-active,
.ast-fullscreen-active .ast-above-header.ast-sticky-active {
  z-index: 0;
}

#ast-fixed-header {
  position: fixed;
  visibility: hidden;
  top: 0;
  right: 0;
  width: 100%;
}

#ast-fixed-header .main-header-bar {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

#ast-fixed-header.ast-header-slide {
  transform: translateY(-100%);
  transition: transform 0.3s linear, top 0.3s linear, visibility 0.3s linear;
}

#ast-fixed-header.ast-header-fade {
  opacity: 0;
  transition: opacity 0.3s linear;
}

.main-header-bar.ast-sticky-active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.ast-sticky-custom-logo .ast-header-sticked .custom-logo-link,
.ast-sticky-custom-logo .ast-header-sticked .custom-mobile-logo-link {
  display: none;
}

.ast-sticky-custom-logo .ast-header-sticked .sticky-custom-logo {
  display: inline-block;
}

.ast-sticky-custom-logo .ast-header-sticked .site-title,
.ast-sticky-custom-logo .ast-header-sticked .site-description {
  display: none;
}

.ast-sticky-main-shrink {
  /* Mobile Header */
}

.ast-sticky-main-shrink .ast-sticky-shrunk.main-header-bar,
.ast-sticky-main-shrink .ast-sticky-shrunk .main-header-bar {
  line-height: 55px;
}

.ast-sticky-main-shrink .ast-sticky-shrunk.main-header-bar .ast-site-identity,
.ast-sticky-main-shrink .ast-sticky-shrunk .main-header-bar .ast-site-identity {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.ast-sticky-main-shrink .ast-sticky-shrunk #site-navigation {
  line-height: 3;
}

.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {
  max-height: 55px !important;
  width: auto;
}

.ast-sticky-main-shrink.ast-header-break-point .ast-sticky-shrunk .main-header-bar, .ast-sticky-main-shrink.ast-header-break-point .ast-sticky-shrunk.main-header-bar {
  padding-bottom: 0;
}

.ast-sticky-main-shrink.ast-header-break-point .ast-sticky-shrunk .ast-mobile-menu-buttons {
  line-height: 0;
  padding-bottom: 0.5em;
}

.ast-sticky-main-shrink.ast-header-break-point .ast-sticky-shrunk .site-branding {
  padding-bottom: 0.5em;
}

.ast-header-break-point .ast-sticky-active .sticky-custom-logo img {
  display: block;
}

.ast-header-break-point .ast-has-mobile-header-logo .ast-header-sticked .sticky-custom-logo img {
  display: block;
}

.ast-header-break-point .ast-has-mobile-header-logo .ast-header-sticked .ast-mobile-header-logo {
  display: none;
}

.ast-header-break-point .ast-header-sticked .sticky-custom-logo img {
  display: block;
}

.ast-header-break-point.ast-inherit-site-logo-sticky .ast-has-mobile-header-logo .ast-header-sticked .custom-logo-link img {
  display: none;
}

.ast-header-break-point.ast-inherit-site-logo-sticky .ast-has-mobile-header-logo .ast-header-sticked .custom-mobile-logo-link img {
  display: inline-block;
}

.above-header-toggle-on .main-header-bar {
  z-index: 1;
}

.ast-header-stick-slide-active .ast-flyout-menu-enable.ast-header-break-point #masthead .main-header-bar-navigation {
  display: none !important;
}

.ast-header-stick-fade-active .ast-flyout-menu-enable.ast-header-break-point #masthead .main-header-bar-navigation {
  display: none !important;
}

.ast-flyout-menu-overlay .ast-stick-primary-below-wrapper.ast-sticky-active {
  z-index: 5;
}

.ast-fullscreen-menu-overlay #ast-fixed-header {
  z-index: 9;
}

/**
 * Need to override the overflow-y which is given form the javascript
 * To fix the rendering problem with the flyout menu
 */
.ast-flyout-menu-enable.ast-primary-sticky-enabled .main-header-bar,
.ast-flyout-menu-enable.ast-primary-sticky-enabled .ast-stick-primary-below-wrapper {
  overflow-y: unset !important;
}
