:root {
  --link-text-color: #547796;
  --link-hover-text-color: #a972c2;
  --subheading-color: #648db3;
  --header-bg-color: #6161A0;
  --checkout-left-bar-bg: #519286;
  --left-bar-bg: #3B3B46;
  --left-bar-border-color: #3B3B46;
  --tile1-bg-color: #ffffff;
  --tile2-bg-color: #ffffff;
  --tile3-bg-color: #ffffff;
  --tile4-bg-color: #ffffff
}
[data-theme="dark"], [data-theme="dark"] .grey_background, .dark_editor {
  --link-text-color: #a9cceb;
  --link-hover-text-color: #fec7ff;
  --subheading-color: #fff;
  --checkout-left-bar-bg: #28292d;
  --left-bar-bg: #28292d;
  --left-bar-border-color: #3B3D44;
  --tile1-bg-color: #28292d;
  --tile2-bg-color: #28292d;
  --tile3-bg-color: #28292d;
  --tile4-bg-color: #28292d
}

/* navigation */

nav.mainNav ol > li > a, nav.mainNav .dropDown ul li a:hover, body.loginPage .loginOptions label, body.loginPage .loginOptions a {
  color: #648DB3
}

.portal header nav.mainNav li.loginHolder a, .portal header nav.mainNav li.loginHolder a:hover {
background-color: #5DB8A6
}

/* links */

a, .optionsRibbon ul li a:hover, footer a.language:hover, dt, .primaryColorText, a.secondaryColorText:hover {
  color: #547796; color: var(--link-text-color)
}

@media screen and (max-width: 559px) {
  .floating_text a.options_btn.inverted {
    color: #547796; color: var(--link-text-color)
  }
}

/* hover */

a:hover, h3, h5, .secondaryColorText {
  color: #a972c2; color: var(--link-hover-text-color)
}

/* buttons, popups */

.difSignIn, input[type="submit"], input[type="button"], button, #facebox .header, #contentBody .centreBtn, .optionsRibbon ul.inverted li a, .portal #contentHeader, .jconfirm .jconfirm-box div.title, header .mobileBar, .options_btn.inverted, #fullscreen_msg_holder .header, .link_button, ul.tabnav li a.selected:after {
  background: #6161A0
}

/* Top tab selector */

ul.tabnav li a.selected:after, table.calendar_small .current div, table.calendar .current, .calendar-agenda-day .current, .optionsRibbon ul li.selected a:before {
  background: #58ad9d
}

/* Inverted options links */

.optionsRibbon ul.inverted li a, .options_btn.inverted {
  background: #5DB8A6
}

/* footer and wrapper */

footer, .portal #wrapper {
  background: #2E2E33
}

/* thin strip at top */

@media screen and (min-width: 980px) {
  header {
    border-top: 4px solid #6161A0
  }
}
body.loginPage {
  border-color: #6161A0 !important
}

/* h2 */

body.portal #contentBody h2, #centreColumn h2, body.portal .customHome h2 {
  color: #648db3
}

/* Message box */

nav.mainNav ol > li.portalCart a .newAlert {
  background-color: #cb4437
}

/* Tinymce */

.mce-window-head, .mce-foot .mce-btn button, .mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
  background: #6161A0 !important
}

/* Fonts */

h1:not(.customLogo), h2, h3, h4, h5, h6, #centreColumn .centerHeading, .jconfirm .title, .mce-window-head .mce-title, .heading_font {
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

/* Panels */

.colorBtn {
  background-color: #5DB8A6
}

.panel1 .clearBtn, .panel4 .clearBtn {
  border-color: #5DB8A6;
  color: #5DB8A6
}


/* Tile backgrounds */

.catalog_boxes .tile_color_1, html:not([dir=rtl]) .catalog_class.tile_color_1 #contentWrap:before, [dir=rtl] .catalog_class.tile_color_1 #contentWrap:after, .catalog_class.tile_color_1 #leftColumn, .modern_module_list > table:nth-of-type(4n+1) .modern_module_row td {
  background-color: #ffffff; background-color: var(--tile1-bg-color)
}
.catalog_boxes .tile_color_2, html:not([dir=rtl]) .catalog_class.tile_color_2 #contentWrap:before, [dir=rtl] .catalog_class.tile_color_2 #contentWrap:after, .catalog_class.tile_color_2 #leftColumn, .modern_module_list > table:nth-of-type(4n+2) .modern_module_row td {
  background-color: #ffffff; background-color: var(--tile2-bg-color)
}
.catalog_boxes .tile_color_3, html:not([dir=rtl]) .catalog_class.tile_color_3 #contentWrap:before, [dir=rtl] .catalog_class.tile_color_3 #contentWrap:after, .catalog_class.tile_color_3 #leftColumn, .modern_module_list > table:nth-of-type(4n+3) .modern_module_row td {
  background-color: #ffffff; background-color: var(--tile3-bg-color)
}
.catalog_boxes .tile_color_4, html:not([dir=rtl]) .catalog_class.tile_color_4 #contentWrap:before, [dir=rtl] .catalog_class.tile_color_4 #contentWrap:after, .catalog_class.tile_color_4 #leftColumn, .modern_module_list > table:nth-of-type(4n+4) .modern_module_row td {
  background-color: #ffffff; background-color: var(--tile4-bg-color)
}
[data-theme="dark"] .catalog_boxes *[class*='tile_color_'], [data-theme="dark"] .modern_module_list > table .modern_module_row td {
  background-color: var(--tile1-bg-color) !important
}

  /* Tile headings */

  html:not([data-theme="dark"]) .portal #contentBody .catalog_boxes .header h2, html:not([data-theme="dark"]) .portal #contentBody .catalog_boxes .header h2 a, html:not([data-theme="dark"]) #centreColumn .modern_module_row h2, html:not([data-theme="dark"]) #centreColumn .modern_module_row h2 span {
    color: #648db3;
  }

  /* Tile text */

  html:not([data-theme="dark"]) .catalog_boxes .label, html:not([data-theme="dark"]) .catalog_courses .teacher span, html:not([data-theme="dark"]) .catalog_boxes .lightText, html:not([data-theme="dark"]) .catalog_boxes .lightText *, html:not([data-theme="dark"]) .catalog_boxes .header .description, html:not([data-theme="dark"]) .modern_module_row .label.box, html:not([data-theme="dark"]) .modern_module_overview * {
    color: #707070
  }
  html:not([data-theme="dark"]) .catalog_courses .footer.textFooter a.teacher:hover span, html:not([data-theme="dark"]) .modern_module_row a:hover span, html:not([data-theme="dark"]) .modern_module_info .accordionLink .label {
    color: #808080
  }
  html:not([data-theme="dark"]) .catalog_boxes .header .label.highlight {
    background-color: rgba(0,0,0,.3);
    color: #fff
  }

  /* Tiles icons */

  html:not([data-theme="dark"]) .catalog_boxes i:after {
    left: 0 !important
  }

  html:not([data-theme="dark"]) .modern_module_row i.icon.inverted path {
    fill: #5e5f5f
  }

  /* Adjust row view */

  html:not([data-theme="dark"]) .modern_module_row + tr > td {
    background: linear-gradient(#f7f7f7, white 20%);
  }
  html:not([data-theme="dark"]) .catalog_class .modern_module_list > table {
    margin-bottom: 12px !important;
  }

  /* Checkout page side bar - Background */

  .catalog_class #leftColumn, html:not([dir=rtl]) .catalog_class #contentWrap:before, [dir=rtl] .catalog_class #contentWrap:after {
    background-color: #3B3B46 !important; background-color: var(--left-bar-bg) !important
  }

  /* Checkout page side bar - Border */

  @media screen and (min-width: 768px) {
    html:not([dir=rtl]) .catalog_class #contentWrap:before, [dir=rtl] .catalog_class #contentWrap:after {
      border: 1px solid #3B3B46 !important; border: 1px solid var(--left-bar-border-color) !important;
      border-width: 0 1px 0 0 !important
    }
    [dir=rtl] #contentWrap.hasLeftColumn:after {
      border-width: 0 0 0 1px !important;
    }
  }




/* Profile_header - Background */

.profile_header .profile_background {
  background-color: #58AD9D
}

/* Catalog call to action - Background */

.catalog_item .profile_header .profile_info .alignR .link_button {
  background-color: #6161A0
}