body{
  position: relative;
  overflow-x: hidden;
}
p {
    -webkit-font-smoothing: antialiased;
}
#container{
  width: 100%;
}
/*
.isAdmin #container{
  width: 85%;
}*/
/*.isAdmin #content-inner{
  width: 95%;
}*/

#container a{
  text-decoration: none;
}

#header-inner, #content-inner, #footer-inner{
  margin: 0 auto;
  position: relative;
}
#content-inner{
  padding-bottom: 1px;
  padding-top: 1px;
}
/*#header-inner>div>div, #footer-inner>div>div{
  
}*/
/*
width default
*/
/*.menu, .baseline{
  width: auto;
}*/

#content-inner .breadcrumb a, #content-inner .breadcrumb a:hover{
  text-decoration: none;
}
#content-inner h1 a, #content-inner h2 a, #content-inner h3 a, #content-inner h4 a{
  text-decoration: none;
}

#content-inner h1 a:hover, #content-inner h2 a:hover, #content-inner h3 a:hover, #content-inner h4 a:hover{
  color: inherit;
  opacity: 0.8;
}
.post-navigation{
  padding-top: 0.5em;
}
/*
margins & paddings default
*/
#content-inner h1, #content-inner h2, #content-inner h3, #content-inner h4{
  padding-left: 1em;

}
#content-inner p, #content-inner blockquote, #content-inner .post-abstract, #content-inner .post-content{
  margin-left: 1em;
  margin-right: 1em;
  /*margin-top: 1em;*/
}

#content-inner .ma0{
  margin-left: 0 ;
  margin-right: 0;
  margin-top: 0;
}

#content-inner [class*="grid-"] > p:first-child{
   margin-left: 1em;
}
#content-inner [class*="grid-"] > p{
    margin-right : 0;
}
#content-inner blockquote{
 margin-left: 3em;
 margin-right: 3em; 
}

.grid-1 > *, .grid-1-small-1 > *{
  margin-left: 0;
  width: 100%;
}
[class*="grid-"] > script, [class*="grid-"] > style{
  display: none;
}
.share{
  clear: both;
  padding-top: 1em;
  padding-bottom: 0.5em;
  padding-right: 1em;
}


#header-inner>[class*="grid-"], #footer-inner>[class*="grid-"]{
  margin-left:0;
}
/*
#content-inner article.post .post-left{
  width: auto;
}*/


/*
primary-bg / secondary-bg
*/

#content-inner .primary-bg a, #content-inner .secondary-bg a{
  color: inherit;
}

.block-baseline h1, .block-baseline h2, .block-baseline h3, .block-baseline h4{
  color: inherit;
  margin: 0;
  padding: 0;
}
.block-baseline{
  font-size: 2em;
}

.block-logo h1{
  margin: 0;
  padding: 0;
}

.block-logo h1 a{
  display: block;
}

/*
  NAVIGATION
  */


.menu{  
  /*width: 100%;*/
  margin: 0 auto;
}
.menu .navigation{
}
.menu li, .menu  li{
  display: inline-block;
  text-align: center;
}
.menu .navigation-vertical li{
  display: block;
  text-align: left;
}
.menu .navigation ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.menu .navigation li{
  list-style-type: none;
  padding: 0 0.2em;
  position: relative;
}
.menu .navigation-horizontal a{
  display: inline-block;
}
.menu .navigation-horizontal a, .menu .navigation-horizontal label{
  min-width: 100px;
  padding: 0 1em;
  min-height: 3em;
  line-height: 3em;  
  position: relative;
  margin: 0;
}
.menu .navigation a:hover{
}

.loginMenu > div{
  display: inline-block;
  width: 100%;
}
.loginMenu .dropdown{

}
.loginMenu a{
  display: inline-block;
  color: inherit;
}
.loginMenu a:hover{
  opacity: 0.6;
}


.admin-pages #content-inner{
  width: 100%;
}
/*
MENU AND SUBMENU
*/
.toggleMenu,
[id^=drop] {
  display: none;
}
[id^=drop]{
  left: auto;
  position: relative;
}
.menu .navigation-horizontal ul ul {
  display: none;
  position: absolute; 
  /* has to be the same number as the "line-height" of "nav a" */
  /*top: 60px; */
  padding-left:0;
  
  z-index: 10;
  box-shadow: black 0px 1px 5px -1px;
  top: 100%;
  left: 0;
  width: auto;
  border-radius: none;
}

.menu .navigation ul.submenu a{
  display: block;
  border-radius: none;
  text-decoration: none;
  background: white;
  color: black;
}
.menu .navigation ul.submenu a:hover{
  color: gray;
}

.menu .navigation ul.submenu li{
  display: block; 
}
.menu .navigation ul li:hover > ul {
  display:inherit;
}
/*.menu li > a:after { content:  ''; }
.menu li > a:only-child:after { content: ''; }
*/

.menu .navigation ul ul>li {
  /*width:170px;*/
  float:none;
  display: block;
  position: relative;
  padding:0;
}
.menu .navigation ul ul ul{
  left: 100%;
  top: 0;
}
.menu .navigation ul ul ul li {
  position: relative;
  /*top:-60px;*/
  /* has to be the same number as the "width" of "nav ul ul li" */ 
  /*left:170px; */
}


.menu .navigation-vertical ul ul {
  margin-left: 2em;
}




/*
UL, OU
*/
ul, ol{
  list-style-position: inside;
}

/*
COURSE MENU
*/
.course-menu h1{
  padding-left: 0.5em;
}
#content-inner .course-links{

  /*border: solid black 1px;*/
  list-style-type: none;
  list-style-image: none;
  padding: 0;
}
#content-inner .course-links li{
  padding: 0;
  margin: 0;
}

#content-inner .course-links li a, #content-inner .course-links li.current{
  display: block;
  min-width: 15em;
  margin: 0;
  padding: 1em;
  text-decoration: none;
}



/*
blockquote
*/
blockquote, blockquote:first-child{
    box-shadow: 0px 0px 1px #ccc;
    /*margin: 1.5em 0px 1.5em -1.5em;*/
    padding: 0.75em 0.5em 0.75em 1em;
    background: none repeat scroll 0% 0% #fefefe ;
    border-left: 0.5em solid #DDD;
    background-color: #f2f2f2;
    margin: 3em;
    margin-left: 2em;
    color: black;
}

blockquote:before{
    display: block;
    height: 0px;
    content: "“";
    text-align: left;
    margin-left: -0.95em;
    font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif;
    color: #999;
}

blockquote footer{
    color: gray;
    margin-top: 1em;
    text-align: right;
    font-variant:small-caps;
    font: italic 1em Cochin,Georgia,"Times New Roman",Times,serif;
}

/*
ZERUDI BRAND
*/

.powered_by{
  text-align: center;
  font-size: 15px;  
  padding: 0.5em;
}
.powered_by a{
  color: white;
  text-shadow: 1px 1px 1px  black;
}

/*
trackers
*/
.trackers{
  color: white;
  text-shadow: 1px 1px 3px black;
  text-align: right;
  padding: 0.5em; 
}

[class*="flex-"], .flex{
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  flex-direction: row;
  display: flex;
}
.flex-space-between{
  justify-content: space-between;
}
.flex-space-around{
  justify-content: space-around;
}


.flex-row{
  flex-direction: row;
}
[class="grid-1"] > *{
  width: 100%;
}


.inner-line>*{
  min-height: 2em;
}