Upgraded styles for front member list featured tags

diff --git a/css/front.css b/css/front.css
index 20fcf7e..9c4641c 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -68,6 +68,10 @@
     background: white;
     margin: .8em 0px .8em 0px;
 }
+.glm-member-list-container.glm-member-container.featured {
+    box-shadow: 0px 0px 11px -1px green;
+    margin-top: 40px;
+}
 .glm-member-list-data {
     padding: 15px 20px;
 }
@@ -612,16 +616,25 @@ glm-member-db-list.glm-member-db-grid-view .glm-member-list-image {
     color: white;
     float: none;
     margin: 0 auto;
-    width: 75%;
+    width: 25%;
     font-size: 14px;
     font-weight: bold;
     padding: 5px 20px;
-    position: relative;
+    position: absolute;
     text-shadow: 1px 0 white;
     text-transform: uppercase;
     text-align: center;
     z-index: 1;
-    border-radius: 0 0 4px 4px;
+    border-radius: 4px 4px 0 0;
+    top: -28px;
+    /* transform: translateX(-50%); */
+    left: 65%;
+    min-width: 120px;
+}
+@media (max-width: 640px) {
+    .glm-member-list-featured-tag {
+        left: 50%;
+    }
 }
 #glm-member-detail-featured-image-wrapper {
     border-radius: 4px;
@@ -709,7 +722,6 @@ input[type="submit"].glm-member-button {
 .glm-member-container {
     line-height: 1.3;
     font-size: 14px;
-    overflow: hidden;
     position: relative;
     border-radius: 5px;
     height: auto;
@@ -1129,10 +1141,19 @@ glm-member-detail-content-toggle {
 }
 #featured-grid .featured-grid-item .featured-grid-item-info {
     padding: 10px;
+    max-height: 180px;
 }
 #featured-grid .featured-grid-item .glm-member-list-has-image {
     max-height: 225px;
     overflow: hidden;
+    transition: all 0.5s ease-in-out;
+}
+#featured-grid .featured-grid-item .glm-member-list-has-image .glm-member-list-image {
+    transition: all 0.5s ease-in-out;
+}
+#featured-grid .featured-grid-item:hover .glm-member-list-has-image .glm-member-list-image {
+    transform: scale(1.1);
+    transition: all 0.5s ease-in-out;
 }
 
 /* Featured Grid End */