@import url(https://weloveiconfonts.com/api/?family=entypo);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* Fonts -- entypo / PT Sans */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
  font-size: 2em;
}


body { font-family: 'Open Sans', sans-serif; margin: 2em auto; width: 100%; 
                  padding: 0.8em; background: white; color: #021A80}



h1 {
  font-size: 3em;
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 55px;
}

p {
  width: 750px;
  text-align: justify;
  max-width: 80%;
  font-size: 1.2em;
}

ul.pyalgo {
  width: 720px;
  text-align: left;
  max-width: 75%;
  font-size: 1.2em;
}

/*hr { width:670px; height:1px; background: #fff }*/

hr {
    width:670px;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.ico {
  margin-left: 15px;
  margin-right: 15px;
}

/*The Python Quants Colors*/

.dblue {
  color: #273077;
}

.lblue {
  color: #25A8E0;
}

.redbold {
  color: red;
  font-weight: bold;
}

/*The Python Quants Backgrounds*/

.white { background: white;
            text-align: center;}

.white a {
  cursor: pointer;
  color: #48A65B;
  text-decoration: none;
  list-style: none;
}

.footer { background: white;
          text-align: center;
          line-height: 0.9;}

.footer a {
  padding:10px;
  cursor: pointer;
  color: #48A65B;
  text-decoration: none;
  list-style: none;
}

.blue {
      text-align: center; 
      background: #497CB1;
      color: white;
}

/*Visuals & Images*/

.visual {
    max-width: 60%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*Slider*/

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
  background: #999;
}

ol.bjqs-markers li a{
  padding:5px 10px;
  color:#bbb;
  margin:7px;
  text-decoration: none;
}

p.bjqs-caption{
  text-align: center;
  font-weight: normal;
  font-size:15px;
  color: #999;
}