word-games-theme 1.8.2 → 1.8.3

data/assets/css/featurePage.css

@@ -0,0 +1,515 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: sans-serif !important;
+}
+
+:root {
+  --txtColor: #000;
+  --txtColor1: #fff;
+  --bgColor: #000;
+  --bgColor2: #fff;
+}
+
+html {
+  scroll-behavior: smooth;
+  font-size: 62.5%;
+}
+
+body {
+  overflow-x: hidden !important;
+}
+
+header {
+  width: 100%;
+  position: sticky;
+  top: 0;
+  left: 0;
+  z-index: 999;
+}
+
+.navbar {
+  width: 100%;
+  padding: 1.2rem 9% !important;
+  display: flex;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  -ms-flex-align: center;
+  align-items: center;
+}
+
+.navbar-brand {
+  font-size: 2.2rem;
+  color: var(--txtColor) !important;
+  font-weight: 900;
+  position: relative;
+}
+
+.header_bars {
+  width: 25px;
+  height: 0.2rem;
+  background-color: #000;
+  margin: 6px 0;
+}
+
+.navbar-dark .navbar-toggler {
+  padding: 0px !important;
+  outline: none !important;
+}
+
+.heading {
+  font-weight: 600;
+  font-size: 4rem;
+  color: #000;
+}
+
+.title {
+  text-indent: 10px;
+  font-size: 25px;
+  font-weight: 900;
+}
+
+#rating-img {
+  height: 1px;
+  width: 1px;
+  filter: brightness();
+  filter: brightness(100);
+}
+
+.rating-tool {
+  width: 100%;
+  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);
+  margin-bottom: 60px;
+  position: relative;
+  top: 30px;
+}
+
+.rating-text {
+  font-size: 17px;
+  font-weight: 700;
+  color: rgb(33, 33, 33);
+  padding: 6px;
+}
+
+.rating-stars {
+  color: #9d9d9d !important;
+  display: flex;
+  align-items: center;
+}
+
+.rating-stars i {
+  padding: 5px;
+  font-size: 17px;
+}
+
+.rating-value {
+  line-height: 24px;
+  font-size: 16px;
+  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  font-weight: 400;
+  color: rgb(33, 33, 33);
+  padding: 6px;
+}
+
+.related_post_heading {
+  width: 100%;
+  font-size: 46px;
+  text-align: center;
+  font-weight: 800;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.24;
+  letter-spacing: normal;
+  color: #11304e;
+  margin-bottom: 45px;
+  padding-top: 75px;
+  display: inline-block;
+}
+
+.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;
+}
+
+.rating-text,
+.rating-value {
+  font-size: 12px;
+}
+
+.social-icons {
+  position: static;
+  width: 100%;
+  display: flex;
+  font-size: 16px;
+  gap: 50px;
+  justify-content: center;
+  flex-direction: row;
+  z-index: 999;
+  box-shadow: unset;
+  border-top: 1px solid rgb(221, 221, 221);
+  border-bottom: 1px solid rgb(221, 221, 221);
+  height: auto;
+  padding: 20px;
+}
+
+.social-icons a {
+  color: #fff !important;
+  background: white;
+  border-radius: 100%;
+  height: 30px;
+  width: 30px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  /* box-shadow: 0 0 5px rgb(0 0 0 / 20%); */
+}
+
+.share-icon {
+  width: 14px;
+}
+
+.share-this {
+  font-weight: 900;
+  font-size: 14px;
+  /* width: 100%; */
+  display: block !important;
+  color: #000;
+  text-align: center;
+}
+
+.social-count {
+  right: auto !important;
+  margin-top: 25px !important;
+}
+
+.txt-primary {
+  color: #000;
+  font-size: 16px;
+  text-decoration: none !important;
+}
+
+.txt-secondary {
+  color: gray;
+  font-size: 15px;
+  text-decoration: none !important;
+  margin: 2rem 0px;
+}
+
+.copyright-text {
+  font-size: 18px;
+}
+
+.feature {
+  padding: 15px;
+  background-color: #b641da;
+  margin-left: 0;
+  margin-top: 5rem;
+  margin-bottom: 0;
+  color: white;
+  text-align: center;
+  width: 100%;
+}
+
+.features_data .card-body > .card-title {
+  transition: all 0.5s ease;
+  font-size: 1.5rem;
+  line-height: 25px;
+  color: #000;
+  font-weight: 600;
+  margin-bottom: 8px;
+  margin-top: 5px;
+}
+
+.rowHeight2 {
+  margin-top: 50px;
+  margin-bottom: 120px;
+  top: 0;
+}
+
+.news {
+  padding: 15px;
+  background-color: #29dec0;
+  margin-left: 0;
+  margin-top: 0;
+  text-align: center;
+  color: white;
+  width: 100%;
+}
+
+.meduim-text2 {
+  margin: 0 0 25px;
+  font-size: 20px;
+  font-weight: 600;
+  color: #11304e;
+  position: relative;
+  padding-right: 30px;
+  line-height: 1.4;
+  cursor: pointer;
+  padding-left: 48px;
+}
+
+.meduim-text {
+  font-size: 14px;
+  padding-left: 48px;
+  font-weight: 500;
+  line-height: 1.75;
+  text-align: left;
+  color: #536571;
+  margin: 0 0 25px;
+  height: auto;
+  overflow: hidden;
+}
+
+.letter-close-button {
+  position: absolute;
+  right: 220px;
+  top: 24px;
+  font-size: 18px;
+  cursor: pointer;
+  display: none;
+}
+
+.close_ltr_icon {
+  display: block;
+}
+
+.txt-primary {
+  color: #000;
+  font-size: 16px;
+  text-decoration: none !important;
+}
+
+.txt-secondary {
+  color: gray;
+  font-size: 15px;
+  text-decoration: none !important;
+  margin: 2rem 0px;
+}
+
+.txt-secondary:hover {
+  color: #000;
+}
+
+.footer_hr {
+  width: 50px;
+  margin: 2rem auto;
+  border: 2px solid #000;
+}
+
+.footer-section {
+  padding: 50px 0px;
+  background-color: #f8f9fa;
+  margin-top: 3rem;
+}
+
+.footer-logo-cont {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  font-size: 20px;
+  color: #000;
+  font-weight: 900;
+}
+
+.list-inline {
+  padding-left: 0;
+  list-style: none;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 40px;
+}
+
+.footer-social-list ul li a i {
+  width: 35px;
+  height: 35px;
+  line-height: 35px;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 18px;
+  background: #000;
+  -webkit-background-clip: text;
+  color: transparent;
+  transition: all 0.3s ease-in;
+}
+
+.copyright-text {
+  font-size: 18px;
+}
+
+.footer-address {
+  margin-bottom: 20px;
+}
+
+.footer-address p {
+  margin-bottom: 15px;
+}
+
+.drop-down-btn {
+  cursor: pointer;
+  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-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+  color: rgb(26, 26, 26);
+}
+
+.drop-down-btn svg {
+  height: 22px;
+}
+
+.language-drop-down-menu {
+  display: flex;
+  justify-content: space-between;
+  margin: 0;
+  padding: 0;
+  flex-wrap: wrap;
+}
+
+.language-drop-down-item {
+  width: 50%;
+  padding: 10px 12px 1px 1px;
+  text-align: center;
+  font-size: 15px;
+  margin-bottom: 0;
+  list-style: none;
+}
+
+.language-drop-down-item a {
+  justify-content: space-between;
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: 9px 9px;
+  color: #11304e;
+  border-bottom: 1px solid rgb(224, 224, 224);
+}
+
+.language-drop-down-item a:hover {
+  background: rgb(238, 238, 238);
+  border-radius: 3px;
+}
+
+.language-drop-down-item a i {
+  margin: 0;
+}
+
+.active-lang {
+  background: rgb(238, 238, 238);
+  border-radius: 3px;
+}
+
+.modal-header {
+  padding: 1.8rem;
+}
+
+.modal-title {
+  font-size: 2.28rem;
+}
+
+.close {
+  font-size: 3.8rem;
+}
+
+@media (max-width: 768px) {
+  .language-drop-down-item {
+    width: 100% !important;
+  }
+
+  .txt-secondary {
+    text-align: center;
+  }
+
+  .email_heaidng {
+    font-size: 1.4rem;
+  }
+}
+
+@media (max-width: 1125px) {
+  .title,
+  .description {
+    width: 100% !important;
+    text-align: center;
+  }
+
+  .txt-secondary {
+    text-align: center;
+  }
+
+  .email_heaidng {
+    font-size: 1.4rem;
+  }
+
+  .features_data .card-body {
+    border-radius: 10px;
+    background-color: #f7f7f7;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+    margin: 20px 0;
+  }
+}
+
+@media (max-width: 768px) {
+  .meduim-text,
+  .meduim-text2 {
+    padding-left: 0px;
+    text-align: center;
+  }
+  .letter-close-button {
+    right: 45%;
+    top: 17px;
+    font-size: 15px;
+  }
+}
+
+.bi::before,
+[class*=" bi-"]::before,
+[class^="bi-"]::before {
+  display: inline-block;
+  font-family: bootstrap-icons !important;
+  font-style: normal;
+  font-weight: 400 !important;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  vertical-align: -0.125em;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}