@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");

:root {
  --main-color: #283952;
  --secondary-color: black;
  --light-color: #3e9ae5;
  --dark: #28476f;
  --red: #ff0000;
  --white: white;
  --grey: #ccccdd;
  --black: black;
}

* {
  font-family: "Lora", serif;
}

a.color-lnk {
  color: var(--main-color);
}

a:hover {
  color: var(--main-color);
}

a,
.ui-widget-content a {
  color: var(--black);
}

.headline h2,
.headline h3,
.headline h4 {
  border-bottom: 2px solid var(--main-color);
}

.color-hdr a {
  color: var(--black);
}

.ui-button.ui-state-hover,
.ui-buttonset .ui-state-hover {
  background-color: var(--dark);
  transform: scale(1.1);
}

.ui-button {
  background-color: var(--dark);
}

.ui-menu .ui-menuitem .ui-menuitem-link {
  color: var(--dark);
}

.ui-menu .ui-menu-list .ui-menuitem a.ui-state-hover,
.ui-menu .ui-menu-list a.ui-state-hover {
  transform: scale(1.1);
  color: var(--main-color);
}

.ui-menu .ui-state-hover .ui-menuitem-link {
  color: var(--main-color) !important;
  transform: scale(1.1);
}

.brand-bar {
  width: 100%;
}
#nav-brand {
  width: 100%;
}
#logo {
  height: auto;
  width: 100%;
  background-color: white;
  border-right: none;
  display: block;
}

#logo img {
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  max-height: unset;
}

#j_idt28 {
}

#top-lnks {
  float: right;
  position: absolute;
  right: 50px;
  top: 124px;
  z-index: 9999;
}

.top-bar ul > li > a:hover {
  color: var(--light-color) !important;
  transform: scale(1.1);
}

.top-bar ul > li > a {
  color: var(--dark);
  font-size: 18px;
  padding-top: 10px;
}

#top-lnks:hover {
  transform: scale(1.1);
}

#top-menu > li > a {
  padding-top: 0px;
  color: var(--dark);
}

@media (min-width: 640px) and (max-width: 960px) {
  .ShowOnDesktop {
    display: block;
    opacity: 1;
  }
}

@media (min-width: 480px) and (max-width: 640px) {
  .ShowOnDesktop {
    display: block;
    opacity: 1;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .ShowOnDesktop {
    display: block;
    opacity: 1;
  }
}

.lnkButton:hover {
  background-color: var(--dark);
  transform: scale(1.1);
}

.createAccCBox.ui-chkbox .ui-chkbox-label {
  color: var(--secondary-color);
}

.color-btn {
  background-color: var(--dark);
}

.color-btn-pf {
  background-color: var(--dark);
  margin-left: 20px;
}

.color-btn:hover {
  background-color: var(--dark);
  transform: scale(1.1);
}

.ui-datepicker-buttonpane button {
  background-color: var(--dark);
}

.ui-datepicker-buttonpane button.ui-state-hover {
  background-color: var(--dark);
}

.ui-commandlink {
  color: var(--main-color) !important;
}

.ui-button {
  background-color: var(--dark);
}

.ui-button.ui-state-hover,
.ui-buttonset .ui-state-hover {
  background-color: var(--dark);
}

.ui-button.ui-state-focus {
  background-color: var(--dark);
}

.ui-button.ui-state-active,
.ui-buttonset .ui-state-active {
  background-color: var(--dark);
}

.cart-disc-code-hdr {
  color: var(--secondary-color);
}

.cart-totals-hdr {
  color: var(--secondary-color);
}

.Orange {
  color: var(--light-color) !important;
}

.Green {
  color: var(--dark) !important;
}

.Purple {
  color: var(--dark) !important;
}

.Blue {
  color: var(--dark) !important;
}

.cleanTabs.ui-tabs-top .ui-tabs-nav li a {
  color: var(--main-color) !important;
}

.learning .ui-tabs-top .ui-tabs-nav {
  background-color: var(--white);
  border-bottom: none !important;
}

.hl-venue,
.venue {
  display: none;
}

.confirm-item-name {
  color: var(--main-color);
}

.item-name1 {
  text-align: center;
}

.cleanTabs .ui-tabs-nav li.ui-tabs-selected,
.cleanTabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #f5f5f5 !important;
  border-bottom: solid 3px var(--main-color) !important;
}

.cleanTabs.ui-tabs-top .ui-tabs-nav li.ui-state-hover {
  border-bottom: solid 3px var(--secondary-color) !important;
}

.cleanTabs .ui-tabs-nav li.ui-tabs-selected,
.cleanTabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #f5f5f5 !important;
  border-bottom: solid 3px var(--secondary-color) !important;
}

.ui-tabs-top .ui-tabs-nav {
  background-color: var(--secondary-color);
  border-bottom: solid 2px var(--secondary-color);
}
.ui-outputlabel {
  font-size: 18px;
}
.opt-val .ui-selectmanycheckbox label,
.opt-val .ui-selectoneradio label {
  font-size: 14px;
}

.dataHeader {
  color: var(--white);
}

.cc-color-override--1360619034.cc-window {
  background-color: var(--secondary-color);
}

.cc-color-override--1360619034 .cc-btn {
  color: var(--secondary-color);
}

.leadenGreenTxtBtn {
  color: var(--white);
}

.ui-inputfield.ui-state-hover,
.ui-inputfield.ui-state-focus {
  border-bottom: solid 1px var(--main-color);
  color: var(--main-color) !important;
}
#certWizFrm .form-sect-desc:nth-child(13):after {
  color: red;
  display: block;
  content: "To receive a certificate, select a Certificate of Attendance (COA), a CME certificate, or BOTH, using each drop-down menu";
}
.prod-bundle .bndl-item-sel > span:first-of-type {
  display: none;
}
.prod-item-add > span:first-of-type {
  display: none;
}
#content-col-2 img {
  min-width: 100% !important;
}
.copyright-byword span {
  color: var(--dark) !important;
}

.hl-learn,
.learning {
  display: none;
}
#prodDet .prod-item-add .ui-button-icon-left:after {
  content: "Register";
  margin-left: 10px;
  padding: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
#prodDet .ui-button-text-icon-left .ui-button-text {
  color: #33476e;
}
#prodDet .ui-button-text-icon-left .ui-button-text {
  padding: 8px 16px 6px 36px !important;
}

.chkout-form :nth-child(9) .col-md-12::before {
  content: "Each registration must have a unique email address. Please use the Certificate Recipient's email address. Do not use the same email address to register multiple students.The First and Last name of this registration should also be that of the certificate recipient";
  color: red;

  display: block;
  font-size: 12px;
  margin-top: 20px;
}
/* ---------Hides upcoming programs------------- */
#catalogMain #j_idt53\:pinfo-dgrid_content {
  display: none;
}

#catalogMain .TexAlRight:nth-child(2) .color-lnk:first-of-type {
  display: none;
}
#catalogMain div {
  background-color: white !important;
}
#catalogMain div:nth-of-type(3) {
  display: none;
}

/* ---------------------------------------------------------- */

/* --------------------USER PAGE STYLES */

#layout-topbar {
  background-color: white;
  width: 100%;
  height: 10px;
}
#layout-topbar #logo {
  height: auto;
  width: 100%;
  display: block;
}
#layout-topbar #logo img {
  height: auto;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
}

.layout-menu {
  margin-top: 120px;
}

#layout-portlets-cover {
  padding: 125px 10px 30px 0.1%;
}
/* ---------------------------------------------------------- */