/* Minification failed. Returning unminified contents.
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(285,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue'
(287,28): run-time error CSS1039: Token not allowed after unary operator: '-darker-blue'
(289,28): run-time error CSS1039: Token not allowed after unary operator: '-darkest-blue'
(332,17): run-time error CSS1039: Token not allowed after unary operator: '-meta_primary'
(416,21): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(440,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(447,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../i/ajax-loader.gif") center center no-repeat; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -15px;
  padding: 0;
  border: none;
  outline: none;
  z-index: 1; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 0.75; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 30px;
    line-height: 1;
    color: #bab1b1;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\f104"; }
    [dir="rtl"] .slick-prev:before {
      content: "\f105"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\f105"; }
    [dir="rtl"] .slick-next:before {
      content: "\f104"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 2px solid #ffffff;
      border-radius: 50%;
      background: transparent;
      display: block;
      height: 10px;
      width: 10px;
      padding: 0;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      opacity: 0.3;
      cursor: pointer; }
      .slick-dots li button:hover {
        outline: none;
        opacity: 0.8; }
    .slick-dots li.slick-active button {
      background: #ffffff;
      opacity: 1; }
      .slick-dots li.slick-active button:hover {
        opacity: 1; }

.slick-slide {
  outline: none; }

:root {
/*    --light-orange: #FFF3E0;*/
/*    --light-blue: #E1F5FE;*/
    --blue: #00ADEF;
    /*    --dark-blue: #000154;
    --darker-blue: #000143;
    --darkest-blue: #000136;*/
    --dark-blue: #0c1d40;
    --darker-blue: #0a1733;
    --darkest-blue: #071126;
    /*    --orange: #FF5E00;*/
    --orange: #f15f23;
}

/* OVERWRITES of HRB.CSS */

/*.wrapper .hrb2-public {
    background-color: white;
}*/

/*div.hrb2-public {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: 'Public Sans', sans-serif;
    color: var(--dark-blue);
    line-height: 1.2;
}*/

.hrb2-public p:not(.card-text) {
    /*font-size: 1.125em;*/
/*    font-family: 'Public Sans', sans-serif;
    line-height: 1.2;*/
    /*margin-top: 1em;*/ /*This is needed because titles are inline for their underline */
    /*text-align: inherit;*/
}

.hrb2-public p.larger-text {
    font-size: 1.125em;
    margin-top: 1em; /*This is needed because titles are inline for their underline */
    text-align: inherit;
}

/*.hrb2-public .btn {
    font-size: 1em;
    transition: all 0.5s linear;
    box-shadow: none;
}*/
/* HEADINGS */
h1, h2, h3, h4 {
    font-family: 'Comfortaa', sans-serif;
    font-weight: bold;
    color: var(--dark-blue) !important; /* overwriting the !important in H2 style on HRB.CSS */
} h1 {
    font-size: 2.33em;
} h2 {
    font-size: 1.5em;
} h3 {
    font-size: 1.25em;
}
/* FLEX CLASSES */
.flex-row:not(.d-flex) {
    display: flex;
    flex-direction: row;
    gap: 3em;
    align-items: center;
} .flex-column:not(.d-flex) {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em;
}
/* FLEX ADJUSTEMENTS */
.content-wrapper__left, .content-wrapper__right {
    flex-basis: 50%;
} .content-wrapper__left > img, .content-wrapper__right > img {
        max-width: 100%;
    }
/* CONTENT WIDTH AND SECTION PADDINGS */
section {
    padding: 3.5em 1.5em;
} .content-wrapper {
    max-width: 1352px;
    width: 100%;
    margin: 0 auto;
} footer#small-footer {
    padding: 1em 1.75em;
    font-size: 0.875em;
} header#public-header .content-wrapper, footer#big-footer .content-wrapper, footer#small-footer .content-wrapper {
        justify-content: space-between;
    }
/* BACKGROUND COLOURS */
.bg-dark-blue {
    background-color: var(--dark-blue);
} .bg-darker-blue {
    background-color: var(--darker-blue);
} .bg-darkest-blue {
    background-color: var(--darkest-blue);
}
/* BUTTONS */
/*.btn {
    border: 0;
    padding: 0.75em 1.25em 0.825em 1.25em;
    line-height: 1;
    text-decoration: none;
    color: var(--dark-blue);*/
    /* font-size: 0.825em; */
    /*display: inline-block;
    position: relative;
} section .btn {
    margin-top: 0.5em;
} .btn span {
    z-index: 1;
    position: relative;
} .btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0001540f;
    pointer-events: none;
    transform: scaleX(0);
    transition: transform 0.2s ease-in-out;
    transform-origin: top left;
    z-index: 0;
} .btn:hover::after {
    transform: scaleX(1);
} .btn.btn__orange {
    background-color: var(--orange);
    color: white;
} .btn.btn__light-blue {
    background-color: var(--light-blue);
} .btn.btn__white {
    background-color: white;
}*/

/* LINKS */
a.text-link {
    color: var(--meta_primary);
    font-weight: bold;
}
/* IMAGES */
img {
    max-width: 100%;
} .image-container {
    position: relative;
    display: inline-block;
} .image-container img {
        display: block;
        object-fit: cover;
    } .image-container::before, .image-container::after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
    }
    .image-container::before {
        top: 0;
        left: 0;
        border-width: 0 2em 2em 0px;
        border-color: transparent transparent white transparent;
        transform: rotate(90deg);
    }
    .image-container::after {
        bottom: 0;
        right: 0;
        border-width: 2em 0 0 2em;
        border-color: white transparent transparent transparent;
        transform: rotate(90deg);
    }

    .image-container.chipped-top__lightblue::before {
        border-color: transparent transparent #e1f5fe transparent;
    }

    .image-container.chipped-bottom__lightblue::after {
        border-color: #e1f5fe transparent transparent transparent;
    }



/* HEADER */
.hrb2-logos.flex-row {
    gap: 2.5em;
}
/* HP HERO */
section#hp-hero .content-wrapper__left {
    flex-basis: 45%;
    margin-right: 5%;
} section#hp-hero h1 {
    margin-top: 0;
} @media only screen and (min-width: 801px) {
    section#hp-hero {
        padding-top: 0;
        padding-bottom: 0;
    }

        section#hp-hero .content-wrapper__left {
            padding-top: 2em;
            padding-bottom: 3em;
        }
} section#hp-hero img {
    margin-top: -0.8em;
}
/* SERVICE ICON TEXT */
.service-icon-text.flex-row {
    gap: 1em;
}

/* HP INFOGRAPHIC */
.hp-infographics {
    width: 100%;
    justify-content: space-evenly;
} .hp-infographic {
    flex-basis: 33%;
    text-align: center;
    max-width: 17em;
} .hp-infographic span {
        font-size: 2.625em;
        font-family: 'Comfortaa', sans-serif;
        font-weight: bold;
        color: var(--orange);
        line-height: 1;
    } .hp-infographic p {
        margin: 0;
    }
/* SUCCESS STORIES SLIDER */
.success-story-section {
    padding-top: 0;
    padding-bottom: 0;
} article.success-story {
    color: white;
    display: flex;
    align-items: center;
    padding-top: 3.5em;
    padding-bottom: 3.5em;
} h2.success-story-slide__title {
    color: white !important; /* Overwriting both H2 !important in this CSS + H2 !important in HRB.CSS */
} .success-story-slide__left {
    flex-basis: 40%;
    margin-right: 10%;
} .success-story-slide__right {
    flex-basis: 50%;
}
article.success-story .success-story-slide__subtitle {
    color: var(--orange);
    font-family: 'Comfortaa', sans-serif;
    font-weight: bold;
} article.success-story h2 {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
} article.success-story time {
    color: var(--blue);
    font-size: 0.825em;
} .slick-list {
    transition: height 0.33s ease-out;
    padding-top: 3.5em; /* Odd workaround because height is set differently on local version than here on dev */
    padding-bottom: 3.5em;
} .slick-slide {
    margin-left: 7em;
    margin-right: 7em;
} .slick-next, .slick-prev {
    background-color: #00000029;
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    z-index: 1;
    transition: all 0.5s ease;
} .slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus {
    background-color: #00000080;
} .slick-prev {
    left: 0;
} .slick-next {
    right: 0;
} .slick-prev:before, .slick-next:before {
    font-size: 20px;
    color: white;
    opacity: 0.75;
} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
} .slick-prev:before {
    content: '◀';
    margin-left: -0.15em;
} .slick-next:before {
    content: '▶';
    margin-right: -0.15em;
} .success-story-background-image {
    position: absolute;
    right: -3.5em;
    z-index: -1;
    opacity: 0.2;
    top: -3.5em; /*CTRL+F "Odd workaround" */
    /* height: 100%; */
} .success-story-background-image::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-box-shadow: inset 0px 0px 100px 0px rgba(12,29,64,1);
        -moz-box-shadow: inset 0px 0px 100px 0px rgba(12,29,64,1);
        box-shadow: inset 0px 0px 100px 100px rgba(12,29,64,1);
    } .success-story-slide__right img {
    transform: translateY(1em);
    opacity: 0;
    transition: all 0.5s ease;
    width:100%;
} .success-story-slide__right img.revealed {
    transform: translateY(0px);
    opacity: 1;
} @media only screen and (max-width: 800px) {
    article.success-story {
        flex-direction: column-reverse;
        justify-content: flex-end;
    }

    .success-story-slide__left {
        margin-right: 0;
        margin-top: 2em;
    }

    .success-story-slide__left,
    .success-story-slide__right {
        flex-basis: unset;
    }

    .slick-next, .slick-prev {
        transform: scale(0.66);
    }

    .slick-slide {
        margin-left: 4em;
        margin-right: 4em;
    }

    .success-story-section {
        padding-left: 0.25em;
        padding-right: 0.25em;
    }
    .slick-list {
        transition: height 0.33s ease-out;
        padding-top: 0; /*CTRL+F "Odd workaround" */
        padding-bottom: 0;
    }

    .success-story-background-image {
        top: 0em; /*CTRL+F "Odd workaround" */
    }
}
/* NEWS */
/*.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3em;
    grid-row-gap: 0px;
    max-width: 100%;
}

article.news-card figure {
    margin: 0;
}

article.news-card img {
    width: 100%;
}*/
/* CONSORTIUM */
.consortium {
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
} .flex-column:not(.d-flex).consortium-group {
    align-items: flex-start;
} .consortium h3 {
    margin: 0;
}
.consortium-logos-wrapper {
    gap: 3em;
    min-height: 72px;
}.consortium-group__leader{
     flex-basis: 16.66%;
 }
    .consortium-group__leader > a {
        min-height: 72px;
        display: flex;
        align-items: center;
    }
  .consortium__partners {
    gap: 1.25em;
    flex-basis: 83.33%;
} img.logo-ecorys {
    margin-bottom: -1.25em;
} @media only screen and (max-width: 800px) {
    .consortium {
        justify-content: center;
        flex-direction: column !important;
    }

    .consortium-logos-wrapper {
        gap: 2em;
        margin-top: 0em;
        justify-content: center;
        flex-direction: column!important;
    }

    .flex-column:not(.d-flex).consortium-group {
        align-items: center;
    }

    img.logo-ecorys {
        margin-bottom: -0em;
    }
}
/* FOOTER */
/*footer#small-footer a {
    color: white;
    text-decoration: none;
} .footer-social-icons {
    gap: 1em;
} .sub-footer::after {
    content: '';
    height: 1px;
    background-color: #fcfcfc24;
    position: absolute;
    top: 0;
    width: calc(100% - 48px);
    left: 24px;
} .sub-footer {
    position: relative;
}*/

/* RESPONSIVE */
@media only screen and (max-width: 800px) {
    .flex-row:not(.d-flex) {
        flex-wrap: wrap;
    }

    .content-wrapper__left,
    .content-wrapper__right {
        flex-basis: 100%;
    }

    .hrb2-logos.flex-row {
        flex-direction: column;
        margin-bottom: 2em;
    }

    section#hp-hero .content-wrapper__left {
        flex-basis: 100%;
        margin-right: 0;
    }

    .service-icon-text.flex-row {
        margin-bottom: 1em;
    }

    .hp-infographics.flex-row {
        flex-direction: column !important; /* Had to add !imp because of _styles.css conflict*/
        align-items: center;
    }

    header .content-wrapper,
    footer .content-wrapper {
        flex-direction: column;
        gap: 1em;
    }

    .hrb2-logos {
        text-align: center;
    }

    .hp-addon-services {
        display: flex;
        flex-wrap: wrap;
    }

    .hp-addon-service {
        min-width: 10em;
        padding-bottom: 2em;
    }
}

iframe#info-session-iframe,
iframe#promo-video-iframe,
#info-session-iframeblocked,
#promo-video-iframeblocked {
    width: 100%;
}

@media only screen and (max-width: 1376px) {
    iframe#info-session-iframe,
    iframe#promo-video-iframe,
    #info-session-iframeblocked,
    #promo-video-iframeblocked {
        height: 26vw !important;
    }
}

@media only screen and (max-width: 991px) {
    iframe#info-session-iframe,
    iframe#promo-video-iframe,
    #info-session-iframeblocked,
    #promo-video-iframeblocked {
        height: 52vw !important;
    }
}

@media only screen and (max-width: 991px) {
    iframe#info-session-iframe,
    iframe#promo-video-iframe,
    #info-session-iframeblocked,
    #promo-video-iframeblocked {
        height: 49vw !important;
    }
}

._iub_cs_activate:not(._iub_cs_activate-activated) {
    pointer-events: none;
}
