body[data-color-scheme="dark"] .email-img {
  filter: invert(0.87);
}
.fa-li{
  left: -1.5em;
}
li.nav-item > a, a.btn{
 text-decoration-line: none; 
}
a, .fake-link{
  text-decoration-color: inherit;
  text-decoration-thickness: .05em;
  text-underline-offset: 2px;
  text-decoration-style: dotted;
  text-decoration-line: underline;
}

/* FOR BLOCK QUOTE Source: https://codepen.io/brucebentley/pen/JVmjWw*/
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=Fira+Mono:400,500,700");
.blockquote > p{
  margin-top: -3.0rem;  
  margin-bottom: 0px;
}
.blockquote > p, .blockquote > footer{ text-align: center; }
.blockquote {
  font-size: 0.9rem;
  border: 1px solid rgba(222, 226, 230, 0.54);
  border-left: 0.5rem solid rgba(0, 123, 255, 0.54);
  font-family: "Open Sans", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: italic;
  line-height: 1.6;
  margin: 0px;
  max-width: 100%;
  padding: 4rem 1.875rem 1rem 3.3rem;
  position: relative;
  width: 100%;
}
.blockquote:before {
  font-size: 6.875rem;
  color: rgba(0, 123, 255, 0.54);
  content: '\201C';
  font-family: "Noto Serif", "Georgia", "Times New Roman", "Times", serif;
  font-size: 5.5rem;
  height: 3.75rem;
  left: 0.3rem;
  line-height: 1;
  max-width: 3.75rem;
  position: absolute;
  text-align: inherit;
  top: 0rem;
  width: 100%;
}
.blockquote:after { content: ''; }
.blockquote-footer:before { content: '\2014\00A0'; }
.blockquote-footer {
  font-size: 80%;
  color: #343a40;
  display: block;
  font-style: normal;
  font-weight: 700;
  /*margin-top: 1rem;*/
  padding: 0;
}

.text-nd-blue{ color: #0c2340 !important; }
.text-nd-gold{ color: #d39F10 !important; }
.text-nd-metallic-gold{ color: #ae9142 !important; }
.navbar-dark { background-color: #0c2340 !important; }

.text-nd-light-blue{color: #5aabbc;}

.publication-metadata > span{
  border: 1px;
  border-color: black;
}

.btn-xs {
    padding: .125rem .25rem;
    font-size: .75rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.btn-xxs {
    padding: 0.15rem 0.15rem;
    font-size: .70rem;
    line-height: 1;
    border-radius: .2rem;
}

.nav-item:not(.active):hover::after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.nav-item:not(.active)::after {
  content: "";
  height: 4px;
  background: white;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: scaleX(0) translate3d(0, 0, 0);
  transform: scaleX(0) translate3d(0, 0, 0);
  display: block;
  margin-top: 0px;
}

.textsc {
  font-variant: small-caps;
}
.footer .ai, .footer .fas, .footer .fab{
  /*text-shadow: 2px 2px var(--white);*/
}
.footer > .container, .footer > .container-fluid {
  background-color: inherit;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
}
.highlight{
  background-color: #fcf8e3;
}

.navbar-light .navbar-nav .nav-link.active{
  border-bottom: 4px solid var(--black);
  font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link.active{
  border-bottom: 4px solid var(--white);
  font-weight: bold;
}

.venue { font-variant: small-caps; }
.author-myself{ font-weight: bold; text-decoration: underline; }

.profile-photo{ max-width: 290px; }

.award {
  padding: 14%;
  border: 1px solid #e8e8e9;
  border-radius: 6px;
  text-align: center;
}

.fake-link {
  cursor: pointer;  
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

.fake-link:hover { color: #0056b3; text-decoration: none; }

.fake-link:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
.fake-link.text-primary:hover, .fake-link.text-primary:focus {
  color: #0056b3 !important;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 27.5px;  /* Vertically center the text there */
  background-color: var(--light);
}
a.twitter-timeline{max-width:600px;}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > main {
  padding: 60px 15px 0;
}

.footer > center > .container {
  padding-right: 15px;
  padding-left: 15px;
  background-color: inherit;
}