From bf6bbbdb188a894c94abef5841d783725208227a Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Tue, 11 Apr 2023 22:36:08 +0200
Subject: [PATCH] Remove package thumbnail styling for mobile

---
 src/layouts/partials/package-grid.html      |  4 +
 src/layouts/partials/package-thumbnail.html | 83 ---------------------
 2 files changed, 4 insertions(+), 83 deletions(-)

diff --git a/src/layouts/partials/package-grid.html b/src/layouts/partials/package-grid.html
index 93a7e9d..53d309b 100644
--- a/src/layouts/partials/package-grid.html
+++ b/src/layouts/partials/package-grid.html
@@ -65,6 +65,10 @@
     #loadMoreSection {
       display: none;
     }
+    .package-grid {
+      /* changes to 2 column thumbs */
+      grid-template-columns: auto auto;
+    }
   }
 
   @media only screen and (min-width: 576px) {
diff --git a/src/layouts/partials/package-thumbnail.html b/src/layouts/partials/package-thumbnail.html
index 7fc5dd6..10e8c54 100644
--- a/src/layouts/partials/package-thumbnail.html
+++ b/src/layouts/partials/package-thumbnail.html
@@ -61,8 +61,6 @@ float:right!important;
 right: 0;
 }
 
-@media only screen and (min-width: 576px) {
-
 .package-image{
   box-shadow: 0px 0px 12px #0c0c0c !important;
 }
@@ -139,85 +137,4 @@ figure:hover{
   display: none;
 }
 
-@media only screen and (max-width: 576px) {
-
-.card-thumb-label i{
-  font-size: 5vw;
-}
-
-.card-thumb-label {
-  position: absolute;
-  background: rgba(255,255,255,0.9);
-  left: 0;
-  bottom: 0;
-  padding: 3vw;
-  text-align: left;
-  width: 100%;
-  height: 50%;
-}
-
-.card-thumb-label h3 {
-  color: black;
-  font-size: 6.8vw;
-  line-height: 6.8vw;
-  margin: 0px 0px 1vw 0vw;
-  padding: 0px;
-}
-
-.card-thumb-label h4 {
-  color: black;
-  font-size: 3vw;
-  line-height: 3vw;
-  margin: 0px;
-  padding: 0px;
-}
-
-.card-thumbnail{
-  background: none;
-  border-radius: 0px !important;
-  border: none;
-}
-
-.thumbnail-body{
-  border-radius: 0px !important;
-  padding: 0vw;
-  display:none;
-}
-
-.thumbnail-body-mobile{
-  background-color: #8000ff;
-  padding: 1.25vw 0vw !important;
-}
-
-.card-img-top{
-  border-radius: 0px;
-  margin-bottom: 0vw;
-}
-
-.detail-btn-mobile{
-  background:none;
-  border:none;
-  color: white;
-  font-family: "pp-neue-machina", sans-serif;
-  font-size: 4vw;
-  width: 100%;
-  height: 100%;
-  text-transform: uppercase;
-  padding-top: 2vw !important;
-}
-
-.detail-btn-mobile .icon-enter-arrow{
-  display: inline-block;
-  position: relaitve;
-  margin-right: 2vw;
-  transition: 0.2s ease-in-out;
-}
-
-.detail-btn-mobile:hover .icon-enter-arrow{
-  display: inline-block;
-  transform: rotate(-45deg) !important;
-}
-
-}
-
 </style>