html, body, div, span, iframe, object, h1, h2, h3, h4, h5, h6, p, form, label { margin: 0; padding: 0; border: 0; outline: 0; }

html, body { height: 100%; }

header, div, section, aside, main, footer { box-sizing: border-box; }

body { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 1.66; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, nav, .site-header { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 700; }

.site-header { line-height: 3; }

h1, h2, h3, h4, h5 { line-height: 1.2; }

h1 { font-size: 2.33rem; }

h2 { font-size: 1.44rem; }

h3 { font-size: 1.44rem; }

h4 { font-size: 1.25rem; font-weight: 600; }

h5 { font-size: 1rem; }

h6 { font-size: 1rem; }

a { font-weight: 700; }

ol, ul, p { font-family: "Droid Serif", serif; font-size: 1rem; line-height: 1.66; }

blockquote p { font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: 600; }

hr { width: 40px; height: 1px; border: none; margin: 3em auto 1.5em; background: #eeeeee; }

@keyframes example { from { transform: translateX(-2px) rotateZ(10deg); } }

article { position: relative; }

#ok { position: absolute; left: -120px; top: 10px; }

#ok img { width: 80px; border-radius: 100%; border: 2px solid #fa4529; }

#smiley { display: inline-block; animation: example 0.5s infinite alternate-reverse; animation-delay: 5s; transform-origin: center; }

html { font-size: 18px; }

/* Basic styling */
body { color: #383838; background-color: #f8efef; }

/* Selection styling */
::selection { background: #000; color: #fff; }

::-moz-selection { background: #000; color: #fff; }

/* Images */
object, iframe, img { display: block; max-width: 100%; vertical-align: middle; margin: 0 auto; }

/* Figures */
figure > img { display: block; }

figcaption { font-size: 0.85rem; }

/* Lists */
ul, ol { margin-left: 1em; }

li > ul, li > ol { margin-bottom: 0; }

/* Links */
a { color: #000; text-decoration: none; }

a:hover { background-color: #fa4529; color: #fff; text-decoration: none; }

a:focus { background-color: #000; }

p a { padding-bottom: 1px; text-decoration: underline; }

li a { padding-bottom: 1px; text-decoration: underline; }

p a:hover { box-shadow: none; }

/* Blockquotes */
blockquote { color: #383838; font-size: 1.44rem; font-weight: 400; border-left: 4px solid #fa4529; padding-left: 1.4em; margin: 2em 2em 2em 1em; }

blockquote p { font-size: inherit; font-weight: 400; padding: 0; color: #fa4529; }

/* Code formatting */
pre, code { font-size: 0.77rem; border-radius: 4px; }

code { padding: 1px 5px 2px; }

pre { padding: 10px; overflow-x: auto; }

pre > code { border: 0; padding-right: 0; padding-left: 0; }

/* Site wrapper */
.site-wrap { position: relative; height: auto !important; height: 100%; min-height: 100%; padding: 0 0 9.5em; z-index: 1; }

/* Wrapper */
.wrapper { max-width: 800px; margin: 0 auto; }

/* Clearfix */
.footer-col-wrapper:after, .wrapper:after { content: ""; display: table; clear: both; }

.site-header { position: relative; padding: 1em 0 4em; }

.site-title { padding: 1px 0; color: #fa4529; }

.site-nav { float: right; }

.site-nav .menu-icon { display: none; }

.site-nav .page-link { display: inline; padding: 1px 0; margin-left: 1em; }

.site-nav .page-link:hover { color: #fff; }

.site-footer { position: absolute; height: auto; width: 100%; bottom: 0; left: 0; z-index: 2; }

.site-footer .wrapper { padding: 2em 0 4em; border-top: 1px solid #eeeeee; }

.social-media-list { font-family: "Open Sans", Helvetica, Arial, sans-serif; list-style: none; margin-left: 0; }

.social-media-list a { display: inline; margin: 0 1em 0 0; box-shadow: 0 3px 0 0 #000; }

.social-media-list a:hover { box-shadow: none; }

.footer-col-wrapper { color: #bbb; }

.footer-col { float: left; width: 50%; }

.footer-col ul { margin: 0; padding: 0; }

.footer-col-1 { padding-right: 0.5em; }

.footer-col-2 { text-align: right; padding-left: 0.5em; }

.page-content { padding: 1em 0; }

.page-heading { margin: 0 0 1em; text-transform: capitalize; }

.post-header { margin: 0 0 0.5em; }

.post-title { color: #fa4529; }

.post-content p, .post-content img, .post-content figure { margin-bottom: 1.5em; }

.post-content p pre, .post-content p code { border-radius: 2px; font-size: 0.83rem; }

.post-content figure { margin-left: 0; margin-right: 0; }

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { padding-top: 1em; margin: 0 0 0.5em; }

.post-content h3 { font-weight: 600; }

.post-list { margin: 0 0 2em; padding: 0; list-style: none; }

.post-list > li { margin-bottom: 1.5em; }

.post-list a { text-decoration: none; }

.post-meta { display: block; margin: 5px 0 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 0.85rem; color: #e0; }

.post-link { display: inline; }

.year-group { margin-bottom: 2em; position: relative; }

.year-group:first-child { margin-top: 0; }

.year-group:last-child { margin-bottom: 0; }

.post-list > li.first-post { position: relative; }

.post-tags { color: #fa4529; text-transform: lowercase; }

.year-header { position: absolute; left: -120px; top: 4px; font-size: 1.8rem; font-weight: 700; color: #fa4529; margin: 0; padding: 0; border: none; white-space: nowrap; }

@media (max-width: 768px) { .year-header { position: static; left: auto; margin-bottom: 0.5em; display: block; } }

@media only screen and (max-width: 860px) { html { font-size: 14px; } .site-header { padding-bottom: 10px; } nav.site-nav { display: block; float: none; color: red; } nav.site-nav .page-link { margin-left: 0px; margin-right: 10px; } body { padding: 0 2em; } .site-wrap { padding: 0 0 14em; } .footer-col { float: none; width: 100%; padding: 0; margin: 0 0 2em; text-align: left; } }

.hire-banner { border-radius: 10px; padding: 10px; display: flex; }

.hire-banner p { font-size: 10pt; line-height: 1.5; color: #333; }

.hire-banner strong { color: #fa4529; /* Highlights the keywords in red */ }

.hire-cta { margin-top: 0.5em; font-weight: bold; text-decoration: none; color: #fa4529; }

table { width: 100%; text-align: left; border-collapse: collapse; }

td, th { padding: 12px; }

/* Example styling */
.month-header { font-size: 1.2rem; /* Smaller than the year header */ color: #666; /* Slightly lighter color */ margin-top: 15px; margin-bottom: 5px; text-transform: uppercase; /* Optional: makes JAN, FEB look neat */ font-weight: bold; }

/* Adjust spacing if the Year and Month appear on the same post */
.year-header + .month-header { margin-top: 5px; }

/*# sourceMappingURL=main.css.map */