/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.5.1
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage
test
License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

body {
  overflow-x: hidden;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #222 !important;
}

.btn {
  white-space: normal !important;
}

#hd_navigation {
  list-style: none;
  display: flex;
}

#hd_navigation > li {
  margin: 0 1em;
}

#hd_navigation li.active {
  font-weight: bold;
}

#hd_navigation > li .sub-menu {
  visibility: none;
  opacity: 0;
  user-select: none;
  pointer-events: none;
  position: absolute;
  list-style: none;
  background: #fff;
  margin-left: -0.6em;
  padding: 0;
  box-shadow: 0 0 6px #222;
  transition: all 250ms ease-in-out;
  padding: 1em;
  font-weight: normal;
}

#hd_navigation > li:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  user-select: initial;
  pointer-events: initial;
  transition: all 250ms ease-in-out;
  z-index: 9;
}

#hd_navigation > li .sub-menu > li {
  margin-bottom: 0.4em;
}

#toggle_nav {
  z-index: 9999;
}

@media (min-width: 1500px) {
  .content-info:before {
    width: 100%;
    height: 64% !important;
  }
}

@media (max-width: 1200px) {
  .main-content p > img.alignleft {
    display: block;
  }

  #hd_navigation {
    display: none;
    place-items: center;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    padding: 0;
    margin: 0;
    overflow-y: auto;
  }

  #hd_navigation.active_nav {
    display: block;
    background-color: #fff;
    text-align: center;
    padding-top: 4em;
  }

  #hd_navigation > li {
    margin: 1em 0;
  }

  #hd_navigation > li:hover .sub-menu {
    position: static;
    margin: 1em;
  }
}