/**
*	Résultats
**/
#results-list{display: block; border: 1px solid var(--launaguet-color-orange); margin: 50px 0; padding: 25px 25px 50px; text-align: center; }
#results-list h2{display: inline-block; position: relative; background: var(--launaguet-color-white); top: -45px; padding: 0 25px; margin-bottom: 0;}
#results-list h2 > strong{font-weight: normal; color: var(--launaguet-color-orange);}

#results-list article{}
#results-list article .match-infos{text-align: center; color: var(--launaguet-color-grey);}
#results-list article .match-infos span{display: inline-block; font-size: 1.4rem;}
#results-list article .match-infos span + span{margin-left: 10px;}
#results-list article .match-infos span + span:before{content: '-'; display: inline-block; vertical-align: middle; margin-right: 10px;}
#results-list article .match-infos strong{display: block; color: var(--launaguet-color-black); font-size: 2rem;}
#results-list article .score-content{margin-top: 25px; display: flex; flex-direction: column; flex-wrap: nowrap; padding: 0 25px; gap: 10px;}
#results-list article .score-content > div{display: flex; flex-direction: row; justify-content: space-between; gap: 15px; align-items: center; flex-basis: 100%; flex-grow: 1;}

#results-list article .score-content figure{margin-top: 0px;}
#results-list article .score-content figure > img{width: 65px;}
#results-list article .score-content h3{text-transform: uppercase;}
#results-list article .score-content strong{font-size: 3rem; padding: 8px 20px; background: var(--launaguet-color-yellow); color: var(--launaguet-color-black);}
#results-list article .score-content .exterieur strong{background: var(--launaguet-color-black); color: var(--launaguet-color-yellow);}

@media(min-width: 782px){
	#results-list{margin: 50px 0 100px;}
	#results-list h2{top: -55px;}
	#results-list article .score-content{flex-direction:row; align-items: center; padding: unset; gap: 0}
	#results-list article .score-content strong{font-size: 5rem; padding: 10px 25px;}
	#results-list article .score-content > div{flex-basis: 50%; flex-grow: 0;justify-content: flex-end; gap: 25px; }
	#results-list article .score-content > div.exterieur{flex-direction: row-reverse;}
	#results-list article .score-content figure > img{width: 80px;}
}


/**
*	Infos Box
**/
.info-box{padding: 15px;}
.info-box > .wp-block-group__inner-container{padding: 10px; border: 1px solid var(--launaguet-color-yellow);}
.info-box ul{list-style: none; padding-left: 0; margin-top: 20px;}
.info-box ul > li{margin-top: 10px; position: relative; padding-left: 25px;}
.info-box ul > li:before{content: "\f15e"; position: absolute; left: 0; top: 0;color: var(--launaguet-color-yellow); font-family: Dashicons; display: inline-block; vertical-align: top;}

@media(min-width: 782px){
	.info-box{padding: 25px;}
	.info-box > .wp-block-group__inner-container{padding: 15px;}
}


/**
*	Blog
**/
.news-container{display: flex; flex-wrap: wrap; gap: 1em; flex-direction: column;}

article.post-item{background: #f2f2f2; flex-grow: 1; flex-basis: 100%;}
article.post-item a{text-decoration: none; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 25px; height: 100%;}
article.post-item a figure{flex-basis: 50%; margin-top: 0; flex-grow: 0;}
article.post-item a figure img{height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover;}
article.post-item a .post-container{flex-basis: 50%; flex-grow: 1; padding: 15px; text-align: center; position: relative;}
article.post-item.with-thumb a .post-container:before {
    content: '';
    margin-top: -15px;
    position: absolute;
    width: 30px;
    height: 30px;
    background: #f2f2f2;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 50%;
    left: -40px;
}
article.post-item a .post-container .post-data{text-align: center; color: var(--launaguet-color-grey); font-size: 1.4rem; margin-bottom: 10px;}
article.post-item a .post-container .post-data .post-term{text-transform: uppercase;}
article.post-item a .post-container .post-title{font-weight: normal; margin-bottom: 10px;}
article.post-item a .post-container .post-content{color: var(--launaguet-color-grey); font-size: 1.4rem;}

@media(min-width: 782px){
	.news-container{flex-direction: row; gap: 2em}
	article.post-item{flex-grow: 0; flex-basis: calc(50% - 1em);}
}