/* 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: 40vw;
    position: relative;
    overflow: hidden;
    border: none;
} 

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

#short-gallery img {
	object-fit:cover;
}

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

#gallery #halfblock, #long-gallery #halfblock {
    width: 49.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
    position: absolute;
}

#gallery #halfblock:nth-of-type(1), #long-gallery #halfblock:nth-of-type(1) {
	text-align:center;
	bottom:15%;
	left:25%;
	border:5px solid var(--cream-background);
}

#gallery button {
	font-weight:normal;
	border-radius:var(--rounded);
	padding:12px 50px;
	margin:1% 0;
}

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

button {
   width: auto;
   height:  auto;
   padding: 2% 5%;
   border:  none; 
}


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

#gallery #halfblock:nth-of-type(1) span:nth-of-type(1)::after, #gallery #halfblock:nth-of-type(1) p::after{
	content:"";
	padding:1.5% 0;
	display:block;
}

#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;
}
	
.wp-block-buttons.space-between .wp-block-button {
	margin-right:0.5%;
}
	
.icon-blocks .wp-block-columns li {
	text-align:center; 
	font-size:45px; 
	list-style-type:none!important; 
	color:#4a6a2b; 
	padding:15px;
	width:20%;
	border-radius:var(--circular);
	margin: 0 auto 0 auto;
}
	
.icon-blocks .wp-block-column {
	margin-right:1%;
}

.get-in-touch form * {
	border:0px solid black;}
	
}

.get-in-touch form {
	overflow:hidden;
	vertical-align:middle;
}

.get-in-touch form table {
	border-spacing:18px;
	margin: 0 auto 0 auto;
}

.get-in-touch form tbody {
	width:90%;
}

.get-in-touch form input[type="text"], .get-in-touch form textarea {
	background:#f6f6f6;
	padding:0.8rem;

}

.get-in-touch input[type="submit"]  {
	border-radius:var(--circular); background-color:var(--green); color:white; padding:12px 50px;
}

.wp-block-gallery img {
	height:100%!important;
}

.wp-block-columns.column-spacing .wp-block-column {
	padding:0% 1%;
}

}