/* CSS for major navigation elements such as menus, pager, superfish etc */

a {}
a:link    {}
a:visited {}
a:hover   {}
a:active  {}
a.active  {}

/* Global focus style for links. */
a:active,
a:focus {}

/**
 * Primary, Seondary and Menu bar menus, use one of the following id's for granular control:
 * #menu-bar
 * #primary-menu-bar
 * #secondary-menu-bar
 */
.nav nav{
  margin: 0 3.6%;
}
.nav {
  clear:both;
  margin: 0;
}
.nav ul.menu {
  margin: 0;
}
.nav li,
.nav .menu li {
  display: inline;
  float: left;
  list-style: none;
}
.nav li a,
.nav .menu li a {
  display: block;
  white-space: nowrap;
  padding: 0 10px;
}
.nav ul,
.nav ul.menu,
.nav ul.menu li {
  margin: 0;
  padding: 0;
}

/* Menu bar block */
.nav .block {
  margin-bottom: 0;
}

/* Primary Menu Bar */

#primary-menu-bar,
#menu-bar #block-system-main-menu .menu-wrapper{
    margin-top: 1%;
    margin-bottom: 2%;
    padding-left: 2%;
    padding-right: 5%;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

#primary-menu-bar nav,
#menu-bar #block-system-main-menu.block-menu{
    margin-left: 0;
    margin-right: 0;
}

#primary-menu-bar nav .menu,
#menu-bar #block-system-main-menu .menu{
    float: none;
}

#primary-menu-bar nav .menu a,
#menu-bar #block-system-main-menu .menu a{
    padding: 8px 12px 8px 14px;
}

#primary-menu-bar nav .menu li.expanded > a:after,
#menu-bar #block-system-main-menu .menu li.expanded > a:after{
    content: '\25BE';
    left: 8px;
    margin-right: 2px;
    margin-top: -2px;
    position: relative;
}

/* Main menu dropdown */

#menu-bar #block-system-main-menu .menu li:hover > ul{
    display: block;
}

#menu-bar #block-system-main-menu .menu li:hover ul ul{
    display: none;
}

#menu-bar #block-system-main-menu .menu li ul{
    position: absolute;
    margin-left: 0px;
    z-index: 50;
    background-color: #e0e0e0;
}

#menu-bar #block-system-main-menu .menu li ul a:after{
    content: '\25B8';
    margin-left: .24em;
}

#menu-bar nav.block-menu .menu ul li{
    float: none;
}

/* Secondary Menu Bar */

#secondary-menu-bar,
#menu-bar nav.block-menu{
    margin-top: 1%;
    margin-bottom: 2%;
}

#secondary-menu-bar .secondary-menu,
#menu-bar nav.block-menu .menu{
    float: right;
}

#menu-bar nav.block-menu .menu ul{
    display: none;
}

/* Menus */
ul.menu {
  margin-left: 15px;
}
ul.menu ul,
ul.menu ul ul,
ul.menu ul ul ul {
  margin-left: 15px;
}

/* Menu li styles */
ul.menu li {
  margin: 0;
}
ul.menu li.collapsed {}
ul.menu li.expanded  {}
ul.menu li.leaf      {}

ul.menu li a:link,
ul.menu li a:visited {}

ul.menu li a:hover,
ul.menu li a:focus,
ul.menu li a:active  {}

ul.menu li.active a  {}
ul.menu li.active-trail a {}

ul.menu li.first {}
ul.menu li.last  {}

.block .menu li.content {
  padding: 0; /* this class can be a problem in some occurances, so mitigate risk */
}

/* Breadcrumbs - AT7 builds brumbcrumb trails as an ordered list. */
#breadcrumb {
  padding-bottom: 1em;
}
#breadcrumb ol {
  margin: 0;
  padding: 0;
}
#breadcrumb li {
  list-style: none;
  display: inline;
}
#breadcrumb a {}
#breadcrumb a:link {}
#breadcrumb a:visited {}
#breadcrumb a:hover {}
#breadcrumb a:focus {}
#breadcrumb a:active {}

/* Pager */
ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}
.item-list ul.pager li {
  margin: 0;
}
ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}
ul.pager li.pager-current {
  font-weight: 700;
}
.block ul.pager li {
  margin: 0;
}

/* Theme the various states of pager links. */
ul.pager li a:link    {}
ul.pager li a:visited {}
ul.pager li a:hover   {}

/* Note: .pager-current is for the current page. */
ul.pager li.pager-item     {}
ul.pager li.first          {}
ul.pager li.last           {}
ul.pager li.pager-current  {}
ul.pager li.pager-first    {}
ul.pager li.pager-previous {}
ul.pager li.pager-next     {}
ul.pager li.pager-last     {}

/* Superfish Skins */
ul.sf-menu {
  margin-bottom: 0;
}
ul.sf-menu li ul {
  display: none; /* Prevent momentary display of sub menus */
}
ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;
}

ul.sf-menu a:link,
ul.sf-menu a:visited  {}

ul.sf-menu li:hover,
ul.sf-menu li.sfHover,
ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
  outline: 0;
}

/* Superfish blocks */
.block-superfish .block-inner,
.block-superfish .block-inner .content {
  padding: 0;
  margin: 0;
}
.block-superfish ul,
.block-superfish ul ul,
.block-superfish ul ul ul,
.block-superfish ul ul ul ul,
.block-superfish li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Vertical style */
.sf-vertical,
.sf-vertical li {
  width: 100%;
}
.sf-vertical li {}
.sf-vertical li.last {}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%; /* match ul width */
  top:  0;
  margin: 0;
  padding: 0;
}
.sf-vertical li a {
  padding: 0 10px;
}

/* Navbar */
.sf-navbar {
  padding-bottom: 0 !important;
}

/* Sensible padding for the default style */
.sf-menu.sf-style-default a {
  padding: 0 10px;
}

/* Skip Navigation */
#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}
#skip-link a,
#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
  -khtml-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-radius: 0 0 10px 10px;
}
#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  outline: 0;
}

/* Tabs */
#tasks {
  margin-bottom: 1em;
}
ul.primary {
  border-bottom-color:#ccc;
  margin: 1.5em 0 0;
  padding: 0 0 .2em .3em;
}
ul.primary li a {
  background-color: #f5f5f5;
  margin-right: .08em;
  border-color: #ccc;
  padding: .1em .75em .2em;
}
.local-tasks ul.primary li a:hover {
  background-color: #f7f7f7;
  border-color: #ddd;
}
.local-tasks ul.primary li.active a {
  background-color: #fff;
  border-bottom-color: #fff;
}
ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}
ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 2em 0 0;
}
ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}

/* Sidebar Menus */

.sidebar .block-menu ul.menu,
.sidebar .block-menu-block ul.menu{
    padding: 0;
    margin: 0;
}

.sidebar .block-menu ul.menu ul,
.sidebar .block-menu-block ul.menu ul{
    margin-left: 18px;
}

.sidebar .block-menu .menu li,
.sidebar .block-menu-block .menu li{
    list-style: none;
    list-style-image: none;
}

.sidebar .block-menu .menu li a,
.sidebar .block-menu-block .menu li a{
    padding: 2px 4px 4px 0px;
    text-decoration: none;
    color: #8A8B8C;
    display: block;
}

.sidebar .block-menu .menu li a.active,
.sidebar .block-menu-block .menu li a.active{
    color: #A31F34;
}

.sidebar .block-menu .menu li a:hover,
.sidebar .block-menu-block .menu li a:hover{
    color: #A31F34;
    text-decoration: underline;
}

.sidebar .block-menu .menu li a:before,
.sidebar .block-menu-block .menu li a:before{
    content: '';
    position: relative;
    margin-top: -2px;
    margin-right: 0;    
}

.sidebar .block-menu .menu li a:after,
.sidebar .block-menu-block .menu li a:after 
{
    content: '\25B8';
    margin-right: 0;
    margin-left: 4px;
}

.sidebar .block-menu .menu .menu li a,
.sidebar .block-menu-block .menu .menu li a{
    padding: 3px 0;
}

.sidebar .block-menu .menu .menu li a:before,
.sidebar .block-menu-block .menu .menu li a:before{
    content: '';
    margin: 0;
}

/* Responsive Menus Simple */

.responsive-menus.responsified span.toggler{
    background: #FFF;
    color: #000;
    border-radius: 0;
    box-shadow: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding-left: 3.2%;
    padding-right: 3.2%;
    font-size: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
}

.responsive-menus.responsified .responsive-menus-simple{
    background: #FFF;
    border-radius: 0;
}

.responsive-menus.responsified .responsive-menus-simple li a{
    color: #000;
    border-bottom: 1px solid #ccc;
    font-size: .9em;
    padding: .8em 5%;
}

/* Mean Menu */

.mean-bar{
    margin-bottom: 2.5%;
}

.mean-container .mean-bar{
    z-index: 20;
}

/* ResponsiveMultiLevelMain CoDrops */

#dl-menu .dl-menu li,
#dl-menu .dl-submenu li{
    float: none;
}

.dl-menuwrapper{
    max-width: none;
    z-index: 20 !important;
}

.dl-menuwrapper li a{
    padding: 15px 20px;
}

/* Sidr */

#sidr-wrapper-0{
    margin-bottom: 2%;
}

#sidr-wrapper-0 a{
    background: #FFF;
    color: #000;
    border-radius: 0;
    box-shadow: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
    padding-left: 3.2%;
    padding-right: 3.2%;
    font-size: 1em;
    padding-top: .5em;
    padding-bottom: .5em;
    display: block;
    text-decoration: none;
}

/* Google CoDrops */

body.google-nexus-enabled{
    margin-top: 60px;
}

.nav .gn-menu-wrapper{
    margin: 0;
}

.nav .gn-menu-main > li > a{
    padding: 0 30px;
}

.nav .gn-menu li{
    float: none;
}

.nav .gn-menu a{
    padding: 0;
}