.content-gallery {
	box-sizing: border-box;
}

.div-galleries-category {

}
.content-gallery p {
	margin-bottom: 2em;
	margin-top: 0.5em;
}

.div-galleries-category ul {

	list-style-type: none;
	top: 2em;
	right: 2em;
	margin: 0;
	margin-bottom:1em;
	padding: 0;
}

.div-galleries-category li {
  display: inline-block;

	text-align: left;
	padding: 0.4em;
	margin-bottom: 0.1em;
	border-radius: 5px;
	border: 1px solid #26084e11;
	outline: 1px solid #ffffff55;
	outline-offset: -3px;
	text-decoration: none;
}


/* CATEGORY */

.div-galleries-category ul li {
	background: #d4f0fd;
}

.div-galleries-category ul a {
	color: #2d2f2e;
}

.div-galleries-category ul li:hover {
	background: #9bd1c6;
	border: 1px solid #26084e99;
}

.div-galleries-category ul a:hover {
}

.div-galleries-category ul li.galleries-selected a:hover {
}

.div-galleries-category ul li.galleries-selected {
	background: #9bd1c6;
	border: 1px solid #26084e99;
}

.div-galleries-category-li {
}


/* GRID OF IMAGES */

.gallery-grid {
	border:1px solid black;
	background:#ffffffcc;
	padding:5px;
	border-radius: 5px;
  display: grid;
  grid-template-columns: repeat(8,11vw);
	grid-auto-rows:11vw;
	justify-content: center;
}

@media screen and (max-width: 700px) {

.gallery-grid {
	border:1px solid black;
	background:#ffffffcc;
	padding:5px;
	border-radius: 5px;
  display: grid;
  grid-template-columns: repeat(4,22vw);
	grid-auto-rows:22vw;
	justify-content: center;
}
}
.gallery-grid .gallery-grid-img-div {
}


.gallery-grid .gallery-grid-img-div .gallery-grid-image-small {
	padding:8px;
  object-fit: cover;
	width: 100%;
	height: 100%;
	border:1px solid black;
	background: white;
	border-radius: 5px;
	z-index: 70;
}

.content-gallery .gallery-grid-image-large {
	
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 98vw;
  max-height: 90vh;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	z-index: 1000;
}



.content-gallery .gallery-grid-image-large img {
	border-radius: 5px;
	border: 1px solid black;
  max-width: 82vw;
  max-height: 78vh;
}
.content-gallery .gallery-grid-image-large p {
	border-radius: 5px;
	border: 1px solid black;
	background: #ffffff;
	padding:15px;
	text-align: center;
	color:black;

}

.content-gallery .gallery-screen p a {
	color:black;
	text-decoration: none;
}
.content-gallery .gallery-screen p a:hover {
	color:black;
}
.content-gallery .gallery-screen p a:visited {
	color:black;
}

.content-gallery .gallery-screen {
	position: fixed;
	color:black;
	top: 0px;
	left: 0px;
	background: #000000ee;
	width: 100vw;
	height: 100vh;
	z-index: 900;
}

.gallery-screen-hidden, .gallery-fb-button-hidden {
	width:0px;
	height:0px;
	visibility: hidden;	
}

.gallery-grid-large-hidden {
	width:0px;
	height:0px;
	visibility: hidden;
}

.gallery-grid-large-show {
	width:50px;
	height:50px;
	visibility:initial;
	z-index: 1100;

}



.gallery-fb-span {
	font-size: 7vh;
	padding:2px;
	border-radius: 5px;
}
.gallery-fb-span:hover {
	background:#cccccc;
}
.gallery-forward, .gallery-backward {
	background: transparent;
	z-index: 1200;
	color:#333333;
	position: fixed;
	top:50vh;
}
.gallery-forward {
	right:20px;	
}

.gallery-backward {
	left:20px;
}