/* nc_academy.css */

.wrapper.style2 .title, .wrapper.style2 header {
    border-bottom: 1px solid #999;
}

#header { background:#faf3f9; }

#header nav > ul > li a {
    color: #977b8a;
	font-weight:bold;
}

#header nav > ul > li a:hover {
	color: #ea5e6c;
}

.wrapper {
    padding: 4em 0em 4em;
}

.wrapper.style1 {
	background-color: #977b8a;
	-moz-background-image: linear-gradient(60deg, #907584 50%, #977b8a 50%);
	-webkit-background-image: linear-gradient(60deg, #907584 50%, #977b8a 50%);
	-o-background-image: linear-gradient(60deg, #907584 50%, #977b8a 50%);
	-ms-background-image: linear-gradient(60deg, #907584 50%, #977b8a 50%);
	background-image: linear-gradient(60deg, #907584 50%, #977b8a 50%);
}

input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		background-color: #977b8a;
		color: #ffffff !important;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: #907584;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: #ea5e6c;
		}


#banner p,
#banner h2 { color:#977b8a; }
#banner .button { 
	color:#977b8a !important;
	border: 1px solid #977b8a;  }

section#banner .logowrap { width:30em; margin: 0 auto; }
section#banner .logowrap img { width:100%; }

@media only screen and (max-width: 768px) {
	section#banner { padding:7em 0 5em; }
	section#banner .logowrap { width:90%; }
	section#banner ul.actions li > * { width:70%; }
}

form#login {}
form#login input[name="u"],
form#login input[name="p"] { max-width:15em; margin:0 auto; }

@media only screen and (max-width: 768px) {
	form#login ul.actions li { padding: 0; }
	form#login ul.actions li input { margin:0 0 1em 0 !important; width:100%; }
	form#login ul.actions li input[type="reset"] { color:#977b8a !important; border:1px solid #977b8a; background:none;  }
}

.startevent .listitem img { border:1px solid #999; }
.startevent .listitem h3 { height: 3em; }
