/* VARIABLES */
/* COLORS */
body.darkMode .text-light {
  color: #606277 !important; }
body.darkMode .text-dark {
  color: #B7B9CF !important; }

/**** ARTICLES ****/
.articles.for-archive {
  background-color: #F8F8FA; }
  .articles.for-archive .slider-container {
    padding: 0px 70px; }
  .articles.for-archive .swiper-container:before, .articles.for-archive .swiper-container:after {
    background-image: linear-gradient(to right, rgba(248, 248, 255, 0) 0px, #F8F8FA 450px, #F8F8FA 100%); }
  .articles.for-archive .swiper-container:after {
    background-image: linear-gradient(to left, rgba(248, 248, 255, 0) 0px, #F8F8FA 450px, #F8F8FA 100%); }
  .articles.for-archive .item:before {
    display: none; }
  .articles.for-archive .item img {
    height: 275px; }
  .articles.for-archive .item .title {
    min-height: unset; }
  .articles.for-archive .header-section .swiper-navigation .btn:first-child {
    border-left-color: #F8F8FA !important; }
  .articles.for-archive .header-section .swiper-navigation .btn:last-child {
    border-right-color: #F8F8FA !important; }
  .articles.for-archive .header-section .swiper-navigation:before {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #F8F8FA 40%, #F8F8FA 60%, rgba(255, 255, 255, 0)); }
  .articles.for-archive .header-section .swiper-navigation:after {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #F8F8FA 40%, #F8F8FA 60%, rgba(255, 255, 255, 0)); }
.articles.archive-theme .item:hover:before {
  opacity: 1; }
.articles.archive-theme .item:before {
  background-color: transparent;
  box-shadow: 0 15px 15px rgba(143, 145, 167, 0.1);
  opacity: 0;
  height: calc(100% - 65px); }
.articles.archive-theme .item .title {
  min-height: unset; }
.articles.archive-theme-sidebar .item:before {
  display: none !important; }
.articles.archive-theme-sidebar .item:hover .title {
  color: #3d66e8 !important; }
.articles.archive-theme-sidebar .item.small-theme img {
  width: 75px;
  height: 75px;
  min-width: 75px; }
.articles.archive-theme-sidebar .item.small-theme .title {
  font-size: 17px; }
.articles.archive-theme-sidebar .item img {
  object-fit: cover;
  height: 180px; }
.articles.archive-theme-sidebar .item .time {
  font-size: 15px; }
.articles.archive-theme-sidebar .line {
  height: 1px;
  background-color: #DCDDE8; }
.articles .swiper-container:before, .articles .swiper-container:after {
  content: '';
  position: absolute;
  width: 10000px;
  height: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, #fff 450px, #fff 100%);
  top: 0;
  right: 0;
  transform: translateX(100%);
  z-index: 9; }
.articles .swiper-container:after {
  left: 0;
  right: unset;
  transform: translateX(-100%);
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0px, #fff 450px, #fff 100%); }
.articles .item:hover:before {
  box-shadow: 0px 15px 15px #8F91A71F;
  background-color: #ffffff; }
.articles .item:before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: calc(100% - 125px);
  background-color: #E7E8F5;
  opacity: 0.7;
  z-index: -1;
  border-radius: 32px;
  transition: all 0.3s; }
.articles .item .label {
  font-size: 17px;
  padding: 7.5px 12.5px;
  right: 20px;
  top: 255px;
  transform: translateY(-100%); }
.articles .item img {
  height: 200px; }
.articles .item .title {
  font-size: 17px;
  display: -webkit-box !important;
  height: 57px;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important; }
.articles .item .text {
  font-size: 15px; }
.articles .item .time {
  font-size: 15px; }
  .articles .item .time i {
    font-size: 20px;
    height: 20px; }
    .articles .item .time i.small-icon {
      font-size: 18px;
      height: 18px; }

@media screen and (max-width: 1200px) {
  .articles.for-archive .slider-container {
    padding: 0px 0px; }
  .articles.for-archive .item img {
    height: 160px; }
  .articles.archive-theme .item {
    border: 2px solid rgba(143, 145, 167, 0.15);
    border-radius: 32px; }
    .articles.archive-theme .item:before {
      display: none; }
  .articles.archive-theme-sidebar .item {
    border: none !important; }
  .articles .item .label {
    font-size: 15px;
    right: 15px;
    top: 145px; } }
@media screen and (max-width: 992px) {
  .articles.archive-theme .item {
    max-width: 100% !important;
    border-radius: 10px !important; }
    .articles.archive-theme .item img {
      height: auto; }
  .articles .swiper-container:before, .articles .swiper-container:after {
    display: none; }
  .articles .item {
    max-width: 270px; }
    .articles .item:before {
      height: calc(100% - 75px);
      border-radius: 10px; }
    .articles .item img {
      height: auto;
      border-radius: 10px !important; }
    .articles .item .title {
      font-size: 17px;
      height: 51px; }
    .articles .item .text {
      font-size: 15px; }
    .articles .item .time {
      font-size: 15px; }
      .articles .item .time i {
        font-size: 19px;
        height: 19px; } }
/* START FINAL CHANGE */
body.home .articles .swiper-container {
  padding-bottom: 24px !important;
  margin-bottom: 0 !important; }

/* END FINAL CHANGE */
body.darkMode .articles .item:before {
  background-color: #232435 !important; }
body.darkMode .articles.for-archive {
  background-color: transparent; }
body.darkMode .articles .swiper-container:before, body.darkMode .articles .swiper-container:after {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0px, #1C1D2D 450px, #1C1D2D 100%); }
body.darkMode .articles .swiper-container:after {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0px, #1C1D2D 450px, #1C1D2D 100%); }
body.darkMode .articles.archive-theme-sidebar .line {
  background-color: rgba(44, 45, 61, 0.45); }
body.darkMode .articles .item:hover:before {
  box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 992px) {
  .articles .container .swiper-container {
    overflow: visible !important;
    overflow-x: visible !important; } }
.tab-bar-article {
  border-bottom: 1px solid #DCDDE8; }
  .tab-bar-article .nav-item {
    font-size: 15px;
    cursor: pointer;
    background-color: #F3F4FB;
    transition: all 0.3s; }
    .tab-bar-article .nav-item.active {
      background-color: #3d66e8 !important;
      color: #ffffff !important; }
  .tab-bar-article .nav-item-line {
    width: 2px;
    height: 20px;
    background-color: #DCDDE8; }

@media screen and (max-width: 992px) {
  .tab-bar-article .nav-item {
    border-radius: 5px !important; } }
/* DARK MODE */
body.darkMode .tab-bar-article {
  border-bottom: 1px solid #393C58; }
  body.darkMode .tab-bar-article .nav-item {
    background-color: rgba(44, 45, 61, 0.45); }
  body.darkMode .tab-bar-article .nav-item-line {
    background-color: #393C58; }

/**** SOCIAL-SECTION  ****/
.social-section .item {
  background-image: linear-gradient(-90deg, #44C2FA, #2D7AFF, #44C2FA, #2D7AFF);
  border-radius: 25px;
  background-size: 300% 100%; }
  .social-section .item:hover {
    box-shadow: 0px 15px 15px rgba(45, 122, 255, 0.16); }
  .social-section .item.instagram-theme {
    background-image: linear-gradient(-90deg, #D82D83, #A53199, #5E37B8, #D82D83, #A53199, #5E37B8); }
    .social-section .item.instagram-theme:hover {
      box-shadow: 0px 15px 15px rgba(165, 49, 153, 0.18); }
  .social-section .item:hover {
    background-position: 100% 0; }
  .social-section .item i {
    font-size: 35px;
    height: 35px; }
    .social-section .item i.icon-left {
      font-size: 14px;
      height: 14px; }
    .social-section .item i.icon-logo {
      font-size: 24px;
      height: auto; }

.social-section .item {
  transition: all 0.3s; }

@media screen and (max-width: 1200px) {
  .social-section .item {
    border-radius: 15px; }
    .social-section .item i {
      font-size: 24px;
      height: 24px; }
    .social-section .item img {
      max-height: 20px; } }

/*# sourceMappingURL=blog-archive.css.map */