* { box-sizing: border-box;}

body {
	font-family: 'Open Sans', sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
	background-color: #DCDEDF;
	padding-bottom: 100px;
	font-size:1em;
}

h1, h2, h3, h4, h5 {font-family:'Source Sans Pro'; font-weight:700; margin:0; padding-bottom:10px;}

a {color:#145db0; text-decoration:none;}
a:hover {text-decoration:underline;}


.pad-left {padding-left:20px;}
.pad-left-10 {padding-left:10px;}
.pad-right {padding-right:20px;}
.pad-right-10 {padding-right:10px;}
.pad-top {padding-top:20px;}
.pad-top-10 {padding-top:10px;}
.pad-bottom {padding-bottom:20px;}
.pad-bottom-10 {padding-bottom:10px;}
.padded {padding:10px;}
.top-margin {margin-top:20px;}

.content {padding:20px; background:#E4E1C7;}

.right {float:right;}
.left {float:left;}
.clear:{clear:both}
.hidden{display:none}

.half {width:50%;}
.full {width:100%}
.third {width:40%}
.img-full {max-width:100%}
.row {display:table-row}
.button {display:table; cursor:pointer; font-family:'Source Sans Pro'; color:#FFF; background:#727272; padding:10px; margin-top:10px;}
.button:hover {background:#000; color:#ececec}
.center-table {display:table; margin-left:auto; margin-right:auto;}
a.news-top {width:80%; margin:auto; display:block; text-align:center; position:relative; z-index:10px; font-family:'Source Sans Pro'; font-size:150%; font-weight:700; background:#ececec; padding:20px; text-decoration:none; color:#727272;}
a.news-top:hover {color:#000; text-decoration:none}
.smaller {font-size:90%}
/*
news
-----------------------------------*/
.blog-header { border-top:solid 1px #CCC; border-bottom:solid 1px #CCC; margin-bottom:10px; margin-top:10px;}
.news-container {
	width:90%;
	margin:auto;
	padding-bottom:20px;
}

.news-wall {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
	column-count: 3;

	-webkit-column-gap:10px;
	-moz-column-gap:10px;
	column-gap:10px;

	position:relative;

	padding-right:10px;
}


a.news-item {
	display:inline-table;
	margin: 10px;
	width:100%;
	position:relative;
	border:solid 1px #000;
}

a.news-item:hover {
	text-decoration:none;
}

.news-wall img {
	width:100%;
	height:auto;
	display:block;
}
.front-headline, .cat-header {
	margin-left:10px;
	margin-right:10px;
}
.news-date {
	font-size:90%; 
	font-style:italic;
	margin-left:10px;
	margin-bottom:10px;
	display:block;
	}
.news-short {
	margin:10px;
	display:block;
}

.news-sort {
	display:flex;
	flex-direction:row;
	align-items:flex-end;
	justify-content:flex-end;
	font-weight:600;
}

.about {
	width:150px;
}

.dropdown {
	cursor:pointer;
	position:relative;
	margin-left:10px;
}

.dropdown > .dropsub {
	display:none;
	z-index:100;
	position:absolute;
	background:#727272;
	color:#FFF;
}

.dropdown:hover > .dropsub { display:table; }

.dropsub a {
	display:block;
	padding:10px;
	color:#ececec;
}

.dropsub a:hover { text-decoration:none; color:#FFF;}
.cat-header { text-align:center; font-family: 'Source Sans Pro'; font-size:130%; font-weight:700; padding:10px; border-bottom:solid 2px #727272; border-top:solid 2px #727272;}
.comment-box {border:solid 2px #CCC; padding:10px; margin-bottom:10px;}
.comment-box textarea {
	width:100%;
	height:130px;
}
.captcha, .captcha-word, input.captcha-word[type="text"] {background:#a7b2b9; color:#FFF; font-family:georgia; font-size:140%; padding:10px;}
.reply {margin-left:30px; margin-top:20px; border-left:solid 5px #CCC; padding-left:20px; margin-bottom:20px; border-bottom:dotted 2px #CCC;}
.comment {border-bottom:dotted 2px #CCC;}
.comment-credit {font-family:'Source Sans Pro'; font-weight:700;}

@media screen and (max-width: 699px) {
	.news-wall {
		display:flex;
		flex-wrap:wrap;
		-webkit-column-count:0;
    	-moz-column-count: 0;
		column-count: 0;

		-webkit-column-gap:0px;
		-moz-column-gap:0px;
		column-gap:0px;

		position:relative;

		padding-right:0px;
	}
	a.news-item {
		display:table;
		margin: 10px;
		width:100%;
		position:relative;
		border:solid 1px #000;
	}
	.news-sort {display:none;}
	.left, .right {float:none; display:block}
	.third {width:100%}

}