/*==========================*/
/*         Navbar           */
/*==========================*/

.navbar-custom {
  width: 100%;
  height: auto;
  opacity: 1;
  z-index: 3;
  background: #262626d1;
  margin-bottom: -100px;
}

ul#menu-header li a:hover {
  color: var(--green);
  text-decoration: underline;
}

ul#menu-header li a {
  font-family: var(--heading-font);
  font-weight: normal;
  font-size: 22px;
  text-align: left;
  color: var(--green);
  margin-left: 40px;
  text-decoration: none;
}

/* Color Bootstrap hamburger menu */
.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(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler-icon:hover {
  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(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

button.navbar-toggler {
  color: #fff;
}

/* current page color menu */
li.current-menu-item a,
li.current_page_item a {
  text-decoration: none;
  /* Change color */
  color: #333;
  text-decoration: underline;
}

.navbar-brand {
  font-size: 26px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.24;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

.navbar-brand-name {
  color: var(--orange);
  display: inline-block;
  font-size: 37px;
  font-weight: 600;
  margin-left: 20px;
  margin-bottom: 0;
}

a.navbar-logo {
  text-decoration: none;
}

.navbar-brand a:visited {
  color: #ffffff;
}

nav a.navbar-logo img {
  width: 65px;
  height: auto;
  padding: 5px 0;
}

#wpadminbar {
  background: #000000 !important;
}

/*==========================*/
/*       	Header image     		*/
/*==========================*/
.banner-image {
  height: 450px;
  display: block;
  width: 100%;
  color: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-top: 0px;
  background-size: cover;
  background-position: center center;
}

/*  Default image banner */
.banner-default-image {
  background: url("https://vincentvaningen.nl/wp-content/uploads/banner-home-page.jpg");
  height: 450px;
  display: block;
  width: 100%;
  color: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-top: 0px;
  background-size: cover;
  background-position: center center;
}

.overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(10, 10, 10, 0.82);
  opacity: 0.6;
  position: absolute;
}

.banner-content {
  z-index: 1;
}

.banner-content h1 {
  font-size: 50px;
  color: #fff;
}

.banner-content h2 {
  font-size: 35px;
  color: #fff;
}

.banner-content h3 {
  font-size: 20px;
  color: #fff;
}

.banner-content {
  text-align: center;
}

/* Sub menu */
ul.sub-menu {
  display: none;
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 99999;
  width: 230px;
  background: #262626d1;
  list-style: none;
  margin: 0;
  padding: 11px;
  border-radius: 5px;
  transition: 0.3s;
}

html body ul.sub-menu li a {
  font-size: 18px !important;
  text-align: center;
  margin-left: 5px !important;
  margin-bottom: 5px;
  margin-top: 5px;
  display: inline-block;
}

li.menu-item:hover ul.sub-menu {
  display: block;
  transition: 0.3s;
}

li.menu-item {
  position: relative;
}