/* 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, .wp-block-button {
	font-weight:normal!important;
	border-radius:var(--rounded)!important;
	padding:12px 50px!important;
	margin:1% 0;
}
	
.wp-block-button {
	margin: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;
}
	
.imagearraywrap {
	width:100%;
	height:auto;
	overflow:hidden;
}
	
.imagearraywrap #imagearray {
	width:110%;
	margin-left:-5%;
}
	
.imagearraywrap #imagearray img {
	height:10vw;
	width:10vw;
	object-fit:cover;
}
	
#areascovered > li {
        width: 24%;
        height: auto;
        display: inline-block;
}

#areascovered > li > a {
	font-weight:bold;
}

#areascovered li > ul {
	padding-left:10%;
}

#areascovered li > ul > li {
	list-style:none;
}

figure.wp-block-gallery.has-nested-images {
	align-items:normal;
}
	
.blocks-gallery-grid, .wp-block-gallery {
	display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
	
.wp-block-gallery.has-nested-images figure.wp-block-image {
	box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    max-width: 100%;
    position: relative;
	margin:0;
}
	
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
	flex: 1 0 0%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
	
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
	width:96%;
	padding-right:2%;
}
	
.wp-block-media-text.alignwide.is-stacked-on-mobile .wp-block-media-text__content:not(.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content){
	width:96%;
	padding-left:2%;
}