/* Semantic-UI CSS Settings from Layout  */

  /*
  body, #main-nav {
    background-color: #EEE;
  }

  .ui.segment {
     background-color: #E5E5EA;
  }

  .ui.table {
     background-color: #E7E7E7;
  }
   */

  ul#mud-features {
    list-style: none;
    list-style-type: none;
    padding:0;
    margin:0;
  }

  #mud-features li {
    margin:0;
    list-style-type: none;
  }

  .main.container {
    margin-top: 2em;
  }

  .main.menu {
    margin-top: 4em;
    border-radius: 0;
    border: none;
    box-shadow: none;
    transition:
      box-shadow 0.5s ease,
      padding 0.5s ease
    ;
  }
  .main.menu .item img.logo {
    margin-right: 1.5em;
  }

  .overlay {
    float: left;
    margin: 0em 3em 1em 0em;
  }
  .overlay .menu {
    position: relative;
    left: 0;
    transition: left 0.5s ease;
  }

  .main.menu.fixed {
    //background-color: #FFFFFF;
    border: 1px solid #DDD;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  }
  .overlay.fixed .menu {
    left: 800px;
  }

  .text.container .left.floated.image {
    margin: 2em 2em 2em -4em;
  }
  .text.container .right.floated.image {
    margin: 2em -4em 2em 2em;
  }

  .ui.footer.segment {
    margin: 5em 0em 0em;
    padding: 5em 0em;
  }

/* Color Settings */
  .text.white {
    color: #FFFFFF;
  }

  .text.grey {
    color: #CCCCCC;
  }

  .text.black {
    color: #1B1C1D;
  }

  .text.yellow {
    color: #F2C61F;
  }

  .text.teal {
    color: #00B5AD;
  }

  .text.red {
    color: #D95C5C;
  }

  .text.purple {
    color: #564F8A;
  }

  .text.pink {
    color: #D9499A;
  }

  .text.orange {
    color: #E07B53;
  }

  .text.green {
    color: #5BBD72;
  }

  .text.blue {
    color: #3B83C0;
  }

/* Add Padding By Size: sm , md, lg */
 
.sm-pad-right {
   padding-right: 1em;
}

.md-pad-right {
   padding-right: 2em;
}

.lg-pad-right {
   padding-right: 3em;
}


/* Specific Font-Face Settings */
.serif {
   font-family: "Times New Roman", Times, serif;
}

.sanserif {
   font-family: "Arial", Helvetica, sans-serif;
}

.color_box {
  float: left;
  width: 20px;
  height: 20px;
  margin: 5px;
  border: 1px solid rgba(0, 0, 0, .2);
}

/* Media Screen Checks for Mobile Devices */
@media (min-width: 500px) {
   #main-div{
      width:90%;
      max-width:90%;
   }

   #vert-sticky{
      margin-left:-5em;
   }

   #tmc-logo {
      width:100px;
   }

}

/* Media Screen Checks for Mobile Devices */
@media (max-width: 500px) {
   #main-div{
      width:85%;
      max-width:85%;
   }

   #vert-sticky{
      margin-left:-5em;
   }

   #mud-reviews-header{
      font-size:0.5em;
   }

   #mud-stats-header{
      font-size:0.5em;
   }

   #tmc-logo {
      width:50px;
   }

   #listing_modal_conn {
      display: none;
   }

   #topmenu_mudlist_link, #topmenu_discourse_link {
      display: none;
   }


}