
/************* General *************/

/* WebFonts */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* Admin Header Borders */
#dii-navbar-load .ui-widget-content, #dii-navbar-load .ui-widget-header, #dii-navbar-load .ui-state-active {border-color: rgba(0,0,0,.25)}

/* Admin Header Background */
#dii-navbar-load .ui-widget-content {background: #2c3977}

/* Admin Header Nav Background */
#dii-navbar-load .ui-widget-header {background: linear-gradient(to bottom, #cdd5dc 0%, #dce2e7 100%)}

/* Admin Header Nav User Text */
#dii-navbar-load .ui-widget-header {color: #252d31}

/* Admin Header Nav Active BG */
#dii-navbar-load .ui-state-active {background: #fff}

/* Body Background */
body {background: #1e2752}

/* Design Background */
#design-wrapper {background: #1e2752}

/************* Header *************/

/* Design Header */
#design-header {background: #1a2851 url('/_templates/_design_files/header-bg.jpg') repeat-x}

/* Design Header Inner */
#design-header-inner {background: transparent}

/* Design Header Mast */
#design-header-mast {background: transparent}

/* Social Icons Link */
#design-header-social a {color: #8dbfe2}

/* Social Icons Background */
#design-header-social a {background: transparent}

/* Social Icons Link Hover */
#design-header-social a:hover {color: #ffffff}

/* Social Icons Background Hover */
#design-header-social a:hover {background:  }

/* Design Header Border */
#design-header-border {background-color: #8dbfe2}

/************* Top Nav *************/

/* Top Nav Background */
#design-header-nav, #design-header-nav #ww-btn-main-nav, #design-header-nav .dii-content-nav-menu > ul {background:  }

/* Top Nav Links */
#design-header-nav #ww-btn-main-nav, #design-header-nav a {color: #ffffff}

/* Top Nav Menus */
#design-header-nav .dii-content-nav-menu > ul > li:hover, #design-header-nav li:hover > ul {background-color: #10152d}

/* Top Nav Menu Links */
#design-header-nav li:hover > a, #design-header-nav ul ul a {color: #ffffff}

/* Top Nav Menu Links Hover */
#design-header-nav .dii-content-nav-menu ul ul li:hover {color: #ffffff}

/* Top Nav Menu Background Hover */
#design-header-nav .dii-content-nav-menu ul ul li:hover {background-color: #8dbfe2}

/************* Main Content *************/

/* Main Content Background */
#design-content-wrapper {background: #fff}

/* Rotator Background */
#design-content .dii-content-rotator article {background-color: #1e2752}

/* Rotator Nav Active */
#design-content .dii-content-rotator .dii-rotator-nav i.rotator-active {color: #8dbfe2}

/* Rotator Nav Hover */
#design-content .dii-content-rotator .dii-rotator-nav i:hover:not(.fa-circle) {color: #ffffff}

/* Rotator Article Links Hover */
#design-content .dii-content-rotator article h2 a:hover, #design-content .dii-content-rotator article .article-more:hover, #design-content .dii-content-rotator .rotator-group .group-item span:hover {color: #ffffff}

/* Rotator Article Links BG Hover */
#design-content .dii-content-rotator article h2 a:hover, #design-content .dii-content-rotator article .article-more:hover, #design-content .dii-content-rotator .rotator-group .group-item span:hover {background: #537ea4}

/* Content Links */
#design-content .dii-content-linkview > a, #design-content .dii-content-nav-menu.theme-none .dii-sub-menu-link, #design-content .dii-calendar-upcoming-events h3 a {color: #537ea4}

/* Content Links Hover */
#design-content .dii-content-linkview > a:hover, #design-content .dii-content-nav-menu.theme-none .dii-sub-menu-link:hover, #design-content .dii-calendar-upcoming-events h3 a:hover {color: #92a3b2}

/* Content Titles */
#design-content .dii-content-header h2, #design-content .dii-content-title a, #design-content .dii-content-title a:hover, #design-content .dii-content-calendar h2, #design-content .dii-content-rawcode h2 {color: #222324}

/* Content Headers Border */
#design-content .dii-content-header h2:after {background-color: #8dbfe2}

/* Middle Photos Background */
.design-middle-photo {background: #252d34}

/* Middle Photos Link Buttons */
#design-content .design-middle-photo .dii-content-linkview > a {color: #ffffff}

/* Middle Photos Link Buttons BG */
#design-content .design-middle-photo .dii-content-linkview > a {background-color: #3c4955}

/* Middle Photos Link Buttons Hover */
#design-content .design-middle-photo .dii-content-title a:hover, #design-content .design-middle-photo .dii-content-continue a:hover, #design-content .design-middle-photo .dii-content-linkview > a:hover {color: #ffffff}

/* Middle Photos Link Buttons BG Hover */
#design-content .design-middle-photo .dii-content-title a:hover, #design-content .design-middle-photo .dii-content-continue a:hover, #design-content .design-middle-photo .dii-content-linkview > a:hover {background-color: #1c2328}

/* Middle Text Link Buttons */
#design-content .design-middle-text .dii-content-linkview > a {color: #ffffff}

/* Middle Text Link Buttons BG */
#design-content .design-middle-text .dii-content-linkview > a {background-color: #3c4955}

/* Middle Text Link Buttons Hover */
#design-content .design-middle-text .dii-content-linkview > a:hover {color: #ffffff}

/* Middle Text Link Buttons BG Hover */
#design-content .design-middle-text .dii-content-linkview > a:hover {background-color: #1c2328}

/************* Bottom Content *************/

/* Bottom Content Background */
#design-content-bottom {background: #253065 url('/_templates/_design_files/bottom-bg.jpg') repeat-x}

/* Bottom Content Headers */
#design-content-bottom .dii-content-header h2 {color: #8dbfe2}

/* Bottom Content Links */
#design-content-bottom .dii-content-linkview > a, #design-content-bottom .dii-content-nav-menu.theme-none .dii-sub-menu-link, #design-content-bottom .dii-calendar-upcoming-events h3 a {color: #ffffff}

/* Bottom Content Links Hover */
#design-content-bottom .dii-content-linkview > a:hover, #design-content-bottom .dii-content-nav-menu.theme-none .dii-sub-menu-link:hover, #design-content-bottom .dii-calendar-upcoming-events h3 a:hover {color: #8dbfe2}

/************* Footer *************/

/* Footer Background */
#design-footer {background: #1e2752}

/* Footer Inner Background */
#design-footer > div {background: transparent}

/* Footer Text */
#design-footer, #design-footer a {color: #ffffff}
