/****** Header ******/
/* Access the Header Website Font Styles */
@font-face {
  font-family: "EB Garamond";
  src: url(/Portals/76/assets/fonts/garamond/EBGaramond-Regular.ttf) format(truetype-variations);
}

@font-face {
  font-family: "Open Sans";
  src: url(/Portals/76/assets/fonts/open-sans/OpenSans-VariableFont_wdth_wght.ttf) format("truetype");
}

@font-face {
  font-family: "Big Shoulder Text";
  src: url(/Portals/76/assets/fonts/big-shoulder-text/BigShouldersText-VariableFont_wght.ttf) format("truetype");
}

body {
  font-family: "Open Sans", sans-serif !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Big Shoulder Text", sans-serif !important;
  font-style: normal !important;
  color: #3b707e !important;
}

.header-rule {
  border-top: 2px solid #3b707e;
  margin-bottom: 10px;
  margin-left: 0;
  width: 50%;
}

.skin-header.skin-header-background {
  background: url(/Portals/76/header/images/header-back-ncoworlddod.png) no-repeat left top !important;
  background-color: #3b707e !important;
}

.skin-title .title-text {
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: uppercase;
}

.skin-title .subtitle-text {
  font-family: "EB Garamond", serif;
  color: #fff;
}

/***** Navigation *****/

/*all levels */
.otnav {
  background: #ffffff !important;
  color: #000;
}

.otnav li a:focus {
  background-color: #f7ad29;
}

.otnav ul ul li a {
  color: #000;
}

.otnav ul ul {
  background-color: #f1f5f6;
  color: #000;
  border-top: 2px solid #3b707e;
}

.otnav ul li a:hover,
.otnav ul li:hover {
  background-color: #fff;
  color: #000;
}

/* second+ levels */

.otnav ul ul li a:hover {
  background-color: #fff;
  color: #000;
}

.otnav ul ul li:hover {
  background-color: #fff;
}

.otnav li a {
  color: #000;
}

.otnav li a span {
  color: #000 !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #000;
  text-decoration: none;
  background-color: #ffffff;
  outline: 0;
}

.z-tabs.flat.flat-af-grey > ul.z-tabs-nav > li.z-active > a,
.z-tabs.flat.flat-af-grey > ul.z-tabs-mobile.z-state-closed > li a,
.z-tabs.flat.flat-af-grey > ul.z-tabs-mobile > li a {
  background: #f7ad29 !important;
}
.z-tabs.flat.contained > ul > li a,
.z-tabs.flat.clean > ul > li a {
  background: #f7ad29 !important;
  color: lightslategrey;
}

.fa-angle-down:before {
  content: "\f107";
  color: #000;
}

/**** BREADCRUMB SEPARATOR ****/
.skin-breadcrumb {
  color: #3b707e !important;
  font-weight: normal;
  font-size: 11px;
}

.skin-breadcrumb-separator {
  color: #3b707e;
  font-size: x-small;
}

.fa-angle-down:before {
  content: "\f107";
  color: #3b707e;
}

/* Search Icon */
.skin-search a,
.skin-search a:visited,
.skin-search a:link {
  color: #fff;
}

.skin-search a:hover {
  color: #a6a6a6;
}

.skin-search-input {
  border: 0 !important;
}

.blockEach > h2 {
  color: white !important;
  text-shadow: none !important;
}

/**** Body ****/

a,
a:visited,
a:link {
  color: #3b707e;
}

a:hover {
  text-decoration: underline dotted;
  color: #f7ad29;
}

a:focus {
  text-decoration: none;
}

/****** SLIDESHOW - TOP-ROTATOR-2 ******/
.base-container.blue-header h2.title {
  background: #3b707e !important;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 10px;
  border: none;
  margin: 0px;
  color: #ffffff;
}

.top-rotator {
  background: #757d835c !important;
}
.top-rotator-2 .split-right {
  background: none;
}

.top-rotator-2 .slideLinks a.link {
  background: #3b707e;
}

.top-rotator.slideshow .slideTitle a,
.top-rotator.slideshow .slideCaption {
  color: #ffffff;
  text-shadow: none;
  font-family: "Big Shoulder Text";
  text-transform: none !important;
}

.top-rotator a.page.activeSlide {
  background: #3b707e;
}

.top-rotator a.page:hover {
  background: #588692;
}

.slide-control {
  text-shadow: none !important;
}

/****** Articles Pagination ******/
.pagination > li > a,
.pagination > li > span {
  color: #707070 !important;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #3b707e !important;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  color: #fff !important;
  background-color: #3b707e !important;
  border-color: #3b707e !important;
}

/***** Column Container ******/

.base-container.blue-header2 h2.title {
  background: #a6a6a6 !important;
  color: #000000;
  font-weight: normal;
}

.base-container.blue-header2 {
  border: none !important;
  background: #edeff4;
}

/****** AF2 ACCORDION BUTTON MENU LIST - NOT COLLAPSED ******/

.af2AccordionMenu {
  border-bottom: none;
}

.af2AccordionRootNode {
  background: #a6a6a6;
}

.af2AccordionMenu div.af2AccordionRootNode {
  color: #000000;
  font-weight: normal;
  font-size: 12px;
}

.af2AccordionMenu div.af2AccordionRootNode a {
  color: #000000;
}

.af2AccordionMenuSubMenu {
  background: #cccccc;
}

.af2AccordionMenuSubMenu div a {
  color: #000000;
  font-weight: normal;
  font-size: 12px;
}

.af2AccordionMenuSubMenu .af2AccordionMenuListItem {
  border: none;
}

/****** AF ACCORDION BUTTON MENU LIST - COLLAPSABLE ******/

.afAccordionMenu {
  border-bottom: 0px;
}

.afAccordionMenu,
.afAccordionMenuSubMenu,
.afAccordionMenuListItem {
  margin: 0px 0px 16px 0px;
}

.afAccordionMenuListItem {
  border: 0px;
}

.afAccordionMenu div.afAccordionRootNode {
  font-family: "Arial", sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  white-space: nowrap;
}

.afAccordionRootNode {
  background: #2f5863 0px 0px;
}

.afAccordionMenuCollapsed {
  width: 20px;
  height: 20px;
  background: url("/Portals/76/courses/dlc/images/pmsprite.png") 0px -20px;
  position: absolute;
  right: 8px;
  top: 6px;
  cursor: pointer;
}

.afAccordionMenuExpanded {
  background-position: 0px 0px;
}

/****** Footer *****/

div.skin-footer-background {
  background: #3b707e !important;
}
