assets/css/tools.css in appscms-tools-theme-1.5.4 vs assets/css/tools.css in appscms-tools-theme-1.5.5

@@ -1,24 +1,23 @@
 * {
   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%;
 }
+a {
+  text-decoration: none;
+  color: rgb(26, 25, 25);
+}
 .navbar-toggler {
   outline: none !important;
 }
 .navbar-toggler > .fa_bars {
   position: absolute;
@@ -63,44 +62,10 @@
 }
 .catPad li {
   font-size: 14px !important;
   font-weight: 500;
 }
-
-.navCatContainer {
-  position: absolute;
-  z-index: 9;
-  padding: 25px;
-  height: 300px;
-  background: white;
-  width: 100%;
-}
-.navCat {
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-}
-.anchor_color {
-  color: rgb(117, 117, 117);
-}
-.nav__item_Cat {
-  margin: 0 !important;
-  padding: 0 15px;
-  font-size: 15px;
-  font-weight: 400;
-  line-height: 38px;
-  text-align: left;
-  /* color: #11304e; */
-  list-style: none;
-  position: relative;
-}
-.navItemlist {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 20px 0;
-}
 @media (max-width: 992px) {
   .dropdown-menu {
     overflow-y: scroll;
     height: 500px;
     position: static !important;
@@ -108,13 +73,10 @@
   }
   .inner-dropdown {
     flex-direction: column;
     padding: 0px 30px;
   }
-  .catPad {
-    padding: 20px 0;
-  }
   .navbar-nav {
     margin: 0 !important;
   }
 
   .nav__item {
@@ -163,234 +125,67 @@
   padding: 6px 0px;
 }
 .how-to-list-item {
   line-height: 24px;
   font-size: 16px;
-
   font-weight: 400;
   display: flex;
   padding: 6px 0px;
 }
 .how-to-title {
   line-height: 30px;
   font-size: 20px;
-
   font-weight: 600;
   margin: 0px;
   padding-bottom: 12px;
 }
-
 .feature-card-img {
   width: 48px;
   height: 48px;
 }
-
-.feature-card-title {
+.feature-card-title,
+.faq-question,
+.feature-card-desc,
+.faq-answer {
   line-height: 24px;
   font-size: 16px;
-
   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-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-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-weight: 400;
-  color: rgb(33, 33, 33);
   text-align: left;
   margin: 0px;
   max-width: 100%;
 }
-
 main {
   display: block;
 }
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-pre {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-a {
-  background-color: transparent;
-}
-a:hover {
-  color: currentColor;
-  text-decoration: none;
-}
-abbr[title] {
-  border-bottom: none;
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-}
-b,
-strong {
-  font-weight: bolder;
-}
-code,
-kbd,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-small {
-  font-size: 80%;
-}
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-img {
-  border-style: none;
-}
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-}
-button,
-input {
-  overflow: visible;
-}
-button,
-select {
-  text-transform: none;
-}
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  -webkit-appearance: button;
-}
-button::-moz-focus-inner,
-[type='button']::-moz-focus-inner,
-[type='reset']::-moz-focus-inner,
-[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-button:-moz-focusring,
-[type='button']:-moz-focusring,
-[type='reset']:-moz-focusring,
-[type='submit']:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-legend {
-  box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-}
-progress {
-  vertical-align: baseline;
-}
-textarea {
-  overflow: auto;
-}
-[type='checkbox'],
-[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-[type='number']::-webkit-inner-spin-button,
-[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-[type='search'] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-details {
-  display: block;
-}
-summary {
-  display: list-item;
-}
-template {
-  display: none;
-}
-[hidden] {
-  display: none;
-}
-
 #app {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   min-height: 100vh;
 }
-
 .box-border {
   position: absolute;
   inset: 12px;
   background: rgba(0, 0, 0, 0.1);
   border: 2px dashed rgba(0, 0, 0, 0.15);
 }
 .div-cont {
   display: flex;
-  /* overflow: hidden; */
 }
 .content-box {
   display: flex;
   flex: 1 1 auto;
   z-index: 1;
@@ -399,11 +194,10 @@
   display: flex;
   -webkit-box-pack: center;
   justify-content: center;
   width: 100%;
 }
-
 .flex-class {
   -webkit-flex: 1 0 auto;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   width: 100%;
@@ -430,20 +224,21 @@
 }
 .flex-class {
   flex: 1 0 auto;
   width: 100%;
 }
-.feature-h1 {
+.feature-h1,
+.home-top-h2 {
   line-height: 36px;
   font-size: 30px;
-
   font-weight: 600;
   color: rgb(33, 33, 33);
   text-align: center;
   margin: 0px;
 }
-.feature-h2 {
+.feature-h2,
+.home-top-h2 {
   font-weight: 300;
   color: rgb(33, 33, 33);
   text-align: center;
   margin: 0px;
 }
@@ -512,11 +307,10 @@
   }
 }
 .home-feature-desc {
   line-height: 18px;
   font-size: 14px;
-
   font-stretch: 400;
   font-weight: 400;
   position: absolute;
   padding: 12px;
 }
@@ -534,176 +328,34 @@
     right: 0;
     bottom: 0;
     top: 84px;
   }
 }
-.home-top-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) {
   .home-top-h1 {
     line-height: 36px;
     font-size: 30px;
   }
 }
-.home-top-h2 {
-  line-height: 30px;
-  font-size: 20px;
-
-  font-stretch: 400;
-  font-weight: 300;
-  color: rgba(33, 33, 33, 1);
-  text-align: center;
-  margin: 0;
-}
 @media (min-width: 768px) {
   .home-top-h2 {
     line-height: 30px;
     font-size: 22px;
   }
 }
 html {
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
 }
-
-* {
-  box-sizing: border-box;
-}
-
 .header {
   min-height: 80px;
 }
 .heading {
   text-align: center;
   margin-top: 90px;
 }
-.heading-h1 {
-  font-size: 60px;
-  font-weight: 800;
-  line-height: 1.33;
-  color: #11304e;
-  margin: 70px 0 12px;
-}
-.heading-h2 {
-  font-size: 20px;
-  font-weight: 500;
-  opacity: 70%;
-  color: #11304e;
-}
-.img-uploader {
-  margin-top: 45px;
-}
-.uploader {
-  background-color: #974fff;
-  border-radius: 25px;
-  position: relative;
-  min-height: 1px;
-  padding-right: 15px;
-  padding-left: 15px;
-  margin: auto;
-  width: 65%;
-  padding: 10px;
-  height: 300px;
-}
-.inner-box {
-  background-color: #11304e2e;
-  border-radius: 25px;
-  width: 100%;
-  height: 280px;
-  overflow: auto;
-  text-align: justify;
-}
-.dropzone {
-  text-align: center;
-  color: white;
-}
-.drop-span {
-  color: white;
-}
-.button {
-  display: inline-block;
-  background: rgb(255, 255, 255);
-  border-radius: 10px;
-  padding: 13px 22px;
-  font-size: 16px;
-  font-weight: bold;
-  line-height: 1.19;
-  letter-spacing: 0.32px;
-  cursor: pointer;
-  border: unset;
-  color: #974fff !important;
-  /* margin-left: 137px; */
-}
-.download-reset-button {
-  display: flex;
-  float: right;
-  align-items: center;
-  position: sticky;
-  right: 0;
-  bottom: 0;
-}
-.extract-container {
-  width: 90%;
-  margin: auto;
-  padding-top: 40px;
-  margin-bottom: 30px;
-  display: none;
-}
-.download-all {
-  background: rgb(255, 255, 255);
-  border-radius: 10px;
-  padding: 7px 22px;
-  font-size: 16px;
-  font-weight: bold;
-  line-height: 1.19;
-  letter-spacing: 0.32px;
-  cursor: pointer;
-  border: unset;
-  color: #974fff !important;
-  float: left;
-}
-
-.restart-button {
-  background: rgb(255, 255, 255);
-  border-radius: 10px;
-  padding: 7px 7px;
-  font-size: 16px;
-  line-height: 1.19;
-  letter-spacing: 0;
-  cursor: pointer;
-  border: unset;
-  color: #974fff !important;
-  margin-top: 18px;
-}
-
-.file-upload {
-  display: none;
-}
-.textual-content {
-  margin-top: 90px;
-}
-.textual-content-box {
-  margin-top: 90px;
-  background-color: rgba(17, 48, 78, 0.18);
-  display: flex;
-  flex-direction: row;
-}
-.supported {
-  margin-top: 90px;
-}
-
 .row {
-  /* flex: 1 1 0px; */
-  /* position: relative; */
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   height: auto;
   text-align: center;
@@ -711,18 +363,10 @@
 }
 i {
   display: block;
   margin-bottom: 18px;
 }
-.span {
-  display: block;
-  font-size: 20px;
-  font-weight: bold;
-  line-height: 1.21;
-  margin-bottom: 15px;
-  color: rgb(17, 48, 78);
-}
 p {
   font-size: 15px;
   line-height: 1.41;
   color: rgb(17, 48, 78);
 }
@@ -743,11 +387,10 @@
   font-size: 40px;
   font-weight: 800;
   line-height: 1.16;
   text-align: left;
   color: rgb(17, 48, 78);
-  /* margin: 0px 0px 40px; */
   width: 100%;
   margin-top: 70px;
 }
 .steps {
   padding-left: 29px;
@@ -764,146 +407,10 @@
   outline: none;
   border: none;
   max-width: 100%;
   height: auto;
 }
-.rating-div {
-  background-color: red;
-}
-.rating-container {
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-right: auto;
-  margin-left: auto;
-}
-.rating-row {
-  margin-right: -15px;
-  margin-left: -15px;
-}
-.faq-container {
-  position: relative;
-  min-height: 1px;
-  padding-right: 15px;
-  padding-left: 15px;
-}
-.faq-h2 {
-  font-size: 53px;
-  font-weight: 800;
-  line-height: 1.16;
-  text-align: center;
-  color: #11304e;
-  margin: 100px 0 50px;
-}
-.faq-h3 {
-  margin: 0 0 25px;
-  font-size: 20px;
-  font-weight: 600;
-  color: #11304e;
-  position: relative;
-  padding-right: 30px;
-  line-height: 1.4;
-  cursor: pointer;
-}
-.faq-list {
-  position: relative;
-  min-height: 1px;
-  padding-right: 15px;
-  padding-left: 15px;
-  margin: auto;
-  width: 50%;
-  padding: 10px;
-}
-.sup-h2 {
-  font-size: 56px;
-  font-weight: 800;
-  line-height: 1.21;
-  color: rgb(17, 48, 78);
-  text-align: center;
-}
-.sup-ul {
-  margin: 0px;
-  padding: 63px 0px 0px;
-  text-align: left;
-}
-.sup-li {
-  list-style: none;
-  margin: 0px 0px 20px;
-  font-size: 15px;
-  color: rgb(17, 48, 78);
-  width: 25%;
-  text-align: left;
-  display: inline-block;
-}
-a {
-  text-decoration: unset;
-  color: unset;
-}
-.sup-i {
-  display: inline-block;
-  margin-right: 10px;
-  width: 19px;
-  vertical-align: middle;
-}
-.sup-span {
-  display: inline-block;
-  width: 20px;
-  margin-right: 20px;
-  position: unset !important;
-  top: 0px;
-  left: 0px;
-}
-.clear {
-  clear: both;
-}
-.leftbox {
-  float: left;
-  width: 30%;
-  height: 280px;
-  margin: 0px 28px;
-  text-align: center;
-  margin-bottom: 30px;
-}
-.middlebox {
-  float: left;
-  width: 30%;
-  height: 280px;
-  text-align: center;
-  margin-bottom: 30px;
-}
-.rightbox {
-  text-align: center;
-  float: right;
-  width: 30%;
-  height: 280px;
-  margin-bottom: 30px;
-}
-.file-list {
-  padding: 10px 0 20px;
-}
-
-.single-file {
-  color: white;
-
-  cursor: pointer;
-}
-.small-text {
-  font-size: 16px;
-  font-weight: 500;
-}
-.rows {
-  padding: 10px;
-  margin: auto;
-  width: 50%;
-  margin-top: 70px;
-  display: inline;
-  min-height: 1px;
-  padding-right: 15px;
-  padding-left: 15px;
-}
-.rows-2 {
-  margin-top: 50px;
-}
 ul li {
   margin: 0 0 20px;
   padding: 0;
   font-size: 17px;
   font-weight: 500;
@@ -911,54 +418,13 @@
   text-align: left;
   color: #11304e;
   list-style: none;
   position: relative;
 }
-
 .header {
-  /* overflow: hidden; */
-  /* background-color: #f1f1f1; */
   padding: 20px 10px;
 }
-
-.header a {
-  /* float: left;
-    color: black;
-    text-align: center;
-   
-    line-height: 25px;
-    border-radius: 4px; */
-
-  padding: 0 20px 0 8px;
-  text-decoration: none;
-  color: #1e283c;
-  font-weight: 600;
-  font-size: 12px;
-  text-transform: uppercase;
-  outline: 0;
-}
-
-.header a.logo {
-  font-size: 25px;
-  font-weight: bold;
-  margin: 0px 101px;
-}
-
-.header a:hover {
-  background-color: #ddd;
-  color: black;
-}
-
-.header a.active {
-  background-color: #eee;
-  color: black;
-}
-
-.header-right {
-  float: right;
-  padding-right: 124px;
-}
 /* footer css start */
 .footer-wrapper {
   padding: 32px 0;
   display: -webkit-box;
   display: -webkit-flex;
@@ -975,23 +441,13 @@
     -ms-flex-direction: column;
     flex-direction: column;
   }
 }
 .footer-logo-cont {
-  -webkit-flex: 1 1 auto;
-  -ms-flex: 1 1 auto;
   flex: 1 1 auto;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
   flex-direction: column;
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
   align-items: flex-start;
 }
 .footer-logo {
   height: 40px;
 }
@@ -1080,11 +536,10 @@
 @media (min-width: 576px) and (max-width: 991px) {
   .footer-msg {
     padding-top: 24px;
   }
 }
-
 .privacy-footer {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
@@ -1103,11 +558,10 @@
 @media (max-width: 575px) {
   .privacy-footer {
     padding: 32px 0;
   }
 }
-
 .privacy-links {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
@@ -1218,11 +672,10 @@
   }
   .common-h2 {
     font-size: 22px;
   }
 }
-/*closed*/
 .feature-img {
   width: 36px;
   height: 36px;
 }
 .box-padding {
@@ -1321,19 +774,19 @@
 .home-feature-name {
   line-height: 24px;
   font-size: 16px;
   font-stretch: 400;
   font-weight: 700;
+  color: #fff;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
-  -webkit-transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
   transition: box-shadow 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
 }
 .home-feature-name:hover {
   box-shadow: 0px 0px 24px rgba(26, 26, 26, 0.2);
   z-index: 1;
@@ -1439,12 +892,10 @@
   -webkit-font-smoothing: antialiased;
   font-weight: 400;
   color: rgb(33, 33, 33);
   padding: 6px;
 }
-
-/* RELATED POST  && RECENT POST STYLING */
 .related_post_heading {
   width: 100%;
   font-size: 46px;
   text-align: center;
   font-weight: 800;
@@ -1455,12 +906,10 @@
   color: rgb(17, 48, 78);
   margin-bottom: 45px;
   padding-top: 75px;
   display: inline-block;
 }
-
-/* Blog-card-footer styling */
 .card-footer {
   border: none;
 }
 .wrapfooter {
   display: flex;
@@ -1471,11 +920,10 @@
   width: 35px;
   height: 35px;
   border-radius: 50%;
 }
 .wrapfooter .author-meta {
-  /* flex: 1 1 auto; */
   padding: 0 15px;
 }
 .wrapfooter .author-meta a {
   font-size: 15px;
   color: #000;
@@ -1530,50 +978,10 @@
   height: 1px;
   width: 1px;
   filter: brightness();
   filter: brightness(100);
 }
-.no-file-transfer {
-  position: absolute;
-  top: 93px;
-  height: 127px;
-  width: 200px;
-  background: #80008030;
-  right: 24px;
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 9999;
-}
-.no-file-transfer svg {
-  width: 50px;
-}
-.no-file-transfer button {
-  background: transparent;
-  border: 1px solid #800080ab;
-  color: #800080ab;
-  margin-bottom: 10px;
-}
-.no-file-transfer button:hover {
-  background: #800080ab;
-  border: 1px solid #800080ab;
-}
-.no-file-transfer .circle {
-  height: 64px;
-  border-radius: 50%;
-  position: absolute;
-  width: 64px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 3px solid red;
-  color: red;
-  font-size: 20px;
-  font-weight: 700;
-  transform: rotate(-41deg);
-}
 .download-section {
   box-shadow: rgb(0 0 0 / 20%) 0px 0px 2px inset;
   margin-top: 5px;
 }
 .download-btn-container {
@@ -1607,27 +1015,10 @@
 }
 #filename {
   font-size: 22px;
   font-weight: 700;
 }
-#file-download-button {
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 24px;
-  width: 150px;
-  color: #fff;
-  padding: 9px 18px;
-  background: #0050f2;
-  height: 42px;
-  position: relative;
-  border-radius: 4px 0px 0px 4px;
-  text-transform: uppercase;
-  border-radius: 3px;
-  display: flex;
-  -webkit-box-pack: center;
-  justify-content: center;
-}
 .download-social-share a i {
   font-size: 1.5rem;
   padding: 0px 10px;
   margin: 0px 30px;
 }
@@ -1688,11 +1079,10 @@
   background-color: #fff;
 }
 .feature-showcase-div img {
   width: 32px;
   height: 32px;
-  /* margin: ; */
 }
 .feature-showcase-div a {
   text-decoration: none;
 }
 .feature-showcase-div i {
@@ -1735,29 +1125,23 @@
 }
 .sticky-div-file-info {
   position: sticky;
   top: 0%;
 }
-
 ol li::marker {
   font-size: 25px;
 }
 .drop-down-btn {
   cursor: pointer;
-  user-select: none;
-  margin: 0px;
-  padding: 0px;
   outline: 0px;
   border: 0px;
   width: auto;
   overflow: visible;
   display: flex;
   -webkit-box-align: center;
   align-items: center;
   background-color: transparent;
   transition: background-color 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s;
-  font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
   font-weight: 400;
   font-size: 16px;
   line-height: 24px;
   color: rgb(26, 26, 26);
 }