.gallery{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #808080a6;
    display: none;
}
#gallery{
  z-index:9999;
}
.custom-video{
  width:100%;
  display: flex;
}
.custom-video .custom-center-box{
  display: none;
}
.custom-video iframe{
  width:100%;
  max-width: 1200px !important;
  margin: auto;
  padding: 0;
  align-self: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  flex-shrink: 0;
}
.gallery.gallery-active{
  display: flex;
}
.custom-imageElement iframe{
  max-width: 100%;
}
.gallery .custom-slideshow-next{
  right: 2rem;
}
#gallery-button{
  cursor: pointer;
}
.gallery .custom-slideshow-previous{
  left:2rem;
}
.gallery .custom-slideshow-next:hover svg,
.gallery .custom-slideshow-previous:hover svg{
  cursor:pointer;
  fill:var(--clr-white);
}
#full-gallery{
  margin:auto;
}
#exit-fullscreen{
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 3.2rem;
    right: 3.2rem;
    cursor:pointer;
    z-index:9999;
}
/**** CONTAINERS *****/
/*********************/
#container {
  position: relative;
  margin: auto;
  margin-top: 0;
  width: 100%;
  max-width: 960px;
  max-height: 25000px;
  overflow: hidden;
}

#content {
  padding-top: 1px;
}
.gallery-image-caption{
    position: absolute;
    z-index: 99999;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.6rem;
    color: var(--clr-black);
    font-weight: 700;
    text-align: center;
    padding: .4rem 1.6rem;
}

/******* INSIDE content *******/
/*****************************/
#content > li {
  font-size: 1.25em;
}
.content-slideshow-background{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  /*background-color: yellow;*/
  /* z-index:500; */
  z-index:7
}
.content-slideshow {
  position: relative;
  margin: 0;
  top: 2px;
  margin-left: auto;
  margin-right: auto;
  /*width: 100%;*/
  /*width:auto;*/
  width:100vw;
  /*height: 40rem;*/
  /*height: 100vh;*/
  height: 100%;
  max-height: 653px;
  /*overflow: hidden;*/
  z-index:1000000;
}

/******* alignment classes******/
/*****************************/
.fluid {
  width: 100%;
  height: auto;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.aligncenterflex {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.aligncenter {
  display: block;
  margin: auto;
  margin-top: 2px;
  padding: 0px;
}

/******* flexgrid ************/
/*****************************/
.flex-horizontal {
  display: flex;
  flex-direction: row;
}

.flex-vertical {
  display: flex;
  flex-direction: column;
  width: 100%;
}