/**
 *Created by: Caitlyn Daly
 *Copyright: EWA RIT Maps Team
 *
 * Desc: Styles for the embeddedMapJS version of the map
 */

 #loading {
    z-index: 99999;
    width: 100vw;
    height: 100vh;
    position: absolute;
    background-color: rgba(232, 232, 232, 0.5); }
    #loading .preloader-wrapper {
      margin-left: calc(50vw - 45px);
      margin-top: calc(50vh - 45px); }
 
 label{
     color: #000000;
     font-family: "Helvetica";
 }
 p{
     float: left;
     padding-left: 15px;
 }
 
 /*\ Map title \*/
 h4{
     z-index: 99;
     position: relative;
     text-align: center;
     background-color: white;
     font-weight: bold;
     margin: 0;
     padding-top: .5em;
     padding-bottom: .2em;
 }
 
 #map {
     position: fixed;
     left: 0;
     top: 0;
     height: 100vh;
     width: 100vw;
     z-index: -2;
 }
 #topBar{
     display: none;
 }
 #checkboxes_search{
     position: relative;
     z-index: 99;
     background-color: white;
     height:5em;
 }
 #checkboxes{
     padding-left: 5em;
     padding-top: 15px;
 }
 #searchBar{
     float: right;
     background-color: white;
 }
 #searchFieldContainer{
     width:90%;
 }
 #search:focus + #searchButton{
     color: gray;
 }
 #searchButton{
     padding-right: 8px;
 }
 
 /*\ Mapbox popup fields \*/
 #namePop{
     font-size: 16px;
     float: none;
     padding: .1em;
 }
 #descriptionPop{
     font-size: 16px;
     float: none;
     padding: .1em;
 }
 #linkPop{
     font-size: 15px;
     padding: .2em;
     color: #fe871b;
 }
 
 [type="checkbox"].filled-in:checked+span:not(.lever):after {
     border: 2px solid #000000;
     background-color: #000000;
 }
 
 .material-icons{
     margin-top: -40px;
     float: right;
 }
 .type-ahead-container {
     position: absolute;
     overflow-y: hidden;
     height: auto;
     float: none;
     background: none !important;
     margin-right: 48px;
     padding: 0;
     border-radius: 0;
     z-index: 13013 !important;
 }
 .type-ahead-results {
     height: auto;
     max-height: 278px;
     margin: 0;
     overflow-y: scroll;
 }
 
 .type-ahead-result{
     min-width: 100%;
 }
 
 .input-field input[type=search]:focus:not(.browser-default){
     border-bottom: 1px solid #9e9e9e;
 }
 .no-results{/* Heavily overridden by materialize */
     min-height: 46px;
     max-height: 86px;
     height: auto!important;
     z-index: 9;
 }
 .mapboxgl-popup{
     max-width: 400px;
 }
 
 /*\ Mapbox zoom widget \*/
 .mapboxgl-ctrl.mapboxgl-ctrl-group{
     margin: 0 10px 80px 0;
 }
 
 li.type-ahead-result.collection-item.avatar.waves-effect{
     width: 100%;
     min-height: 60px;
     max-height: 60px;
 }
 li.type-ahead-result:hover{
     background: #eaeaea;
 }
 li.type-ahead-result.selected{
     background: #eaeaea;
 }
 
 /*\ Leave out checkboxes on mobile \*/
 @media only screen and (max-width: 700px) {
     #checkboxes_search{
         display: none;
     }
 }
 
 /*\ When search field drops down, extend to screen width \*/
 @media only screen and (max-width: 995px){
     #searchFieldContainer{
         min-width: 100%;
     }
 }