body {
	background-color: #efefef;
}

#bugreport textarea, #bugreport input, .wpcf7 textarea, .wpcf7 input {

	border: none;

	border-radius: 10px;

	padding: 10px;

}



.wpcf7 textarea, .wpcf7 input {

	background-color: #efefef;

}



#bugreport p, .wpcf7 p {

	font-size: 1.2em;

	color: #BE253F;

}

h1 {
	/*font-family: 'neuesbauen', sans-serif;*/
	color: #BE253F;
	font-family: 'Roboto';
	font-weight: 900;
	font-size: 2.5vw;
	text-align:center;
	margin: 15px auto;
	background: white;
	padding : 10px;
	border : #BE253F 1px dashed;

}



.masthead {

	max-height: 540px;

	overflow: hidden;

	vertical-align: center;

}



#tagline {

	font-size: 1vw;

	text-align:center;

	background: white;

	border-radius: 8px;

	font-family: 'Lato', sans-serif;

	font-weight: 700;

	width: 70%;

	margin: 0 auto;

}



#logo img {

	max-height: 20vh;

	margin: 0 auto;

}

.removepadding {

	padding: 0;

}



h2, h3, h4, h5, p, li {

	font-family: 'Roboto', sans-serif;

}

article p {

	font-size: 18px;

}

h2 {

	color: #BE253F;

}



ul.post-categories {

	display: inline;

}



iframe {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-top: 15px;

	margin-bottom: 15px;



}



li.search {

	width: 100%;

	padding: 0px;

	margin: 0px;

	background: black;

}



#sidebar img {

	width: 100%;

	height: auto;

}



article, #sidebar {

	background: white;

	padding: 15px;

	margin-bottom: 15px;

}



.figure {

	display: block;

	margin: 15px auto;

	background: #efefef;

	padding: 5px;

}



.figure img {

	display: block;

	margin: auto;

	max-height: 500px;

	width: auto;

	text-align: center;

}



a:link i.fa-facebook-square {

	color: #3b5998;

}

a:link i.fa-twitter-square {

	color: #00aced;

}

a:link i.fa-instagram {

	color: #e1306c;

}

a:link i.fa-youtube-square {

	color: #ff0000;

}

a:link i.fa-rss {

	color: #f26522;

}



.mobilesidebar {

	background: #fff;
	padding-top: 15px;
	padding-bottom: 0;

}



.mobilesidebar ul {

	padding-left: 0;

}

.mobilesidebar li {

	list-style-type: none;

	font-size: 11px;

}



/*Pagination*/

ul.page-numbers {

    list-style: none;

    margin: 0;

}

.page-numbers:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

ul.page-numbers li {

    display: block;

    float: left;

    margin: 0 4px 4px 0;

    text-align: center;

}

.page-numbers a,

.page-numbers span {

    display: block;

    padding: 0 6px;

    height: 18px;

    line-height: 18px;

    font-size: 12px;

    text-decoration: none;

    font-weight: 400;

    cursor: pointer;

    border: 1px solid #ddd;

    color: #888;

}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,

.page-numbers.current,

.page-numbers.current:hover {

    color: #000;

    background: #f7f7f7;

    text-decoration: none;

}

.page-numbers:hover { text-decoration: none }



@media (prefers-color-scheme: dark) {
	h1 {
		color: white;
	}
	body, .wpcf7 textarea, .wpcf7 input {
		background: #000000;
	}


	#tagline, article, #sidebar, .mobilesidebar {
		background: #181A1B;
	}

	.figure {
		background: #1D1F20;
	}

	p, ul li, ul li a, ol li, ol li a {
		color: white !important;
	}
	li.nav-item a:link {
		color: black !important;
	}

	.btn-light {

		background: #000;

		color: #fff;

		border: none;

	}



	h1, h2, h3, h4, h5, h6, a:link {

		color: white;

	}

}

	a, h2, #bugreport p, .wpcf7 p, .masthead a:link, .masthead a:visited, .masthead a:hover, .masthead a:active {

		color: #BE253F;

	}



	.relatedpostsarticle {

		border-top: 3px solid #BE253F;

	}