.content.agenda .main_content .accordions_wrapper{
max-width:100%;
}
.content.agenda h1.agenda_title {
display: block;
margin: 0;
margin-bottom: 50px;
} .content.agenda a.rss_link {
display: block;
font-size: 14px;
margin-bottom: 25px;
text-decoration: none;
float: right;
}
@media only screen and (min-width: 1100px) {
.content.agenda a.rss_link.agenda {
top: 15px;
right: 0;
position: absolute;
}
}
.content.agenda a.rss_link:before {
display: inline;
content: "\f09e";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
color: #0086c9;
cursor: pointer;
margin-right: 5px;
font-size: 110%;
}
.content.agenda a.rss_link:hover,
.content.agenda a.rss_link:hover:before {
color: #005489;
text-decoration: none;
}
ul.accordions {
display: block;
position: relative;
width: 100%;
height: auto;
list-style-type: none;
margin: 0 !important;
clear: both;
}
ul.accordions li.agenda_item,
.agenda_item_wrapper {
display: block;
position: relative;
width: 100%;
height: auto;
margin: 0;
clear: both;
}
ul.accordions li.agenda_item .calendar {
display: block;
width: 80px;
height: auto;
overflow: hidden;
border-radius: 2px;
float: left;
margin: 0 20px 10px 0;
}
@media only screen and (max-width: 530px) {
ul.accordions li.agenda_item .calendar {
float: none;
}
}
ul.accordions li.agenda_item .calendar .day {
display: block;
width: 100%;
height: auto;
background: #c76b97;
color: white;
padding: 5px 1px;
font-size: 14px;
line-height: 16px;
text-align: center;
}
ul.accordions li.agenda_item .calendar .day_date {
display: block;
width: 100%;
height: auto;
background: white;
color: black;
padding: 4px 0px;
font-size: 22px;
line-height: 25px;
font-weight: 600;
text-align: center;
border: 1px solid #aaaaaa;
border-top: none;
border-bottom: none;
box-sizing: border-box;
}
ul.accordions li.agenda_item .calendar .month {
display: block;
width: 100%;
height: auto;
background: white;
color: black;
padding: 0 0 4px 0px;
font-size: 14px;
line-height: 16px;
font-weight: 400;
text-align: center;
border: 1px solid #aaaaaa;
border-top: none;
box-sizing: border-box;
border-radius: 2px;
}
ul.accordions li.agenda_item .right {
display: block;
width: calc(100% - 100px);
float: left;
}
@media only screen and (max-width: 530px) {
ul.accordions li.agenda_item .right {
width: 100%;
float: none;
}
}
ul.accordions li.agenda_item .right a.read_more,
ul.accordions li.agenda_item .right a.more_info{
margin:0.5em 0.5em 0.5em 0 ;
display: inline-block;
}  .accordions .agenda_item .title,
.agenda_item_wrapper .title {
display: block;
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #009ec1;
padding: 0;
margin-bottom: 10px;
}
.agenda_item_wrapper .title {
font-size: 28px;
line-height: 32px;
}
@media only screen and (max-width: 390px) {
.accordions .agenda_item .title,
.agenda_item_wrapper .title {
;
font-size: 22px;
line-height: 25px;
}
}
.accordions .agenda_item .date_wrapper,
.agenda_item_wrapper .date_wrapper,
.accordions .agenda_item .locatie,
.agenda_item_wrapper .locatie,
.accordions .agenda_item .regio,
.agenda_item_wrapper .regio {
display: block;
color: black;
font-size: 15px;
line-height: 21px;
}
.accordions .agenda_item .date_wrapper span:not(:last-of-type),
.agenda_item_wrapper .date_wrapper span:not(:last-of-type) {
display: inline;
margin: 0 3px 0 0;
}
.accordions .agenda_item .date_wrapper.multiple_days span:nth-child(2):after,
.agenda_item_wrapper .date_wrapper.multiple_days span:nth-child(2):after {
display: inline;
content: "t/m";
margin: 0 0 0 3px;
}
.accordions .agenda_item .date_wrapper:before,
.agenda_item_wrapper .date_wrapper:before,
.accordions .agenda_item .locatie:before,
.agenda_item_wrapper .locatie:before,
.accordions .agenda_item .regio:before,
.agenda_item_wrapper .regio:before {
display: inline-block;
width: 80px;
content: "Wanneer";
font-weight: 600;
}
@media only screen and (max-width: 390px) {
.accordions .agenda_item .date_wrapper:before,
.agenda_item_wrapper .date_wrapper:before,
.accordions .agenda_item .locatie:before,
.agenda_item_wrapper .locatie:before,
.accordions .agenda_item .regio:before,
.agenda_item_wrapper .regio:before {
display: block;
width: auto;
margin-top: 10px;
}
}
.accordions .agenda_item .locatie:before,
.agenda_item_wrapper .locatie:before {
content: "Adres";
}
.accordions .agenda_item .regio:before,
.agenda_item_wrapper .regio:before {
content: "Regio";
}
.accordions .agenda_item .date_wrapper span,
.agenda_item_wrapper .date_wrapper span {
display: inline;
}
.accordions .agenda_item .readmore {
display: block;
margin-top: 5px;
padding: 0;
}
.accordions .agenda_item .content p {
margin-bottom:1em;
}
.accordions .agenda_item p,
.agenda_item_wrapper p {
display: block;
margin: 0 0 5px 0;
color: black;
}
.agenda_item_wrapper .item_content {
display: block;
margin: 35px 0;
}
.agenda_item_wrapper .agenda_img_wrapper {
display: block;
position: relative;
float: left;
width: 180px;
height: auto;
margin: 0 15px 15px 0;
}
.agenda_item_wrapper .agenda_img_wrapper img {
display: block;
width: 100%;
height: auto;
margin: 0;
}
.agenda_item_wrapper .agenda_img_wrapper .caption {
display: block;
width: 100%;
height: auto;
margin: 0;
padding: 5px;
box-sizing: border-box;
font-size: 14px;
font-style: italic;
background: rgba(0, 0, 0, .5);
color: white;
bottom: 0;
position: absolute;
}
@media only screen and (max-width: 390px) {
.agenda_item_wrapper .agenda_img_wrapper {
float: none;
width: 100%;
margin: 15px 0;
}
}