/*
Theme Name: Envision - Child
Template: envision
Author: Orkun Gursel
Description: Child Theme
Version: 1.1.1461332471
Updated: 2016-04-22 13:41:11

*/

/* ==========================================================================
 * Independent Sticky Top Bar
 * Added: 2026-03-18
 * ========================================================================== */

/* Placeholder wrapper prevents layout shift when top bar becomes fixed */
.sticky-topbar-wrapper {
  height: 40px;
}

/* Top bar fixed positioning when stuck — html prefix matches skin specificity */
html #top-bar.topbar-stuck {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12002 !important;
}

/* When both top bar and header are sticky, push the header below the top bar */
.sticky-topbar-wrapper ~ .sticky-wrapper > #header-container.stuck {
  top: 40px;
}

/* Top bar link colors — skin selectors targeted #header-container #top-bar
   which no longer matches now that top bar is outside #header-container */
html #top-bar a,
html #top-bar-text a,
html #top-bar-widgets a {
  color: #fff;
}

html #top-bar-text a:hover,
html #top-bar-widgets a:hover {
  color: #53bc7b;
}

/* ==========================================================================
 * Top Bar Announcement
 * Added: 2026-03-18
 * ========================================================================== */

html #top-bar #top-bar-announcement {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 40px;
  height: 40px;
  white-space: nowrap;
  color: #fff;
  font-size: 13px;
  text-align: center;
  z-index: 1;
}

html #top-bar #top-bar-announcement a {
  color: #53bc7b;
}

html #top-bar #top-bar-announcement a:hover {
  color: #fff;
}

/* Responsive: stack announcement below other top bar content on mobile/tablet */
@media (max-width: 979px) {
  html body #top-bar,
  html body #top-bar #top-bar-background {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  html #top-bar #top-bar-announcement {
    position: static;
    transform: none;
    white-space: normal;
    height: auto;
    line-height: 1.4;
    padding: 6px 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.1);
  }

  .sticky-topbar-wrapper {
    height: auto;
  }
}