/* menu. */

.dialog-off-canvas-main-canvas {overflow-x: visible}
#toolbar-administration #toolbar-bar {z-index:1031;}

#block-eurojust-main-navigation::before {display: table;content: " ";}
#block-eurojust-main-navigation > ul {
  float: none;
  display: table;
  margin: 0 auto;
}
.navbar-nav > li {
  float: left;
}

.nav > li {position:relative; display:block;}

[class*='navbar-expand-'] li.nav-item.active,
.nav > li.show {
  background-color: #2C4754;
}

#toolbar-administration #toolbar-bar {z-index:1031;}

#block-eurojust-main-navigation::before {
  display: table;
  content: " ";
}

#block-eurojust-main-navigation > ul {float: none;display: table;margin: 0 auto;}
#block-eurojust-main-navigation .navbar-nav > li {
  float: left;
}
#block-eurojust-main-navigation .navbar-nav > li a,
#block-eurojust-main-navigation .navbar-nav > li span {
  cursor: pointer;
}
#block-eurojust-main-navigation .nav > li.active {background-color: #2C4754;}
#block-eurojust-main-navigation .nav::before {display: table; content: " ";}
#block-eurojust-main-navigation .nav > li {position:relative; display:block;}
#block-eurojust-main-navigation .navbar-expand-md li.nav-item.active,
#block-eurojust-main-navigation .nav > li.show {background-color: #2C4754;}
#block-eurojust-main-navigation > ul > li .mega-menu {
  position: fixed;
  width: 100%;
  left: 0;
  background: #CDD5D9;
  box-shadow: 0 5px 8px 0 rgba(0,0,0,.5);
  padding: 0;
}
#block-eurojust-main-navigation .mega-menu.menu-opened .container-fluid,
#block-eurojust-main-navigation .mega-menu.menu-opened .container {
  background: #CDD5D9;
  padding-top: 1rem;
   -webkit-transition: left 300ms ease-out;
  -moz-transition: left 300ms ease-out;
  transition: left 300ms ease-out;
}
#block-eurojust-main-navigation > ul > li .mega-menu .overview{padding: 1rem 15px; background-color: #7EA4B1;}
#block-eurojust-main-navigation > ul > li .mega-menu .overview h2{padding: .25rem 1.5rem; color: #EBF1F6; margin: 0;}
#block-eurojust-main-navigation > ul > li .mega-menu .overview h2 a{color: #EBF1F6; padding: 0 10px;}

#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3.dropdown-item a:hover,
#block-eurojust-main-navigation > ul > li .mega-menu .overview h2 a:hover{text-decoration: underline;}

#block-eurojust-main-navigation > ul > li .mega-menu .content-menu p.dropdown-item,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3.dropdown-item,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu p a {background-color: transparent;}
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3 a {background-color: transparent;}
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3.dropdown-item,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3.dropdown-item span,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3.dropdown-item a {color:#466570;font-weight:600;font-size: 16px;}
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu > div ul.last-level li,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu > div ul.last-level li a {color:#466570;}
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu > div {padding-bottom:15px;}
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu > div[class*=col-] {float:left;}
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu > div ul.last-level {float:left;list-style: disclosure-closed;}

#block-eurojust-main-navigation > ul > li .mega-menu .content-menu p a.is-active,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3 a.is-active,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu > div ul.last-level li a.is-active,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu p a:hover,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu > div ul.last-level li a:hover,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3 a:hover,
#block-eurojust-main-navigation > ul > li .mega-menu .overview h2.active,
#block-eurojust-main-navigation > ul > li .mega-menu .overview h2 a.active,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3.dropdown-item.active span,
#block-eurojust-main-navigation > ul > li .mega-menu .content-menu h3.dropdown-item.active a {color:#9f320b;}

/* sidebar menu. */
.menu-siblings > ul {list-style: disclosure-closed;}
.menu-siblings ul {padding-left:15px;}
.menu-siblings ul > li a,
.menu-siblings ul > li span {padding:2px 0;}
.menu-siblings ul > li a.is-active {color: #9f320b;}
.menu-siblings > ul > ul {list-style: circle;}
.menu-siblings > ul > ul > ul {list-style: square;}

/* Large devices (desktops, 992px and up) */
@media (min-width: 1200px) {
  .nav-item.mega-menu-link.link:hover a {text-decoration: underline;}
  .nav-item.mega-menu-link.dropdown:hover::before {
    content: "";
    border-color: #2C4754 transparent transparent;
    border-style: solid;
    border-width: 15px 20px 0px;
    position: absolute;
    top: 53px;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 500;
  }
}

/* responsive menu 1. */
#block-responsivemenu {
  background-color: #466570;
  margin: 0;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  display: none;
  overflow: hidden;
  transition: -webkit-transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out;
  transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
  -webkit-transform: translateX(150%);
  transform: translateX(150%);
  will-change: transform;
  z-index: 100;
}
#block-responsivemenu.mega-menu-link .dropdown-item.menu-item--expanded:hover {
  background-color: #c0cdd6;
}

.nav-item.menu-item--expanded.dropdown.mega-menu-link.show {
  background: #c0cdd6;
}

#block-responsivemenu::before {
  display: table;
  content: " ";
}
#block-responsivemenu > ul {float: none;display: table;margin: 0 auto;}
#block-responsivemenu .navbar-nav > li {
  position: unset;
}
#block-responsivemenu .navbar-nav > li a {
  display: block;
  float: left;
  width: 650px;
  text-decoration: none;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#block-responsivemenu .navbar-nav > li.level-0 > a{padding: 5px 0;}
#block-responsivemenu .navbar-nav > li span {
  cursor: pointer;
  display: block;
  color: #fff;
  float: right;
  padding: 5px 15px;
}
#block-responsivemenu .menubelow > li > span {
  padding: 0 10px;
}
#block-eurojust-main-navigation .navbar-nav > li > span.eurojust-toggle{display: none;color: #fff;}
#block-responsivemenu .navbar-nav > li > span.eurojust-toggle,
#block-responsivemenu .menubelow > li > span{background-color: #2C4754;}
#block-responsivemenu .navbar-nav > li:hover > span.eurojust-toggle,
#block-responsivemenu .navbar-nav > li.active > span.eurojust-toggle,
#block-responsivemenu .menubelow > li:hover > span,
#block-responsivemenu .menubelow > li.active > span{background-color: #466570;}
#block-responsivemenu .nav > li.active {background-color: #2C4754;}
#block-responsivemenu .nav::before {display: table; content: " ";}
#block-responsivemenu .nav > li{
  display: block;
  width: 100%;
}
#block-responsivemenu .navbar-expand-md li.nav-item.active,
#block-responsivemenu .nav > li.show {background-color: #2C4754;}
#block-responsivemenu > ul > li .mega-menu {
  position: fixed;
  width: 100%;
  left: 0;
  transition-delay: 0s, 0s;
  transition-delay: 0.1s;
}

#block-responsivemenu .mega-menu.menu-opened .container-fluid,
#block-responsivemenu .mega-menu.menu-opened .container {
  background: #CDD5D9;
  padding-top: 1rem;
  box-shadow: 0 5px 8px 0 rgba(0,0,0,.5);
}
#block-responsivemenu > ul > li .mega-menu .content-menu p.dropdown-item,
#block-responsivemenu > ul > li .mega-menu .content-menu h3.dropdown-item,
#block-responsivemenu > ul > li .mega-menu .content-menu p a {background-color: transparent;}
#block-responsivemenu > ul > li .mega-menu .content-menu h3,
#block-responsivemenu > ul > li .mega-menu .content-menu h3 a {background-color: transparent;}
#block-responsivemenu > ul > li .mega-menu .content-menu h3.dropdown-item,
#block-responsivemenu > ul > li .mega-menu .content-menu h3.dropdown-item span,
#block-responsivemenu > ul > li .mega-menu .content-menu h3.dropdown-item a {color:#466570;font-weight:600;font-size: 16px;}
#block-responsivemenu > ul > li .mega-menu .content-menu > div ul.last-level li,
#block-responsivemenu > ul > li .mega-menu .content-menu > div ul.last-level li a {color:#466570;}
#block-responsivemenu > ul > li .mega-menu .content-menu p a:hover,
#block-responsivemenu > ul > li .mega-menu .content-menu > div ul.last-level li a:hover,
#block-responsivemenu > ul > li .mega-menu .content-menu h3 a:hover {color:#9f320b;}
#block-responsivemenu > ul > li .mega-menu .content-menu p a.is-active,
#block-responsivemenu > ul > li .mega-menu .content-menu h3 a.is-active,
#block-responsivemenu > ul > li .mega-menu .content-menu > div ul.last-level li a.is-active {color:#9f320b;}
#block-responsivemenu > ul > li .mega-menu .content-menu > div {padding-bottom:15px;}
#block-responsivemenu > ul > li .mega-menu .content-menu > div[class*=col-] {float:left;}
#block-responsivemenu > ul > li .mega-menu .content-menu > div ul.last-level {float:left;list-style: disclosure-closed;}

/* ADDED THINGS */
.dropdown-item {
  white-space: normal;
}