/******************************************************************************/
/*                                                                            */
/*   BASE FOR SCREENS BETWEEN 640 AND 960 CSS PX                              */
/*                                                                            */
/*   BASE COLOURS                                                             */
/*      green           #3bda00                                               */
/*      glight          #6bec3b                                               */
/*      gdark           #268e00                                               */
/*      glight+         #8eec6a                                               */
/*      gdark+          #326e1c                                               */
/*                                                                            */
/******************************************************* SB 20140316 20221001**/


/* DEFAULT LAYOUT *************************************************************/

/* DEFAULT STYLING ************************************************************/

h1,h2,h3 {
    -webkit-font-smoothing: antialiased;
}

/* HEADER *********************************************************************/

/* NAVIGATION *****************************************************************/

/* BANNER  ********************************************************************/

div#banner {
      display:block;
      clear:both;
      width:100%;
      position:relative;
}

/* HEADER  ********************************************************************/

div#branding {
    display: block;
	width:50%;
    float: left;
    margin-bottom:2.5em;
}

div#motto {
	display:block;
	width:50%;
    float: right;
    margin-bottom:2.5em;
}


/* NAVIGATION *****************************************************************/

ul#navigationA {
	clear: both;
    width: 100%;
    font-size:1.1em;
    background:#326e1c;
    /*margin-top: 3.0em;*/
    margin-bottom: 0;
}
ul#navigationA li {
	width:33.33%;
    float:left;
    border:0; 
    text-align:center;
}

ul#navigationA li:nth-child(3n+1) {
    margin-left:0;
    clear:both;
}
ul#navigationA li:last-child {
    border-bottom:none;
}

ul#navigationA a {
	color:#8eec6a;
    background:#326e1c;
    display:block;
    text-decoration:none;
    text-align:center;
}
ul#navigationA li a:hover,
ul#navigationA li a:focus {
   color:#326e1c;
   background:#8eec6a;
}

ul#navigationA li.cur a {
   color:#268e00;
   background:#8eec6a;
}
ul#navigationA li.cur a:hover,
ul#navigationA li.cur a:focus {
    text-decoration:none;
}


/* BANNER  ********************************************************************/

div#banner {
	  display:block;
	  clear:both;
	  width:100%;
	  position:relative;
}


/* CONTENT  *******************************************************************/

div.intro {
    width:60.0%;
    margin:1.0em auto 1.0em; 
}

div.listing {
    margin-top:1em;
    margin-bottom:1em;
}

div.overview {
        margin-top: 1em;
        width:56.25%;
        float:left;
}

div.explain {
        margin-top: 3.5em;
        width:35%;
        float:right;
}

/* POST **********************************************************************/
/* POST TYPES AND TAGS LIST *******************************************************/

div.typesandtags {
    display: block;
    width: 100.0%;
    margin: 1em auto 1em;
    font-size: 1.0em;
    line-height: 1.2em;
    color: #000;
    background-color: #fff;
    padding-bottom: 0em;
    height: 1em;
}

div.tytatit {
    display: inline;
    width: 15%;
    float: left;
}

div.tytalst {
    display: inline;
    width: 85%;
    float: right;
}


div.typesandtags a {
    display: inline;
    white-space: nowrap;
    text-decoration: none;
    color: #000;
    background-color: #fff;
    margin: 1px;
}

    div.typesandtags a:hover {
        color: #8eec6a;
    }

    div.typesandtags a:focus {
        color: #8eec6a;
    }


/*  POST TEASER *************************************************************/
div.postfeature {
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-top: 1em;
    margin-bottom: 2em;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    font-family: Georgia,serif;
    font-size: 1.0em;
    line-height: 1.2em;
    background-color: #fff;
}

div.postfeature:first-child {
        margin-top: 3em;
}

div.postfeature h2 {
        font-size: 1.2em;
        float: left;

}

div.postfdata {
    width: 55.5%;
    float: left;
}

div.postftit h2 {
        font-size: 1.5em;
        float: left;
} 

div.postftxt {
    width: 100%;
    float: left;
}

div.postfsuite {
    float: right;
    background-color: #ffffff;
    margin: 3px;    
}

div.postfsuite a {
        text-decoration: none;
        color: #000000;
        background-color: #ffffff;
}

div.postfsuite a:hover {
            color: #8eec6a;
        }

div.postfsuite a:focus {
            color: #8eec6a;
        }

div.postfimg {
    display: block;
    width: 34.5%;
    float: right;
}

/* POST BODY ******************************************************************/


div.postpart {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 1em;
    padding-bottom: 3em;
}


div.postbuleft {
    flex-basis: 55.5%;
}

div.postburight {
    flex-basis: 34.5%;
}

div.postb1 {
    flex-basis: 100%;
}

div.postbemargin {
    flex-basis: 15%;
}

div.postberight {
    flex-basis: 34.5%;
}

div.postbeleft {
    flex-basis: 34.5%;
}

div.postp2left {
    flex-basis:47.25%; 
}

div.postp2right {
    flex-basis: 47.25%;
}

div.postp2 {
    flex-basis: 47.25%;
}



/* FOOTER  ********************************************************************/

div#footer ul li {
	font-size:1.0em;
    margin:0;
    float:left;
    border-left:1px solid #fff;
    padding:0 0.5em;
}
div#footer ul li:first-child {
    padding-left:0;
    border:0;
}

/* MENTIONS LEGALES ***********************************************************/