/*
	(c)2012 - visuallizard.com

	General Layout Styles.
	Sets major blocking (and minor styles) to genaral elements in the template.
	All can be removed and started from scratch or elemnts can be adjusted individually.
*/

.container {
/*
	Set site width only here and use this class to centre the content in browser window.
	Default width is 960px and can be changed in skeleton.css to maintain resposivnes.
*/
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	position: relative;

}

/* Header */
	#header {
		clear: both;
		position: relative;
		margin: 0;
		padding: 0;
		background: #062d54;
	}
		#header .container {
			display: flex;
			position: relative;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			padding: 1rem 0;
		}
		#header .container:after { display: none; }
		#header > .container h1 {
			display: block;
			position: relative;
			flex: 0 0 48%;
			max-width: 48%;
			margin: 0;
		}
		#header > .container h1 .logo {
			display: block;
			width: 500px;
			height: 120px;
			padding: 45px 0 0 185px;
			font-size: 20px;
			line-height: 28px;
			text-decoration: none;
			background: url("../../img/logo.png") 0 0 no-repeat transparent;
			color: #fff;
			cursor: pointer;
		}


		/* Language toggle */
		header .lang { }


/* 	Navigations */
	nav {
		display: block;
		position: relative;
		width: 100%;
		margin: 0;
		clear: both;

		background: #098cba;
	}
		nav ul {
			display: flex;
			clear: both;
			float: left;
			width: 100%;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			nav ul li {
				display: block;
				position: relative;
				flex-grow: 1;
				padding: 0 1px;
				margin: 0;
				border-left: 1px solid #062d54;
			}
			nav ul li#nav_li_item_31 { border: none; }
			nav ul li#nav_li_item_77,
			nav ul li#nav_li_item_79 { display: none; }
				nav ul li a {
					display: block;
					position: relative;
					padding: 0.5em 0;
					border-left: 1px solid #062d54;
					border-right: 1px solid #062d54;
					text-transform: uppercase;
					text-align: center;
					font-size: 15px;
					text-decoration: none;
					background: rgba(0,0,0,0);
					color: #f4f4f4;
					-webkit-transition: all 0.25s ease;
					-moz-transition: all 0.25s ease;
					transition: all 0.25s ease;
				}
				nav ul li#nav_li_item_31 a { border-left: none; }
				nav ul li#nav_li_item_121 a { border-right: none; }
				nav ul li a:hover,
				nav ul li.at a { background: rgba(0,0,0,0.5); color: #fff; }



		/* 	Drop-downs */
		nav ul.nav_1 > li > ul {
			display: block;
			position: absolute;
			top: 100%;
			left: 0;
			z-index: -1;
			float: left;
			width: 300px;
			padding: 0;
			margin: 0;
			border: none;
			list-style: none;
			opacity: 0;
			background-color: #fff;
			-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
			-webkit-transition: all 0.25s ease;
			-moz-transition: all 0.25s ease;
			transition: all 0.25s ease;
		}
		nav ul.nav_1 > li:hover > ul {
			display: block;
			z-index: 1000;
			opacity: 1;
		}
			nav ul.nav_1 > li >  ul li {
				display: block;
				border: none;
				padding: 0;
			}
			nav ul.nav_1 > li >  ul a {
				display: block;
				clear: both;
				padding: 0.25em 0.5em;
				border: none;
				font-weight: normal;
				text-transform: none;
				text-align: left;
				line-height: 20px;
				background: none;
				color: #555;
			}

			nav ul.nav_1 li    ul a:hover,
			nav ul.nav_1 li.at ul a:hover,
			nav ul.nav_1 li.at ul .at a {
				background: rgba(0,0,0,0.3);
				color: #fff;
			}
		nav ul.nav_3 { display: none; }




/* Login form */
/*
	header form input[type="text"],
	header form input[type="password"],
	header form input[type="email"] {
		margin: 0 5px 0 0;
		width: auto;
	}
	header form .input {
		display: inline-block;
	}

	header .login-nav,
	header .login-form,
	header .search-form {
		position: relative;
		color: #fff;
		float: left;
		display: block;
		vertical-align: top;
		margin:  0 20px 0 0;
	}
		.login-nav,
		.login-options {
			list-style: none;
			margin: 0 0 .5em 0;
		}
	header .login-nav li {
		display: inline-block;
	}
	header .login-nav a,
	header .login-form a {
		font-size: 13px;
		padding: 0 5px 0 0;
		margin: 0;
		text-transform: none;
		text-decoration: none;
	}
	header .login-form .error-message {
		position: absolute;
		bottom: 0; left: 0;
		margin: 0;
		color: #ee5f5b;
		font-size: 13px;
	}
*/


/* 	Columns and Sections	*/
	#wrapper {
		display: block;
		position: relative;
		width: 80%;
		padding: 0;
		margin: 0 10%;
	}
	#banner-block {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		background: #999;
	}
		#banner-block #latest-news {
			display: block;
			position: absolute;
			top: 3em;
			right: 3em;
			z-index: 1;
			width: 45%;
			padding: 1.5em;
			margin: 0;
			background: rgba(6, 45, 85, 0.7);
			color: #fff;
		}
	#content {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		#content .container {
			display: flex;
			position: relative;
			justify-content: flex-start;
			align-items: flex-start;
			flex-wrap: wrap;
			min-height: 550px;
			padding: 1.5em 0;
		}
			#content .container .sponsors {
				display: flex;
				position: relative;
				justify-content: center;
				align-items: center;
				flex-wrap: wrap;
				column-gap: 2%;
				row-gap: 1.25rem;
				width: 100%;
				padding: 1em 0;
				margin: 0;
				border-top: 10px solid #e4e4e4;
			}
			#content .container .home-column {
				display: block;
				position: relative;
				width: 49%;
				padding: 1em;
				margin: 0;
				border-top: 10px solid #e4e4e4;
			}
			#content .container .home-column.rightside { float: right; }
	#main {
		display: flex;
		position: relative;
		justify-content: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		column-gap: 2%;
		row-gap: 1rem;
		order: 0;
		width: 70%;
		padding: 0 1.5em 0 0;
		margin: 0;
	}
	#content.wide #main { width: 100%; }
	div.content-block {
		display: block;
		position: relative;
		width: 100%;
	}
	#sidebar {
		display: block;
		position: relative;
		order: 1;
		width: 30%;
		min-height: 250px;
		padding: 1em;
		margin: 0;
		background: #f4f4f4;
	}
		#sidebar ul.sidenav_2 {
			display: block;
			position: relative;
			float: left;
			width: 100%;
			padding: 1em;
			margin: 0;
			list-style: none;
			background: rgba(255,255,255,0.6);
		}
			#sidebar ul.sidenav_2 > li {
				display: block;
				position: relative;
				float: left;
				width: 100%;
				padding: 0;
				margin: 0;
				border-top: 1px dotted #999;
			}
			#sidebar ul.sidenav_2 > li:first-of-type { border: none; }
			#sidebar ul.sidenav_3 > li:first-of-type { border-top: 1px dotted #999; }
			#sidebar ul.sidenav_4 > li:first-of-type { border-top: 1px dotted #999; }
				#sidebar ul.sidenav_2 li a,
				#sidebar ul.sidenav_3 li a,
				#sidebar ul.sidenav_4 li a {
					display: block;
					position: relative;
					width: 100%;
					padding: 0.5em;
					margin: 0;
					text-decoration: none;
				}
				#sidebar ul.sidenav_3 li a { padding-left: 1.5em; }
				#sidebar ul.sidenav_4 li a { padding-left: 2em; }
				#sidebar ul.sidenav_2 > li > a { font-size: 1.4em; }
				#sidebar ul.sidenav_2 > li > a:hover,
				#sidebar ul.sidenav_2 > li.at a { background: rgba(0,0,0,0.5); color: #fff; }
				#sidebar ul.sidenav_2 li ul {
					margin: 0;
					list-style: none;
				}
					#sidebar ul.sidenav_2 li ul li { border-top: 1px dotted #999; }
						#sidebar ul.sidenav_2 li ul li a {
							padding: 0.5em 0.5em 0.5em 1.5em;
							-webkit-transition: all 0.25s ease;
							-moz-transition: all 0.25s ease;
							transition: all 0.25s ease;
						}
						#sidebar ul.sidenav_2 li ul li a:hover { letter-spacing: 0.5px; }
						#sidebar ul.sidenav_2 li ul li.at a { background: rgba(0,0,0,0.5); color: #fff; }
						#sidebar ul.sidenav_2 li ul li.at.page-type-node > a { background: rgba(0,0,0,0.8); color: #fff; }
						#sidebar ul.sidenav_2 li ul li ul li { border-top: 1px dotted #999; }
							#sidebar ul.sidenav_2 li ul li ul li a {
								padding: 0.5em 0.5em 0.5em 2.5em;
								-webkit-transition: all 0.25s ease;
								-moz-transition: all 0.25s ease;
								transition: all 0.25s ease;
							}
							#sidebar ul.sidenav_2 li ul li ul li a:hover { letter-spacing: 0; background: #fff; color: #000; }
							#sidebar ul.sidenav_2 li ul li ul li.at a { background: rgba(255,255,255,0.5); color: #000; }
							#sidebar ul.sidenav_2 li ul li ul li.at.page-type-node > a {  background: rgba(255,255,255,0.2); color: #000; }
								#sidebar ul.sidenav_2 li ul li ul li ul li a {
									padding: 0.5em 0.5em 0.5em 3.5em;
									-webkit-transition: all 0.25s ease;
									-moz-transition: all 0.25s ease;
									transition: all 0.25s ease;
								}
								#sidebar ul.sidenav_2 li ul li ul li ul li a:hover { letter-spacing: 0; background: #f4f4f4; color: #000; }
								#sidebar ul.sidenav_2 li ul li ul li ul li.at a { background: rgba(225,225,225,0.5); color: #000; }
								#sidebar ul.sidenav_2 li ul li ul li ul li.at.page-type-node > a {  background: rgba(225,225,225,0.2); color: #000; }

/* Footer	 */
	#footer {
		clear: both;
		position: relative;
		padding: 1.5em 0;
		margin: 0;
		border-top: 1px solid #ddd;
		background: #098cba;
	}
		#footer ul.fnav_1 {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0 0 1.5em 0;
			list-style: none;
		}
			#footer ul.fnav_1 li {
				display: block;
				position: relative;
				float: left;
				width: 25%;
				padding: 0 1em 0 0;
				margin: 0;
			}
			#footer ul.fnav_1 li#fnav_li_item_31 { display: none; }
				#footer ul.fnav_1 li a { display: block; padding: 0.25em 0; line-height: 1.2em; text-decoration: none; color: #fff; }
				#footer ul.fnav_1 li a:hover { text-decoration: underline; }
				#footer ul.fnav_1 > li > a { font-weight: 600; }
				#footer ul.fnav_1 li ul {
					display: block;
					position: relative;
					width: 100%;
					padding: 0;
					margin: 0;
				}
					#footer ul.fnav_1 li ul li {
						display: block;
						position: relative;
						flex-grow: 0;
						width: 100%;
					}
		#footer .tag {
			display: block;
			position: relative;
			width: 50%;
			min-height: 140px;
			padding: 2em 0.5em 2em 3em;
			margin: 0 0 1.5em 0;
		}
		#footer .tag .container { width: 100%; margin: 0; }
		#footer .tag.blue {
			float: left;
			padding-left: 25%;
			background: #062d54 url("../../img/logo.png") 25% center no-repeat;
			background-size: 150px;
		}
		#footer .tag.grey {
			float: right;
			padding-left: 8%;
			background: #666;
		}
			#footer .tag.grey p a { color: #fff; }
		#footer .copyright {
			clear: both;
			margin: 0;
			text-align: center;
			color: #fff;
		}



/* Content layout (appearence) */
.content-display {

}
	.content-display:after { clear: both; }

	.content-display .content-block {
		width: 45%;
		float: left;
		margin: 0 2.5% 0 0;
	}

	/* 	single */
	.content-display.type-0 {

	}

	/* 	double */
	.content-display.type-1 .content-block {

	}

	/* double, wide-top */
	.content-display.type-2 .content-block:nth-child(3n+1) {
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}

	/* double, wide-bottom */
	.content-display.type-3 .content-block:nth-child(3n+3) {
		width: 100%;
		clear: both;
		float: none;
		margin: 0;
	}


	/* triple */
	.content-display.type-4 .content-block {
		width: 30%;
		margin-right: 3%;
		float: left;
	}


/* Hide content that requires JavaScript unless JavaScript is running. */
body .requires-js { display: none; }