:root {
  --ccae-custom: #f15a29;
  --ccae-custom-dark: #a63a16;

  --font-family: 'Helvetica', sans-serif, 'Lucida Grande', 'Verdana', 'Arial', 'Lucida Sans Unicode';
  --header-height: 36px;
  --button-border-color: #fff;
  --button-background-color: var(--ccae-custom);
  --button-font-color: #fff;
  --button-hover-font-color: var(--ccae-custom);
  --button-hover-background-color: #fff;
  --button-hover-border-color: var(--ccae-custom);
  --footer-background-color: var(--ccae-custom);
  --footer-link-color: #fff;
  --nav-background-color: var(--ccae-custom);
  --nav-link-font-color: #fff;
  --nav-link-hover-font-color: #fff;
  --mobile-nav-link-hover-font-color: #fff;
  --mobile-nav-link-font-color: #4d4d4d;
  --mobile-header-background-color: var(--ccae-custom-dark);
  --cart-table-background-color: #f2f2f2;
  --cart-footer-background-color: #ddd;
  --notice-info-background-color: #ffda8a;
  --component-background-color: #f2f2f2;
  --link-font-color: var(--ccae-custom);
  --enrollment-link-color: var(--link-font-color);
}

.forEachCatalogCaption {
  background: #033 !important;
}

.glbdarkcolor {
  background-color: #fff;
  color: #222;
  border-top: #b9b9b9 1px solid;
}

a:link, a:visited {
  color: #3188d1;
}

body {
  background-color: #eaeaea;
  color: #222;
}

/* this is used just on the landing page */
#nav {
  height: 36px;
  background-color: var(--ccae-custom);
}

.navbar .dropdown-menu
{
  background: #033;
  padding: 12px 0;
  border: none;
}

.navbar .dropdown-item
 {
  background: #033 !important;
}

#headertarget {
  background-color: white;
}

#headertarget ul {
  background-color: #585858;
  padding-left: 15px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

/* increase height to accomodate taller header logo */
#headertarget {
  height: 97px;
}

#headertarget div > a img, #headertarget > a img
{
  max-height: 92px;
}

.landing #headertarget {
  height: 146px;
}

.landing #headertarget div.row {
  padding: 10px;
}

.navbar {
  background-color: var(--ccae-custom) !important;
}

/* white vertical bars in menu */
.nav-item.dropdown {
  border-right-color: #fff;
}

button.showSectionLink {
  width: 10em !important;
}

#footer li {
  border-right: none;
}

#footer ul li a {
  color: #222;
}

#continuing_education h2, #affiliated_organizations h2, #instructors h2 {
  font-size: 28px;
  color: var(--ccae-custom);
}

#instructors {
  width: 461px;
}

.started a, input[type = 'button'], input[type = 'submit'], button {
  background-color: #669366;
  text-transform: none;
  font-size: 14px;
}

input.enroll[type = 'button'] {
  background-color: #669366;
}

.started a:hover,
.landing .started a:hover,
input[type = 'button']:hover,
.landing input[type = 'button']:hover,
input[type = 'submit']:hover,
a.checkout-link:hover,
button:hover {
  border: 1px solid #033;
}

input.enroll[type = 'button']:hover {
  color: #033;
  background-color: #77a977;
  border: 1px solid #77a977;
}

.landing .started a,
button,
input[type = 'button'],
.landing input[type = 'button'],
input[type = 'submit'],
a.checkout-link {
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  padding: 11px 20px;
  text-decoration: none;
  background-color: var(--ccae-custom);
  border: 1px solid var(--ccae-custom);
  margin-bottom: 36px;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

label.checkoutMsg, span.checkoutMsg {
  color: #033;
}

#offeringnametarget {
  color: #033;
  font-family: inherit;
}

.serif, .odd td, .even td, #bodytarget_inner .results table th, #bodytarget_inner_float .results table th {
  color: #222;
  font-family: inherit;
}

#mincarttarget table tr td.glblightcolor {
  background-color: #033;
}

#shopcart_no_shadow h2 {
  font-size: 28px;
}

#bodytarget_inner h2 {
  color: #222;
  font-weight: normal;
}

#bodytarget_inner fieldset, #bodytarget_inner_float fieldset {
  border-radius: 6px;
}

#bodytarget_inner fieldset #fieldsetinnerwrapper,
#bodytarget_inner_float fieldset #fieldsetinnerwrapper,
#bodytarget_inner fieldset .innerwrapper,
#bodytarget_inner_float fieldset .innerwrapper {
  background-color: #f3f3f3;
}

#left {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#bodytarget_inner .results table th, #bodytarget_inner_float .results table th {
  background-color: #dcd4cd;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.enrollment {
  color: #36407a;
}

#bodytarget_inner h2, #bodytarget_inner_float h2 {
  font-family: inherit;
  font-size: 28px;
  margin-bottom: 19px;
  color: var(--ccae-custom);
}

#receipt {
  background-color: #efefef;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#bodytarget_inner #catalogTarget fieldset #fieldsetinnerwrapper {
  background-color: #dcd4cd;
}

.message-block a,
.message-block a:hover,
.message-block a:focus,
.message-block a:visited {
  color: #264b8d !important;
  font: inherit !important;
}

.personEthnicityBlock, .govIDBlock, .emailSection {
  display: none !important;
}

/* hide contact tab until buy for others functionality is complete. */
.contact-tab {
  display: none !important;
}

.membershipLink, #membershop {
  display: none !important;
}

.crossSellPanel, .recentViewPanel, .keywordsPanel, .membershipShopLinkPanel {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: #fff;
}

.forEachCatalogImage {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* hide message block on the program area page */
.applicationTemplate #displayMessageBlock {
  display: none;
}

/* section details - hide fields */
#sectionDetailsTarget p:nth-child(5),
#sectionDetailsTarget p:nth-child(6),
#sectionDetailsTarget p:nth-child(7),
#sectionDetailsTarget p:nth-child(8) {
  display: none;
}

/* hide course inquiry button in mobile view */
@media (max-width: 767.98px) {
  .inquiryBtn {
    display: none !important;
  }
}

/* align register me and register others buttons in mobile view */
@media (max-width: 767.98px) {
  #actionButtons {
    text-align:left;
  }
}