@font-face {
  font-family: "freight-sans-regular";
  src: url("/sites/default/files/2023-04/FreightSansProBook-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "freight-sans-bold";
  src: url("/sites/default/files/2023-04/FreightSansProBold-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
:root {
  --clr-body-text: #2b2b2b;
  --clr-primary: #003399;
  --clr-primary-rgb: 120, 29, 45;
  --clr-secondary-rgb: 47, 59, 73;
  --comp-top-section-fs: 2.187rem;
  --body-fs: 20px;
  --main-ff: "freight-sans-regular";
  --ff-bold: "freight-sans-bold";
}

body {
  overflow-x: hidden;
  font-family: var(--main-ff);
  color: var(--clr-body-text);
}
body h1,
body h2,
body h3,
body h4,
body h5 {
  font-weight: normal;
  font-family: var(--ff-bold);
  color: var(--clr-primary);
}
body h2 {
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 20px;
}
body h3 {
  font-size: 24px;
  font-weight: bold;
}
body .header .header__wrapper .navbar-expand-lg .navbar-nav .nav-link {
  font-family: "freight-sans-bold";
}
@media (min-width: 991px) {
  body .header .header__wrapper .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}
body .region--breadcrumb h2 {
  display: none;
}
body .region--breadcrumb .breadcrumb-item + .breadcrumb-item {
  margin-top: 3px;
}
body .paddle-component--paddle-vub-region-block .paddle-component--body-section {
  position: relative;
}
body .paddle-component--paddle-vub-region-block .paddle-component--body-section .vub-banner-image {
  min-width: 100%;
  background-size: 100%;
  transition: 0.35s;
}
body .paddle-component--paddle-vub-region-block .paddle-component--body-section .vub-banner-image:hover {
  background-size: 102%;
  transition: 0.35s;
}
body .paddle-component--paddle-vub-region-block .paddle-component--body-section .vub-banner-image h4 {
  z-index: 11;
  font-size: 24px;
  padding: 0 10px;
}
body .paddle-component--paddle-vub-region-block .paddle-component--body-section .vub-banner-image a.vub-button-title {
  text-decoration: none;
  z-index: 11;
}
body .paddle-component--paddle-vub-region-block .paddle-component--body-section .vub-banner-image a.vub-button {
  font-size: 0;
  width: 0;
  height: 0;
  border: 0;
}
body .paddle-component--paddle-vub-region-block .paddle-component--body-section .vub-banner-image a.vub-button::before {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10;
  box-sizing: border-box;
}
body .paddle-vub-banner-block-wrapper {
  position: relative;
}
body .paddle-vub-banner-block-wrapper .vub-banner-block .vub-banner-image::after {
  position: absolute;
  content: "";
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  z-index: -1;
}
body .paddle-vub-banner-block-wrapper .vub-banner-block h1 {
  z-index: 1;
}
body .contact-block .paddle-component--body-section h3 {
  color: #2b2b2b;
  margin-top: 50px;
}
body .btn-primary {
  background-color: var(--clr-primary) !important;
  display: inline-block;
  color: white;
  font-style: normal;
  font-size: 30px;
  font-weight: 600;
  padding: 0.3em 1.2em;
  transition: 0.35s;
  text-align: center;
  border-radius: 0;
}
body .btn-primary:hover {
  background-color: #0b3067 !important;
}
body .btn-secondary {
  background-color: #0b3067 !important;
  display: inline-block;
  color: white;
  font-style: normal;
  font-size: 30px;
  font-weight: 600;
  padding: 0.3em 1.2em;
  transition: 0.35s;
  text-align: center;
  border-radius: 0;
}
body .btn-secondary:hover {
  background-color: var(--clr-primary) !important;
}
body .field--faq details {
  border-radius: 0;
  margin-bottom: 1.5rem;
}
body .field--faq details .details-wrapper .field {
  margin-bottom: 0;
}
body .field--faq details > summary {
  width: 100%;
}

body.path-frontpage .paddle-vub-banner-block-wrapper .vub-banner-block .vub-banner-image {
  min-height: 450px;
}
body.path-frontpage .comp--vub-homepage {
  margin-top: -160px;
  margin-bottom: 100px;
  z-index: 1;
  position: relative;
}
body.path-frontpage .comp--vub-homepage .col-md-6 {
  padding-left: 0;
  padding-right: 0;
  border-top: 5px solid white;
  border-bottom: 5px solid white;
  border-left: 3px solid white;
  border-right: 3px solid white;
  height: 250px;
}
body.path-frontpage .comp--vub-homepage .col-md-6:first-child {
  border-left: 5px solid white;
}
body.path-frontpage .comp--vub-homepage .col-md-6:last-child {
  border-right: 5px solid white;
}
body.path-frontpage .comp--vub-homepage .vub-banner-image {
  min-height: 250px;
}
body.path-frontpage .sec--geschiedenis {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: -1.8rem;
}
body.path-frontpage .sec--geschiedenis::after {
  background-color: #f0f0f0;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
body.path-frontpage .sec--geschiedenis .geschiedenis .paddle-component--top-section-vub.image {
  text-align: center;
}
body.path-frontpage .sec--geschiedenis .geschiedenis .paddle-component--body-section h2 {
  text-align: center;
  color: var(--clr-primary);
  font-size: 40px;
}
body.path-frontpage .sec--geschiedenis .geschiedenis .paddle-component--body-section p {
  font-size: 18px;
  text-align: justify;
}
body.path-frontpage .sec--geschiedenis .geschiedenis .paddle-component--bottom-section-vub {
  padding-top: 15px;
}
body.path-frontpage .sec--geschiedenis .geschiedenis .paddle-component--bottom-section-vub a {
  background-color: var(--clr-primary);
  display: inline-block;
  color: white;
  font-style: normal;
  font-size: 30px;
  font-weight: 600;
  padding: 0.3em 1.2em;
  transition: 0.35s;
  text-align: center;
}
body.path-frontpage .sec--geschiedenis .geschiedenis .paddle-component--bottom-section-vub a:hover {
  background-color: #0b3067;
}

.sticky-footer .region-wrapper--footer {
  padding: 3rem 0 0rem;
}
.sticky-footer .region-wrapper--footer .paddle-component--text-block {
  margin-bottom: 1rem;
}
.sticky-footer .privacy-policy-link {
  font-size: 0;
}

.paddle-component {
  margin-bottom: 3rem;
}

.views-element-container .views-element-container {
  padding-top: 35px;
}
.views-element-container form.views-exposed-form {
  display: none;
}
.views-element-container form#views-exposed-form-database-events-upcoming-events {
  display: block;
}
.views-element-container .view-database-events {
  justify-content: space-between;
}
.views-element-container .view-database-events .views-row {
  width: 50%;
  max-width: 48%;
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 991px) {
  .views-element-container .view-database-events .views-row {
    width: 100%;
    max-width: 100%;
    margin-bottom: 3rem;
  }
}
.views-element-container .view-database-events .views-row article {
  box-shadow: none;
}
.views-element-container .view-database-events .views-row article .image-wrapper {
  display: block;
  width: 47%;
  min-width: 47%;
  align-self: auto;
}
@media (max-width: 991px) {
  .views-element-container .view-database-events .views-row article .image-wrapper {
    width: 100%;
    min-width: 100%;
    margin-bottom: 2rem;
  }
}
.views-element-container .view-database-events .views-row article .col-lg-16 {
  width: 53% !important;
  flex: 53%;
  max-width: 53%;
}
@media (max-width: 991px) {
  .views-element-container .view-database-events .views-row article .col-lg-16 {
    width: 100% !important;
    flex: 100%;
    max-width: 100%;
  }
}
.views-element-container .view-database-events .views-row article .col-lg-16 .card-title:hover {
  color: #2b2b2b;
}
.views-element-container .view-database-events .views-row article .col-lg-16 .card-title .marge {
  padding: 0 20px;
}
@media (max-width: 991px) {
  .views-element-container .view-database-events .views-row article .col-lg-16 .card-title .marge {
    padding: 0;
  }
}
.views-element-container .view-database-events .views-row article .col-lg-16 .card-text {
  padding-right: 0;
}
@media (max-width: 991px) {
  .views-element-container .view-database-events .views-row article .col-lg-16 .card-text {
    padding: 0;
  }
}
.views-element-container .view-database-events .views-row article .col-lg-16 .card-text .field {
  margin-bottom: 0.5rem;
}
.views-element-container .view-database-events .views-row article .col-lg-16 .card-text .badge-light {
  border: none;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: bold;
}
.views-element-container .view-database-events .views-row article .col-lg-16 .card-text .read-more {
  margin: 0;
}

.eu-cookie-compliance-banner {
  background-color: #fff;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
  color: var(--clr-body-text);
}
.eu-cookie-compliance-banner button {
  background-color: var(--clr-primary);
  color: #fff;
  display: inline-block;
  font-family: Adventor;
  font-size: 1.15rem;
  font-style: normal;
  padding: 0.35em 1rem !important;
  transition: 0.35s;
  display: inline-block;
  border-radius: 0;
}
.eu-cookie-compliance-banner button:hover {
  background-color: #043b7d;
}
.eu-cookie-compliance-banner .form-check-input:disabled ~ .form-check-label,
.eu-cookie-compliance-banner .form-check-input[disabled] ~ .form-check-label {
  color: #000;
}

#sliding-popup {
  background-color: #fff;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ccc;
  color: var(--clr-body-text);
  text-align: center;
}
#sliding-popup .eu-cookie-withdraw-button,
#sliding-popup .eu-cookie-withdraw-tab {
  background-color: var(--clr-primary);
  color: #fff;
  display: inline-block;
  font-family: Adventor;
  font-size: 1.15rem;
  font-style: normal;
  padding: 0.35em 1rem !important;
  transition: 0.35s;
  display: inline-block;
  border-radius: 0;
}
#sliding-popup .eu-cookie-withdraw-button:hover,
#sliding-popup .eu-cookie-withdraw-tab:hover {
  background-color: #043b7d;
}

.node-28 .view-database-events form {
  display: none !important;
}

@media (min-width: 992px) {
  .node.view-mode--search-teaser .image {
    height: auto;
  }
}
.sec--carousel-center {
  overflow: unset;
  width: unset;
  position: relative;
}
.sec--carousel-center::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
}
.sec--carousel-center::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 2;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block {
  margin-bottom: 5rem;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper {
  overflow: unset;
  position: relative;
  display: flex;
  flex-flow: row wrap;
  max-width: unset;
  width: unset;
  margin: 0 auto;
  border: 0;
  box-shadow: none;
}
@media (min-width: 992px) {
  .sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper {
    margin-top: 4rem;
  }
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper ul.slides {
  display: flex;
  align-items: unset;
  margin-left: unset;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper ul.slides li.swiper-slide a::before {
  content: "";
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 41;
  box-sizing: border-box;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper ul.slides li.swiper-slide .figcaption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  padding: 0;
  width: 95%;
  background-color: transparent;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-weight: normal;
  z-index: 2;
  font-family: var(--ff-bold);
  text-shadow: 1px 1px 2px rgb(88, 88, 88);
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper .carousel-navigation {
  top: 108%;
  bottom: unset;
  left: 33.95%;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper .carousel-navigation .slider-counter {
  color: var(--clr-body-text);
  display: none;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper .carousel-navigation a.swiper-button-prev {
  background-color: #039;
  transition: all 0.5s ease-out;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper .carousel-navigation a.swiper-button-prev:hover {
  background-color: #000;
  transition: all 0.25s ease-out;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper .carousel-navigation a.swiper-button-prev i {
  margin-top: 0.125rem;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper .carousel-navigation a.swiper-button-next {
  background-color: #039;
  transition: all 0.5s ease-out;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper .carousel-navigation a.swiper-button-next:hover {
  background-color: #000;
  transition: all 0.25s ease-out;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper .carousel-navigation a.swiper-button-next i {
  margin-top: 0.125rem;
}
.sec--carousel-center .paddle-components-carousel-block-wrapper .paddle-component--carousel-block .swiper .flex-pauseplay {
  top: 106%;
  bottom: auto;
  display: none;
}

.sec--carousel-auto .autoplay-carousel {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 5rem;
}
.sec--carousel-auto .autoplay-carousel .slides > li h3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  padding: 0;
  width: 95%;
  background-color: transparent;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-weight: normal;
  z-index: 2;
  font-family: var(--ff-bold);
  text-shadow: 1px 1px 2px rgb(88, 88, 88);
  color: white !important;
}
.sec--carousel-auto .flex-control-nav {
  display: none;
}
.sec--carousel-auto .flex-direction-nav {
  left: 0;
  bottom: -4rem;
  gap: 5px;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  justify-content: center;
}
.sec--carousel-auto .flex-direction-nav a {
  background-color: var(--primary);
}
.sec--carousel-auto .flex-direction-nav a i {
  color: #fff;
}/*# sourceMappingURL=bua.css.map */