/**
 * @file
 * Wapper (master) layout styling.
 */
/**
 * Overrrides
 */
body {
  padding-top: 97px;
}
@media (max-width: 767px) {
  body {
    padding-top: 105px;
  }
}

.main-header > nav {
  background: none;
  border: none;
}
.navbar {
  margin-bottom: 0;
}
.breadcrumb-arrows {
  display: none;
}
/**
 * Container
 */
.layout-container {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media all and (min-width: 851px) {
  .layout-container {
    max-width: 1290px;
  }
}

@media (max-width: 767px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
    .row {
      margin-left: -10px;
      margin-right: -10px;
    }
  }
}

/**
 * Main
 */
.layout-main-wrapper {
  min-height: 300px;
}
.layout-main {
  margin-top: 20px;
  margin-bottom: 40px;
}

/**
 * Topbar
 */
.menu--secondary-menu {
  float: right;
}
.menu--secondary-menu ul {
  margin: 0;
  padding: 0;
}
.menu--secondary-menu li {
  float: left;
  display: block;
  margin-left: 5px;
}
.menu--secondary-menu a {
  float: left;
  display: block;
  padding: 5px;
}

/**
 * Header
 */
.region-header > .container {
  position: relative;
}
.site-branding__logo {
}

/**
 * blocks
 */
.block-system-branding-block {
  padding: 1.563rem 0 0.625rem 0;
  .site-logo {
    vertical-align: text-bottom;
    img {
      vertical-align: text-bottom;
      max-width: 200px;
    }
  }
  .site-slogan {
    color: var(--primary_color_1);
    font-size: 1.875rem;
    font-family: 'niveau-grotesk', sans-serif;
    font-style: normal;
    font-weight: 500;
    display: inline-block;
    margin-left: 1.875rem;
  }
}
@media (max-width: 767px) {
  .block-system-branding-block {
    padding: 0.938rem 0.625rem 0.313rem 0.625rem;
    .site-logo {
      img {
        max-width: 153px;
      }
    }
    .site-slogan {
      font-size: 1.5rem;
      margin-top: 0.625rem;
      margin-left: 0;
      text-align: center;
      display: block;
    }
  }
}

.region-header .content-wrapper.flex {
  display: flex;
}

.region-breadcrumb {
  background-color: rgba(var(--theme_color_4), 0.1);
  border-radius: 4px;
  margin: 0 0 0.625rem 0;
}
.breadcrumb {
  background-color: transparent;
  margin: 0;
  padding-left: 0;
  li {
    &:before {
      content: '>';
    }
  }
}
@media (max-width: 1199px) {
  .breadcrumb {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/**
 * paragraphs
 */
.paragraph {
  margin-top: 1.25rem;
  &:first-child,
  &:nth-of-type(1) {
    margin: 0;
  }
}

.region-header .content-wrapper.flex {
  display: block;
}
@media (min-width: 1200px) {
  .region-header .content-wrapper.flex {
    display: flex;
  }
}

.navbar-header {
  float: none;
}
@media (min-width: 1200px) {
  .navbar-header {
    display: block;
  }
}

.navbar {
  min-height: auto;
}

.user-logged-in {
  .navbar-fixed-top {
    position: relative !important;
  }
}

@media (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}

.path-frontpage {
  padding-top: 0 !important;
}

.flexthis.container:before,
.flexthis.container:after,
.flexthis.row:before,
.flexthis.row:after {
  content: normal;
}