* {
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
iframe {
max-width: 100%;
}
ul {
padding-left: 2em;
}
a {
text-decoration: none;
opacity: 1;
transition: opacity 0.3s;
color: SlateBlue;
}
a:hover {
opacity: 0.5;
}
.center {
text-align: center;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
font-family: Arial, Helvetica, sans-serif; color: #444;
margin: 0;
line-height: 1.8;
}
h1,
h2,
h3,
h4 {
line-height: initial;
}
header {
background: #009fe6;
text-align: center;
}
main {
margin: 1em;
}
footer {
text-align: center;
}
.main-content {
margin-bottom: 5em;
}
h1 {
margin: 0;
}
h3:not(.post-title) {
background: whitesmoke;
padding: 10px;
}
#ham-menu {
display: block;
position: absolute;
top: 10px;
left: 10px;
z-index: 10;
cursor: pointer;
}
.ham-menu-line {
width: 30px;
height: 2px;
background: #333;
margin: 4px 0;
}
.breadcrumbs {
margin: 1em 0;
font-size: small;
} .bnr {
border-radius: 5px;
}
.twitter-timeline-ddcontainer {  max-width: 400px;
width: 100%;
margin: auto;
} #menu-footer-menu {
font-size: small;
padding: 0;
list-style: none;
} .page-link-container,
.post-link-container {
border: 1px solid #ccc;
padding: 10px;
margin: 2em 0;
}
.page-link-container {
text-align: center;
}
.post-info {
font-size: small;
margin: 1em 0;
}
.post-info-space {
margin-right: 1em;
}
.post-more {
text-align: right;
}
#back-to-top {
position: fixed;
bottom: 10px;
right: 10px;
display: none;
cursor: pointer;
line-height: initial;
} .screen-reader-text {
display: none;
}
.searchform div {
display: grid;
grid-template-columns: 1fr 55px;
gap: 10px;
}
#searchsubmit {
cursor: pointer;
} .wpcf7-form-control {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.wpcf7-form-control:not(.wpcf7-submit) {
border: 1px solid #ccc;
border-radius: 3px;
padding: 5px;
width: 100%;
}
.wpcf7-submit {
padding: 5px 50px;
background: #009fe6;
border: 0;
font-size: 1em;
font-weight: bold;
color: #fff;
border-radius: 3px;
transition: opacity 0.3s;
cursor: pointer;
}
.wpcf7-submit:hover {
opacity: 0.5;
}
.wpcf7-form {
max-width: 520px;
width: 100%;
margin: 5em auto;
}  img.alignleft {
text-align: left;
} img.aligncenter {
display: block;
margin: 1px auto;
} img.alignright {
display: block;
margin: 1px 1px 1px auto;
}
@media (min-width: 1024px) {
#ham-menu {
display: none;
}
main {
display: grid;
grid-template-columns: 1fr 250px;
gap: 5em;
max-width: 960px;
margin: 1em auto 5em;
}
.main-content {
margin-bottom: 0;
}
h2 {
font-size: xx-large;
}
} img#wpstats {
position: absolute;
width: 0px;
height: 0px;
padding: 0px;
border: none;
overflow: hidden;
}