/* ----- navbar ----------------------------- */
.navbar-light .navbar-nav .nav-link { color: rgb(190, 190, 190); }
.navbar-light .navbar-nav .nav-link:hover { color: white; }
.navbar-light .navbar-nav .nav-item:hover { background-color: rgb(20, 142, 161); padding-bottom: 15px; }
.navbar-light .navbar-nav .nav-item.active{ color: rgb(190, 190, 190); }
li.nav-item {margin: 0;}
ul.navbar-nav { margin-bottom: -8px; align-items: center;}
ul.navbar-nav .nav-item a.nav-link { padding: 15px; }
a[aria-current="page"] img#logo { opacity: 1; margin-top: 10px;}
ul.navbar-nav li.nav-item.active a.nav-link { 
  background-color:rgb(20, 142, 161); 
  padding-bottom: 15px; 
  color: white; }

ul.navbar-nav li.nav-item a.nav-link:hover {
  padding-bottom: 15px; 
  background-color:rgb(20, 142, 161);
  transition: 0s; }  
/* ----------------------------------- */

/* ---- projects navbar ---------------------- */
ul.nav.nav-tabs { margin-top: 75px; }
a.nav-link#project:hover { padding-bottom: 7px; color: rgb(0, 86, 179); }
ul.nav-tabs a.nav-link.active { background-color: rgb(230, 230, 230); }
ul.nav-tabs a.nav-link, ul.nav-tabs a.nav-link.active { 
  border-radius: 0; 
  padding: 7px 22px 7px 22px;
  margin-top: 5px; }
/* ------------------------------------------- */

/* ------- news & main content ----------------------------- */
div.container main a { color: rgb(0, 86, 179); }
a:hover { color: rgb(0, 86, 179); text-decoration: underline;}

.jumbotron { 
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 60px 40px 30px 40px; 
  margin-bottom: 35px; 
  background-color: rgb(247,247,247);
  border: 1px solid rgb(219, 219, 219); }

p#button a.btn.btn-lg.btn-success:hover { background-color: rgb(9, 110, 88); }
p#button a.btn.btn-lg.btn-success { 
  font-size: 25px; 
  color: white; 
  background-color: rgb(14, 156, 125);
  border: rgb(0,99,99); }

a#more { font-size: 20px; }

a#more.btn.btn-primary:hover { background-color: rgb(34, 76, 104); }
a#more.btn.btn-primary { 
  color: white;
  background-color: rgb(51, 113, 155);
  border: rgb(36,88,122); }

div.title { 
  background-color: rgb(247, 247, 247);
  padding: 15px;
  border: 2px solid #E8E4E4;
 }

span#date {
  color: white;
  font-size: 20px;
  opacity: 0,7;
  background-color: rgb(209, 121, 121);
  padding: 7px;
  border: 1px solid #8f4f4f;
}

p { 
  font-size: 20px; 
  margin-top: 15px; 
  margin-bottom: 20px; 
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
  
hr { 
  border-top: 1px solid rgb(220, 222, 224); 
  margin: 10px 0px 20px 0px; }

img.center-block { margin-bottom: 0; }
li { margin-bottom: 0; font-size: 20px;}
ul { margin: 0 0 20px 0; padding-left: 40px; }
p#button { margin-bottom: 0px; }
p.lead { margin-bottom: 20px; font-size: 25px; }
.card-body{ padding: 25px; }
.card-header { padding: 15px 25px 15px 25px; }
.card-title { margin-bottom: 15px; }

span.badge.badge-info { 
  margin-right: 15px; 
  background-color: rgb(20,142,161); }

span.katex-html{color: rgb(0, 0, 0); font-weight: 500;}  
/* -------------------------------------------------------- */