blog.css in appscms-tools-theme-4.0.4

- old
+ new
@@ -1,509 +1,509 @@
-/**********************************************/
-/***************BLOG-CSS-STYLING *************/
-
-/********************************************/
-
-html {
-  scroll-behavior: smooth;
-  font-size: 62.5%;
-}
-body {
-  font-family: "Open Sans", sans-serif !important;
-}
-a {
-  text-decoration: none !important;
-}
-img {
-  width: 100%;
-}
-
-.section_post {
-  margin-top: 100px;
-}
-
-/* logo styling */
-.logo {
-  width: 50px;
-  border-radius: 50%;
-}
-
-header {
-  width: 100%;
-  position: relative;
-}
-.navbar {
-  width: 100%;
-  padding: 1.2rem 9% !important;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 999;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
-.navbar-nav {
-  align-items: center;
-}
-.navbar-brand {
-  font-size: 2.2rem;
-  color: var(--txtColor) !important;
-  font-weight: 900;
-}
-.navbar-brand-image {
-  width: 80%;
-  display: inline-block;
-  max-width: 40px;
-}
-.navbar-dark .navbar-toggler {
-  outline: none !important;
-}
-.navbar-nav .nav-item {
-  padding: 0 10px;
-}
-.navbar-nav .nav-link:hover {
-  color: var(--txtColor) !important;
-  transition: all 0.2s linear;
-  -webkit-transition: all 0.2s linear;
-  -moz-transition: all 0.2s linear;
-}
-.nav-link {
-  text-decoration: none !important;
-  font-size: 16px;
-  color: gray !important;
-}
-/* close */
-
-/* blogs-card title, content styling */
-.anchor_link {
-  text-decoration: none !important;
-  color: #343a40 !important;
-}
-.anchor_link:hover {
-  transition: all 0.5s linear;
-  color: #000 !important;
-}
-.anchor_link .card-title {
-  font-weight: 600;
-  font-size: 22px;
-  line-height: 1.3;
-}
-.text_size {
-  color: rgba(0, 0, 0, 0.44);
-  font-size: 15px;
-  line-height: 1.6;
-  font-weight: 400;
-}
-/* close */
-
-/* Blog-card-footer styling */
-.card-footer {
-  border: none;
-}
-.wrapfooter {
-  display: flex;
-  align-items: center;
-  margin-bottom: 15px;
-}
-.wrapfooter img {
-  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;
-  text-transform: capitalize;
-}
-.wrapfooter .span.post-read-more {
-  align-items: center;
-  display: inline-block;
-  margin-top: 8px;
-}
-.post-date {
-  color: rgba(0, 0, 0, 0.44);
-  font-size: 13px;
-}
-/* close */
-
-/* BLOG-Categories stlying */
-.explore {
-  color: #fff;
-  margin-bottom: 100px;
-  margin-top: 60px;
-  width: 100%;
-  background: repeating-linear-gradient(
-    45deg,
-    rgb(27, 27, 27) 0px,
-    rgb(27, 27, 27) 97px,
-    rgb(24, 24, 24) 97px,
-    rgb(24, 24, 24) 194px,
-    rgb(20, 20, 20) 194px,
-    rgb(20, 20, 20) 291px
-  );
-  height: 250px;
-  align-items: center;
-  display: flex;
-  justify-content: space-around;
-}
-.explore ul {
-  display: flex;
-  list-style: none;
-  flex-wrap: wrap;
-}
-.cat {
-  display: inline-block;
-  padding: 5px 10px;
-  text-decoration: none !important;
-  color: #000 !important;
-  font-weight: 600;
-  font-size: 12px;
-  background: #fff;
-  border-radius: 15px;
-  margin: 0 15px;
-}
-/* close */
-
-/* BLOG-alertbar stlying */
-.alertbar {
-  box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  background-color: #fff;
-  width: 100%;
-  padding: 14px 0;
-  z-index: 1;
-}
-.alertbar form {
-  display: inline-block;
-}
-.alertbar input[type="email"] {
-  font-size: 0.85rem;
-  padding: 3px 40px 3px 10px;
-  border-top-left-radius: 3px;
-  border-bottom-left-radius: 3px;
-  border: 1px solid #ddd;
-  border-right: 0;
-  margin-right: -10px;
-  height: 34px;
-  letter-spacing: 0.5px;
-  margin-left: 5px;
-  outline: 0;
-}
-.alertbar input[type="submit"] {
-  background-color: #1c9963;
-  border: 1px solid #1c9963;
-  color: #fff;
-  fill: #fff;
-  font-size: 12px;
-  border-radius: 0;
-  padding: 4px 10px;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  font-weight: 600;
-  height: 34px;
-  letter-spacing: 0.5px;
-  cursor: pointer;
-}
-/* close */
-
-/* Blog-Pages-Pagination stlying*/
-.blog-pagination a,
-.blog-pagination span {
-  padding: 7px 10px;
-  margin-left: -2px;
-  margin-right: -2px;
-  background-color: #ffffff;
-  display: inline-block;
-  text-decoration: none;
-}
-
-.blog-pagination a:hover {
-  background-color: #f1f1f1;
-  color: #333;
-}
-
-.blog-pagination {
-  text-align: center;
-  font-size: 14px;
-}
-
-/* BLOG-Categories-PAGes styling */
-.section-title h2 {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
-  font-weight: 700;
-  font-size: 1.5rem;
-  margin-bottom: 27px;
-}
-.section-title span {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.44);
-  display: inline-block;
-  padding-bottom: 20px;
-  margin-bottom: -1px;
-}
-
-/***************************************************************/
-/********************** post-layouts-styling *******************/
-/***************************************************************/
-
-/* left-sidebar-social-styling */
-.post-content {
-  font-size: 20px;
-}
-
-/*.socialIons {
-  position: sticky;
-  top: 100px;
-}*/
-
-.socialIons > .item-lists2 {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-}
-.socialIons > .item-lists2 > li:nth-child(1) {
-  margin: 0;
-}
-
-.socialIons > .item-lists2 > li {
-  list-style: none;
-  padding: 8px 0px;
-  margin: 0 auto;
-}
-.socialIons .item-lists2 li a {
-  color: rgba(95, 21, 21, 0.44);
-  fill: rgba(0, 0, 0, 0.44);
-  font-size: 15px;
-  cursor: pointer;
-  text-decoration: none !important;
-}
-.socialIons > .item-lists2 > li i {
-  font-size: 18px;
-  color: rgba(0, 0, 0, 0.44);
-  fill: rgba(0, 0, 0, 0.44);
-}
-.sep {
-  height: 1px;
-  width: 20px;
-  background: #999;
-  margin: 3px auto;
-}
-.comments-count {
-  margin: 18px 25px;
-  text-align: center;
-}
-.comment_count {
-  font-size: 12px;
-  color: rgba(95, 21, 21, 0.44) !important;
-  fill: rgba(0, 0, 0, 0.44);
-  text-decoration: none !important;
-}
-/* close */
-
-/* right-sidebar-styling-starts */
-/* author bio styling.. */
-.author_image .author-thumb {
-  width: 60px;
-  height: 60px;
-  object-fit: cover;
-}
-.author-meta .postName {
-  font-size: 18px !important;
-  color: rgba(0, 0, 0, 0.8) !important;
-  text-decoration: none !important;
-  font-family: "Merriweather", serif;
-}
-.btn_follow {
-  margin-left: 5px;
-  margin-bottom: 10px;
-  border-color: #02b875;
-  color: #1c9963 !important;
-  padding: 3px 10px;
-  text-align: center;
-  border-radius: 999em;
-  font-size: 1.5rem;
-  display: inline-block;
-  border: 1px solid;
-}
-.author_bio {
-  font-family: "Merriweather", serif;
-  color: rgba(0, 0, 0, 0.44);
-  font-size: 13px;
-  line-height: 20px;
-}
-/* close */
-
-/* pagination-styling-postpages */
-.pointerup i.fa {
-  color: #eaeaea;
-}
-.pointerup {
-  margin-bottom: -9px;
-  margin-left: 49%;
-  font-size: 30px;
-}
-.bottompagination span.navigation {
-  display: block;
-  font-size: 0.93rem;
-  padding: 15px 0 0 0;
-  text-align: center;
-  margin-bottom: 0rem;
-  color: #999;
-  border-top: 1px solid #ddd;
-}
-.pagination {
-  display: -ms-flexbox;
-  display: flex;
-  padding-left: 0;
-  list-style: none;
-  border-radius: 0.25rem;
-  display: block;
-  color: green;
-  font-size: 15px;
-  margin-bottom: 30px;
-}
-.pageUrl {
-  color: green;
-  font-size: 12px;
-  font-weight: 900;
-  text-decoration: none;
-  margin-right: 10px;
-}
-.pageUrl:hover {
-  text-decoration: none;
-  color: green;
-}
-.lunrsearchresult {
-  font-size: 15px;
-}
-.lunrsearchresult .title {
-  color: #d9230f;
-}
-.lunrsearchresult .url {
-  color: silver;
-}
-.lunrsearchresult a {
-  display: block;
-  color: #777;
-}
-
-.lunrsearchresult:hover,
-.lunrsearchresult:focus {
-  text-decoration: none;
-}
-
-.lunrsearchresult:hover .title {
-  text-decoration: underline;
-}
-
-.close {
-  float: right;
-  font-size: 2rem;
-  font-weight: 700;
-  line-height: 1;
-  color: #000;
-  text-shadow: 0 1px 0 #fff;
-  opacity: 0.5;
-  border: none;
-  background: transparent;
-}
-.close:focus {
-  outline: none !important;
-}
-
-/* recent post heading stlye */
-.recent_post_heading {
-  width: 100%;
-  font-size: 46px;
-  text-align: left;
-  font-weight: 800;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: 1.24;
-  letter-spacing: normal;
-  color: rgb(17, 48, 78);
-  margin-bottom: 45px;
-  padding-top: 75px;
-  display: inline-block;
-}
-
-@media (max-width: 768px) {
-  .bd-search {
-    padding: 10px 25px;
-  }
-  .socialIons > .item-lists2 {
-    justify-content: center;
-  }
-  .socialIons > .item-lists2 {
-    flex-direction: row;
-    align-items: center;
-  }
-  .socialIons > .item-lists2 > li {
-    padding-right: 30px;
-    margin: 0;
-  }
-}
-
-@media (max-width: 768px) {
-  .navbar-nav {
-    align-items: unset;
-  }
-  .nav-item {
-    padding: 0 !important;
-  }
-
-  .sep {
-    margin: 0;
-  }
-  .author-meta {
-    padding-left: 15px;
-  }
-  .comments-count {
-    margin: 18px 0;
-    text-align: left;
-  }
-
-  .navbar {
-    padding-left: 7% !important;
-    padding-right: 7% !important;
-  }
-  .title,
-  .description {
-    width: 100% !important;
-    text-align: center;
-  }
-  .angle-arrow {
-    position: fixed;
-    bottom: 4px;
-    right: 32px;
-    top: auto;
-    z-index: 999;
-  }
-  .alertbar form {
-    display: block;
-    margin-top: 10px;
-  }
-  .small_description {
-    font-size: 25px;
-  }
-}
-
-.appscms-sidebar-right,
-.appscms-sidebar-left {
-  min-width: 200px;
-  max-width: fit-content;
-  height: 100px;
-  min-height: 300px;
-  max-height: fit-content;
-  top: 150px;
-  position: fixed;
-}
-.appscms-sidebar-left {
-  left: 0;
-}
-.appscms-sidebar-right {
-  right: 0;
-}
+/**********************************************/
+/***************BLOG-CSS-STYLING *************/
+
+/********************************************/
+
+html {
+  scroll-behavior: smooth;
+  font-size: 62.5%;
+}
+body {
+  font-family: "Open Sans", sans-serif !important;
+}
+a {
+  text-decoration: none !important;
+}
+img {
+  width: 100%;
+}
+
+.section_post {
+  margin-top: 100px;
+}
+
+/* logo styling */
+.logo {
+  width: 50px;
+  border-radius: 50%;
+}
+
+header {
+  width: 100%;
+  position: relative;
+}
+.navbar {
+  width: 100%;
+  padding: 1.2rem 9% !important;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.navbar-nav {
+  align-items: center;
+}
+.navbar-brand {
+  font-size: 2.2rem;
+  color: var(--txtColor) !important;
+  font-weight: 900;
+}
+.navbar-brand-image {
+  width: 80%;
+  display: inline-block;
+  max-width: 40px;
+}
+.navbar-dark .navbar-toggler {
+  outline: none !important;
+}
+.navbar-nav .nav-item {
+  padding: 0 10px;
+}
+.navbar-nav .nav-link:hover {
+  color: var(--txtColor) !important;
+  transition: all 0.2s linear;
+  -webkit-transition: all 0.2s linear;
+  -moz-transition: all 0.2s linear;
+}
+.nav-link {
+  text-decoration: none !important;
+  font-size: 16px;
+  color: gray !important;
+}
+/* close */
+
+/* blogs-card title, content styling */
+.anchor_link {
+  text-decoration: none !important;
+  color: #343a40 !important;
+}
+.anchor_link:hover {
+  transition: all 0.5s linear;
+  color: #000 !important;
+}
+.anchor_link .card-title {
+  font-weight: 600;
+  font-size: 22px;
+  line-height: 1.3;
+}
+.text_size {
+  color: rgba(0, 0, 0, 0.44);
+  font-size: 15px;
+  line-height: 1.6;
+  font-weight: 400;
+}
+/* close */
+
+/* Blog-card-footer styling */
+.card-footer {
+  border: none;
+}
+.wrapfooter {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+}
+.wrapfooter img {
+  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;
+  text-transform: capitalize;
+}
+.wrapfooter .span.post-read-more {
+  align-items: center;
+  display: inline-block;
+  margin-top: 8px;
+}
+.post-date {
+  color: rgba(0, 0, 0, 0.44);
+  font-size: 13px;
+}
+/* close */
+
+/* BLOG-Categories stlying */
+.explore {
+  color: #fff;
+  margin-bottom: 100px;
+  margin-top: 60px;
+  width: 100%;
+  background: repeating-linear-gradient(
+    45deg,
+    rgb(27, 27, 27) 0px,
+    rgb(27, 27, 27) 97px,
+    rgb(24, 24, 24) 97px,
+    rgb(24, 24, 24) 194px,
+    rgb(20, 20, 20) 194px,
+    rgb(20, 20, 20) 291px
+  );
+  height: 250px;
+  align-items: center;
+  display: flex;
+  justify-content: space-around;
+}
+.explore ul {
+  display: flex;
+  list-style: none;
+  flex-wrap: wrap;
+}
+.cat {
+  display: inline-block;
+  padding: 5px 10px;
+  text-decoration: none !important;
+  color: #000 !important;
+  font-weight: 600;
+  font-size: 12px;
+  background: #fff;
+  border-radius: 15px;
+  margin: 0 15px;
+}
+/* close */
+
+/* BLOG-alertbar stlying */
+.alertbar {
+  box-shadow: 0 -3px 10px 0 rgb(0 0 0 / 8%);
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  background-color: #fff;
+  width: 100%;
+  padding: 14px 0;
+  z-index: 1;
+}
+.alertbar form {
+  display: inline-block;
+}
+.alertbar input[type="email"] {
+  font-size: 0.85rem;
+  padding: 3px 40px 3px 10px;
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+  border: 1px solid #ddd;
+  border-right: 0;
+  margin-right: -10px;
+  height: 34px;
+  letter-spacing: 0.5px;
+  margin-left: 5px;
+  outline: 0;
+}
+.alertbar input[type="submit"] {
+  background-color: #1c9963;
+  border: 1px solid #1c9963;
+  color: #fff;
+  fill: #fff;
+  font-size: 12px;
+  border-radius: 0;
+  padding: 4px 10px;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  font-weight: 600;
+  height: 34px;
+  letter-spacing: 0.5px;
+  cursor: pointer;
+}
+/* close */
+
+/* Blog-Pages-Pagination stlying*/
+.blog-pagination a,
+.blog-pagination span {
+  padding: 7px 10px;
+  margin-left: -2px;
+  margin-right: -2px;
+  background-color: #ffffff;
+  display: inline-block;
+  text-decoration: none;
+}
+
+.blog-pagination a:hover {
+  background-color: #f1f1f1;
+  color: #333;
+}
+
+.blog-pagination {
+  text-align: center;
+  font-size: 14px;
+}
+
+/* BLOG-Categories-PAGes styling */
+.section-title h2 {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
+  font-weight: 700;
+  font-size: 1.5rem;
+  margin-bottom: 27px;
+}
+.section-title span {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.44);
+  display: inline-block;
+  padding-bottom: 20px;
+  margin-bottom: -1px;
+}
+
+/***************************************************************/
+/********************** post-layouts-styling *******************/
+/***************************************************************/
+
+/* left-sidebar-social-styling */
+.post-content {
+  font-size: 20px;
+}
+
+/*.socialIons {
+  position: sticky;
+  top: 100px;
+}*/
+
+.socialIons > .item-lists2 {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+}
+.socialIons > .item-lists2 > li:nth-child(1) {
+  margin: 0;
+}
+
+.socialIons > .item-lists2 > li {
+  list-style: none;
+  padding: 8px 0px;
+  margin: 0 auto;
+}
+.socialIons .item-lists2 li a {
+  color: rgba(95, 21, 21, 0.44);
+  fill: rgba(0, 0, 0, 0.44);
+  font-size: 15px;
+  cursor: pointer;
+  text-decoration: none !important;
+}
+.socialIons > .item-lists2 > li i {
+  font-size: 18px;
+  color: rgba(0, 0, 0, 0.44);
+  fill: rgba(0, 0, 0, 0.44);
+}
+.sep {
+  height: 1px;
+  width: 20px;
+  background: #999;
+  margin: 3px auto;
+}
+.comments-count {
+  margin: 18px 25px;
+  text-align: center;
+}
+.comment_count {
+  font-size: 12px;
+  color: rgba(95, 21, 21, 0.44) !important;
+  fill: rgba(0, 0, 0, 0.44);
+  text-decoration: none !important;
+}
+/* close */
+
+/* right-sidebar-styling-starts */
+/* author bio styling.. */
+.author_image .author-thumb {
+  width: 60px;
+  height: 60px;
+  object-fit: cover;
+}
+.author-meta .postName {
+  font-size: 18px !important;
+  color: rgba(0, 0, 0, 0.8) !important;
+  text-decoration: none !important;
+  font-family: "Merriweather", serif;
+}
+.btn_follow {
+  margin-left: 5px;
+  margin-bottom: 10px;
+  border-color: #02b875;
+  color: #1c9963 !important;
+  padding: 3px 10px;
+  text-align: center;
+  border-radius: 999em;
+  font-size: 1.5rem;
+  display: inline-block;
+  border: 1px solid;
+}
+.author_bio {
+  font-family: "Merriweather", serif;
+  color: rgba(0, 0, 0, 0.44);
+  font-size: 13px;
+  line-height: 20px;
+}
+/* close */
+
+/* pagination-styling-postpages */
+.pointerup i.fa {
+  color: #eaeaea;
+}
+.pointerup {
+  margin-bottom: -9px;
+  margin-left: 49%;
+  font-size: 30px;
+}
+.bottompagination span.navigation {
+  display: block;
+  font-size: 0.93rem;
+  padding: 15px 0 0 0;
+  text-align: center;
+  margin-bottom: 0rem;
+  color: #999;
+  border-top: 1px solid #ddd;
+}
+.pagination {
+  display: -ms-flexbox;
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  border-radius: 0.25rem;
+  display: block;
+  color: green;
+  font-size: 15px;
+  margin-bottom: 30px;
+}
+.pageUrl {
+  color: green;
+  font-size: 12px;
+  font-weight: 900;
+  text-decoration: none;
+  margin-right: 10px;
+}
+.pageUrl:hover {
+  text-decoration: none;
+  color: green;
+}
+.lunrsearchresult {
+  font-size: 15px;
+}
+.lunrsearchresult .title {
+  color: #d9230f;
+}
+.lunrsearchresult .url {
+  color: silver;
+}
+.lunrsearchresult a {
+  display: block;
+  color: #777;
+}
+
+.lunrsearchresult:hover,
+.lunrsearchresult:focus {
+  text-decoration: none;
+}
+
+.lunrsearchresult:hover .title {
+  text-decoration: underline;
+}
+
+.close {
+  float: right;
+  font-size: 2rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: 0.5;
+  border: none;
+  background: transparent;
+}
+.close:focus {
+  outline: none !important;
+}
+
+/* recent post heading stlye */
+.recent_post_heading {
+  width: 100%;
+  font-size: 46px;
+  text-align: left;
+  font-weight: 800;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.24;
+  letter-spacing: normal;
+  color: rgb(17, 48, 78);
+  margin-bottom: 45px;
+  padding-top: 75px;
+  display: inline-block;
+}
+
+@media (max-width: 768px) {
+  .bd-search {
+    padding: 10px 25px;
+  }
+  .socialIons > .item-lists2 {
+    justify-content: center;
+  }
+  .socialIons > .item-lists2 {
+    flex-direction: row;
+    align-items: center;
+  }
+  .socialIons > .item-lists2 > li {
+    padding-right: 30px;
+    margin: 0;
+  }
+}
+
+@media (max-width: 768px) {
+  .navbar-nav {
+    align-items: unset;
+  }
+  .nav-item {
+    padding: 0 !important;
+  }
+
+  .sep {
+    margin: 0;
+  }
+  .author-meta {
+    padding-left: 15px;
+  }
+  .comments-count {
+    margin: 18px 0;
+    text-align: left;
+  }
+
+  .navbar {
+    padding-left: 7% !important;
+    padding-right: 7% !important;
+  }
+  .title,
+  .description {
+    width: 100% !important;
+    text-align: center;
+  }
+  .angle-arrow {
+    position: fixed;
+    bottom: 4px;
+    right: 32px;
+    top: auto;
+    z-index: 999;
+  }
+  .alertbar form {
+    display: block;
+    margin-top: 10px;
+  }
+  .small_description {
+    font-size: 25px;
+  }
+}
+
+.appscms-sidebar-right,
+.appscms-sidebar-left {
+  min-width: 200px;
+  max-width: fit-content;
+  height: 100px;
+  min-height: 300px;
+  max-height: fit-content;
+  top: 150px;
+  position: fixed;
+}
+.appscms-sidebar-left {
+  left: 0;
+}
+.appscms-sidebar-right {
+  right: 0;
+}