.navigation-primary {
  display: inline-block;
}

.navigation-primary a {
  color: #171A1F;
  font-size: 22px;
  font-weight: 300;
  line-height: 40px;
}

.navigation-primary a.active-item {
  font-weight: 600;
  position: relative;
}

.navigation-primary .submenu.level-1 > li > a.active-item:after {
  background-color: #494A52;
  bottom: -3px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

.navigation-primary .submenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation-primary .submenu a,
.navigation-primary .submenu p {
  text-decoration: none;
}

.submenu-toggle {
  display: none;
}

.submenu.level-1 {
  display: inline-block;
  white-space: nowrap;
}

.submenu.level-1 > li {
  display: inline-block;
  padding: 0 20px;
}

.submenu.level-1 > li.has-submenu {
  position: relative;
}

.submenu.level-2 {
  background-color: #A52525; 
  left: 50%;
	padding: 12px 0;
  opacity: 0;
  position: absolute;
  text-transform: none;
  top: 40px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: visibility 0s, opacity 0.3s;
  -o-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
  visibility: hidden;
}

.submenu.level-2 > li {
  padding: 0;
}

.submenu.level-2 .menu-item .menu-link {
  display: block;
  padding: 12px 40px;
	color: white;
}

.submenu.level-2 .menu-item .menu-link:hover,
.submenu.level-2 .menu-item .menu-link:focus {
  text-decoration: underline;
  cursor: pointer;
  -webkit-transition: text-decoration 0.3s;
  -o-transition: text-decoration 0.3s;
  transition: text-decoration 0.3s;
}

.submenu.level-3 .menu-item .menu-link {
  padding-left: 60px;
}

.submenu.level-1 > li.has-submenu:hover .submenu.level-2,
.submenu.level-1 > li.has-submenu.focus .submenu.level-2 {
  opacity: 1;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -o-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
  visibility: visible;
}

/* Hide navigation dropdown in the inline editor */
.hs-inline-edit .submenu.level-1 > li.has-submenu:hover .submenu.level-2,
.hs-inline-edit > li.has-submenu.focus .submenu.level-2 {
  visibility: hidden;
}

@media (min-width: 768px) and (max-width: 1150px) {
  .navigation-primary a {
    font-size: 20px;
  }
}

@media (max-width: 767px) {	
	.header .navigation-primary {
		width: 100%;
	}
	
	.header .navigation-primary>ul>li {
		display: block;
	}
	
	.header .submenu.level-1 {
		text-align: right;
		width: 100%;
	}
	
	.header .submenu.level-1 > li {
		padding: 10px;
	}
	
	.header .navigation-primary .submenu.level-1 > .menu-item > a {
		color: #004b67 !important;
	}
	
	.header .navigation-primary .submenu.level-2 {
	  position: relative;
    top: 0;
    display: block;
    opacity: 1;
    visibility: visible;
    background: transparent;
    padding: 0 10px 0 0;
		border-right: 1px solid #171a1f;
	}
	
	.header .navigation-primary .submenu.level-2>li {
		margin: 0;
	}
	
	.header .navigation-primary a {
		font-size: 30px;
	}
	
	.header .navigation-primary .submenu.level-2 .menu-item .menu-link {
		padding: 0;
		color: #171a1f;
		font-size: 20px;
	}
	
	.footer__navigation .submenu.level-1 {
		white-space: normal;
	}
	
	.footer__navigation .submenu.level-1 > li {
		display: block;
	}
	
	.footer__navigation .submenu > .has-submenu > a {
		width: 100%;
	}

  input[type="checkbox"]:checked ~ .submenu {
    display: block;
  }

}