@font-face {
  font-family: "Allison Script";
  src: local("Allison Script"), url("../fonts/Allison_Script.otf") format("opentype");
}

.content-container {
  flex: 1;
}

.two-lines {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
  } 

.subscription-card:hover {
  transition: all .2s ease-in-out;
  transform: scale(1.05);
}

.online-shopping:hover {
  transition: all .2s ease-in-out;
  transform: scale(1.05);
}

.profile-link:hover svg {
  transition: all .2s ease-in-out;
  right: 100%;
  transform: translateX(50%)
}

.btn.upgrade:hover {
  transition: all .2s ease-in-out;
  transform: scale(1.03);
}

.profile-img:hover {
  cursor: pointer;
}

.progress {
  position: relative;
}

.progress-area {
  position: absolute;
  border-left: 1px solid black;
  border-right: 1px solid black;
  width: 10%;
  height: 100%;
  right: 20%;
}


.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

#plp {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.page-title-plp {
  font-size: 1.7rem;
  font-weight: 500;
  margin-bottom: 16px;
}

.recipe-card-body {
  height: 56px;
  padding: 16px 16px 0 16px;
}

@media screen and (max-width: 575px) {
  .page-title-plp {
    font-size: 1.5rem;
    margin-left: 4px;
    margin-bottom: 4px;
  }
}