/*
 *  Iridium Map Service CSS file. Used for styling the form to input coordinates.
 */

#map-form-submit {
    font-size: 15px !important;
}   

@media only screen and (min-width: 641px) {
    
    .gform_wrapper .top_label li.gfield.gf_left_half {
        width: 49.5% !important;
    }

    .gform_wrapper .top_label li.gfield.gf_right_half {
        width: 49.5% !important;
       }
}

@media only screen and (max-width: 641px) {

    .gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {
        padding-right: 16px;
    }

   
}
/* old code */
/*
#map-div {
    width: 100%;
    min-height: 500px;
}

#latitude {
    padding-right: 2%; 
    border: 1px solid #bbb;
    color: #4e4e4e;
    background-color: #fff;   
    width: 50%;
}

#longitude {
    padding-right: 2%;
    border: 1px solid #bbb;
    color: #4e4e4e;
    background-color: #fff; 
    width: 50%;  
}

#submit-button {
    padding-left: 1%;
}

#input-lon {
    padding-left: 1%;
}

#map-form {
    padding-top: 1%;
}

#map-form-button {
    color: white;
    padding: 0.3em 1em;
    border: 2px solid #005f9b;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #005f9b;
    font-weight: 500;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
}

#map-form-button:hover {
    opacity: 0.3;
}

@media only screen and (max-width: 768px) {

    #input-lon, #input-lat, #submit-button {
        padding: 0;
        width: 100%;
        display: block;
        padding-bottom: 3%;
    }

    #lat {
        margin-left: 3%; 
    }

    #lon {
        margin-left: 1%;
    }
}

@media only screen and (max-width: 450px) {
    
    #lat {
        margin-left: 5.5%;
    }
}

@media only screen and (max-width: 550px) {
    #lat {
        margin-left: 3.5%;
    }
} */