/* ============================== */
/* === Powered by locomputing === */
/* ============================== */


.height {
height: .5em;
border-left: .53em solid #f3f3f3;
}



#mapform {
margin: -2px calc(.85em + ((.85vw - 0.1em) * 3)) 0 0;
border-left: .5em solid #f3f3f3;
padding: 0 .5em .5em .5em;
}

#maptwo {
display: flex;
width: 100%;
margin: 2px 0;
padding: 0;
}
.mapleft1 {
flex: 1.5;	
padding: 0;
}
.mapright1 {
flex: 3;	
padding: 0;
text-align: left;
}

.mapleft2 {
flex: 1.5;	
margin-left: .5em;
padding: 0;
}
.mapright2 {
flex: 3;	
padding: 0;
text-align: left;
}

.map_a {
font-size: 80%;
color: blue;
text-decoration: none;
}
.map_a:hover {
color: green;
text-decoration: underline;
}
.map_b {
font-size: 72%;	
color: blue;
text-decoration: none;
}
.map_b:hover {
color: green;
text-decoration: underline;
}


input.map-control {
width: 100%;
font-size:75%;
padding: calc(.15em + ((.15vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1));
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
cursor: default;
}
input.map-control:focus {
cursor: not-allowed;
caret-color: transparent;
}

input.mapa-control {
width: 100%;
font-size:65%;
padding: calc(.15em + ((.15vw - 0.1em) * 1)) calc(.25em + ((.25vw - 0.1em) * 1));
border-radius: calc(.2em + ((.2vw - 0.1em) * 1));
cursor: default;
}
input.mapa-control:focus {
cursor: not-allowed;
caret-color: transparent;
}



@media screen and (max-width: 60em) {
#maptwo {
display: block;
width: 100%;
padding: 0;
}
.mapleft1 {
padding:0;
}
.mapright1 {
display: block;	
}

.mapleft2 {
display: block;	
}
.mapright2 {
display: block;	
}
}