/* Darkmode */
.darkmode--activated div.darkmode-layer {
   background-color: rgb(1 1 1) !important;
}

body.darkmode--activated {
   background-color: rgb(1 1 1);
   color: rgb(255 255 255);
}

.darkmode--activated .card-body {
   box-shadow: none;
   background-color: #111;
   color: rgb(255 255 255);
   /* letter-spacing: 0.025rem;
   font-size: 1rem; */
}

.darkmode--activated .card-body a {
   color: rgb(255 255 255);
}

.darkmode--activated .card-body p {
   color: rgb(255 255 255);
}

.darkmode--activated .post-header,
.darkmode--activated .post-header a,
.darkmode--activated .post-meta,
.darkmode--activated .post-meta a,
.darkmode--activated a,
.darkmode--activated .list-group-item,
.darkmode--activated .list-group-item a {
   color: rgb(1 1 1);
}

.darkmode--activated article.post .post-title a {
   color: rgb(255 255 255);
}

.darkmode--activated li.nav-item,
.darkmode--activated li.nav-item span:hover,
.darkmode--activated li.nav-item span:focus,
.darkmode--activated .nav-link,
.darkmode--activated .navbar.navbar-bg-light a {
   color: rgb(255 255 255);
}

.darkmode--activated .card-body a {
   color: rgb(255 255 255);
}


.darkmode--activated a {
   color: rgb(255 255 255);
}

.darkmode--activated h6.display-4 {}

.darkmode--activated #block-sandbox-join .h2,
.darkmode--activated footer p,
.darkmode--activated footer a {
   color: rgb(255 255 255);
}

.darkmode--activated footer {
   background-color: rgb(1 1 1) !important;
}

/* #main-containber,
footer {
   background-color: rgb(255 255 255);
} */

/* .darkmode--activated .bg-soft-primary, */
.darkmode--activated article {}

.darkmode--activated .post,
.darkmode--activated .card,
.darkmode--activated .card-body,
.darkmode--activated .list-group-item,
.darkmode--activated .dropdown-menu {
   background-color: rgb(1 1 1);
}

.darkmode--activated .navbar.navbar-bg-light {
   background-color: rgb(1 1 1);
   color: rgb(255 255 255);
}

.darkmode--activated a.rounded-pill,
.darkmode--activated .display-4 {
   color: rgb(255 255 255);
}

.darkmode--activated .bg-soft-primary {
   background-color: rgba(255, 255, 255, 0) !important;
}

.darkmode--activated .body,
.page-node-type-landing-page.darkmode--activated {}

.darkmode--activated h1,
.darkmode--activated h2,
.darkmode--activated h3,
.darkmode--activated h4,
.darkmode--activated h5,
.darkmode--activated .h2 {
   color: rgb(255, 255, 255);
}

.darkmode--activated .bg-gray {
   background-color: rgb(1 1 1) !important;
}

.darkmode--activated .angled {
   background-color: rgb(1 1 1) !important;
}

.darkmode--activated .display-3 {
   color: rgb(255 255 255);
}

.darkmode--activated .card-body h4 {
   color: rgb(255 255 255);
}

.darkmode--activated .wrapper.bg-light.angled:after,
.darkmode--activated .wrapper.bg-light.angled:before {
   border-color: rgb(1 1 1);
}

.darkmode--activated .wrapper.bg-light {
   background-color: rgb(1 1 1) !important;
}

.darkmode--activated .item .post-category a {
   color: rgb(255 255 255);
}

.darkmode--activated div#main-container {
   background-color: rgb(1 1 1) !important;
}

.darkmode--activated :root {
   background-color: rgb(1 1 1) !important;
}

.darkmode--activated .darkmode-background {
   background: rgb(1 1 1);
}

.darkmode--activated .card-body .text-body,
.darkmode--activated #sidebar-second div.h3,
.darkmode--activated #sidebar-second div.h4,
.darkmode--activated .card-body div.h4 {
   color: rgb(255 255 255) !important;
}

.darkmode--activated h2.post-title a,
.darkmode--activated .card-footer li,
.darkmode--activated ul.post-meta li,
.darkmode--activated ul.post-meta li a {
   color: rgb(255 255 255) !important;
}

.darkmode--activated .nav-tabs .nav-link {
   background-color: #111;
}

.darkmode--activated img.svg {
   background: #fff;
   opacity: .85;
}

.darkmode--activated strong {
   color: rgb(255 255 255);
}

.logo-light {
   display: none;
}

.navbar.navbar-light.fixed .logo-dark {
   display: inline-block;
}

.darkmode--activated .navbar:not(.transparent):not(.navbar-dark) .logo-light {
   display: inline-flex;
}

.darkmode--activated .navbar.navbar-light.fixed .logo-dark {
   display: none !important;
}

img.black {
   display: inline-flex;
}

img.white {
   display: none;
}

.darkmode--activated img.white {
   display: inline-flex;
}

.darkmode--activated img.black {
   display: none;
}

.darkmode--activated .progress-wrap svg,
.darkmode--activated .progress-wrap svg path {
   stroke: #fff !important;
}

.darkmode--activated .lineal-stroke {
   fill: #ffffff;
}

.darkmode--activated .progress-wrap::after {
   color: #fff;
}

.darkmode--activated .card-border-bottom:after {
   border-bottom-color: #000;
}

.darkmode--activated .bg-gradient-blend {
   background-image: conic-gradient(#2a56a5 0% 5%,
         #fff 5% 10%,
         #2a56a5 10% 11%,
         #fff 11% 14%,
         #2a56a5 14% 17%,
         #000000 17% 19%,
         #2a56a5 19% 21%,
         #fff 21% 22%,
         #2a56a5 22% 25%,
         #000 25% 75%,
         #2a56a5 75% 80%,
         #000 80% 85%,
         #2a56a5 85% 90%,
         #ffffff 90% 95%,
         #2a56a5 95% 100%);
   background-blend-mode: screen, overlay, color-burn, color-dodge, normal;
}

.darkmode--activated .bg-gradient-blend .divider {
   color: #000 !important;
}

.darkmode--activated img.logo-dark {
   display: none !important;
}

.accordion-wrapper .card-header button:before,
.accordion-wrapper .card-header button,
.accordion-wrapper .card-header button:hover {
   color: #CA2186;
}

.darkmode--activated .accordion-wrapper li:not(.active) .card-header button,
.darkmode--activated .accordion-wrapper .card-header button:before,
.darkmode--activated .accordion-wrapper .card-header button,
.darkmode--activated .accordion-wrapper .card-header button:hover {
   color: #E76AB5;
}

.darkmode--activated div.counter,
.darkmode--activated p.lead,
.darkmode--activated div.h5,
.darkmode--activated .text-primary {
   color: #fff !important;
}

@media (min-width: 992px) {
   .darkmode--activated .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu)>.dropdown-toggle:after {
      color: #fff !important;
   }
}

.darkmode--activated #womenwhocode .img-dark {
   display: none;
}
.darkmode--activated #womenwhocode .img-white {
   display: flex;
}
.darkmode--activated #womenwhocode .text-dark {
   color: #fff;
}