@import url('https://fonts.googleapis.com/css2?family=Lato&family=Ubuntu+Mono');

/* Color Palette
manytreaties light blue #86B0AE, used for standard links
Light Green #3B60C4, used for hovered links
Green Sheen #3D7DAD, Used for active things
Dark White #f3f3f3, used for discrete active things, like the active dropdown
                    menu link.
*/
/* Changes Bootstrap 5 theme switch */
p {
  font-size: 14px;
  font-family: 'Lato', sans-serif;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

/* Package name in the navbar*/
.navbar-light .navbar-brand {
  color: #86B0AE;
}
/* Navbar menu names*/
.navbar-light .navbar-nav .nav-link {
  color: #86B0AE;
}

.version {
  font-size: 50%;
}

body{
  font-family: 'Lato', sans-serif;
  font-size: 1.05rem;
}

/* Right column titles*/
aside .h2 {
  font-size: 1.275rem;
}
/* Right column ul*/
aside ul {
  font-size: 0.95rem;
}
/* End of changes Bootstrap 5 theme switch */
/* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #b61924;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

/*The code itself inline AND chunks*/
code{
  font-family: 'Ubuntu Mono', monospace;
  font-size: 14px;
  background-color: #f9f6fd;
}
/* Functions in the code */
pre code span.fu{
  font-size: 14px;
  color: #86B0AE;
}

/*Links in code and header*/
code a, pre a{
  color: #86B0AE;
}

.docs-link:hover{
  text-decoration: none;
}
/*What is this thing?*/
.docs-link{
  color: #86B0AE;
}
/*Links in paragraphs*/
p>a {
  color: #86B0AE;
}
/*What is this?*/
.panel-body>a {
  color: #86B0AE;
}

h4>a {
  color: #86B0AE;
}

li>a {
  color: #86B0AE;
}
/* Link in the dropdown menu if active*/
.dropdown-menu > .active > a,
.dropdown-menu>.active>a:focus {
  background-color: #86B0AE;
}
.dropdown-menu>.active>a:hover{
  background-color: #3D7DAD;
}
/* Little arrow in the dropdown menu*/
a .caret{
  color: #D3D3D3 !important;
}

small>a{
  color: #86B0AE;
}

.sourceCode>a{
  color: #86B0AE;
}

.fl{
  color: #86B0AE;
}
/*Strings in code*/
pre code span.st{
  color: #2b0b76;
}

.op, .kw{
  color: #666666;
}

.dv, .dt{
  color: #191919;
}

.g2r {
  box-shadow:
    rgba(0, 0, 0, 0.1) 0 2px 3px 1px,
    rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
    rgba(0, 0, 0, 0.2) 0 1px 1px -1px;
  border-radius: 5px;
  padding: 10px;
  width: 100% !important;
  background-color: white;
}

.jumbotron {
  background-color: #fff;
  box-shadow:
    rgba(0, 0, 0, 0.1) 0 2px 3px 1px,
    rgba(0, 0, 0, 0.1) 0 1px 3px 1px,
    rgba(0, 0, 0, 0.2) 0 1px 1px -1px;
}

pre {
  -moz-box-shadow:    inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow:         inset 0 0 2px rgba(0, 0, 0, 0.1);
}
/*Hover color of the package name in nav bar*/
.navbar-default .navbar-link:hover {
    color: #1D86CC;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #f3f3f3;
    background-color: #86B0AE;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #3D7DAD;
}
/* Little arrow in the dropdown menu when active*/
.navbar-default .navbar-nav > .dropdown > a .caret {
  color: #D3D3D3;
}/* Little arrow in the dropdown menu when active and hovered over*/
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  color: #011629;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus{
  color: #3D7DAD;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
  color: #3D7DAD;
}
.navbar-default .navbar-nav .open .dropdown-menu{
  color: #3D7DAD;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  color: #F0760F;
  background-color: #86B0AE;
  font-weight: bold;
}

.navbar-default .navbar-nav>li>a{
  color: #86B0AE;
  font-size: 14px;
}
/*Package name in the navbar*/
.navbar-default .navbar-link{
  color: #86B0AE;
  font-size: 30px;
}

div>a{
  color: #86B0AE;
}
/* General links when hovered over*/
a:hover, a:focus {
  color: #3B60C4;
}

.panel{
  min-height: 140px;
}

.btn-primary{
  background-color: #86B0AE;
  border-color: #86B0AE;
}

.panel-orange > .panel-heading{
  background-color: #F0760F;
  border-color: #F7BA87;
  color: white;
  font-weight: bold;
  font-size: 150%;
  text-align: center;
}

.panel-info > .panel-heading{
  background-color: #6906FF;
  border-color: #ab74fc;
  font-weight: bold;
  font-size: 150%;
  text-align: center;
}

.panel-warning > .panel-heading{
  font-weight: bold;
  font-size: 20px;
  text-decoration: underline;
}

.panel-warning{
  background-color: #ff9800;
  color: white;
}

.panel-warning > .panel-body{
  color: white;
  font-size: 15px;
}

.panel-danger > .panel-heading{
  font-weight: bold;
  font-size: 20px;
  text-decoration: underline;
}

.panel-danger{
  background-color: #e84f3f;
  color: white;
  min-height: 50px!important;
}

.panel-danger > .panel-body{
  color: white;
  font-size: 18px;
  text-align:center;
}

.centerize{
  text-align: center;
}