/* from 0 */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * 
 */
 
body{
	background-color:#f0fff1; /* logo background */
    font-family: 'Chalkboard SE',sans-serif;
    font-size: 16px;
    line-height: 1.4;
    color: #385947; /* green towards black */
}

/**
 * navigation bar with left and right parts
 */

div#main{
    padding-left:10px;
    padding-right:10px;
}
div.moduletable_menu{
	float:left;
	position:relative;
	left:-10px
}
div.moduletable_lang{
	float:right;
}
div.nav-inside{
}
div#main{
	clear:both;
}
/**
 * changes required by Joomla 4.3
 *   hide language prompt
 *   set languages on the right
 *   show active language with logo background
 *   div.moduletable no longer exist, so properties need to be defined on different elements
 *      there is not even a div any longer around menus, but a straight ul.mod-menu
 */
p.visually-hidden{
	display:none;
}
ul.mod-menu{
	/*float:left;*/
	position:relative;
	left:-10px
}
ul.mod-menu>li.active>a{
	color:#e99469; /* logo yellow */
}
div.mod-languages{
	float:right;
}
div.mod-languages ul li.lang-active {
  background-color:#f0fff1; /* logo background */
}
div.mod-languages ul {
  /* how to disable the reduced margin in another css file? */
}
div.mod-languages a {
  padding: .1rem;
}

/**
 * menu items horizontally instead of vertically
 */

/* .moduletable_menu>ul or nav-inside ul */
.nav-inside a{
    padding: 3px 0;
    margin: 0 7px;
}
.nav-inside ul{
	padding-inline-start:10px;
}
/*
.ul>li:first-child{
    margin-left: -10px;
}
*/
.nav-inside ul>li{
    float: left;
    list-style-type: none;
    position: relative;
}
/*
.nav-inside ul>li>a:after{
    content: "•";
    margin-left: 10px;
    margin-right: -10px;
}
*/
.nav-inside ul>li:last-child>a:after{
    display: none;
}
.moduletable_menu>ul>li.active>a{
	color:#e99469; /* logo yellow */
}

.nav-inside a{
    text-transform: uppercase;
    text-decoration: none;
    color:#f0fff1; /* logo background */
}

/**
 * navigation bar colours
 * overflow hidden is to prevent the parent from collapsing onto itself when its children are floated
 */

.nav-inside{
	background-color:#458d7d; /* logo green */
	overflow:hidden;
	padding-bottom:14px;
}

/**
 * blog settings
 */
div.leading-0{
    /*border-bottom: 2px solid #458d7d;*/ /* logo green */
    /*padding-bottom:16px;*/
}
div.page-header, div.blog-items.items-leading div.page-header{ /*   */
    border-top: 0px solid #458d7d; /* logo green */
}
div.item, div.cat-children, div.blog-items div.page-header{
    border-top: 2px solid #458d7d; /* logo green */
}
.cat-children h3{
	color:#e99469; /* logo yellow */
}

/**
 * article settings
 */
.page-header h1, .page-header h2{
	font:36px 'Chalkboard SE', sans-serif;
	color:#e99469; /* logo yellow */
	margin-block-start: 0em;
	margin-block-end: 0em;
}
dl.article-info{
	margin-block-start: 0em;
}
p>a:link, dd>a:link, .cat-children h3>a:link{
	color:#e99469; /* logo yellow */
}
p>a:visited, dd>a:visited, .cat-children h3>a:visited{
	color:#458d7d; /* logo green */
}
div.clearfix{
    margin-bottom:16px;
}

/**
 * search settings
 */
.btn-toolbar{
 	margin-top:16px;
 }
 div#search-query-explained{
	display:none;
 }

/**
 * footer settings
 */
div#footer{
    margin-top:24px;
    padding-top:16px;
    border-top: 2px solid #458d7d; /* logo green */
    padding-bottom:16px;
}

@media screen and (max-width: 480px){
	div#header > div > a > img{
		max-width:100%;
	}
}

@media screen and (min-width: 760px){ /*812, 966*/
}