.mobile {
 display:none; 
}

.when_scroll-started, .when_top-transition {
  display:none;
}

.scroll-started .when_scroll-started, .top-transition .when_top-transition  {
  display:block;
}

.when-not_scroll-started, .when-not_top-transition {
  display:block;
}

.scroll-started .when-not_scroll-started, .top-transition .when-not_top-transition {
  display:none;
}

.scroll-started #blue_bar {
  opacity:1.0;
}

#blue_bar {
  opacity:0.0;
  transition: 1s;
  z-index:50;
  position:fixed;
  top:0;
  left:0;
  height: 60px;
  width: 100%;
  background: url(/sites/default/files/svg/menu-bar.svg);
  background-size: cover;
}

#e_words img {
    height: 45px;
    z-index: 10;
    position: absolute;
    margin-top: calc(100vh - 170px);
    margin-left: 420px;
}

.top-transition #block-youth-main-menu {
  background: none;
}

@keyframes bounce {
  from   {  
  	padding-top: 0px; 
 	}
 
	to { 
		padding-top: 40px; 
	}
}

#yellow-arrow-down img {
  position: absolute;
  width: 100px;
  right: 100px;
  margin-top: calc(100vh - 180px);
  z-index: 40; 
  animation: bounce 1s infinite alternate;
}

#block-youth-footer ul > li {
  display: inline-block;
}

#block-youth-footer nav {
  text-align:center;
}

#block-homepageaboutus-2 h4 {
   padding-top:400px;
   transition:2s;
}

.about-us-transition #block-homepageaboutus-2 h4 {
   padding-top:10px;
}

.dropdown-menu {
 //   background-color: rgba(0,0,0,0.7);
    background-color: rgb(18 169 170);
    border: 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
   // background-color: rgba(0,0,0,0.7);
   background-color: rgb(18 169 170);
    border: 0;
}

.navbar-nav > li > .dropdown-menu {
 margin-top:-5px; 
 margin-left:-1px;
}

.navbar-nav > li.last > .dropdown-menu {
 margin-left:-260px;
}

.navbar-nav > li > ul > li:hover .dropdown-menu {
 display:block; 
}

.navbar-nav > li > ul > li .dropdown-menu:hover {
 display:block; 
}

#block-youth-main-menu ul li {
		width: auto;
		cursor: pointer;
}

ul.dropdown-menu {
    margin-top: 20px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav > li > a:hover, .nav > li > a:focus,
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    text-decoration: underline;
    background-color: unset;
}


@media (max-width: 1023px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  
  .navbar-text {
    margin-left: 0;
  }
  
  
  .menu--main>li:nth-child(2) .expanded.dropdown.last ul.dropdown-menu {
      // Hack to show expanded "Projects" menu on mobile devices;
    display: block;
    margin-top:20px;
    margin-left:20px;
  }
  
}