/**
 * Default SCSS style template.
 */
.krumo-root .krumo-node li img {
  width: auto;
}

/**
 * Default SCSS style template.
 */
.wrapper .alert {
  margin-top: 1em;
}

.quicklinks .profile {
  margin: 0;
}

label .form-required {
  color: #FF6D6D;
}

.hero,
.with-image {
  width: 100%;
}

.not-logged-in .menu {
  top: 0;
}

.menu-front, .secondary-navigation-front {
  display: none;
}

@media screen and (min-width: 60em) {
  header .block--menu-block > ul > li:first-child {
    display: none;
  }
}
@media screen and (min-width: 72em) {
  .menu-front {
    position: relative;
    width: 100%;
    display: block;
  }
  .menu-front .secondary-navigation-front {
    color: #fff;
    background-color: #9EC73D;
    font-size: .875em;
    width: 100%;
    display: block;
    font-size: .875em;
    position: absolute;
    width: 100%;
    box-shadow: 0 0.15em 0.2em -0.1em rgba(48, 40, 27, 0.2);
    margin-top: -1px;
    display: block;
    z-index: 2;
    padding-left: 12em;
  }
  .menu-front .secondary-navigation-front a {
    color: inherit;
    font-size: .875em;
    font-weight: 300;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.825em 1em 1.725em;
    display: block;
    transition: 150ms ease-in-out;
    transition-property: color, opacity;
    opacity: .52;
    float: left;
  }
}
.search-form > p {
  display: none;
}

@media screen and (min-width: 45em) {
  .search-form > p {
    text-align: center;
    width: 100%;
    display: block;
  }

  .section-shared-module:not(.with-sitemap) ul:not(.feature-view) {
    width: 100% !important;
    /*override default css*/
  }

  .section-shared-module:not(.with-sitemap) ul:not(.feature-view) li {
    width: 50%;
    float: left;
    padding-bottom: 0;
  }
}
.float-right .search-form > p > a {
  display: none;
}

.search-form > p {
  text-align: center;
  width: 100%;
}

img, media {
  max-width: 100%;
}

.logged-in .menu.sticky-navigation.fixed {
  margin-top: 21px;
}

ul.tabs--primary {
  border-bottom: 1px solid #6F6F6F;
  border-collapse: collapse;
  height: auto;
  line-height: normal;
  list-style: outside none none;
  margin: 2em 0 0 0;
  padding: 0 0 0 1em;
  white-space: nowrap;
}
ul.tabs--primary li {
  display: inline;
}
ul.tabs--primary li a {
  background-color: #F0F0F0;
  border-color: #6F6F6F;
  border-style: solid solid none;
  border-width: 1px;
  height: auto;
  margin-right: 0.75em;
  padding: 0 1em;
  text-decoration: none;
  color: #918673;
}
ul.tabs--primary li a.active {
  background-color: #FFFFFF;
  color: #A9CF4F;
  border-bottom: 1px solid #FFFFFF;
}
ul.tabs--primary li a:hover {
  background-color: #FFFFFF;
  color: #A9CF4F;
}

.mobile-navigation .active + .secondary-navigation,
.mobile-navigation .active-trail + .secondary-navigation {
  display: none !important;
  /*override default css*/
}

.olFramedCloudPopupContent .openlayers-popup {
  padding: 0;
  font-size: 0.8125em;
}

.view-search ul.pager,
.view-search-v2 ul.pager {
  margin-bottom: 50px;
}
.view-search ul.pager li.pager__item:not(.pager__item--curent) a,
.view-search-v2 ul.pager li.pager__item:not(.pager__item--curent) a {
  padding: .6em .8em;
}

/* these apply to auto-completing form fields */
html.js input.form-autocomplete {
  background-image: url(../img/ajax-loader.gif);
  background-position: 100% 0px;
  background-repeat: no-repeat;
}

html.js input.throbbing {
  background-position: 100% -20px;
}

.ajax-progress {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.ajax-progress .throbber {
  background: transparent url(../img/ajax-loader.gif) no-repeat 0px 0px;
  /* tweak this according to your gif */
  float: left;
  height: 20px;
  /* tweak this according to your gif */
  width: 20px;
  /* tweak this according to your gif */
  margin: 2px;
}