.nav-shadow{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

section.wrapper {
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-height: 490px;
}

.skeleton{
  background: rgb(193, 217, 102) !important;
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes pulse {
  0%, 100% {
    opacity: .8;
  }
  50% {
    opacity: .5;
  }
}

@media (max-width:990px) {
  body {
    /* overflow: hidden; */
  }
}

/* Card */
.wrapper {
  margin: 10vh
}

.card {
  border: none;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
  border-radius: 20px;
  min-height: 450px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}

.card #style {
  object-fit: cover;
}

/* @media (max-width: 768px) {
  min-height: 350px;
}

@media (max-width: 420px) {
  min-height: 300px;
} */

.card.card-has-bg {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: center center;
}

.card.card-has-bg:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  /* -webkit-filter: grayscale(1);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%); */
}

.card.card-has-bg:hover {
  transform: scale(0.98);
  box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3);
  background-size: 130%;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.card-img-overlay {
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  background: rgb(193, 217, 102);
  background: linear-gradient(0deg, rgba(131, 148, 69, 0.6) 0%, rgb(108, 153, 54) 100%);
}

.card-footer {
  background: none;
  border-top: none;
}

.media img {
  border: solid 3px rgba(234, 95, 0, 0.3);
}

.card-meta {
  color: orange
}

.card-body {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}

.card.card-has-bg:hover .card-img-overlay{
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}

/* .card-img-overlay {
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  background: rgb(35, 79, 109);
  background: linear-gradient(0deg, rgba(193, 217, 102, 0.3785889355742297) 0%, rgba(87, 123, 43, 1) 100%);
} */