/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./assets/scss/custom.scss ***!
  \********************************************************************************************************************************************************************************************************************/
#home-cards h4 {
  --tw-text-opacity: 1;
  color: rgb(25 87 146/var(--tw-text-opacity));
}

.dark #home-cards h4 {
  --tw-text-opacity: 1;
  color: rgb(255 100 100/var(--tw-text-opacity));
}

footer img {
  max-width: 200px !important;
  margin-left: 0 !important;
}

dl.tags-list {
  display: none;
}

.bg-cards {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/images/home/cards-bg.jpg");
}

.bg-cards:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  background-color: rgb(0 0 0/var(--tw-bg-opacity));
  --tw-bg-opacity: 0.3;
}

.custom-shadow {
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);
}

.footer-bg {
  position: relative;
  background-position: center;
  background-repeat: repeat;
  background-image: url("/images/footer-bg.jpg");
}

:root {
  --delay: 0;
  --hue: 0;
  --sat: 80%;
  --lum: 65%;
  --dur: 10s;
}

#main-menu {
  --hue: 200;
  --dur: 10s;
  --sat: 60%;
  --lum: 30%;
  --delay: 1s;
}

#home-slider {
  --dur: 10s;
}

.hue-color {
  color: hsl(var(--hue), var(--sat), var(--lum));
}

.text-shadow {
  text-shadow: hsl(var(--hue), calc(var(--sat) - 20%), calc(var(--lum) + 20%)) 1px 1px 0px;
}

.hue-background {
  background-color: hsl(var(--hue), var(--sat), var(--lum));
}

.hue-rotation {
  animation-name: hue-rotation;
  animation-direction: alternate;
  animation-duration: var(--dur);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: var(--delay);
}

@keyframes hue-rotation {
  0% {
    filter: hue-rotate(0);
  }
  100% {
    filter: hue-rotate(360deg);
  }
}

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