/* custom css for "jazz-light" rev 005 */

/* ### set standard colors */

:root {
  --body-all: #F5F6FF;
  --back: #DBDDF0;
  --hx: #99000B;
  --modul-text: #FFFFFF;
  --btn-jazz: #6C71A3;
  --btn-jazz-pick: #CBCFF6;
}

.bg-gray {
    background: var(--back) !important; /* back */
}

body {
background: var(--body-all);
}

h1 {
color: var(--hx);
}

h2,h3,h4,h5,h6,p {
color: black;
}

html body#top.header-fixed.header-animated.header-dark.header-transparent.sticky-footer div#page-wrapper section#start section.section.modular-text.bg-gray section.container.grid-lg, div.columns.left div.column.col-6.col-md-12 {
background: var(--modul-text);  /* modul-text */
margin-top: 0.3rem;
}

html body#top.header-fixed.header-animated.header-dark.header-transparent.sticky-footer div#page-wrapper section#start section.section.modular-text.bg-gray section.container.grid-lg {
padding: 2%;
box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.35);
-webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.35);
}

#header.section.scrolled {
  opacity            : 1;
  background         : #181a39;
/*  background-image   : url("../images/slate_white_002.png"); */
  -moz-box-shadow    : 0px 2px 5px -1px rgba(0,0,0,0.4);
  -webkit-box-shadow : 0px 2px 5px -1px rgba(0,0,0,0.4);
  box-shadow         : 0px 2px 5px -1px rgba(0,0,0,0.4);
}

/* hero override transparent h2 */
.hero.text-light h2 {
    color: rgba(255,255,255,1) !important;
}

/* custom premium colors */

.dropmenu ul li a.active,
.dropmenu ul li a:focus,
.dropmenu ul li a:hover {
  color : white !important;
  background : transparent;
}

html body#top.header-fixed.header-animated.header-dark.header-transparent.sticky-footer div#page-wrapper section#header.section section.container.grid-lg nav.navbar section.navbar-section.desktop-menu nav.dropmenu.animated ul li ul li a, 
html body#top.header-fixed.header-animated.header-dark.header-transparent.sticky-footer div#page-wrapper section#header.section section.container.grid-lg nav.navbar section.navbar-section.desktop-menu nav.dropmenu.animated ul li ul li a.active {
color: white !important;   
background: #181a39;   
}

html body#top.header-fixed.header-animated.header-dark.header-transparent.sticky-footer div#page-wrapper section#header.section.scrolled section.container.grid-lg nav.navbar section.navbar-section.desktop-menu nav.dropmenu.animated ul li a {
color: white !important;
}

/* guest top-menu */

html body#top.header-fixed.header-animated.header-dark.header-transparent.sticky-footer div#page-wrapper section#header.section.scrolled section.container.grid-lg nav.navbar section.navbar-section.desktop-menu span.login-status-wrapper span.login-status a.logout,  
html body#top.header-fixed.header-animated.header-dark.header-transparent.sticky-footer div#page-wrapper section#header.section.scrolled section.container.grid-lg nav.navbar section.navbar-section.desktop-menu span.login-status-wrapper span.login-status strong {
color: white !important;
margin-left: 0.5rem;
}

/*  jazz buttons  */

a.btn-jazz {
    background-color: var(--btn-jazz);
    color: white;
    border: none;
    border-radius: 7px;
    min-width: 20rem;
    cursor: pointer;
    position: center;
}

.btn-jazz:hover {
    background-color: var(--btn-jazz-pick);
    color: black;
}


/* mobile menu */

.overlay-menu {
  padding-left : 1em;
}

.mobile-menu .button_container span {
  background : var(--back);
}

/* ### force all open ###
.treemenu { display: block !important;
} */

.treemenu li a {
  margin-left : 2em;
  color       : var(--back);
}

.treemenu li a.active,
.treemenu li a:focus,
.treemenu li a:hover {
  color           : #ffffff !important;
  text-decoration : none;
}

.treemenu li {
  color : #FFFF78;
}

.treemenu li.tree-empty > .toggler {
  color   : #FFFF78;
  opacity : 0.6;
  cursor  : default;
}

.treemenu li.tree-empty > .toggler:before {
  content : "\2022";
  color   : #FFFF78;
}

.treemenu li.tree-closed > .toggler:before {
  content : "\2304";
  color   : #FFFF78;
}

.treemenu li.tree-opened > .toggler:before {
  content : "\2304";
  color   : #FFFF78;
}

html body#top.header-fixed.header-animated.header-dark.header-transparent.sticky-footer section#footer.section.bg-gray {
  
    background-color: #181a39 !important;
/*  color: yellow !important;  _test?_ */
}

html body#top.header-fixed.header-animated.header-dark.header-transparent.sticky-footer section#footer.section.bg-gray section.container.grid-lg h4 {
  
    color: white;
}