/**
 * Contains functions and mixins for breakpoints.
 */
/**
 * Map manipulation functions.
 */
.region-menu .domain-block ul {
  display: grid;
  grid-template-columns: 23% 23% 23% 23%;
  text-align: center; }

.region-menu .domain-block a {
  border-bottom: none;
  font-weight: normal;
  color: var(--color-gray-8);
  display: inline-block;
  width: 10rem;
  height: 10rem;
  padding: 0;
  overflow: hidden;
  max-width: 100%; }
  .region-menu .domain-block a:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin-right: 0.5em;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    width: 10rem;
    height: 10rem;
    background-image: var(--logo-abcb-stacked-white);
    max-width: 100%; }
  .region-menu .domain-block a[href*="ncc."]:before {
    background-image: var(--logo-ncc-stacked-white); }
  .region-menu .domain-block a[href*="codemark."]:before {
    background-image: var(--logo-codemark-stacked-white); }
  .region-menu .domain-block a[href*="watermark."]:before {
    background-image: var(--logo-watermark-stacked-white); }

@media (min-width: 76.5rem) {
  .region-menu .domain-block {
    display: none; } }

.region-menu > div {
  max-width: 835px;
  margin: 0 auto; }
  .region-menu > div.block-menu {
    max-width: 100%; }
    .region-menu > div.block-menu > .menu.menu-level-0 {
      height: var(--viewport-height); }
      @media screen and (min-width: 1224px) {
        .region-menu > div.block-menu > .menu.menu-level-0 {
          height: auto;
          display: flex;
          align-items: center;
          justify-content: center; } }

@media (min-width: 82rem) {
  .region-menu > div {
    max-width: 900px; } }

@media (min-width: 82rem) {
  .region-menu {
    flex: 1; }
    .region-menu label[for] {
      display: none; }
      .region-menu label[for] + * + * {
        display: block;
        position: initial !important; }
    .region-menu .menu-level-0 a.menu-link-0 {
      border: none;
      font-size: var(--font-size-xs);
      text-transform: uppercase;
      padding: var(--space-l) var(--space-s);
      font-weight: bold;
      white-space: nowrap; }
      .region-menu .menu-level-0 a.menu-link-0:before {
        display: none; }
    .region-menu .menu-level-0 > li {
      float: left; }
      .region-menu .menu-level-0 > li.domain-block {
        display: none; }
      .region-menu .menu-level-0 > li > div > .block-children {
        background-color: var(--color-white);
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        padding: var(--space-xl);
        box-shadow: 0 0.5rem 0.8rem black; }
      .region-menu .menu-level-0 > li:hover > div > .block-children {
        display: block; }
        .region-menu .menu-level-0 > li:hover > div > .block-children:empty {
          display: none; }
    .region-menu .menu-level-0.hoverable li:hover .block-children {
      display: none; }
    .region-menu .menu-level-0.hoverable.hover li:hover .block-children {
      display: block; } }

@media (min-width: 76.5rem) {
  .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2.5rem; }
    .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li {
      float: left; }
      .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li > .menu-style-standard > .block-menu-link > a {
        font-weight: bold;
        font-size: var(--font-size-h3); }
        .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li > .menu-style-standard > .block-menu-link > a.mlid-1431, .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li > .menu-style-standard > .block-menu-link > a.mlid-1436 {
          font-size: var(--font-size-h4); }
        .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li > .menu-style-standard > .block-menu-link > a::before {
          background-image: none;
          width: 0; }
    .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li:first-child {
      background: var(--color-gray-9); }
      .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li:first-child > .menu-style-standard {
        padding: 20px; }
      .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li:first-child a {
        border-bottom: 1px solid var(--color-gray-9); }
    .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li:nth-child(2) {
      background: var(--color-gray-9); }
      .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li:nth-child(2) > .menu-style-standard {
        padding: 20px; }
      .region-menu .menu-level-0 > .mlid-496 > .menu-style-standard .block-children > .menu-panel > .menu-level-1 > li:nth-child(2) a {
        border-bottom: 1px solid var(--color-gray-9); } }
