@import url("base.1a2013325913.css");

:root {
  --border-color: #696969;
  --main-color: #121212;
  --text-color: #c1c1c1;
  --navbar-color: #2f2f2f;
  --bs-link-color: #F47920;
  --link-hover-color: #a05016;
  --recent-card-shadow: 0 1.25rem 2.75rem rgba(0, 0, 0, 0.55);
  --recent-item-bg: rgba(18, 18, 18, 0.65);
  --recent-item-hover-bg: rgba(244, 121, 32, 0.12);
  --recent-badge-note-bg: rgba(13, 110, 253, 0.22);
  --recent-badge-note-color: #c4daff;
  --recent-badge-note-border: rgba(13, 110, 253, 0.35);
  --recent-badge-blog-bg: rgba(102, 16, 242, 0.25);
  --recent-badge-blog-color: #e1d6ff;
  --recent-badge-blog-border: rgba(102, 16, 242, 0.35);
  --recent-date-color: rgba(193, 193, 193, 0.78);
  --search-focus-shadow: 0 0 0 0.25rem rgba(244, 121, 32, 0.35);
}

header {
  background-color: var(--navbar-color);
  border-color: var(--border-color);
}

.site-logo-link {
  color: var(--bs-link-color);
}

.site-logo-link:hover {
  color: var(--link-hover-color);
}

body {
  background-color: var(--main-color);
  color: var(--text-color);
}

header {
  background-color: var(--navbar-color);
  border-color: var(--border-color);
}

/* applies to every breadcrumb block on the site */
.breadcrumb-block .breadcrumb {
    background-color: var(--navbar-color);
    border-color:     var(--border-color);
    --bs-breadcrumb-item-active-color: var(--text-color) !important; /* last crumb        */
    --bs-breadcrumb-divider-color:     var(--text-color) !important; /* slash separator   */
}

.breadcrumb-block .breadcrumb a       { text-decoration: none; }
.breadcrumb-block .breadcrumb a:hover { text-decoration: underline; }

a {
  color: var(--bs-link-color);
}

.sidebar {
  background-color: var(--navbar-color);
  border-color: var(--border-color);
}

footer {
  background-color: var(--navbar-color);
  border-color: var(--border-color);
  color: var(--border-color);
}

#themeToggleBtn {
  background-color: var(--main-color);
  border-color: var(--border-color);
}

/* Dark Theme Specific */
.navbar {
  background-color: #333 !important;
}

.navbar .navbar-brand,
.navbar .nav-link {
  color: #fafafaba !important;
}

.dropdown-menu {
  background-color: #222 !important;
}

.dropdown-menu .dropdown-item {
  color: #fafafaba !important;
}

.dropdown-menu .dropdown-item:hover {
  background-color: var(--navbar-color) !important;
}

.date-text {
  color: #fafafaba !important;
  opacity: 0.6;
}

.btn-toggle:hover,
.btn-toggle:focus {
  background-color: rgba(255, 255, 255, 0.05);
}

.btn-toggle-nav .nav-link {
  border-radius: var(--bs-border-radius);
}

pre code.hljs {
  background: #1e1e1e !important;
  color: #f8f8f2;
}

/* mobile */
.offcanvas-body {
  background-color: var(--main-color);
  color: var(--text-color);
}

.offcanvas-header {
  background-color: var(--navbar-color);
  color: var(--text-color);
}

.close-icon {
  color: var(--text-color);
}

.hamburger-list-icon {
  color: var(--text-color);
}

.search-form .form-control:focus {
  border-color: var(--bs-link-color);
}

.search-form .input-group > .btn {
  background-color: var(--bs-link-color);
  border-color: var(--bs-link-color);
  color: #fff;
}

.search-form .input-group > .btn:hover,
.search-form .input-group > .btn:focus,
.search-form .input-group > .btn:active {
  background-color: var(--link-hover-color);
  border-color: var(--link-hover-color);
  color: #fff;
}

/* Block-level code */
pre code {
  display: block;
  overflow-x: auto;
  padding: 1em;
  background: #272822;
  color: #f8f8f2;
  font-family: Consolas, Monaco, 'Courier New', monospace;
  font-size: 0.95em;
  border-radius: 4px;
  line-height: 1.5;
  white-space: pre;
}

/* Inline code */
code:not(pre code) {
  background: #272822;
  color: #f8f8f2;
  padding: 2px 5px;
  font-family: Consolas, Monaco, 'Courier New', monospace;
  border-radius: 4px;
  font-size: 0.95em;
}

.hljs {
  color: #f8f8f2;
  background: #272822;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-section,
.hljs-link {
  color: #f92672;
}

.hljs-function .hljs-title,
.hljs-title {
  color: #a6e22e;
}

.hljs-string,
.hljs-attr,
.hljs-template-tag,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-quote {
  color: #75715e;
  font-style: italic;
}

.hljs-number,
.hljs-symbol,
.hljs-bullet {
  color: #ae81ff;
}

.hljs-built_in,
.hljs-builtin-name,
.hljs-type {
  color: #66d9ef;
}

/* Home Page */
#home-page-jumbo::before {
  background: rgba(0, 0, 0, 0.8);
}

/* category page */

.category-card {
  background-color: var(--navbar-color);
  color: var(--text-color);
}

.category-card .card-title a {
  color: var(--text-color);
}

#category-title-box::before {
  background: rgba(0, 0, 0, 0.5); /* semi-transparent black */
}

/* Resume / CV page */
.education:nth-child(even), .experience:nth-child(even), .publications:nth-child(even), .conference-attendance:nth-child(even), .certificates:nth-child(even), .teaching:nth-child(even), .grants:nth-child(even), .other-skills:nth-child(even) {
  background-color: var(--navbar-color);
}

.my-name {
    color: var(--bs-link-color);
}

.flashcard-count {
  color: var(--text-color);
}