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

  /* 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);
}
.fancybox-is-open .fancybox-bg{
  opacity: .8;
  background: var(--colorbg);
}
  .fancybox-caption {
     background: transparent;
     color: var(--color);
     font-size: 13px;
     font-weight: 300;
   }
   .fancybox-button svg path {
     fill: #fff;
     fill: var(--colorbg);
   }

  .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: 900px;
  padding: 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;
  } */