/* TREATY INTERACTIVE MAP V2 */

#treaty-map-v2 {
    height: 640px !important;
    width: 100% !important;
}

.featherlight-content h2.featherlight-inner {
    color: #000 !important;
}


div label input {
    margin-right: 100px;
}

.cat {
    margin: 4px;
    background-color: #fff;
/*    
    border-radius: 4px;
    border: 1px solid #000;
*/    
    overflow: hidden;
    float: left;
  }
  
  .cat label {
    float: left; 
/*
    line-height: 3.0em;
    width: 8.0em; 
    height: 3.0em;
    padding-left: 1em;
    padding-right: 1em;
*/    
}
  
  .cat label span {
    text-align: center;
    padding: 1em 0.5em;
    display: block;
    box-sizing: border-box;
    border: solid 1px #000;
    border-radius: 0.5em;
    cursor: pointer;
  }
  .cat.members label span {
    border: solid 1px #761e2e;
  }
  .cat.mhu label span {
    border: solid 1px #9c7e04;
  }

  .cat label input {
    position: absolute;
    display: none;
    color: #000 !important;
  }

  /* selects all of the text within the input element and changes the color of the text */
.cat label input + span{
      color: #000;
}
  
  
/* This will declare how a selected input will look giving generic properties */
.cat input:checked + span {
      color: #fff;
      text-shadow: 0 0  6px rgba(0, 0, 0, 0.8);
}

.mhu input:checked + span{
    background-color: #9c7e04;
}
.members input:checked + span{
    background-color: #761e2e;
}