/* Font Size */
.font-20 {
  font-size: 20px;
}

.font-18 {
  font-size: 18px;
}

/* Outline  */
.outline-none {
  outline: none;
}

/* cursor pointer  */
.cursor-pointer {
  cursor: pointer;
}

/* Background color  */
.bg-offwhite {
  background-color: #f9f9ff;
}

/* padding  */
.py-6px {
  padding-top: 6px;
  padding-bottom: 6px;
}

.px-12px {
  padding-left: 12px;
  padding-right: 12px;
}

/* Border radius  */
.br-4px {
  border-radius: 4px;
}

/* Border  */
.border-divider {
  border: 1px solid #ced4da;
}
.border-right-divider {
  border-right: 1px solid #ced4da !important;
}

/* text text-decoration  */
.text-decoration-none {
  text-decoration: none;
}

/* Width  */
.w-320px {
  width: 320px;
}

/* width heght */
.w-h-lg-36px {

  @media only screen and (min-width: 992px) {
    width: 36px;
    height: 36px;
  } 

}

.btn-primary-link {
  color: #222222;
  position: relative;

  &:hover {
    color: #fab700;

    &:after {
      position: absolute;
      content: "";
      width: 100%;
      height: 1px;
      left: 0;
      bottom: -4px;
      background-color: #fab700;
    }
  }
}

/* Header style  */
.main-menu {
  .nav-menu {
    .nav-link {
      &:hover {
        color: #fab700;

        svg {
          fill: #fab700;
        }
      }
    }
  }
}

#header.header-scrolled {
  .nav-link {
    &:hover {
      color: #fab700;

      svg {
        fill: #fab700;
      }
    }

    svg {
      fill: #000000;
    }
  }
}

/* Pet Care Resources page  */
.pet-care-resourcest-sec {
  .pet-care-img {
    img {
      width: 300px;
      height: 145px;
      object-fit: cover;

      @media only screen and (max-width: 767px) {
        width: 100%;
        display: block;
      }
    }
  }
}

/* Add pet page style  */
.add-pet-sec {

  .add-pet-img {
    img {
      height: 200px;
      object-fit: cover;
    }

    .add-pet-img-title {
      bottom: 4px;
      left: 0;
      /* transform: translateX(-50%); */
      background: #000;
      padding: 12px 24px;
      color: white;
      opacity: 0.6;
      font-size: 20px;
      width: 100%;
      text-align: center;
    }
  }
}

/* adoption form style  */
.adoption-form-table {
  width: 100%;
  border: 1px solid #ced4da;
  td {
    border-bottom: 1px solid #ced4da;
    text-align: center;
    &.title {
      color: #000;
      border-right: 1px solid #ced4da;
      border-bottom: 0;
      width: 50%;
      background: #fffcbf;
  }
  }
}

/* cats for adoption style  */
.cats-adoption-sec {
  .cats-adoption-img {
    width: 250px;
    height: 150px;

    @media only screen and (max-width: 991px) {
      width: 160px;
      height: 140px;
    }
    @media only screen and (max-width: 767px) {
      width: 100%;
    }
  }

  .filter-by-dropdown {
    background: transparent;
    border: 1px solid #ced4da;
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
  }
  .filter-by-dropdown::after {
    display: none;
  }
  .dropdown-menu {
    width: 220px;
  }
}