/**
 * @file
 * Navigation Styling
 */
/******************************************************************************\
  * Break points - partial file
  * This file is imported into 'base'
  *
  * Set your mediaquery breakpoints. I like to use cute bear names like Chris 
  * Coyer: http://css-tricks.com/naming-media-queries/
  * Set your breakpoints in ems: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/
\******************************************************************************/
/******************************************************************************\
  * Colours - partial file
  * This file is imported into 'base'
  *
  * Note: Currently there are some colours set in the various partial files in
  * the theme. This can be cleaned up. Sorry!
\******************************************************************************/
/*
 * Descriptive colours
 *
 * Describes the colours in non-hex terms. 
 *
 * Example: $blue: #000CFF;
 */
/*
 * Descriptive
 */
/*
 * Functional variables
 *
 * Describes how the colours are actually used - these should not be hex colours
 * and should reference the colours specified above.
 *
 * Example: $link-text: $blue
 */
/******************************************************************************\
  * Fonts - partial file
  * This file is imported into 'base'
  *
  * Specify all fonts here, remember to include any licence information.
  * It is easiest to use the same font-family for all fonts and set the weights
  * and styles in the font face declarations: 
  * http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/
\******************************************************************************/
/*
 * Menus
 */
/*
 * Display attributes
 */
/*
 * Old browser fixes, based on Jake Archibald's method
 * http://jakearchibald.github.com/sass-ie/
 */
/*
 * Media queries - based on Jake Archibald's method
 * http://jakearchibald.github.com/sass-ie/
 */
/*
 * Markup generated by theme_menu_tree().
 */
ul li.expanded {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

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

ul li.leaf {
  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;
}

/*
 * Navigation bar
 */
#navigation {
  /* overflow: hidden; */
  /* Sometimes you want to prevent overlapping with main div. */
}
#navigation .block {
  margin-bottom: 0;
}
#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
#navigation ul.links,
#navigation ul.menu {
  /* Menu block links */
  float: right;
  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 */
  margin: 0 20px 0 0;
  /* LTR */
  list-style-type: none;
  list-style-image: none;
}
#navigation ul.links li a,
#navigation ul.menu li a {
  font-size: 0.9em;
}
#navigation ul.links li a:focus, #navigation ul.links li a:hover,
#navigation ul.menu li a:focus,
#navigation ul.menu li a:hover {
  text-decoration: underline;
}

/*
 * Main menu and Secondary menu links
 */
#secondary-menu {
  float: right;
  /* LTR */
}

/*
 * Menu blocks
 */
/*
 * "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
 */
.region-sidebar-first li a.active {
  color: #444444;
}
.region-sidebar-first p {
  margin: 0;
}
.region-sidebar-first a {
  color: #444444;
  cursor: pointer;
  display: block;
  -webkit-transition: background-color 0.1s ease-out;
  -moz-transition: background-color 0.1s ease-out;
  -o-transition: background-color 0.1s ease-out;
  transition: background-color 0.1s ease-out;
}
.region-sidebar-first a:hover, .region-sidebar-first a:focus {
  text-decoration: none;
}
.region-sidebar-first #block-block-3 p a,
.region-sidebar-first #block-nma-cs-filter-bar .menu a,
.region-sidebar-first #block-menu-menu-sub-menu .menu a,
.region-sidebar-first #block-menu-menu-top .menu a {
  background-repeat: no-repeat;
  padding: 0.8125em 0.8125em 0.75em 3.125em;
  background-position: 0.9375em center;
  border-bottom: 1px solid #d0d0d0;
  transition: 0.2s ease-out all;
}
.region-sidebar-first #block-block-3 p a:hover, .region-sidebar-first #block-block-3 p a:focus,
.region-sidebar-first #block-nma-cs-filter-bar .menu a:hover,
.region-sidebar-first #block-nma-cs-filter-bar .menu a:focus,
.region-sidebar-first #block-menu-menu-sub-menu .menu a:hover,
.region-sidebar-first #block-menu-menu-sub-menu .menu a:focus,
.region-sidebar-first #block-menu-menu-top .menu a:hover,
.region-sidebar-first #block-menu-menu-top .menu a:focus {
  background-color: white;
  transition: 0s;
}
.region-sidebar-first #block-block-3 p a.active,
.region-sidebar-first #block-nma-cs-filter-bar .menu a.active,
.region-sidebar-first #block-menu-menu-sub-menu .menu a.active,
.region-sidebar-first #block-menu-menu-top .menu a.active {
  background-color: #d0d0d0;
}
.region-sidebar-first #block-nma-cs-filter-bar .menu .menu-title-link:after {
  content: " ";
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  background-image: url("../images/menu-arrow.png");
  background-repeat: no-repeat;
  background-position: center;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first #block-nma-cs-filter-bar .menu .menu-title-link:after {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-arrow-2x.png");
    background-size: 10px 15px;
  }
}
.region-sidebar-first #block-nma-cs-filter-bar .menu .facetapi-facetapi-links a {
  background-image: url("../images/add.png");
  background-repeat: no-repeat;
  background-position: 10px 8px;
  text-indent: 16px;
  padding: 5px 10px;
  background-color: #ddd;
  border: 0;
  font-size: 0.8125em;
  line-height: 1.4em;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first #block-nma-cs-filter-bar .menu .facetapi-facetapi-links a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-add-2x.png");
    background-size: 10px 10px;
  }
}
.region-sidebar-first #block-nma-cs-filter-bar .menu .facetapi-facetapi-links a:hover, .region-sidebar-first #block-nma-cs-filter-bar .menu .facetapi-facetapi-links a:focus {
  background-color: #fff;
}
.region-sidebar-first #block-nma-cs-filter-bar .menu .facet-more-link {
  color: #000;
  font-weight: 400;
  font-size: 0.875em;
  padding: 6px 20px;
  background-color: #77ced9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  color: #000;
  line-height: 2em;
  transition: background-color 0.1s, transform 0.1s;
  -webkit-transition: background-color 0.1s, -webkit-transform 0.1s;
  margin: 5px;
  min-width: 50px;
  text-align: center;
}
.region-sidebar-first #block-nma-cs-filter-bar .menu .facet-more-link:hover, .region-sidebar-first #block-nma-cs-filter-bar .menu .facet-more-link:focus {
  background-color: #AADCEA;
}
.region-sidebar-first #block-nma-cs-filter-bar .menu .loading {
  background-color: #eee !important;
  background-image: url("../images/object-loading.gif");
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first #block-nma-cs-filter-bar .menu .loading {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/object-loading@2x.gif");
    background-size: 32px 32px;
  }
}
.region-sidebar-first .nma-logo a {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block;
  width: 120px;
  height: 120px;
  background-image: url("../images/nma-logo.png");
  background-repeat: no-repeat;
  background-position: center;
  margin: 15px auto;
  padding: 20px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first .nma-logo a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/nma-logo-2x.png");
    background-size: 120px 120px;
  }
}
.region-sidebar-first .nma-logo a:hover, .region-sidebar-first .nma-logo a:focus {
  background-color: white;
}
.region-sidebar-first #search-block-form-error {
  position: absolute;
  top: 50px;
  background: #fff;
  width: 270px;
  color: #000;
  z-index: 10;
}
.region-sidebar-first #search-block-form-error p {
  padding: 10px;
  font-size: 0.875em;
  line-height: 1em;
  margin: 0;
}
.region-sidebar-first .block {
  margin-bottom: 0;
}
.region-sidebar-first .block-menu .block-title {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.region-sidebar-first #search-block-form {
  overflow: hidden;
}
.region-sidebar-first #search-block-form .form-text {
  height: 20px;
  width: 180px;
  margin-right: -270px;
  padding: 15px 40px 15px 50px;
  float: left;
  display: block;
  border: 0;
  background-color: #eee;
  color: #444;
  border-bottom: 1px solid #d0d0d0;
}
.region-sidebar-first #search-block-form .form-text:focus, .region-sidebar-first #search-block-form .form-text:hover {
  background-color: white;
}
.region-sidebar-first #search-block-form .form-submit {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 10px;
  background-repeat: no-repeat;
  background-position: center;
  border: 0;
  background-color: transparent;
  background-image: url("../images/search.png");
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first #search-block-form .form-submit {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-search-2x.png");
    background-size: 20px 20px;
  }
}
.region-sidebar-first #search-block-form .form-submit:hover, .region-sidebar-first #search-block-form .form-submit:focus {
  border: 1px solid white;
  background-color: white;
}
.region-sidebar-first .menu {
  margin: 0;
  padding: 0;
}
.region-sidebar-first #facetwrapper {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: #424026 1px solid;
}
.region-sidebar-first .link-sets a {
  background-image: url("../images/featured.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first .link-sets a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-featured-2x.png");
    background-size: 20px 20px;
  }
}
.region-sidebar-first .link-whatsnew a {
  background-image: url("../images/new.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first .link-whatsnew a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-new-2x.png");
    background-size: 20px 20px;
  }
}
.region-sidebar-first .link-collection a {
  background-image: url("../images/collections.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first .link-collection a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-collections-2x.png");
    background-size: 20px 20px;
  }
}
.region-sidebar-first #block-block-3 p a {
  background-image: url("../images/icon-home.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first #block-block-3 p a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-home-2x.png");
    background-size: 20px 20px;
  }
}
.region-sidebar-first #block-menu-menu-top .first a {
  background-image: url("../images/icon-info.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first #block-menu-menu-top .first a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-info-2x.png");
    background-size: 20px 20px;
  }
}
.region-sidebar-first #block-menu-menu-top .webform-link a {
  background-image: url("../images/icon-feedback.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first #block-menu-menu-top .webform-link a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-feedback-2x.png");
    background-size: 20px 20px;
  }
}
.region-sidebar-first #block-menu-menu-top .last a {
  background-image: url("../images/icon-help.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .region-sidebar-first #block-menu-menu-top .last a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-help-2x.png");
    background-size: 20px 20px;
  }
}

.sidebar ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #444;
}
.sidebar :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #444;
}
.sidebar ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #444;
}
.sidebar :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #444;
}
.sidebar .block-title {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.sidebar .facet-menu .link-What .menu-title-link,
.sidebar #block-facetapi-0xwq3mdcvdww7ipxcdj3n4as8i9u2per .block-title {
  background-image: url("../images/what.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sidebar .facet-menu .link-What .menu-title-link,
  .sidebar #block-facetapi-0xwq3mdcvdww7ipxcdj3n4as8i9u2per .block-title {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-what-2x.png");
    background-size: 20px 20px;
  }
}
.sidebar .facet-menu .link-When .menu-title-link,
.sidebar #block-facetapi-sh3mjny8spqw6q70wf4y1ceyma1814jq .block-title {
  background-image: url("../images/when.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sidebar .facet-menu .link-When .menu-title-link,
  .sidebar #block-facetapi-sh3mjny8spqw6q70wf4y1ceyma1814jq .block-title {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-when-2x.png");
    background-size: 20px 20px;
  }
}
.sidebar .facet-menu .link-Who .menu-title-link,
.sidebar #block-facetapi-jivzjczsxogyit1dvdqrc1riglqn6k2v .block-title {
  background-image: url("../images/who.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sidebar .facet-menu .link-Who .menu-title-link,
  .sidebar #block-facetapi-jivzjczsxogyit1dvdqrc1riglqn6k2v .block-title {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-who-2x.png");
    background-size: 20px 20px;
  }
}
.sidebar .facet-menu .link-Where .menu-title-link,
.sidebar #block-facetapi-vfbm3zwnz1onwp7oqrlauqymkf0v1e0b .block-title {
  background-image: url("../images/where.png");
}
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .sidebar .facet-menu .link-Where .menu-title-link,
  .sidebar #block-facetapi-vfbm3zwnz1onwp7oqrlauqymkf0v1e0b .block-title {
    /* on retina, use image that's scaled by 2 */
    background-image: url("../images/icon-where-2x.png");
    background-size: 20px 20px;
  }
}
.sidebar ul li.leaf,
.sidebar ul li {
  list-style: none;
  list-style-image: none;
  list-style-type: none;
}

.not-front:not(.page-ce) #block-nma-cs-filter-bar {
  display: none;
}

.page-ce #block-block-3 a, .page-ce li.facet-link a {
  background-color: #d0d0d0;
}

.page-set- #block-menu-menu-sub-menu li.link-sets a {
  background-color: #d0d0d0;
}

.region-sidebar-first .block-facetapi {
  overflow-y: auto;
  overflow-x: hidden;
}
.region-sidebar-first .block-facetapi .contextual-links-trigger {
  display: none;
}
.region-sidebar-first .block-facetapi .block-title {
  font-size: 1em;
  background-repeat: no-repeat;
  background-position: 10px;
  padding: 13px 0px 13px 40px;
  margin: 0;
  color: #444;
  font-weight: 400;
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}
.region-sidebar-first .block-facetapi .facetapi-facetapi-links {
  margin: 0;
  padding: 0;
}
.region-sidebar-first .block-facetapi p {
  padding: 0.625em;
  font-size: 0.875em;
  line-height: 1.3em;
}
.region-sidebar-first .block-facetapi .facetapi-limit-link {
  color: #000;
  font-weight: 400;
  font-size: 0.875em;
  padding: 6px 20px;
  background-color: #77ced9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  margin: 0 auto;
  display: inline-block;
  color: #000;
  line-height: 2em;
  transition: background-color 0.1s, transform 0.1s;
  -webkit-transition: background-color 0.1s, -webkit-transform 0.1s;
  width: 65px;
  text-align: center;
  margin: 20px auto;
}
.region-sidebar-first .block-facetapi .facetapi-limit-link:hover, .region-sidebar-first .block-facetapi .facetapi-limit-link:focus {
  background-color: #AADCEA;
}

#block-nma-cs-filter-bar.contextual-links-region {
  position: static;
}

html.js .block-nma-cs .contextual-links-wrapper {
  display: none;
}

.w-highlight .region-sidebar-first #block-nma-cs-filter-bar .menu .menu-title-link {
  background-color: #77ced9;
  -webkit-transition: background-color 0.3s ease-out 0.3s;
  -moz-transition: background-color 0.3s ease-out 0.3s;
  -o-transition: background-color 0.3s ease-out 0.3s;
  transition: background-color 0.3s ease-out 0.3s;
}
.w-highlight .region-sidebar-first #block-nma-cs-filter-bar .menu .menu-title-link:hover, .w-highlight .region-sidebar-first #block-nma-cs-filter-bar .menu .menu-title-link:focus {
  background-color: #77ced9;
}