/* Basic reset */
#desktop-menu *,
#mobile-menu * {
   margin: 0;
   padding: 0;
}

#desktop-menu {
   margin: 1rem auto 0;
   color: #333;
}

#mobile-menu {
   margin-top: 15px;
}

/* Heading styles */
#desktop-menu h3,
#mobile-menu h3 {
   /*font-family: 'Oswald', sans-serif;*/
   font-family: 'Droid Sans', 'Arial', sans-serif;
   font-weight: normal;
   padding: 0;
   cursor: pointer;
   margin-bottom: 0;
   font-size: 1.1em;
   /*line-height: 34px;*/
   /*text-transform: uppercase;*/
   /*color: #3F93C7;*/
   color: #999;
}

#mobile-menu h3 {
   position: relative;
   font-size: 1.25em;
}

#desktop-menu > ul > li > h3,
#mobile-menu > ul > li > h3 {
   text-transform: uppercase;
}

#desktop-menu h3:hover,
#desktop-menu h3.expanded,
#mobile-menu h3:hover,
#mobile-menu h3.expanded {
   /*color: #999;*/
   color: #3F93C7;
}

/* List items */
#desktop-menu li,
#mobile-menu li {
   list-style-type: none;
}

#desktop-menu i {
   margin-right: 6px;
   font-size: .8em;
}

#mobile-menu i {
   position: absolute;
   line-height: 2.5em;
   font-size: .8em;
   right: 1px;
}

/* ------------- */
/* Links */
/* ------------- */
#desktop-menu > ul > li {
   line-height: 30px;
   /*border-bottom: 1px solid #eee;*/
   border-top: 1px solid #eee;
}

#desktop-menu > ul > li:first-child {
   border: none;
}

#mobile-menu > ul {
   margin-bottom: 10px;
}

#mobile-menu > ul > li {
   line-height: 35px;
   /*border-bottom: 1px solid #eee;*/
   border-top: 1px solid #eee;
}

#mobile-menu > ul > li:first-child {
   border: none;
}

/* Top-level menu points that don't have a sub-menu */
#desktop-menu > ul > li > a,
#mobile-menu > ul > li > a {
   display: block;
   position: relative;
   padding: 0;
   /*font-family: 'Oswald', sans-serif;*/
   font-family: 'Droid Sans', 'Arial', sans-serif;
   /*text-transform: lowercase;*/
   line-height: 27px;
   /*color: #7E7E7E;*/
   /*color: #3F93C7;*/
   color: #999;
   text-decoration: none;
   /* transition for smooth hover animation */
   transition: all .15s;
}

#desktop-menu > ul > li > a:hover,
#desktop-menu > ul > li > a:focus,
#desktop-menu > ul > li > a:active,
#mobile-menu > ul > li > a:hover,
#mobile-menu > ul > li > a:focus,
#mobile-menu > ul > li > a:active {
   /*color: #999;*/
   color: #3F93C7;
}

#desktop-menu > ul > li.menu-desktop-gap {
   height: 50px;
   border-top: none;
}


/* Sub-menu links */
#desktop-menu ul ul li a,
#mobile-menu ul ul li a {
   display: block;
   padding: 0;
   /*margin-left: 17px;*/
   /*font-family: 'Oswald', sans-serif;*/
   font-family: 'Droid Sans', 'Arial', sans-serif;
   text-transform: lowercase;
   line-height: 27px;
   /*color: #7E7E7E;*/
   color: #999;
   text-decoration: none;
   /* transition for smooth hover animation */
   /*transition: all .15s;*/
}


/* On hover effect on links */
#desktop-menu ul ul li a:hover,
#desktop-menu ul ul li a:focus,
#desktop-menu ul ul li a:active,
#mobile-menu ul ul li a:hover,
#mobile-menu ul ul li a:focus,
#mobile-menu ul ul li a:active {
   /*color: #ACD2E6;*/
   background-color: #f2f2f2;
}

#desktop-menu ul ul li a.selected-page,
#mobile-menu ul ul li a.selected-page {
   color: #3F93C7;
}

/* On hover effect on "Other ways to choose accommodation" (accommodation page) links */
/*
#mobile-menu ul ul li a:hover,
#mobile-menu ul ul li a:focus,
#mobile-menu ul ul li a:active {
   text-decoration: none;
}
*/

/* Hide the non-active LIs by default */
#desktop-menu ul ul,
#desktop-menu ul ul ul,
#mobile-menu ul ul,
#mobile-menu ul ul ul {
   display: none;
   position: relative;
   /*margin-left: 21px;*/
}

#desktop-menu ul ul li a,
#mobile-menu ul ul li a {
   padding-left: 21px;
}
/*
#desktop-menu li.expanded ul,
#mobile-menu li.expanded ul {
   display: block;
}
*/

#desktop-menu li.expanded > ul,
#mobile-menu li.expanded > ul {
   display: block;
}



@media all and (max-width: 1050px) {
   #mobile-menu > ul > li.menu-desktop-gap {
      /*
      height: 0;
      border-top: none;
      */
      height: 0;
      border-top: none;
      border-bottom: 4px solid #eee;
      padding-bottom: 10px;
      margin-bottom: 10px;
   }

   #mobile-menu > ul > li.menu-desktop-gap + li {
      border-top: none;
   }
}