/*==================  Masonry   ======================*/
/* fluid 4 columns */
.grid {margin-left:-12px;margin-right:-12px;}
.grid-sizer,
.grid-item { width: 25%; height:306px; overflow:hidden; }
.t3-frontend-editing__ce .grid-item { overflow:auto; }
.grid-item {margin-bottom: 24px;padding-left:12px;padding-right:12px;}
/* 2 columns */
.grid-item--width2 { width: 50%; }
.grid-item--height2 { height: 636px; }
.grid-item .grid-item-image{ overflow:hidden;position:relative;}
.grid-item .grid-item-image img { width:100%;}
.grid-item {position:relative;}
.grid-item-image::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 0px;
	background: #000;
	opacity: 0;
	transition: 0.35s all ease;
  z-index: 1;
}
.grid-item-image::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 0px;
	/*background: linear-gradient(0deg,rgba(19,17,32,.8) 0%,rgba(19,17,32,.7) 22.46%,rgba(19,17,32,0) 55.82%,rgba(19,17,32,0) 100%);*/
	background: linear-gradient(0deg,rgba(32,32,32,.9) 0%,rgba(19,17,32,.7) 30%,rgba(32,32,32,0) 60%,rgba(32,32,32,0) 100%);
}
.grid-item-content {transition: 0.35s all ease;text-align: center;position:absolute;z-index:2;left:0;top:0px;color:#fff;padding:15px 30px;width:100%;height:100%;display:flex;align-items: flex-start;}
.grid-item-content div {width:100%;}
.grid-item-content h2, .grid-item-content h3 {font-family: var(--tlog-font-header); font-size:2.5rem;color: #fff;margin-bottom:0;}

.grid-item-content-bodytext {
	opacity: 0;
	transform: translateY(100%) scale(0.8);
	transition: 0.35s all ease;
}
.grid-item a:hover .grid-item-image::before {
	 opacity:0.7;
}
.grid-item a:hover .grid-item-content{
	 transform:translateY(-50px);
   opacity: 1;
}
.grid-item a:hover .grid-item-content .grid-item-content-bodytext{
	opacity: 1;
	transform: translateY(-10px) scale(1);
	margin-top:1em;
}
.grid-item a:hover {color:inherit;text-decoration:none;}

a.masonryFancyBox {position: relative;display: block;}
a.masonryFancyBox::after {
  position: absolute;
  top: 50%;
  left:50%;
  content: "\f067";
  transform: translate(-50%, -50%);
  font-size: 45px;
  z-index: 10;
  font-family:"Font Awesome 6 Pro";
  transition: .35s;
  opacity: 0;
  color:#3a66af;
}
a.masonryFancyBox:hover::after {opacity: 0.8;}
a.masonryFancyBox:hover img {opacity: 0.8;}



/*xl //X-Large devices (large desktops, less than 1400px)*/
@media screen and (max-width: 1399.98px) {
  .grid-item { height:261px; }
  .grid-item--height2 { height:546px; }

}
/*lg // Large devices (desktops, less than 1200px)*/
@media screen and (max-width: 1199.98px) {
  .grid-item { height:216px; }
  .grid-item--height2 { height:456px; }
}
/*md // Medium devices (tablets, less than 992px)*/
@media screen and (max-width: 991.98px) {
	.grid-sizer{width:50%;}
	.grid-item { width:50%;height:156px; }
  .grid-item--height2 { height:336px; }

}
@media screen and (min-width: 768px) and (max-width: 992px) {
	.grid-item-content h2, .grid-item-content h3 {font-size: 1.5rem;}
	.grid-item a:hover .grid-item-content { transform: translateY(-20px);}

}
/*sm // Small devices (landscape phones, less than 768px)*/
@media screen and (max-width: 767.98px) {
	.grid-sizer{width:100%;}
	.grid-item { width:100%;height:246px; }

  .grid-item--width2 {width:100%; }
  .grid-item--height2 { height:516px; }
	.grid-item-content {  padding: 0px 30px;}
	.grid-item a:hover .grid-item-content { transform: translateY(-20px);}

}
/*xs // X-Small devices (portrait phones, less than 576px)*/
@media screen and (max-width: 575.98px) {
	/*.grid-item {height:176px; }
  .grid-item--height2 { height:376px; }*/

}
@media screen and (max-width: 435px) {
  .grid-sizer { width: 100%; }
  .grid-item {  width: 100%;height:auto; }
  .grid-item img { width: 100%;}
  .grid-item--height2 { height:auto; }

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

}