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

#design-wrapper { border-top: 5px solid #9bc7ea; }
#design-header { background: #f3b01c url('../images/header-bg.jpg') repeat-x; border-bottom: 1px solid #f6c24c; box-sizing: border-box; }
#design-nav { background: linear-gradient(to bottom, #759633 0%,#8db43d 100%); }
#design-container-main-nav { padding-left: 240px; background-position: top 0 left -50px; }
#design-main { border-top: 1px solid #9ac149; }
#design-footer { border-top: 5px solid #8db43d; }

body .dii-content a { color: #8db43d; }
body .dii-content a:hover { color: #799b34; }
body .dii-content-title a,
body .dii-content-title a:hover { color: #000; }
body .dii-content.dii-content-header h2 { background: url('../images/link-bg.png') no-repeat right top, linear-gradient(to bottom, #8db43d 0%,#799b34 100%); }
body .dii-content-linkview > a:hover { color: #799b34; }

body .dii-content h3,
body .dii-content .dii-content-story h3,
body .dii-content .dii-content-story a,
body .dii-content-continue a { color: #8db43d; }
body .dii-content-continue a:hover
body .dii-content .dii-content-story a:hover { color: #799b34; }

body .dii-calendar-upcoming-events li h4,
body .dii-calendar-upcoming-events li h3 a:hover { color: #8db43d; }

body .dii-content-rotator article h2 a:hover,
body .dii-content-rotator .dii-rotator-nav i:hover:not(.fa-circle),
body .dii-content-rotator .rotator-group .group-item span:hover { color: #8db43d; }
body .dii-content-rotator article .article-more { background: #8db43d; }
body .dii-content-rotator article .article-more:hover { background: #ee343a; }

#design-container-main-nav .dii-content-nav-menu > ul > li > a.dii-sub-menu-link { padding: 0 12px; font-size: 14px; }
#design-container-main-nav .dii-content-nav-menu > ul ul li:hover > a.dii-sub-menu-link { background: #8db43d; }
#design-main .dii-content-nav-menu.theme-none > ul > li > a.dii-sub-menu-link { background: url('../images/link-bg.png') no-repeat right top, linear-gradient(to bottom, #8db43d 0%,#799b34 100%); }
#design-main .dii-content-nav-menu.theme-none > ul > li > a.dii-sub-menu-link:hover { background: #799b34; }
#design-main .dii-content-nav-menu.theme-none > ul > li:hover > a,
#design-main .dii-content-nav-menu.theme-none ul ul li:hover > a { background: #799b34; }
#design-main .dii-content-nav-menu.theme-none ul ul li.dii-menu-item-sub-menu:hover > a,
#design-main .dii-content-nav-menu.theme-none ul ul li.dii-menu-item-link:hover > a { background: #be580c; }
#design-main .dii-content-nav-menu.theme-none ul ul { background-color: #799b34; }


@media screen and (max-width: 1024px) {

  #design-container-main-nav { padding-left: 180px; background-position: top 0 left -110px; }
  #design-container-main-nav .dii-content-nav-menu > ul > li > a.dii-sub-menu-link { padding: 0 8px; font-size: 12px; }

}

@media screen and (max-width: 900px) {

  #design-nav #design-container-main-nav .dii-content-nav-menu > ul { background: #8db43d; }
  #design-nav #design-container-main-nav .dii-content-nav-menu > ul li.dii-menu-item-sub-menu > ul { background: #8db43d; }
  #design-nav #design-container-main-nav .dii-content-nav-menu ul li ul.show,
  #design-nav #design-container-main-nav .dii-content-nav-menu:not(.dii-is-mobile) ul li:hover > ul { left: 0; width: 100%; background: #333; }

}