/* reflects the same structure as academic-colors.css */

/* navigation */

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

/* links */

a, .optionsRibbon ul li a:hover, footer a.language:hover, dt, .primaryColorText, a.secondaryColorText:hover
{
  color: #1f70c1
}
@media screen and (max-width: 559px) {
  .floating_text a.options_btn.inverted {color: #1f70c1}
}

/* hover */

a:hover, h3, h5, .secondaryColorText {
  color: #03407d
}

/* buttons, popups */

.difSignIn, input[type="submit"], input[type="button"], button, #facebox .header, #contentBody .centreBtn, .portal #contentHeader, .jconfirm .jconfirm-box div.title, header .mobileBar, #fullscreen_msg_holder .header, .link_button
{
  background: #1D68B3
}

/* Top tab selector */

ul.tabnav li a.selected:after, table.calendar_small .current div, table.calendar .current, .calendar-agenda-day .current
{
  background: #1663BA
}

/* Colorized options links */

.optionsRibbon ul.inverted li a, .options_btn.inverted
{
  background: #1663BA
}

/* footer and wrapper */

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

/* thin strip at top */

@media screen and (min-width: 980px) {
  header {
    border-top: 4px solid #5B636B
  }
}

/* h2 */

body.portal #contentBody h2, #centreColumn h2, body.portal .customHome h2 {
  color: #5E6671
}
h2#current_month, body.portal h1 {
  color: #3e464e
}

body.loginPage {
  border-color: #191919 !important
}

/* Message box */

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

/* ----- NEW ----- */

h1:not(.customLogo), h2, h3, h4, h5, h6, #centreColumn .centerHeading {
  font-family: 'Roboto Slab', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
body, html {
  background-color: #cacaca
}

/* Panels */

.colorBtn {background-color: #1D68B3}
.panel1 .clearBtn, .panel4 .clearBtn {border-color: #1D68B3; color: #1D68B3}
.panel1.stripe > div .block {border-top-color: #1D68B3}
.panel1.stripe > div .block:nth-child(4n+2) {border-top-color: #0E4B90}
.panel1.stripe > div .block:nth-child(4n+3) {border-top-color: #777e88}
.panel1.stripe > div .block:nth-child(4n+4) {border-top-color: #42424e}

/* Colorful tiles */

.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: #0E4B90}
.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: #1663BA}
.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: #42424e}
.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: #5e6671}

/* Profile_header - Background */

.profile_header .profile_background {
  background-color: #1d68b3
}

/* Extra styles for High Contrast */

ul.tabnav > li > a, ul.tabnav .dropDown a:hover, nav#leftColumn ul.tabnav a, ul.tabnav li a span, .catalog_class #centreColumn .catalog_item_tabs .tabnav a:not(.selected) h2 {
  color: #707070; /* Duplicate from default-styles */
}
input[type="text"], input[type="number"], input[type="tel"], input[type="url"], input[type="password"], input[type="email"], input[type="date"], input[type="file"], textarea, select, div.selectWrap, input[type="checkbox"] + label:before, input[type="radio"] + label:before, input[type="file"]:after, a.multiSelect, input.jscolor {
  border-color: #909090; /* Duplicate from default-styles */
}