/****** Header ******/
/* Access the Header Website Font Styles */

@font-face {
  font-family: "EB Garamond";
  src: url(/Portals/71/assets/fonts/garamond/EBGaramond-Regular.ttf)
    format(truetype-variations);
}

@font-face {
  font-family: "Open Sans";
  src: url(/Portals/71/assets/fonts/open-sans/OpenSans-VariableFont_wdth_wght.ttf)
    format("truetype");
}

@font-face {
  font-family: "Big Shoulder Text";
  src: url(/Portals/71/assets/fonts/big-shoulders-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: #395a12 !important;
}

.header-rule {
  border-top: 2px solid #395a12;
  margin-bottom: 10px;
  margin-left: 0;
  width: 50%;
}

/**** BANNER ****/
.skin-logo img {
  max-height: 90px;
}

.skin-header.skin-header-background {
  background: url(/Portals/76/Images/Header/header-back-ncolcoe.png) no-repeat
    left top !important;
  background-color: #395a12 !important;
  padding-bottom: 15px;
}

.skin-title .title-text {
  font-family: "EB Garamond", serif;
  /* font-size: 32px; */
  color: #ffffff;
  text-overflow: ellipsis;
  overflow: hidden;
}

/***** Navigation *****/

/**** ALL LEVELS ****/
.otnav {
  background: #ffffff !important; /*green*/
  color: #ffffff; /*grey changed to white*/
}

.otnav li a:focus {
  background-color: transparent !important;
}

.otnav ul ul li a {
  color: #000000;
}

.otnav ul ul {
  background-color: #f1f5f6; /*grey changed to light gray*/
  color: #000000;
  border-top: 2px solid #395a12;
  padding-left: 0px;
  padding-right: 0px;
}

.otnav ul li a:hover,
.otnav ul li:hover {
  background-color: #ffffff; /*grey changed to white*/
  color: #000000;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #f7ad29 !important;
}

/*** SECOND LEVELS ****/

.otnav ul ul li a:hover {
  background-color: #ffffff;
  color: #000000; /*green changed to black*/
}

.otnav ul ul li:hover {
  background-color: #ffffff; /*grey changed to white*/
}

.otnav li a {
  color: #395a12;
  padding-left: 10px;
  padding-right: 10px;
  /*    text-transform: none;*/
}

.otnav li a span {
  color: #395a12 !important;
}

/**** BREADCRUMB SEPARATOR ****/
.skin-breadcrumb {
  color: gray !important;
  font-weight: normal;
  font-size: 11px;
}

.skin-breadcrumb-separator {
  color: gray;
  font-size: x-small;
}

.fa-angle-down:before {
  content: "\f107";
  color: #395a12;
}

/**** SEARCH ICON ****/
.skin-search-input {
  border: 0 !important;
}

.skin-search a,
.skin-search a:visited,
.skin-search a:link {
  color: #f7ad29;
}

.skin-search a:hover {
  color: #bfbfbf;
}

header .social li span {
  color: #fff !important;
  font-size: 22px !important;
}

header .social li span:hover {
  color: #f7ad29 !important;
}

/**** LINKS ****/
a,
a:visited,
a:link {
  color: #395a12;
  text-decoration: none !important;
}

a:hover {
  cursor: pointer;
  text-decoration: none;
  color: #f7ad29;
}

a:focus {
  text-decoration: none;
}

img.lt:hover {
  opacity: 0.9;
}

/****** Style the hr ******/
.hr-gold {
  height: 2px;
  border: none;
  color: #f7ad29;
  background-color: #f7ad29;
}

/***** 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;
}

/****** SLIDESHOW - TOP-ROTATOR-2 ******/
.base-container.blue-header h2.title {
  background: #395a14 !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: #395a12;
}

.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: #f7ad29;
}

.top-rotator a.page:hover {
  background: #f2b954;
}

.slide-control {
  text-shadow: none !important;
}

/****** Articles Pagination ******/
.pagination > li > a,
.pagination > li > span {
  color: #f7ad29 !important;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #ffa300 !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: #f7ad29 !important;
  border-color: #f7ad29 !important;
}

/****** Custom Form ******/
#dnn_ctr35088_Form_ctl06 {
  color: #ffffff;
}

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

div.skin-footer-background {
  background: #395a12 !important;
}

/**** CARD-THUMBNAILS ****/

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}

.thumbnail {
  height: 90%;
  box-shadow: 0 10px 15px 2px rgba(140, 152, 164, 0.1);
  border: 0px !important;
}

.thumbnail-no-pad {
  padding: 0px 0px 20px !important;
}

.transition-card-hover {
  transition: all 0.2s ease-in-out;
}

.transition-card-hover:focus,
.transition-card-hover:hover {
  transform: translateY(-3px);
}

.card-section-title {
  font-size: 12px;
  font-weight: 700;
  color: #444444;
  padding: 15px 10px 0;
  display: inline-block;
}

.card-os-pad {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.lgi-card-no-rad {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  background-color: #f1f5f6;
  border: 0px !important;
}

.lgi-card-item-bg {
  background-color: #f7ad29;
}

.transition-card-hover {
  transition: all 0.2s ease-in-out;
}

.transition-card-hover:focus,
.transition-card-hover:hover {
  transform: translateY(-3px);
}

/* SIDE PANEL */
.panel-section-title {
  font-size: 16px;
  font-weight: 700;
  color: #444444;
  text-transform: uppercase;
}

.panel-gray-heading {
  border-color: #f1f5f6 !important;
  background-color: #f1f5f6 !important;
}

.panel-gray-bg {
  border-color: #f1f5f6;
  background-color: #f1f5f6;
}

.btn-no-rad {
  border-radius: 0;
  font-size: 13px;
  text-transform: uppercase;
}

.btn-solid-green {
  color: #ffffff !important;
  background-color: #395a12;
  border-color: #395a12;
}

.btn-solid-green:hover {
  background-color: #56871b;
}

.btn-border-green {
  border-color: #395a12;
  border-width: 2px;
  font-weight: 600;
  text-wrap: wrap;
}

.btn-border-green:hover {
  background-color: #395a12;
  color: #f1f5f6;
  font-weight: 100;
}

.ul-list-group {
  margin-left: 0 !important;
}

.lgi-gray-bg {
  background-color: #f1f5f6 !important;
  border-top: 1px solid #f1f5f6 !important;
}

.panel-rule {
  background: #395a12;
  height: 1px;
  margin: 5px auto;
  padding-left: 16px;
  padding-right: 16px;
  width: calc(100% - 32px);
}

/****** FACEBOOK TWITTER MODULE ********/
.smt-tabs-container .smt-tab-labels .smt-tab-label {
  background-color: #395a12 !important;
}

.smt-tabs-container .smt-tab-labels .smt-tab-label.active::after {
  border-top-color: #395a12 !important;
}

.smt-tabs-container .smt-tab-contents {
  background-color: #f1f5f6;
}

/* CSS ADDED BY CONTRACTOR BUT CANT FIND */
.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: #f72929 !important;
}
.z-tabs.flat.contained > ul > li a,
.z-tabs.flat.clean > ul > li a {
  background: #f72929 !important;
  color: #ef03bd;
}

.sb-filter-card {
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.3);
}