/* --------------------------------------- */
/* Events css */
/* --------------------------------------- */

@import url(list.css);

/* font settings */
#content article dt {
	font-family: robotobold, arial, helvetica, sans-serif;
	}

#content h2						{ margin-bottom: 18px; }

#content article				{ border-bottom: 1px solid #b1b1b1; }
#content article dl {
	margin-bottom: 18px;
	display: block;
	}

#content article dt {
	background-color: #039CC0;
	font-size: 1.5em;
	color: #fff;
	text-align: center;
	width: 72px;
	height: 64px;
	padding-top: 8px;
	float: left;
	}

#content article dd {
	font-size: 0.9em;
	margin-left: 90px;
	}

#content .options {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 0px;
	}

#content .options li {
	background-image: url(/grfx/events-options-icons.png);
	background-repeat: no-repeat;
	background-size: 24px 120px;
	background-color: #01576B;
	line-height: 24px;
	display: inline-block;
	}

#content .options a {
	color: #fff;
	text-decoration: none;
	padding: 0px 10px 0px 24px;
	display: block;
	}

.website-option					{ background-position: center -0px; text-indent: -9999em; }
.mail-option					{ background-position: center -24px; text-indent: -9999em; }
.sponsor-option					{ background-position: 0px -48px; }
.calendar-option				{ background-position: 0px -72px; }
.pdf-option						{ background-position: center -96px; text-indent: -9999em; }


/* --------------------------------------- */
/* TABLET - mediaqueries css */
/* --------------------------------------- */

/* ==> breakpoint tablets */
@media only screen and (max-width: 768px) {

	#content article dt {
		font-size: 1.1em;
		line-height: 1.2em;
		width: 54px;
		height: 48px;
		padding-top: 6px;
		}

	#content article dd				{ margin-left: 72px; }

	.intro {
		height: 200px;
		display: inline-block;
		overflow: hidden;
		}

	#content .options li			{ text-indent: -9999em; width: 36px; }

	.website-option					{ background-position: center -0px; }
	.mail-option					{ background-position: center -24px; }
	.sponsor-option					{ background-position: center -48px; }
	.calendar-option				{ background-position: center -72px; }

}

/* print */
@media print {

	#content .options 				{ display: none; }

}