/**
 * TODO SEIDEL: Added custom styling for oceanwp-sticky-header plug-in.
 *
 * Used higher specificity of CSS selectors, to override style of plug-in.
 *
 * Maybe we also need to add last CSS @media block from original code:
 *   https://github.com/scriptcoil/oceanwp-sticky-header/blob/master/style.css
 *
 * TODO: Move this style to its own CSS file and import here or via functions.php?
 */
.page-header {
  padding: 68px 0;
}

#site-logo-inner, #site-header-inner {
  transition: all 0.6s ease-in-out !important;
}

#site-header #site-logo #site-logo-inner a img {
  transition: all 0.6s ease-in-out !important;
}

.fixed_sticky_active #site-header #site-logo #site-logo-inner a img.custom-logo {
  position: absolute;
  top: 15px;
  left: 5px;
  max-height: 80px !important;
}

@media(min-width: 960px) {
  .fixed_sticky_active #site-header #site-logo #site-logo-inner {
    height: 54px !important;
  }

  .fixed_sticky_active #site-header #site-navigation-wrap .dropdown-menu > li > a {
    line-height: 54px !important;
    display: inline-block !important;
  }

  .fixed_sticky_active #site-header {
    opacity: 1;
  }
}