/* --------------------------------------------------------------------
    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=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,600,300,800);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

/* ---- Bootstrap Fixes ---- */
body .dii-action-icon,
body .dii-action-icon-text,
body .dii-action-text,
body .dii-function-icon,
body .dii-function-icon-text,
body .dii-function-icon-text-big,
body .dii-function-text,
body .dii-function-text-big { height: initial; box-sizing: content-box; }
body .dii-action-icon-text div { top: 0; }

#dii-navbar-load { line-height: 1.1; }
#dii-navbar-load .btn { font-size: 12px; }
#navbar-user-email { position: relative; top: -4px; left: 8px; padding: 0; }
#navbar-product { width: 972px; height: 29px; padding: 0; }
#navbar-product-name { top: 1px; left: 3px; }
#navbar-product-content { margin: 0; }
#dii-navbar .btn.btn-notifications { top: -6px; right: 3px; padding: 4px 10px; }
a.navbar-tab span.dii-lib-icon { height: auto; padding: 2px 2px 2px 28px; line-height: 12px; }

#dii-navbar-load *,
body .dii-main-title,
body .dii-main-title-icon,
body .dii-container *,
body .ui-dialog,
body .ui-dialog *,
body .dii-ss-rb-container,
body .dii-ss-rb-container *,
#dii-orphans-container * { box-sizing: content-box; }
body .dii-dialog-title-icon { width: 48px; height: 48px; padding: 0; }

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { margin-bottom: 0; margin-top: 0; font-family: inherit; font-weight: inherit; font-size: inherit; }

label { font-weight: initial; }
input[type='checkbox'],
input[type='radio'] { margin: initial; }

.caret { border: 0 none; }

/* ---- General Styling ---- */
*:focus { outline: none; }

html body * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.dii-content h2,
.dii-content h2 a,
.dii-content h3,
.dii-content h3 a { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; line-height: 1; margin-top: 0; }
.dii-content h2 { font-size: 24px; margin-bottom: 20px; }
p { margin: 0 0 20px; }
a { -webkit-transition: color .35s; transition: color .35s; }
a:active, a:hover, a:focus { outline: none; text-decoration: none; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; }

/* ---- Structure ---- */
#design-wrapper { width: 1200px; margin: 30px auto; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); }
#design-wrapper #design-header,
#design-wrapper #design-banner { display: block; }

/* ---- Header ---- */
header { position: relative; margin-bottom: 30px; border: 0; }
header.design-nav-fixed { margin-bottom: 70px; }
header nav { border-width: 1px 0; border-style: solid; }
#design-navbar-top { border-width: 0 0 1px 0; border-style: solid; padding: 0; font: 600 13px/38px 'Open Sans', Verdana, sans-serif; }
#design-navbar-top-social a { display: inline-block; width: 30px; height: 30px; margin: 4px 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 a i { font-size: 16px; }
#design-navbar-top-links a::after { content: '|'; padding: 0 10px; }
#design-navbar-top-links a:last-child::after { content: ''; padding: 0; }
#design-navbar-top-links a { margin-bottom: 0; margin-left: 0; padding-right: 0; line-height: 38px; font-size: 14px; }
#design-container-main-nav { width: 1200px; height: 40px; padding: 0; }
#design-container-main-nav .dii-content-nav-menu > ul { z-index: 99; }
#design-container-main-nav .dii-content-nav-menu > ul > li:hover { background-color: transparent; }
#design-container-main-nav ul li a { display: block; text-transform: uppercase; }
#design-header-wrapper,
#design-banner-wrapper { display: table; width: 100%; height: 150px; }
#design-header-logo,
#design-banner-logo { float: left; margin: 10px 15px 0; }
#design-header-logo img,
#design-banner-logo img { height: auto; max-height: 130px; }
#design-header-title,
#design-banner-title { float: left; display: block; width: auto; height: auto; }
nav.design-nav-fixed { z-index: 99; position: fixed; top: 0; }
nav.design-nav-fixed.admin { top: 69px; }
#design-container-main-nav #ww-btn-main-nav { box-sizing: border-box; }

/* ---- Main Content ---- */
#design-container-1 h2 { font-size: 18px; }

.dii-content { background: transparent; padding: 0 !important; }

.dii-content-linkview a,
.dii-content-nav-menu.vertical > ul > li,
.dii-calendar-upcoming-events h3 { transition: all 0.25s ease; -webkit-transition: all 0.25s ease; border-style: dotted; border-width: 0 0 1px; }
.dii-content-linkview:hover > a,
.dii-content-nav-menu.vertical > ul > li:hover,
.dii-calendar-upcoming-events h3:hover { background-color: rgba(0, 0, 0, 0.03) !important; padding-left: 4px !important; }
.dii-content-linkview:hover > a { padding: 10px 22px 10px 16px !important; }
.dii-content-linkview > a,
.dii-content-nav-menu.vertical > ul > li > .dii-sub-menu-link,
.dii-content .dii-calendar-upcoming-events h3 > a { display: block; padding: 10px 26px 10px 12px !important; line-height: 16px; font-family: 'Open Sans'; font-size: 12px !important; }
.dii-content-linkview .fa { top: 15px; font-size: 10px; }
.dii-calendar-upcoming-events h3,
.dii-calendar-upcoming-events h4 { margin: 0; }

/* Navigation Menus */
/*.dii-content-nav-menu > ul { z-index: 99; }*/
.dii-content-nav-menu.horizontal > ul > li > .dii-sub-menu-link { padding: 0 30px !important; font-size: 14px; }
.dii-content-nav-menu.horizontal > ul > li > .dii-sub-menu-link::before { z-index: -1; content: ''; position: absolute; left: 0; bottom: 0; height: 5px; width: 0; -webkit-transition: width .1s linear; -moz-transition: width .1s linear; -o-transition: width .1s linear; -ms-transition: width .1s linear; }
.dii-content-nav-menu > ul > li:hover > .dii-sub-menu-link::before { width: 100%; }
.dii-content-nav-menu.horizontal ul li a { line-height: 40px; }
.dii-content-nav-menu ul ul li a { padding: 10px 20px !important; line-height: 18px !important; font-size: 12px; }
.dii-content-nav-menu ul ul li > .dii-sub-menu-link::before { display: block !important; z-index: -1; content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 0; -webkit-transition: width .2s linear; -moz-transition: width .2s linear; -o-transition: width .2s linear; -ms-transition: width .2s linear; }
.dii-content-nav-menu ul ul li > .dii-sub-menu-link:hover::before { width: 100%; }

.dii-content-nav-menu.vertical > ul > li:hover { background-color: transparent; }
.dii-content-nav-menu.vertical > ul > li > a { font-size: 12px; font-weight: bold; }
.dii-content-nav-menu.vertical > ul > li > a::before { background-color: transparent; }
.dii-content-nav-menu.vertical ul li:hover > ul { left: 100%; top: 0; }
.dii-content-nav-menu.vertical ul ul { width: auto; min-width: 200px; }

/* Rotators */
.dii-content.dii-content-rotator article > div > a::before { content: 'Continue'; margin-right: 6px; }
.dii-content.dii-content-rotator article > div > a::after { content: '\f0a9'; font-family: 'FontAwesome'; }

/* Section Headers */
.dii-content.dii-content-header { position: relative; margin: 15px 0; border-style: solid; border-width: 0 0 0 4px; padding: 0; line-height: 1; }
.dii-content-header:first-child { margin-top: 0; }
.dii-content-header:after { content: ''; z-index: 0; display: block; position: absolute; top: 50%; right: 0; left: 0; height: 1px; background-color: transparent; }
.dii-content-header h2 { z-index: 1; position: relative; display: inline-block; margin: 0; padding: 0 0.8em; font-size: 30px; font-weight: bold; }

/* Articles */
.dii-content-article h2 { margin: 0; padding: 0; }
.dii-content-article h2 a { display: inline-block; margin: 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 5px; font-size: 22px; color: #fff; -webkit-transition: background-color 0.3s, color 0.1s, -webkit-transform 0.3s; transition: background-color 0.3s, color 0.1s, transform 0.3s; }
.dii-content.dii-content-article h3.dii-content-subtitle { margin-bottom: 0; padding: 2px 0 0 18px; font-size: 14px; }

/* ---- Footer ---- */
#design-footer { border-top-width: 1px; border-top-style: solid; font-family: 'Open Sans', Verdana, sans-serif; font-size: 14px; }
#design-footer a { font-weight: 700; }
#design-footer-content { padding: 70px 0 60px; }
#design-footer .dii-content.dii-content-header { border: 0; margin-bottom: 20px; }
#design-footer .dii-content.dii-content-header h2 { background-color: transparent; padding: 0; text-transform: uppercase; }
#design-footer .dii-content.dii-content-header::after { content: ''; display: block; position: relative; top: 5px; width: 25px; height: 3px; left: 0; }
#design-footer-logo { display: inline-block; margin: 0 0 25px 25px; }
#design-footer-logo img { max-height: 150px; }
#design-footer-bottom { border-width: 1px 0 0 0; border-style: solid; border-color: transparent; padding: 25px 0; }
#design-footer-bottom a { font-size: 14px; font-weight: normal; }
#design-footer-dii { text-align: right; }

/* ---- Media Queries ---- */
@media only screen and (max-width: 1280px) {
	html body { padding: 30px; }
	#design-wrapper,
	nav.design-nav-fixed,
	#design-container-main-nav { width: 100%; }
	.container { width: 100%; }
}
@media only screen and (max-width: 1200px) {
	html body { padding: 10px; }
}
@media only screen and (max-width: 1170px) {
	html body { padding: 0; }
	#design-wrapper { box-shadow: 0; }
}
@media only screen and (max-width: 900px) {
	nav.design-nav-fixed { position: relative; }
	#design-container-main-nav { height: auto; }
	#design-container-main-nav .dii-content-nav-menu > ul { width: 100%; text-align: left !important; }
	#design-container-main-nav .dii-content-nav-menu ul li { display: block; }
	#design-footer-bottom .copyright,
	#design-footer-dii { text-align: center; }
	#design-footer-dii { margin-top: 15px; }
}
@media only screen and (max-width: 600px) {
	#design-header-wrapper,
	#design-banner-wrapper { height: initial; padding: 0 20px; text-align: center; }
	#design-header-wrapper a,
	#design-banner-wrapper a,
	#design-header-wrapper img,
	#design-banner-wrapper img { float: none; display: inline-block; }
	#design-header-logo img,
	#design-banner-logo img { max-height: 90px; }
	#design-header-title,
	#design-banner-title { margin-top: 0; }
	.copyright span { display: none; }
}