.menu-dropdown
{
	position: relative;
    line-height: 32px;
  	font-size: 14px;
    text-align: left;
  	display: inline-block;
  	margin-left: 0px;
}

.menu-dropdown:not(:first-child)
{
  	margin-left: 14px;
}

.menu-dropdown-button
{
  	position: relative;
  	display: block;
  	border: 0;
  	background: transparent;
  	color: var(--header-link);
  	cursor: pointer;
  	transition: color 0.13s ease-in-out;
  	height: 32px;
  	padding-right: 24px;
  	margin-top: 6px;
  
  	line-height: 21px;
  	font-size: 14px;
  	font-weight: 400;
  	font-style: normal;
}

.focus .menu-dropdown-button
{
  	color: var(--header-link-focus);
  	font-weight: 600;
}

.menu-dropdown-button::after
{
  	content: "";
  	position: absolute;
  	top: 6px;
  	right: 0px;
  	width: 24px;
  	height: 24px;
  	background-image: url("../icons/arrow_down_medium.svg");
    background-position: center;
    background-repeat: no-repeat; 
    background-size: 9px 9px;
  	filter: brightness(0) invert(1);
  	opacity: 0.6;
  	transition: opacity 0.13s ease-in-out;
}

.menu-dropdown-button:hover::after
{
  	opacity: 1.0;
}

.menu-dropdown-button:hover
{
  	color: var(--header-link-hover);
}

.dropdown-children
{
  	display: none;
  	position: absolute;
  	background: var(--dropdown-background);
  	left: 50%;
  	top: 42px;
  	border: 1px solid var(--dropdown-border);
  	width: 220px;
  	transform: translate(-50%);
  	padding-top: 4px;
  	padding-bottom: 4px;
  	border-radius: 4px;
  	box-shadow: 0px 0px 8px rgba(0,0,0, 0.5);
}

.dropdown-children.show
{
  	display: initial;
}

.dropdown-children a
{
  	padding-left: 14px;
  	display: block;
  	margin: 0;
  	color: var(--dropdown-item);
  	text-decoration: none;
}

.dropdown-children a:hover
{
  	background-color: var(--dropdown-item-background-hover);
}

.dropdown-children hr
{
  	display: block;
  	margin-left: 6px;
  	margin-right: 6px;
  	margin-top: 6px;
  	margin-bottom: 6px;
	border: 0;
  	height: 2px;
  	background-color: var(--header-link);
  	opacity: 0.25;
}

li:first-child .select-box-option
{
  	border-radius: 4px 4px 0px 0px;
}

li:last-child .select-box-option
{
  	border-radius: 0px 0px 4px 4px;
}

@media (max-width: 960px)
{  
    .menu-dropdown,
  	.dropdown-children
    {
        display: none;
    }
}