/** Navigation User Content Menu Styles  */

.menu--admin-submission ul,
.menu--submissions ul,
.menu--user-menu-content ul {
	list-style-type: disc;
	list-style-image: none;
	list-style-type: none;
	margin-left: 0;
}

.menu--admin-submission ul li.menu__item,
.menu--submissions ul li.menu__item,
.menu--user-menu-content ul li.menu__item,
.navigation.menu--account ul li.menu__item {
    display: inline-block;
    margin: 1rem 1rem 1rem 0;
    /* width: 100%; */
}
/** 700px */
@media (min-width: 43.75rem) {
  .menu--admin-submission ul li.menu__item,
  .menu--submissions ul li.menu__item,
  .menu--user-menu-content ul li.menu__item,
  .navigation.menu--account ul li.menu__item {
    width: auto;
  }
}

.menu--admin-submission .menu__link,
.menu--submissions .menu__link,
.menu--user-menu-content .menu__link,
.navigation.menu--account .menu__link {
    padding: 0.9rem 1.25rem;
    font-size: 1.25rem;
    color: #49c3f1 !important;
    background-color: #ffffff !important;
    border: 0;
    margin: 0rem;
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    line-height: 1.1;
    height: auto;
    border-radius: 25px;
}

.menu--user-menu-content .menu__link.user-log-out,
.navigation.menu--account [data-drupal-link-system-path="user/logout"]  {
  background-color: #e31f26 !important;
  color: #fff !important;
}

.menu--admin-submission .menu__link::after,
.menu--submissions .menu__link::after,
.navigation.menu--account .menu__link::after,
.menu--user-menu-content .menu__link::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	/* content: ""; */
	transition: opacity 0.2s, transform 0.2s;
	/* transform: translateY(0.3125rem); */
  transform: none;
	opacity: 0;
	border-top: solid 6px currentColor;
}


.menu--admin-submission .menu__link:focus::after,
.menu--admin-submission .menu__link:hover::after,
.menu--submissions .menu__link:focus::after,
.menu--submissions .menu__link:hover::after,
.navigation.menu--account .menu__link:focus::after,
.navigation.menu--account .menu__link:hover::after,
.menu--user-menu-content .menu__link:focus::after, 
.menu--user-menu-content .menu__link:hover::after {
	/* transform: translateY(0); */
  transform: none;
	opacity: 0.8;
}

.menu--admin-submission .menu__link:hover,
.menu--admin-submission .menu__link:focus,
.menu--submissions .menu__link:hover,
.menu--submissions .menu__link:focus,
.navigation.menu--account .menu__link:hover,
.navigation.menu--account .menu__link:focus,
.menu--user-menu-content .menu__link:hover, 
.menu--user-menu-content .menu__link:focus {
  text-decoration: none;
  background-color: #5fbb46 !important;
  color: #fff !important;
}

.menu--admin-submission .menu__link:active,
.menu--submissions .menu__link:active,
.navigation.menu--account .menu__link:active,
.menu--user-menu-content .menu__link:active {
  text-decoration: none;
  background-color: #000000 !important;
  color: #fff !important;
}



/** Navigation Burger Menu*/
.header-nav .menu--user-menu-content .menu,
.header-nav .navigation.menu--account .menu,
.header-nav .menu--user-menu-content .menu {
  margin: 0;
}
.header-nav .menu--user-menu-content ul li.menu__item {
  margin-right: 0;
}
.header-nav .menu--user-menu-content .menu__item,
.header-nav .navigation.menu--account .menu__item,
.header-nav .menu--user-menu-content .menu__link {
  width: 100%;
}

.header-nav .menu--user-menu-content .menu__link, 
.header-nav .navigation.menu--account .menu__link, 
.header-nav .menu--user-menu-content .menu__link {
  background-color: #49c3f1 !important;
  color: #ffffff !important; 
  padding: 0.5rem 1.25rem;
  text-align: left;
}

.header-nav .menu--user-menu-content .menu__link:hover, 
.header-nav .navigation.menu--account .menu__link:hover, 
.header-nav .menu--user-menu-content .menu__link:hover {
  background-color: #5fbb46 !important;
}

.header-nav .menu--user-menu-content .menu__link:active,  
.header-nav .navigation.menu--account .menu__link:active, 
.header-nav .menu--user-menu-content .menu__link:active {
  background-color: #000000 !important;
}

.header-nav .menu--user-menu-content .menu__link:after, 
.header-nav .navigation.menu--account .menu__link:after, 
.header-nav .menu--user-menu-content .menu__link:after {
 content: none;
 display: none;
}

.header-nav  .navigation.menu--account [data-drupal-link-system-path="user/logout"]  {
  background-color: #e31f26 !important;
}