:root {
  --brand-blue: #1c355e;
  --brand-blue-80: #4A5D7E;
  --brand-stone: #d6d1ca;
  --brand-stone-20: #F7F6F4;
  --brand-stone-60: #e6e3df;
  --brand-graphite: #4c4a47;
  --brand-graphite-40: #b8b7b5;
  --brand-red: #8a1e41;
  --brand-orange: #f2be00;

  --white: #fff;
  --black: #000;

  --header-background: var(--brand-blue);

  --top-nav-background: var(--header-background);
  --top-nav-active-bg: var(--brand-graphite-40);
  --top-nav-active-text: var(--brand-blue);
  --top-nav-inactive-bg: var(--brand-blue);
  --top-nav-inactive-bg__hover: var(--brand-graphite-40);
  --top-nav-inactive-text: var(--white);
  --top-nav-inactive-text__hover: var(--brand-red);

  --sub-nav-background: var(--brand-stone);
  --sub-nav-active-bg: var(--brand-stone-60);
  --sub-nav-active-text: var(--brand-blue);
  --sub-nav-inactive: var(--black);
  --sub-nav-inactive__hover: var(--brand-red);
  --sub-nav-text: var(--black);

  --search-bg: var(--brand-orange);
  --search-text: var(--black);

  --reset-bg: var(--brand-blue);
  --reset-text: var(--white);
  --reset-bg__hover: var(--brand-orange);
  --reset-text__hover: var(--black);

  --toolbox-header: var(--brand-blue);
  --toolbox-buttons-bg: var(--brand-graphite);
  --toolbox-buttons-button: var(--brand-stone-20);

  --back-to-bg: var(--brand-stone);
  --back-to-text: var(--brand-blue);
  --back-to-bg__hover: var(--brand-blue);
  --back-to-text__hover: var(--white);

  --footer-background: var(--header-background);
  --footer-text: var(--white);
  --footer-link: var(--brand-stone);
  --footer-link__hover: var(--brand-red);
}

body .l-home,
body .l-home .mainnav .navwrap-left:before,
body.ideas-research-open .l-home #ideas-research-layout .research-results .logo,
body.ideas-research-open.no-body-scroll .logo:before,
.l-home .mainnav .navwrap, .l-home .mainnav .navwrap ul li,
.l-home .mainnav .navwrap-left .rblogo:before {
  background-color: var(--brand-blue) !important;
}

.l-home .mainnav .navwrap ul li { background: transparent!important; }

body.ideas-research-open.no-body-scroll .l-home #ideas-research-layout .research-results .logo img {
  margin-top: 5px !important;
}

body .m-panel-researcher.main-search:after {
  background-color: var(--search-bg) !important;
}

body.l-home .mainnav .navwrap-left .rblogo { padding-top: 8px !important; }
body.l-home .mainnav .navwrap-left .rblogo img {
  width: 105px !important;
}

/*
  TOP NAV
*/
  /* Home */
  body .l-home .mainnav .navwrap .IDEAS-home a:hover span {
    background: url('/static-assets/images/home_new_red.svg') no-repeat !important;
    background-size: contain !important;
  }

  /* top nav */
  body .l-home .mainnav .navwrap,
  body .l-home .mainnav ul.navwrap li,
  body .l-home .mainnav .navwrap ul li {
    background-color: var(--top-nav-background) !important;
  }

  body .l-home .mainnav .navwrap-left .rblogo:before {
    background: none !important;
  }

  /* active */
  body .l-home .mainnav .navwrap a.active,
  body .l-home .mainnav .navwrap a.active:hover,
  body .l-home .mainnav .navwrap a.active span,
  body .l-home .mainnav .navwrap a.active:hover span,
  body .l-home .mainnav .stockstrigger a.active:hover,
  body .l-home .mainnav .stockstrigger a.active:hover span,
  body .l-home .mainnav a.active,
  body .l-home .mainnav a.active:hover,
  .l-home .mainnav .navwrap a.active,
  .l-home .mainnav .navwrap a.active span,
  .l-home .mainnav .navwrap a.active span:hover {
    background-color: var(--top-nav-active-bg) !important;
    color: var(--brand-blue) !important;
  }

  body .l-home .mainnav .navwrap .IDEAS-home a.active,
  body .l-home .mainnav .navwrap .IDEAS-home a.active:hover, */
  body .l-home .mainnav .IDEAS-home a.active,
  body .l-home .mainnav .IDEAS-home a.active:hover {
    background-color: var(--top-nav-active-bg) !important;
  }

  body .l-home .mainnav .navwrap .IDEAS-home a.active span,
  body .l-home .mainnav .navwrap .IDEAS-home a.active:hover span {
    background: url('/static-assets/images/home_new.svg') no-repeat !important;
    background-size: contain !important;
  }

  /* inactive */
  body .l-home .mainnav .navwrap a span,
  body li.more a,
  body li.more:hover .subnav,
  .l-home .mainnav .navwrap a span {
    color: var(--white) !important;
    opacity: 1 !important;
  }

  /* inactive hover */
  body .l-home .mainnav .navwrap a:hover,
  body .l-home .mainnav .navwrap a:hover span,
  body .l-home .mainnav .navwrap .subnav a:hover span,
  .l-home .mainnav .navwrap a:hover,
  .l-home .mainnav .navwrap a:hover span,
  .l-home .mainnav .navwrap .contacttrigger .contactnav li a:hover {
    background: var(--top-nav-active-bg) !important;
    color: var(--brand-red) !important;
  }

  .l-home .mainnav .navwrap .contacttrigger .contactnav li a span:hover {
    color: var(--sub-nav-inactive__hover) !important;
  }

  /* search */
  body .main-search {
    background: var(--search-bg) !important;
  }

  /* sub-nav */
  body.profile .toolbox-nav-wrapper,
  body.wave .toolbox-nav-wrapper,
  body.table .toolbox-nav-wrapper,
  body.compare .toolbox-nav-wrapper,
  body.snapshot .toolbox-nav-wrapper,
  body.insurance .toolbox-nav-wrapper,
  body.fundamental .toolbox-nav-wrapper,
  body.monitor .toolbox-nav-wrapper,
  body.technicals .toolbox-nav-wrapper,
  body.profile.toolbox-open.sidebar-open .toolbox-nav-wrapper,
  body.wave.toolbox-open.sidebar-open .toolbox-nav-wrapper,
  body.table.toolbox-open.sidebar-open .toolbox-nav-wrapper,
  body.compare.toolbox-open.sidebar-open .toolbox-nav-wrapper,
  body.snapshot.toolbox-open.sidebar-open .toolbox-nav-wrapper,
  body.insurance.toolbox-open.sidebar-open .toolbox-nav-wrapper,
  body.fundamental.toolbox-open.sidebar-open .toolbox-nav-wrapper,
  body.monitor.toolbox-open.sidebar-open .toolbox-nav-wrapper,
  body.technicals.toolbox-open.sidebar-open .toolbox-nav-wrapper,
  body.profile .toolbox-nav-wrapper:before,
  body.wave .toolbox-nav-wrapper:before,
  body.table .toolbox-nav-wrapper:before,
  body.compare .toolbox-nav-wrapper:before,
  body.snapshot .toolbox-nav-wrapper:before,
  body.insurance .toolbox-nav-wrapper:before,
  body.technicals .toolbox-nav-wrapper:before,
  body.fundamental .toolbox-nav-wrapper:before,
  body.monitor .toolbox-nav-wrapper:before,
  .line-one:before,
  body #main-section ideas-detail-nav ideas-toolbox-nav .toolbox-nav-wrapper:after,
  body .l-home .mainnav .navwrap .contacttrigger:hover .contactnav,
  body .l-home .mainnav .navwrap .contacttrigger:hover .contactnav:before,
  body li.more:hover a,
  body li.more:hover .subnav,
  body li.contacttrigger:hover a,
  body li.contacttrigger:hover .subnav,
  body li.stockstrigger:hover a,
  body li.stockstrigger:hover .subnav,
  body .l-home .mainnav .navwrap ul li.username-on-nav-contact,
  body .l-home .mainnav .navwrap ul li.ts-help,
  body.toolbox-open .toolbox-wrapper .toolbox-content ideas-toolbox-nav .toolbox-nav-wrapper:after,
  body .mainnav .stockstrigger .stocksnav,
  body .l-home .mainnav .navwrap .stockstrigger:hover .line-one,
  body .l-home .mainnav .navwrap .stockstrigger:hover .line-one:before,
  body .l-home .mainnav .navwrap .stockstrigger:hover .line-one:after,
  body .l-home .mainnav .navwrap .stockstrigger:hover .line-two,
  body .l-home .mainnav .navwrap .stockstrigger:hover .line-two:before,
  .l-home .mainnav .navwrap .contacttrigger:hover .contactnav,
  .l-home .mainnav .navwrap .contacttrigger:hover .contactnav:before,
  .l-home .mainnav .navwrap .contacttrigger:hover .contactnav:after,
  body .l-home .mainnav .navwrap .stockstrigger .stocksnav .line-one toolbox-nav .toolbox-hover-header .toolbox-nav-button,
  body .l-home .mainnav .navwrap .stockstrigger .stocksnav .line-two span:not(.section-head),
  body .l-home .mainnav .navwrap li.more:hover .subnav,
  body .l-home .mainnav .navwrap li.more:hover .subnav:before,
  body .l-home .mainnav .navwrap li.more:hover .subnav li {
    background: var(--sub-nav-background) !important;
    color: var(--sub-nav-text) !important;
  }

  .contactnav,
  .contactnav:before,
  .contactnav:after { height: 51px !important; }

  .l-home .mainnav .navwrap .contacttrigger .contactnav li a span,
  body .l-home .mainnav .navwrap .stockstrigger .stocksnav .line-two span.section-head,
  body .l-home .mainnav .navwrap li.contacttrigger:hover a span {
    color: var(--sub-nav-inactive) !important;
  }

  body .l-home .mainnav .navwrap .subnav a span {
    color: var(--sub-nav-text) !important;
  }

  body .l-home .mainnav .navwrap .stockstrigger .stocksnav .line-one toolbox-nav .toolbox-hover-header .toolbox-nav-button:hover,
  body .l-home .mainnav .navwrap .stockstrigger .stocksnav .line-two span:not(.section-head):hover {
    background: var(--top-nav-active-bg) !important;
    color: var(--brand-red) !important;
  }

  body .l-home .mainnav .navwrap li.more:hover .subnav li.username-on-nav-more {
    background: transparent !important;
  }

  body li.contacttrigger .contactnav li a {
    height: 51px !important;
    margin-top: -1px !important;
  }

  body .l-home .mainnav .navwrap .contacttrigger .contactnav li a span {
    color: var(--black) !important;
  }

  body .l-home .mainnav .navwrap .contacttrigger .contactnav li a span:hover {
    color: var(--sub-nav-inactive__hover) !important;
  }

  body .left-divider.inline:before {
    background: var(--brand-stone) !important;
  }

  body .toolbox-nav-button.filter-btn:before,
  body .toolbox-nav-button.filter-btn:hover:before {
    background: url('/static-assets/images/filter-outline-white.svg') no-repeat !important;
  }

  /* screening */
  body .toolbox-nav-wrapper .toolbox-nav-button:first-child {
    color: var(--black) !important;
  }

  /* username */
  body .toolbox-nav-wrapper .username {
    color: var(--black) !important;
  }

  /* inactive item */
  body.toolbox-open .toolbox-content .toolbox-nav-wrapper .toolbox-nav-button:not(:first-child),
  body .toolbox-nav-wrapper .toolbox-nav-button,
  body .toolbox-nav-wrapper .toolbox-nav-button:nth-child(2) {
    color: var(--black) !important;
  }

  body .toolbox-nav-wrapper .toolbox-nav-button:first-of-type:hover {
    color: var(--black) !important;
  }

  /* inactive item hover */
  body.toolbox-open .toolbox-content .toolbox-nav-wrapper .toolbox-nav-button:not(:first-child):hover,
  body .toolbox-nav-wrapper .toolbox-nav-button:hover,
  body .toolbox-nav-wrapper .toolbox-nav-button:nth-child(2):hover {
    color: var(--brand-red) !important;
  } 

  /* active item */
  body.toolbox-open .toolbox-content .toolbox-nav-wrapper .toolbox-nav-button.active,
  body.toolbox-open .toolbox-content .toolbox-nav-wrapper .toolbox-nav-button.active:hover {
    background: var(--brand-stone-60) !important;
    color: var(--brand-blue) !important;
  }

  /* reset-all */
  .toolbox-nav-wrapper .toolbox-reset-all div.control-line button,
  body .l-home .sidebar .toolbox-controls .control-line.control-button-line .button,
  body.toolbox-open .toolbox-controls .control-button-line .button {
    background: var(--reset-bg) !important;
    color: var(--reset-text) !important;
  }

  .toolbox-nav-wrapper .toolbox-reset-all div.control-line button:hover,
  body .l-home .sidebar .toolbox-controls .control-line.control-button-line .button:hover,
  body.toolbox-open .toolbox-controls .control-button-line .button:hover {
    background: var(--reset-bg__hover) !important;
    color: var(--reset-text__hover) !important;
  }

  /* filter */
  body.toolbox-open .toolbox-wrapper .toolbox-content ideas-toolbox-nav .toolbox-nav-wrapper .toolbox-nav-button.filter-btn:before,
  body .toolbox-nav-button.filter-btn:before,
  body.toolbox-open .toolbox-wrapper .toolbox-content ideas-toolbox-nav .toolbox-nav-wrapper .toolbox-nav-button.filter-btn.active:before {
    background: url('/static-assets/images/filter_new.svg') no-repeat !important;
    background-size: contain !important;
  }

  body .toolbox-nav-button.filter-btn:hover:before {
    background: url('/static-assets/images/filter_new_red.svg') no-repeat !important;
    background-size: contain !important;
  }

  /* logo */
  body .search-open .l-home .mainnav .navwrap-left .logo,
  body .l-home .mainnav .navwrap-left .logo {
    background: url('/static-assets/images/Redburn-Atlantic_WHITE.png') no-repeat 0 17px #000 !important
  }

  body .l-home .mainnav .navwrap-left .rblogo {
    padding-top: 7px !important;
  }

  body .l-home .mainnav .navwrap-left .rblogo img {
    width: 105px !important;
  }

/* title */
  body.home .l-home #template-header .wrapper-titles h2 {
    font-size: 3.5rem !important;
  }

/* right header buttons */
  body .l-home .right-header-buttons div {
    background: var(--brand-stone-60) !important;
  }

  body .l-home .right-header-buttons div:hover {
    background: var(--brand-orange) !important;
  }

/*
  TOOLBOX
*/
  body .l-home .toolbox-controls-header,
  body.toolbox-open .toolbox-controls-header-filters {
    background: var(--toolbox-header) !important;
  }

  body .l-home .toolbox-controls-header .close-sidebar span,
  body .l-home .toolbox-controls-header.sidebar-open .close-sidebar span {
    background: var(--brand-blue-80) !important;
  }

  body .toolbox-nav-wrapper.back-to .toolbox-nav-button,
  body .toolbox-nav-wrapper.back-to .toolbox-nav-button:nth-child(2) {
    background: var(--back-to-bg) !important;
    color: var(--back-to-text) !important;
  }

  body .toolbox-nav-wrapper.back-to .toolbox-nav-button:hover,
  body .toolbox-nav-wrapper.back-to .toolbox-nav-button:nth-child(2):hover,
  body #wrapper ideas-back-to-nav .toolbox-nav-wrapper.back-to .toolbox-nav-button:not(:first-child):hover {
    background: var(--back-to-bg__hover) !important;
    color: var(--back-to-text__hover) !important;
  }

  body .toolbox-buttons {
    background-color: var(--toolbox-buttons-bg) !important;
  }

  body .toolbox-content ideas-control-buttons .toolbox-buttons-wrapper .toolbox-buttons button.button:not(.active) {
    background: var(--toolbox-buttons-button) !important;
  }

/*
  FOOTER
*/

  #page-footer {
    background: var(--brand-blue) !important;
    color: var(--white) !important;
  }

  #page-footer .info p,
  #footer-nav .copyrightdate {
    color: var(--white) !important;
  }

  #page-footer .info p a,
  body #page-footer nav#footer-nav a,
  #page-footer .info p a:hover,
  body #page-footer nav#footer-nav a:hover {
    color: var(--brand-orange) !important;
  }

  #page-footer .info p a:hover,
  body #page-footer nav#footer-nav a:hover {
    cursor: pointer;
    text-decoration: underline;
  }

  #page-footer nav#footer-nav {
    border-top: solid 1px var(--brand-stone) !important;
  }