/* CSS HEX */

.content-block{
    background: rgba(0,0,34,0.65);
}
@font-face {
  font-family: 'SF';
  font-style: normal;
  font-weight: normal;
  src: url('/static/fonts/SF-Pro-Text-Regular.otf');
}

@font-face {
  font-family: 'SF-bold';
  font-style: normal;
  font-weight: bold;
  src: url('/static/fonts/SF-Pro-Text-Bold.otf');
}

h1,h2,h3,h4,h5,h6{
    font-family: 'SF-bold', serif;
}

h1{
    margin-top: 3em;
}

p{
    font-family: 'SF', serif;
    margin-left: 2em;
}

h2{
    margin-left: 1em;
    margin-top: 1em;
}

html{
    font-family: 'SF', serif;
--dark-a: #000022; /*Oxford blue*/
--light-b: #fffdfd; /*enamel*/
--primary: #1278fe; /*electric blue*/
--primary-pop: #25d6b9; /*turqoise*/
--secondary: #00449e; /*cobalt blue*/
--warning-bg: #772222;
--warning-fg: #ffcccc;
--warning-mid: #cc7777;
}

a.ers-button:hover{
    background: var(--light-b);
}

a.ers-button{
    background: var(--primary-pop);
}


.footer-img{
    margin-right: 2em;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
	color: var(--primary-pop);
}
table, .table, .table-striped{
    color: var(--light-b);
    font-family: 'SF', serif;
    background: var(--dark-a);
}

.nav-item{
    padding-left: 2rem;
    font-size: 120%;
    font-family: 'SF-bold';
}

.nav-item-right{
    margin-left: -1rem;

}

.nav-title{
    margin-left: 1rem;
    font-family: 'SF-bold';
}

.navbar-dark, .navbar, .navbar-collapse, .navbar-expand-md{
    font-family: 'SF', serif;

    padding-right: 2rem;
    
}
.navbar{
    background: rgba(18,120,254,0.29); /*var(--primary);*/
}
.icon-yes{
    color: var(--primary-pop);
}

.icon-no{
    color: var(--warning-mid);
}


.text-primary{
    color: var(--primary);
}

.pemd-footer p{
    color: #888;
}


.pemd-bg-dark{
    background: var(--dark-a);
}

body{
    background: var(--dark-a);
    background-image: url("/static/Particle Background - 01_grad.png");
    color: var(--light-b);
    background-repeat: no-repeat;
    background-attachment: fixed;


}


.btn-primary{
    background: var(--primary);
    color: var(--dark-a);
    border: var(--primary-pop);
}

.btn-primary:hover{
    border: var(--primary);
    color: var(--dark-a);
    background: var(--primary-pop);
}


a{
    color: var(--primary);    
}

a:hover{
    color: var(--primary-pop);
}

.navbar-brand{
    margin-left: 1rem;
}