tools.css in appscms-tools-theme-1.7.7

- old
+ new

@@ -6,10 +6,11 @@
   margin: 0;
   -webkit-font-smoothing: antialiased;
   box-sizing: border-box;
   overflow-y: scroll;
   background: white;
+  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
 }
 header {
   width: 100%;
 }
 a,
@@ -98,18 +99,36 @@
     width: 100% !important;
   }
   .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;
   width: 300px;
 }
 .how-to-right {
@@ -120,29 +139,41 @@
     line-height: 30px;
     font-size: 22px;
   }
 }
 .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;
   font-size: 16px;
   font-weight: 400;
   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;
 }
 .feature-card-title,
@@ -181,11 +212,11 @@
 }
 .box-border {
   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;
 }
 .content-box {
@@ -335,10 +366,11 @@
 }
 @media (min-width: 768px) {
   .home-top-h1 {
     line-height: 36px;
     font-size: 30px;
+    margin-bottom: 0px !important;
   }
 }
 @media (min-width: 768px) {
   .home-top-h2 {
     line-height: 30px;
@@ -355,16 +387,11 @@
 .heading {
   text-align: center;
   margin-top: 90px;
 }
 .row {
-  min-height: 1px;
-  padding-right: 15px;
-  padding-left: 15px;
-  height: auto;
   text-align: center;
-  margin-bottom: 30px;
 }
 i {
   display: block;
   margin-bottom: 18px;
 }
@@ -868,10 +895,9 @@
   display: flex;
   justify-content: center;
   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;
   font-weight: 700;
   color: rgb(33, 33, 33);