tools.css in appscms-tools-theme-0.4.6

- old
+ new

@@ -1,5 +1,21 @@
+* {
+  box-sizing: border-box;
+  margin-block-start: 0px;
+  margin-block-end: 0px;
+  margin-inline-start: 0px;
+  margin-inline-end: 0px;
+}
+body {
+  padding: 0;
+  margin: 0;
+  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  box-sizing: border-box;
+  overflow-y: scroll;
+  background: white;
+}
 header {
   width: 100%;
 }
 .navbar-toggler {
   outline: none !important;
@@ -134,21 +150,23 @@
   padding: 6px 0px;
 }
 .how-to-list-item {
   line-height: 24px;
   font-size: 16px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-weight: 400;
   display: flex;
   padding: 6px 0px;
 }
 .how-to-title {
   line-height: 30px;
   font-size: 20px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-weight: 600;
   margin: 0px;
   padding-bottom: 12px;
 }
 
@@ -158,55 +176,57 @@
 }
 
 .feature-card-title {
   line-height: 24px;
   font-size: 16px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-weight: 600;
   color: rgb(33, 33, 33);
   text-align: center;
   margin: 0px;
   padding: 12px 0px;
 }
 .faq-question {
   line-height: 24px;
   font-size: 16px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-weight: 600;
   color: rgb(33, 33, 33);
   text-align: left;
   margin: 0px;
   padding: 12px 0px;
 }
 .feature-card-desc {
   line-height: 24px;
   font-size: 16px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-weight: 400;
   color: rgb(33, 33, 33);
   text-align: center;
   margin: 0px;
   padding: 0px 24px;
   max-width: 100%;
 }
 .faq-answer {
   line-height: 24px;
   font-size: 16px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-weight: 400;
   color: rgb(33, 33, 33);
   text-align: left;
   margin: 0px;
   max-width: 100%;
 }
-body {
-  margin: 0;
-}
+
 main {
   display: block;
 }
 h1 {
   font-size: 2em;
@@ -344,28 +364,19 @@
   display: none;
 }
 [hidden] {
   display: none;
 }
-body {
-  overflow-y: scroll;
-  background: white;
-}
+
 #app {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   min-height: 100vh;
 }
-* {
-  box-sizing: border-box;
-  margin-block-start: 0px;
-  margin-block-end: 0px;
-  margin-inline-start: 0px;
-  margin-inline-end: 0px;
-}
+
 .box-border {
   position: absolute;
   inset: 12px;
   background: rgba(0, 0, 0, 0.1);
   border: 2px dashed rgba(0, 0, 0, 0.15);
@@ -417,20 +428,22 @@
   width: 100%;
 }
 .feature-h1 {
   line-height: 36px;
   font-size: 30px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-weight: 600;
   color: rgb(33, 33, 33);
   text-align: center;
   margin: 0px;
 }
 .feature-h2 {
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-weight: 300;
   color: rgb(33, 33, 33);
   text-align: center;
   margin: 0px;
 }
@@ -499,12 +512,13 @@
   }
 }
 .home-feature-desc {
   line-height: 18px;
   font-size: 14px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-stretch: 400;
   font-weight: 400;
   position: absolute;
   padding: 12px;
 }
@@ -525,12 +539,13 @@
   }
 }
 .home-top-h1 {
   line-height: 30px;
   font-size: 22px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-stretch: 400;
   font-weight: 600;
   color: rgba(33, 33, 33, 1);
   text-align: center;
   margin: 0;
@@ -542,12 +557,13 @@
   }
 }
 .home-top-h2 {
   line-height: 30px;
   font-size: 20px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   font-stretch: 400;
   font-weight: 300;
   color: rgba(33, 33, 33, 1);
   text-align: center;
   margin: 0;
@@ -564,14 +580,11 @@
 }
 
 * {
   box-sizing: border-box;
 }
-body {
-  font-family: Montserrat, system-ui, -apple-system, BlinkMacSystemFont,
-    sans-serif;
-}
+
 .header {
   min-height: 80px;
 }
 .heading {
   text-align: center;
@@ -950,22 +963,24 @@
   float: right;
   padding-right: 124px;
 }
 /* footer css start */
 .footer {
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
 }
 .footer-wrapper {
   padding: 32px 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
+  border-bottom: 1px solid #e8e8e8;
 }
 @media (max-width: 991px) {
   .footer-wrapper {
     -webkit-flex-direction: column;
     -ms-flex-direction: column;
@@ -1146,15 +1161,53 @@
     margin-bottom: 32px;
   }
 }
 /* footer css end */
 /*about termsand conditions help*/
+.contact_layout {
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+}
+.about_layout {
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
+}
+.contact-h1 {
+  line-height: 30px;
+  font-size: 22px;
+  font-stretch: 400;
+  font-weight: 600;
+  color: rgba(33, 33, 33, 1);
+  text-align: center;
+  margin: 0;
+}
+@media (min-width: 768px) {
+  .contact-h1 {
+    line-height: 36px;
+    font-size: 30px;
+  }
+}
+.contact-h2 {
+  line-height: 30px;
+  font-stretch: 400;
+  font-weight: 300;
+  font-size: 20px;
+  color: rgba(33, 33, 33, 1);
+  text-align: center;
+  margin: 0;
+}
+@media (min-width: 768px) {
+  .contact-h2 {
+    line-height: 30px;
+    font-size: 22px;
+  }
+}
 .about-h1 {
   line-height: 30px;
   font-size: 22px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
   font-stretch: 400;
   font-weight: 600;
   color: rgba(33, 33, 33, 1);
   text-align: center;
   margin: 0;
@@ -1165,15 +1218,13 @@
     font-size: 30px;
   }
 }
 .about-h2 {
   line-height: 30px;
-  font-size: 20px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
   font-stretch: 400;
   font-weight: 300;
+  font-size: 20px;
   color: rgba(33, 33, 33, 1);
   text-align: center;
   margin: 0;
 }
 @media (min-width: 768px) {
@@ -1276,10 +1327,11 @@
   }
 }
 .home-feature-name {
   line-height: 24px;
   font-size: 16px;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -webkit-font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
   font-stretch: 400;
   font-weight: 700;
   text-overflow: ellipsis;
   white-space: nowrap;