/* ---------------------------------------- fonts */

/* Metropolis */

@font-face {
  font-family: Metropolis;
  font-weight: 400;
  src: url('https://dist.boregar.org/fonts/Metropolis/Metropolis-Regular.woff2') format("woff2");
}

@font-face {
  font-family: Metropolis;
  font-weight: 600;
  src: url('https://dist.boregar.org/fonts/Metropolis/Metropolis-SemiBold.woff2') format("woff2");
}

@font-face {
  font-family: Metropolis;
  font-weight: 700;
  src: url('https://dist.boregar.org/fonts/Metropolis/Metropolis-Bold.woff2') format("woff2");
}

/* Roboto */

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 100;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-Thin.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 100;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-ThinItalic.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-Light.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-LightItalic.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-Regular.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 400;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-Italic.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-Medium.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-MediumItalic.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-Bold.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 600;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-BoldItalic.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 900;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-Black.ttf') format("ttf");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 900;
  src: url('https://dist.boregar.org/fonts/Roboto/Roboto-BlackItalic.ttf') format("ttf");
}

/* ---------------------------------------- colors */

:root {
  color-scheme: only light;
}

body {
  --cm-color-gris-base: #d9d9d6;
  --cm-color-gris-medium: #93969a;
  --cm-color-gris-dark: #252d38;
  --cm-color-gris-dark-80: #252d38cc;
  --cm-color-gris-light: #dfdfe1;
  --cm-color-blanc-80: #ffffffd2;
  --cm-color-gris-doux: #f5f5f5;

  --cm-color-bleu: #0000ff;
  --cm-color-bleuclair: #66d1ff;
  --cm-color-bleunuit: #394f7e;

  --cm-color-violet: #5757c0;

  --cm-color-rose: #d93daf;
  --cm-color-rose-light: #ecc9b9;
  --cm-color-rose-medium: #d72998;
  --cm-color-rose-dark: #683369;

  --cm-color-orange: #efa95b;
  --cm-color-orange-light: #f3dd9a;
  --cm-color-orange-medium: #f39309;
  --cm-color-orange-dark: #7f4128;

  --nr-color-home-gris-bleu: #627274;

  --nr-color-mus-gris: #afaea9;
  --nr-color-mus-vert: #8a926b;
  --nr-color-mus-ocre: #e2dbc0;
  --nr-color-mus-brun: #636048;

  --nr-color-col-violet-light: #dfe4ea;
  --nr-color-col-violet-medium: #b8bed4;
  --nr-color-col-violet: #646688;

  --nr-color-vie-brun-light: #dbd6c7;
  --nr-color-vie-brun: #887d64;

  --nr-color-infos-bleu: #466175;

  --cm-color-boregar: #3988cb;

  --cm-font-body: Metropolis, sans-serif;
  --cm-font-body-weight: 400;
  --cm-font-title: Metropolis, sans-serif;
  --cm-font-title-weight: 600;

  --cm-radius: 1px;
}

/* ---------------------------------------- global */

html {
  scroll-behavior: smooth;
  color-scheme: only light;
}

@media screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
}

body {
  --bulma-body-family: var(--cm-font-body);
  --bulma-body-weight: var(--cm-font-body-weight);
  --bulma-radius: var(--cm-radius);
  --bulma-radius-small: var(--cm-radius);
  --bulma-radius-medium: var(--cm-radius);
  --bulma-radius-large: var(--cm-radius);
  --bulma-control-radius: var(--cm-radius);
  --bulma-link: var(--cm-color-boregar);
  --bulma-link-text: var(--cm-color-boregar);
  font-family: var(--cm-font-body);
  font-weight: var(--cm-font-body-weight);
}

.bulma-card {
  --bulma-card-radius: var(--cm-radius);
}

h1, h2, h3, h4, h5, h6,
dt,
.bulma-title,
#cm-menu {
  font-family: var(--cm-font-title);
  font-weight: var(--cm-font-title-weight);
  text-transform: uppercase;
}

.kint-rich dt {
  text-transform: none;
}

h1, h2, h3, h4, h5, h6 {
  /*font-size: revert !important;*/
  font-weight: var(--cm-font-title-weight) !important;
}
/*
#cm-menu {
  font-size: larger;
}
*/
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.cm-oneline {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.cm-is-gris-doux {
  background-color: var(--cm-color-gris-doux);
}

.cm-is-gris-dark {
  background-color: var(--cm-color-gris-dark);
}

.cm-is-gris-medium {
  background-color: var(--cm-color-gris-medium);
}

.cm-is-gris-bleu {
  background-color: var(--nr-color-home-gris-bleu);
}

.cm-is-ocre {
  background-color: var(--nr-color-mus-ocre);
}

.cm-has-color-brun {
  --cm-color-gris-doux: var(--nr-color-vie-brun-light);
  --cm-color-gris-dark: var(--nr-color-vie-brun);
}

.cm-has-color-violet {
  --cm-color-gris-doux: var(--nr-color-col-violet-light);
  --cm-color-gris-dark: var(--nr-color-col-violet);
}

.cm-is-spaced {
  letter-spacing: 2px;
}

.cm-is-rounded {
  border-radius: var(--cm-radius);
}

.cm-is-inline-flex {
  display: inline-flex;
}

.cm-is-dark-block p,
.cm-is-dark-block h2,
.cm-is-dark-block .bulma-title,
.cm-is-dark-block .bulma-subtitle {
  color: white !important;
}

.cm-is-dark-block .bulma-button.bulma-is-outlined:hover {
  background-color: white;
  color: var(--nr-color-infos-bleu);
  --bulma-button-border-width: max(1px, 0.0625em);
}

.cm-is-on-top {
  z-index: 1;
}

/* ---------------------------------------- corrections Bulma */

h2.is-size-2 {
  line-height: 1.2;
}

p:not(:last-child) {
  margin-bottom: revert;
}

.bulma-is-transparent {
  background-color: transparent;
}

.bulma-navbar-item.bulma-has-dropdown {
  padding: 0.5rem 0.75rem;
}

.timeline {
  display: flex;
  flex-direction: column;
  font-size: smaller;
}

.timeline .timeline-item::before {
  content: "";
  background-color: #dbdbdb;
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: -.5px;
  top: 0;
}

.has-text-centered .timeline-content {
  text-align: initial;
}

.timeline-heading {
  display: block;
  font-size: 0.75rem;
  letter-spacing: 1px;
  margin-bottom: 0.25rem !important;
  text-transform: uppercase;
  font-weight: 600;
}

/* ---------------------------------------- corrections Omeka */

.page-layout-normal .block {
  margin: 1rem auto;
}

.page-layout-normal .block:last-of-type {
  margin-bottom: 0;
}

.page-layout-normal .block.bulma-hero, .page-layout-normal .block.bulma-section {
  margin: 0 auto;
}

/* ---------------------------------------- icônes recherche / close */

#cm-search-icon {
  position: absolute;
  top: 1rem;
  right: 2rem;
  width: 3rem;
  height: 3rem;
  padding: 0.25rem;
  margin-left: 3rem;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18.8'%3e %3cpath fill='%233988cb' d='M17.8,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e");
  outline: none;
  cursor: pointer;
  border: none;
  transition: 0.2s;
}

header.cm-stick #cm-search-icon {
  position: relative;
  top: 0.25rem;
  width: 2.5rem;
}

@media screen and (max-width: 1023px) {
  #cm-search-icon {
    display: none;
  }
}

/* ---------------------------------------- overlays */

overlay {
  height: 100%;
  width: 100%;
  padding: 0;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.85);
}

/* overlay recherche */

overlay.search {
  z-index: 1001;
  align-items: center;
  justify-content: center;
}

overlay.search.is-active {
  display: flex;
  pointer-events: all;
}

.ui-autocomplete.ui-front.search-api-autocomplete-search {
  z-index: 1002;
}

.bulma-message a {
  color: var(--bulma-link) !important;
  text-decoration: none !important;
}

/* overlay spinner */

overlay.spinner {
  z-index: 1003;
}

@keyframes cm-spinner {
  to {
    transform: rotate(360deg);
  }
}

overlay.spinner.is-active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.8;
}

overlay.spinner.is-active::after {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: cm-spinner .6s linear infinite;
  z-index: 1000;
  overflow: hidden;
}

overlay.spinner.is-active {
  display: block;
  /*background: white;*/
  filter: opacity(0.5);
  pointer-events: all;
  cursor: progress;
}

/* ---------------------------------------- back to top */

a.back-to-top {
  position: fixed;
  z-index: 999;
  right: 2rem;
  bottom: 2rem;
  font-size: 4rem;
  opacity: 0;
  transition: opacity 0.5s;
}

a.back-to-top:hover {
  opacity: 1;
}

a.back-to-top:focus {
  outline: none;
}

/* ---------------------------------------- identité du site */

header {
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  position: sticky;
  top: 0;
  margin-top: -1px;
  width: 100%;
  z-index: 101;
}

header .region-header {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
}

header .bulma-navbar {
  height: 100%;
  align-items: end;
}

#cm-branding {
  margin-bottom: unset;
}

#cm-branding .bulma-navbar-brand .bulma-navbar-item {
  padding: 0;
}

#cm-logo {
  font-size: 0;
  padding: 0;
  background-color: black;
}

#cm-logo img {
  max-height: 7rem;
  transition: 0.2s;
}

header.cm-stick #cm-logo img {
  max-height: 3.5rem;
}

.bulma-navbar-menu {
  font-weight: bold;
  text-transform: uppercase;
}

@media screen and (max-width: 1023px) {
  .bulma-navbar-menu {
    background-color: var(--cm-color-gris-doux) !important;
  }
  .bulma-navbar-dropdown .bulma-navbar-item {
    background-color: var(--cm-color-gris-doux) !important;
  }
}

.bulma-navbar-dropdown {
  --bulma-navbar-dropdown-border-style: none;
}

a.bulma-navbar-item:hover,
.bulma-navbar-item a.bulma-navbar-link:hover {
  color: var(--cm-color-boregar) !important;
}

.bulma-navbar-dropdown .bulma-navbar-item:hover {
  color: var(--cm-color-boregar) !important;
}

.bulma-navbar-item a.bulma-navbar-link.is-active {
  color: var(--cm-color-boregar) !important;
  background-color: var(--cm-color-gris-doux) !important;
}
/*
.bulma-breadcrumb {
  font-family: Bellota, serif;
  font-weight: bold;
}
*/

/* ---------------------------------------- fil d'ariane */

nav.breadcrumbs {
  position: absolute;
  z-index: 1;
  background: #ffffffab;
  padding: 1rem;
  font-weight: 600;
  border-radius: 0 0 2px 0;
}


/* ---------------------------------------- contenu principal */

#content {
}

/* ---------------------------------------- hero */

.bulma-hero .bulma-title {
  font-size: 5rem;
  font-weight: 700;
}

.bulma-hero .bulma-subtitle {
  font-size: 2.5rem;
}

.bulma-hero-body {
  flex-grow: 0;
}

.cm-enlum img {
  width: 4rem;
  filter: opacity(.1);
}

@media screen and (max-width: 40rem) {
  .bulma-hero .bulma-title {
    font-size: 3.5rem;
  }
  .bulma-hero .bulma-subtitle {
    font-size: 2rem;
  }
}

/* ---------------------------------------- liste de ressources > galerie flickity */

.flickity-button:focus,
.flickity-page-dot:focus {
  box-shadow: none;
}

.flickity-page-dot {
  background-color: var(--cm-color-gris-doux);
}

.flickity-page-dot.is-selected {
  background-color: var(--cm-color-gris-dark);
}

.flickity-button-icon {
  fill: var(--cm-color-gris-dark);
}

.resource-list.cm-flk-block {
  margin: 4rem 0;
  padding-bottom: 4rem;
}

.resource-list.cm-flk-block .flickity-viewport {
  overflow: visible;
}

.resource-list.cm-flk-block .resource {
  display: grid;
  grid-template-columns: 40rem;
  grid-template-rows: min-content 1fr;
  width: 40rem;
  max-width: 100%;
}

.resource-list.cm-flk-block .resource:nth-child(n+1) {
  top: 2.5rem;
}

.resource-list.cm-flk-block .resource:nth-child(2n+1) {
  top: -2.5rem;
}

.resource-list.cm-flk-block .resource:nth-child(3n+1) {
  top: 0;
}

.resource-list.cm-flk-block .resource .cm-item-img {
  grid-column: 1;
  grid-row: 1;
}

.resource-list.cm-flk-block .resource img {
  border-radius: var(--cm-radius);
  object-fit: cover;
  width: 42rem;
  height: 28rem;
  max-width: unset;
  margin-left: -1rem;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.resource-list.cm-flk-block .resource .cm-item-title {
  grid-column: 1;
  grid-row: 2;
  justify-self: center;
  max-width: 42rem;
}

/* ---------------------------------------- listes de ressources > galerie flickity media-objects */

.cm-flk-block.cm-hcards {
  width: 100%;
  margin: 0;
  padding: 0;
}

.cm-flk-block.cm-hcards .cm-flk-cell {
  width: 28rem;
  height: 12rem;
  margin: 1rem;
  background-color: var(--cm-color-gris-doux);
  color: var(--cm-color-gris-dark);
  display: grid;
  grid-template-columns: 12rem 1fr;
}

.cm-flk-block.cm-hcards .cm-flk-cell.resource-class-event.cm-is-past {
  filter: opacity(.25);
}

.cm-flk-block.cm-hcards .cm-flk-cell.resource-class-event.cm-is-past:hover {
  filter: opacity(1);
}

.cm-flk-block.cm-hcards .cm-flk-cell .cm-item-media {
  grid-column: 1;
  grid-row: 1;
  filter: brightness(.98);
  overflow: hidden;
}

.cm-flk-block.cm-hcards .cm-flk-cell .cm-item-media img {
  border-radius: var(--cm-radius);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cm-flk-block.cm-hcards .cm-flk-cell .cm-item-content {
  grid-row: 1;
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr min-content;
}

.cm-flk-block.cm-hcards .flickity-button:disabled {
  display: none;
}

/* ---------------------------------------- listes de ressources > twinsets */

.cm-twinset-block li.item-set {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 1fr;
}

.cm-twinset-media {
  grid-row: 1;
  grid-column: 1;
}

.cm-twinset-data {
  grid-row: 1;
  grid-column: 2;
  background-color: var(--cm-color-gris-doux);
  margin: 1rem 2em;
  padding: 2rem;
  display: grid;
  align-content: center;
}

.cm-twinset-block li.item-set:nth-child(2n) .cm-twinset-media {
  grid-column: 2;
}
.cm-twinset-block li.item-set:nth-child(2n) .cm-twinset-data {
  grid-column: 1;
}

@media screen and (max-width: 32em) {
  .cm-twinset-block li.item-set {
    grid-template-columns: 100%;
    grid-template-rows: 1fr;
  }
  .cm-twinset-media {
    grid-row: 1;
    grid-column: 1;
  }
  .cm-twinset-data {
    grid-row: 2;
    grid-column: 1;
    background-color: var(--nr-color-col-violet-light);
    margin: 1rem 2em;
    padding: 2rem;
    display: grid;
    align-content: center;
  }
  .cm-twinset-block li.item-set:nth-child(2n) .cm-twinset-media {
    grid-column: 1;
  }
  .cm-twinset-block li.item-set:nth-child(2n) .cm-twinset-data {
    grid-column: 1;
  }
}

/* ---------------------------------------- listes de ressources > galerie isotope */

.cm-iso-block {
  max-width: calc(100% - 32px);
  margin: auto;
}

.cm-iso-sizer-50 {
  width: 50%;
}

.cm-iso-sizer-33 {
  width: 33%;
}

.cm-iso-sizer-25 {
  width: 25%;
}
.cm-iso-block.cm-view-grid .cm-iso-sizer-25 {
  width: 12.5%;
}
.cm-iso-block.cm-view-list .cm-iso-sizer-25 {
  width: 50%;
}
.cm-iso-block.cm-view-twinset .cm-iso-sizer-25 {
  width: 33%;
}

.cm-iso-block .cm-iso-cell,
.cm-iso-block.cm-view-cards .cm-iso-cell {
  width: calc(25% - 2rem);
  margin: 1rem;
}

.cm-iso-block.cm-view-grid .cm-iso-cell {
  width: calc(12.5% - 2rem);
  margin: 1rem;
}
.cm-iso-block.cm-view-grid .cm-iso-cell .bulma-card-content {
  display: none;
}

.cm-iso-block.cm-view-list .cm-iso-cell {
  width: calc(50% - 2rem);
  margin: 1rem;
  display: grid;
  grid-template-columns: 8rem auto;
}

.cm-iso-block.cm-view-twinset .cm-iso-cell {
  width: calc(33% - 2rem);
  margin: 1rem;
}
.cm-iso-block.cm-view-twinset .cm-iso-cell .bulma-card-content {
  display: none;
}

.cm-iso-block.cm-view-grid .cm-iso-cell:not(.cm-iso-wide) .cm-item-img img:hover {
  filter: sepia(.2) brightness(1.2);
}

.cm-iso-block .cm-iso-cell.cm-iso-wide {
  width: calc(50% - 2rem);
  margin: 1rem;
}

.cm-iso-block.cm-view-grid .cm-iso-cell.cm-iso-wide {
  width: calc(25% - 2rem);
  margin: 1rem;
}
.cm-iso-block.cm-view-grid .cm-iso-cell.cm-iso-wide .bulma-card-content {
  display: block;
}

.cm-iso-block .cm-item-img {
  display: grid;  /* corrige le bug d'origine inconnue qui ajoute un espace vide de 7.25px de haut en-dessous de l'image */
}

.cm-iso-block .cm-item-img img {
  width: 100%;
}

.cm-iso-block.cm-view-grid .cm-iso-cell .cm-item-img img {
  cursor: zoom-in;
}
.cm-iso-block.cm-view-grid .cm-iso-cell.cm-iso-wide .cm-item-img img {
  cursor: zoom-out;
}

.cm-iso-block.cm-view-list .cm-item-img img {
  width: 8rem;
  height: 8rem;
  object-fit: cover;
}

@media screen and (max-width: 76em) {
  .cm-iso-sizer-25 {
    width: 33%;
  }
  .cm-iso-block .cm-iso-cell,
  .cm-iso-block.cm-view-cards .cm-iso-cell {
    width: calc(33% - 2rem);
  }
  .cm-iso-block .cm-iso-cell.cm-iso-wide {
    width: calc(66% - 2rem);
  }
  .cm-iso-block.cm-view-grid .cm-iso-sizer-25 {
    width: 16%;
  }
  .cm-iso-block.cm-view-grid .cm-iso-cell {
    width: calc(16% - 2rem);
  }
  .cm-iso-block.cm-view-grid .cm-iso-cell.cm-iso-wide {
    width: calc(32% - 2rem);
  }
  .cm-iso-block.cm-view-list .cm-iso-sizer-25 {
    width: 100%;
  }
  .cm-iso-block.cm-view-list .cm-iso-cell {
    width: calc(100% - 2rem);
  }
}

@media screen and (max-width: 56em) {
  .cm-iso-sizer-25 {
    width: 50%;
  }
  .cm-iso-block .cm-iso-cell,
  .cm-iso-block.cm-view-cards .cm-iso-cell {
    width: calc(50% - 2rem);
  }
  .cm-iso-block .cm-iso-cell.cm-iso-wide {
    width: calc(100% - 2rem);
  }
  .cm-iso-block.cm-view-grid .cm-iso-sizer-25 {
    width: 25%;
  }
  .cm-iso-block.cm-view-grid .cm-iso-cell {
    width: calc(25% - 2rem);
  }
  .cm-iso-block.cm-view-grid .cm-iso-cell.cm-iso-wide {
    width: calc(50% - 2rem);
  }
}

@media screen and (max-width: 30em) {
  .cm-iso-sizer-25 {
    width: 100%;
  }
  .cm-iso-block .cm-iso-cell,
  .cm-iso-block.cm-view-cards .cm-iso-cell,
  .cm-iso-block .cm-iso-cell.cm-iso-wide {
    width: calc(100% - 2rem);
  }
  .cm-iso-block.cm-view-grid .cm-iso-sizer-25 {
    width: 25%;
  }
  .cm-iso-block.cm-view-grid .cm-iso-cell {
    width: calc(25% - 2rem);
  }
  .cm-iso-block.cm-view-grid .cm-iso-cell.cm-iso-wide {
    width: calc(50% - 2rem);
  }
}

/* ---------------------------------------- item */

.field-term {
  text-transform: none;
  color: var(--bulma-grey-light);
  letter-spacing: normal;
  font-weight: normal;
  font-size: smaller;
}

.cm-item-header {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
  overflow: hidden;
}

.cm-item-nav {
  display: grid;
  justify-content: center;
  gap: 1rem;
  grid-template-columns: repeat(3, auto);
}

.cm-item-nav a.resource-link {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cm-item-nav a.resource-link img {
  grid-column: 1;
  grid-row: 1;
  transition: .2s;
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
  filter: contrast(1) brightness(0.9);
}

.cm-item-nav a.resource-link .resource-name {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  align-self: center;
  text-align: center;
  filter: opacity(0);
  color: white;
  padding: .5rem;
  line-height: normal;
}

.cm-item-nav .cm-item-previous a.resource-link .resource-name {
  justify-self: right;
  text-align: right;
}

.cm-item-nav .cm-item-next a.resource-link .resource-name {
  justify-self: left;
  text-align: left;
}

.cm-item-nav > div {
  width: 8rem;
  height: 8rem;
  background-color: var(--cm-color-gris-doux);
}

@media screen and (max-width: 40em) {
  .cm-item-nav > div {
    width: 6rem;
    height: 6rem;
  }
}

.cm-item-nav > div:hover {
  filter: opacity(1);
}

.cm-item-nav > div:hover img {
  filter: contrast(0.6) brightness(0.6);
}

.cm-item-nav > div:hover .resource-name {
  filter: opacity(1);
}

.cm-item-nav .cm-item-previous {
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
  filter: opacity(.4);
}

.cm-item-nav .cm-item-next {
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  filter: opacity(.4);
}

.cm-item-viewer {
  height: 100vh;
  display: block;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.2s;
}

.cm-item-viewer.is-active {
  opacity: 1;
  z-index: 1000;
}

.cm-item-viewer .lg-backdrop {
  background-color: var(--cm-color-gris-doux);
}

.cm-item-viewer .openseadragon {
  height: 100%;
  width: 100%;
  line-height: 0;
  position: relative;
  background-color: #f9fcf9;
  border: 1px solid var(--cm-color-gris-base);
  border-radius: 3px;
  cursor: grab;
}
@media screen and (max-width: 72em) {
  .cm-item-viewer .openseadragon {
    width: 100%;
    margin: auto;
  }
}

.cm-item-viewer .openseadragon.is-active {
  min-height: 44rem;
}

.cm-item-viewer .cm-mirador {
  height: 100%;
  min-height: 44rem;
  width: 100%;
  line-height: 0;
  position: relative;
}

.cm-properties dl {
  margin-bottom: 1rem;
}

.cm-properties dl .property {
  display: grid;
  grid-template-columns: 38% auto;
  grid-column-gap: 2rem;
  margin-bottom: 1rem;
}

body.browse .cm-properties dl .property {
  grid-template-columns: 50% 50%;
}

.cm-properties dl .property:last-of-type {
  margin-bottom: 0;
}

.cm-properties dl .property dt {
  grid-column: 1;
  text-align: right;
  display: flex;
  flex-direction: column;
}

.cm-properties dl .property dd {
  grid-column: 2;
}

.cm-properties dl .property dd a.resource-link span {
  display: block;
}

@media screen and (max-width: 40rem) {
  .cm-properties dl .property {
    display: block;
  }
  .cm-properties dl .property dt {
    text-align: left;
  }
}

.cm-properties dl.media-list dd {
  display: grid;
  grid-template-columns: 2rem 1fr;
  column-gap: .5rem;
  margin-bottom: .5rem;
}

.cm-properties dl.media-list dd .cm-media-thumbnail {
  background-size: cover;
}

.cm-properties dl.media-list dd .cm-media-type {
  margin-left: .5rem;
}

.cm-properties dl.media-list a.resource-link {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.media-list.cm-flk-block {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.media-list.cm-flk-block .property dt {
  display: none;
}

.media-list.cm-flk-block .cm-flk-cell {
  width: 100%;
  height: 100%;
}

.media-list.cm-flk-block .cm-flk-cell a.resource-link {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: zoom-in;
}

.media-list.cm-flk-block .cm-flk-cell a.resource-link img {
  grid-column: 1;
  grid-row: 1;
  transition: .2s;
  width: 100%;
  height: 60vh;
  max-width: unset;
  object-fit: cover;
  filter: contrast(.6) brightness(.4);
}

.media-list.cm-flk-block .cm-flk-cell a.resource-link .resource-name {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  align-self: center;
  color: white;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: var(--cm-font-title-weight);
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
  max-width: 48rem;
  z-index: 1;
}

.media-list.cm-flk-block .flickity-button:disabled {
  display: none;
}

.media-list.cm-flk-block .flickity-page-dots {
  display: none;
  bottom: 2rem;
  z-index: 2;
}
.media-list.cm-flk-block .flickity-page-dots .flickity-page-dot {
  width: 1rem;
  height: 1rem;
  opacity: 1;
  background: var(--cm-color-gris-dark-80);
  border: 2px solid var(--cm-color-gris-dark-80);
}
.media-list.cm-flk-block .flickity-page-dots .flickity-page-dot.is-selected {
  background: var(--cm-color-gris-doux);
}

.media-list .cm-fade-bottom {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 8rem;
  z-index: 1;
  background-image: linear-gradient(transparent, rgba(255,255,255,.3), rgba(255,255,255,.6), rgba(255,255,255,.9), white);
  background-repeat: no-repeat;
}

.cm-item-footer {
  background-color: var(--cm-color-gris-dark-80);
  color: white;
  padding-bottom: 4rem;
}

/* ---------------------------------------- page */

.cm-page-header {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position-x: center;
  background-position-y: 40%;
  height: calc(100vh - 20rem);
  min-height: 40rem;
  overflow: hidden;
  justify-content: center;
}

.cm-page-header.cm-has-filter {
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
  background-size: auto, cover;
}

.cm-page-header.block-layout-background-image-position-x-left {
  background-position-x: left;
}
.cm-page-header.block-layout-background-image-position-x-center {
  background-position-x: center;
}
.cm-page-header.block-layout-background-image-position-x-right {
  background-position-x: right;
}

.cm-page-header.block-layout-background-image-position-y-top {
  background-position-y: top;
}
.cm-page-header.block-layout-background-image-position-y-center {
  background-position-y: center;
}
.cm-page-header.block-layout-background-image-position-y-bottom {
  background-position-y: bottom;
}

.cm-page-header.cm-is-light-block {
  background-color: var(--nr-color-col-violet-light);
  background-blend-mode: screen;
}

@media screen and (max-width: 48rem) {
  .cm-page-header {
    height: 48rem !important;
    min-height: unset;
  }
}

.cm-page-main dl {
  display: grid;
  grid-template-columns: 24% auto;
  grid-column-gap: 2rem;
}

.cm-page-main dl dt {
  grid-column: 1;
  text-align: right;
  display: flex;
  flex-direction: column;
}

.cm-page-main dl dd {
  grid-column: 2;
  margin-bottom: 2rem;
}

.cm-page-main dl dd:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 40rem) {
  .cm-page-main dl {
    display: block;
  }
  .cm-page-main dl dt {
    text-align: left;
    margin-bottom: .5rem;
  }
}

.slider-home.cm-flk-block {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.slider-home.cm-flk-block .cm-flk-cell {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 38%;
  grid-template-rows: 100%;
  background-color: var(--cm-color-gris-doux);
}

.slider-home.cm-flk-block .cm-flk-cell:nth-child(3n) {
  background-color: var(--cm-color-gris-dark);
  color: white;
}

.slider-home.cm-flk-block .cm-flk-cell:nth-child(3n) .bulma-title {
  color: white;
}

.slider-home.cm-flk-block .cm-flk-cell .cm-item-media {
  grid-column: 1;
  width: 100%;
  height: 100%;
}

.slider-home.cm-flk-block .cm-flk-cell .cm-item-media a.resource-link {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  width: 100%;
  height: 100%;
}

.slider-home.cm-flk-block .cm-flk-cell .cm-item-media a.resource-link img {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  max-width: unset;
  object-fit: cover;
  object-position: 50% 50%;
}

.slider-home.cm-flk-block .cm-flk-cell .cm-item-media a.resource-link .resource-name {
  display: none;
}

.slider-home.cm-flk-block .cm-flk-cell .cm-item-content {
  padding: .5rem .5rem .5rem 1rem;
  grid-column: 2;
  justify-self: center;
  align-self: center;
}

.slider-home.cm-flk-block .flickity-button:disabled {
  display: none;
}

.slider-home.cm-flk-block .flickity-page-dots .flickity-page-dot {
  background: white;
}

.block.browse-flk,
.block.browse-hcards {
  overflow: hidden;   /* empêche le slider de dépasser la largeur de l'écran sur un smartphone */
}

@media screen and (max-width: 48em) {
  .slider-home.cm-flk-block .cm-flk-cell {
    grid-template-columns: 100%;
    grid-template-rows: 20rem 28rem;
  }
  .slider-home.cm-flk-block .cm-flk-cell .cm-item-media {
    grid-column: 1;
    grid-row: 1;
  }
  .slider-home.cm-flk-block .cm-flk-cell .cm-item-content {
    grid-column: 1;
    grid-row: 2;
  }
}

.block.browse-blog li {
  display: grid;
  grid-template-columns: 8rem 1fr;
}

.block.browse-blog .cm-item-media {
  grid-row: 1;
  grid-column: 1;
  filter: brightness(.98);
}

.block.browse-blog .cm-item-media img {
  border-radius: var(--cm-radius);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.block.browse-blog .cm-item-content {
  grid-row: 1;
  grid-column: 2;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr min-content;
}

.block.browse-blog .cm-item-date {
  color: var(--nr-color-col-violet-medium);
}

.block.browse-blog .level-item {
  color: var(--nr-color-col-violet-medium);
}

.block.browse-accordion .bulma-tabs li:not(.bulma-is-active) .bulma-title {
  color: var(--cm-color-gris-medium);
}

.block.browse-accordion ul.resource-list > li {
  display: grid;
  grid-template-columns: 5rem 1fr 1fr;
  grid-template-rows: min-content auto auto;
  column-gap: 1rem;
  margin-top: 0.5rem;
  overflow: hidden;
}

.block.browse-accordion ul.resource-list > li:hover,
.block.browse-accordion ul.resource-list > li.is-active {
  background: var(--nr-color-vie-brun-light);
}

.block.browse-accordion ul.resource-list > li .cm-item-thumbnail {
  grid-column: 1;
  grid-row: 1;
  background-size: cover;
}

.block.browse-accordion ul.resource-list > li .cm-item-date-titre {
  grid-column: 2 / 4;
  grid-row: 1;
  padding: 1rem 0 0.5rem 0;
  color: var(--nr-color-vie-brun);
}

.block.browse-accordion ul.resource-list > li .cm-item-date-titre .field-content {
  position: relative;
  cursor: pointer;
}

.block.browse-accordion ul.resource-list > li .cm-item-date-titre .field-content::after {
  content: '\002B';
  font-weight: bold;
  font-size: 2rem;
  margin-left: 0.5rem;
  transition: 0.2s;
  position: absolute;
  right: 0;
  top: calc(50% - 1.5rem);
}

.block.browse-accordion ul.resource-list > li.is-active .cm-item-date-titre .field-content::after {
  content: '\2212';
}

.block.browse-accordion ul.resource-list > li .cm-item-date-titre .cm-item-title {
  display: inline-block;
  width: calc(100% - 2rem);
}

.block.browse-accordion ul.resource-list > li .cm-item-date-titre .cm-item-template {
  font-weight: bold;
}

.block.browse-accordion ul.resource-list > li .cm-item-text {
  grid-column: 1 / 3;
  grid-row: 2;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: 0.4s;
  font-weight: 300;
}

.block.browse-accordion ul.resource-list > li.is-active .cm-item-text {
  max-height: unset;
  padding: 3rem 1rem 2rem 0;
}

.block.browse-accordion ul.resource-list > li .cm-item-media {
  grid-column: 3;
  grid-row: 2;
  text-align: center;
  display: flex;
  padding: 0;
  max-height: 0;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transition: 0.2s;
}

.block.browse-accordion ul.resource-list > li.is-active .cm-item-media {
  max-height: unset;
  padding: 2rem;
}

.block.browse-accordion ul.resource-list > li .cm-item-media img {
  object-fit: contain;
  width: calc(100% - 4rem);
  height: auto;
}

.block.browse-accordion ul.resource-list > li .cm-item-linked {
  grid-column: 1 / 4;
  grid-row: 3;
  border-right: 0.07rem solid var(--color-gris-dark);
  max-height: 0;
  overflow: hidden;
  transition: 0.4s;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  color: var(--nr-color-vie-brun);
}

.block.browse-accordion ul.resource-list > li.is-active .cm-item-linked {
  max-height: unset;
  padding: 0 1rem 0 0;
}

.block.browse-accordion ul.resource-list > li .cm-item-linked ul > li {
  display: grid;
  grid-template-columns: 2rem 1fr;
  column-gap: .5rem;
  padding-top: .5rem;
}

.block.browse-accordion ul.resource-list > li .cm-item-linked ul > li .cm-item-thumbnail {
  background-size: cover;
}

.block.browse-accordion ul.resource-list > li .cm-item-linked ul > li .cm-item-class {
  margin-left: .5rem;
}

@media screen and (max-width: 48em) {
  .block.browse-accordion ul.resource-list > li {
    grid-template-columns: 5rem 1fr;
  }
  .block.browse-accordion ul.resource-list > li .cm-item-date-titre {
    grid-column: 2;
    grid-row: 1;
  }
  .block.browse-accordion ul.resource-list > li .cm-item-text {
    grid-column: 1 / 3;
    grid-row: 3;
  }
  .block.browse-accordion ul.resource-list > li.is-active .cm-item-text {
    padding: 1rem 0;
  }
  .block.browse-accordion ul.resource-list > li .cm-item-media {
    grid-column: 1 / 3;
    grid-row: 2;
  }
  .block.browse-accordion ul.resource-list > li.is-active .cm-item-media {
    padding: 2rem 0;
  }
  .block.browse-accordion ul.resource-list > li .cm-item-linked {
    grid-column: 1 / 3;
    grid-row: 4;
  }
  .block.browse-accordion ul.resource-list > li .cm-item-linked ul > li .cm-item-class {
    margin-left: 0;
    display: block;
  }
}

.cm-grid-50-50 {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 2rem;
}

.cm-grid-38-62 {
  display: grid;
  grid-template-columns: 38% 62%;
  grid-gap: 2rem;
}

.cm-grid-38-62 > .block:first-of-type {
  margin: 2.5rem 0 1.5rem 0;
  align-self: normal;
  display: grid;
  align-items: center;
}

.cm-grid-50-50 .block,
.cm-grid-38-62 .block {
  margin: 1rem 0;
  align-self: center;
}

@media screen and (max-width: 48em) {
  .cm-grid-50-50,
  .cm-grid-38-62 {
    display: block;
  }
  .cm-grid-50-50 .block,
  .cm-grid-38-62 .block {
    margin: 1rem auto;
  }
  .cm-grid-38-62 > .block:first-of-type {
    margin: revert;
    padding-top: 3rem;
  }
}

.cm-text-2-cols {
  column-count: 2;
}

.cm-text-2-cols p {
  margin-bottom: 1.45rem;
}

@media screen and (max-width: 48em) {
  .cm-text-2-cols {
    column-count: 1;
  }
  .cm-text-2-cols p {
    margin-bottom: revert;
  }
}

/* ---------------------------------------- filtres / facettes */

.cm-search-filters .cm-facets {
  max-height: 0;
  overflow: hidden;
  gap: 1rem;
  transition: 0.4s;
}

.cm-search-filters.is-active .cm-facets {
  max-height: unset;
}

.cm-facet {
  border: 1px solid var(--cm-color-gris-light);
  border-radius: 1px;
}

.cm-facet-label {
  padding-left: 0.5rem;
}

.cm-facet > ul {
  flex-direction: column;
  max-height: 20rem;
  flex-wrap: nowrap;
  overflow-y: scroll;
  background-color: var(--cm-color-gris-doux);
  padding: .5rem;
}

.cm-facet > ul > li > label {
  cursor: pointer;
}

.cm-search-buttons,
.cm-search-submit,
.cm-search-reset {
  display: none;
}

.cm-search-buttons.is-active,
.cm-search-submit.is-active,
.cm-search-reset.is-active {
  display: flex;
}

/* ---------------------------------------- contrôles / pagination */

.cm-search-header .bulma-button {
  width: 2.75rem;
}

.cm-search-header .bulma-button.is-active {
  background-color: var(--cm-color-boregar);
  color: white;
  border-color: var(--cm-color-boregar);
  z-index: 1;
}

.cm-search-header .bulma-buttons .bulma-button:first-of-type {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: 0.5rem;
}

.cm-search-header .bulma-buttons .bulma-button:last-of-type {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: 0.5rem;
}

.bulma-pagination-link {
  background-color: white;
}

.bulma-pagination-link.is-active {
  background-color: var(--cm-color-boregar);
  color: white;
  border-color: var(--cm-color-boregar);
}

.bulma-pagination-list li:first-of-type .bulma-pagination-link {
  border-top-left-radius: .5rem;
  border-bottom-left-radius: 0.5rem;
}

.bulma-pagination-list li:last-of-type .bulma-pagination-link {
  border-top-right-radius: .5rem;
  border-bottom-right-radius: 0.5rem;
}

/* ---------------------------------------- dividers */

.cm-divider {
  height: min(10vw, 8rem);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.cm-divider-4-t {
  height: min(40vw, 32rem);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.cm-divider-dot-rect-vert {
  height: 2rem;
  background-image: url('/themes/papyrus/asset/img/dividers/dot-rect-vert.svg');
  background-repeat: repeat no-repeat;
  background-position: center;
}

.cm-divider-dot-rect-brun {
  height: 2rem;
  background-image: url('/themes/papyrus/asset/img/dividers/dot-rect-brun.svg');
  background-repeat: repeat no-repeat;
  background-position: center;
}

.cm-divider-dot-rect-bleu {
  height: 2rem;
  background-image: url('/themes/papyrus/asset/img/dividers/dot-rect-bleu.svg');
  background-repeat: repeat no-repeat;
  background-position: center;
}

/* ---------------------------------------- timeline */

.cm-timeline .timeline-header {
  background-color: var(--nr-color-mus-ocre);
  clip-path: polygon(.5rem 0, calc(100% - .5rem) 0, 100% .5rem, 100% calc(100% - .5rem), calc(100% - .5rem) 100%, .5rem 100%, 0 calc(100% - .5rem), 0 .5rem);
  font-size: 1rem;
  padding: .5rem;
}

.cm-timeline .timeline .timeline-item {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.cm-timeline .timeline .timeline-item:nth-last-of-type(2) {
  padding-bottom: 3rem;
}

.cm-timeline .timeline .timeline-item .timeline-marker {
  border-radius: 0;
  border: none;
  background-color: var(--nr-color-mus-vert);
  height: 1rem;
  width: 1rem;
  top: 3rem;
}

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

footer {
  color: var(--cm-color-gris-medium);
}

.cm-socials {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

#cm-form-news .cm-form-email {
  max-width: 16rem;
  margin: auto;
}

#boregar-icon {
  height: 1.25rem;
  vertical-align: text-bottom;
}