@charset "UTF-8";
/* CSS Document */

.posts_list{
	padding:0 !important;
}
.posts_list h2 + p{margin-bottom:4rem;}
.posts_list ol{counter-reset: section;}
.posts_list ol, .posts_list li{list-style-type:none; margin:0 0 1rem 0; padding:0;}

.posts_list li a{display:flex; flex-direction:row-reverse; align-items:center; background:#f2f2f2; border:solid 1px #dcdcdc; border-radius:5px; overflow:hidden; text-decoration:none;} 
.posts_list li a span{flex-grow:2; margin:0 1rem;}
.posts_list li a:before{content:""; width:4rem; height:4rem;  font-family: "dashicons"; text-align:center; display:flex; justify-content: center; align-items:center; color:white; transition:all .3s;}
.posts_list li a:after{counter-increment: section; content: counters(section,".") " ";  width:2.5rem; height:2.5rem; margin-left:.5rem; font-size:.7em; background:#39058e; color:white; display:flex; align-items:center; justify-content: center; border-radius:50%; }
.posts_list li a:hover{background:#E2E2E2; }
.posts_list li.theorie a:before{content: "\f118"; background-color:#b2c76b; }
.posts_list li.memo a:before{content: "\f546"; background-color:#cf6d54; }
.posts_list li.exo a:before{content: "\f464"; background-color:#f0a83a; }
.posts_list li a:hover:before{font-size:1.2em; transition:all .3s;}