/** ===============================================
  Responsive
  ===============================================**/
/** ===============================================
  Layout
  ===============================================**/
/** ===============================================
  Flexbox
  ===============================================**/
/** ===============================================
  Position
  ===============================================**/
/** ===============================================
  Effects
  ===============================================**/
/** ===============================================
  Buttons
  ===============================================**/
/** ===============================================
  Components
  ===============================================**/
.site-footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: var(--primary-color);
  color: #ffffff;
  position: relative;
  z-index: 1;
}

.noscroll .site-footer {
  z-index: -1;
}

.site-footer a {
  color: #ffffff;
}

@media (min-width: 48rem) {
  .site-footer-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -moz-align-items: center;
    -webkit-align-item: center;
    -ms-align-item: center;
    align-items: center;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }

  .site-footer-row>* {
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1;
  }
}

@media (min-width: 48rem) and (min-width: 48rem) {
  .site-footer-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.site-footer-columns {
  -moz-align-items: flex-start;
  -webkit-align-item: flex-start;
  -ms-align-item: flex-start;
  align-items: flex-start;
  -moz-justify-content: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  justify-content: space-evenly;
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px solid #ffffff;
}

@media (min-width: 48rem) {
  .site-footer-columns .region+.region {
    padding-left: 2rem;
  }
}

.region--footer-logo .site-logo svg {
  height: 8rem;
  max-width: 8rem;
}

.region--footer-menu {
  padding: 3rem 0;
}

.menu--footer .menu-item {
  margin-bottom: 1rem;
}

@media (min-width: 48rem) {
  .menu--footer .menu-item {
    display: inline-block;
    width: 24.5%;
    padding: 0 0.5rem;
  }

  .menu--footer .menu-item:first-child {
    padding-right: 1rem;
    padding-left: 0;
  }

  .menu--footer .menu-item:last-child {
    padding-left: 1rem;
    padding-right: 0;
  }
}

.menu--footer a {
  font-family: hurme_bold, sans-serif;
  display: inline-block;
  padding: 0.55rem 2.5rem;
  text-align: center;
  background-color: transparent;
  border-width: 0;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s linear;
  border-color: #ffffff;
  border-radius: 0;
  display: block;
  padding: 1rem;
  width: 100%;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
}

.menu--footer a:hover,
.menu--footer a:active,
.menu--footer a:focus,
.menu--footer a.is-active {
  text-decoration: underline;
}

.menu--footer a:hover>*,
.menu--footer a:active>*,
.menu--footer a:focus>*,
.menu--footer a.is-active>* {
  text-decoration: underline;
}

.menu--social .menu-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}

.menu--social .menu-items>* {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
}

.menu--social .menu-items>* {
  text-align: center;
}

.region--footer-social {
  text-align: center;
}

.region--footer-social .menu-item {
  margin-bottom: 1rem;
}

@media (min-width: 48rem) {
  .region--footer-social .menu-item {
    width: 25%;
    padding: 0 0.5rem;
  }

  .region--footer-social .menu-item:first-child {
    padding-right: 1rem;
    padding-left: 0;
  }

  .region--footer-social .menu-item:last-child {
    padding-left: 1rem;
    padding-right: 0;
  }
}

.region--footer-social a {
  display: block;
  width: 100%;
  text-align: center;
}

.region--footer-social .icon svg {
  height: 2rem;
  width: 2rem;
  line-height: 1;
}

.block--system-menu-blocksocial {
  display: inline-block;
  width: auto;
}

.block--system-menu-blocksocial a {
  padding: 0 2rem;
}

.block--system-menu-blocksocial .fill {
  fill: #ffffff;
}