appscms-tools-theme 1.7.6 → 1.8.0

data/assets/css/tools.css

@@ -8,6 +8,7 @@ body {
   box-sizing: border-box;
   overflow-y: scroll;
   background: white;
+  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
 }
 header {
   width: 100%;
@@ -46,7 +47,7 @@ a:hover {
   color: #000;
   text-decoration: none !important;
 }
-.dropdown-menu {
+.navbar .dropdown-menu {
   position: fixed;
   left: 0;
   top: 71px;
@@ -66,7 +67,7 @@ a:hover {
   font-weight: 500;
 }
 @media (max-width: 992px) {
-  .dropdown-menu {
+  .navbar .dropdown-menu {
     overflow-y: scroll;
     height: 500px;
     position: static !important;
@@ -100,13 +101,31 @@ a:hover {
   .feature-h1,
   .feature-h2,
   .home-top-h2,
-  .home-top-h1 {
+  .home-top-h1,
+  .how-to-title {
     font-size: 20px !important;
   }
   .social-count {
     right: auto !important;
     margin-top: 25px !important;
   }
+  .rating-tool {
+    flex-direction: column;
+  }
+  .how-to-leftimg {
+    margin-bottom: 24px;
+  }
+}
+.how-to-section,
+.faq-section {
+  padding: 90px 0px;
+  border-top: 1px solid rgb(224, 224, 224);
+}
+.related-posts-section,
+.usp-section,
+.footer {
+  padding: 32px 0px;
+  border-top: 1px solid rgb(224, 224, 224);
 }
 .how-to-leftimg {
   height: 180px;
@@ -122,10 +141,10 @@ a:hover {
   }
 }
 .how-to-list {
-  list-style: none;
-  counter-reset: howToCounter 0;
   margin: 0px;
   padding: 6px 0px;
+  list-style: none;
+  text-align: left;
 }
 .how-to-list-item {
   line-height: 24px;
@@ -134,13 +153,25 @@ a:hover {
   display: flex;
   padding: 6px 0px;
 }
+.how-to-list-item span {
+  line-height: 24px;
+  font-size: 16px;
+  font-weight: 600;
+  min-width: 24px;
+}
 .how-to-title {
   line-height: 30px;
-  font-size: 20px;
   font-weight: 600;
   margin: 0px;
   padding-bottom: 12px;
 }
+.how-to-img-wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
 .feature-card-img {
   width: 48px;
   height: 48px;
@@ -183,7 +214,7 @@ main {
   position: absolute;
   inset: 12px;
   background: rgba(0, 0, 0, 0.1);
-  border: 2px dashed rgba(0, 0, 0, 0.15);
+  border: 1px dashed rgba(0, 0, 0, 0.15);
 }
 .div-cont {
   display: flex;
@@ -337,6 +368,7 @@ main {
   .home-top-h1 {
     line-height: 36px;
     font-size: 30px;
+    margin-bottom: 0px !important;
   }
 }
 @media (min-width: 768px) {
@@ -357,12 +389,7 @@ html {
   margin-top: 90px;
 }
 .row {
-  min-height: 1px;
-  padding-right: 15px;
-  padding-left: 15px;
-  height: auto;
   text-align: center;
-  margin-bottom: 30px;
 }
 i {
   display: block;
@@ -870,7 +897,6 @@ ul li {
   align-items: center;
   padding: 20px 0px 20px 0px;
   border-top: 1px solid rgb(221, 221, 221);
-  border-bottom: 1px solid rgb(221, 221, 221);
 }
 .rating-text {
   font-size: 17px;