/* ==========================================================
   SOCIAL ICONS (CUSTOM)
   ========================================================== */

/* General custom social icons */

.social-icons {
  list-style: none;
  padding: 0;
}

.social-icons li {
  margin-right: 15px;
}

.social-icons a {
  font-size: 18px;
  text-decoration: none;
  color: #333;
  transition: color 0.3s ease-in-out;
}

.social-icons a:hover {
  color: #0077b5;
}

.social-icons i {
  margin-right: 8px;
}

/* Restore Minimal Mistakes author sidebar */

.author__urls.social-icons {
  display: block;
}

.author__urls.social-icons li {
  display: block !important;
  margin: 0 0 8px 0 !important;
}


/* ==========================================================
   PUBLICATION LIST
   ========================================================== */

.view-list-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 15px;
  border-bottom: 1px solid #ddd;
}

.article-metadata {
  font-size: 14px;
  color: #555;
}

.year-heading {
  font-size: 24px;
  font-weight: bold;
  margin-top: 30px;
  color: #3f51b5;
  border-bottom: 2px solid #3f51b5;
  padding-bottom: 5px;
}

.pub-table {
  width: 100%;
  margin-bottom: 15px;
  border-collapse: collapse !important;
  border: none !important;
  table-layout: fixed;
}

.pub-table td {
  border: none !important;
}

.pub-icon {
  width: 5%;
  font-size: 50px;
  text-align: center;
  vertical-align: middle;
  padding-right: 10px;
}

.pub-info {
  width: 75%;
  vertical-align: middle;
  padding-right: 15px;
}

.pub-title {
  font-size: 18px;
  font-weight: bold;
  color: #0073e6 !important;
}

.pub-authors {
  font-size: 14px;
  color: #555;
}

.pub-journal {
  font-size: 14px;
  color: #777;
}

.pub-thumbnail {
  width: 190px !important;
  height: 108px !important;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}

.pub-thumbnail img {
  height: 108px !important;
  width: auto !important;
  max-width: 190px !important;
  border-radius: 1px;
}


/* ==========================================================
   GALLERY
   ========================================================== */

.gallery-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px;
}

.gallery-item {
  width: 150px;
  height: 100px;
  text-align: center;
}

.gallery-item img {
  width: auto;
  height: 80%;
  max-width: 150px;
  max-height: 100px;
  display: block;
  margin: 0 auto;
  border-radius: 8px;
}


/* ==========================================================
   REFINED DARK THEME
   ========================================================== */

:root {

  --bg: #11151c;
  --bg-soft: #171c24;
  --panel: #1d2430;
  --panel-2: #222b38;
  --border: #354050;

  --text: #e8edf3;
  --text-soft: #c3ccd7;
  --muted: #98a4b3;

  --link: #78bdfc;
  --link-hover: #a6d4ff;

  --accent: #3b82f6;
}


/* ==========================================================
   BASE
   ========================================================== */

html,
body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

.page,
.page__content,
.archive,
.layout--single,
.layout--archive {
  background: transparent !important;
  color: var(--text) !important;
}

p,
li,
td,
th {
  color: var(--text-soft) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.page__title {
  color: var(--text) !important;
}


/* ==========================================================
   LINKS
   ========================================================== */

a {
  color: var(--link) !important;
}

a:hover {
  color: var(--link-hover) !important;
}


/* ==========================================================
   TOP MENU
   ========================================================== */

.masthead {
  background: var(--bg-soft) !important;
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 2px 18px rgba(0,0,0,.25);
}

.masthead__inner-wrap,
.greedy-nav {
  background: transparent !important;
}

.greedy-nav a {
  color: var(--text) !important;
  font-weight: 600;
}

.greedy-nav a:hover {
  color: var(--link-hover) !important;
}

.greedy-nav .hidden-links {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}

.greedy-nav .hidden-links a {
  color: var(--text) !important;
}

.greedy-nav .hidden-links li {
  border-bottom: 1px solid var(--border) !important;
}

.greedy-nav button {
  background: var(--panel-2) !important;
  border: 1px solid var(--border) !important;
}

.navicon,
.navicon::before,
.navicon::after {
  background: var(--text) !important;
}


/* ==========================================================
   SIDEBAR
   ========================================================== */

.sidebar {
  background: var(--panel) !important;
  border-right: 1px solid var(--border);
}

.author__content,
.author__urls {
  background: transparent !important;
}

.author__name {
  color: var(--text) !important;
}

.author__bio {
  color: var(--text-soft) !important;
}

.author__avatar img {
  border: 3px solid var(--accent);
  box-shadow: 0 0 0 4px rgba(59,130,246,.18);
}

.author__urls a,
.author__urls li,
.author__urls i,
.author__urls .fa,
.author__urls .fab,
.author__urls .fas,
.author__urls .ai {
  color: var(--text-soft) !important;
}

.author__urls a:hover,
.author__urls a:hover i,
.author__urls a:hover .ai {
  color: var(--link-hover) !important;
}


/* ==========================================================
   FOLLOW BUTTON
   ========================================================== */

.author__urls-wrapper button {
  background: var(--accent) !important;
  color: white !important;
  border: 1px solid #6aa8ff !important;
}

.author__urls-wrapper button:hover {
  background: #5b9cff !important;
}

@media screen and (max-width:768px){

  .author__urls{
    background: var(--panel) !important;
    border: 1px solid var(--border) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.45);
  }

  .author__urls li{
    border-bottom:1px solid var(--border) !important;
  }

  .author__urls a{
    color:var(--text) !important;
  }

}


/* ==========================================================
   CONTENT
   ========================================================== */

.breadcrumbs,
.breadcrumbs a {
  color: var(--link) !important;
}

.pub-table,
.archive__item {
  background: var(--panel) !important;
  border: 1px solid var(--border) !important;
  border-radius: 12px;
}

.pub-title {
  color: var(--link) !important;
}

.pub-authors,
.pub-journal,
.article-metadata {
  color: var(--muted) !important;
}


/* ==========================================================
   FOOTER
   ========================================================== */

.page__footer {
  background: var(--bg-soft) !important;
  border-top: 1px solid var(--border);
  color: var(--muted) !important;
}


/* ==========================================================
   CODE
   ========================================================== */

hr {
  border-color: var(--border) !important;
}

pre,
code {
  background: var(--panel-2) !important;
  color: var(--text) !important;
}


/* ========================================================== */
/* Footer social icons */
/* ========================================================== */


.page__footer a,
.page__footer i,
.page__footer .fab,
.page__footer .fas,
.page__footer .fa,
.page__footer .ai {
    color: var(--text-soft) !important;
}

.page__footer a:hover,
.page__footer a:hover i {
    color: var(--link-hover) !important;
}