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

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

#gallery #overlay {
	position: absolute;
	top:0;
	bottom:0;
	width: 59.5%;
}

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

}

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

#gallery #halfblock button {
	padding: 10px 30px;	
	font-size: 1vw;
	margin-top: 5%;
}
	
#gallery button {
	text-transform:uppercase;
}


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


#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;
}

.fleettext img {
display: none;
}

#fleetgallery {
width: 100%;
height: 25vw;
overflow: hidden;
border: 1px solid #dedede;
text-align: center;
}

#fleetgallery img {
width: 100%;
height: auto;
text-align: center;
padding: 0% 0;
object-fit: cover;	
}

#fleetthumbs {
height: 50px;
padding: 1% 0;
text-align: center;
}

#fleetthumbs img{
height: 50px;
padding-right: 5px;
margin: 0;
width: auto;
display: inline;
}
	
#fleetthumbs img {
		width: 18.5%;
		height: 100px;
		object-fit:cover;
	}		
	
	#quarterblock #inset img {
		width: 80%;
		height: calc((98vw/4) * .6);
		object-fit:cover;
	}	

#fleetdetails {
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}

#fleetdetails td {
padding: 1%;
width: 49%;
font-size:14px;
}

#main p {
	font-size:18px;
}

#fleetdetails td:first-of-type {
text-align: left;
}

#fleetdetails .fa-solid {
	color: rgb(3,32,76);
	font-size:22px;
}

#fleetdetails img {
height: 20px;
width: auto !important;
}

#tourframe {
width: 100%;
height: 400px;
border: none;
margin-top: 70px;
}

#main form table {
	margin: 0 auto 0 auto;
}

#main form table tr {
	text-align:left;
	font-size:14px;
}

#main form table td {
	padding: 1%;
}

#main form table input,#main form table select, #main form table  textarea  {
	border: 1px solid black;
	padding: 0.3em;
}

#main form table input[type="submit"] {
	font-weight:normal;
	padding: 5px 10px;
}

#imagearray img {
width: auto!important;
height: 200px!important;
margin: 0 !important;
}

#imagearray {
width: 100%;
height: auto;
text-align: center;
overflow: hidden !important;
background: white;
margin:0;
}

#imagearraywrap {
width: 120%;
height: auto;
text-align: center;
overflow: hidden !important;
background: white;
margin:0 -10%;
}

#imagearray p {
display: moz-inline-block;
display: inline-block;
*display: inline;
list-style-type: none;
zoom: 1;
width: auto;
height: auto;
}

#main #page.padded {
	padding-bottom:5%!important;
}

#front .wp-block-image>img {
    width: 100%;
    height: 20vw;
    object-fit: cover;
}
	
.wp-block-column figure img, figure img {
	height:100%!important;
}
	
#fleetlist {
        position: absolute;
        top: 18%;
        left: 0;
        background: white;
        height: 4%;
        padding: 1%;
        width: 15%;
        overflow: hidden;
}
	
}