@charset "UTF-8";

/*
Theme Name: sterneworks-custom-theme
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

html {
	font-size: 100%;
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

	margin-left: auto;
	margin-right: auto;
	max-width: 650px;

	color: #000;
}
h1, h2, h2 a {
	color: #111;
	text-decoration: none;

    line-height: 1.4em;
}

.site-title {
	color: #111;
	text-decoration: none;
}

.entry-title {
	margin-bottom: 0.5em;
}

.menu-wrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	justify-content: space-between;

	list-style-type: none;
	padding: 0;
}

.menu-item {
	margin: 10px 0;
	padding-right: 10px;
}

article {
	min-height: 100px;

	padding-top: 2.2em;
	margin: 0 2.3em 0 1.1em;

	line-height: 1.5;
}

article p {
	margin-bottom: 1.5em;
}

article blockquote p {
	margin-left: 8px;
	padding-left: 22px;
	border-left: 1px solid #ddd;
}

article p a {
	color: #000;
}

@media (max-width: 600px) {
	.menu-wrapper {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
		padding: 40px 0px 0px 20px;
	}

	.menu-item {
		margin: 5px 0;
	}

	article {
		padding-top: 1.1em;
		line-height: 1.28;
	}

}

.header-image {
	border-bottom: 0.3em double #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-image a img {
	max-width: 100%;
}

.menu-item a {
	text-decoration: none;
	color: #143D66;
}

.menu-item a:hover {
	color: #1d5c9a;
}

.site-content {
	min-height: 600px;
}

.nav-links {
	padding: 0px 0px 20px 20px;

	display: flex;
	flex-direction: row;
	align-items: center;
}

.nav-links a {
	color: #000;
	text-decoration: none;
}

.nav-links > a {
	padding-right: 10px;
}

.nav-links a:hover {
	text-decoration: underline;
}

.next.page-numbers {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.prev.page-numbers {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.page-numbers.dots {
	padding: 0px 10px 0px 0px;
}

.page-numbers.current {
	padding-right: 10px;
}

.nav-next-text {
	padding-right: 10px;
}

.nav-prev-text {
	padding-left: 10px;
}

.footer-copyright-container {
	color: #888888;
	border-top: 0.3em double #ddd;
	padding: 16px;
}

.footer-copyright-container a {
	color: #888;
	line-height: 1.5;
}

.page-header.alignwide {
	padding-top: 15px;
	padding-left: 15px;
}

.posted-on {
	padding-right: 5px;
}

.byline a, .cat-links a {
	color: #000;
	text-decoration: none;
}

.byline a:hover, .cat-links a: hover {
	text-decoration: underline;
}