/* CSS for all <p> fonts */
.btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.container {
  max-width: 100%;
}

.text-responsive {
  font-size: calc(50% + 0.01vw);
}

.text-jj-card {
  /*font-size: calc(50% + .01vw );*/
  font-size: 9px;
}

.text-jj-card-title {
  /*font-size: calc(50% + .01vw );*/
  font-size: 10px;
  text-transform: capitalize;
}

.card-jj {
  width: 10rem;
  height: 80px;
  border-radius: 12px;
  border: 1px;
}

.card-jj-non-tech {
  height: 60px;
  border-radius: 12px;
  border: 1px;
}

/*.card-jj-short {width:10rem; height: 80px; border-radius: 12px; border: 1px}*/
.card-top-category {
  width: 10rem;
  height: 70px;
  border-radius: 12px;
  border: 1px;
}

.text-jj-card-category {
  /*font-size: calc(50% + .01vw );*/
  font-size: 12px;
  text-transform: capitalize;
}

/* nav bar font color */
a.nav-text-jj {
  color: #565e64 !important;
  /*565E64*/
  /*6C757C*/
  /*4A5055*/
  font-weight: bold;
}

/* image hovering effect*/
.card-jj:hover {
  /*border: 1px;*/
  border: #4a5055 1px solid;
  opacity: 0.5;
}

.card-jj-non-tech:hover {
  /*border: 1px;*/
  border: #4a5055 1px solid;
  opacity: 0.5;
}

/* to round the icon corners */
.icon {
  border-radius: 30%;
}

.jj-loading-button {
  display: none;
}

.h1 {
  font-size: 3rem;
}

/* Fix filter button staying gray on iPhone after tap */
#filterButton:active,
#filterButton:focus {
  background-color: white !important;
}