.box,
.sidebar .block-menu-block {
  margin-bottom: 1.5rem;
  box-shadow: 0 0 10px 0 rgba(85, 85, 85, 0.3);
  background-color: #fff;
  border-radius: 6px;
}

.box .inner, .sidebar .block-menu-block .inner {
  padding: 1.25em;
  position: relative;
}

.box .inner .block-sharethis-block, .sidebar .block-menu-block .inner .block-sharethis-block {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
}

.is-page-node-type-blog .box .inner .block-sharethis-block, .is-page-node-type-blog .sidebar .block-menu-block .inner .block-sharethis-block, .sidebar .is-page-node-type-blog .block-menu-block .inner .block-sharethis-block {
  top: .3em;
  right: 0;
  bottom: auto;
}

.box__title {
  margin: 0;
}

.box:focus, .box:hover, .box.is-focus, .box--is-focus,
.sidebar .block-menu-block:focus,
.sidebar .block-menu-block:hover,
.sidebar .is-focus.block-menu-block {
  border-color: #1f1f1f;
}

.box--no-padding .inner {
  padding: 0;
}

.box--highlight {
  border-color: #006099;
}

.box--red {
  background-color: #de1219;
  color: #fff;
}

.box--orange {
  background-color: #f68224;
}

.box--yellow {
  background-color: #ffc423;
}

.box--green {
  background-color: #8dc63f;
}

.box--blue {
  background-color: #006099;
  color: #fff;
}

.box--purple {
  background-color: #7f3f98;
  color: #fff;
}

.box--image-bg {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8fwMAAtwB2fnro5IAAAAASUVORK5CYII="), url("../../../images/bookshelf.jpg") no-repeat;
  background-size: cover;
}

.box .box, .box #comment-form {
  box-shadow: none !important;
  padding: 0 !important;
}

.icon,
#random-div,
#inline-icon-test::after,
.top-nav #block-siteswitcher ul li.more-sites::after {
  display: block;
  width: 14px;
  height: 14px;
  background-size: contain;
}

.icon--large {
  width: 24px;
  height: 24px;
}

.icon--heart,
#random-div,
#inline-icon-test::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
}

.icon--arrow-down,
.top-nav #block-siteswitcher ul li.more-sites::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E");
}

.icon--arrow-down-blue {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%2325A2E4'%3E%3Cpath d='M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z'/%3E%3C/svg%3E");
}

.icon--account {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E");
}

.icon--map-pin {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E");
}

.icon--search {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
}

.icon--search-black {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%231f1f1f'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
}

.icon--search-red {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23de1219'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
}

.icon--arrow-right-red {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23EF3E43'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");
}

.icon--arrow-right {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z'/%3E%3C/svg%3E");
}

.icon--social-share {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E\a     %3Cpath d='M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z'/%3E\a%3C/svg%3E");
}

.icon--three-line-menu {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='%23404040'%3E\a     %3Cpath d='M0 0h24v24H0z' fill='none'/%3E\a     %3Cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z'/%3E\a%3C/svg%3E");
}

.icon--alert-warning {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E");
}

.icon--alert-message {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
}

.icon--alert-close {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
}

.icon--search-arrow {
  background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E\a      %3Cpath d='M0 0h24v24H0z' fill='none'/%3E\a      %3Cpath d='M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z'/%3E\a      %3C/svg%3E");
}

#inline-icon-test::after {
  content: '';
  display: block;
}

.sidebar .block-menu-block {
  padding: 1em 0;
}

.nav-menu {
  padding: 0;
  margin: 0;
}

.nav-menu__item,
.menu__item {
  padding: 0;
  list-style-image: none;
  list-style-type: none;
}

.nav-menu__link {
  display: block;
  padding: 2px 20px;
  margin: 4px 0;
  color: #1f1f1f;
  text-decoration: none;
}

.nav-menu__link.is-active, .nav-menu__link--is-active, .nav-menu__link:hover,
.menu a.active {
  color: #1f1f1f;
  border-left: 6px solid #de1219;
  padding-left: 14px;
  color: #1f1f1f;
}

.nav-menu__link:hover {
  border-color: #f88286;
}

.top-nav {
  position: relative;
  height: 202px;
  max-width: 1470px;
  background: #fff;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  .top-nav {
    padding-right: 15px;
    background: url("/themes/custom/mcpl_zen/images/rainbow-bg.png") right center no-repeat;
  }
}

.top-nav .site-logo {
  width: 130px;
  left: 2.5em;
  height: 96px;
  display: inline-block;
  position: relative;
  background: url("/themes/custom/mcpl_zen/logo.svg") no-repeat;
  text-indent: -1000px;
  color: #1f1f1f;
}

@media (min-width: 333px) {
  .top-nav .site-logo {
    width: 140px;
    left: 3.5em;
    height: 130px;
  }
}

@media (min-width: 444px) {
  .top-nav .site-logo {
    width: 180px;
    left: 3em;
    height: 96px;
  }
}

.is-logged-in-user .top-nav .site-logo {
  z-index: 200;
}

.genealogy .top-nav .site-logo {
  width: 140px;
  height: 140px;
  top: -2.6em;
  position: relative;
  background: url("/themes/custom/mcpl_zen/images/mgc-logo.svg") no-repeat;
  background-position: center;
}

@media (min-width: 555px) {
  .genealogy .top-nav .site-logo {
    width: 270px;
    height: 180px;
    top: -3.2em;
  }
}

@media (min-width: 666px) {
  .genealogy .top-nav .site-logo {
    width: 200px;
  }
}

@media (min-width: 960px) {
  .genealogy .top-nav .site-logo {
    width: 300px;
  }
}

.story-center .top-nav .site-logo {
  width: 140px;
  position: relative;
  background: url("/themes/custom/mcpl_zen/images/storycenter-logo.svg") no-repeat;
}

@media (min-width: 444px) {
  .story-center .top-nav .site-logo {
    width: 220px;
    top: auto;
  }
}

@media (min-width: 960px) {
  .story-center .top-nav .site-logo {
    width: 275px;
  }
}

.square-one .top-nav .site-logo {
  width: 200px;
  height: 90px;
  top: 0;
  left: 2em;
  position: relative;
  background: url("/themes/custom/mcpl_zen/images/squareone-logo.svg") no-repeat;
}

.grow-a-reader .top-nav .site-logo {
  width: 140px;
  height: 120px;
  top: -1em;
  position: relative;
  background: url("/themes/custom/mcpl_zen/images/grow-a-reader-logo.svg") no-repeat;
}

@media (min-width: 444px) {
  .grow-a-reader .top-nav .site-logo {
    width: 230px;
  }
}

.kids .top-nav .site-logo {
  width: 180px;
  height: 120px;
  top: -1.2em;
  position: relative;
  background: url("/themes/custom/mcpl_zen/images/kids-logo.svg") no-repeat;
}

@media (min-width: 1024px) {
  .kids .top-nav .site-logo {
    width: 220px;
  }
}

@media (min-width: 1024px) {
  .top-nav .site-logo {
    position: inherit;
    left: auto;
  }
}

.top-nav .block-system-branding-block {
  float: left;
  margin: 1em 0 0 1em;
}

@media (min-width: 1024px) {
  .top-nav .block-system-branding-block {
    margin: 1em 0 0 1.5em;
    height: 96px;
    overflow: hidden;
    position: relative;
    z-index: 300;
  }
}

.top-nav .menu--main ul {
  margin: 0;
}

.top-nav .menu--main li {
  list-style: none;
}

.top-nav .menu--main li a {
  color: #000;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.top-nav .menu--main li.menu-item {
  font-size: 1em;
  font-weight: 500;
  border-bottom: 1px solid #000;
  padding: 1em 1em 1em 2em;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

@media (min-width: 1024px) {
  .top-nav .menu--main li.menu-item {
    font-family: "Source Serif Pro", serif;
    float: left;
    display: inline;
    font-size: .95em;
    font-weight: 600;
    margin: 0 .8em;
    text-transform: uppercase;
    letter-spacing: .01em;
    padding: 0;
    border: 0;
    width: auto;
  }
}

.top-nav .menu--main li.menu-item.menu-item--active-trail {
  background: #bfee7f;
}

@media (min-width: 1024px) {
  .top-nav .menu--main li.menu-item.menu-item--active-trail {
    border-bottom: 2px solid #000;
    padding: 0 0 .5em;
    background: none;
  }
}

@media (min-width: 1070px) {
  .top-nav .menu--main li.menu-item {
    font-size: 1em;
  }
}

@media (min-width: 1200px) {
  .top-nav .menu--main li.menu-item {
    font-size: 1.1em;
  }
}

@media (min-width: 1300px) {
  .top-nav .menu--main li.menu-item {
    font-size: 1.2em;
    margin: 0 1em;
  }
}

.top-nav .menu--main .mobile-menu-header {
  background: #ef3d43;
  color: #fff;
  display: block;
  text-align: center;
  padding: .5em 0;
  font-size: 1.2em;
}

@media (min-width: 1024px) {
  .top-nav .menu--main .mobile-menu-header {
    display: none;
  }
}

.top-nav #block-mcpl-zen-main-menu {
  width: 250px;
  position: absolute;
  left: -250px;
  top: 0;
  background: #eaeaea;
  margin: 0;
}

.alert .top-nav #block-mcpl-zen-main-menu {
  top: -87px;
}

@media (min-width: 1024px) {
  .top-nav #block-mcpl-zen-main-menu {
    width: 100%;
    position: inherit;
    z-index: 200;
    left: 0;
    top: 3em;
    background: transparent;
  }
  .alert .top-nav #block-mcpl-zen-main-menu {
    top: 3em;
  }
}

.top-nav #block-subsite-top-nav {
  width: 250px;
  position: absolute;
  left: -250px;
  top: 0;
  background: #eaeaea;
  margin: 0;
}

.alert .top-nav #block-subsite-top-nav {
  top: -87px;
}

@media (min-width: 1024px) {
  .top-nav #block-subsite-top-nav {
    width: 100%;
    position: inherit;
    z-index: 200;
    left: 0;
    top: 1em;
    background: transparent;
    padding: 1.2em 0;
  }
  .alert .top-nav #block-subsite-top-nav {
    top: 1em;
  }
}

.top-nav #block-subsite-top-nav .subsite-label {
  overflow: hidden;
}

@media (min-width: 1024px) {
  .top-nav #block-subsite-top-nav .subsite-label {
    display: none;
  }
}

.top-nav #block-subsite-top-nav .subsite-label::before {
  font-size: 1em;
  font-weight: 500;
  padding: 1em;
  width: 100%;
  background: #fff;
  display: block;
  border-bottom: 1px solid #000;
}

.genealogy .top-nav #block-subsite-top-nav .subsite-label::before {
  content: 'Midwest Genealogy Center';
  border-top: 4px solid #27686d;
}

.story-center .top-nav #block-subsite-top-nav .subsite-label::before {
  content: 'Story Center';
  border-top: 4px solid #e6b43b;
}

.square-one .top-nav #block-subsite-top-nav .subsite-label::before {
  content: 'Square One Small Business';
  border-top: 4px solid #00aeef;
}

.kids .top-nav #block-subsite-top-nav .subsite-label::before {
  content: 'Kids';
  border-top: 4px solid #8dc63f;
}

.grow-a-reader .top-nav #block-subsite-top-nav .subsite-label::before {
  content: 'Grow a Reader';
  border-top: 4px solid #8dc63f;
}

.top-nav #block-subsite-top-nav .subsite-link {
  color: #000;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .top-nav #block-subsite-top-nav .subsite-link {
    display: none;
  }
}

.top-nav #block-subsite-top-nav ul {
  margin: 0;
}

.top-nav #block-subsite-top-nav li {
  font-size: 1em;
  font-weight: 500;
  border-bottom: 1px solid #000;
  padding: 1em 1em 1em 3em;
  margin: 0 auto;
  width: 100%;
  position: relative;
  list-style: none;
}

@media (min-width: 1024px) {
  .top-nav #block-subsite-top-nav li {
    font-family: "Source Serif Pro", serif;
    display: inline;
    font-weight: 600;
    font-size: .85em;
    margin: 0 .7em;
    text-transform: uppercase;
    letter-spacing: .01em;
    cursor: pointer;
    float: left;
    border: 0;
    width: auto;
    padding: .5em;
  }
}

.top-nav #block-subsite-top-nav li.open, .top-nav #block-subsite-top-nav li.menu-item--active-trail {
  background: #bfee7f;
}

@media (min-width: 1024px) {
  .top-nav #block-subsite-top-nav li.open, .top-nav #block-subsite-top-nav li.menu-item--active-trail {
    border-bottom: 2px solid #000;
    background: none;
  }
}

@media (min-width: 1070px) {
  .top-nav #block-subsite-top-nav li {
    font-size: .9em;
  }
}

@media (min-width: 1200px) {
  .top-nav #block-subsite-top-nav li {
    font-size: 1em;
  }
}

@media (min-width: 1300px) {
  .top-nav #block-subsite-top-nav li {
    font-size: 1.1em;
    margin: 0 1em;
  }
}

.top-nav #block-subsite-top-nav li a {
  color: #000;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

.top-nav #block-siteswitcher {
  display: block;
  position: fixed;
  z-index: 200;
  width: 250px;
  text-align: left;
  left: -250px;
  top: 345px;
  height: 100%;
  background: #eaeaea;
  border-top: 4px solid #000;
}

.mcpl-main .top-nav #block-siteswitcher {
  top: 283px;
}

@media (min-width: 1024px) {
  .top-nav #block-siteswitcher {
    display: block;
    position: static;
    top: auto;
    left: auto;
    width: 100%;
    height: auto;
    border: 0;
  }
}

.top-nav #block-siteswitcher ul {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2000;
  width: 100%;
}

@media (min-width: 1024px) {
  .top-nav #block-siteswitcher ul {
    width: 60%;
  }
}

@media (min-width: 1300px) {
  .top-nav #block-siteswitcher ul {
    width: 65%;
  }
}

.top-nav #block-siteswitcher ul li {
  font-size: 1em;
  font-weight: 500;
  border-bottom: 1px solid #000;
  padding: 1em;
  margin: 0 auto;
  width: 100%;
  position: relative;
  list-style: none !important;
}

@media (min-width: 1024px) {
  .top-nav #block-siteswitcher ul li {
    display: inline-block;
    text-transform: uppercase;
    padding: .3em 1em;
    font-weight: 600;
    font-size: .7em;
    letter-spacing: .01em;
    border-bottom: 0;
    margin: auto;
    width: auto;
    border-top: 4px solid transparent;
  }
  .mcpl-main .top-nav #block-siteswitcher ul li:first-child {
    border-top: 4px solid #ef3d43;
    background: #fff;
  }
}

.top-nav #block-siteswitcher ul li.more-sites {
  padding: 0;
  border-top: 4px solid transparent;
  width: 100%;
}

.top-nav #block-siteswitcher ul li.more-sites span {
  display: none;
}

@media (min-width: 1024px) {
  .top-nav #block-siteswitcher ul li.more-sites {
    cursor: pointer;
    width: 125px;
    padding: .3em 1.3em;
  }
  .top-nav #block-siteswitcher ul li.more-sites span {
    display: inline;
  }
  .top-nav #block-siteswitcher ul li.more-sites.active {
    background: #fff;
    border-top: 4px solid #006099;
  }
  .top-nav #block-siteswitcher ul li.more-sites .more-sites-menu {
    position: absolute;
    left: 0;
    top: 2em;
    font-size: 1rem;
    background: #fff;
    display: none;
    box-shadow: 0 3px 4px #404040;
    width: 100%;
  }
  .top-nav #block-siteswitcher ul li.more-sites .more-sites-menu li {
    border: 0 !important;
    display: block;
    background: transparent !important;
  }
  .top-nav #block-siteswitcher ul li.more-sites::after {
    content: ' ';
    position: relative;
    top: .3em;
    right: 0;
    width: 18px;
    height: 18px;
    display: inline-block;
  }
}

@media (min-width: 1200px) {
  .top-nav #block-siteswitcher ul li.more-sites {
    width: 153px;
    padding: .3em 2em;
  }
}

.top-nav #block-siteswitcher ul li.menu-item--active-trail {
  background: #fff;
}

.genealogy .top-nav #block-siteswitcher ul li.menu-item--active-trail {
  border-top: 4px solid #27686d;
}

.story-center .top-nav #block-siteswitcher ul li.menu-item--active-trail {
  border-top: 4px solid #e6b43b;
}

.square-one .top-nav #block-siteswitcher ul li.menu-item--active-trail {
  border-top: 4px solid #00aeef;
}

.kids .top-nav #block-siteswitcher ul li.menu-item--active-trail {
  border-top: 4px solid #8dc63f;
}

.grow-a-reader .top-nav #block-siteswitcher ul li.menu-item--active-trail {
  border-top: 4px solid #8dc63f;
}

@media (min-width: 1070px) {
  .top-nav #block-siteswitcher ul li {
    font-size: .72em;
    padding: .3em 1.1em;
  }
}

@media (min-width: 1200px) {
  .top-nav #block-siteswitcher ul li {
    padding: .3em 1.3em;
    font-size: .75em;
  }
}

@media (min-width: 1300px) {
  .top-nav #block-siteswitcher ul li {
    padding: .3em 2em;
  }
}

.top-nav #block-siteswitcher ul li a {
  text-decoration: none;
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
}

.top-nav .support-locations {
  display: none;
}

@media (min-width: 1024px) {
  .top-nav .support-locations {
    display: block;
    position: absolute;
    top: .4em;
    right: 12.5%;
  }
  .top-nav .support-locations div {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    font-size: .7em;
    letter-spacing: .01em;
    padding: 0 .9em;
  }
  .top-nav .support-locations div a {
    text-decoration: none;
    color: #000;
  }
  .top-nav .support-locations div a span {
    display: inline-block;
    position: relative;
    top: .1em;
    left: -.5em;
  }
}

@media (min-width: 1070px) {
  .top-nav .support-locations div {
    font-size: .72em;
  }
}

@media (min-width: 1300px) {
  .top-nav .support-locations div {
    font-size: .75em;
  }
}

.top-nav #block-top-utils {
  position: initial;
}

.top-nav .top-utils {
  position: absolute;
  top: .5em;
  right: 1em;
}

@media (min-width: 666px) {
  .top-nav .top-utils {
    top: 2em;
    right: 0;
  }
}

@media (min-width: 1024px) {
  .top-nav .top-utils {
    top: 0;
    width: 12%;
    height: auto;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  .top-nav .top-utils .locations-mobile,
  .top-nav .top-utils .logout-mobile {
    display: none !important;
  }
}

.top-nav .top-utils .my-account,
.top-nav .top-utils .locations-mobile,
.top-nav .top-utils .logout-mobile,
.top-nav .top-utils .search {
  display: block;
  position: relative;
  font-size: .8em;
  margin: .25em 0;
}

@media (min-width: 666px) {
  .top-nav .top-utils .my-account,
  .top-nav .top-utils .locations-mobile,
  .top-nav .top-utils .logout-mobile,
  .top-nav .top-utils .search {
    display: inline-block;
    margin: 0 1.25em;
    font-size: .9em;
  }
}

@media (min-width: 1024px) {
  .top-nav .top-utils .my-account,
  .top-nav .top-utils .locations-mobile,
  .top-nav .top-utils .logout-mobile,
  .top-nav .top-utils .search {
    display: inherit;
    margin: auto;
  }
}

.top-nav .top-utils .my-account a,
.top-nav .top-utils .locations-mobile a,
.top-nav .top-utils .logout-mobile a,
.top-nav .top-utils .search a {
  font-size: 1.2em;
  text-transform: none;
  color: #000;
  text-decoration: none;
  width: 100%;
  height: 100%;
  padding: .3em 0 0;
  position: relative;
}

@media (min-width: 1024px) {
  .top-nav .top-utils .my-account a,
  .top-nav .top-utils .locations-mobile a,
  .top-nav .top-utils .logout-mobile a,
  .top-nav .top-utils .search a {
    font-size: .8em;
    text-transform: uppercase;
    font-weight: 800;
  }
}

.top-nav .top-utils .my-account a span,
.top-nav .top-utils .locations-mobile a span,
.top-nav .top-utils .logout-mobile a span,
.top-nav .top-utils .search a span {
  position: absolute;
  top: .2em;
  left: -1.7em;
  width: 16px;
  height: 16px;
}

@media (min-width: 666px) {
  .top-nav .top-utils .my-account a span,
  .top-nav .top-utils .locations-mobile a span,
  .top-nav .top-utils .logout-mobile a span,
  .top-nav .top-utils .search a span {
    width: 24px;
    height: 24px;
  }
}

@media (min-width: 1024px) {
  .top-nav .top-utils .my-account a span,
  .top-nav .top-utils .locations-mobile a span,
  .top-nav .top-utils .logout-mobile a span,
  .top-nav .top-utils .search a span {
    width: inherit;
    height: inherit;
    position: inherit;
    left: inherit;
  }
}

@media (min-width: 1024px) {
  .top-nav .top-utils .my-account,
  .top-nav .top-utils .locations-mobile,
  .top-nav .top-utils .logout-mobile,
  .top-nav .top-utils .search {
    text-align: center;
    height: 36px;
  }
  .top-nav .top-utils .my-account a,
  .top-nav .top-utils .locations-mobile a,
  .top-nav .top-utils .logout-mobile a,
  .top-nav .top-utils .search a {
    display: block;
  }
  .top-nav .top-utils .my-account a span,
  .top-nav .top-utils .locations-mobile a span,
  .top-nav .top-utils .logout-mobile a span,
  .top-nav .top-utils .search a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: .4em;
    margin: 0 .5em 0 0;
  }
}

@media (min-width: 1024px) {
  .top-nav .top-utils .my-account {
    margin-right: 15px;
  }
}

.top-nav .top-utils .search {
  margin: 0 2em 0 0;
  top: -.5em;
  left: .5em;
  z-index: 300;
}

@media (min-width: 666px) {
  .top-nav .top-utils .search {
    top: 0;
    left: 0;
  }
}

.top-nav .top-utils .search a {
  font-size: 1em;
}

.top-nav .top-utils .search a .icon--search-red {
  position: relative;
  left: -.1em;
  width: 40px;
  height: 40px;
}

@media (min-width: 666px) {
  .top-nav .top-utils .search a .icon--search-red {
    left: .3em;
  }
}

@media (min-width: 1024px) {
  .top-nav .top-utils .search a .icon--search-red {
    display: none;
  }
}

@media (min-width: 1024px) {
  .top-nav .top-utils .search {
    font-family: "Source Serif Pro", serif;
    text-align: center;
    position: relative;
    border-top: 2px solid #fff;
    width: 100%;
    height: 76%;
  }
  .top-nav .top-utils .search a {
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    letter-spacing: .05em;
    padding: 2.3em 0 0;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
  }
  .top-nav .top-utils .search a span {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    top: .5em;
  }
}

.logout-icon {
  background: url("/themes/custom/mcpl_zen/images/logout.png") no-repeat;
  width: 24px;
  height: 24px;
  background-size: cover;
}

@media (min-width: 1024px) {
  .logout-icon {
    width: 14px;
    height: 14px;
  }
}

#block-landing-page-subnav {
  font-family: "Source Serif Pro", serif;
  font-size: 1.2em;
  font-weight: 500;
}

@media (min-width: 1200px) {
  #block-landing-page-subnav {
    font-size: 1.3em;
  }
}

#block-landing-page-subnav ul {
  margin: 0 0 .7em;
  padding: 0;
  line-height: 100%;
}

@media (min-width: 960px) {
  #block-landing-page-subnav ul {
    border-bottom: 1px solid #fff;
    padding: 0 .7em 0 0;
  }
}

#block-landing-page-subnav ul li {
  list-style: none;
  padding: 0 0 .75em;
  display: block;
  margin-bottom: .5em;
}

@media (min-width: 960px) {
  #block-landing-page-subnav ul li {
    display: inline-block;
    padding: 0 0 7px 0;
    margin-bottom: 0;
  }
}

@media (min-width: 1070px) {
  #block-landing-page-subnav ul li {
    padding: 0 0 8px 0;
  }
}

#block-landing-page-subnav ul li a {
  text-decoration: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 6px;
  padding: 2px .7em;
  border: 1px solid #fff;
}

@media (min-width: 960px) {
  #block-landing-page-subnav ul li a {
    margin-right: .5em;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    padding: .3em .7em 3px .7em;
  }
}

#block-landing-page-subnav ul li a:hover {
  background-color: #006099;
}

#block-landing-page-subnav ul li a.is-active {
  background-color: rgba(255, 255, 255, 0.75);
  color: #00101a;
  text-shadow: 1px 1px 2px #fff;
}

@media (min-width: 960px) {
  #block-landing-page-subnav ul li a.is-active {
    border-bottom: 3px solid #fff;
    padding: .5em .7em 1px .7em;
  }
}

#block-sidebar-nav,
#block-sidebar-nav-subsites,
#block-sidebar-nav-press-room {
  padding: 1em 0;
  font-size: .9em;
}

#block-sidebar-nav ul.menu,
#block-sidebar-nav-subsites ul.menu,
#block-sidebar-nav-press-room ul.menu {
  margin: 0;
}

#block-sidebar-nav ul.menu .menu-item--expanded ul.menu,
#block-sidebar-nav-subsites ul.menu .menu-item--expanded ul.menu,
#block-sidebar-nav-press-room ul.menu .menu-item--expanded ul.menu {
  padding: 0 0 0 1em;
}

.menu-button {
  color: #404040;
  display: block;
  text-decoration: none;
  width: 36px !important;
  height: 36px !important;
  position: absolute;
  padding: 0;
  border: 0;
  background-color: #fff;
}

@media (min-width: 1024px) {
  .menu-button {
    display: none !important;
  }
}

.menu-button span {
  font-size: .9em;
  position: relative;
  top: 2em;
}

/*# sourceMappingURL=nav-menu.css.map */