/* You can change this file 
---------------------------
Please use the IDs provided as much as possible
This css file is for everything related to the #gallery section
*/

@media only screen and (min-width: 819px) {
    

#gallery {
    width: 100%;
    height: 40vw;
    position: relative;
    overflow: hidden;
    border: none;
}  

#gallery img {
    width:  100%;
    height: 40vw;
    object-fit: cover;
}

#galleryoverlay {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

#gallery #page #thirdblock #inset #twothirdsblock {
	vertical-align:middle;
}

#gallery #page #thirdblock #inset li  {
	width:35px;
	height:35px;
	padding:8px;
	text-align:center;
	margin:0 auto 0 auto;
	border-radius:var(--circular);
	font-size:22px;
}

#gallery #page #thirdblock #inset li i {
	vertical-align:middle;
}


#gallery #fullblock {
    height: auto;
	width: 99%;
    margin: 0px;
    padding: 0;
    border: inherit;
    position: absolute;
    bottom: 0;
left: 0;
}

#gallery #fullblock #thirdblock {
	margin-left: auto;
	margin-right: auto;
}

#gallery #fullblock #inset {
padding: 4% 2%;
width: 96%;
height: auto;
text-align: center;
}

button {
   width: 45%;
   height:  auto;
   padding: 2% 3%;
   border-radius: 10px;
   font-size: 16px;
}


#gallery #thirdblock {
    width: 32.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
}

#gallery #quarterblock {
    width: 25% !important;
    height: auto;
    margin: 0px;
    padding: 0;
    border: none;
}

#front .wp-block-image>img {
    width: 100%;
    height: 20vw;
    object-fit: cover;
}
	
.childrenof img {
	height:15vw;
	object-fit:cover;
}

}