/*
Theme Name: Helium EAH SW Child
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Helium - Gantry 5 Child Theme
Template: g5_helium
Version: 1.0.1
Text Domain: g5-helium-child

*/


:root {
    --swfarbe: #e6441d;
    --eahfarbe: #00aaa0;
}


/* ****************************************************************************** */
/* redline  */
#redline {
/*	position: absolute; */
	width:100%;
/*	top:85px; */
	left: 0px;
	height: 15px;
	background: var(--swfarbe);

}




/* ****************************************************************************** */
.rednews {
	border: 1px solid var(--swfarbe);
	border-bottom: 15px solid var(--swfarbe);
	background: #f0f0f0;
	min-height: 70px;
	min-width: 300px;
	max-width: 1150px;
	padding: 15px;
	margin: 0;
}

.rednewsbg {
	padding-right: 300px;
}


.redbox {
	border: 1px solid var(--swfarbe);
	border-bottom: 15px solid var(--swfarbe);
	background: #f0f0f0;
	min-height: 300px;
	min-width: 300px;
	max-width: 1150px;
	padding: 15px;
	margin: 0;
}

@media (max-width: 48rem ) {
.redboxbg {
	padding-bottom: 300px;
}
}

@media (min-width: 48rem ) {
.redboxbg {
	padding-right: 300px;
}
}

.redbox pre {
	padding: 0;
	margin: 0;
	display: inline;
	border: none;
	background: none;
	line-height: 1;
	border-radius: 0;
}

.redbox h1 {
	font-size: 130%;
	color: var(--swfarbe);
}

.redbox h2 {
	font-size: 120%;
	color: var(--swfarbe);
}

.redbox h3 {
	font-size: 110%;
	color: var(--swfarbe);
}

.redbox_vcard h1 {
	font-size: 110%;
	color: var(--swfarbe);
}

.redbox_vcard {
	font-size: 0.9em;
}

.redborder {
	border: 1px solid var(--swfarbe);

}

#redboxusertext {
	margin-top: -35px;
	padding-right: 70px;
	min-height: 50px;
	color:#fff; 
	text-shadow: 2px 2px 2px #888, -2px 2px 2px #888, 2px -2px 2px #888, -2px -2px 2px #888;
	text-align:right;
}

.width50 {
	width:50%;
	vertical-align:top;
}

.width50p {
	width:50%;
	vertical-align:top;
	padding-left: 2px;
	padding-right: 2px;
}

.width100 {
	width:100%;
	vertical-align:top;
}


table.swtab {
	border: 2px solid black;
	border-collapse: collapse;
	width: 80%;
}

table.swtab td {
    border: 1px solid black;
    text-align:center;
    padding: 0.5em;
}

table.swtab td.swtabdot {
    border-bottom-style: dashed;
    border-bottom-color: grey;
    border-top-style: dashed;
    border-top-color: grey;
    width: 40%;
}



.redbox_vcard {
	border: 1px solid var(--swfarbe); 
	background: #f9f9f9; 
	min-height:180px;
	padding-left:1em;
	padding-right:1em;
	margin:2px;
}

#content .redbox_vcard h1,
#content .redbox_vcard a h1{
	font-size: 120%;
}

.redbox_vcard ul {
	list-style-type: none;
	padding-left: 0;
}



/* ****************************************************************************** */

@media (max-width: 55rem ) {
#menu-left-default {
	display: none;
}
}


#menu-left-default {
	font-size: medium;
	font-variant: small-caps;
/*	border: 1px dashed blue; */
}


#menu-left-default  ul.nav-menu-links  > li.menu-item  {
	display: none;
}

#menu-left-default  ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.menu-item  > ul.sub-menu > li.menu-item ,
#menu-left-default    ul.nav-menu-links  > li.current-menu-item  > ul.sub-menu > li.menu-item  > ul.sub-menu > li.menu-item { 
	display: none;
}

#menu-left-default    ul.nav-menu-links  > li.current-menu-item {
	display: block;
}

#menu-left-default    ul.nav-menu-links  > li.current-menu-ancestor {
	display: block;
}

#menu-left-default    ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu > li.menu-item  ,
#menu-left-default    ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-item > ul.sub-menu > li.menu-item  { 
	display: block;
}


#menu-left-default    ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
/*  background: #e44822; */
}

#menu-left-default   ul li {
	margin: 0;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #cccccc;
/*	border-top: 1px solid #f4e0dc;
	border-bottom: 1px solid #e44822;*/
	border-radius: 0.3em;
/*	background: var(--swfarbe);*/
	background: #ffffff;
}

#menu-left-default   ul li a {
	display: block;
	border-radius: 0.3em;
	padding: 0.2em;
	padding-left: 0.75em;
/*	color: #ffffff;*/
/*	color: var(--eahfarbe);*/
	color: #888888;
	font-weight: bold;
	text-decoration: none;
}

#menu-left-default   ul li ul li a {
	padding-left: 1.5em;
}

#menu-left-default   ul li ul li ul li a {
	padding-left: 2.5em;
}

#menu-left-default   ul li ul li ul li ul li a {
	padding-left: 3.5em;
}

#menu-left-default   ul li ul li ul li ul li ul li a {
	padding-left: 4.5em;
}

#menu-left-default   ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu  li.menu-item   ,
#menu-left-default   ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-item > ul.sub-menu  li.menu-item  ,
#menu-left-default   ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-ancestor   { 
	background: #ffffff;
/*	color: var(--swfarbe);*/
	color: var(--eahfarbe);
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #eeeeee;
/*	background: #f0f0f0;
	border-bottom: 1px solid #f4e0dc;
	border-top: 1px solid #e44822; */
}

#menu-left-default   ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu  li.menu-item   > a,
#menu-left-default   ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-item > ul.sub-menu  li.menu-item  > a,
#menu-left-default   ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-ancestor   > a { 
	color: var(--eahfarbe);
}

#menu-left-default   ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-ancestor > ul.sub-menu  li.menu-item   > a:hover,
#menu-left-default   ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-item > ul.sub-menu  li.menu-item  > a:hover,
#menu-left-default   ul.nav-menu-links  > li.current-menu-ancestor  > ul.sub-menu > li.current-menu-ancestor   > a:hover { 
/*	background: #e0e0e0;*/
	background: #f0f0f0;
}

#menu-left-default   li.current-menu-item > a {
/*	background: #d0d0d0;*/
	background: #e0e0e0;
/*	color: var(--swfarbe);*/
	color: var(--eahfarbe);
}


#menu-left-default   ul li a:hover {
	color: #eee;
/*	background: #d03000;*/
	background: var(--eahfarbe);
}