/* --------------------------------------------------------------------
    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:300,700);

/* -------- Structure Overrides -------- */

html body { background-color: #0e0f0e; padding: 0; }
#design-wrapper { width: 100%; margin: 0; box-shadow: none; background: url('../images/header-bg.png') top center repeat-x; }

/* Header */
#design-header { z-index: 2; margin: 0; border-bottom: 5px solid #c9ad11; background: url('../images/header-bg2.png') top center no-repeat; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5); }
#design-header-wrapper { position: relative; width: 1200px; height: 170px; margin: 0 auto; }
#design-header-logo { float: none; position: absolute; top: 0; left: -25px; margin: 0; }
#design-header-title { position: absolute; top: 39px; left: 349px; }
#design-header-fpa { position: absolute; top: 69px; right: 139px; }

/* Main */
main { z-index: 1; background: url('../images/bg.jpg') repeat-x; }

main > nav { z-index: 2; position: relative; border: 0; }
main > nav.design-nav-fixed { width: 100%; }
main > nav:not(.design-nav-fixed),
.design-nav-fixed #design-container-main-nav {
	 width: 1200px;
	 margin: 0 auto;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
	background: rgba(43,43,43,1);
	background: -moz-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(85,85,85,1) 50%, rgba(43,43,43,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43,43,43,1)), color-stop(50%, rgba(85,85,85,1)), color-stop(100%, rgba(43,43,43,1)));
	background: -webkit-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(85,85,85,1) 50%, rgba(43,43,43,1) 100%);
	background: -o-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(85,85,85,1) 50%, rgba(43,43,43,1) 100%);
	background: -ms-linear-gradient(top, rgba(43,43,43,1) 0%, rgba(85,85,85,1) 50%, rgba(43,43,43,1) 100%);
	background: linear-gradient(to bottom, rgba(43,43,43,1) 0%, rgba(85,85,85,1) 50%, rgba(43,43,43,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#2b2b2b', GradientType=0 );
}
#design-container-main-nav { border-width: 0; border-style: solid; border-color: transparent; text-align: center; }
#design-container-main-nav .dii-content-nav-menu { display: inline-block; background-color: transparent; text-align: left; }
#design-container-main-nav .dii-content-nav-menu ul li a { font-family: 'Open Sans'; color: #fff; }
#design-container-main-nav .dii-content-nav-menu > ul > li > .dii-sub-menu-link::before { height: 40px; }
#design-container-main-nav .dii-content-nav-menu > ul > li > .dii-sub-menu-link { padding: 0 20px !important; font-family: 'Open Sans Condensed'; font-weight: 700; }
#design-container-main-nav #ww-btn-main-nav { border: 0; background: transparent; color: #fff; }

#design-content-wrapper { z-index: 1; position: relative; width: 1200px; margin: 0 auto; -webkit-box-shadow: 0px -10px 10px 5px rgba(0,0,0,0.55); -moz-box-shadow: 0px -10px 10px 5px rgba(0,0,0,0.55); box-shadow: 0px -10px 10px 5px rgba(0,0,0,0.55); background-color: #fff; padding: 15px 0; }
#design-content-wrapper.design-nav-fixed { padding-top: 55px; }

#design-content-wrapper .dii-container:not(#design-container-main) .dii-content-rotator article { background-color: transparent; }

.dii-content { background-color: #fff; }
.dii-content.dii-content-header { margin: 0 0 8px; border: 0; padding: 0; }
.dii-content.dii-content-header h2 { overflow: hidden; position: relative; display: block; border-radius: 3px 3px 3px 10px; padding: 9px 8px 9px 30px; text-transform: uppercase; font-family: 'Oswald'; font-size: 18px; color: #fff !important; }
.dii-content-title-photo { border: 0; }
.dii-content .dii-calendar-upcoming-events li { border: 0; }

#design-container-left { border: 1px solid #e0e0e0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #f0f0f0; }
#design-container-left .dii-content:not(.dii-content-publish-pending-true):not(.dii-content-publish-time-frame-true) { background-color: transparent; }

#design-container-left .dii-content.dii-content-nav-menu > ul > li > a.dii-sub-menu-link { font-size: 12px; padding: 10px 28px 10px 12px; }

#design-container-left .dii-content.dii-content-nav-menu > ul > li > a.dii-sub-menu-link,
#design-container-left .dii-content.dii-content-linkview:not(.dii-content-publish-pending-true) { background-color: #f7faf9; }

/* Footer */
#design-footer {
	z-index: 2;
	border-width: 5px 0 0 0;
	border-style: solid;
	border-color: #c9ad11;
	padding: 20px 0; 
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
}
#design-footer .copyright,
#design-footer .copyright a { line-height: 18px; font-family: 'Open Sans'; font-size: 14px; font-weight: 400; color: #fff; }
#design-footer-dii img { height: 45px; }

/* -------- Media Queries -------- */

/* MIN Width */
@media only screen and (min-width: 768px) {
	main .col-md-6.col-md-push-3 { padding: 0; }
}
/* MAX Width */
@media only screen and (max-width: 1200px) {
	#design-header-wrapper,
	main > nav,
	#design-container-main-nav,
	#design-content-wrapper { width: 100% !important; }
#design-header-logo { left: 0; }
	#design-header-fpa { top: 115px; right: 30px; }
	#design-container-main-nav { width: 100%; }
}
@media only screen and (max-width: 991px) {
	#design-header-fpa { display: none !important; }
	main #design-aside-left { padding-left: 0; }
}
@media only screen and (max-width: 900px) {
	#design-header.design-nav-fixed { margin-bottom: 0; }
	#design-header-wrapper { height: 106px; }
	#design-header-logo { top: 4px; width: 22%; }
	#design-header-title { top: 7px; left: 25%; width: 41%; }
	#design-container-main-nav { padding: 0; }
	#design-container-main-nav .dii-content-nav-menu { display: none; }
	#design-footer .copyright,
	#design-footer .copyright a { line-height: 16px; font-size: 12px; }
}
@media only screen and (max-width: 768px) {
	#design-header-wrapper { height: 90px; }
	#design-header-logo { width: 25%; }
	#design-header-title { left: 27%; width: 45%; }
	main #design-aside-left { padding-left: 15px; }
	#design-footer .copyright { text-align: center; }
}
@media only screen and (max-width: 600px) {
	#design-header { background: #a28d04; }
	#design-header-title { top: 15px; left: 24%; min-width: 235px; }
	#design-content { margin: 0 auto; }
	#design-container-main-nav { padding: 0; }
	#design-container-main-nav #ww-btn-main-nav { border: 0; }
}

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

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

/* Main Accent Color */
#design-wrapper .dii-content-title a:hover,
#design-wrapper .dii-content-linkview:hover a,
#design-content-wrapper .dii-content-nav-menu > ul > li:hover > a,
#design-wrapper .dii-content-rotator .dii-rotator-nav i:hover:not(.fa-circle) { color: #137401; }
#design-wrapper .dii-content-nav-menu ul li .dii-sub-menu-link::before,
#design-container-left .dii-content-calendar .dii-content-title:after,
#design-wrapper .dii-content.dii-content-header h2,
#design-wrapper .dii-content-rotator .group-nav:hover,
#design-wrapper .dii-content-rotator article h2 a:hover,
#design-wrapper .dii-content-rotator article div a:hover { background-color: #137401; }
#design-wrapper .dii-content.dii-content-header h2 { border-color: #137401; }

/* Gradient */
#design-container-main-nav .dii-content-nav-menu ul ul,
#design-footer {
	background: rgba(11,11,11,1);
	background: -moz-linear-gradient(top, rgba(11,11,11,1) 0%, rgba(37,37,37,1) 50%, rgba(11,11,11,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(11,11,11,1)), color-stop(50%, rgba(37,37,37,1)), color-stop(100%, rgba(11,11,11,1)));
	background: -webkit-linear-gradient(top, rgba(11,11,11,1) 0%, rgba(37,37,37,1) 50%, rgba(11,11,11,1) 100%);
	background: -o-linear-gradient(top, rgba(11,11,11,1) 0%, rgba(37,37,37,1) 50%, rgba(11,11,11,1) 100%);
	background: -ms-linear-gradient(top, rgba(11,11,11,1) 0%, rgba(37,37,37,1) 50%, rgba(11,11,11,1) 100%);
	background: linear-gradient(to bottom, rgba(11,11,11,1) 0%, rgba(37,37,37,1) 50%, rgba(11,11,11,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b0b0b', endColorstr='#0b0b0b', GradientType=0 );
}

/* 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-social a:hover,
.dii-content-nav-menu ul ul li a:hover,
.dii-content-rotator .group-nav:hover .fa,
#design-wrapper .dii-content-rotator h2,
#design-wrapper .dii-content-rotator h2 a,
#design-wrapper .dii-content-rotator h3,
#design-wrapper .dii-content-rotator article,
#design-wrapper .dii-content-rotator article a,
.dii-content-article h2 a:hover { color: #fff; }
#design-footer a:hover { color: #fafafa; }
.dii-content-linkview > a,
.dii-content-nav-menu.vertical > ul > li,
.dii-calendar-upcoming-events h3 { border-color: #eaeaea; }
#design-navbar-top-links a::after { color: #dcdcdc; }
#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 { color: #9a9a9a; }
hr { border-top: 1px solid #7a7a7a; }
#design-navbar-top a { color: #6e6e6e; }
.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; }
*::-moz-selection,
*::selection { background-color: #222; }