.tool-column {
  padding: 0;
  max-width: unset;
  gap: 15px;
  display: grid !important;
  grid-template-columns: 1fr;
}
@media (min-width: 360px) {
  .tool-column {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .tool-column {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .tool-column {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1366px) {
  .tool-column {
    grid-template-columns: repeat(5, 1fr);
  }
}
.tool-column .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
  .home .tool-column .wp-block-column:nth-child(n+5) {
    display: none;
  }
}
.tool-column .wp-block-column a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border: 1px solid tomato;
  border-radius: 7px;
  text-decoration: none;
  height: 100%;
}
.tool-column .wp-block-column a h2 {
  font-size: 1.125rem; /* rem(18) = 18/16 = 1.125 */
  color: #000000;
  margin-bottom: 0;
  text-align: center;
}
.tool-column .wp-block-column a:hover h2 {
  color: tomato;
}
.tool-column .wp-block-column a.led-calculator:hover .led-path {
  fill: #F00;
}
.tool-column .wp-block-column a.led-calculator:hover .resistor {
  stroke: red;
  stroke-width: 2;
}
.tool-column .wp-block-column a .resistor {
  transition: stroke 400ms ease, stroke-width 400ms ease;
}
.tool-column .wp-block-column a.ohms-law .gauge-dial {
  transform-origin: 75.46px 23.16px;
  transition: transform 400ms ease-in-out;
}
.tool-column .wp-block-column a.ohms-law:hover .gauge-dial {
  transform: rotate(140deg);
}
.tool-column .wp-block-column a.ohms-law:hover .resistor {
  stroke: red;
  stroke-width: 2;
}
.tool-column .wp-block-column a.voltage-divider .gauge-dial {
  transform-origin: 119.5px 65.5px;
  transition: transform 400ms ease-in-out;
}
.tool-column .wp-block-column a.voltage-divider:hover .gauge-dial {
  transform: rotate(140deg);
}
.tool-column .wp-block-column a.voltage-divider:hover .resistor {
  stroke: red;
  stroke-width: 2;
}
.tool-column .wp-block-column a.resistor-color .resistor-colors {
  transition: fill 400ms ease-in-out;
}
.tool-column .wp-block-column a.resistor-color:hover .resistor-colors:nth-child(7n-5) {
  animation: change-color 400ms 2;
  --band-color:#FC5757;
}
.tool-column .wp-block-column a.resistor-color:hover .resistor-colors:nth-child(7n-4) {
  animation: change-color 400ms 2 100ms;
  --band-color:#2D9CDB;
}
.tool-column .wp-block-column a.resistor-color:hover .resistor-colors:nth-child(7n-3) {
  animation: change-color 400ms 2 200ms;
  --band-color: black;
}
.tool-column .wp-block-column a.resistor-color:hover .resistor-colors:nth-child(7n-2) {
  animation: change-color 400ms 2 300ms;
  --band-color:#880000;
}
.tool-column .wp-block-column a.resistor-color:hover .resistor-colors:nth-child(7n-1) {
  animation: change-color 400ms 2 400ms;
  --band-color:#C4C4C4;
}
.tool-column .wp-block-column a.resistor-color:hover .resistor-colors:nth-child(7n-0) {
  animation: change-color 400ms 2 500ms;
  --band-color:#C69C49;
}
.tool-column .wp-block-column a.resistor-calculations:hover svg path,
.tool-column .wp-block-column a.resistor-calculations:hover svg line, .tool-column .wp-block-column a.capacitor-calculations:hover svg path,
.tool-column .wp-block-column a.capacitor-calculations:hover svg line {
  stroke: red;
}
.tool-column .wp-block-column a.iot-batterilevetid svg {
  margin-top: 7px;
}
.tool-column .wp-block-column a.iot-batterilevetid svg path.charge-bars {
  fill: #F2994A;
  opacity: 0;
}
.tool-column .wp-block-column a.iot-batterilevetid:hover svg path.charge-bars {
  animation: charging 2s infinite forwards;
}
.tool-column .wp-block-column a.iot-batterilevetid:hover svg path.charge-bars:nth-of-type(4) {
  animation-delay: 0.2s;
}
.tool-column .wp-block-column a.iot-batterilevetid:hover svg path.charge-bars:nth-of-type(3) {
  animation-delay: 0.4s;
}
.tool-column .wp-block-column a.iot-batterilevetid:hover svg path.charge-bars:nth-of-type(2) {
  animation-delay: 0.6s;
}
.tool-column .wp-block-column a.iot-batterilevetid:hover svg path.charge-bars:nth-of-type(1) {
  animation-delay: 0.8s;
}
.tool-column .wp-block-column a.mcu-comparator:hover svg path.mcu-led {
  animation: change-color 2s infinite;
  --band-color: tomato;
}

@keyframes charging {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes change-color {
  0% {
    fill: currentColor;
  }
  50% {
    fill: transparent;
  }
  100% {
    fill: var(--band-color);
  }
}

/*# sourceMappingURL=tools.css.map */