/*
 * Additions to the old theme (framework.min.css).
 * The old site got these from Concrete core and from packages that are
 * not in the backup (owl carousel, packery, zuiderlicht_utilities).
 */

/* Open Sans 400, self-hosted. The old site loaded only this weight from Google Fonts. */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/vendor/open-sans/open-sans-latin-ext-400-normal.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/vendor/open-sans/open-sans-latin-400-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* The theme CSS points at ../../img/pattern.svg, relative to its old folder. */
.ccm-page .global-footer__pattern {
  background-image: url('/images/brand/pattern.svg');
}

/* Concrete core: share this page, social links, page list */
.ccm-block-share-this-page ul.list-inline,
.ccm-block-social-links ul.list-inline {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.ccm-block-share-this-page ul.list-inline li,
.ccm-block-social-links ul.list-inline li {
  padding: 0;
  list-style-type: none;
  margin-right: 10px;
  display: inline-block;
}
div.ccm-block-page-list-wrapper {
  position: relative;
}

/* Hero slider: the structure Owl Carousel used to build */
.ccm-page .owl-carousel .owl-stage-outer,
.ccm-page .owl-carousel .owl-stage {
  position: relative;
  height: 100%;
}
.ccm-page .owl-carousel .owl-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
}
.ccm-page .owl-carousel .owl-item.active,
.ccm-page .owl-carousel .owl-item.owl-animated-out {
  visibility: visible;
}
.ccm-page .owl-carousel .owl-nav .owl-prev,
.ccm-page .owl-carousel .owl-nav .owl-next {
  cursor: pointer;
  z-index: 2;
}

/* Home news grid: packery placed 3 items per row with a 3% gutter */
.ccm-page .news__pages {
  display: flex;
  flex-wrap: wrap;
  column-gap: 3%;
  row-gap: 30px;
}
.ccm-page .news__filters label {
  cursor: pointer;
}