appscms-theme.css in appscms-tools-theme-3.8.6

- old
+ new

@@ -44,10 +44,14 @@
   display: flex;
   width: 100%;
   height: 100%;
   justify-content: space-between;
 }
+.appscms-navbar-nav a {
+  display: flex;
+  align-items: center;
+}
 .appscms-navbar-nav-links {
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: flex-end;
@@ -185,11 +189,11 @@
 @media (max-width: 768px) {
   .hamburger {
     display: block;
     cursor: pointer;
     position: absolute;
-    right: -29px;
+    right: -20px;
     top: 5px;
     z-index: 9999;
   }
   .appscms-toolbar {
     background-color: var(--black-color);
@@ -276,10 +280,14 @@
   font-size: 50px;
   font-weight: 799;
   margin: 20px 0px;
   color: #000;
 }
+.appscms-h3 {
+  font-size: 30px;
+  color: var(--mid-gray);
+}
 .appscms-h2 {
   font-size: 20px;
   padding-top: 8px;
   font-weight: 400;
   color: var(--mid-gray);
@@ -305,10 +313,11 @@
   box-shadow: none;
 }
 /* category section */
 .toolfilters {
   margin-top: 80px;
+  cursor: pointer;
   background-color: rgb(255, 255, 255);
   display: flex;
   height: 30px;
   box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.15);
   height: 53px;
@@ -656,15 +665,15 @@
     font-size: 13px;
   }
   #appscms-searchbar {
     padding: 3px;
   }
-
+  /* 
   toolfilter {
     margin: auto;
     padding: 0px 20px;
-  }
+  } */
 }
 
 /* Medium devices (desktops) */
 @media (max-width: 768px) {
   .appscms-tool {
@@ -674,17 +683,21 @@
     background-color: transparent;
   }
   .appscms-tool .tool-top {
     background-color: transparent;
     flex-direction: column;
+    justify-content: center;
+    border-radius: 10px;
+    height: 72px;
   }
   .appscms-tool .tool-img {
     padding: 0px !important;
+    filter: invert(1);
   }
   .appscms-tool .tool-img img {
-    height: 72px !important;
-    width: 72px !important;
+    height: 37px !important;
+    width: 37px !important;
     border-radius: 20px !important;
   }
   .appscms-tool .tool-text {
     display: none;
   }
@@ -745,11 +758,11 @@
   color: #262628;
   text-decoration: none;
 }
 .appscms-footer {
   background-color: var(--while-color);
-  padding: 50px;
+  padding: 10px;
   border-top: 1px solid rgb(148, 148, 148);
 }
 
 .appscms-footer-link {
   list-style: none;
@@ -784,16 +797,18 @@
 #appscms-tools-section a {
   text-decoration: none;
 }
 .success-msg {
   text-align: center;
+  margin: 30px 0px;
   color: var(--primary-color);
 }
 .go-back-block {
   display: flex;
   align-items: center;
   justify-content: center;
+  margin: 30px 0px;
 }
 .go-back-block button {
   background-color: var(--primary-color);
   color: var(--while-color);
   border: none;
@@ -813,18 +828,20 @@
 #rating-img {
   height: 1px;
   width: 1px;
   filter: brightness();
   filter: brightness(100);
+  position: absolute;
 }
 .rating-tool {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgb(252, 252, 252);
   border-radius: 50px;
   height: 70px;
+  margin: 40px 0px;
 }
 #rating {
   font-size: 25px;
   font-weight: 600;
 }
@@ -872,32 +889,35 @@
 }
 .website-img {
   height: 50px;
   width: 50px;
 }
+.website-showcases {
+  padding: 50px 0px;
+}
 .website-showcase {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  margin-bottom: 15px;
+  margin-bottom: 25px;
+  overflow: hidden;
 }
 .website-showcase a {
   color: var(--black-color);
   font-size: 15px;
   margin-top: 10px;
 }
 .feature-showcase {
-  display: flex;
   padding: 50px 0px;
-  justify-content: space-between;
 }
 .feature-showcase-div {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
+  margin-bottom: 25px;
 }
 .feature-showcase-div img {
   height: 45px;
   width: 45px;
 }
@@ -905,6 +925,17 @@
   margin-top: 15px;
   font-size: 14px;
 }
 .feature-showcase a {
   color: var(--black-color);
+}
+
+.video-h1,
+.audio-h1 {
+  font-weight: 600;
+  font-size: 53px;
+}
+
+.video-h2,
+.audio-h2 {
+  font-size: 22px;
 }