/* No media query for `xs` since this is the default in Bootstrap */


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

  #xbase-main-navigation-block a.nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  #xbase-masthead-title-text {
    font-size: var(--FONT-SIZE-TITLE-PRIMARY-NORMAL);
  }

  #xbase-main-navigation-block .dropdown-menu {
    margin-left: 0.5rem;
  }

  #block-nl-exply-theme-sub-bootstrap4-xbase-page-title h1 {
    font-size: var(--FONT-SIZE-TITLE-PRIMARY-LARGE);
  }

  #xbase-page-front-fixed-image-caption {
    margin: 40px auto 15px;
  }

  .carousel-caption .carousel-caption-title {
    font-size: var(--FONT-SIZE-TITLE-SECONDARY-LARGE);
  }

  .carousel-caption .carousel-caption-link {
    font-size: var(--FONT-SIZE-TITLE-SECONDARY-SMALL);
    padding: 5px 0;
    margin: 10px auto;
  }

  #xbase-main-content {
    padding: 10px 4px 0 4px;
  }

}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  #xbase-masthead-title-text {
    font-size: var(--FONT-SIZE-TITLE-PRIMARY-LARGE);
  }

  #xbase-page-front-fixed-image-caption {
    margin: 60px auto 20px;
  }

  #xbase-main-content {
    font-size: var(--FONT-SIZE-MAIN-PRIMARY-LARGE);
    padding: 20px 4px;
  }

  #block-nl-exply-theme-sub-bootstrap4-xbase-bjp-xbaserightsidebarblock {
    margin-top: 20px;
  }

  #xbase-colophon-block {
    flex-direction: row;
  }

}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  #xbase-masthead-title-text {
    font-size: var(--FONT-SIZE-TITLE-PRIMARY-NORMAL);
  }

  #xbase-main-navigation-block .navbar-nav li:hover .dropdown-menu {
    display: block;
  }

  .carousel-caption .carousel-caption-title {
    font-size: var(--FONT-SIZE-TITLE-SECONDARY-EXTRA-LARGE);
  }

  .carousel-caption .carousel-caption-link {
    font-size: var(--FONT-SIZE-TITLE-SECONDARY-NORMAL);
  }

  #carousel-front-page {
    margin-bottom: 20px;
  }

  body.xbase .sidebar-wrapper {
    margin-bottom: 20px;
    padding-left: 1.5rem;
  }

  #xbase-main-content {
    padding-right: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
  }

  #xbase-main-content img {
    margin-bottom: 20px;
  }

  #xbase-footer {
    font-size: var(--FONT-SIZE-FOOTER-PRIMARY-LARGE);
  }

}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  body.xbase .navbar {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  #xbase-masthead-title-text {
    font-size: var(--FONT-SIZE-TITLE-PRIMARY-LARGE);
  }

  .carousel-caption .carousel-caption-title {
    font-size: var(--FONT-SIZE-TITLE-SECONDARY-EXTREME);
  }

  .carousel-caption .carousel-caption-link {
    font-size: var(--FONT-SIZE-TITLE-SECONDARY-LARGE);
  }

}

@media (min-width: 1600px) {
  body.xbase .container {
    max-width: 1540px;
  }
}

@media (min-width: 1900px) {
  body.xbase .container {
    max-width: 1840px;
  }
}