/* --------------------------------------------------------------------
    Copyright (c) Demosphere International Inc.
    No permission is granted for any purpose without prior
    written consent from Demosphere International Inc.
-----------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Oswald');

/* -------- Structure Overrides -------- */
html body { padding: 0; background: #000 url('../images/bg.png') repeat-x; }
#design-wrapper { width: 100%; margin: 0 auto; background-color: transparent; }

header { min-height: 226px; margin: 0; background: url('../images/header.png') no-repeat top center; }
header nav { border: 0 !important; }
#design-header-wrapper > .container { max-height: 183px; }
#design-navbar-top a { line-height: 34px; text-transform: uppercase; font-family: 'Oswald'; }
#design-navbar-top a::after { content: ''; }
#design-navbar-top .social-icon { display: inline-block; width: 28px; height: 28px; margin: 2px 10px 0 0; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; padding: 8px; text-align: center; -webkit-transition: background-color 0.5s, color 0.2s, -webkit-transform 0.5s; transition: background-color 0.5s, color 0.2s, transform 0.5s; }
#design-navbar-top .social-icon i { font-size: 16px; }
#design-navbar-top .social-icon.facebook:hover { background-color: #2e4da7; color: #fff; }
#design-navbar-top .social-icon.twitter:hover { background-color: #55acee; color: #fff; }

#design-banner-wrapper { position: relative; }
#design-header-logo { float: none; position: absolute; left: 20px; top: 10px; margin: initial; max-height: 165px; }
#design-header-title { position: absolute; left: 250px; top: 15px; vertical-align: top; }
#design-header-stars { position: absolute; left: 650px; top: -17px; }
#design-header-sports-council { position: absolute; right: 145px; top: 35px; }
#design-header-ga-soccer { position: absolute; right: 5px; top: 55px; }

#design-main-nav.design-nav-fixed { width: 100%; background-color: #191d3d; -webkit-transition: background-color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, transform 0.3s;  }
#design-container-main-nav { margin: 0 auto; text-align: center; }
#design-container-main-nav > div { display: inline-block; }
#design-container-main-nav .dii-content { background: transparent; }
#design-container-main-nav .dii-content > ul > li > a { font-family: 'Oswald'; color: #fff; }
#design-container-main-nav ul ul li a { padding: 10px !important; text-align: left; color: #fff; }
#ww-btn-main-nav { border: 0; background: transparent; color: #fff; }
#ww-btn-main-nav .caret { border: none; }

main { overflow: hidden; width: 100%; }
main > .container { position: relative; padding: 15px; }
main > .container::before { content: ''; position: absolute; top: 55px; left: -333px; width: 333px; height: 362px; background: url('../images/main-bg-left.png') no-repeat; }
main > .container::after { content: ''; position: absolute; top: 35px; left: 100%; width: 322px; height: 444px; background: url('../images/main-bg-right.png') no-repeat; }
main aside > div:first-child { padding-bottom: 15px; }
main .nopad-left { padding-left: 0; }

main .dii-content { background-color: #fff; }

main .dii-content.dii-content-article .dii-content-story { padding: 15px; }

main .dii-content-nav-menu.theme-none > ul { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #1a1e3f; }
main .dii-content-nav-menu.theme-none > ul > li { border-width: 1px 0 0 0; border-color: #252b5a; }
main .dii-content-nav-menu.theme-none > ul > li:first-child { border: 0; }
main .dii-content-nav-menu.theme-none > ul > li > a { line-height: 18px; font-size: 14px !important; color: #fff; }

main .dii-content.dii-content-header {
	background: rgb(69,72,77); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
main .dii-content.dii-content-header h2 { line-height: 32px; font-family: 'Oswald'; font-size: 24px; font-weight: normal; color: #ccc; }

#design-container-2 .dii-content { border: 0; background: transparent; }
#design-container-2 .dii-content-linkview { margin-bottom: 3px; }
#design-container-2 .dii-content-linkview > a {
	border: 1px solid #1c0094;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background: rgb(70,20,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(70,20,255,1) 0%, rgba(54,0,255,1) 2%, rgba(53,0,255,1) 48%, rgba(48,0,236,1) 64%, rgba(34,0,182,1) 95%, rgba(31,0,171,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(70,20,255,1) 0%,rgba(54,0,255,1) 2%,rgba(53,0,255,1) 48%,rgba(48,0,236,1) 64%,rgba(34,0,182,1) 95%,rgba(31,0,171,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(70,20,255,1) 0%,rgba(54,0,255,1) 2%,rgba(53,0,255,1) 48%,rgba(48,0,236,1) 64%,rgba(34,0,182,1) 95%,rgba(31,0,171,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4614ff', endColorstr='#1f00ab',GradientType=0 ); /* IE6-9 */
	padding: 8px;
	text-align: center;
	text-indent: initial !important;
	text-transform: uppercase;
	font-family: 'Oswald';
	font-size: 16px;
	color: #fff;
}
#design-container-2 .dii-content-linkview > a:hover {
	background: rgb(31,0,171); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(31,0,171,1) 0%, rgba(34,0,182,1) 5%, rgba(48,0,236,1) 36%, rgba(53,0,255,1) 52%, rgba(54,0,255,1) 98%, rgba(70,20,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(31,0,171,1) 0%,rgba(34,0,182,1) 5%,rgba(48,0,236,1) 36%,rgba(53,0,255,1) 52%,rgba(54,0,255,1) 98%,rgba(70,20,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(31,0,171,1) 0%,rgba(34,0,182,1) 5%,rgba(48,0,236,1) 36%,rgba(53,0,255,1) 52%,rgba(54,0,255,1) 98%,rgba(70,20,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f00ab', endColorstr='#4614ff',GradientType=0 ); /* IE6-9 */
}

#design-footer { height: 95px; background: url('../images/footer.gif') repeat-x; }

/* -------- Media Queries -------- */
@media only screen and (max-width: 1280px) {
  #design-banner-logo { top: initial; left: initial; }
	main > .container::before,
	main > .container::after { background: transparent; }
}
@media only screen and (max-width: 1150px) {
	#design-header-stars { left: 585px; }
}
@media only screen and (max-width: 1070px) {
	header { background: url('../images/header-stripes.png') no-repeat top right; }
	#design-header-logo { left: 0; max-height: 125px; }
	#design-header-title { top: 20px; left: 175px; max-height: 105px; }
	#design-header-stars { left: 500px; }
}
@media only screen and (max-width: 900px) {
	#design-header-logo { left: -10px; }
	#design-header-title { left: 155px; }
	#design-header-stars { left: 435px; }
	#design-header-sports-council { top: 5px; right: 10px; }
	#design-header-ga-soccer { top: 91px; right: 10px; }
	#design-main-nav.design-nav-fixed { position: relative; }
	#design-container-main-nav > div,
	#design-container-main-nav .dii-content > ul > li { display: block; }
	#design-container-main-nav .dii-content > ul > li > a { background-color: #191d3d; text-align: left; }
}
@media only screen and (max-width: 768px) {
	main .col-sm-3.nopad-left { padding-top: 15px; padding-left: 15px; }
	#design-header-wrapper #design-banner-wrapper #design-header-stars { display: none; }
}
@media only screen and (max-width: 600px) {
	#design-banner-wrapper { height: 150px; padding: 0; }
	#design-header-wrapper #design-banner-wrapper #design-header-title { left: 155px; width: 45%; }
	#design-header-sports-council { top: 10px; width: 15%; }
	#design-header-ga-soccer { width: 15%; }
}
@media only screen and (max-width: 450px) {
	#design-banner-wrapper { text-align: center; }
	#design-header-wrapper #design-banner-wrapper #design-header-logo { position: relative; left: 0; float: none; }
	#design-header-wrapper #design-banner-wrapper #design-header-title { display: none; }
}

/* -------- Colors -------- */

::selection { background-color: #222; color: #fff; }
::-moz-selection { background-color: #222; color: #fff; }

/* Main Accent Color */
#design-navbar-top-links a:hover,
#design-navbar-top-links a:active,
#design-navbar-top-links a:focus,
.dii-content-linkview:hover a,
.dii-content-nav-menu.vertical > ul > li:hover > a { color: #d64541; }
.dii-content-rotator nav i:hover:not(.fa-circle) { color: #d64541; }
.dii-content-nav-menu ul li a::before,
.dii-content-rotator .group-nav:hover .fa,
.dii-content-rotator article h2 a:hover,
.dii-content-rotator article > div > a:hover,
.dii-content-article h2 a:hover { background-color: #2c4fbf; color: #fff; }
.dii-content-header { border-color: #d64541; }

/* Custom Colors */
#design-container-main-nav .dii-content-nav-menu > ul > li:hover > a,
#design-container-main-nav .dii-content-nav-menu > ul > li:hover > a::after { color: #c0d1f3; }
#design-container-main-nav ul ul { background-color: #0f1225; }

/* Grays */
*::-moz-selection { color: #fff; } /* must remain single line for cross-browser support */
*::selection { color: #fff; } /* must remain single line for cross-browser support */
#design-navbar-top a,
.dii-content-nav-menu ul ul li a:hover,
.dii-content-rotator .group-nav:hover .fa,
.dii-content-article h2 a:hover { color: #fff; }
#design-footer a:hover { color: #fafafa; }
.dii-content-linkview:hover,
.dii-content-nav-menu.vertical > ul > li:hover { background-color: rgba(0, 0, 0, 0.04); }
.dii-content-rotator .group-nav .fa,
#design-footer-bottom { background-color: rgba(0, 0, 0, 0.1); }
#design-footer-bottom { border-color: rgba(0, 0, 0, 0.18); }
header nav,
#design-container-main-nav,
.dii-content-linkview { border-color: #eaeaea; }
main > .container { background-color: #ccc; }
#design-container-main-nav .dii-content-nav-menu > ul > li > a::after { color: #c0c0c0; }
#design-footer .dii-content-header h2 { color: #bebebe; }
.dii-content-rotator .group-nav .fa,
#design-footer .dii-content:not(.dii-content-publish-pending-true),
#design-footer .dii-content:not(.dii-content-publish-time-frame-true),
#design-footer .dii-content:not(.dii-content-publish-pending-true) a,
#design-footer .dii-content:not(.dii-content-publish-time-frame-true) a,
#design-footer .copyright,
#design-footer .copyright a { color: #9a9a9a; }
hr { border-top: 1px solid #7a7a7a; }
.dii-content.dii-content-article h3.dii-content-subtitle { color: #555; }
body,
.dii-content-linkview a,
.dii-content-nav-menu ul li a,
.dii-content-rotator ul li a { color: #505050; }
#design-footer .dii-content-linkview { border-color: #333; }
.dii-content h1,
.dii-content:not(.dii-content-publish-pending-true) h2,
.dii-content:not(.dii-content-publish-time-frame-true) h2,
.dii-content:not(.dii-content-publish-pending-true) h2 a,
.dii-content:not(.dii-content-publish-time-frame-true) h2 a,
.dii-content:not(.dii-content-publish-pending-true) h3,
.dii-content:not(.dii-content-publish-time-frame-true) h3,
.dii-content h4,
.dii-content h5,
.dii-content h6 { color: #303030; }
#design-footer { border-top-color: #000; background-color: #2a2a2a; }
*::-moz-selection,
*::selection { background-color: #222; }