/*sky
hsl(208deg 27% 66%)
hsl(208deg 50% 62%)


gold:  hsl(41deg 68% 55%)  / brown: #b18659
blue:  hsl(208deg 50% 55%)
green: #5ba966
Ayah:  #ab4f66



iPhone reading mode:
    background: hsl(40deg 60% 93%);
    height: 100%;
    color: hsl(27deg 49% 21%);
}
*/

.dark-mode * {
  transition-property: all; /*color, background-color, border-color;*/
  /*transition-duration: 0.25s;*/
}

.dark-mode {
    background-color: #3c4145!important;
}

body.dark-mode{
  color: #f6f6f6;
}

.dark-mode .invert{
    filter: invert(1);
}


.dark-mode a {
    color: hsl(41deg 68% 55%);
    /* color: hsl(5deg 73% 50% / 73%); */
    /* color: hsl(5deg 76.35% 54.01% / 73%); */
    /* color: hsl(6.06deg 63.27% 39.15%); */
    text-shadow: -1px 1px 1px rgb(0 0 0 / 33%);
}

.dark-mode a:hover {
    color: hsl(41deg 68% 43%);
}

.dark-mode .shadow {
    box-shadow: 0 0.5rem 1rem 2px rgb(32 36 44 / 46%) !important;
}

.dark-mode .card {
    background-color: hsl(220deg 16% 15%);
    border: none; /*1px solid rgba(0,0,0,.125);*/
}

.dark-mode .card-footer {
    color: hsl(220deg 12% 24%);
    background: hsl(219deg 16% 75%);
}

.dark-mode .card-footer .oi {
    color: hsl(220deg 12% 24%);
}

.dark-mode .border:not(.hodaalquran_banner) {
    border: 1px solid hsl(207deg 7% 25%) !important;
}

/* section-header */
.dark-mode .card.section-header {
    background: url(https://alhodacenter.com/assets/themes/default/img/ce3.5.png) scroll no-repeat, linear-gradient(to bottom right, rgb(255 255 255 / 0%), hsl(220deg 16% 15% / 50%), hsl(220deg 16% 15%));
    background-blend-mode: darken;
    background-color: hsl(213deg 14% 45% / 10%);
}
/* section-header */


/* Meta data and icons */
.dark-mode .oi {
    color: hsl(208deg 27% 66%);
}

.dark-mode .details-text {
    color: hsl(208deg 27% 66%);
}

.dark-mode ul.article_cat_list li a {
    color: hsl(208deg 27% 66%);
}

.dark-mode hr {
    border-top: 1px solid rgb(255 255 255 / 10%);
}
/* Meta data and icons */

/* Nav */
.dark-mode .navbar.navbar-custom .navbar-toggler-icon {
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); */
    /* filter: invert(1); */
}

.dark-mode .navbar-light .navbar-toggler, .btn.settings-btn {
    color: hsl(210deg 1% 27%);
    border-color: rgb(236 236 236 / 50%);
}

.dark-mode .navbar-custom {
    color: #ececec;
    background-color: #20242c;
    border-bottom: 0.14rem solid #91aac0;
}

/*.dark-mode nav a {
    color: inherit;
}*/

.dark-mode .navbar.navbar-custom .navbar-nav .nav-link {
    color: inherit;
    border-color: #91aac0;
}

.dark-mode .navbar.navbar-custom .navbar-nav  .nav-link.active {
    background-color: hsl(0deg 0% 0% / 20%);
    border-bottom: 2px solid hsl(208deg 50% 45%);
    margin-bottom: -2px;
}

.dark-mode .navbar.navbar-custom .navbar-nav  .nav-link:hover {
    background-color: hsl(0deg 0% 0% / 30%);
    border-bottom: 2px solid hsl(208deg 50% 55%);
    margin-bottom: -2px;
}

.dark-mode .dropdown-menu {
    border-color: rgb(0 0 0 / 3%);
    background-color: hsl(210deg 10% 23%);
    color: #ececec;
    margin-right: 5px;
    margin-left: 5px;
    box-shadow: 0 0.5rem 1rem 2px rgb(32 36 44 / 75%) !important;
}

.dark-mode a.dropdown-item {
    color: #ececec;
}

.dark-mode a.dropdown-item:active {
    background-color: hsl(222deg 18% 14% / 36%);
}

.dark-mode a.dropdown-item:hover {
    background-color: hsl(222deg 18% 14% / 45%);
}

.dark-mode .dropdown-item:focus,
.dark-mode .dropdown-item:hover {
    color: inherit;
    background-color: hsl(222deg 18% 14% / 45%);
}

/*.dropdown-item:focus, .dropdown-item:hover {*/
/*    color: #16181b;*/
/*    text-decoration: none;*/
/*    background-color: #f8f9fa;*/
/*}*/
/* Nav */

/* Settings */
.dark-mode #settings {
    background-color: hsl(210deg 8% 20%);
    border: 1px solid hsl(208deg 27% 66% / 29%);
}
/* Settings */

/* Prayer Times */
.dark-mode .prayer-times .page-link {
    background-color: hsl(207deg 7% 20%);
    border: 1px solid hsl(208deg 27% 66% / 23%);
}

.dark-mode .prayer-item.active .page-link {
    background-color: hsl(207deg 7% 27%);
    stroke: hsl(207deg 7% 27%);
}

.dark-mode .prayer-item .page-link:hover {
    color: hsl(41deg 68% 43%);
    background-color: hsl(207deg 7% 17%);
}

.dark-mode .prayer-item ion-icon {
    stroke: #f6f6f6;
    fill: hsl(207deg 7% 20%);
}

.dark-mode .prayer-item .page-link:hover ion-icon {
    stroke: hsl(41deg 68% 43%);
}
/* Prayer Times */


/* News Ticker */
.dark-mode .acme-news-ticker {
    background: hsl(220deg 16% 15%);
    border: 1px solid hsl(208deg 27% 66% / 32%); /*1px solid hsl(208deg 27% 66%);*/
    border-radius: 5px;
    overflow: hidden;
}

.dark-mode .acme-news-ticker-controls .acme-news-ticker-pause,
.dark-mode .acme-news-ticker.questions .acme-news-ticker-pause {
    background: hsl(210deg 10% 23%);
    border-width: 0;
}

.dark-mode .acme-news-ticker-controls .acme-news-ticker-pause:hover,
.dark-mode .acme-news-ticker.questions .acme-news-ticker-controls .acme-news-ticker-pause:hover {
    background-color: hsl(222deg 18% 44% / 45%);
}


.dark-mode .acme-news-ticker-label,
.dark-mode .acme-news-ticker.questions .acme-news-ticker-label {
    background: hsl(210deg 10% 23%);
}

.dark-mode .acme-news-ticker.questions {
    /* border: 1px solid hsl(345deg 37% 49% / 72%); */
}
/* News Ticker */



/* Headings */
.dark-mode .h-col-dark{
    color: inherit;
}

.dark-mode .ask-search a {
    color: hsl(41deg 68% 55%);
    background: hsl(210 10% 35% / 1);
    border-color: transparent;
    width: 160px;
}

.dark-mode .ask-search a:hover {
    color: hsl(41deg 68% 55%);
    background: hsl(210deg 10% 28%);
}

/*h1 > a {
    color: hsl(41deg 68% 55%);
}*/
/* Headings */

/* carousel */
.dark-mode .carousel-control-prev-icon,
.dark-mode .carousel-control-next-icon {
    filter: brightness(0.5);
}

.dark-mode .hodaalquran_banner{
    border:none !important;
}

.dark-mode .hodaalquran_banner .text-secondary{
    color:hsl(41deg 68% 55%) !important;
}
/* carousel */

/* Article */

  /* Meta data and icons */
  .dark-mode .article-meta .oi {
      color: hsl(210deg 10% 33%);
  }

  .dark-mode .article-meta .details-text {
      color: hsl(210deg 10% 33%);
  }

  .dark-mode .article-meta ul.article_cat_list li a {
      color: hsl(210deg 10% 33%);
  }

  .dark-mode .article-meta hr {
      border-top: 1px solid rgb(255 255 255 / 10%);
  }

  .dark-mode .article-meta .img-thumbi {
      background-color: hsl(207deg 7% 25%);
  }
  /* Meta data and icons */


.dark-mode .article.shadow {
    box-shadow: 0 0.5rem 1rem 2px rgb(32 36 44 / 46%) !important;
}

.dark-mode .article.card, .dark-mode .article-meta .card {
    background-color: hsl(31deg 37% 96%); /*transparent;*/
    border: 1px solid rgba(0,0,0,.125);
    /*border: none !important;*/
    color: hsl(222deg 18% 14%);
}

/*.dark-mode .article.card, .dark-mode .article-meta .card {
    //background-color: hsl(31deg 37% 96%);
    //background-color: hsl(40deg 60% 93%);
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.125);
    border: none !important;
    //color: hsl(222deg 18% 14%);
}*/

.dark-mode .article.card.border.border-light {
    border-color: hsl(222deg 17% 15% / 28%)!important;
}

.card-title {
  color: hsl(220deg 12% 24%);
}

.dark-mode .youtube-overlay-title {
    color: hsl(220deg 12% 24%);
    background: hsl(220deg 16% 15%);
}

.dark-mode .hoda-title-main,
.dark-mode .hoda-title-p-1,
.dark-mode .hoda-title-question,
.dark-mode .hoda-paragraph-question,
.dark-mode .hoda-paragraph-answer,
.dark-mode .hoda-center,
.dark-mode .hoda-signature,
.dark-mode .question h1,
.dark-mode .hoda-paragraph-p-1

 {
    color: hsl(41deg 68% 55%);
}

.dark-mode .hoda-title-p-2, .dark-mode .hoda-paragraph-p-2 {
    color: hsl(208deg 50% 55%);
}

.dark-mode .hoda-title-p-3, .dark-mode .hoda-paragraph-p-3 {
    color: hsl(128deg 31% 51%);
}

.dark-mode .hoda-title-ayah {
    color: hsl(345deg 37% 49%);
}




/* Home Sections */
.container-fluid.mt-5.latest-articles-bg-color {
    background: url(https://alhodacenter.com/assets/themes/default/img/ce2.png) right center scroll no-repeat, linear-gradient(to bottom right,#9a7324,#212c36, hsl(210deg 10% 19%));
}

/*
element.style {
    background: url('https://alhodacenter.com/assets/themes/default/img/ce2.png') right center scroll no-repeat !important;
    background-size: initial;
    padding: 0 0 4rem;
}*/

/*background-image:; background-position-x: right !important; background-position-y: center !important; background-size: initial; background-repeat-x: no-repeat !important; background-repeat-y: no-repeat !important; background-attachment: scroll !important;*/
/* Home Sections */



/* footer */
.dark-mode .footer {
    background: hsl(210deg 10% 14%);
}

.dark-mode .text-muted {
    color: hsl(206deg 10% 69%)!important;
}
/* footer */


/* Tables */


    .dark-mode table thead tr {
        background-color: #20242c;
    }

    .dark-mode table tbody tr {
        border-bottom: 1px solid hsl(207deg 7% 20% / 75%);
    }

    .dark-mode table tbody tr:nth-of-type(even) {
        background-color: hsl(207 7% 32% / 1);
    }

    .dark-mode table tbody tr:last-of-type {
        border-bottom: 2px solid #20242c;
    }

    .dark-mode table tbody tr:nth-of-type(odd):hover {
        transition: background 0.25s;
        background: -moz-linear-gradient(90deg, rgb(60 65 69) 0%, rgb(60 65 69) 99.7%, rgb(222 226 230) 99.7%, rgb(222 226 230) 99.7%);
        background: -webkit-linear-gradient(90deg, rgb(60 65 69) 0%, rgb(60 65 69) 99.7%, rgb(222 226 230) 99.7%, rgb(222 226 230) 99.7%);
        background: linear-gradient(90deg, rgb(60 65 69) 0%, rgb(60 65 69) 99.7%, rgb(222 226 230) 99.7%, rgb(222 226 230) 99.7%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#575757",GradientType=1);
    }

    .dark-mode table tbody tr:nth-of-type(even):hover {
        background: rgb(247,247,247);
        background: -moz-linear-gradient(90deg, hsl(207 7% 32% / 1) 0%, hsl(207 7% 32% / 1) 99.7%, rgb(222 226 230) 99.7%, rgb(222 226 230) 99.7%);
        background: -webkit-linear-gradient(90deg, hsl(207 7% 32% / 1) 0%, hsl(207 7% 32% / 1) 99.7%, rgb(222 226 230) 99.7%, rgb(222 226 230) 99.7%);
        background: linear-gradient(90deg, hsl(207 7% 32% / 1) 0%, hsl(207 7% 32% / 1) 99.7%, rgb(222 226 230) 99.7%, rgb(222 226 230) 99.7%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7",endColorstr="#575757",GradientType=1);
    }

    .dark-mode .table th {
        border-right: 1px solid hsl(207deg 7% 32%);
        border-bottom: 2px solid #4c5257;
    }

    .dark-mode .table td {
        border-right: 1px solid hsl(207deg 7% 20% / 75%);
    }
    /* Tables */

.dark-mode .hodaalquran-website-img{
    filter: brightness(100%) saturate(0) opacity(95%) contrast(60%) grayscale(100%) sepia(25%) !important;
}

@media (min-width: 992px) {
    /* Nav */





    /* Nav */
}