/* ---------------------------------------- body */
/*
@font-face {
  font-family: Assistant;
  src: url('/modules/custom/bolero/css/Assistant-VariableFont_wght.ttf');
}
*/
@font-face {
  font-family: Caveat;
  src: url('/modules/custom/bolero/fonts/Caveat-VariableFont_wght.ttf');
}
/*
@font-face {
  font-family: Dosis;
  src: url('/modules/custom/bolero/css/Dosis-VariableFont_wght.ttf');
}

@font-face {
  font-family: Jost;
  src: url('/modules/custom/bolero/css/Jost-VariableFont_wght.ttf');
}
*/
@font-face{
    font-family: 'Source Sans 3 VF';
    font-weight: 200 900;
    font-style: normal;
    font-stretch: normal;
    src: url('/modules/custom/bolero/fonts/SourceSans3VF-Upright.ttf.woff2') format('woff2'),
         url('/modules/custom/bolero/fonts/SourceSans3VF-Upright.ttf.woff') format('woff'),
         url('/modules/custom/bolero/fonts/SourceSans3VF-Upright.ttf') format('truetype');
}

@font-face{
    font-family: 'Source Sans 3 VF';
    font-weight: 200 900;
    font-style: italic;
    font-stretch: normal;
    src: url('/modules/custom/bolero/fonts/SourceSans3VF-Italic.ttf.woff2') format('woff2'),
         url('/modules/custom/bolero/fonts/SourceSans3VF-Italic.ttf.woff') format('woff'),
         url('/modules/custom/bolero/fonts/SourceSans3VF-Italic.ttf') format('truetype');
}

html {
  /*font-size: 92% !important;*/
  line-height: 1.6rem !important;
}

body {
  --color-base-neutral: #707070;
  --color-medium-neutral: #a8a8a8;
  --color-light-neutral: #dddddd;
  --color-thin-neutral: #f1f1f1;

  --color-base-red: #707070;
  --color-medium-red: #aa746a;
  --color-light-red: #ddcec4;
  --color-thin-red: #fff8f3;

  --color-base-purple: #5c6273;
  --color-medium-purple: #8f91a0;
  --color-light-purple: #d4d3d6;
  --color-thin-purple: #f5f4f9;

  --color-base-blue: #6b909f;
  --color-medium-blue: #9cbcc6;
  --color-light-blue: #c4d5e0;
  --color-thin-blue: #f4f8fb;

  --color-base-green: #737e6c;
  --color-medium-green: #a8b1a2;
  --color-light-green: #ccd5d1;
  --color-thin-green: #f4f7f2;

  --color-base-yellow: #bfa87e;
  --color-medium-yellow: #bfa87e;
  --color-light-yellow: #ece4d6;
  --color-thin-yellow: #fcf4e6;
/*  --color-thin-yellow: #fcf4e6;e8d2b2*/
}

body.is-always-mobile-nav.path-frontpage,
body.is-always-mobile-nav {
  --color-base: var(--color-base-neutral);
  --color-medium: var(--color-medium-neutral);
  --color-light: var(--color-light-neutral);
  --color-thin: var(--color-thin-neutral);
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-base.jpg') !important;
  background-position: top left;
  background-size: contain;
}

body.is-always-mobile-nav.path-herbarium {
  --color-base: var(--color-base-red);
  --color-medium: var(--color-medium-red);
  --color-light: var(--color-light-red);
  --color-thin: var(--color-thin-red);
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-rouge.jpg') !important;
}

body.is-always-mobile-nav.containers,
body.is-always-mobile-nav.path-container {
  --color-base: var(--color-base-purple);
  --color-medium: var(--color-medium-purple);
  --color-light: var(--color-light-purple);
  --color-thin: var(--color-thin-purple);
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-violet.jpg') !important;
}

body.is-always-mobile-nav.papers,
body.is-always-mobile-nav.path-paper {
  --color-base: var(--color-base-blue);
  --color-medium: var(--color-medium-blue);
  --color-light: var(--color-light-blue);
  --color-thin: var(--color-thin-blue);
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-bleu.jpg') !important;
}

body.is-always-mobile-nav.specimens,
body.is-always-mobile-nav.path-specimen {
  --color-base: var(--color-base-green);
  --color-medium: var(--color-medium-green);
  --color-light: var(--color-light-green);
  --color-thin: var(--color-thin-green);
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-vert.jpg') !important;
}

body.is-always-mobile-nav.path-search,
body.is-always-mobile-nav.path-search-ann {
  --color-base: var(--color-base-yellow);
  --color-medium: var(--color-medium-yellow);
  --color-light: var(--color-light-yellow);
  --color-thin: var(--color-thin-yellow);
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-jaune.jpg') !important;
}

a {
  outline: none !important;
}

.layout-main-wrapper {
  z-index: unset !important;
}

.main-content {
  width: 100% !important;
}

.container {
  max-width: 100% !important;
}

div#page-wrapper.page-wrapper {
  max-width: 80rem;
  border-radius: 0.5rem;
}
div#page-wrapper.page-wrapper .site-header {
  border-bottom: none;
}
div#page-wrapper.page-wrapper .site-header__initial {
  /*background-color: var(--color-medium) !important;
  border-radius: 0.5rem 0 0 0;*/
  display: none;
}
div#page-wrapper.page-wrapper .site-header__inner {
  border-radius: 0.5rem 0.5rem 0 0;
}
div#block-olivero-site-branding {
  border-radius: 0.5rem 0 0 0;
}
@media (min-width: 80rem) {
  div#page-wrapper.page-wrapper {
    margin: 2rem auto;
  }
}

.social-bar {
  /*background-color: var(--color-thin) !important;*/
  display: none;
}

@media (min-width: 43.75rem) {
  .layout--content-medium, .layout--pass--content-medium > * {
    grid-column: 1 / 15 !important;
  }
}
@media (min-width: 62.5rem) {
  .layout--content-medium, .layout--pass--content-medium > * {
    grid-column: 1 / 15 !important;
  }
}

.grid-full {
  grid-column-gap: 0;
}

@media (min-width: 43.75rem) {
  .sidebar-grid.grid-full {
    grid-column-gap: 0;
  }
}

@media (min-width: 62.5rem) {
  .sidebar-grid.grid-full {
    grid-column-gap: 2.25rem;
  }
}

/* ---------------------------------------- main */

.sidebar-grid.grid-full .site-main {
  grid-column: 1 / 11;
}

/* ---------------------------------------- sidebar */

.sidebar-grid .region--sidebar {
  grid-column: 1 / 11 !important;
  margin-bottom: 1rem;
}

#block-sidebartopeffect {
  display: block;
  height: 4rem;
  background-image: linear-gradient(white, transparent);
  background-repeat: no-repeat;
  position: sticky;
  top: 0;
  z-index: 999;
}

#block-sidebarbottomeffect {
  display: block;
  height: 4rem;
  background-image: linear-gradient(transparent, white);
  background-repeat: no-repeat;
  position: sticky;
  bottom: 0;
  z-index: 999;
}

@media (max-width: 43.75rem) {
  body:not(.is-always-mobile-nav.path-search):not(.is-always-mobile-nav.path-search-ann) .sidebar-grid .region--sidebar {
    display: none;
  }
  #block-sidebarbottomeffect {
    display: none;
  }
}

@media (min-width: 43.75rem) {
  .sidebar-grid .region--sidebar {
    grid-column: 11 / 15 !important;
    position: sticky;
    top: 1rem;
    align-self: start;
    max-height: calc(100vh - 2rem);
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    margin-left: 1rem;
  }
}

@media (min-width: 62.5rem) {
  .sidebar-grid .region--sidebar {
    grid-column: 11 / 15 !important;
    margin-left: 0;
  }
}

/* ---------------------------------------- logo */

div#page-wrapper.page-wrapper div#page header#header.site-header div.site-header__fixable div#site-header__inner.site-header__inner div.container.site-header__inner__container div#block-olivero-site-branding.site-branding.block.block-system.block-system-branding-block div.site-branding__inner {
  height: 100%;
  padding-top: 1.5rem;
}
div#page-wrapper.page-wrapper div#page header#header.site-header div.site-header__fixable div#site-header__inner.site-header__inner div.container.site-header__inner__container div#block-olivero-site-branding.site-branding.block.block-system.block-system-branding-block div.site-branding__inner a.site-branding__logo img {
  max-height: 16rem;
  /*filter: invert(34%) sepia(5%) saturate(4055%) hue-rotate(112deg) brightness(96%) contrast(78%);*/
}
.path-frontpage div#page-wrapper.page-wrapper div#page header#header.site-header div.site-header__fixable div#site-header__inner.site-header__inner div.container.site-header__inner__container div#block-olivero-site-branding.site-branding.block.block-system.block-system-branding-block div.site-branding__inner a.site-branding__logo img {
  max-height: unset;
  width: 100%;
}

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

@media (min-width: 80rem) {
  footer.site-footer {
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .site-footer__inner {
     padding-bottom: unset !important;
  }
}

footer .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-around;
}

footer .menu a {
  text-decoration: none;
}

/* ---------------------------------------- texte */

@media (min-width: 43.75rem) {
  body.is-always-mobile-nav h1 {
    font-size: 3rem !important;
    line-height: 3rem !important;
  }
}

/* ---------------------------------------- Sinergia markup */

.sinergia-markup {
  font-family: metropolis, sans-serif;
  font-size: initial;
  color: var(--color-medium);
  padding: 0;
}

.sinergia-markup-c {
  padding: 0 4px 0 0;
}

.sinergia-markup-ilpart {
}

.sinergia-markup-ilword {
  padding: 0 4px;
}

.sinergia-markup-ilblock {
  padding: 0 4px;
}

.sinergia-markup-unclear {
}

.sinergia-markup-unclear-begin {
  padding: 0 0 0 4px;
}

.sinergia-markup-unclear-end {
  padding: 0 4px 0 0;
}

.sinergia-markup-comment {
}

/* ---------------------------------------- phénologie */

.spe-pheno {
  background-color: var(--color-medium);
  color: white;
  padding: 3px 4px 1px 4px;
  border-radius: 12px;
  margin-right: 4px;
}

.spe-pheno-isinflower {
}

.spe-pheno-isinfruits {
}

.spe-pheno-issterile {
}

.spe-pheno-isunknown {
}

/* ---------------------------------------- images */

[dir="ltr"] .wide-image {
  margin-left: 0 !important;
}

/* ---------------------------------------- links */

a.sinergia-nodeco:focus {
  outline: 0;
  box-shadow: unset;
}

div.flag-flag-favorites span.bolero-flag-favorite {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: -2px;
  background: transparent url('/core/modules/shortcut/images/favstar.svg') no-repeat left top;
}

div.flag-flag-favorites.action-flag span.bolero-flag-favorite {
  background-position: 0 top;
}

div.flag-flag-favorites.action-flag:hover span.bolero-flag-favorite {
  background-position: -20px top;
}

div.flag-flag-favorites.action-unflag span.bolero-flag-favorite {
  background-position: -40px top;
}

div.flag-flag-favorites.action-unflag:hover span.bolero-flag-favorite {
  background-position: -60px top;
}

/* ---------------------------------------- generic */

.text-content {
  font-family: unset !important;
}

.pager__items {
  justify-content: center;
}

.pager__item, .pager__link {
  border-radius: 50%;
}

.mobile-nav-button:focus {
  outline: none !important;
}

.messages.messages-list__item {
  border-radius: 0.5rem;
}

.field-content > p {
  margin-top: 0;
}

/* ---------------------------------------- node full view */

article.node--view-mode-full .node__content .field:not(:first-of-type:last-of-type) {
  border-top: 0.0625rem solid #d3d4d9;
  padding-top: 2rem;
}

/* ---------------------------------------- bolero generic */

.bolero-nowrap, .bolero-view-attachment .bolero-nowrap span.field-content {
  /*line-height: 1.2rem;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bolero-empty::before {
  content: 'n.c.';
  color: var(--color-medium-neutral);
}

.bolero-waiting::before {
  content: '[En préparation]';
  color: var(--color-medium-neutral);
}

/* ---------------------------------------- views title (specimen) */

.bolero-view-title-block h1.field-content {
  margin: 0;
}

.bolero-view-title-block .bolero-nowrap {
  white-space: normal;
  overflow: visible;
}

/* ---------------------------------------- views header / view mode / items per page */

.bolero-view-search-page .view-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}

.bolero-view-search-page .view-header .text-content.field {
  margin-bottom: 0;
}
.views-exposed-form.form--inline .form-item-items-per-page,
.bolero-view-search-page .view-filters {
  display: none;
}

.bolero-items-per-page,
.bolero-view-mode-toggle {
  min-width: max-content;
}

.bolero-items-per-page li,
.bolero-view-mode-toggle li {
  cursor: pointer;
}

/*.bolero-items-per-page li.pager__item {
  font-size: 0.85rem;
}*/

.bolero-items-per-page li.pager__item--active,
.bolero-view-mode-toggle li.pager__item--active {
  color: white;
  cursor: default;
}

.bolero-items-per-page li:not(.pager__item--active):hover,
.bolero-view-mode-toggle li:not(.pager__item--active):hover {
  background-color: #e7edf1;
}

@media (max-width: 43.75rem) {
  .bolero-items-per-page {
    display: none;
  }
}

/* ---------------------------------------- list/cards/pics */

.bolero-view-search-page.bolero-cards > .view-content {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 1.5rem;
  row-gap: 1.5rem;
  justify-content: space-between;
}

@media (min-width: 43.75rem) {
  .bolero-view-search-page.bolero-cards > .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 62.5rem) {
  .bolero-view-search-page.bolero-cards > .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
}

.bolero-view-search-page.bolero-pics > .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.5rem;
  row-gap: 1.5rem;
  justify-content: space-between;
}

@media (min-width: 43.75rem) {
  .bolero-view-search-page.bolero-pics > .view-content {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 62.5rem) {
  .bolero-view-search-page.bolero-pics > .view-content {
    grid-template-columns: repeat(6, 1fr);
  }
}

.bolero-view-search-page .bolero-raw-row {
  /*background-color: var(--color-thin);*/
  border: 1px solid var(--color-light);
  border-radius: 0.5rem;
  margin: 1rem 0 1rem 0;
  display: grid;
  grid-template-columns: 10.5rem 1fr min-content;
  grid-template-rows: repeat(3, min-content) 1fr min-content;
  align-items: center;
  align-content: space-evenly;
  transition: 0.2s;
  overflow: hidden;
  height: auto;
  row-gap: 0.25rem;
  cursor: pointer;
}

.bolero-view-search-page .bolero-raw-row:hover {
  transform: scale(1.05);
  z-index: 100;
  /*cursor: pointer;*/
}

.bolero-view-search-page.bolero-cards .bolero-raw-row {
  margin: 0;
  grid-template-columns: 1fr min-content;
  grid-template-rows: 16rem repeat(3, min-content) 1fr min-content;
  align-items: center;
  align-content: space-between;
  transition: 0.2s;
  padding-bottom: 0.25rem;
  height: 26rem;
  row-gap: 0.25rem;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row:hover {
  grid-template-rows: 0 repeat(3, min-content) 1fr min-content;
  row-gap: 0.5rem;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row:hover .bolero-nowrap {
  white-space: normal;
}

.bolero-view-search-page.bolero-pics .bolero-raw-row {
  margin: 0;
  grid-template-columns: 1fr;
  grid-template-rows: 8rem repeat(5, 0);
  align-items: center;
  align-content: space-between;
  transition: transform 0.2s;
  padding-bottom: 0.25rem;
  height: auto;
  min-height: 10rem;
  row-gap: 0.25rem;
}

.bolero-view-search-page.bolero-pics .bolero-raw-row:hover {
  grid-template-rows: 0 min-content repeat(3, 0);
  row-gap: 0.5rem;
  word-break: break-word;
}

.bolero-view-search-page.bolero-pics .bolero-raw-row:hover .bolero-nowrap {
  white-space: normal;
}

.bolero-view-search-page .bolero-raw-row .bolero-item-c1 {
  grid-row: 1 / 6;
  grid-column: 1;
  background-color: var(--color-thin);
  transition: 0.2s;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row .bolero-item-c1,
.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c1 {
  grid-row: 1;
  grid-column: 1 / 3;
  justify-self: stretch;
  align-self: stretch;
  margin-bottom: 0.5rem;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row .bolero-item-c1 span.field-content,
.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c1 span.field-content {
  display: block;
  width: 100%;
  height: 100%;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row .bolero-item-c1 span.field-content div,
.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c1 span.field-content div {
  width: 100%;
  height: 100%;
}

.bolero-view-search-page .bolero-raw-row .bolero-item-c2r1 {
  grid-column: 2 / 4;
  grid-row: 1;
  align-self: center;
  padding-left: 0.5rem;
  color: var(--color-medium);
  transition: 0.2s;
  padding-top: 0.25rem;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row .bolero-item-c2r1 {
  grid-column: 1 / 3;
  grid-row: 2;
  align-self: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: var(--color-medium);
}

.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c2r1 {
  display: none;
}

.bolero-view-search-page .bolero-raw-row .bolero-item-c2r1 span.field-content {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, max-content));
  column-gap: 1rem;
  justify-content: start;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row:hover .bolero-item-c2r1 span.field-content {
  display: block;
}

.bolero-view-search-page .bolero-raw-row .bolero-item-c2r1 span {
  color: var(--color-medium);
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row:hover .bolero-item-c2r1 span:not(:last-of-type) {
  padding-right: 0.5rem;
}

.bolero-view-search-page .bolero-raw-row .bolero-item-c2r2 {
  grid-column: 2 / 4;
  grid-row: 2;
  align-self: center;
  padding-left: 0.5rem;
  font-weight: bold;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row .bolero-item-c2r2,
.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c2r2 {
  grid-column: 1 / 3;
  grid-row: 3;
  align-self: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c2r2 {
  font-size: smaller;
  line-height: 1.2em;
}

.bolero-view-search-page .bolero-raw-row .bolero-item-c2r3 {
  grid-column: 2 / 4;
  grid-row: 3;
  align-self: center;
  padding-left: 0.5rem;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row .bolero-item-c2r3 {
  grid-column: 1 / 3;
  grid-row: 4;
  align-self: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c2r3 {
  display: none;
}

.bolero-view-search-page .bolero-raw-row .bolero-item-c2r4 {
  grid-column: 2 / 4;
  grid-row: 4;
  align-self: center;
  padding-left: 0.5rem;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row .bolero-item-c2r4 {
  grid-column: 1 / 3;
  grid-row: 5;
  align-self: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c2r4 {
  display: none;
}

/*
.bolero-view-search-page .bolero-raw-row .bolero-ann-text br {
  display: none;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row:hover .bolero-ann-text br {
  display: block;
}
*/
.bolero-view-search-page .bolero-raw-row .bolero-ann-text {
  height: 1.8rem;
  line-height: 1.8rem;
}

[dir="ltr"] ul.bolero-ann-text-items {
  list-style-image: url('/modules/custom/bolero/libraries/fontawesome/svgs/solid/pen.svg');
  list-style-position: inside;
  margin: 0 0.5rem;
  padding: 0;
}

[dir="ltr"] ul.bolero-ann-text-items.bolero-noresults {
  list-style-image: url('/modules/custom/bolero/libraries/fontawesome/svgs/solid/pen-ruler.svg');
  color: var(--color-medium);
}

[dir="ltr"] ul.bolero-ann-text-items li {
  padding-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.bolero-ann-text-items {
  margin: 0 0.5rem;
  padding: 0;
}

div.bolero-ann-text-items .views-row {
  display: list-item;
  list-style-image: url('/modules/custom/bolero/libraries/fontawesome/svgs/solid/pen.svg');
  list-style-position: inside;
  padding-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row:hover .bolero-ann-text {
  height: unset;
}

.bolero-view-search-page .bolero-raw-row .bolero-item-c2r5 {
  grid-column: 2;
  grid-row: 5;
  align-self: center;
  padding-left: 0.5rem;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row .bolero-item-c2r5 {
  grid-column: 1 / 3;
  grid-row: 6;
  align-self: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c2r5 {
  display: none;
}

.bolero-view-search-page .bolero-raw-row .bolero-item-c3r5 {
  grid-column: 3;
  grid-row: 5;
  align-self: center;
  margin: 0 0.5rem;
  padding-bottom: 0.25rem;
}

.bolero-view-search-page.bolero-cards .bolero-raw-row .bolero-item-c3r5 {
  grid-column: 2;
  grid-row: 6;
  align-self: center;
}

.bolero-view-search-page.bolero-pics .bolero-raw-row .bolero-item-c3r5 {
  display: none;
}

body:not(.path-search-ann) .bolero-view-search-page .views-label {
  display: none;
}

/* ---------------------------------------- images */

.bolero-picture svg {
  max-width: 92%;
  height: 100%;
  width: auto;
}

.bolero-view-search-page .bolero-raw-row .bolero-picture {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-thin);
  height: 10rem;
}

.bolero-view-search-page .bolero-raw-row .bolero-picture img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.25rem black, 0 0 0.5em rgba(0,0,0,0.2);
}

.bolero-view-search-page .bolero-raw-row .view-empty .bolero-picture {
  margin: auto;
  color: white;
}

/* ---------------------------------------- galeries */

.bolero-gallery .view-content.flickity-enabled {
  padding: 1rem 1rem 3rem 1rem;
  /*border: 1px dotted var(--color-light);*/
  background-color: var(--color-thin);
  border-radius: 0.5rem;
  /*margin-bottom: 3rem;*/
}

.bolero-gallery .flickity-page-dots {
  bottom: 1rem;
}

.bolero-gallery .bolero-picture {
  margin-right: 1rem;
  margin-left: 1rem;
  border-radius: 0.5rem;
  height: 20rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bolero-gallery .view-empty .bolero-picture {
  background-color: var(--color-thin);
  margin: auto;
  color: white;
  height: 20rem;
  text-align: center;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.bolero-gallery .bolero-picture a {
  max-height: 100%;
}

.bolero-gallery .bolero-picture img {
  border-radius: 0.2rem;
  max-height: 19rem;
  box-shadow: 0 0 0.25rem black, 0 0 0.5em rgba(0,0,0,0.2);
  transition: filter 0.2s;
}

.bolero-gallery .bolero-picture a:hover img {
  filter: sepia(20%) brightness(30%);
  cursor: pointer;
}

.bolero-gallery .bolero-picture .bolero-caption {
  display: flex;
  justify-content: center;
  align-items: center;
  color: transparent;
  position: absolute;
  z-index: 200;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center !important;
  word-break: break-word;
  height: 100%;
  line-height: 1.2rem;
  padding: 0 2rem;
  transition: 0.2s;
}

.bolero-gallery .bolero-picture a:hover .bolero-caption {
  color: var(--color-thin);
}

.bolero-gallery .view-content.is-fullscreen .bolero-picture {
  height: 100%;
}

/* ---------------------------------------- listes */

.bolero-view-content-block.bolero-view-list-page .view-header {
  margin-bottom: 2.25rem;
}

.bolero-view-list-page .bolero-raw-row {
  border: 1px solid var(--color-light);
  border-radius: 0.5rem;
  margin: 1rem 0 1rem 0;
  padding: 0 1rem;
}

.bolero-view-list-page .bolero-raw-row h5 {
  margin-top: 1.125rem;
}

.bolero-view-search-page .view-empty,
.bolero-view-list-page .view-empty {
  color: var(--color-medium);
  text-align: center;
}

/* ---------------------------------------- openseadragon */

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

.bolero-overlay .overlay-close {
  position: absolute;
  z-index: 202;
  top: 20%;
  left: 20%;
  font-size: 4rem;
  cursor: pointer;
}

.bolero-overlay .openseadragon {
  height: 100%;
  width: 100%;
}

#block-osdoverlay {
  width: 20rem;
  margin: 1rem 0 0 4rem;
}

#block-osdoverlay .block__content {
  color: var(--color-medium-neutral);
}

#block-osdoverlay .osd-title h3 {
  color: var(--color-medium-neutral);
  margin: 2rem 0 0 0;
}

#block-osdoverlay .osd-row {
  margin: 1rem 0;
  font-size: 1rem;
  line-height: 1.2rem;
}

#block-osdoverlay .osd-label {
  font-weight: bold;
  text-transform: uppercase;
}

#block-osdoverlay .osd-data {
}

/* ---------------------------------------- texte annotations */

.bolero-ann-row .views-field.views-field-ann-text .field-content,
.views-field.views-field-field-ann-text .field-content {
  font-family: Caveat;
  font-size: 1.6rem;
  border: 1px solid var(--color-light);
  border-radius: 0.5rem;
  padding: 1rem;
  margin-bottom: 0.5rem;
}

.bolero-ann-text .field-content {
  font-family: Caveat;
  font-size: 1.4rem;
  line-height: 1.5rem;
}

/* ---------------------------------------- texte résumé herbier */

.bolero-sum-text .field-content {
  color: var(--color-base);
}

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

.bolero-view-base-page .views-field {
  margin-bottom: 0.5rem;
}
/*
.bolero-view-base-page .views-field:not(.views-field-field-ann-text) .field-content::first-letter {
  text-transform: capitalize;
}
*/
.bolero-view-base-page .views-field.views-field-field-spe-locationannotation .field-content p {
  margin-bottom: 0;
}

.bolero-view-base-page .views-field .bolero-nowrap {
  white-space: normal;
}

.bolero-ann-row > .views-field > .views-label,
.bolero-view-base-page .bolero-raw-row > .views-field:not(.bolero-gallery):not(.bolero-overlay) > .views-label {
  font-weight: bold;
  color: var(--color-medium);
  text-transform: uppercase;
}

@media (min-width: 43.75rem) {
  .bolero-ann-row > .views-field,
  .bolero-view-base-page > .view-content .bolero-raw-row > .views-field:not(.bolero-gallery):not(.bolero-overlay) {
    display: grid;
    grid-template-columns: 38% auto;
    grid-column-gap: 2rem;
  }
  .bolero-ann-row > .views-field > .views-label,
  .bolero-view-base-page > .view-content .bolero-raw-row > .views-field:not(.bolero-gallery):not(.bolero-overlay) > .views-label {
    text-align: right;
  }
}

.bolero-view-base-page .bolero-raw-row > .views-field.views-field-field-herb-owner ul,
.bolero-view-base-page .bolero-raw-row > .views-field.views-field-field-herb-author ul {
  list-style: none;
  margin: 0;
}
.bolero-view-base-page .bolero-raw-row > .views-field.views-field-field-herb-owner ul li:not(:last-of-type),
.bolero-view-base-page .bolero-raw-row > .views-field.views-field-field-herb-author ul li:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

.bolero-view-base-page .view-empty {
  color: var(--color-medium-neutral);
  width: 100%;
  padding: 0.5rem 1rem;
  margin: 0 0 1rem 0;
}
.bolero-view-base-page .view-sub-herbariumgetpersons .view-empty {
  padding: 0;
}

.bolero-view-base-page .view-empty h3 {
  color: var(--color-medium-neutral);
  width: 100%;
  background-color: var(--color-thin-neutral);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  margin: 0 0 1rem 0;
}

.views-field.bolero-lit-item .field-content {
  display: flex;
  gap: 1rem;
}

.bolero-lit-icon {
  font-size: 1.6rem;
  margin-top: 1.2rem;
  color: var(--color-medium);
}

.bolero-footnote {
  font-size: 0.8rem;
  line-height: 1.2rem;
  color: var(--color-medium);
}

.bolero-pres-table .bolero-pres-row {
  margin: 2rem 0;
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-rows: repeat(3, min-content);
  row-gap: 1rem;
  column-gap: 1rem;
}
.bolero-pres-table .bolero-pres-row h3 {
  grid-column-end: span 3;
  margin: 0;
  color: var(--color-medium);
  background-color: var(--color-thin);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}
.bolero-pres-table .bolero-pres-label {
  margin-left: 0.5rem;
  color: var(--color-base);
}
.bolero-pres-table .bolero-pres-data p {
  margin: 0;
}
.bolero-pres-table .bolero-pres-data:nth-of-type(3n) {
  border-bottom: 1px solid var(--color-light);
  padding-bottom: 2rem;
}

/* ---------------------------------------- contenu attaché */

.attachment-before .views-element-container:not(:last-of-type) {
  margin-bottom: 4rem;
}

.attachment-after .bolero-view-attachment {
  /*border-top: 1px dotted var(--color-light);*/
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.bolero-ann-row .field-content > p,
.bolero-view-attachment .bolero-raw-row .field-content > p {
  margin-bottom: 0;
}

.bolero-view-attachment .bolero-summary {
  padding: 0 1rem;
  margin-bottom: 2rem;
}

.bolero-view-content-block .view-header,
.bolero-view-content-page:not(.bolero-view-search-page) .view-header {
  margin-bottom: 0;
}

.bolero-view-content-block h2,
.bolero-view-content-block h5,
.bolero-view-content-page h2 {
  color: var(--color-base-neutral);
  margin-bottom: 1rem;
  width: 100%;
}

.bolero-ann-row h3,
.bolero-view-attachment .bolero-raw-row h3 {
  color: var(--color-medium);
  cursor: pointer;
  width: 100%;
  transition: 0.4s;
  background-color: var(--color-thin);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  margin: 0 0 1rem 0;
  display: grid;
  grid-template-columns: 1fr min-content !important;
  justify-content: space-between;
}

.bolero-ann-row h3::after,
.bolero-view-attachment .bolero-raw-row h3::after {
  content: '\002B';
  font-weight: bold;
  margin-left: 0.5rem;
  transition: 0.2s;
}

.bolero-ann-row h3.active::after,
.bolero-view-attachment .bolero-raw-row h3.active::after {
  content: "\2212";
}

.bolero-ann-row h3:hover,
.bolero-view-attachment .bolero-raw-row h3:hover {
  transform: scale(1.02);
}

.bolero-ann-row h3:hover::after,
.bolero-view-attachment .bolero-raw-row h3:hover::after {
  transform: rotate(360deg);
}

.bolero-ann-row > div:not(.views-field-body),
.attachment-after .bolero-view-attachment .bolero-raw-row > div:not(.views-field-body),
.attachment-after .bolero-view-attachment .bolero-raw-row div.bolero-body > div {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding: 0 1rem;
  margin-bottom: 0;
}

.bolero-view-attachment.view-display-id-attach_lit .bolero-raw-row h3 {
  font-size: initial;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0.5rem;
}

.bolero-ann-row h3 {
  font-size: initial;
  font-weight: normal;
  margin-bottom: 0.5rem;
}

/* ---------------------------------------- articles */

.bolero-view-content-block .views-field.bolero-postimage {
  margin-bottom: 1.5rem;
}

.bolero-postimage img {
  border-radius: 0.5rem;
  width: 100%;
  height: 24rem;
  object-fit: cover;
}

.bolero-notabene {
  background-color: var(--color-thin);
  border-radius: 0.5rem;
  padding: 1rem;
  font-weight: normal;
  margin-right: 0.5rem;
}

.view-pub-articles figure {
  margin-top: 0;
}

.view-pub-articles figure img {
  border: 0.5rem solid white;
  border-bottom: none;
  border-radius: 1rem 1rem 0 0;
}

.view-pub-articles figure figcaption {
  border: 0.5rem solid white;
  border-top: none;
  border-radius: 0 0 1rem 1rem;
}

/* ---------------------------------------- blocks (accroche) */

body.path-frontpage #block-accroche .text-content {
  max-width: 64rem;
  text-align: center;
  margin: auto;
  padding: 0 1rem;
}

body.path-frontpage #block-accroche .text-content h5,
body.path-frontpage #block-accroche .text-content h2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

body.path-frontpage #block-accroche .text-content p {
  margin-bottom: 1.125rem;
}

body #block-olivero-content {
  margin-bottom: 0;
}

body #block-olivero-content .node__content {
  padding-bottom: 0;
}


body.path-frontpage #block-titrerecherche {
  margin-bottom: 0;
}

body.path-frontpage #block-titrerecherche h2 {
  color: var(--color-base-neutral);
  margin-bottom: 1rem;
  width: 100%;
}

body.path-frontpage .views-exposed-form .block__content {
  width: 100%;
}

body.path-frontpage .views-exposed-form.form--inline form {
  justify-content: center;
}

body.path-frontpage .views-exposed-form.form--inline .form-item {
  flex-grow: 1;
}

body.path-frontpage .views-exposed-form.form--inline input.form-text {
  width: 100%;
}

/* ---------------------------------------- blocks (sidebar) */

.region--sidebar > .block-blockgroup {
  padding: 1rem 1rem 0 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-light);
}

.region--sidebar .block {
  margin-bottom: 1rem;
}

.region--sidebar .block:last-of-type:not(.block-facets) {
  margin-bottom: 0;
}

.region--sidebar .block .block__title {
  color: var(--color-medium);
}

.region--sidebar .block span:not(.spe-pheno) > .svg-inline--fa {
  color: var(--color-medium);
}

/*
.region--sidebar > .block-blockgroup {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-light);
}

.region--sidebar > .block-blockgroup .block-blockgroup {
  padding: 1rem 0 1rem 0;
}
*/

.bolero-toggle {
  cursor: pointer;
  text-transform: uppercase;
  color: var(--color-medium);
  font-weight: bold;
}

.bolero-toggle::before {
  /*content: url('/modules/custom/bolero/libraries/fontawesome/svgs/solid/angle-right.svg');*/
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%230d77b5'/%3e%3c/svg%3e");
  width: 1rem;
  height: 2rem;
  display: block;
  float: left;
  margin-right: 0.5rem;
  transition: transform 0.12s ease-in 0s;
  transform-origin: 50% 50%;
}

.bolero-toggle.open::before {
  transform: rotate(90deg);
}

/* ---------------------------------------- blocks (infos) */

.bolero-view-content-block .views-field {
  margin-bottom: 0.5rem;
}

.bolero-view-content-block .views-field .views-label {
  font-weight: bold;
  color: var(--color-medium);
  text-transform: uppercase;
}

.bolero-view-content-block .views-field .bolero-nowrap {
  white-space: normal;
}

/* ---------------------------------------- blocks (facets) */

body:not(.user-logged-in) .block-facet-blockfavorites {
  display: none;
}

.block-facet-blockfavorites ul {
  list-style-type: none;
}

[dir="ltr"] .block-facet-blockfavorites ul {
  margin-left: 0;
}

.block-facet-blockfavorites ul li.facet-item label {
  font-size: 1.125rem;
  line-height: 2.25rem;
  text-transform: uppercase;
  color: var(--color-medium);
  font-weight: bold;
}

.block-facet-blockfavorites ul li.facet-item input:hover,
.block-facet-blockfavorites ul li.facet-item label:hover {
  cursor: pointer;
}

[dir="ltr"] .block-facet-blockfavorites ul li.facet-item input[type='checkbox'] + label {
  padding-left: 0.3rem;
}

.block-facet-blockfavorites ul li.facet-item input[type='checkbox'] {
  background: transparent url('/core/modules/shortcut/images/favstar.svg') no-repeat left top;
  width: 20px;
  height: 20px;
  vertical-align: -2px;
  margin-left: -2px;
  border: none;
}

.block-facet-blockfavorites ul.facet-inactive li.facet-item input[type='checkbox'] {
  background-position: 0 top;
}

.block-facet-blockfavorites ul.facet-inactive li.facet-item:hover input[type='checkbox'] {
  background-position: -40px top;
}

.block-facet-blockfavorites ul.facet-active li.facet-item input[type='checkbox'] {
  background-position: -40px top;
}

.block-facet-blockfavorites ul.facet-active li.facet-item:hover input[type='checkbox'] {
  background-position: 0px top;
}

select.facet-active {
  border: 2px solid #2494db;
  background-color: aliceblue;
}

/* ---------------------------------------- blocks (nav) */

#block-views-block-pub-articles-block-nav,
#block-navigation {
  padding: 0 0.5rem;
  border: none;
}

#block-views-block-pub-articles-block-nav .text-content,
#block-navigation .text-content {
  font-size: unset;
  line-height: unset;
}

.bolero-nav .bolero-nav-link {
  padding: 0.5rem;
  border: 1px solid var(--color-light);
  border-radius: 2rem;
  background-color: var(--color-thin);
  margin-bottom: 0.5rem;
  transition: 0.2s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bolero-nav .bolero-nav-link:hover {
  cursor: pointer;
  transform: scale(1.05);
  position: relative;
  z-index: 999;
}

/* ---------------------------------------- blocks (partenaires) */

.view-pub-partenaires .view-content {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.view-pub-partenaires .view-content .bolero-picture {
  transition: 0.2s;
  min-width: 6rem;
  max-width: 12rem;
  max-height: 10rem;
}

.view-pub-partenaires .view-content .bolero-picture:hover {
  transform: scale(1.05);
  position: relative;
  z-index: 999;
}

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

a.back-to-top {
  display: none;
  position: fixed;
  z-index: 999;
  right: 2rem;
  bottom: 2rem;
  font-size: 4rem;
  filter: opacity(0.5);
}

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

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

/* ---------------------------------------- spinner */

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

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

.bolero-spinner {
  filter: opacity(50%);
  pointer-events: none;
  cursor: progress;
}

/* ---------------------------------------- tooltip */

.tooltip {
  z-index: 999;
}

/* ---------------------------------------- breadcrumb */

.bolero-view-breadcrumb ol.breadcrumb__list {
  max-width: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(5, minmax(2rem, max-content));
}

.bolero-view-breadcrumb li.breadcrumb__item {
  overflow: hidden;
  text-overflow: ellipsis;
}

.bolero-view-breadcrumb li.breadcrumb__item:last-of-type {
  margin-right: 0;
}

/* ---------------------------------------- tabs */

div.bolero-tabs {
  display: grid;
  grid-template-columns: 9fr 8fr 7fr 6fr 5fr 4fr 3fr 2fr 1fr;
  grid-template-rows: repeat(3, 3rem) 4.5rem;
}

.tab-cell {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--color-light-neutral);
  /*border-bottom-style: dotted;*/
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0 0;
  transition: 0.2s;
  background-color: white;
  background-size: cover;
  position: relative;
  opacity: 0.5;
}

.tab-cell:first-of-type {
  /*box-shadow: 0 0.25rem 0.5rem var(--color-base);
  border: none;*/
  border-radius: 0.5rem;
}

.tab-cell:hover {
  margin-top: -2rem;
}

.tab-cell.tab-active {
  border-color: var(--color-thin);
  border-width: 2px;
  /*border-bottom: none;*/
  opacity: 1;
}

.tab-cell span {
  width: 100%;
  height: 100%;
  padding: 1rem;
}

.tab-cell span.bolero-tab-reset {
  margin-top: -1rem;
  padding-bottom: 0;
  padding-top: 0;
  height: auto;
}

div.bolero-tabs .tab-cell span a {
 text-decoration: none;
 display: block;
 width: 100%;
 height: 100%;
 color: var(--color-thin-neutral);
}
/*
div.bolero-tabs .tab-cell.tab-active span a {
  color: var(--color-thin);
}
*/
/*
div.bolero-tabs .tab-herbarium a {
 color: var(--color-light-red);
}
div.bolero-tabs .tab-herbarium.tab-active a {
 color: var(--color-medium-red);
}
div.bolero-tabs .tab-container a {
 color: var(--color-light-purple);
}
div.bolero-tabs .tab-container.tab-active a {
 color: var(--color-medium-purple);
}
div.bolero-tabs .tab-paper a {
 color: var(--color-light-blue);
}
div.bolero-tabs .tab-paper.tab-active a {
 color: var(--color-medium-blue);
}
div.bolero-tabs .tab-specimen a {
 color: var(--color-light-green);
}
div.bolero-tabs .tab-specimen.tab-active a {
 color: var(--color-medium-green);
}
*/

@media (min-width: 43.75rem) {
  div.bolero-tabs .tab-cell span a {
   font-size: large;
  }
}

.tab-herbarium {
  grid-row: 1 / 5;
  grid-column: 1 / 10;
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-rouge.jpg');
}
.tab-container {
  grid-row: 2 / 5;
  grid-column: 2 / 9;
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-violet.jpg');
}
.tab-paper {
  grid-row: 3 / 5;
  grid-column: 3 / 8;
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-bleu.jpg');
}
.tab-specimen {
  grid-row: 4;
  grid-column: 4 / 7;
  background-image: url('/modules/custom/bolero/img/fond-2000x2000-vert.jpg');
}
/*
.path-herbarium .tab-container {
  grid-row: 4;
  grid-column: 2 / 5;
}
.path-herbarium .tab-paper {
  grid-row: 4;
  grid-column: 3 / 5;
}

.path-container .tab-container {
  grid-row: 2 / 5;
  grid-column: 2 / 5;
}
.path-container .tab-paper {
  grid-row: 4;
  grid-column: 3 / 5;
}
*/
/* ---------------------------------------- forms */

.views-exposed-form.form--inline form,
.bolero-export-block-form form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
}

.form--inline .form-actions {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.form--inline .form-actions input.button {
  /*margin-top: 1rem;*/
}

.bolero-export-block-form form label.form-item__label {
  margin: 0;
}

.bolero-export-block-form form input.button {
  margin-top: 2.8rem;
}

form#zzz input.button {
  margin-left: 1rem;
  max-width: calc(100% - 1rem);
}

#block-filter-literature .form--inline .block__content {
  max-width: 100%;
}

#block-filter-literature .form--inline .form-item {
  margin-top: 0;
  margin-bottom: 1.125rem;
  max-width: 100%;
}

#block-filter-literature input {
  width: 100%;
}

#block-filter-literature .form--inline .form-actions {
  margin-bottom: 0.5rem !important;
}

#block-filter-literature .form--inline .form-item__label {
  color: var(--color-medium);
  margin-bottom: 0.5rem;
}

/* ---------------------------------------- boxes */

.bolero-box {
  --box-length: 100px;
  --box-width: 100px;
  --box-height: 100px;
  --top-height: calc(var(--box-width) * sin(30deg));
  --top-dx: calc(var(--box-width) * sin(30deg) / 2 * tan(60deg));
  --side-width: calc(var(--box-width) * cos(30deg));
  --side-dy: calc(-1 * var(--box-height) -(var(--box-width) * cos(30deg) / 2 * tan(30deg)))
}

.bolero-box-top {
	width: var(--box-length);
	height: var(--top-height);
	transform: skewX(-60deg) translateX(var(--top-dx));
	background: #aaa;
}

.bolero-box-front {
	width: var(--box-length);
	height: var(--box-height);
	background: #888;
}

.bolero-box-side {
	width: var(--side-width);
	height: var(--box-height);
	transform: skewY(-30deg) translateY(var(--side-dy));
	background: #555;
    position: relative;
    left: var(--box-length);
}

/*
.bolero-box-sample {
  --box-length: 290px;
  --box-width: 450px;
  --box-height: 84px;
}
*/