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

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

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


#gallery-form {
	width:32.5%;
	margin-top:5%;
	margin-bottom:8%;
}

#gallery-form table {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}

#gallery-form input[type="text"] {
	border-radius:var(--circular);
	width:95%!important;
	padding-top:4%;
	padding-bottom:4%;
	margin:2% 0;
	z-index:1;
	font-family:'Poppins', sans-serif;
}

#gallery-form input[type="text"]::placeholder {
	color:var(--light-blue);
	font-weight:bold;
	padding-left:2%;
	padding-right:2%;
	text-transform:uppercase;
	font-size:0.9vw;
	z-index:1;
	font-family:'Poppins', sans-serif;
}

#gallery-form button{
	border-radius:var(--circular);
	background:var(--light-blue);
	color:white;
	padding-left:0;
	padding-right:0;
	padding: 50% 60%;
	text-align:center;
	z-index:2;
	position:relative;
	margin-left:-250%;
	font-family:'Poppins', sans-serif;
	font-size:0.9vw!important;
}

#gallery-form button i {
	margin-left:5%;
	margin-top:5%;
}

#gallery-form input[type="button"]{
	background:black;
	color:white;
	margin-right:1vw;
	border-radius:var(--circular);
	text-transform:uppercase;
	width:30%;
	font-size:0.9vw;
	width:45.6%;
	padding:4% 0;
	margin-top:2%;
	margin-bottom:2%;
}

#gallery-form input[type="button"]:nth-of-type(2) {
	background:transparent;
	border:2px solid var(--light-blue)!important;
}

#gallery #sociallinks {
	width:100%!important;
	text-align:right;
	color:white;
	vertical-align:bottom;
}

#gallery #sociallinks li {
	border:2px solid var(--blue);
	border-radius:var(--circular);
	font-size:1vw!important;
	padding:0.3vw 0;
	width:2vw;
	text-align:center;
}

#gallery-strip {
	width:100%!important;
	background:black;
	border-top:5px solid var(--light-blue);
	padding:1.5% 0;
	color:white;
}
	
#gallery-strip #thirdblock div {
	vertical-align:middle;}
	
#gallery-strip #thirdblock {border:none!important;}
	
#gallery-strip #thirdblock #inset {
	margin:0!important;
}

#gallery-strip #thirdblock #twothirdsblock span {
	display:block;
	text-transform:uppercase;
	color:var(--light-blue);
	font-size:1.2vw;
	text-align:left;
	margin-left:15px;
}
	
	#gallery-strip #thirdblock #thirdblock {
	text-align:right;}

#gallery-strip #thirdblock #thirdblock span{
	font-size:3.5vw;
	color:white;
}

#gallery #gallery-strip #quarterblock {
	width:24%!important;
}

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

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;
}
	
#gallery #halfblock {
	color:black!important;}


#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 ul {
		padding-left:5%;
	}
	
#main ul:not(ul.wp-block-list.list-inline) {
		padding-left:5%;
		margin-left:auto;
		margin-right:auto;
		width:auto;
	max-width:90vw;
		text-align:left!important;
	}
		
.wp-block-columns.brand-section .wp-block-image {
	height:6vw;
	margin:10%;
}
	
.wp-block-columns.brand-section .wp-block-image img {
	object-fit:contain;
}
	
	
/* gallery form changes */
	
	
ul.page-section {
	padding:0!important;
}
	
li#id_10 {
	width:100%!important;
}
	
	
.form-line {
	background:white!important;
	border-radius:20px!important;
	width:47.5% !important;
	display:inline-block!important;
	margin:1vw 0.6vw!important;
	vertical-align:top!.5important;
/*padding:25px 28px!important;*/
	padding-top:1.8vw!important;
	padding-bottom:2vw!important;
	padding-left:1.5vw!important;
	padding-right:1.5vw!important;
}
	
.form-all input[type="text"], .form-all input[type="email"], .form-all input[type="tel"]{
	padding:1vw!important;
}
	
.form-all textarea {
	height: 10.8vh !important;
	padding-top:0!important;
	padding-bottom:0!important;
}
	
.form-all {
	background:transparent!important;
	box-shadow:none!important;
	margin:40px 0!important;
	width:100%!important;
	max-width: 100% !important;
}
	
.form-pagebreak {
	border:0px!important;
}

.form-checkbox+label, .form-checkbox+span , .form-radio+label, .form-radio+span {
	color:black!important;
}
	
.form-label.form-label-auto {
	color:black!important;
	font-size:1.2vw!important;
	padding-bottom:1vw;
	border-bottom:1px solid var(--blue);
	margin-bottom:1.1vw!important;
}
	
.form-checkbox+label, .form-checkbox+span, .form-radio+label, .form-radio+span, .form-sub-label{
	font-size:0.85vw!important;}

.form-checkbox-item label, .form-radio-item label {
	padding-right:0!important;}
	
button.form-pagebreak-next, button#input_10 , button#form-pagebreak-back_17{
	background:var(--blue)!important;
	border:none;
	font-size:1.1vw;
	text-transform:uppercase;
	border-radius:var(--circular)!important;
}
	
	button#form-pagebreak-back_17 {
	background:black!important;
	color:white!important;}
	
	
.formFooter *{
	display:none!important;}

	.form-line:has(button) {
		background:none!important;
	}
	
	.form-dropdown:not([size]), .form-textbox  {
	height:2.5vh!important;}

/* end of form */

ul.wp-block-list.list-inline {
	padding-left:0!important;
	text-align:center;
	
}
	
.wp-element-button {
	padding:0!important;}
	
.showme {
	margin-bottom:40px;}
	
.showme h3{
    font-size: 20px;
    background: #dedede;
    width: 94%;
	padding:1.5% 3%;
	font-weight:500!important;
	}
	
	.showme h3:before {
	content:"+";
	color:var(--blue);
	font-size:24px;
	margin-right:10px;}
	
#showmecontent {
    display: none;
    text-align: left !important;
    padding: 0.5% 3% !important;
    width: 94% !important;
	}
	
.wp-block-list.list-inline li{
	display: moz-inline-block;
display: inline-block;
*display: inline;
list-style-type: none;
zoom: 1;
width: auto;
height: auto;
padding: 5px;
font-size:20px;
}


}