/**
 * @file
 * Navigation Styling
 */

 @import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500);

/*
 * Markup generated by theme_menu_tree().
 */

ul li.expanded {
  *list-style-image: url(../images/menu-expanded.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(../images/menu-collapsed.png); /* LTR */
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC'); /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(../images/menu-leaf.png);
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */

li a.active {
  color: #000;
}

/*
 * Some links go from black to blue, instead of blue to grey.
 */

#block-system-user-menu a,
#block-block-1 a {
    color: #222;
    text-decoration: none;
}

#block-system-user-menu a:hover,
#block-block-1 a:hover {
    color: #00B3E4;
    text-decoration: underline;
}

/*
 * Preheader
 */

#block-block-10 a {
    color: #fff;
    font-family: "ubuntu";
    font-size: 80%;
    font-weight: 500;
    padding: 5px;
    text-transform: uppercase;
}

.ap #preheader li.ap a { color: #00B3E4; }
.jf #preheader li.jf a { color: #7AB800; }
.sg #preheader li.sg a { color: #781F62; }
.cte #preheader li.cte a {color: #006837; }
.nwp #preheader li.nwp a {color: #F75E33; }

/*
 * Navigation bar
 */

#navigation, .responsive-menus {
 /* line-height: 4em; */
  /* overflow: hidden; /* Sometimes you want to prevent overlapping with main div. */
  margin-bottom: 1em;
}
.responsified ul, .toggler {
    background-color: #E8E8E8 !important;
}
.region-navigation .toggler {
    display: none !important;
}

.responsified a {
    text-transform: none !important;
    font-size: 125% !important;
    padding: 5px 27px !important;
}
span.toggler {
    color: #000000 !important;
}
#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

secondary menu links */
#navigation ul.menu { /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left; /* LTR */
}

#navigation ul.links li,
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */
  float: left; /* LTR */
  padding: 0 2em 0 0; /* LTR */
  list-style-type: none;
  list-style-image: none;
}
#main-menu li:first-child a {
    border: none;
}
#navigation ul.menu li ul {
    position: absolute;
    left: 5em;
    margin-top: 0.8em;
}
#navigation a {
    text-decoration: none;
    font-size: 130%;
}
#navigation a:active,
#navigation a:hover {
    color:#000;
}
#navigation ul.menu li ul li a {
    font-size: 120%;
}
.region-navigation {
}

/*
 * Main menu and Secondary menu links
 */

#navigation,
#main-menu,
#block-menu-menu-arts-services-guide-menu,
#block-menu-menu-arts-job-finder-menu,
#block-menu-menu-arts-conference-traning-eve {
    float: left;
    vertical-align: middle;
}

#navigation ul.menu li,
#main-menu ul.inline li,
#block-menu-menu-arts-services-guide-menu ul.menu li,
#block-menu-menu-arts-job-finder-menu ul.menu li,
#block-menu-menu-arts-conference-traning-eve ul.menu li {
    padding: 0;
    margin: 0;
}

#main-menu a,
#block-menu-menu-arts-services-guide-menu a,
#block-menu-menu-arts-job-finder-menu a,
#block-menu-menu-arts-conference-traning-eve a {
    border-left: 1px solid #ccc;
    color: #00B3E4;
    font-family: Ubuntu;
    font-size: 120%;
    font-weight: 500;
    padding: 3px 10px; 
    text-decoration: none;
}
#navigation a {
    border-left: 1px solid #ccc;
    font-family: Ubuntu;
    font-size: 130%;
    font-weight: 500;
    padding: 3px 16px; 
    text-decoration: none;
}
#navigation a:hover, #navigation .active a {
    color: #FFFFFF;
}
#navigation ul li ul li.active a {
    color: #FFFFFF !important;
}
#navigation li.first a {
    border-left: none;
}
/* #block-menu-menu-arts-services-guide-menu a {
    border-left: 1px solid #ccc;
    color: #7C2164;
    font-family: Ubuntu;
    font-size: 110%;
    font-weight: 300;
    padding: 3px 5px; 
    text-decoration: none;
}

#block-menu-menu-arts-job-finder-menu a {
    border-left: 1px solid #ccc;
    color: #62AC42;
    font-family: Ubuntu;
    font-size: 110%;
    font-weight: 300;
    padding: 3px 5px; 
    text-decoration: none;
} */

/* Recolouring the Arts Service Guide menu items, to correspond with section colours. */

/* Home */
#block-menu-menu-arts-services-guide-menu ul.menu li.first a {
color:#7B2064;
}

#block-menu-menu-arts-services-guide-menu ul.menu li.first a:hover,
#block-menu-menu-arts-services-guide-menu ul.menu li.first a.active {
color:#fff;
background:#7B2064;
}

/* Search for suppliers */
#block-menu-menu-arts-services-guide-menu ul.menu li.first +li a {
color:#B71234;
}

#block-menu-menu-arts-services-guide-menu ul.menu li.first +li a:hover,
#block-menu-menu-arts-services-guide-menu ul.menu li.first +li a.active {
color:#fff;
background:#B71234;
}

/* List products & services */
#block-menu-menu-arts-services-guide-menu ul.menu li.first +li +li a {
color:#37348F;
}

#block-menu-menu-arts-services-guide-menu ul.menu li.first +li +li a:hover,
#block-menu-menu-arts-services-guide-menu ul.menu li.first +li +li a.active {
color:#fff;
background:#37348F;
}

/* Search for courses */
#block-menu-menu-arts-services-guide-menu ul.menu li.first +li +li +li a {
color:#7AB800;
}

#block-menu-menu-arts-services-guide-menu ul.menu li.first +li +li +li a:hover,
#block-menu-menu-arts-services-guide-menu ul.menu li.first +li +li +li a.active {
color:#fff;
background:#7AB800;
}

/* About us */
#block-menu-menu-arts-services-guide-menu ul.menu li.first +li +li +li +li a {
color:#006837;
}

#block-menu-menu-arts-services-guide-menu ul.menu li.first +li +li +li +li a:hover,
#block-menu-menu-arts-services-guide-menu ul.menu li.first +li +li +li +li a.active {
color:#fff;
background:#006837;
}

/* Recolouring the Arts Job Finder menu items, to correspond with section colours. */

/* Home */
#block-menu-menu-arts-job-finder-menu ul.menu li.first a {
color:#7AB800;
}

#block-menu-menu-arts-job-finder-menu ul.menu li.first a:hover,
#block-menu-menu-arts-job-finder-menu ul.menu li.first a.active {
color:#fff;
background:#7AB800;
}

/* View all jobs */
#block-menu-menu-arts-job-finder-menu ul.menu li.first +li a {
color:#B71234;
}

#block-menu-menu-arts-job-finder-menu ul.menu li.first +li a:hover,
#block-menu-menu-arts-job-finder-menu ul.menu li.first +li a.active {
color:#fff;
background:#B71234;
}

/* Advertise a job */
#block-menu-menu-arts-job-finder-menu ul.menu li.first +li +li a {
color:#37348F;
}

#block-menu-menu-arts-job-finder-menu ul.menu li.first +li +li a:hover,
#block-menu-menu-arts-job-finder-menu ul.menu li.first +li +li a.active {
color:#fff;
background:#37348F;
}

/* Salary checker */
#block-menu-menu-arts-job-finder-menu ul.menu li.first +li +li +li a {
color:#006837;
}

#block-menu-menu-arts-job-finder-menu ul.menu li.first +li +li +li a:hover,
#block-menu-menu-arts-job-finder-menu ul.menu li.first +li +li +li a.active {
color:#fff;
background:#006837;
}

/* About us */
#block-menu-menu-arts-job-finder-menu ul.menu li.first +li +li +li +li a {
color:#F37548
}

#block-menu-menu-arts-job-finder-menu ul.menu li.first +li +li +li +li a:hover,
#block-menu-menu-arts-job-finder-menu ul.menu li.first +li +li +li +li a.active {
color:#fff;
background:#F37548;
}

/* Recolouring the Arts Conference, Training and Events menu items, to correspond with section colours. */

/* Home */
#block-menu-menu-arts-conference-traning-eve ul.menu li.first a {
color:#006837;
}

#block-menu-menu-arts-conference-traning-eve ul.menu li.first a:hover,
#block-menu-menu-arts-conference-traning-eve ul.menu li.first a.active {
color:#fff;
background:#006837;
}

/* View all Events */
#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li a {
color:#B71234;
}

#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li a:hover,
#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li a.active {
color:#fff;
background:#B71234;
}

/* Advertise an Event */
#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li+li a {
color:#37348F;
}

#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li +li a:hover,
#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li +li a.active {
color:#fff;
background:#37348F;
}

/* Event Calendar */
#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li +li +li a {
color:#7AB800;
}

#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li +li +li a:hover,
#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li +li +li a.active {
color:#fff;
background:#7AB800;
}

/* About Us */
#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li +li +li +li a {
color:#F37548;
}

#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li +li +li +li a:hover,
#block-menu-menu-arts-conference-traning-eve ul.menu li.first +li +li +li +li a.active {
color:#fff;
background:#F37548;
}

/* Recolouring the main menu items, to correspond with section colours. */
#main-menu .menu-576  a { color: #B71234; } /* News: maroon */
#main-menu .menu-863  a { color: #36338F; } /* Magazine: indigo */
#main-menu .menu-586  a { color: #7AB800; } /* Job: lime */
#main-menu .menu-1390 a { color: #006837; } /* Events: green */
#main-menu .menu-580  a { color: #7B2064; } /* Services Guide: violet */
#main-menu .menu-1104 a { color: #6F4E37; } /* Advertise: coffee */
#main-menu .menu-2236 a { color: #6F4E37; } /* Pulse brown */

#main-menu a.active, #main-menu a:hover {
    background-color: #00B3E4;
    color: #fff;
}

#main-menu .menu-576 a.active, #main-menu .menu-576 a:hover   { background-color: #B71234; } /* News */
#main-menu .menu-863 a.active, #main-menu .menu-863 a:hover   { background-color: #36338F; } /* Magazine */
#main-menu .menu-586 a.active, #main-menu .menu-586 a:hover   { background-color: #7AB800; } /* Job */
#main-menu .menu-1390 a.active, #main-menu .menu-1390 a:hover { background-color: #006837; } /* Events */
#main-menu .menu-580 a.active, #main-menu .menu-580 a:hover   { background-color: #7B2064; } /* Services Guide */
#main-menu .menu-1104 a.active, #main-menu .menu-1104 a:hover { background-color: #6F4E37; } /* Advertise */
#main-menu .menu-2236 a.active, #main-menu .menu-2236 a:hover { background-color: #6F4E37; } /* Pulse brown */

#secondary-menu {
  float: right; /* LTR */
}

/* sub-menu of main menu restyle */
#block-menu-block-2 {
    font-size: 92.5%;
    display: inline-block;
    padding-left: 3%;
}
/* Color new doublt-decker main menu */
#navigation .about-us a {
  color:#00B3E4;
}
#navigation .arts-courses-directory a,
#navigation .academic-courses a {
  color:#006837;
}
.responsified .academic-courses a {
  color:#006837 !important;
}
#navigation .advertise a {
  color:#6F4E37;
}
.responsified .advertise a {
  color:#6F4E37 !important;
}
#navigation .arts-job-finder a {
  color:#7AB800;
}
#navigation .arts-professional a,
#navigation .artsprofessional a,
#navigation .search a {
  color:#00B3E4;
}
.responsified .arts-professional a,
.responsified .search a {
  color:#00B3E4 !important;
}
#navigation .conferences-training-events  a,
#navigation .events-training a,
#navigation .events-courses a {
  color:#006837;
}
#navigation .newprofessionals a {
  color:#F15A24;
}
.responsified .events-training a {
  color:#006837 !important;
}
#navigation .jobs a {
  color:#7AB800;
}
.responsified .jobs a {
  color:#7AB800 !important;
}
#navigation .magazine a,
#navigation .features a  {
  color:#36338F;
}
.responsified .magazine a,
.responsified .features a  {
  color:#36338F !important;
}
#navigation .news a {
  color:#B71234;
}
.responsified .news a {
  color:#B71234 !important;
}
#navigation .products-services a {
  color:#7B2064;
}
.responsified .products-services a {
  color:#7B2064 !important;
}
#navigation .pulse a {
  color:#6F4E37;
}
.responsified .pulse a {
  color:#6F4E37 !important;
}
#navigation .subscribe a {
  color:#7B2064;
}
.responsified .subscribe a {
  color:#7B2064 !important;
}
#navigation .recruitment a {
  color:#7AB800;
}
#navigation .services-directory a,
#navigation .arts-services-directory a {
  color:#7B2064;
}
.responsified .services-directory a {
  color:#7B2064 !important;
}
#navigation .us-them a {
  color:#B71234;
}
.jobs #navigation .view-all a {
  color:#7AB800;
}
.jobs #navigation .salary-checker a {
  color:#7AB800;
}
#navigation .recruitment a {
  color: #7AB800;
}
.jobs #navigation ul li ul a, .jobs #navigation .menu-level-2 a {
    color:#7AB800;
}
.events #navigation ul li ul a, .events #navigation .menu-level-2 a {
    color:#006837;
}
.services #navigation ul li ul a, .services #navigation .menu-level-2 a {
    color:#7B2064;
}
.block-menu-block .about-us a:hover {
  color: #FFFFFF !important; background-color:#00B3E4;

}
.block-menu-block .academic-courses a:hover {
  color: #FFFFFF !important; background-color:#006837;
}
.block-menu-block .advertise a:hover {
  color: #FFFFFF !important; background-color:#6F4E37;
}
.block-menu-block .arts-job-finder a:hover {
  color: #FFFFFF !important; background-color:#7AB800;
}
.block-menu-block .artsprofessional a:hover {
  color: #FFFFFF !important; background-color:#00B3E4;
}
.block-menu-block .conferences-training-events  a:hover {
  color: #FFFFFF !important; background-color:#006837;
}
.block-menu-block .events-courses a:hover {
  color: #FFFFFF !important; background-color:#006837;
}
.block-menu-block .newprofessionals a:hover {
  color: #FFFFFF !important; background-color:#F15A24;
}
.block-menu-block .conferences-courses-events a:hover {
  color: #FFFFFF !important; background-color:#F74E33;
}

.block-menu-block .jobs a:hover {
  color: #FFFFFF !important; background-color:#7AB800;
}
.block-menu-block .magazine a:hover,
.block-menu-block .features a:hover  {
  color: #FFFFFF !important; background-color:#36338F;
}
.block-menu-block .news a:hover {
  color: #FFFFFF !important; background-color:#B71234;
}
.block-menu-block .products-services a:hover {
  color: #FFFFFF !important; background-color:#7B2064;
}
.block-menu-block .pulse a:hover {
  color: #FFFFFF !important; background-color:#6F4E37;
}
.block-menu-block .subscribe a:hover {
  color: #FFFFFF !important; background-color:#7B2064;
}
.block-menu-block .recruitment a:hover {
  color: #FFFFFF !important; background-color:#7AB800;
}
.block-menu-block .services-directory a:hover,
.block-menu-block .arts-services-directory a:hover,
.block-menu-block .advanced-search a:hover {
  color: #FFFFFF !important; background-color:#7B2064;
}
.block-menu-block .us-them a:hover {
  color: #FFFFFF !important; background-color:#B71234;
}
.jobs .block-menu-block .view-all a:hover {
  color: #FFFFFF !important; background-color:#7AB800;
}
.jobs .block-menu-block .salary-checker a:hover {
  color: #FFFFFF !important; background-color:#7AB800;
}
.block-menu-block .recruitment a:hover {
  color: #FFFFFF !important; color: #FFFFFF !important; color: #FFFFFF !important; background-color: #7AB800;
}
.jobs .block-menu-block ul li ul a:hover,
.jobs .block-menu-block .menu-level-2 a:hover  {
    color: #FFFFFF !important; background-color:#7AB800;
}
.events .block-menu-block ul li ul a:hover,
.events .block-menu-block .menu-level-2 a:hover  {
    color: #FFFFFF !important; background-color:#006837;
}
.services .block-menu-block ul li ul a:hover, 
.services .block-menu-block .menu-level-2 a:hover {
    color: #FFFFFF !important; background-color:#7B2064;
}
.block-menu-block .about-us .active, .block-menu-block .about-us .active_trail {
  color: #FFFFFF !important; background-color:#00B3E4;

}
.block-menu-block .academic-courses .active, .block-menu-block .academic-courses .active-trial {
  color: #FFFFFF !important; background-color:#006837;
}
.block-menu-block .advertise .active, .block-menu-block .advertise .active_trail {
  color: #FFFFFF !important; background-color:#6F4E37;
}
.block-menu-block .arts-job-finder .active, .block-menu-block .arts-job-finder .active_trail {
  color: #FFFFFF !important; background-color:#7AB800;
}
.block-menu-block .artsprofessional .active, .block-menu-block .artsprofessional .active_trail {
  color: #FFFFFF !important; background-color:#00B3E4;
}
.block-menu-block .conferences-training-events .active {
  color: #FFFFFF !important; background-color:#006837;
}
.block-menu-block .events-courses .active, 
.block-menu-block .events-courses .active_trail,
.block-menu-block .conferences-courses-events .active, .block-menu-block .conferences-courses-events .active_trail {
  color: #FFFFFF !important; background-color:#006837;
}
.block-menu-block .newprofessionals .active,
.block-menu-block .newprofessionals active_trail {
  color: #FFFFFF !important; background-color:#F15A24;
}
.block-menu-block .jobs .active, .block-menu-block .jobs .active_trail {
  color: #FFFFFF !important; background-color:#7AB800;
}
.block-menu-block .magazine .active,
.block-menu-block .features .active  {
  color: #FFFFFF !important; background-color:#36338F;
}
.block-menu-block .news .active {
  color: #FFFFFF !important; background-color:#B71234;
}
.block-menu-block .products-services .active {
  color: #FFFFFF !important; background-color:#7B2064;
}
.block-menu-block .pulse .active {
  color: #FFFFFF !important; background-color:#6F4E37;
}
.block-menu-block .subscribe .active {
  color: #FFFFFF !important; background-color:#7B2064;
}
.block-menu-block .recruitment .active {
  color: #FFFFFF !important; background-color:#7AB800;
}
.block-menu-block .services-directory .active, .block-menu-block .services-directory .active_trail,
.block-menu-block .arts-services-directory .active, .block-menu-block .arts-services-directory .active_trail,
.block-menu-block .advanced-search .active, .block-menu-block .advanced-search .active_trail {
  color: #FFFFFF !important; background-color:#7B2064;
}
.block-menu-block .us-them .active {
  color: #FFFFFF !important; background-color:#B71234;
}
.jobs .block-menu-block .view-all .active {
  color: #FFFFFF !important; background-color:#7AB800;
}
.jobs .block-menu-block .salary-checker .active {
  color: #FFFFFF !important; background-color:#7AB800;
}
.block-menu-block .recruitment .active {
  color: #FFFFFF !important; background-color: #7AB800;
}
.jobs .block-menu-block ul li ul .active, 
.jobs .block-menu-block .menu-level-2 .active  {
    color: #FFFFFF !important; background-color:#7AB800;
}
.events .block-menu-block ul li ul .active,
.events .block-menu-block .menu-level-2 .active  {
    color: #FFFFFF !important; background-color:#006837;
}
.services .block-menu-block ul li ul .active,
.services .block-menu-block .menu-level-2 .active  {
    color: #FFFFFF !important; background-color:#7B2064;
}
/* Arts Services Guide menu */

.services #block-menu-menu-arts-services-guide-menu {
    float: none;
}

/* Arts Jobs Finder menu */

.jobs #block-menu-menu-arts-job-finder-menu {
    float: none;
}

/* Arts Events Finder menu */

.cte #block-menu-menu-arts-conference-traning-eve {
    float: none;
}


/* Remove main menu when in jobs section */

.services #navigation #main-menu,
.jobs #navigation #main-menu,
.cte #navigation #main-menu,
.nwp #navigation #main-menu {
display:none;
}



/*
 * Menu blocks
 */

.block-menu {
}

/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */

.block-menu-block {
}

/*
 * Footer menu
 */

#block-block-1 ul {
    float: left;
    margin: 0;
    padding: 0;
    width: 20%;
    vertical-align: top;
}

#block-block-1 li {
    list-style: none inside none;
}

#block-block-1 ul li:first-child {
    border-bottom: 1px dashed #222;
    font-size: 120%;
    font-weight: bold;
}

#block-block-1 ul li a:hover {
    color: #00B3E4;
}


/* Reset for contextual links */ 
ul.contextual-links, ul.contextual-links li, ul.contextual-links a {
	line-height: 1.25em !important;
	text-decoration: none !important;
	text-transform: none !important;
	width: auto !important;
	height: auto !important;
	padding: 3px !important;
	margin: 0 !important;
	background: #fff !important;
}

ul.contextual-links a:hover {
	background: #eee !important;
}
/* menu on secondary sections needs repositioning */
.menu {
    padding: 0 0 0.7em 0;
    margin-top: 0;
}
/* tidy up responsive menu */
.responsified .block-title, .responsified .contextual-links-processed {
    display: none !important;
}
