/*
https://blog.scoutingmagazine.org/2013/06/07/brand-id/

    color:#FC0 yellow
    color:#963 brown
    color:#003f87 scouting blue
    color:#ce1126 scouting red
    
Fonts:
Times New Roman,
Arial,
Helvetica Narrow Bold,
LTC Record Title
https://filestore.scouting.org/filestore/pdf/310-0231.pdf
*/


body
{
    margin:0;
    padding:0;
    /*font-family: "Helvetica Narrow Bold", Helvetica, Arial, sans-serif;
    background-color:#963;*/
}

header
{
    margin:0;
    padding:0;
    color:white;
    /*background-color:#003f87;*/
}

header h2
{
    margin:0;
    margin-left:1em;
}
header h1::before
{
    padding:0;
    margin:0;
    margin-right:32px;
    width:120px;
    height:120px;
    line-height:120px;
    content: url(../images/logo.png);
}
header h1
{
    font-size:3em;
    font-size:6vw;
    margin:0;
    padding:0;
    line-height: 120px;
    line-height: 10vw;
    display:flex;
}
header h1 *
{
    margin-top:auto;
    margin-bottom:auto;
}

#construction
{
    position:absolute;
    top:10px;
    right:10px;
    border:2px dashed red;
    margin:0.5em;
    padding:0.25em;
    display:none;
}

header menu
{
    /*display: flex;
    justify-content: space-between;*/
    margin:0;
    padding:0;
    margin-top:1em;
    padding-bottom:0.25em;
    
	position: absolute;
  	display: block;
  	list-style-type: none;
  	top: 180px;
  	left: 0;
  	width: 8em;
  	/*height: 20em;*/
}

menuitem:first-child
{
    /*padding-left:1em;*/
}
menuitem:last-child
{
    padding-right:1em;
}
menuitem
{
    white-space: nowrap;
    /*text-align:center;*/
  	display: list-item;
  	text-align: left;
  	justify-content: normal;
  	padding:0.5em;
}
menuitem a, menuitem a:visited
{
    color:white;
}

#sider
{
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	/*border-radius: 25px;*/
	height:170px;
	/*transform: scaleX(-1);*/
	mask-image: linear-gradient(to left, rgba(0,0,0,1.0) 0%, transparent 100%);
}

menu
{
	position: relative;
	z-index: 2;
}

article
{
    margin:0.55em;
    padding:0.5em;
    /*margin-right:5em;*/
    border:1px solid grey;
    text-align: justify;
    margin-bottom:1em;
}

aside
{
    margin:1em;
    padding:0.75em;
    border-width:8px;
    border-style:solid;
    float:right;
    border-radius:25px;
}

aside ol{padding:0;margin:0em 0em 0em 1em;}

section.blog
{
    margin-left:0em;
    margin-right:0em;
    padding-left:0em;
    padding-right:0em;
    column-count:2;
}
section.blog article
{
    break-inside:avoid-column;
    border:1px solid;
    border-radius:8px;
    margin:0px;
    padding:0px;
    padding-bottom:0em;
    margin-bottom:0.25em;
    background-color:white;
}
section.blog article .content
{
    padding:0.25em;
    margin:0.25em;
}
section.blog article .content h2 {margin-top:0em;}
section.blog article .content p {margin:0.5em;padding:0;}
section.blog article .tools
{
	color:blue;
    text-align:right;
    font-size:smaller;
    padding:0em;
    margin:0em;
    margin-bottom:0px;
    padding-bottom:5px;
    padding-right:0.25em;
}

section.blog article .tools a
{
    padding-bottom:0;
    margin:0;
}

section.blog article .tools .qrcode {display:none;}
section.blog article .tools .direct{}

main
{
	border-radius:16px;
	padding:16px;
	margin-left: 12em;
}

main, section
{
    margin:0.5em;
    padding:0.5em;
    margin-left: 8em;
}

main p {text-align: justify;}

.sample_latin:after
{
    content:" - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
}

/*main ul li a svg{font-size: 0.25em important!;}*/

a[href^="http://"]::after
{
    content:"";
}

a i.added, a svg.added/*, a i, a svg*/
{
    margin: 0 0.25em;
    padding: 0em;
    font-size: 0.67em;
}

.fa-external-link-alt
{
    font-size: 0.5em;
    vertical-align: super;
}

/*form table, form table tr, form table td{border:0;}*/
form {display:table;}
form div{display:table-row;}
form div label, form div input {display:table-cell;}

footer
{
    font-size:smaller;
    border-top:1px solid #0A5694;
    margin-top:1em;
    padding-bottom:1em;
    padding-top:0.25em;
    padding-left: 0.5em;
}

#foot_copy {float:left;padding-left:1em;}
#foot_contact {float:right;padding-right:1em;}

table, td, th{border:1px solid black;}

p img {float:left;margin-right:25px;}

hr {border-top-color:#0A5694;}

#footer_debug{display:none;}
#ios8, #iosSEland, #iosSEport, #iosOther {display:none;}

#draft_marker
{
    font-size: 10em;
    color: #0A5694;
    position: absolute;
    top:45%;
    width:700px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    opacity: 0.25;
}