/*
    Barcats recent updates - Over18 site
    October 1, 2021
*/

/* Over 18 Homepage Hero Update */
body.home .hero-section {
  background: rgb(140, 7, 196);
  background: -moz-radial-gradient(
    circle,
    rgba(140, 7, 196, 1) 0%,
    rgba(81, 0, 153, 1) 100%
  );
  background: -webkit-radial-gradient(
    circle,
    rgba(140, 7, 196, 1) 0%,
    rgba(81, 0, 153, 1) 100%
  );
  background: radial-gradient(
    circle,
    rgba(140, 7, 196, 1) 0%,
    rgba(81, 0, 153, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8c07c4",endColorstr="#510099",GradientType=1);
}

body.home .hero-section .container > .banner-cat {
  width: 340px;
  left: -5%;
  top: 53%;
  transform: translateY(-50%);
}

@media (min-width: 470px) {
  /* homepage hero */
  body.home .hero-section {
    padding-bottom: 10px;
  }
}

@media (min-width: 600px) {
  /* homepage hero */
  body.home .hero-section {
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) {
  /* homepage hero */
  body.home .hero-section {
    padding-bottom: 20px;
  }
}

@media (min-width: 921px) {
  /* homepage hero */
  body.home .hero-section {
    padding: 20px 0px 44px;
  }

  body.home .hero-section .container > .search-form-wrap {
    margin-top: 50px;
  }
}

@media (min-width: 921px) and (max-width: 1199px) {
  /* homepage hero */
  body.home .hero-section .search-form-wrap .right input {
    text-indent: 0;
  }

  body.home .search-form-wrap.row .submit-wrap:after {
    display: none;
  }
}

/* Homepage "Find Jobs Now" button Fix :hover, :active and :focus states */
.search-form-wrap.row .submit-wrap:hover:after {
  color: #fff;
}

.search-form-wrap.row .right .btn:active,
.search-form-wrap.row .right .btn:focus {
  background: #5aeb2b !important;
  color: #3c3c3b !important;
}

.search-form-wrap.row .right .btn:active:hover,
.search-form-wrap.row .right .btn:focus:hover {
  background-color: #404041 !important;
  border-color: #404041 !important;
  color: #ffffff !important;
}

/* neon cat lottie */
.neon-cat-animation-container {
  height: 350px;
  width: 350px;
  position: absolute;
  top: 52%;
  left: 0;
  z-index: 0;
  transform: translateY(-50%);
  display: none;
}

.neon-cat-lottie,
.neon-cat-svg {
  height: 300px;
  width: 300px;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
  transform: translateY(-50%);
}

.neon-cat-svg {
  height: 522px;
  width: 403px;
  left: -76px;
  top: 49.5%;
}

@media (min-width: 650px) {
  .neon-cat-animation-container {
    display: block;
  }
}