.liveTool {
  flex: 1;
  cursor: pointer;
  color: black;
  text-decoration: none;;
}

.liveTool:hover .toolName {
  color: black;
}

.page .iconContainer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  background: #eee;
  border: 1px solid lightgray;
  height: 100px;
  position: relative;
  padding: 15px 0px;
  opacity: 1;
  color: black;
}

.page .iconContainer:hover {
  opacity: 75%;
}

.iconName {
  text-align: left;
  font-size: 15px;
}
.liveTool:hover {
  color: black !important;
}

#categoryList {
  display: flex;
}
html {
  scroll-behavior: smooth;
}

.page h1 {
  width: 100%;
  line-height: 100%;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

.toolHeader {
  text-align: left;
}

.listButton:hover,
.gridButton:hover,
.hotlink:hover {
  opacity: 75% !important;
  cursor: pointer;
}
a.listViewLink:hover {
  opacity: 75% !important;
  cursor: pointer;
  color: deepskyblue;
}

.listViewLink {
  color: deepskyblue;
}

/* #toolBarSearch {
  border: 1px solid lightgray;
} */

.searchHide {
  visibility: hidden;
}

.emptyTool {
  cursor: default !important;
}
.toolRow .emptyTool:not(:last-child) {
  margin-right:20px
}

.container {
  display: grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  gap: 20px; 
}

@media (max-width: 900px) {
  /* .container {
    grid-template-columns: repeat(3, 1fr); 
  } */
    .emptyTool {
    display:none;
  }
}

/* @media (max-width: 600px) {
  .container {
    grid-template-columns: repeat(2, 1fr); 
  }
}

@media (max-width: 450px) {
  .container {
    grid-template-columns: 1fr;
  }
}  */




.category {
  font-size:2em;
  font-weight: bold;
}

.locked {
  pointer-events: none;
  opacity: 0.5;
}