body * {
  font-family: 'IBM Plex Mono', monospace;
}

body {
  background-color: #161C2A;
  color: #fff;
  font-size: 16px;
  background-image: url('assets/images/bg.jpg');
  background-size: cover;
  background-attachment: fixed;
}

.site-header {
  margin: 0 auto 40px auto
}

.toggle-menu {
  color: #ff5033;
  cursor: pointer;
}

.site-header .site-title {
  font-style: italic;
  font-weight: 400;
  font-size: 2.5em;
}

.site-header .site-title-img {
  max-width: 720px;
  margin: 80px auto 40px;
  width: 100%;
}

h3 {
  font-size: 1.4rem;
  line-height: 1.2;
}

a, a:hover {
  color: #ff5033;
}

.site-description {
  font-size: 14px;
}

.entry-title {
  font-size: 18px;
}

ul.blocks-gallery-grid {
  margin: 24px 0 48px;
}

.archive-header:before,
.post:before,
.comments:before,
.comment-respond:before,
.comments .comment-respond:after,
.pagination:before,
.site-footer:before {
  background: none;
  margin: 80px auto;
  border-bottom: 1px #74919b dashed;
}

input[type="button"]:hover,
input.button:hover,
input[type="submit"]:hover {
	background: #4f7686;
}

input::-webkit-input-placeholder { color: #4f7686; }
input:-ms-input-placeholder { color: #4f7686; }
input::-moz-placeholder { color: #4f7686; }
.meta {
  color: #4f7686;
}
.meta a,
.meta a:hover { color: #4f7686; }

.content a:hover {
	color: #4f7686;
}

input[type="button"]:hover,
input.button:hover,
input[type="submit"]:hover {
	background: #4f7686;
}
.comment-meta a,
.comment-meta a:hover { color: #4f7686; }
.comment .reply a { color: #4f7686; }
