/********************************************************************************
			 --- Gallery ---
*********************************************************************************/
.gallery-grid-container.no-js .gallery-grid {opacity:0;}
.gallery-grid-container.no-js:before {content:""; display:block; position:absolute; z-index:1; top:50%; left:50%; margin:-30px 0 0 -30px; height:60px;width:60px; -webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(235, 236, 237,1);border-right:6px solid rgba(235, 236, 237,1);border-bottom:6px solid rgba(235, 236, 237,1);border-top:6px solid rgba(3, 162, 201,1);border-radius:100%}
.gallery-grid {margin:0 -0.750em;  opacity:1; transition:opacity 750ms ease-out; transform: translateZ(0);}
.gallery-grid-sizer, .gallery-item {width:33.3333%; padding:0 0.750em 1.500em;}
.gallery-item a {display:block; position:relative;}
/*.gallery-item a:before {content:"\e8a7"; font-family: 'CD-Project-Icons'; display:block; position:absolute; top:0.750em; right:0.750em; color:rgba(255,255,255,0.90); width:1.750em; height:1.750em; line-height:1.750em; background:rgba(11, 162, 227,0.90); text-align:center; transition:background 250ms ease;}*/
.gallery-item a:hover:before {background:rgba(154, 159, 166,0.90);}

.photo-gallery-root {overflow:hidden;}
.photo-gallery-title {margin-bottom:1rem;}
.photo-gallery-filters {display:flex; flex-wrap:wrap; gap:.5rem; margin:0 0 5rem; justify-content:center; align-items:center; text-align:center;}
.photo-gallery-filter {border:1px solid var(--wp--preset--color--contrast-0, #aaa); border-radius:999px; background:transparent; color:inherit; cursor:pointer; padding:.7rem 1.5rem; transition:background-color 180ms ease, color 180ms ease, border-color 180ms ease; text-transform:capitalize; font-size:1.125rem;}
.photo-gallery-filter:hover,.photo-gallery-filter:focus-visible,.photo-gallery-filter.is-active {background:var(--wp--preset--color--contrast-0, #111); border-color:var(--wp--preset--color--contrast-0, #111); color:var(--wp--preset--color--contrast-1, #fff);}
.photo-gallery-grid .gallery-grid-sizer,
.photo-gallery-grid .gallery-item {width:33.333333%;}
.photo-gallery-grid .photo-gallery-item {padding-bottom:1.5rem;}
.photo-gallery-item[hidden] {display:none;}
.photo-gallery-link {position:relative; display:block; overflow:hidden;}
.photo-gallery-link .image-container {margin:0;}
.photo-gallery-link .img_contain {position:relative; overflow:hidden;}
.photo-gallery-image {display:block; width:100%; height:auto; object-fit:cover; transition:transform 350ms ease, filter 350ms ease;}
.photo-gallery-link:hover .photo-gallery-image,.photo-gallery-link:focus-visible .photo-gallery-image {transform:scale(1.035); filter:saturate(1.08);}
.photo-gallery-link .item-inner-container {position:absolute; z-index:2; right:0; left:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 180ms ease;}
.photo-gallery-link:hover .item-inner-container,.photo-gallery-link:focus-visible .item-inner-container {opacity:1;}
.photo-gallery-video-play {position:absolute; z-index:2; top:50%; left:50%; width:3.25rem; height:3.25rem; border-radius:50%; background:rgba(0,0,0,.68); transform:translate(-50%,-50%); pointer-events:none;}
.photo-gallery-video-play:after {content:""; position:absolute; top:50%; left:54%; border-top:.55rem solid transparent; border-bottom:.55rem solid transparent; border-left:.8rem solid #fff; transform:translate(-40%,-50%);}
.photo-gallery-caption {position:absolute; left:0; right:0; bottom:0; padding:.75rem; color:#fff; background:linear-gradient(transparent, rgba(0,0,0,.75)); font-size:.85rem;}

@media only screen and (min-width:768px) and (max-width:1023px) {
	.photo-gallery-grid .gallery-grid-sizer,
	.photo-gallery-grid .gallery-item {width:50%;}
}

@media only screen and  (max-width: 767px) {
	.gallery-grid-sizer, .gallery-item,
	.photo-gallery-grid .gallery-grid-sizer,
	.photo-gallery-grid .gallery-item {width:100%;}
	.photo-gallery-filters {align-items:center; flex-direction:row;}
}
