/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/src/scss/frontend.scss ***!
  \************************************************************************************************************************/
:root {
  --ea-color-white: #ffffff;
  --ea-color-black: #000000;
  --ea-color-light-grey: #eaeaea;
  --ea-color-light-blue: #f5fafe;
  --ea-color-main: #f84270;
  --ea-color-gradient: linear-gradient(20deg, #f84270 0%, #fe803b 100%);
  --ea-color-secondary: linear-gradient(40deg, #f84270 0%, #fe803b 80%);
  --ea-color-main-active: #f84270;
}

#ea-author-on-hover {
  display: none;
  background-color: #fff;
  padding: 20px;
  border-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  position: absolute;
  width: 400px;
  z-index: 9;
  transform: translateX(-50px);
}

.ea-author-extra-bio {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 !important;
  margin: 0;
  gap: 5px;
}
.ea-author-extra-bio li a {
  color: #5e5a5a;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  line-height: 16px;
  font-size: 14px;
  border-radius: 36px;
  -webkit-border-radius: 36px;
  -ms-border-radius: 36px;
  padding: 6px 20px;
}
.ea-author-extra-bio li a i {
  vertical-align: middle;
  margin-right: 8px;
}
.ea-author-extra-bio li a:hover {
  opacity: 0.8;
}
.ea-author-extra-bio.ea-extra_bio_fill li a {
  background-color: #666;
  color: #fff;
}
.ea-author-extra-bio.ea-extra_bio_normal li a {
  padding: 0;
}

.ea-author-wrapper.text-center {
  text-align: center;
}
.ea-author-wrapper.style3 .ea-author-box {
  display: block;
}
.ea-author-wrapper.style3 .ea-author-img {
  flex: 0 0 0%;
  max-width: 100%;
  margin-bottom: 10px;
}
.ea-author-wrapper.style3 .ea-author-img img {
  max-width: 120px;
  object-fit: cover;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
}
.ea-author-wrapper.style3 .ea-author-info {
  max-width: 100%;
}
.ea-author-wrapper.style3 .ea-author-socials {
  justify-content: center;
}

.authorsy-like-box {
  position: relative;
}

.social-share-modal-wrapper,
.authorsy-modal-wrapper {
  background-color: #fafafa;
  padding: 5px;
  border: 1px solid #ddd;
  max-width: 204px;
  position: absolute;
  top: -210%;
  z-index: 99;
  display: none;
}
.social-share-modal-wrapper b,
.authorsy-modal-wrapper b {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}
.social-share-modal-wrapper .social-share-modal-close,
.authorsy-modal-wrapper .social-share-modal-close {
  display: block;
  text-align: right;
  font-size: 12px;
  cursor: pointer;
  color: #444;
}

.social-share-modal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2px;
}
.social-share-modal a {
  padding: 0;
  display: inline-block;
  color: #fff;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  background-color: #5e5a5a;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
}
.social-share-modal a svg {
  fill: #fff;
}
.social-share-modal a.share-facebook {
  background-color: #3b5998; /* Facebook blue */
}
.social-share-modal a.share-twitter {
  background-color: #1da1f2; /* Twitter blue */
}
.social-share-modal a.share-linkedin {
  background-color: #0077b5; /* LinkedIn blue */
}
.social-share-modal a.share-email {
  background-color: #ff0000; /* Red for email */
}
.social-share-modal a.share-pinterest {
  background-color: #bd081c; /* Pinterest red */
}
.social-share-modal a.share-reddit {
  background-color: #ff5700; /* Reddit orange-red */
}
.social-share-modal a.share-tumblr {
  background-color: #35465c; /* Tumblr dark blue */
}
.social-share-modal a.share-telegram {
  background-color: #0088cc; /* Telegram light blue */
}
.social-share-modal a.share-blogger {
  background-color: #fc4f08; /* Blogger orange */
}
.social-share-modal a.share-flipboard {
  background-color: #e12828; /* Flipboard red */
}
.social-share-modal a.share-vk {
  background-color: #4c75a3; /* VK blue */
}

.authorsy-like-box-message {
  position: absolute;
  margin-bottom: 0 !important;
  bottom: -21px;
  font-size: 12px;
}

.authorsy-top-voted-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 15px 0;
  border-bottom: 1px solid #eaeaea;
}
.authorsy-top-voted-list .authorsy-post-thumbnail {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.authorsy-top-voted-list .authorsy-post-thumbnail img {
  max-width: 100%;
  height: 100px;
  object-fit: cover;
}

.authorsy-top-voted-list-content {
  flex: 0 0 80.666667%;
  max-width: 80.666667%;
}
.authorsy-top-voted-list-content .authorsy-title {
  font-size: 22px;
  margin: 0 0 10px;
}
.authorsy-top-voted-list-content .authorsy-title a {
  color: #222;
  text-decoration: none;
}
.authorsy-top-voted-list-content .authorsy-title a:hover {
  text-decoration: underline;
}
.authorsy-top-voted-list-content p {
  margin: 0;
}

.authorsy-top-voted-grid-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.authorsy-top-voted-grid-wrapper .authorsy-post-thumbnail {
  margin-bottom: 15px;
}
.authorsy-top-voted-grid-wrapper .authorsy-post-thumbnail img {
  width: 100%;
  height: auto;
}
.authorsy-top-voted-grid-wrapper .authorsy-top-voted-grid {
  flex: 0 0 31%;
  max-width: 31%;
}
.authorsy-top-voted-grid-wrapper .authorsy-top-voted-grid-content h3 {
  margin: 0 0 10px;
  font-size: 26px;
}
.authorsy-top-voted-grid-wrapper .authorsy-top-voted-grid-content h3 a {
  color: #222;
  text-decoration: none;
}
.authorsy-top-voted-grid-wrapper .authorsy-top-voted-grid-content h3 a:hover {
  text-decoration: underline;
}
.authorsy-top-voted-grid-wrapper .authorsy-top-voted-grid-content p {
  margin: 0 0 10px;
}
