.drawer{
    position:absolute;
    width:300px;
    top:0;
    bottom:0;
    left:-295px;
    background-color:rgba(0,0,0,.85);
    z-index:1000000;
    transition:left .15s ease-in-out;
  }

  [name="drawer-toggle"]{display:none;}

  label[for="drawer-toggle"]{
    display:block;
    width:3rem;
    height:3rem;
    background:rgba(0,0,0,.85);
    position:absolute;
    top:50%;
    left:5px;
    transform:translate(0,-50%);
    z-index:1000001;
    transition:left .15s ease-in-out;
  }

  [name="drawer-toggle"]:checked + label[for="drawer-toggle"] + .drawer{left:0;}
  [name="drawer-toggle"]:checked + label[for="drawer-toggle"]{left:300px;}
  [name="drawer-toggle"] + label > i{display:inline-block;}
  [name="drawer-toggle"]:checked + label > i{transform:rotate(180deg); padding-top:.5rem;}
  [name="drawer-toggle"] + label > i{transform:rotate(0);padding-bottom:.1rem; transition:all .25s ease-in-out;}

  .drawer h5:before{margin:1rem 0 .5rem 0;}

  /* The switch - the box around the slider */
  .switch {position: relative;display: inline-block;width: 30px;height: 16px; margin-left:.5rem !important;}

  /* Hide default HTML checkbox */
  .switch input {opacity: 0;width: 0;height: 0;}

  /* The slider */
  .slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
  .slider:before{position:absolute; content:""; height:12px; width:12px;left: 2px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}

  input:checked + .slider{background-color: #2196F3;}

  input:focus + .slider{box-shadow: 0 0 1px #2196F3;}

  input:checked + .slider:before{-webkit-transform: translateX(13px);-ms-transform: translateX(13px);transform: translateX(13px);  }

  /* Rounded sliders */
  .slider.round{border-radius: 34px;}
  .slider.round:before {border-radius: 50%;}

  [data-coord]{cursor:pointer;}

  /* cards holds cards of visible locations */
  .cards{_background:rgba(255,0,255,.25);}

  /* search form */
  input[name="search_locations"]{border:1px solid #ccc; border-right:none; border-radius:0; }
  button.reset-search{border:1px solid #ccc; border-left:none; background:white; padding:0 1rem;}

  /* holds the map */
  .map-container{background:rgba(0,255,0,.25)}
  .map{background:rgba(0,0,255,.25);}