@font-face {
    font-family: 'BiKSA';
    src: url('../webfonts/liLSiOEsjzv3B$kYA.woff2') format('woff2');
    font-weight: 400;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BiKSA';
    src: url('../webfonts/sbtFuoyNgHINGzO2q.woff2') format('woff2');
    font-weight: semibold;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BiKSA';
    src: url('../webfonts/boYIjnvP6zh3cdI3P.woff2') format('woff2');
    font-weight: bold;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



body {
  direction: rtl;
  text-align: right;
  font-display: swap;

}
.tags.list-inline {
    display: flex;
    padding: 20px;
    justify-content: space-around;
    background-color: #efefef;
    margin: 20px 0;
    border: 2px solid #ddd;
    flex-flow: wrap;
}
.view-category .tags.list-inline,.view-category .category-name {
    display: none;
}
.blog-item .item-content p ,
.blog-item .item-content strong,
.text-muted,
.footer-container{
  font-family: 'BiKSA';

}
.item-page .pagination.ms-0 {
  display: none;
}
.source_link a,
.original_source a {
    background: black;
    padding: 2px 5px;
    color: #fff;
}
.source_link a::before,
.original_source a::before{
  font-family: "Font Awesome 6 Free";

  content:  "\f0c1";
  padding-left: 10px;
  width: 30px;
  height: 50px;
}

.pagination {
  --pagination-padding-x: 0.75rem;
  --pagination-padding-y: 0.375rem;
  --pagination-font-size: 1rem;
  --pagination-color: var(--link-color);
  --pagination-bg: var(--body-bg);
  --pagination-border-width: var(--border-width);
  --pagination-border-color: var(--border-color);
  --pagination-border-radius: var(--border-radius);
  --pagination-hover-color: var(--link-hover-color);
  --pagination-hover-bg: var(--tertiary-bg);
  --pagination-hover-border-color: var(--border-color);
  --pagination-focus-color: var(--link-hover-color);
  --pagination-focus-bg: var(--secondary-bg);
  --pagination-focus-box-shadow: 0 0 0 0.25rem #01015640;
  --pagination-active-color: #fff;
  --pagination-active-bg: #010156;
  --pagination-active-border-color: #010156;
  --pagination-disabled-color: var(--secondary-color);
  --pagination-disabled-bg: var(--secondary-bg);
  --pagination-disabled-border-color: var(--border-color);
  padding-left: 0;
  list-style: none;
  display: flex;
}
.com-content-category-blog__navigation.w-100 {
  display: flex;
  justify-content: space-between;
}
ul.pagination {
  justify-content: center;
}
.pagination .page-item {
  margin: 5px;
}

.view-article .pagination {
  justify-content: space-between;
  margin-top:30px;
}
.pagination .page-item {
  margin: 5px;
}
.pagination .page-item .page-link:first-child,
.pagination .page-item .page-link:last-child {
  border-radius: 4px;
}
.pagination .page-item.active .page-link {
  color: rgb(0, 123, 255);
  background-color: transparent;
  border-color: rgb(0, 123, 255);
}
.pagination .page-item .page-link {
  color: rgb(44, 46, 54);
  border: 1px solid rgb(44, 46, 54);
}
.pagination .page-item .page-link:first-child,
.pagination .page-item .page-link:last-child {
  border-radius: 4px;
  padding: 2px 5px;
}
.pagination .page-item .page-link:hover {
  border-color: rgb(0, 123, 255);
  color: rgb(0, 123, 255);
  background-color: transparent;
}
.pagination .page-item .page-link:first-child,
.pagination .page-item .page-link:last-child {
  border-radius: 4px;
}
.awesomplete {
  width: 100%;
}
.visually-hidden {
  visibility: hidden;
  display: none;
}
.dark-mode .header-bottom,
.dark-mode .header-bottom.sticky,
.dark-mode .offcanvas-menu  {
    background-color: rgb(1, 65, 1);
}
.dark-mode .offcanvas-menu {
    color: #fff;
}
.container-fluid {
}
.mstory_container .container-fluid {
    margin-top:0;
}
.reverse.first-content-layout {
  flex-direction: row-reverse;
  
}
.reverse .mid-content::before,
.reverse .spotlight-section::before  {
    content: "";
    height: calc(100% - 0rem);
    width: 0.0625rem;
    position: absolute;
    background-color: #0d6c00;
    right: -34px;
    left:0;
}


.reverse .split-container {
    display: flex;
    gap: 76px;
    margin: 30px 0;
    flex-direction: row-reverse;
}
.reverse .top-story-hero {
    padding-top: 20px;
}
@media (max-width: 1279px) {
.reverse .split-container {
    display: flex;
    gap: 76px;
    margin: 30px 0;
    flex-direction: column;
}
    .reverse .spotlight-section::before {
    right: 50%;
}
    .reverse.first-content-layout{
    width: 100%;
    margin-top: 0px;
    gap: 40px;
}


.reverse .mid-content::before{

    right: -22px;
    left: 0;
}




}
@media (max-width: 992px) {
#main-container.second {
        padding-top: 0;
    }
    .reverse .top-story-hero {
        padding-top: 20px;
    }
}

@media (max-width: 767px) {
   .reverse  .mid-content {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .reverse.category-section-four .category-content .article-card .article-card__text,  .reverse aside {
        max-width: 100%;
    }
    .reverse.first-content-layout {
        flex-direction: column;
    }
#main-container.second {
        margin-top: 0;
        padding-top: 20;
    }
}




@media (min-width:500px) and (max-width:767px) {
  .in_this_tag.sept-related-items {
    display: grid;
  grid-template-columns: 2fr 2fr ;
  }
    .in_this_tag.sept-related-items .article-blocks-container {
      flex-direction: column;
    }
    .in_this_tag.sept-related-items .article-blocks-container .article-intro {
      display: none;
    }
    .in_this_tag.sept-related-items .msap-image-block {
      min-width: 100%!important;
      max-width: 100%!important;
    }

}

@media (min-width:120px) and (max-width:500px) {
 .in_this_tag.sept-related-items {
    display: grid;
  grid-template-columns: 1fr!important ;
  }
    .in_this_tag.sept-related-items .article-blocks-container {
    flex-direction: column;
  }
  .article-info.text-muted {
    display: flex;
    gap: 0;
    flex-direction: column;
  }
  .in_this_tag.article-info.text-muted {
    flex-direction: column;
  }
  .in_this_tag.sept-related-items .article-blocks-container .article-intro {
    display: none;
  }
  .in_this_tag.sept-related-items .msap-image-block {
    min-width: 100%!important;
    max-width: 100%!important;
  }
}

.content_vote .btn.btn-primary {
    height: auto;
    color: #fff;
    font-family: "Cairo";
    padding: 0 10px;
    font-size: 1rem;
}
.icon-joomla,
[class*=" icon-"],
[class^="icon-"] {
  font-family: "Font Awesome 6 Free";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 1;
}
.menu-154 .item-content img {
  display: none;
}

/* الوضع الفاتح */
.light-mode {
  --bg-color: #ffffff;
  --text-color: #000000;
}

/* الوضع الداكن */
.dark-mode {
  --bg-color: #121212;
  --text-color: #ffffff;
}

/* وضع القراءة */
.reading-mode {
  --bg-color: rgb(197, 227, 185);
  --text-color: #333333;
}
.reading-mode .container-fluid,
.reading-mode .mainmenu li ul{

//  background-color: rgb(197, 227, 185);

}
.reading-mode .footer-container,
.reading-mode .header-top {
  background-color: #225b17;
  border-color: #225b17;

}
.reading-mode .theme-switch {
  background-color: #225b17;

}
.reading-mode .theme-switch svg {
  fill:rgb(65, 136, 59);
}



@media (max-width: 992px) {
  .reading-mode .header-bottom {

    box-shadow: 0 4px 4px 0 rgba(100, 100, 100, 0.5);
  }
  .theme-switch {
    background-color: transparent!important;
    fill:#888;
  }
}
  .reading-mode .header-bottom.sticky {

  box-shadow: 0 4px 4px 0 rgba(123, 123, 123, 0.5);
}






.reading-mode .btn.btn-primary {
  background-color: #225b17;
}
.reading-mode .spotlight-section::before,
.reading-mode .mid-content::before {

  background-color: #006000;
}

.reading-mode .mainmenu li ul::before {
   border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 12px solid #006000;
}
.reading-mode .swiper-slide {

  background-color: transparent;

}



.reading-mode .featured-slider .slide {
  background: rgb(255, 202, 125);

}
.reading-mode .header-bottom,
.reading-mode .offcanvas-menu {
 // background-color: rgb(185, 229, 155);
}
.reading-mode .mobilemenu .nav-item.current.active,
.reading-mode .mobilemenu a:hover {
//  background-color: #cdffbb;
}




body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}



.theme-switch {
  display: flex;
  gap: 5px;
  align-items: center;
  background-color: #1f7b10;
  border-radius: 30px;
  padding: 0 2px;
}
.dark-mode .theme-switch {
  background-color: #0d6c00
}
.theme-switch label {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radiuss: 100%;
  backgrsound: #f0f0f0;
  transition: background 0.3s, box-shadow 0.3s;
  box-shadow: 0 0 5px transparent;
}

.theme-switch input[type="radio"] {
  display: none;
}

/* عند تحديد الراديو، لون الخلفية والنقش */
.theme-switch input[type="radio"]:checked + svg,
.theme-switch input[type="radio"]:checked + svg path {
  fill: #ffffff;
}

.theme-switch input[type="radio"]:checked + svg {
  filter: drop-shadow(0 0 5px #ffd000);
}

.theme-switch input[type="radio"]:checked + svg {
  backgrosssund: #000000;
  border-radius: 50%;
}

/* التأثير عند تمرير الماوس */
.theme-switch label:hover {
  backgrxxxound: #000000;
}
.theme-switch svg:hover {
    fill:yellow;
}