@charset "UTF-8";

/* Stylesheet for the IMI-Net Web Site
 * Adopting the general design of the new Europa site
 * by Sascha Leib for GROW.R.2
 * File name: imi-net.css
 */

main {
	border-top: transparent 0 none;
	padding-top:	0;
}

main section {
	margin-top:			2em;
}

/* navigation bar */
#site-navigation {
	background-color:	#bfd0e4;
}
#site-navigation #menu-button {
	display:		none;
    position:		absolute;
    width:			32px;
    height:			36px;
    background:		transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0wIDMgSDE1IFYwIEgwIFogTTAgNiBIMTUgVjkgSDAgWiBNMCAzIEgxNSBWMCBIMCBaIE0wIDE1IEgxNSBWMTIgSDAgWiIgZmlsbD0iIzAwNDQ5NCIvPjwvc3ZnPg==") center no-repeat;
    background-size:50% 50%;
    right:			0;
    cursor:			pointer;
    color:			transparent;
	border:			transparent 0 none;
}
#site-navigation #menu-button:focus {
	outline:			#FFD500 solid 3px;
}
#site-navigation-layout > ul {
	background-color:	transparent;
}
#site-navigation-layout > ul > li {
	border-bottom:		transparent solid 2px;
}
#site-navigation-layout ul > li.current {
	background-color:	#bfd0e4;
}
#site-navigation-layout ul li a:link,
#site-navigation-layout ul li a:visited {
    color: #000;
}

#site-navigation-layout ul.mobile {
	width:			calc(100% - 36px);
	display:		block;
	border:			transparent 0 none;
}
#site-navigation-layout ul.mobile > li {
	text-align:		left;
	border:			transparent 0 none;
}
#site-navigation ul.mobile > li.current::before,
#site-navigation ul.mobile > li.open::before,
#site-navigation ul.mobile > li.current::after,
#site-navigation ul.mobile > li.open::after,
#site-navigation ul.mobile > li.current,
#site-navigation ul.mobile > li.open {
	border:			transparent 0 none;
}
#site-navigation-layout ul.mobile > li {
	display:		none;
}
#site-navigation ul.mobile > li.current {
	display:		block;
}
#site-navigation-layout ul.mobile.expanded > li {
	display:		block;
}

#site-navigation-layout ul.mobile > li a:link {
	margin:		0;
}

/* Widgets */
main #access-box {
	border-left:		#004494 solid 12px;
}
main #training-box {
	border-left:		#9E6D1F solid 12px;
}

main #register-box {
	border-left:		#6B858D solid 12px;
}

/* floating cartoons */
main .float-right {
	float:		right;
	margin:		0 10px 10px 10px;
}

main .clear-right {
	clear:		right;
}

/* new "no-stripes" table style: */
main table.no-stripes tbody tr:nth-child(odd) {
	background-color:	transparent;
}
main table.no-stripes tbody tr {
	border-bottom:		#CCC solid 1px;
}

/* allow for links that don't appear as such */
main a.no-link:link,
main a.no-link:visited {
	color:				inherit;
	text-decoration:	none;
}
main a.no-link:hover {
	text-decoration:	underline;
}

/* abbr touchups */
main abbr {
	letter-spacing:		.07em;
	font-size:			97%;
}

/* Link icons */
main a img {
	border:0;
	vertical-align:middle;
	padding:0 0 0 4px;
}

/* hide main headline when compact menu appears */
@media screen and (max-width: 960px) {
	main h2 {
		display:	none;
	}
}

/* update menu for small screens */
@media screen and (max-width: 960px) {
	
	#site-navigation #menu-button {
		display:		block;
		z-index:		999;
	}
}