@media screen and (min-width: 720px) {
    .page-content__surrounded {
        padding-top: 15px;
    }
}

.button-ad {
    display: block;
    margin-top: 0;
    margin-bottom: 30px;
}

header.header .header__middle .header__logo {
    height: 54px;
}

/***
 * Agenda */
.agenda-events--petit-bulletin,
.agenda-events--petit-bulletin .agenda-events__content,
.agenda-events--petit-bulletin .agenda-events__navigation,
.weekly-agenda,
.weekly-agenda .category-navigation li:hover, .weekly-agenda .category-navigation li.active {
    background-color: #EF463E;
}
.agenda-events--petit-bulletin .agenda-events__content .article-block__label,
.weekly-agenda .event-slide li .event-block.event-block--long .article-block__label {
    background-color: rgba(236, 90, 88, 0.7);
}
.agenda-events--petit-bulletin .agenda-events__content .event-block__meta strong,
.weekly-agenda .event-slide li .event-block.event-block--long .article-block__content .event-block__meta strong,
.weekly-agenda .event-navigation button.prev:active, .weekly-agenda .event-navigation button.next:active {
    color: #BA2821;
}
.agenda-events--petit-bulletin .agenda-events__navigation button.goto.active,
.weekly-agenda .event-navigation button.goto.active {
    background-color: #BA2821;
}
.weekly-agenda .category-navigation .category-navigation--header {
    padding: 2px 10px;
    line-height: 1.3;
    color: #EC5A58;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.agenda-events--petit-bulletin .agenda-events__content > ul > li .wrapped-centered-poster {
    height: 200px;
    margin: 0 50px;
}
.agenda-events--petit-bulletin .agenda-events__content .event-block__title {
    font-size: 20px;
}
.agenda-events--petit-bulletin .agenda-events__content .event-block__meta {
    font-size: 13px;
}

/***
 * RCP */
/* menu entry */
.menu-item-143569 a {
    padding: 0 5px;
    background: #E8C501;
}
/* custom label and color */
.article-block.restricted-post .article-block__poster::after,
body.restricted-post .article-block .article-block__poster::after {
    content: 'Édition membres' !important;
    background: #E8C501 none repeat scroll 0% 0% !important;
}
/* sidebar widget */
.user-dashboard-widget a.icon-button div.icon-button__body .icon-button__title {
    font-size: 14px;
}
/* menu item background */
.menu-item-0 a {
    padding: 0 5px;
    background: #E8C501;
}
.menu-item-0 a::before {
    top: -10px;
}
.comment__author-tag--blue {
    background: #E8C501 none repeat scroll 0% 0% !important;
}

.r89-jal-cta {
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 0px #bbbbbb;
    padding: 6px 8px;
    background: red;
    color: white;
    text-decoration: none;
    font-weight: bold;
}
.r89-al-cta {
    display: none
}
@media screen and (min-width:1030px) {
  .r89-al-cta {
    display: block;
    position: absolute;
    right: 0;
    top: 40px;
    background: #E8C501;
    padding: 3px 15px;
    color: white;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: 1px 1px 2px #888;
  }
}

/***
 * Related posts */
.related-posts ul {
	background: none repeat scroll 0% 0% rgb(241, 240, 245);
	padding: 3px 15px;
	list-style-type: none;
	clear: both;

}

.related-posts li {
	font-family: "FranklinGothicCondensed",Arial,Helvetica,sans-serif;
	font-size: 22px;
	padding: 5px 0px 0px 0px;
	margin: 10px 10px 10px 5px;
	border-top: 1px solid rgb(205, 204, 218);
	line-height: 26px;
	list-style-type: none;
	text-overflow: ellipsis; /* will make [...] at the end */
   	height: 50px; /* change to your preferences */
    	white-space: normal; /* paragraph to one line */
    	overflow:hidden; /* older browsers */
}

.related-posts h1 {
	font-family: "Arial Black",Arial,Helvetica,sans-serif;
	background: none repeat scroll 0% 0% rgb(241, 240, 245);
	padding: 10px 0px 0px 25px;
	border-top: 4px solid rgb(205, 204, 218);
	color: rgb(46, 47, 51);
	font-size: 16px;
	}

.related-posts img {
	width: 60px;
	height: auto;
	margin: 2px 13px 2px 0;
	float: left;
	list-style-type: none;
}
