/* ----------- GALERIE 2026 -----------  */
/* --- TEST --- */

html {scroll-behavior: smooth;}

/* --- ADMINISTRATION --- */



/* ------  FONT ------  */
a:focus {outline:none;}
a:link {text-decoration: none;}
body,.text-content,.cke_editable {color: var(--color-text-primary-medium);
&:hover {
color: var(--color--primary-50);}
&:focus {outline: solid 1px currentColor;}
} 


/* ------ MEDIAS ------ */

.oeuvre-and-date .field:not(:last-child) {
  margin-block-end:0 !important;
}
 
.oeuvre-and-date,
.dimensions{
display: flex;
align-items: center;
}
.oeuvre-and-date {
padding-top:1rem;
}
.oeuvre-and-date,
.dimensions,
.media-technique{
color: var(--color-text-neutral-medium);
}

/* - COLORBOX (lightbox) origine libraries\colorbox\exemple2 - */
#cboxOverlay{background:#222016;}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#D2D2D2;}
#cboxTitle a {color:#D2D2D2;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls3.png) no-repeat 0 0;}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/* ------ LAYOUT ------  */
.site-header__initial,
.social-bar {
display:none !important
}

/* - Menu - */
.primary-nav__menu-link-inner {
padding-block: var(--sp0-3);
}

/* - Menu Selecteur lang - */
.block__content .links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 1.125rem;
}

/* - Menus expos et artistes (sur blocs)- */
.menu-custom ul {
margin-inline-start: 0; 
  @media (max-width:43.75rem) {
    padding-block-end:1.125rem;
  }
}
.menu-custom li {
display: inline-block;
list-style: none !important;
  &:hover,
  &:focus {
    -webkit-text-decoration: underline;
    text-decoration: underline;
  }
}
.menu-custom li:not(:last-child)::after {
content: " ";
margin: 0 0.75rem; 
  @media (max-width:43.75rem) {
   margin: 0 0.25rem;
  }
}

.block__content .links li {
margin: 0;
margin-bottom:1.125rem;
}

.block__content .links a {
text-decoration: none;
font-size: 1.125rem;
}


/* - Main - */

.breadcrumb {
font-weight:lighter ;
font-size: 0.875rem;
}
.breadcrumb__link {
color: var(--color-text-neutral-medium);
}
.breadcrumb__item {
  &:nth-child(n+2)::before {
    margin-inline: 0.5rem 0.75rem;
    border-block-start: 1px solid var(--color-text-neutral-medium);
    border-inline-end: 1px solid var(--color-text-neutral-medium);
  }
}

h2.block__title{
  margin-top: 0;
  margin-bottom: 1.5rem !important;
  font-size: 1.125rem !important;
  line-height: 1.125rem;
  color:#000;
}
@media (min-width: 62.5rem) {
h2.block__title {
 margin-bottom: 2rem !important;
 font-size: 1.25rem !important;} 
 color:#000;}
}

/* - Expos Entete - */
.intitule-expo {
line-height:0;
margin-bottom: 2rem;
}

/* - Footer - */
 .site-footer {
  color: var(--color-text-neutral-medium);
  background: white;
}