:root{
   --colorbg: #FFF;
   --color: #000;
};

/* FANCY BOX */
.fancyphoto{cursor: zoom-in;}
.fancybox-bg {background:var(--colorbg);}
.fancybox-button {background: var(--color);}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
/*  color: var(--colorbg);
  background: var(--color);*/

  color: var(--color);
  background: transparent;
}

.fancybox-is-open .fancybox-bg{
  opacity: .9;
  background: var(--colorbg);
}
.fancybox-caption {
   background: transparent;
   color: var(--color);
   font-size: 13px;
   font-weight: 300;
 }
 .fancybox-button svg path {
   fill: #fff;
   fill: var(--color);
 }

.fancybox-navigation{
   position: absolute;
   top: 50%;
   width: 100%;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
  font-size: 16px;
  font-weight: 400;
  color: var(--color);
}

.fancybox-content {
  width: auto;
  padding: 0 20px;
}

.fancybox-content h2{
  font-weight: 300;
  font-size: 22px;
  line-height: .9;
  font-family: 'giulia-plain', sans-serif;
  margin: 30px 0 10px;
}


.fancybox-content .bandeau {
  width: 100%;
  height: 450px;
  object-fit: cover;
}


.fancybox-content .contenu {
  padding: 10px 20px 30px;
}

  /* .fancybox-navigation .fancybox-button {
     background: transparent;
  }
  .fancybox-navigation .fancybox-button[disabled] {
     display: none;
  }
  .fancybox-navigation .fancybox-button svg path {
     fill: #000;
  } */