appscms-theme.css in appscms-tools-theme-3.9.7

- old
+ new

@@ -192,10 +192,14 @@
 .appscms-faq-section {
   max-width: 1140px;
 }
 
 @media (max-width: 768px) {
+  .close-nav-ham {
+    display: flex !important;
+    justify-content: end;
+  }
   .hamburger {
     display: block;
     cursor: pointer;
     position: absolute;
     right: -20px;
@@ -221,11 +225,10 @@
   .appscms-toolbar .appscms-toolbar-list {
     height: 100vh;
     flex-direction: column;
     gap: 0px;
     overflow-y: scroll;
-    margin-top: 3rem;
   }
   .appscms-toolbar .appscms-toolbar-list .appscms-toolbar-list-item {
     align-items: flex-start;
     flex-direction: column;
   }
@@ -492,11 +495,11 @@
   border-radius: 10px !important;
 }
 
 .appscms-blog-cards img {
   border-radius: 10px 10px 0px 0px;
-  height: 180px;
+  height: auto;
 }
 .card-body {
   display: flex;
   flex-direction: column;
 }
@@ -601,16 +604,22 @@
   padding: 10px 12px 0px 0px;
   text-align: center;
   font-size: 15px;
   margin-bottom: 0;
 }
+.language-drop-down-item a:hover {
+  background: var(--secondary-color-3);
+  border-radius: 3px;
+}
 .language-drop-down-item a {
+  text-decoration: none;
   display: flex;
   width: 100%;
   align-items: center;
   padding: 9px 9px;
   color: #1e1e1e;
+  font-size: 13px;
   border-bottom: 1px solid rgb(224, 224, 224);
 }
 
 @media (max-width: 575.98px) {
   body {
@@ -742,10 +751,11 @@
 /* Medium devices (desktops) */
 @media (max-width: 768px) {
   #appscms-tools-section-row {
     gap: 15px;
     justify-content: center;
+    margin-top: 35px;
   }
   .appscms-tool .tool-top .tool-img img {
     border-radius: 0;
   }
 
@@ -1087,16 +1097,10 @@
   color: #000;
 }
 .share-modal-social a i {
   font-size: 30px;
 }
-
-.authors-list {
-  border-top: 1px solid rgb(224, 224, 224);
-  margin-top: 100px;
-  padding: 100px;
-}
 .authors-list a {
   color: var(--dark-gray);
 }
 .featurePageAuthor {
   display: flex;
@@ -1234,6 +1238,20 @@
   transition-duration: 0.27s;
 }
 .slide img:hover {
   transform: scale(1.1);
   box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.12);
+}
+.no-result-found-msg {
+  font-size: 20px;
+  color: var(--black-light);
+  text-align: center;
+  width: 100%;
+  font-weight: 500;
+}
+.close-nav-ham {
+  display: none;
+}
+.active-lang {
+  background: #f4f5ff;
+  border-radius: 3px;
 }