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

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

#gallery #halfblock {
    width: 49.5%;
    height: auto;
    margin: 0px;
    padding: 0;
    border: inherit;
    position: absolute;
    left: 5%;
    bottom: 35%;

}

#gallery img:not(#gallery div img) {
	filter:brightness(0.5);
}

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

#gallery #halfblock:first-of-type {
	color:white;
}

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

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

#short-gallery {
	overflow:hidden;
}

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

#short-gallery img  {
	height:40vw!important;
	object-fit:cover;
}


#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 #page {
	width:100%;}
	
	#main ul {
		padding-left:5%;
	}
	
#main ul {
		padding-left:5%;
		margin-left:auto;
		margin-right:auto;
		width:auto;
	max-width:50vw;
		text-align:left!important;
	}
	
#main p, #main li {
	font-size:14px;
}
	
	#brands-strip {
	padding:2% 0;
	width:100%;
	text-align:center;}
	
	#brands-strip img {
	vertical-align:middle;
	margin:1.5%;}
	
.wp-block-columns.coloured-blocks .wp-block-column {
	margin-left:4%;
}
	
	figure.map-image {
	filter:brightness(0.5);}
	

	.wp-block-columns.coloured-blocks .wp-block-column ul {
	padding-left:10%!important;}
	
	.wp-block-columns.coloured-blocks .wp-block-column .wp-block-group__inner-container {
	width:90%;}
	
	form table {
	margin-right:auto;
	margin-left:auto;
		border-spacing:5px;
	}
	
	form table input[type="submit"] {
		background:var(--green);
		color:white;
		font-weight:200;
		padding:10px  15px;
		float:right;
	}
	
	form table input::placeholder, form table textarea::placeholder {
		color:var(--blue);
		font-family:'Ariel', sans-serif;
	}
	
form table tr:has(span) {
	float:right;}
	
.wp-block-column.services-block .wp-block-columns .wp-block-column {
	margin-right:5%;
	margin-bottom:5%;}
	
.wp-block-column.services-block .wp-block-columns .wp-block-column:last-of-type {
	margin-right:0;}
	
	.wp-block-column.services-block .wp-block-column .wp-block-cover .wp-block-cover__inner-container {
		background:#8ed5f4d4;
		color:white;
		text-transform:uppercase;
			width:80%;
		height:auto;
		padding:5px;
		margin-top:7vw;
	}
	
.wp-block-column.services-block .wp-block-column,  .wp-block-column.services-block .wp-block-column .wp-block-cover{
	height:20vw;}
	
.wp-block-column.services-block .wp-block-column img {
	height:100%!important;}
	
	.wp-block-column.services-block .wp-block-column .wp-block-cover .wp-block-cover__inner-container p {
	font-size:1.5vw!important;
		line-height:35px;
	}
	
	.wp-block-columns.clients .wp-block-column {
	padding:2%;}
	
	
	
.wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:has(.blue-line) {
	margin:1.5%;
	border:1px solid #0c3c6033;
}
	
.wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:has(.blue-line) figure{
	margin-top:0!important;
	margin-right:0!important;
	margin-left:0!important;}
	
.wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:has(.blue-line) figure img {
		filter: blur(1.2px);
	}
	
.wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:has(.blue-line) figure:hover {
	filter:brightness(0.8);}

.wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:has(.blue-line) .wp-block-button {
	border-radius:var(--circular);
	color:white;
	background:#1eabc7c7;
	font-size:16px;
	font-weight:normal;
	padding:12px 30px;
}
	
.wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:has(.blue-line) .wp-block-button:hover {
	opacity:0.8;
}
	
.wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:has(.blue-line) .wp-block-group__inner-container {
	width:85%!important;
	}

.wp-block-columns .wp-block-column .wp-block-columns .wp-block-column:has(.blue-line) .wp-block-button .wp-element-button {
	padding:0!important;
	}
	
.blue-line{
	border:0.1px solid!important;
	opacity:0.5;
}
	
	/*#e9e9e9 */
	
figure.is-style-rounded img {
	border-radius:300px;
}
	
figure.is-style-rounded.grey-background img {
	background:#e9e9e9;
    object-fit: scale-down;
    object-position: center;
    zoom: 1.3;
    height: 11vw!important;
	}

}