/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */




/* ------------ MENU: TOP NAVIGATION, WIDTH TAKING 100% (OPTION 1) ------------ */

#zone-user {
    /*background-color: #fff;*/
    /* takes the whole zone, ideal for frames or borders arround the menu, shadows, etc... */
}

/* Two options within the top navigation bar */
/* background colour taking the full width of the screen */
/* or the contect area */

#zone-user-wrapper {
    /* background-color: #24221F; */
    /* if you want the menu bar to fill the full width */
    /* color: #B3ADA6; */
}

#zone-user-wrapper ul.menu {
    background-color: #24221F;
    /* if you want the menu bar to fill the content area */
}

#zone-user-wrapper ul.menu li {
    margin: 0; /* overrides system...?m2moqw (line 15) */
}

#zone-user-wrapper #nav ul {
    padding: 20px;
}

#zone-user-wrapper #nav ul li {
    list-style: none;
    display: inline; /* inline for non-mobile navigation */
    border: 0;
}

#zone-user-wrapper #nav ul li a {
    color: #B3ADA6;
    text-decoration: none;
    padding: 20px 20px 22px 20px;
    display: inline; /* overrides mobile's display: block; */
}

#zone-user-wrapper #nav ul li a:hover {
    color: #97CDCD; /* green */
}

#zone-user-wrapper #nav ul li a.active-trail {
    color: #fff; /* selected page */
}/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */




/* ---------------- RESPONSIVE NAVIGATION MODULE ------------------- */

/* PLUGIN CSS (Part 2 of 2) - 1st part in global */
#block-system-main-menu {
    display: block;   /* This time have 2 menus enable, displaying responsive in mobile, but original in narrow and above resolutions */
}

#block-responsive-navigation-1 { /* Added */
    /*margin-top: 18px;*/
} 
  
.js #nav {
    position: relative;
 }
  
.js #nav.closed {
    max-height: none;
}
  
a#nav-toggle {   /* NB: Need to add a before # to hide toggle in narrow and above resolutions - was #nav-toggle */
    display: none;
}

#nav ul {
    background: none; /* Added */
    text-align: right;
}
  
#nav li {
    text-align: right;
}

#nav li a { /* added */
    display: inline; /* to override display block in global*/
    width: auto;     /* to override width: 100% in global */
}

#region-user-second #block-responsive-navigation-1 #nav li a {
    color: #FFF;
    background-color: #B3ADA6; /* light coffee */
    /*font-weight: bold;*/
    border-radius: 16px;
    padding: 4px 10px 4px 10px;
    margin-left: 4px;
}

#region-user-second #block-responsive-navigation-1 #nav li a:hover {
    background-color: #97CDCD; /* light blue */  
}




/* ------- MOBILE REGION ------- */

#zone-mobile-wrapper {
    display: none;  /* hide mobile CALL TO ACTION bar from all non-mobile resolutions */
}