/* common CSS rules shared between the edition and website */

/* ================================================================ */
/* fonts                                                            */
/* ================================================================ */

@font-face {
  font-family: 'Winco';
  src: url('../fonts/Winco-Regular.woff2') format('woff2'),
      url('../fonts/Winco-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Calluna';
  src: url('../fonts/Calluna-Regular.woff2') format('woff2'),
      url('../fonts/Calluna-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* ================================================================ */
/* basic text structures                                            */
/* ================================================================ */

html, body {
    margin: 0;
    padding: 0;
    border: none;
}
body {
    font-family: 'Winco', Lucida, Verdana,Arial,sans-serif;
    height: 100%;
    font-size: .9em;
    line-height: 160%;
	  margin: auto;
    min-width: 900px;
    max-width: 1400px;
    padding: 0 5%;
    background: #fff;
}
#body, #footer {
  clear: both;
}
#body {padding-top:20px;margin-top:2em;}
#body::before {
  content: '';
  position: absolute;
  width: 100vw;
  height: 100%;
  left: 0;
  background: #fff;
  z-index: -1;
  left: 0;
}
#footer {
  margin-top: 5em;
  font-size: .7em;
  text-align: center;
  line-height: 150%;
}

/* based on http://webdesign.about.com/od/layout/a/prioritize-content-use-css-float-for-layout.htm */
/* very useful resource:
   http://webdesign.about.com/od/layout/a/prioritize-content-use-css-float-for-layout.htm 
*/   
#body { padding: 0; }
#footer, #main  { padding: 2em 1%; margin: 1em 0; }
#footer.pushed {margin-left: 24%; width: 70%;}
#leftcol { float:left; width: 20%; padding-top: 0; margin-top:20px; }
#main { float: right; width: 74%; margin-left: 1%; background:#fff; margin-top: 20px; padding:0 2% 2em;}
#main.full { width: 98%; float: none; /*border: none;*/ padding: 0;}

.left { float: left; }
.right { float: right; }
.clear { clear:both; }
.leftcol {float:left; padding-right: 1em;}
.rightcol {float:right; /*position: relative;*/}

/* **************************************************************** */
/* headings                                                         */
/* **************************************************************** */
h1, h2, h3, h4, h5, h6, h7 { padding: 0; }
h1 {
	font-size : 2em;
	font-family: 'Calluna', Arial;
	color: rgb(75,88,77);
	text-align: left;
  line-height: 130%;
  font-weight:600;
}
h2 { 
  font-family: 'Calluna', Arial;
  font-weight:600;
  Text-Align: left;
  font-size : 140%;
}
h3 { 
  font-size : 130%;
}
h4 { 
  font-size : 110%;
}
.leftcol h3 {
  margin: 0;
}
body h1 {
  line-height: .7em;
}
#maintitle h1 {
  font-size:160%;
  font-family: 'Winco', Arial, sans-serif;
  font-weight:400;
  
  margin-bottom:20px;
}
#headertitle h1 {
  font-size:250%;
  line-height:100%;
  margin-top:0;
}

/* ================================================================ */
/* page elements                                                    */
/* ================================================================ */
a[href] {text-decoration:none; color: #1590E5;}

table {
    border-spacing: 0;
    width: 100%;
}
img { border: none; max-width:100%; }

th,dt {
  font-weight: bold;
}

td {
  font-weight:initial;
  text-align:initial;
}

span.term {font-style: italic;}
span.mentioned {font-style: italic;}
span.code {font-family: lucida console, courier;}
.mono, span.gi, span.tag, span.att, span.val, span.ident {font-family: monospace; font-size: smaller; font-weight:bold;} 

dl {
  margin-top: 1em;
  margin-bottom: 1em;
}

#leftcol dl {
  margin-left: 1em;
}
#leftcol dl > dd {
  margin-left: 2em;
}
#leftcol dl > dt {
  float:  left;
}
/* ----- */                    
/* egXML */
/* ----- */                    
.egXML {
	font-family: monospace;
	font-size: smaller;
	}
div.inline-block.egXML {
  border: none;
  margin-left: -1em;
}
div.egXML {
  border: solid 1px black;
}
table div.egXML {
	padding-left: 0;
}

.xml-inline { 
  display: inline;
}
.xml-block { 
  display: block;
	margin-left: 1.2em;
	position:relative;
}

.xml-pi {
	color: #aa00aa;
	white-space: pre;
}
.xml-element-tag {
	color: #01005F;
}

.xml-element-name {
	color: #1818B4;
}

.xml-attribute-name {
	color: #189518;
}

.xml-attribute-value {
	color: #8B1410;
}

.xml-match {
	color: #0000FF;
}

.xml-comment {
	color: gray;
}

/* **************************************************************** */
/* JQuery.ui overrides                                              */
/* **************************************************************** */
.ui-widget { 
  font-family: Verdana,Arial,sans-serif; 
  font-size: .9em; 
}
.ui-multiselect-menu .ui-state-active {
    background: #FA4A52; /*#999966;*/
    color: white;
}
.ui-widget-header{
  background:none !important;
  background-color:#ededed !important;
}

/* ****** superfish.css ****** */

.sf-menu.sf-arrows .sf-with-ul::after {
  border-top-color:rgba(0,0,0,.3) !important;
}
.sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color:white !important;  
}