/* Agenda css */

@import url(animations.css) only screen;
@import url(pagination.css);


#main .wrapper					{ width: 1155px; padding: 0px; }

#container {
	position: relative;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	padding: 0px;
	}

aside							{ display: none; }

#content 						{ width: 100%; float: none; }

.agendalist						{ display: flex; flex-wrap: wrap; }

.item 							{ background-color: #117198; height: auto; }
.item:nth-child(even)			{ background-color: #1781ac; }
.item:nth-of-type(3n) 			{ margin-right: 0px; }

.item h3						{ margin-bottom: 0px; line-height:1.2em;}
.item p							{ color: #fff; }

.item .intro:after {
	content: "\f061";
	font-family: 'Font Awesome 5 Free';
	font-size: 1.1em;
	color: #ff9f1c;
	margin-left: 14px;
	}

.intro	{max-height:200px;}

.intro:after,
.item:hover .intro:after		{ margin-left: 24px; }



.pagination {
	background-color: #fff;
	width: 100%;
	margin-top: -17px;
	padding-top: 10px;
	padding-right: 25px;
	float: none;
}

.pagination ul					{ float: right; }

.noresults						{ padding: 10px 20px; }

.reviewlist .item a:focus-visible,
.agendalist .item a:focus-visible { outline: none; }
.reviewlist .item:focus-within,
.agendalist .item:focus-within {
	outline: auto;
	outline-color: black;
}
/* --------------------------------------- */
/* mediaqueries css */
/* --------------------------------------- */

@media only screen and (max-width: 1152px) {

	#main .wrapper					{ width: 1002px; }

	.item p							{ font-size: 0.9em; }
}

@media only screen and (max-width: 1024px) {

	#main .wrapper					{ width: 936px; }

	.item a h3 						{ font-size: 1em; }
	.item .date 					{ font-size: 1em; }
	.item p							{ line-height: 1.5em; }
	.item p:first-child 			{ margin-bottom: 18px; }

}

@media only screen and (max-width: 960px) {

	#main .wrapper					{ width: 777px; }

}

/* ==> breakpoint tablets */
@media only screen and (max-width: 800px) {

	#main .wrapper					{ width: 100%; }

	.item:nth-of-type(2n) 			{ margin-right: 0px; }
	.item:nth-of-type(3) 			{ margin-right: 15px; }

	.item p							{ font-size: 0.85em; line-height: 1.4em; }

}

/* ==> breakpoint mobiles */
@media only screen and (max-width: 640px) {

	.agendalist 					{ box-shadow: 0px 0px 0px 0px rgba(0,0,0,0); margin-top: 0px; display: block; }

	.pagination 					{ margin-top: -6px; }
	.item							{ height:auto; }

}


/* print */
@media print {

	.item 							{ background-color: transparent; }
	.item:nth-child(even)			{ background-color: transparent; }

	.item p							{ color: #000; }

}