@charset "UTF-8";
/* CSS Document */

.dropdown {
	  position: relative;
	  display: inline-block;
}
button.dropdown-button {
		margin: 0;
}
.dropdown-button {
		font-family: 'SourceSansPro', Helvetica, Arial, sans-serif;
		background-color: #1b3667;
		color: white;
		padding: 14px 16px;
		font-size: 16px;
		border: none;
		height: 100%;
		width: 100%;
}
.dropdown-button a {
		color: white;
}
.dropdown-content {
	font-family: 'SourceSansPro', Helvetica, Arial, sans-serif;
	display: none;
	position: absolute;
	background-color: #fff;
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content a {
		color: #0356b8;
		padding: 8px 16px 6px;
		text-decoration: none;
		display: block;
		border-bottom: 1px solid #d2e2ef;
		line-height: 1.4;
		width: 100%
}
.dropdown-content a:hover{
		color: #f2a71d;
		font-weight: 800;
}
.dropdown-button a:hover {
		color: #f2a71d;
}	
.dropdown:hover .dropdown-content {
		display: block;
}
.dropdown:hover .dropdown-button {
		background-color: #0356b8;
}
.desktop-menu {
	position: relative;
	top: 70px;
	margin-left: 50px;
}

/* mobile menu */
	.menu-close {
		padding: 10px 20px;
		position: absolute;
		right: 0;
		top: 0px;
		background: #1b3667;
}
	.menu-close a {
		color: white;
	}
	
#menu-toggle {
  display: none;
}

.hamburger {
  display: none;
  width: 15%;
/*   background: #1b3667; */
  padding: 6px 12px;
  cursor: pointer;
  position: relative;
}

.hamburger span {
  display: block;
  width: 28px;
  height: 3px;
  background: white;
  margin: 6px 0;
  transition: 0.3s ease;
}

/* Animate hamburger into X */
#menu-toggle:checked + .hamburger span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}
#menu-toggle:checked + .hamburger span:nth-child(2) {
  opacity: 0;
}
#menu-toggle:checked + .hamburger span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px);
}
		
		
		
@media screen and (max-width: 768px) {
  .dropdown:hover .dropdown-button {
         background-color: #1b3667;
  }

  .dropdown-content span  {
		display: block;
		border-bottom: 1px solid #d2e2ef;
		line-height: 1.4;
   }
	.dropdown-content span a {
	   display: inline-block !important;
		border-bottom: none !important;
	}
  .hamburger {
    display: block;
  }
  label.hamburger  {
    display: block;
    margin-bottom:0px !important;
    max-width:100% !important;
  }
  #main-menu .dropdown {
    display: block;
    border-bottom: 1px solid #fff !important;   
  }
  #main-menu .dropdown .dropdown-content {
    position:relative;
    text-align:center;
  }
  .desktop-menu {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
	background: #000000a3;
	position: absolute;
    top: 95px;
    width: 100%;
    left: -50px;
	height: 100vh;
  }
  /* Slide down menu */
  #menu-toggle:checked + .hamburger + .desktop-menu {
    max-height: 1000px;
  }  
/*   .dropdown::after {
    content: "▼";
    color: #fff;
    position: absolute;
    right: 30px;
    top: 25px;
    font-size:20px;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.25s ease;
  } */
  /* rotate when open */
  .dropdown:focus-within::after,.dropdown:hover::after {  
   /* transform: translateY(-50%) rotate(180deg); */
  }
  .dropdown:not(:has(.dropdown-content))::after,
  .dropdown:focus-within::after,.dropdown:hover::after {
     display:none !important;
  }
}