/* GLOBAL: Dark Mode */
/* -------------------------------------------------------------------------- */
/**/

@media (prefers-color-scheme: dark) {
  body {
    color: var(--grey-lighter);
    background: var(--dark-light);
  }
  h2.subtitle.text-secondary {
    color: var(--grey-lighter)!important;
  }
  .node__content a, .node__content a:visited,
  .node__content a:hover, .node__content a:focus,
  .venipedia-sestante-aside-box a, .venipedia-sestante-aside-box a:visited,
  .venipedia-sestante-aside-box a:hover, .venipedia-sestante-aside-box a:focus,
  .section-tc-header a, .section-tc-header a:visited,
  .section-tc-header a:hover, .section-tc-header a:focus,
  .facets-widget-links ul li.facet-item label .facet-item__value,
  #block-venipedia-d8-area a,
  #block-venipedia-d8-periodo a,
  #block-venipedia-d8-autore a,
  #block-venipedia-d8-editore a,
  #block-venipedia-d8-provenienzaimmagine a,
  #block-venipedia-d8-ospitatain a,
  #block-venipedia-d8-linkesternoallopera a,
  #block-venipedia-d8-tagvisiva a,
  #block-venipedia-d8-supportavenipediatestocalltoaction a,
  .view-display-id-venipediasearch .field-content h3 a,
  .view-display-id-venipediasearch .field-content h3 a:visited,
  .section-view-search-page-suggested-contents-item a,
  #block-venipedia-d8-translationlevel a,
  #block-venipedia-d8-cartolinetematica a,
  #block-venipedia-d8-argomento a,
  #block-venipedia-d8-cartolinecuratoremuseo a,
  #block-venipedia-d8-cartolinaimmagineretromedia a {
    color: var(--yellow-light)!important;
  }
  .section-view-search-page-suggested-contents-item a,
  .section-view-search-page-suggested-contents-item a:visited {
    text-decoration: none;
  }
  .section-view-search-page-suggested-contents-item a:hover,
  .section-view-search-page-suggested-contents-item a:focus {
    text-decoration: underline;
  }
  .section-view-search-page-suggested-contents-items ul li {
    border-bottom: var(--grey-dark);
  }
  .field--type-text-with-summary,
  .field--type-text-with-summary p,
  #block-venipedia-d8-supportavenipediatestocalltoaction p small,
  #vnp-sources-disclaimer p,
  .elenco-playlist .accordion-button,
  .elenco-playlist-preview .field-content,
  .accordion-body,
  .elenco-playlist h3.guide-nome-tappa,
  table td,
  table tr {
    color: var(--grey-lighter);
  }
  #node-content-field-mappa,
  .block-entity-fieldnodefield-mappa-leaflet,
  .venipedia-sestante-aside-box,
  .field--name-field-mini-gallery-media,
  #block-venipedia-d8-translationlevel,
  #block-venipedia-d8-supportavenipediatestocalltoaction,
  #block-venipedia-d8-area,
  #block-venipedia-d8-periodo,
  #block-venipedia-d8-autore,
  #block-venipedia-d8-editore,
  #block-venipedia-d8-provenienzaimmagine,
  #block-venipedia-d8-ospitatain,
  #block-venipedia-d8-linkesternoallopera,
  #block-venipedia-d8-tagvisiva,
  .block-facets,
  .mapboxgl-popup-content,
  #vnp-sources-disclaimer,
  .elenco-playlist .accordion-button,
  .elenco-playlist-preview .field-content,
  .accordion-body,
  .field--name-field-riferimenti,
  #block-venipedia-d8-cartolinetematica,
  #block-venipedia-d8-argomento,
  #block-venipedia-d8-cartolinecuratoremuseo,
  #block-venipedia-d8-editore-cartoline,
  #block-venipedia-d8-condizionecartolina,
  #block-venipedia-d8-cartolinaimmagineretromedia,
  .openseadragon-container {
    background: var(--grey-dark)!important;
  }
  .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: var(--grey-dark)!important;
  }
  .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: var(--grey-dark)!important;
  }
  strong.evidenzia-giallo-grassetto,
  #block-venipedia-d8-supportavenipediatestocalltoaction a.text-black.btn-support-venipedia {
    color: var(--dark)!important;
  }
  #block-venipedia-d8-supportavenipediatestocalltoaction a.text-black.btn-support-venipedia {
    font-size: 1.2rem;
  }
  .views-view-grid a.vnp-container-link,
  .views-view-grid a.vnp-container-link:visited,
  .views-view-grid a.vnp-container-link:focus,
  .views-view-grid a.vnp-container-link:hover {
    display:block;
    color: var(--grey-lighter);
    text-decoration: none;
  }
  #views-bootstrap-content-home-suggerimenti-visiva a:hover h3.grid-node-title,
  #views-bootstrap-content-home-suggerimenti-visiva a:focus h3.grid-node-title {
    display:block;
    color: var(--grey-lighter);
    text-decoration: underline;
  }
  .section-view .views-view-grid .colored-grid .views-field {
    color: var(--grey-lighter);
    background: var(--grey-dark)!important;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .section-view .views-view-grid .colored-grid .views-field:hover {
    box-shadow: 0px 0px 32px rgba(255,255,255,0.4)!important;
    border: 1px solid var(--yellow)!important;
  }
  .section-view .views-view-grid .colored-grid .views-field h3,
  .section-view .views-view-grid .colored-grid .views-field h3#grid-node-title a,
  .section-view .views-view-grid .colored-grid .views-field h3.grid-node-title a {
    color: var(--grey-lighter);
  }
  #main img,
  .page-image-header img {
    filter: brightness(0.8)
  }
  .contextual-thumbnails-grid {
    border-top: 8px solid var(--grey-dark);
    border-bottom: 8px solid var(--grey-dark);
  }
  input, select, textarea { /* Nelle select non compare lo chevron basso */
    background: var(--grey-dark)!important;
    color: var(--grey-lighter)!important;
  }
  .venipedia-sostenibile-banner-link, .venipedia-sostenibile-banner-link:visited {
    color: rgba(255, 255, 255, 0.70);
    background: #003203;
  }
  .venipedia-sostenibile-banner-link:hover, .venipedia-sostenibile-banner-link:focus {
    color: rgba(255, 255, 255, 0.70);
    background: #004504;
  }
  #views-bootstrap-content-v2-home-leggi-3-random h3 a,
  #views-bootstrap-content-v2-home-leggi-3-random h3 a:hover,
  #views-bootstrap-content-v2-home-leggi-3-random h3 a:visited,
  #views-bootstrap-content-v2-home-leggi-3-random h3 a:focus {
    color: var(--yellow-light);
  }
  #block-venipedia-d8-views-block-content-v2-home-leggi-3-random h3.block-title,
  #block-venipedia-d8-views-block-content-home-suggerimenti-visiva h3.block-title {
    margin-bottom: 1.2rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--grey);
  }
  #block-venipedia-d8-views-block-content-home-suggerimenti-visiva img {
    border-radius: 6px!important;
  }
  .section-tc-header {
    border-bottom: 1px solid var(--grey);
  }
  #venipedia-context-menu-horizontal ul li a,
  #venipedia-context-menu-horizontal ul li a:visited {
    color: var(--grey-lighter);
    border-radius: 900px;
    border-color: var(--grey-light);
    padding: 8px 16px;
  }
  #venipedia-context-menu-horizontal ul li a:hover,
  #venipedia-context-menu-horizontal ul li a:focus {
    color: var(--dark);
    border-radius: 900px;
    border-color: var(--grey-light);
    background: var(--light);
    text-decoration: none;
    padding: 8px 16px;
  }
  #vnp-paywall-preview { /* Set the gradient on preview text */
    /* Fallback: Set a background color. */
    background-color: var(--dark-light);
    /* Create the gradient. */
    background-image: linear-gradient(0deg, var(--dark-light), var(--light));
    background-clip: text;
    /* Set the background size and repeat properties. */
    background-size: 100%;
    background-repeat: repeat;
    /* Use the text as a mask for the background. */
    /* This will show the gradient as a text color rather than element bg. */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
  }
  #vnp-paywall-cta-access-link,
  #vnp-paywall-cta-box {
    background-color: rgb(25,25,25)!important;
  }
  .search-api-page-block-form-vnp-ricerca-generale {
    background: var(--grey-dark);
  }
  /* DARK MODE / PLYR */
  .plyr {
    border-bottom: 5px solid var(--grey-dark);
    border-top: 5px solid var(--grey-dark);
    margin: 30px 0;
    padding: 10px 0;
  }
  .plyr--audio .plyr__controls {
    color: var(--grey-lighter);
    background: var(--grey-dark);
  }
  /* Dark Mode / Block Title */
  .field__item_label h3.field-label,
  #block-venipedia-d8-video-2 h3.block-title,
  .elenco-playlist h3.field-label,
  h3.block-title-deco {
    font-size: 1.1rem;
    color: var(--light);
    margin-bottom: 15px;
  }
  /* BS Override */
  .card {
    background: var(--grey-dark)!important;
  }
  .card a,
  .card a:visited,
  .card a:hover,
  .card a:focus {
    color: var(--yellow-light)!important;
  }
  .border-top {
    border-top: 1px solid var(--grey-dark)!important;
  }
  .border-bottom {
    border-bottom: 1px solid var(--grey-dark) !important;
  }
  .pagination {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .page-item .page-link {
    color: var(--grey-lighter);
    background: transparent;
    border-color: var(--grey-light);
  }
  .page-item .page-link:hover,
  .page-item .page-link:focus {
    color: var(--dark);
    background: var(--yellow);
    border-color: var(--grey-light);
    text-decoration: none;
  }
  .page-item.active .page-link {
    z-index: 3;
    color: var(--dark);
    background-color: var(--yellow);
    border-color: var(--grey-light);
  }

  /* GLOBAL: Taxonomy buttons */
  a.taxonomy-button,
  a.taxonomy-button .taxonomy-button-text {
    color: var(--light) !important;
    background-color: var(--grey-dark) !important;
  }
  a.taxonomy-button:focus,
  a.taxonomy-button:hover {
    color: var(--light) !important;
    background-color: var(--cyan-dark) !important;
  }

  /* GLOBAL: Accordion */
  .section-supporto.accordion h3 a:not(.collapsed) {
    color: var(--light) !important;
  }
  .accordion-button {
    color: var(--grey-light)!important;
    background: var(--grey-dark)!important;
  }
  .accordion-button:hover,
  .accordion-button:focus {
    color: var(--light)!important;
    background: var(--dark-light)!important;
  }
  .accordion-body {
    background: var(--dark-light) !important;
    border-radius: 0 !important;
  }
  .accordion-body a,
  .accordion-body a:visited {
    color: var(--yellow) !important;
  }
  .accordion-body a:hover,
  .accordion-body a:focus {
    text-decoration: none !important;
  }

  /* GLOBAL: User Login Form */
  #user-login-form__box {
    background: var(--dark) !important;
  }
  #user-login-form__box a,
  #user-login-form__box a:visited {
    color: var(--yellow) !important;
  }

  .sidebar .bz-edd.notice {
    background: var(--grey-dark);
  }
/* GLOBAL: Load More - BTN */
.pager.pager--load-more ul li a,
.pager.pager--load-more ul li a:visited {
  display: inline-block;
  padding: 8px 20px;
  text-decoration: none;
  border: 1px solid;
  border-radius: 99999px;
  color: var(--light);
}

.pager.pager--load-more ul li a:hover,
.pager.pager--load-more ul li a:focus {
  display: inline-block;
  padding: 8px 20px;
  text-decoration: none;
  border: 1px solid;
  border-radius: 99999px;
  background: var(--light);
  color: var(--dark);
}
  /* GLOBAL / Bootstrap Override */
  .alert-warning {
    background-color: var(--grey-dark) !important;
  }
} /* END DARK MODE */