/*
  Theme Name: Sage OHC "new brand"
  Theme URI: https://bitbucket.org/pierrefalconetti/ohc-ux-dev/src/dev-ohc-100SaaS/
  Author: Guillaume Savary & Pierre Falconetti
  Author URI: https://marvelapp.com/prototype/6je4366/screen/67106822
  Author URI: https://marvelapp.com/prototype/585ed40/screen/69096913
  Author URI: https://marvelapp.com/prototype/8f603e9/screen/70174192
  Description: Adapting Sage OHC v4 theme to specific Sage 100 SaaS needs.
  Template: sageohc
  Version: 4.3.353
  License: Copyright Sage 2020-2022
  Tags: three-column, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready, responsive, iframe-able, multi-context, cross-origin data exchange
  Text Domain: Sage OHC 100SaaS
*/

/* Header bar */

html .header,
#header {
  background-color: #000000;
  box-shadow: none;
}

#header .text-logo,
#header .actions *,
#header a.faq-icon > i.icon,
#header .main-menu-toggle .icon,
#header .main-search-toggle .icon {
    color: #ffffff !important;
}

.logo-container .text-logo {
  border-left: 1px solid #ffffff;
}

#header div.asp_m.asp_m_1 .probox {
  background: #ffffff !important;
}

@media screen and (max-width: 767px) {

  #main-menu-container {
    background: #ffffff;
  }
}

@media screen and (min-width: 768px) {

  #header .toggle-favorites > a > i.icon,
  #header .toggle-history > a > i.icon {
    color: #ffffff !important;
  }
}

html .iframed .header,
.iframed #header {
  background-color: #ffffff;
}

/* Header of pages */

#homepage-banner,
#content.with-header-background .header {
  background-color: #000000;
}

@media screen and (min-width: 380px) { /* $breakpoint_extra-small_start-medium */

  #homepage-banner {
    background: url(./home-page-hero.png) 90% 55% no-repeat #000000;
    background-size: 40%;
  }
}

@media screen and (min-width: 768px) {

  #homepage-banner {
    background: url(./home-page-hero.png) 90% 20% no-repeat #000000;
    background-size: 40%;
  }
}

@media screen and (min-width: 1024px) {

  #homepage-banner {
    background: url(./home-page-hero.png) 90% 55% no-repeat #000000;
    background-size: 40%;
  }
}

@media screen and (min-width: 1400px) {

  #homepage-banner {
    background: url(./home-page-hero.png) 90% top no-repeat #000000;
    background-size: 40%;
  }
}

/* Footers */

#sociallinks,
#footer-mentions {
  background-color: #000000;
  color: #ffffff;
}

#sociallinks {
  border-bottom: 1px solid #666666;
}

#footer-mentions {
  padding: 8px 16px 12px;
}

#footer-mentions *,
#footer-mentions a,
#footer-mentions .ohc-lang-select span,
#footer-mentions .ohc-lang-select span a {
  color: #ffffff;
}

#sociallinks hr {
  margin-top: 8px;
}

/* Asides */

div.asp_m {
  background-color: #ffffff !important;
}

.aside .quicklook,
aside.aside .quicklook {
  background: url(../icons/detailed-icons/business-generic/book-open.svg);
}
  
.aside .quicklinks,
aside.aside .quicklinks {
  background: url(../icons/detailed-icons/business-generic/link.svg);
}

/* OHC Chat */

.chat-channel-selector .chat-channel {
  border: 2px solid #000000;
}

.chat-channel-selector .chat-channel-cta {
  background-color: #06A55C; /* $jade */
}