/* 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, #long-gallery {
    width: 100%;
    height: 35vw;
    position: relative;
    overflow: hidden;
    border: none;
	padding: 0;
}  

#short-gallery {
	width:100%;
	height:10vw;
}

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

#gallery #halfblock, #long-gallery #halfblock {
    width: 49.5%;
    height: auto;
    margin: 0px;
    padding: 0px 0;
    border: inherit;
    vertical-align:middle;
	position: relative;

}


#gallery #halfblock #inset, #long-gallery #halfblock #inset {
padding: 5%;
width: 90%;
height: auto;
}

#gallery #halfblock img.circleimage, #long-gallery #halfblock img.circleimage {
border-radius: 50%;
height: 30vw;
width: 30vw;
object-fit:cover;
margin: 0 auto;
display: block;
	z-index: 10;
	position: relative;
}

button {
   width: auto;
   height:  auto;
   padding: 2% 8%;
   border-radius:  50px 0 50px  0; 
}

img.jigsaw {
	position: absolute;
	width: 30%;
	height: auto;
	bottom: 0;
	right: 0;
	z-index: 12;
}

	
div.greycircle {
	width: 20vw;
	height: 20vw;
	position: absolute;
	border-radius: 50%;
	top: 0;
	left: 2vw;
	z-index: 3;
}

div.bluecircle {
	width: 5vw;
	height: 5vw;
position: absolute;	
border-radius: 50%;
	top: 3vw;
	right: 4vw;
		z-index: 3;
}

#gallery #halfblock button {
	margin-top:3%;
}


#gallery #halfblock button:nth-of-type(2) {
	background:none;
	border:1px solid var(--dark-blue);
	margin-left:2%;
}


#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;
}


	
main #twothirdsblock:nth-of-type(1) {
	margin:0 auto 0 auto;
	padding:3% 0;
}

main #twothirdsblock:nth-of-type(1) #fullblock:nth-of-type(1) span:nth-of-type(1)::after {
	content:"";
	padding:.5% 0;
	display:block;
}

main table {
	width:100%;
}


main table tbody select, main table tbody input[type="text"],main table tbody input[type="textarea"]  {
	height:30px;
	border: 1px solid #d2d2d2;
	margin: 1% 0;
	padding:0 1%!important;
	width:96%;
}

main table tbody input[type="textarea"] {
	height: 150px;
}

main table tbody hr {
	background:#74747412;
	width:100%;
	padding:.01% 0;
	margin: 0 0 30px 0!important;
}

main table tbody input[type="radio"] {
	margin-right:10px;
	margin-left:0px;
}

main table tbody li {
	list-style-type:none;
}

main table tbody #datepicker {
	background:none!important;
	padding:0 0.5%;
}

}