body {
	scroll-behavior: smooth;
}

div.msg {
	position:absolute;
	top:0;
	left:0;
	right:0;
	padding:1em;
	background:red;
	color:#fff;
	z-index:1005;
	text-align:center;
	font-weight:700;
}

nav {
	width:100%;
	position:fixed;
	top:0;
	background-color:#505050;
}
	nav ul:nth-child(2) {
		text-align:center;
	}
	nav ul:last-child {
		text-align:right;
	}


header,
section,
footer {
	position:relative;
	text-align:center;
	padding:4rem 0;
}

header {
	margin-top: 0;
	background-color: #F8706D;
	padding-bottom:0rem;
	background: linear-gradient(4deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(181,181,181,1) 100%);
	/*
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.24),0 3px 1px -2px rgba(0,0,0,.3),0 1px 5px 0 rgba(0,0,0,.22);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.24),0 3px 1px -2px rgba(0,0,0,.3),0 1px 5px 0 rgba(0,0,0,.22);
	z-index:9;
	*/
}

	header::before {
		content: '';
		position:absolute;
		height:5rem;
		left:80%;
		right:0;
		bottom:-5rem;
		background-color:inherit;
		background-image: linear-gradient( 172deg, transparent 40%, rgba(0,0,0,.4) 40%, white 45% );
	}
	header::after {
		content: '';
		position:absolute;
		height:5rem;
		left:0;
		right:20%;
		bottom:-5rem;
		background-color:inherit;
		background-image: linear-gradient( 182deg, transparent 40%, rgba(0,0,0,.4) 40%, white 45% );
	}

	header div.inner {
		max-width:1200px;
		margin:1rem auto;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 1rem;
	}

	header #join {
		align-self: top;
	}

	header #logo {
		position:relative;
		background-image:url(/userfiles/design/awu-logo.png),radial-gradient(circle, rgba(255,255,255,.8) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		min-height:350px;
	}
		/*
		header #logo::before {
			content:'';
			width:100px;
			height:40px;
			background-size:contain;
			background-repeat:no-repeat;
			position:absolute;
			background-image:url(/userfiles/design/stars2.png);
			right:40px;
			top:0;
		}
		*/

	header #strapline {
		color:#fff;
		text-align:right;
		font-size:1.3rem;
		line-height:1.2em;
		font-weight:400;
		align-self: center;
	}
		header p {
			padding:0.5em 0;
		}

		header span.loud {
			font-weight:300;
			font-size:1.9rem;
			line-height:1.2em;
			text-transform:uppercase;
		}
		header b,
		header strong {
			font-weight:700;
		}


section {

}

	section::before {
		content: '';
		position:absolute;
		height:5rem;
		left:80%;
		right:0;
		bottom:-5rem;
		background-color:inherit;
		background-image: linear-gradient( 172deg, transparent 50%, white 50% );
	}
	section::after {
		content: '';
		position:absolute;
		height:5rem;
		left:0;
		right:20%;
		bottom:-5rem;
		background-color:inherit;
		background-image: linear-gradient( 182deg, transparent 50%, white 50% );
	}

	section>h2:first-child,
	section div.inner>h2:first-child {
		font-weight:bold;
	}

	section:nth-child(even) {
		background-color:#EFECE9;
		background-image:url(/userfiles/design/stars-0.png);
		background-position:right 50px center;
		background-repeat:no-repeat;
		background-size:300px;
	}

	section:nth-child(odd) {
		padding-bottom:.2em;
		background-image:url(/userfiles/design/stars-0.png);
		background-position: left -200px bottom -170px;
		background-repeat:no-repeat;
		background-size:500px;
	}

	section div.inner {
		max-width:1000px;
		margin:1rem auto;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:left center;
	}
		section:nth-child(odd) div.inner {
			background-position:right center;
		}
		section#section_1 div.inner {
			background-image:url(/userfiles/design/sections/1.png);
		}
		section#section_2 div.inner {
			background-image:url(/userfiles/design/sections/2.png);
		}
		section#section_5 div.inner {
			background-image:url(/userfiles/design/sections/5.png);
			/* background-image: url(/userfiles/design/sections/5.png), radial-gradient(circle 500px at 180px center, white 30%, #EFECE9 30%, transparent 40%); */
		}
		section#section_6 div.inner {
			background-image:url(/userfiles/design/sections/6.png);
		}
		section#section_7 div.inner {
			background-image:url(/userfiles/design/sections/7.png);
		}
	section a.card {
		display:inline-block;
		color:#e3bf23;
		background:#d50893;
		font-weight:700;
		text-transform:uppercase;
		text-decoration:none;
		padding:1rem;
		margin:1rem;
	}
		section a.card:hover {
			background:#666;
		}
		a.card span {
			display:inline-block;
		}

	section div.content {
		max-width:900px;
		margin:1rem auto;
		text-align:left;
	}

	section#area_cards div.inner {
		max-width:1200px;
		margin:1rem auto;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-gap: 2rem 4rem;
	}

	#area_cards a.area_card {
		box-sizing:border-box;
		background-color:#fff;
		text-decoration:none;
		padding:12rem 0 6rem 0;
		-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.24),0 3px 1px -2px rgba(0,0,0,.3),0 1px 5px 0 rgba(0,0,0,.22);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.24),0 3px 1px -2px rgba(0,0,0,.3),0 1px 5px 0 rgba(0,0,0,.22);
		color:#555;
		/* background-image: linear-gradient(grey 50%, white 50%); */
		background-position: center 1.6rem;
		background-repeat: no-repeat;
		background-size:15rem;
		-webkit-border-radius:100%;
		border-radius:100%;
		border:10px solid #999;
		}
		#area_cards a.area_card:hover {
			background-color:#E5E5E5;
		}
		#area_card_1 {
			background-image: url(/userfiles/design/sections/1.png);
		}
		#area_card_2 {
			background-image: url(/userfiles/design/sections/2.png);
		}
		#area_card_5 {
			background-image: url(/userfiles/design/sections/5.png);
		}
		#area_card_6 {
			background-image: url(/userfiles/design/sections/6.png);
		}
		#area_card_7 {
			background-image: url(/userfiles/design/sections/7.png);
		}
		
section.entries div.inner {
	max-width:1000px;
}
	section.entries div.inner .entry {
		display:block;
		background:#fff;
		text-decoration:none;
		color:#444;
		padding:1rem;
		-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.24),0 3px 1px -2px rgba(0,0,0,.3),0 1px 5px 0 rgba(0,0,0,.22);
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.24),0 3px 1px -2px rgba(0,0,0,.3),0 1px 5px 0 rgba(0,0,0,.22);
		margin:1rem 0;
		position:relative;
		cursor:pointer;
		min-height:160px;
	}
		section.entries div.inner .entry:hover {
			background: linear-gradient(55deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(181,181,181,1) 100%);
		}

	section.entries div.inner .entry h3,
	section.entries div.inner .entry h4,
	section.entries div.inner .entry span.entry_summary,
	section.entries div.inner .entry span.entry_quote,
	section.entries div.inner .entry span.entry_quote_name {
		margin:5px 0 5px 180px;
		text-align:left;
		padding:0;
	}
	section.entries div.inner .entry span.entry_summary {
		display:block;
	}
	section.entries div.inner .entry span.entry_quote {
		display:block;
		font-style:italic;
		font-family:"Lucida Calligraphy","Apple Chancery";
		font-size:1em;
		text-align:right;
		margin-top:10px;
		color:#999;
		margin-left:200px;
		margin-right:20px;
	}
	section.entries div.inner .entry span.entry_quote:before {
		content: '"';
	}
	section.entries div.inner .entry span.entry_quote:after {
		content: '"';
	}
	section.entries div.inner .entry span.entry_quote_name {
		text-align:right;
		font-size:.9em;
	}

.entry_logo {
	display:inline-block;
	width:130px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	position:absolute;
	top:1rem;
	left:1rem;
	bottom:1rem;
}

.user_form {
	background: #ffd;
    margin-left: 180px;
    text-align: left;
    padding: .5rem;
    font-size: 0.9rem;
    line-height: 1.4rem;
}
	.user_form input {
		margin:.5rem 0;
		font-size:1.1rem;
		font-weight:300;
	}

footer {
	padding:1em 0;
	border-top:1em solid #505050;
	border-bottom:1em solid #505050;
	background-color:#505050;
	background-image:url(/userfiles/design/stars-2.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	color:#fff;
	font-size:0.9rem;
}

	footer #footmenu {
		margin:50px 0;

	}
		footer #footmenu a {
			color:#fff;
			text-decoration:none;
		}
		footer #footmenu a:hover {
			text-decoration:underline;
		}

#sponsors {
	max-width:1000px;
	margin:1rem auto;
}
	#sponsors .sponsor_list {
		padding:0.5rem 0;
	}
		#sponsors .sponsor_list b {
			font-weight:700;
		}

	.sponsor {
		display:inline-block;
		height:120px;
		width:180px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center center;
		margin:.5rem;
		text-indent:-500em;
		outline:0;
		border:.5rem solid transparent;
	}
	.sponsor.gold {
		height:90px;
		width:135px;
	}
	.sponsor.silver {
		height:60px;
		width:90px;
	}

	.sponsor.headsponsor {
		height:100px;
		width:155px;
		text-indent:0;
		border-width:2em;
		position:relative;
		-webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
		clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
	}

	.sponsor.headsponsor span {
		position: absolute;
		bottom: -2em;
		left: -4em;
		right: -4em;
		display: block;
		text-align: center;
		color: #000;
		font-size:13px;
	}

aside.update {
	z-index:100;
	position:absolute;
	top: 290px;
	left: 60px;

}

@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.5);
  }

  100% {
    box-shadow: 0 0 10px 100px rgba(0, 0, 0, 0);
  }
}

aside.update div {
	width: 440px;
	padding:15px 10px;
	position:relative;
}
aside.update div:before {
	content: "";
	position: absolute;
	top: -4%;
	bottom: -11%;
	left: -3%;
	right: -3%;
	z-index: -1;
	-webkit-transform: perspective(50em) rotateX(-30deg);
	transform: perspective(50em) rotateX(-30deg);
	-webkit-box-shadow: 2px 2px 6px #222;
	box-shadow: 2px 2px 6px #222;

}
aside.update div:after {
	content:'News Flash';
	z-index:1;
	text-transform:uppercase;
	padding:10px 15px;
	position:absolute;
	top:-22px;
	left:10px;
	font-weight:700;
	-webkit-transform: perspective(10em) rotateX(-30deg);
	transform: perspective(10em) rotateX(-30deg);
	-webkit-box-shadow: 2px 2px 6px #222;
	box-shadow: 2px 2px 6px #222;
	animation: radial-pulse 1s 5;
}


aside.popup {
	box-sizing:border-box;
	position: fixed;
	font-size: .9rem;
	line-height:1.5em;
	text-align:center;
	font-weight: 700;
	padding: 30px;
	bottom:20px;
	right:20px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:1000;
	-webkit-box-shadow: 2px 2px 6px #222;
	box-shadow: 2px 2px 6px #222;
	max-width:250px;
	/* border-radius: 30px/150px; */
}

	aside.popup span#popup_closer {
		height:25px;
		width:25px;
		background:#999;
		color:#fff;
		text-align:center;
		-webkit-border-radius:100%;
		border-radius:100%;
		position:absolute;
		top:5px;
		right:16px;
		}
		aside.popup span#popup_closer:hover {
			background:#f00;
		}
		aside.popup span#popup_closer::before {
			content:'x';
		}


.card_button {
	border:0;
	display: inline-block;
	color: #e3bf23;
	background: #d50893;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1rem;
	margin: 1rem;
	font-size:18px;
}


#userinfoform {
	text-align:left;
}

	#userinfoform label {
		display:block;
		padding:2px 0;
	}
	#userinfoform label b {
		padding-left:1rem;
	}

	 /* The switch - the box around the slider */
	#userinfoform .switch {
	  position: relative;
	  display: inline-block;
	  width: 60px;
	  height: 34px;
	}

	/* Hide default HTML checkbox */
	#userinfoform .switch input {
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	/* The slider */
	#userinfoform .slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	#userinfoform .slider:before {
	  position: absolute;
	  content: "";
	  height: 26px;
	  width: 26px;
	  left: 4px;
	  bottom: 4px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	#userinfoform input:checked + .slider {
	  background-color: #2196F3;
	}

	#userinfoform input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}

	#userinfoform input:checked + .slider:before {
	  -webkit-transform: translateX(26px);
	  -ms-transform: translateX(26px);
	  transform: translateX(26px);
	}

	/* Rounded sliders */
	#userinfoform .slider.round {
	  border-radius: 34px;
	}

	#userinfoform .slider.round:before {
	  border-radius: 50%;
	}




@media (max-width: 1000px) {

	header {
		margin-top:0;
	}

	header,
	section,
	footer {
		padding:2rem 0;
	}

	header div.inner {
		grid-template-columns: 1fr;
	}

	header #logo {
		height:100vw;
		max-height:250px;
		width:100vw;
	}

	header #strapline {
		text-align:center;
		display:none;
	}

	aside.update {
		display:none;
	}

	section div.inner {
		width:98vw;
	}

	section#area_cards div.inner {
		grid-template-columns: 1fr 1fr;
	}

}

@media (max-width: 600px) {

	section div.inner {
		width:96vw;
	}

	section#area_cards div.inner {
		grid-template-columns: 1fr;
	}

	#area_cards a.area_card {
		margin:0 auto;
		width:70vw;
		padding:7rem 0 4rem 0;
	}

}

@media (min-width: 1001px) {
		#area_cards .inner a:nth-child(1) {
			grid-column:1 / 3;
			grid-row:1;
		}
		#area_cards .inner a:nth-child(2) {
			grid-column:3 / 5;
			grid-row:1;
		}
		#area_cards .inner a:nth-child(3) {
			grid-column:5 / 7;
			grid-row:1;
		}		
		#area_cards .inner a:nth-child(4) {
			grid-column:2 / 4;
			grid-row:2;
		}
		#area_cards .inner a:nth-child(5) {
			grid-column:4 / 6;
			grid-row:2;
		}
}