/*************************************************
*  An red Theme for Hugo Academic
*  Set `custom_css = ["red.css"] in `config.toml`.
*  Then save this file as `/static/css/red.css` relative to your website root (i.e. not in `themes/academic` directory).
*  https://github.com/gcushen/hugo-academic
**************************************************/

a,
a:visited,
h3.article-title a:hover {
    color: rgb(139,0,0);
}

a:hover {
    color: rgb(204,0,0);
}

/*************************************************
 *  Navigation Bar
 **************************************************/
 
 nav#navbar-main li {
  font-size: 20px;
}

.navbar-default .navbar-nav li a:hover,
.btn-primary,
.btn-primary.btn-outline {
    color: rgb(139,0,0);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  color: rgb(139,0,0);
  font-weight: 700;
  background-color: transparent !important; /* Override Bootstrap. */

}

/* Articles */

.article-title a {
    color: #151515;
}

.article-metadata a {
    color: #888;
}

.article-metadata a:hover {
    color: rgb(139,0,0);
}

/*************************************************
 * Talks
 **************************************************/

.talk-event {
  color: #000099;
  font-size: 1rem;
}

/* Standard buttons */

.btn-primary,
.btn-primary.btn-outline {
    border-color: rgb(139,0,0);
}

/* Hover buttons */

.btn-primary.btn-outline:hover {
    border-color: rgb(139,0,0);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:visited,
.btn-primary.btn-outline:active {
    background-color: rgb(139,0,0);
}

/* CSS for creating a horizontal list */
/* ---------------------------------------------------- */  
  
.list-inline {
    list-style: none;
    padding: 0;
}

.list-inline > li {
    display: inline;
}

 /* CSS for creating a horizontal list with pipeline separators */
/* ---------------------------------------------------- */ 

.list-pipe > li:not(:last-child)::after {
    content: "|";
    margin: 0.25em;
}