.navbar {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  line-height: 13px;
}

header#top_header {
  background-color: rgb(128, 147, 23);
}

.btn-social-post {
  color: rgb(128, 147, 23);
}

.custom-nav-link.nav-link {
  color: #13305a;
  transition: color 0.5s ease;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: 13px;
}

.custom-nav-link:hover {
  color: white;
}

.custom-toggler.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(19,48,90,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.btn-header-social:hover {
  color: #13305a !important;
}

.btn-social-icon {
  color: white;
}

a.custom-nav-bar {
  padding: 0;
}

a.custom-nav-bar img {
  max-width: 250px;
}

button.navbar-toggler:focus{
  outline: none;
}

.navbar-light .navbar-toggler {
  border: none;
}

.custom-nav-ul {
  text-align: left;
}

.btn-header-social:hover {
  background: none !important;
}

.custom-nav-link:hover {
  opacity: .9;
  transition: background-color 5s ease-in;
}

@media (max-width: 991px) {
  li.custom-nav-li {
    padding-bottom: 4px;
    padding-left: 0.9rem;
  }
  a.custom-nav-bar {
    margin: 0 auto;
  }
}

@media (max-width: 1024px) {
  header#top_header{
    position: sticky;
    top: 0;
    z-index: 999;
  }
}