/* ==========================================================================
 *
 * APP.CSS
 *
 * -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------
 * # cookie notification
 * ------------------------------------------------------------------- */
.cookie-notification {
    position: fixed;
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    width: 100%;
    color: white;
    padding: 15px;
    z-index: 200;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "Gothic A1", sans-serif;
}
.cookie-notification_hidden_yes {
    display: none;
}
.cookie-notification__header {
    margin-bottom: 10px;
    font-size: 18px;
}
@media (min-width: 1280px) {
  .cookie-notification__header {
    font-size: 20px;
  }
}
.cookie-notification__wrapper {
  display: flex;
/*  align-items: center;*/
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (min-width: 768px) {
  .cookie-notification__wrapper {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
.cookie-notification__body {
  margin-bottom: 20px;
  font-size: 14px;
}
@media (min-width: 768px) {
  .cookie-notification__body {
    margin-bottom: 0;
    padding-right: 50px;
  }
}
@media (min-width: 1280px) {
  .cookie-notification__body {
    font-size: 16px;
  }
}
.cookie-notification__link {
  color: #ffe3d2;
  text-decoration: none;
}
.cookie-notification__link:hover {
  color: #ffe3d2;
  text-decoration: underline;
}
.cookie-notification__buttons {
  width: 100%;
}
@media (min-width: 768px) {
  .cookie-notification__buttons {
    width: auto;
  }
}
.cookie-notification__agreement {
  display: block !important;
  margin: 0 auto;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: .2rem;
  //height: 2rem;
  //line-height: 5.6rem;
  padding: 0.6rem 3.2rem;
  //margin: 0 .4rem 1.6rem 0;
  color: #000000;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #d3d3d3;
  border: 0.2rem solid #d3d3d3;
}
.cookie-notification__agreement:hover,
.cookie-notification__agreement:focus {
  background-color: #f9861a;
  border-color: #f9861a;
  color: #ffffff;
  outline: 0;
}

/* -------------------------------------------------------------------
 * # additional links
 * ------------------------------------------------------------------- */
.additional-links {
  margin: 0;
  font-size: 14px;
  list-style-type: none;
  background: #2a4071; /*#304a82;*/
}
.additional-links__item {
  display: inline-block;
  width: 100%;
  text-align: center;
}
@media (min-width: 576px) {
  .additional-links__item {
    width: auto;
    text-align: left;
  }
}
.additional-links__link {
  display: inline-block;
  width: 100%;
  padding: 8px 15px;
  color: #fff;
  border-bottom: 1px solid #5e5e5e;
}
@media (min-width: 576px) {
  .additional-links__link {
    width: auto;
    border-bottom: none;
  }
}
.additional-links__link:hover {
  text-decoration: none;
  background: #091c42;
/*  border: 1px solid #505359;*/
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}



/* ==========================================================================
 *
 * PATTERNFLY.CSS
 *
 * -------------------------------------------------------------------------- */

:root {
  --pf-global--active-color--100: #95b2c8; /*#06c;*/
  --pf-global--BackgroundColor--dark-100: #091c42;
  --pf-global--BackgroundColor--dark-200: #0a214f;
  --pf-global--BackgroundColor--dark-300: #0d265b;
}
.pf-c-nav {
  --pf-c-nav__link--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
  --pf-c-nav__link--focus--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
  --pf-c-nav__link--active--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
  --pf-c-nav__link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
}
.pf-c-page__header-brand-link {
  padding: 10px 0;
}
.pwb-responsive {
    max-width: none;
    height: 50px;
}
.pf-c-nav.pf-m-horizontal .pf-c-nav__link,
.pf-c-nav.pf-m-tertiary .pf-c-nav__link {
    white-space: normal;
}