/* ------ devices > 1440 px [xl] ---------------- DESKTOP EXTRA LARGE ----------------------------------------------------- */

@media screen and (min-width: 1440px) {
  body,
  html {
    max-width: 100%;
    overflow-x: visible;
  }

  /* main navigation */

  .region-header li:nth-child(1) {
    display: none;
  }

  /* ------------------ Banner image  ------------------ */

  #block-govflanders-bannerafbeeldinghomepage {
    display: inherit;
  }
  #block-bannerafbeeldinghomepagesmartphone {
    display: none;
  }

  /* ------------------ TOC detailpagina ------------------ */

  .anb-margin-top-toc {
    margin-top: 7.3rem;
  }

  /* ------------------ footer navigation -------------- */

  .anb-footernav--col:nth-child(2) {
    border-left: none;
    margin-left: 0rem;
  }

  /* ------------------ ik wil module ------------- */

  .module .vl-col--12-12--l {
    flex-basis: 25%;
    max-width: 25%;
    min-width: 25%;
  }
}

/* ------ devices < 1440 px [lg] ---------------- DESKTOP ----------------------------------------------------- */

@media screen and (max-width: 1440px) {
  body,
  html {
    max-width: 100%;
    overflow-x: visible;
  }

  /* main navigation */

  .region-header li:nth-child(1) {
    display: none;
  }

  /* ------------------ Banner image  ------------------ */

  #block-govflanders-bannerafbeeldinghomepage {
    display: inherit;
  }
  #block-bannerafbeeldinghomepagesmartphone {
    display: none;
  }

  /* ------------------ TOC detailpagina ------------------ */

  .anb-margin-top-toc {
    margin-top: 7.3rem;
  }

  /* ------------------ footer navigation -------------- */

  .anb-footernav--col:nth-child(2) {
    border-left: none;
    margin-left: 0rem;
  }

  /* ------------------ ik wil module ------------- */

  .module .field__items .field__item {
    float: left;
    margin-right: 18px;
    margin-bottom: 0px;
  }
}

/* ------ devices < 1024 px [m] ---------------- IPAD LANDSCAPE ---------------------------------------------------------------- */

@media screen and (max-width: 1024px) and (orientation: landscape) {
  body,
  html {
    max-width: 100%;
    overflow-x: visible;
  }

  /* ------------------ layout > hamburger menu  -------- */

  .responsive-menus.responsified {
    width: 30%;
  }

  /* ------------------ layout > search block -------- */

  .vl-search {
    position: absolute;
    right: 1.2rem;
    top: -11px;
    z-index: 9999;
  }

  /* ------------------ Banner image  ------------------ */

  #block-govflanders-bannerafbeeldinghomepage {
    display: inherit;
  }
  #block-bannerafbeeldinghomepagesmartphone {
    display: none;
  }

  /* ------------------ TOC detailpagina ------------------ */

  .anb-margin-top-toc {
    margin-top: 7.3rem;
  }

  /* ------------------ ik wil module ------------- */

  .module .field__items .field__item {
    float: left;
    margin-right: 18px;
    margin-bottom: 0px;
  }
}

/* ------ devices < 1024 px [m] ---------------- IPAD PORTRAIT ----------------------------------------------------------------- */

@media screen and (max-width: 1024px) and (orientation: portrait) {
  body,
  html {
    max-width: 100%;
    overflow-x: visible;
  }

  /* ------------------ layout > hamburger menu  -------- */

  .responsive-menus.responsified {
    width: 36vw;
  }

  /* ------------------ Banner image  ------------------ */

  #block-govflanders-bannerafbeeldinghomepage {
    display: inherit;
  }
  #block-bannerafbeeldinghomepagesmartphone {
    display: none;
  }

  /* ------------------ layout > search block -------- */

  .vl-search {
    position: absolute;
    right: 1.2rem;
    top: -11px;
    z-index: 9999;
  }

  /* ------------------ TOC detailpagina ------------------ */

  .anb-margin-top-toc {
    margin-top: 7.3rem;
  }

  /* ------------------ footer navigation ------------- */

  .anb-footernav--col:nth-child(2) {
    margin-left: 3rem;
    padding-left: 2rem;
    border-left: 1px solid #ccc;
  }
  .anb-footernav--col {
    margin-bottom: 2rem;
  }

  /* ------------------ ik wil module ------------- */

  .module .field__items .field__item {
    float: left;
    margin-right: 18px;
    margin-bottom: 0px;
  }
}

/* ------ devices < 768 px [s] ----------------- IPHONE ---------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  /* ------------------ layout > hamburger menu  -------- */

  .responsive-menus.responsified {
    width: 45vw;
  }
  .responsive-menus.responsified.responsive-toggled.absolute
    .responsive-menus-simple {
    top: 5.1rem;
  }

  /* ------------------ layout > search block -------- */

  .vl-search {
    position: absolute;
    right: 1.2rem;
    top: -11px;
    z-index: 9999;
  }

  /* ------------------ Banner image  ------------------ */

  #block-govflanders-bannerafbeeldinghomepage {
    display: none;
  }
  #block-bannerafbeeldinghomepagesmartphone {
    display: inherit;
  }

  /* ------------------ margins & paddings ----------- */

  .vl-doormat {
    margin-bottom: 1.2rem;
    display: block;
  }

  .vl-grid--is-stacked {
    margin-top: 0rem;
  }

  /* ------------------  typography ------------------ */

  .vl-title--h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1;
    padding-bottom: 1.5rem;
    margin-top: 1rem;
  }
  .vl-title--h2 {
    font-size: 2rem;
    font-weight: 500;
  }

  .path-frontpage .vl-title--h1 {
    margin-bottom: 0rem;
    line-height: 3rem;
  }
  .path-frontpage .vl-title--h2 {
    margin-top: 0rem;
  }

  /* ------------------ TOC detailpagina ------------------ */

  .anb-margin-top-toc {
    margin-top: 5.2rem;
  }

  /* ------------------ search form ------------------ */

  .vl-button {
    padding: 0 2rem !important;
  }

  /* ------------------ footer navigation ------------ */

  .anb-footernav--col:nth-child(2) {
    margin-left: 3rem;
    padding-left: 2rem;
    border-left: 1px solid #ccc;
  }
  .anb-footernav--col {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
  /* ------------------ ik wil module ------------- */

  .module {
    display: none;
  }
}

/* ------ devices < 500 px [xs] ------------------ IPHONE PORTRAIT -------------------------------------------------------------- */

@media screen and (max-width: 500px) {
  body,
  html {
    max-width: 100%;
    overflow-x: hidden;
  }

  /* ------------------ layout > hamburger menu  -------- */

  .responsive-menus.responsified {
    width: 72vw;
  }
  .responsive-menus.responsified.responsive-toggled.absolute
    .responsive-menus-simple {
    top: 5.1rem;
  }

  /* ------------------ layout > breadcrumb  ------------ */

  .breadcrumb {
    line-height: 2rem;
  }

  /* ------------------ Banner image  ------------------ */

  #block-govflanders-bannerafbeeldinghomepage {
    display: none;
  }
  #block-bannerafbeeldinghomepagesmartphone {
    display: inherit;
  }

  /* ------------------ footer navigation --------------- */

  .anb-footernav--col:nth-child(2) {
    margin-left: 3rem;
    padding-left: 2rem;
    border-left: 1px solid #ccc;
  }

  /* ------------------ search page : simple pagination --------------- */

  .pager__item.pager__item--first,
  .pager__item.pager__item--previous,
  .pager__item.pager__item--next,
  .pager__item.pager__item--last {
    display: none;
  }
}

/* -------- Sticky TOC  -------- */

.layout-sidebar-second {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  align-self: flex-start;
  height: auto;
}