/* Dropdown - Use to hide Login option */
	/* Hide the login */
	form.login-panel__login-form{
	  display: none!important;
	}
	
/* Dropdown - without Login option */
.login-panel{
  border: none; 
  background-color: #EEEEEE;
  padding-bottom:10px;
}
.header__login-link.opened{
   background-color: #EEEEEE
}
#login-link.opened{
  padding-bottom: 10px;
}

.login-panel__close-button{
margin: 5px
}

.login-panel__close-button::before{
  content: "\274C";
  color: #15AAE2
}

.login-panel__close-button:hover:before{
  content: "\274C";
  color: #006699;
}

/* Quick link and more Info split section */
.login-panel__editorial-content{
  /* background-color: #ccc0c8 */
}

.login-panel__login-form{
  min-width:220px;
  /* background-color: #c0c0cc */
}

.drop1{
  /* background-color: #b3c9c6 */
}

.drop2{
  /* background-color: #c5c9b3 */
}

.drop1,
.drop2 {
	float: left;
	padding-right:15px
}
.drop1 h2,
.drop2 h2,
.login-panel__login-form h2{
  font-weight: 700;
  color: #077D3D
}

.drop1{
	min-width:30%;
	margin-right: 5%;
  border-right: solid 1px grey;
	}

.drop2{
	width: 65%;
	min-height: 300px; 
	}
	
.drop2 img{
  padding-bottom:10px;
  margin: auto;
  display: block
}

@media (max-width:880px){
  .drop1,
  .drop2{
    width: 100%;
  }

  .drop1 ul li{
    display: inline;
  }
  
  .drop1 ul li a{
    white-space: nowrap
  }
  .drop1 ul li:after{
    content: " | "
  }

  .drop1 ul li:last-child:after{
    content: ""
  }
}