.sp-megamenu-parent > li.active > a {
    color: #FFFFFF;
}

.sp-megamenu-parent > li > a {
  color: #fff;
}

.burger-icon > span {
  display: block;
  height: 2px;
  background-color: #fff;
  margin: 5px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}

blockquote p {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 22px;
  border-left: 5px solid #3d449a;
  font-weight: 500;
  font-family: 'Helvetica', sans-serif;
  background-color: #282c35;
  color: #fff;
}

.article-list .article .readmore {  font-size: 18px;}

pre {
  display: block;
  overflow: auto;
  font-size: 18px;
  background-color: #282c35;
  line-height: 1.7142857;
  margin-top: 1.3142857em;
  margin-bottom: 1.3142857em;
  border-radius: .375rem;
  padding-top: .8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: .8571429em;
  padding-inline-start: 1.1428571em;
  color: #fff;
}

.article-list .article .article-header h1, .article-list .article .article-header h2 {
  font-size: 26px;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
  background-color: #ffffff;
}


.article-list .article {
  position: relative;
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #2f3241;
  border-radius: 3px;
  margin-right: 50px;
}

.sp-page-title {
  background: #282c35;
}

.article-info > span {
  font-size: 16px;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #eee !important;
}
.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  background-color: #2f3241;
  background-clip: padding-box;
  border: 1px solid #2f3241;
    border-top-color: rgb(47, 50, 65);
    border-right-color: rgb(47, 50, 65);
    border-bottom-color: rgb(47, 50, 65);
    border-left-color: rgb(47, 50, 65);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: #2f3241;
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: ;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #2f3241;
  --bs-pagination-disabled-border-color: #dee2e6;
  list-style: none;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
  margin: -20px -20px 20px -20px;
  border-radius: 3px 3px 0 0;
  border-bottom: 0px solid #353d58;
  overflow: hidden;
}

.related-article-list-container ul.related-article-list li .article-header h2 a {
  color: #6786b8;
  font-size: 22px;
  font-weight: 300;
}
.related-article-list-container .related-article-title {
  font-size: 24px;
  padding-bottom: 15px;
  border-bottom: 1px solid #282c35;
}


.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: #16181d;
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}


input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
  display: block;
  width: 100%;
  padding: .5rem .5rem !important;
  font-size: 1rem;
  line-height: 1.25;
  color: #fff;
  background-color: #2f3241;
  background-image: none;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.alert-warning {
  --bs-alert-color: #fff;
  --bs-alert-bg: #3e434f;
  --bs-alert-border-color: #535351;
}

.result__date {
  color: #fff;
}
.btn-primary, .sppb-btn-primary {
  border-color: #16181d;
  background-color: #2f3241;
  font-size: 18px;
  text-align: left;
}

.alert-success {
  --bs-alert-color: #25;
  --bs-alert-bg: #1b2a34;
  --bs-alert-border-color: #1b2a34;
}

.offcanvas-menu {
  background-color: #16181d;
  color: #fff;
}

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #333;
  --bs-list-group-border-color: rgba(100, 100, 100, 0.13);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #16181d;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
}

.alert-danger {
  --bs-alert-color: #fff;
  --bs-alert-bg: #1c161a;
  --bs-alert-border-color: #1d191a;
}

.alert-info {
  --bs-alert-color: #ffffff;
  --bs-alert-bg: #300a24;
  --bs-alert-border-color: #282c35;
}

.tags > li a {
  background: rgba(144,170,219,.1);
  color: #ffffff;
}

.reading-time {
  font-weight: bold;
  color: #cdcce8;
  font-size: 18px;
  font-style: italic;
}

code {
  font-size: 20px;
  color: #ea9dd7;
  word-wrap: break-word;
  font-weight: 500;
}

.result__title-text {
  font-size: 25px;
}

.result__item + .result__item {
  border-top: 0px solid;
  margin-top: 1.5em;
  padding-top: 1.5em;
}

.sp-module .tagscloud .tag-name {
  display: inline-block;
  padding: 5px 10px;
  background-color: #282c35;
  color: #fff;
  margin: 2px 0px;
border-radius: 5px;
}