body {
  background-image: url("/static/img/other/prism.png");
  background-repeat: repeat;
}


h1 {
  color: white!important;

}

h4 {
  color: rgb(251, 224, 137)!important;
}

li a {
  border-bottom: 1px solid transparent;
}

li a:hover {
  border-bottom: 1px solid red;
}

ul {
  color: white;
}


/*Index page*/

.btn-space{
  width: 250px;
  height: 80px;
}

.selector-for-some-widget {
  box-sizing: content-box;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.black-font {
  font-color: black;
}

.card-body {
  padding: 0.5rem;
}

.logoimg {

  max-width: 100%;
}

.py-2 {
  padding-top: ($spacer * .5) !important;
  padding-bottom: ($spacer * .5) !important;
}

.text-center {
  text-align: center;
}

p {
  color: white;
}

.black-font {
  color: black;
}

.row-spacing {
  margin-top: 2%;
}

.teewebs-link {
  color: white;
}

.teewebs-link:hover {
  color: rgb(205, 81, 0);
}

.underline {
  border-bottom: 2px solid rgb(251, 224, 137);
}

.yellow-font {
  color: rgb(251, 224, 137);
}


.yellow-font:hover {
  color: white;
  text-decoration-color: rgb(251, 224, 137);
}

/*Card with reviews*/
.card-text{
  color: black;
}

/*.score-box{
  width: 80px;
  height: 50px;
  border-radius: 12px;
  background-color: rgb(251, 224, 137);
  font-weight: bold;
  padding: 12px;
}
*/

.review-card {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 16px;
  padding: 16px;
  background: #fff;
  color: #111;
  margin-top: 10px;
}

.review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.review-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.review-title h5 {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
}

.score-box {
  width: 56px;
  height: 43px;
  display: flex;
  align-items: center;
  justify-content: center;
  background:  rgb(251, 224, 137);
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
}

.posted-date {
  color: #666;
  font-size: 11px;
}

.review-body {
  margin-top: 14px;
}

.review-body p {
  margin: 0 0 18px 0;
  font-size: 14px;
  line-height: 1.5;
  color: black;
}

.job-location {
  color: #666;
  font-size: 11px;
}

/*Lightbox*/

    .gallery-item {
      position: relative;
      display: block;
      width: 100%;
      aspect-ratio: 1/1;
      padding: 0;
      border: 0;
      border-radius: 12px;
      overflow: hidden;
      cursor: pointer;
      background: #e9ecef;
    }

    .gallery-item img {
      width: 100%;
      /*height: 250px;*/
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform .4s ease;
    }

    /*.gallery-item:hover img,
    .gallery-item:focus-visible img {
      transform: scale(1.06);
    }*/

    .gallery-item::after {
      content: "View image ↗";
      position: absolute;
      inset: auto 0 0;
      padding: 35px 16px 14px;
      color: white;
      font-size: .9rem;
      font-weight: 600;
      text-align: left;
      background: linear-gradient(transparent, rgba(0,0,0,.65));
      opacity: 0;
      transition: opacity .25s;
    }

    .gallery-item:hover::after,
    .gallery-item:focus-visible::after {
      opacity: 1;
    }

    .lightbox-modal .modal-content {
      background: #111;
      border: 0;
      border-radius: 12px;
      overflow: hidden;
    }

    .lightbox-modal .modal-header {
      border: 0;
      color: white;
    }

    .lightbox-modal .modal-body {
      padding: 0;
      position: relative;
    }

    #lightboxImage {
      width: 100%;
      height: min(72vh, 750px);
      object-fit: contain;
      display: block;
    }

    .lightbox-nav {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 46px;
      height: 46px;
      border: 0;
      border-radius: 50%;
      color: white;
      background: rgba(0,0,0,.6);
      font-size: 1.5rem;
      cursor: pointer;
    }

    .lightbox-nav:hover {
      background: rgba(255,255,255,.25);
    }

    .lightbox-prev { left: 16px; }
    .lightbox-next { right: 16px; }

    #imageCounter {
      color: #adb5bd;
      font-size: .875rem;
    }

    @media (max-width: 767.98px) {
      /*.gallery-item img {
        height: 210px;
      }*/

      #lightboxImage {
        height: 55vh;
      }

      .lightbox-nav {
        width: 38px;
        height: 38px;
      }
    }

    /*End of Lightbox*/