body{
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color:#191522;
  font-size:2em;
}
pre{
  padding:0;
  border:0;
}

.container {
    max-width:1000px;
}

.grid{
    display:grid;
    grid-template-columns: minmax(500px, 1000px) fit-content(35%);
    grid-column-gap: 15px;
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 500px) {
    .grid {
	display:block;
    }
    #links {
	display:none;
    }
}


*::-moz-selection{
  background-color: #D6DBE1;
  color:#2D353E;
}

.book_promo {
    text-align:center;
    color: #535109f2;
    font-size:13px;
    background-color: #e9d91f3d;
    margin: 20px 0;
    padding: 20px;
    border-bottom-width:3px;
    font-weight: 300;
}

header{
  padding:20px;
/*  background-color:#080808;*/
  color:#757171;

  min-height:200px;
  display:flex;
  align-items:center;
  justify-content:center;

}
header a{
    color:#757171;
    font-weight:bold;
}
header a:hover{
    color:black;
    text-decoration:none;
}
header .flexflex {
    display:flex; align-items:center;width:700px;
}
header img{
    width:140px;
    margin-right:20px;
    opacity:.8;
}

header p{
    font-size: 0.8em;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

/* nav */

nav.navbar {
    /*    border-bottom:3px solid rgba(0,0,0,.4) !important;*/
    background-color:white;
}

nav.navbar.navbar-default{
  border-radius:0;
  border:0;
  margin-bottom:0;
}

#bs-example-navbar-collapse-1 {
    padding-left:0;
}

ul.navbar-nav.nav a{
    font-size:14px;
}

ul.navbar-right li a{
    padding-right:0;
}

/* articles */

article {
/*  overflow:hidden;*/
  line-height:30px;
/*  border-top:2px rgba(66, 41, 195, 0.13) dashed;*/
  margin-top:20px;
  margin-bottom:60px;

  font-size:16px;
}

article:first-child{
    border-top:0;
}

@import url('https://fonts.googleapis.com/css?family=Bitter:400,700&display=swap');
article h1,h2,h3,h4,h5,h6 {
    font-family: 'Bitter', serif;
    font-weight:700;
}

article h2 {
    font-size:23px;
    margin-top:50px;
    margin-bottom:30px;
}
article h2:first-child {
    margin-top:0;
}
article h3 {
    font-size:17px;
}

article h1, article h1 a{
  color:#342b47;
  font-size:30px;
  border-bottom:1px #FFF solid;
  transition:all .5s;
  text-decoration: none;
  line-height:35px;
  margin-bottom:10px;
}
/*
article h1::before{
    content: "# ";
    margin-left:-25px;
    color: #156862;

}*/

article h1 a:hover{
  text-decoration: none;
  border-color:rgba(20,60,90,.2);
  background-color:rgba(20,60,90,.2);

}
article h1 small.date{
    display:block;
    font-weight:300;
    font-size:14px;
    margin-top:10px;
    color:#b2a8c9;
    white-space:nowrap;
}
article p a, article ul a{
  color:#342b47;
  border-bottom:1px #342b47 solid;
  transition:all .5s;
}
article p a:hover, article ul a:hover{
  border-color:rgba(20,60,90,.2);
  background-color:rgba(20,60,90,.2);
  text-decoration: none;
}
article img{
  width:100%;
}

article blockquote{
  border-left:0;
  margin-top: 20px;
  color:rgba(0,0,0,.5);
  border-top:1px #999 solid;
  border-bottom:1px #999 solid;
  background-color:rgba(0, 0, 0, .04);
}
article blockquote p{
  line-height:30px;
  font-weight:400;
}
article ul{
  padding:0 20px;
  line-height:30px;
}

/* end of article */

.comment_link{
    display:block;
    padding:5px 10px;
    background-color:rgba(0,0,0,.04);
    color:rgba(0,0,0,.4);
    font-size: 15px;
    font-weight:300;
}
.comment_link:hover{
  text-decoration: none;
  color:rgba(0,0,0,.6);
}

/* pagination */

ul.pagination li a{
  font-size: 1.4rem;
  padding:5px 7px;
  border:0;
  color:#191919;
}

ul.pagination li.active a{
  background-color:#e0e0e0;
  color:#FFF;
}
ul.pagination li.active a:hover{
  background-color:#191919;
}

/* single post comments */

.end_post{
    color: #277e50cc;
    font-size:13px;
    background-color: #36d72633;
    padding: 20px;
    border-left: 3px solid #25c53b;
    font-weight: 300;
}

.end_post a {
    color: inherit;
    font-weight: bold;
    border-bottom:1px solid;
}

#comments h2 {
    background-color:grey ;
    padding: 10px;
    margin:10px 0 0;
    border: 2px solid black;
    border-bottom:0;
    font-weight:400;
    font-size:22px;
    color: #e2e2e2;
}

.comment{
    background-color:#f3f3f3;
    padding:20px;
    margin-bottom:10px;
    
}
.comment h4{
  font-weight:600;
}
.comment p{
    word-break: break-word;
  font-size:16px;
}

/* form comments ? */
input[type=text], textarea.form-control{
  border:1px white solid;
  border-radius:0;
  box-shadow:none;
  background-color:rgba(0,0,0,.05);
}

/* footer */

footer{
/*  border-top:1px solid rgba(0,0,0,.1);*/
  margin-top: 20px;
/*  background-color: #e0e0e0;*/
  padding: 30px 0;
  text-align:right;
}
footer a{
  color:#191919;
  margin-right: 10px;
  border-bottom:1px #191919 solid;
  transition:all 0.5s;
  letter-spacing:.4px;
}
footer a:hover{
  color:#000;
  text-decoration: none;
}
footer small{
  display:block;
  margin-top: 20px;
}
table{
    border-collapse:collapse;
    border:1px solid rgba(0,0,0,.4);
    width:100%;
    text-align:center;
    margin:30px auto;
}
table td{
    padding:10px;
}
table thead{
    background-color:rgba(0,0,0,.8);
    color:rgba(255,255,255,.8);
}
table tr:nth-child(even){
    background-color:rgba(20,41,34,.1);
}

/* homepage latest links */

#links{
}
.links ul{
    font-size:12px;
    line-height:23px;
    margin-left:0px;
    margin-bottom:0;
}

.links ul li{
    padding:5px;
}

.links ul li:nth-of-type(odd){
    background-color: rgba(0, 0, 0, .03);
}

.links h1{
    font-size:14px;
    color:rgba(0, 0, 0, .9);
    border-bottom:3px rgba(0, 0, 0, .7) solid;

    padding:5px;
    margin-bottom:0;
}
.links h1 a{
    color:rgba(0, 0, 0, .7);
    text-decoration:underline;
    font-size:13px;
}
.links ul li a{
    color:rgba(0,0,0,.8);
}

/* summary */

.summary {
    color: #e2dfdf;
}

.summary {
    font-size:13px;
    background-color: #181918db;
    margin: 20px 0;
    padding: 20px;
/*    border: 1px solid #bce8f1;*/
    font-weight: 300;
    border-bottom-width:3px;
}

.summary ul{
    padding: 0;
    list-style:none;
    font-size:12px;
    line-height:23px;
    margin-left:0px;
    margin-bottom:0;
}

.summary a {
    color: #b4b7b4db;
}


/* homepage popular articles */

#links .popular p{
    color: #090a53cc;
}

#links .popular {
    font-size:13px;
    background-color: #f4f8fa;
    margin: 20px 0;
    padding: 20px;
/*    border: 1px solid #bce8f1;*/
    font-weight: 300;
    border-bottom-width:3px;
}

#links .popular ul{
    list-style:none;
    font-size:12px;
    line-height:23px;
    margin-left:0px;
    margin-bottom:0;
}

#links .popular ul li{

}

/* homepage latest links latest version */
#links .links2 p{
    color: #090a53cc;
}

#links .links2 {
    font-size:13px;
    background-color: #e91f911a;
    margin: 20px 0;
    padding: 20px;
/*    border: 1px solid #f1bce1;*/
    border-bottom-width:3px;
    font-weight: 300;
}

#links .links2 ul{
    list-style:none;
    font-size:12px;
    line-height:23px;
    margin-left:0px;
    margin-bottom:0;
}

#links .links2 a{
    color:#ca428f;
}

.commentaires {
    padding:20px;
    border:2px solid black;
    border-top:0;
}