@media (min-width: 1024px){
  .plugin-card__media {width: 100% !important;} 
}
  


/* Photo Cards Layout and Styles
================================================= */
div#lrg-btn-group--grid {
    grid-gap: 2rem;
    margin: 1rem 0 !important;
}
div#lrg-btn-group--grid .lrg-btn--card {
    border: 0;
    box-shadow: 0 0 15px 0 #fff;
    border-radius: 10px;
    overflow: hidden;
    border-bottom: 8px solid #ffb300;
    transition: all .2s ease-in-out;

}
div#lrg-btn-group--grid .lrg-btn--card .cwf-card__body,
div#lrg-btn-group--grid .lrg-btn--card .plugin-card__body {
    position: absolute;
    z-index: 3;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 7%, rgba(0,0,0,0.72875087535014) 67%);
    width: 100%;
  bottom: 0;
}
div#lrg-btn-group--grid .lrg-btn--card .cwf-card__body h3,
div#lrg-btn-group--grid .lrg-btn--card .plugin-card__body h3,
div#lrg-btn-group--grid .lrg-btn--card .plugin-card__body h2 {
    color: white;
    margin: 0;
    font-size: 1.2em;
    margin-bottom: 0px;
}
div#lrg-btn-group--grid .lrg-btn--card .cwf-card__body a,
div#lrg-btn-group--grid .lrg-btn--card .plugin-card__body a {
    color: white;
  text-transform: uppercase;
    text-decoration: none;
}

div#lrg-btn-group--grid .lrg-btn--card .cwf-card__media,
div#lrg-btn-group--grid .lrg-btn--card .plugin-card__media {
    background: #000;
}
div#lrg-btn-group--grid .lrg-btn--card .cwf-card__media a,
div#lrg-btn-group--grid .lrg-btn--card .cwf-card__media a img,
div#lrg-btn-group--grid .lrg-btn--card .plugin-card__media a,
div#lrg-btn-group--grid .lrg-btn--card .plugin-card__media a img {
	width: 100% !important;
    height: 300px !important;
}

div#lrg-btn-group--grid .lrg-btn--card .cwf-card__media img,
div#lrg-btn-group--grid .lrg-btn--card .plugin-card__media img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover;
    opacity: .6;
    transition: .2s all ease-in-out;
    padding:  0;
    border:  0;
}

div#lrg-btn-group--grid .lrg-btn--card .cwf-card__container,
div#lrg-btn-group--grid .lrg-btn--card .plugin-card__container {
    position: relative
}


/*hide caption*/
.hidden-caption {
  visibility: hidden; 
  opacity: 0; 
  transition:0.5s; 
  color: #fff;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 400;
}
  

/* Hover Actions */
div#lrg-btn-group--grid .lrg-btn--card:hover {
    transform: scale(1.025);
    box-shadow: 0 0 15px 0 #000029;
}

div#lrg-btn-group--grid .lrg-btn--card:hover .hidden-caption {visibility: visible; opacity: 1;}
div#lrg-btn-group--grid .lrg-btn--card:hover .cwf-card__media img,
div#lrg-btn-group--grid .lrg-btn--card:hover .plugin-card__media img {
    transform: scale(1.05);
    opacity: .8;
}