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

#gallery img:not(#gallery #thirdblock img) {
    width:  100%;
    height: 32vw;
    object-fit: cover;
	position:relative;
	z-index:1;
}

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

#gallery-overlay {
	width:100%;
	height:100%;
	z-index:2;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
}

#gallery #halfblock {
    width: 49.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;

}

#gallery #fullblock {
	text-align:left!important;
}

#gallery #fullblock {
	z-index:3;
		position:relative;
}


#gallery #fullblock:nth-of-type(2) div {
	vertical-align:bottom;
}

#gallery #fullblock:nth-of-type(2) {
	bottom:10%;
}

#gallery #fullblock:nth-of-type(2) #thirdblock:nth-of-type(1) {
	margin-left:1.3%;
}

#gallery #fullblock:nth-of-type(2) #thirdblock span {
	display:block;
	z-index:1;
	position:relative;
}

#gallery #fullblock:nth-of-type(2) #thirdblock span:before{
	background-image:url('assets/left-circle.png');
	padding:6vw;
	        background-size: 13vw;
        position: relative;
        margin-left: -9%;
        margin-bottom: -26%;
	z-index:2;
	width:100%;
	content:"";
	display:inline-block;
	background-repeat:no-repeat;	
}

#gallery #fullblock:nth-of-type(2) #thirdblock:nth-of-type(2) span:before {
	    background-image: url(assets/centre-circle.png);
        background-size: 21vw;
        position: relative;
        margin-left: -18%;
	    margin-bottom: -36.5%;
}
	
	#gallery h1 {
	font-size:45px;}
	
	#gallery h1 {
	top:5%;
		z-index:3!important;
	position:absolute;}
	
	
	#gallery:has(button) p, #gallery button, #gallery:has(button) h2, #gallery p{
		z-index:3!important;
	position:absolute;}
	
	#gallery:has(button) p {
	bottom:19.5%!important;
	}
	
	#gallery p {
	bottom:15%!important;}
	
	#gallery:has(button) h2 {
	bottom:32%;
	}
	
	#gallery button {
	bottom:8%;
	font-size:1vw;
	padding:1vw 4vw!important;}

#front p, #front ul {
	font-size:1.1vw;
}

#front h2.wp-block-heading:nth-of-type(1):after {
	content: " &nbsp ";
    display: block;
    width:30%;
    font-size: 1px;
    margin: 1% 0;
    padding: .1% 0;
	background:var(--orange);
}

#front h2.wp-block-heading:nth-of-type(1).long-header:after{
	width:50%;
}

#front .wp-block-column.has-background h2.wp-block-heading:nth-of-type(1):after {
	background:var(--dark-blue);
}

#front .wp-block-column.is-rounded {
	border-radius:30px;
}


#front .wp-block-columns .wp-block-group ul.wp-block-list  {
	margin-left:50px;
}

#front .wp-block-columns .wp-block-group ul.wp-block-list li {
	list-style-type: disc!important;
}

#front form.contact-form table{
	width:100%;
	overflow:hidden;
}

#front form.contact-form input:not(input[type="submit"]), #front form.contact-form textarea {
	border-radius:10px;
	padding:0.5vw 0;
	width:98%;
}

#front form.contact-form input:not(input[type="submit"]), #front form.contact-form textarea {
	opacity:0.6;
}

#front form.contact-form input:not(input[type="submit"]):hover, #front form.contact-form textarea:hover {
	opacity:1;
	border:1px solid black;
} 

#front form.contact-form textarea {
	height:80px;
}

#front form.contact-form input[type="submit"] {
	background:var(--orange);
	color:white;
	margin-top:20px;
}


#gallery #thirdblock #inset  {
	width:90%;
	padding:1% 5%;
}

#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 #quarterblock {
    width: 25% !important;
    height: auto;
    margin: 0px;
    padding: 0;
    border: none;
}

#front .wp-block-image>img {
    width: 100%;
    height: 20vw;
    object-fit: cover;
}
	
/* 2026 08 26 changes */

#main *:not(.has-text-align-center) {
	text-align:left;}
	
	.wp-block-group.has-background .wp-block-group__inner-container:not(.wp-block-group.has-background .wp-block-group__inner-container div .wp-block-group .wp-block-group__inner-container), .wp-block-group.custom .wp-block-group__inner-container:not(.wp-block-group.custom .wp-block-group__inner-container div .wp-block-group .wp-block-group__inner-container){
	width:50%;}
	
#main ul {
		padding-left:5%;
		margin-left:auto;
		margin-right:auto;
		width:auto;
	max-width:50vw;
		text-align:left!important;
	}
	
#main ul li {
	padding:5px 0;}
	
	figure.oval {
	text-align:right!important;
	margin-top:-25%;
	margin-right:-5%!important;}
	
	figure.oval img {
	width: 60%;
    border-radius:50%;
    /*height: 40px!important;*/
	height:20vw!important;
	border:3px solid var(--orange);}
	
.grey-rounded .wp-block-column:last-of-type, .grey-rounded .wp-block-column:first-of-type p {
	border-radius:var(--circular);}
	
	.grey-rounded .wp-block-column:last-of-type h4, 	.grey-rounded .wp-block-column:last-of-type p  {
	margin:0px;}
	
.grey-rounded .wp-block-column:first-of-type p {
	font-size:28px;
	margin-top:0px;
	padding:30% 0;}
	
.grey-rounded .wp-block-column:first-of-type {
	margin-right:-3%;
	z-index:2!important;}
	
 .wp-block-group .wp-block-group__inner-container {
	width:90%;}
	
.grey-rounded .wp-block-column:last-of-type {
	box-shadow: 1px 1px 3px #d3571191;}
	
.circular {
	border-radius:var(--circular);}
	
.is-style-rounded img {
	border-radius:var(--rounded);
	}
	
	p.circular {
	width:80.5%!important;
		margin-left:auto;
		margin-right:auto;
	padding:10px 20px;}
	
#main .wp-block-button, .wp-block-button, button{
	border-radius:var(--circular)!important;
	padding:1vw 4vw!important;}
	
	.wp-block-cover.paintbrush {
	width:65%;
	height:auto;
	overflow:visible;
	}
	
.wp-block-cover.paintbrush.overlap {
	margin-left:50%;
	margin-top:-3.5vw;
	}
	
.wp-block-cover.paintbrush img {
	object-fit:contain;}
	
.wp-block-cover.paintbrush p {
	margin:0!important;
	line-height:normal;
	font-size:1.1vw;}
	
.wp-block-cover.paintbrush .wp-block-cover__inner-container {
	left:-4%;}
	
	#gallery.light-faded img {
	opacity:0.8;}
	
	#gallery.faded img {
	opacity:0.5;}
	
	#gallery.fully-faded img {
	opacity:0.3;}
	
	

}