*,
*::after,
*::before {
    box-sizing: border-box
}

html {
    font-size: 100%;
    text-size-adjust: 100%;
    margin: 0;
    padding: 0
}

body {
    margin: 0;
    padding: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: none
}

a img {
    border: none
}

q,
cite {
    font-style: italic
}

q::before,
q::after {
    content: ''
}

sup,
sub {
    font-size: calc(0.5em + 4px);
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: calc(-0.83 * (1em - 4px))
}

sub {
    top: calc(0.415 * (1em - 4px))
}

abbr[title] {
    border-bottom: 1px dotted;
    cursor: help
}

b,
strong {
    font-weight: bold;
    font-size: 0.9375em
}

small {
    font-size: 80%
}

dfn {
    font-style: italic
}

hr {
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

fieldset {
    margin: 0;
    padding: 0;
    border: none
}

input,
button,
select {
    vertical-align: middle
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,
input {
    line-height: normal
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type='checkbox'],
input[type='radio'] {
    padding: 0;
    border: none
}

input[type='search'] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

button:-moz-focusring,
textarea:-moz-focusring {
    outline: 2px solid #69b3fb
}

table {
    border-collapse: collapse;
    margin-bottom: 1.5em
}

td,
th {
    padding: 1px;
    vertical-align: top;
    text-align: left
}

td:first-child,
th:first-child {
    empty-cells: hide
}

body>script {
    display: none !important
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

summary {
    display: list-item
}

audio:not([controls]) {
    display: none;
    height: 0
}

figure {
    margin: 0
}

[hidden],
template {
    display: none
}

svg:not(:root) {
    overflow: hidden
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-weight: normal;
    margin: 0
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

body {
    font-size: 1em;
    line-height: 1.5;
    font-family: Lato, "Open Sans", "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif
}

h1 {
    font-size: 3em;
    line-height: 1.2
}

h2 {
    font-size: 2em;
    line-height: 1.2;
    margin-bottom: .5em
}

h3 {
    font-size: 1.75em;
    line-height: 1.33;
    margin-top: .5714286em;
    margin-bottom: .4285714em
}

h4 {
    font-size: 1.3125em;
    margin-top: 1.1428571em;
    margin-bottom: .7619048em
}

h5 {
    font-size: 1.125em;
    margin-top: 1.5555556em
}

h6 {
    font-size: 1em;
    margin-bottom: 0
}

h2,
h3,
h4,
h5,
h6 {
    color: #267daf
}

a {
    color: #bd1220;
    text-decoration: none;
    transition: 0.3s
}

a:link,
a:visited {
    border-bottom: 1px solid #dcdcdc
}

a:visited {
    border-bottom-style: dotted
}

a:hover,
a:active {
    border-color: #bd1220
}

a:focus {
    background-color: #bd1220;
    color: #fafafa
}

hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #dcdcdc, #636363, #dcdcdc)
}

abbr[title] {
    text-decoration: none
}

blockquote,
q {
    font-family: "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    color: #636363;
    font-style: italic
}

blockquote {
    font-size: 1.125em;
    line-height: 1.33;
    quotes: '\201C' '\201D';
    margin-top: 1.7777778em
}

blockquote::before,
blockquote::after {
    margin-top: 0;
    font-size: 3em;
    display: block;
    line-height: 0.25;
    color: #dcdcdc;
    margin-bottom: 0
}

blockquote::before {
    content: open-quote;
    float: left;
    margin-right: 0.25em
}

blockquote::after {
    content: close-quote;
    text-align: right
}

blockquote p:first-child {
    margin-top: 0
}

kbd {
    padding: 0.1em 0.5em
}

code,
pre,
kbd {
    background-color: #555;
    color: #efd540;
    font-family: "Andale Mono", AndaleMono, monospace;
    font-size: .875em;
    padding: 0.1em 0.2em
}

pre {
    padding: 0.5em 1em
}

img {
    max-width: 97%;
    height: auto
}

p,
ul,
ol {
    margin-top: 1em;
    margin-bottom: 0.5em
}

ul ul,
ul ol,
ol ol,
ol ul {
    margin-top: 0.5em
}

dl {
    padding: 1em;
    margin: 0;
    background: transparent
}

dt {
    color: #8b91a5;
    font-weight: bold
}

dd+dt {
    margin-top: 0.5em
}

dd {
    margin-left: 1em;
    border-left: 1px solid #d9dbdf;
    padding-left: 1em;
    color: #555
}

aside:not(#sidebar) {
    background-color: #fafafa;
    color: #636363;
    width: 20em;
    padding: 0 1em;
    float: right;
    margin: 0 -5em 1em 2em;
    border-left: 3px solid #267daf
}

@media only screen and (max-width: 60em) {
    aside {
        float: inherit;
        width: inherit;
        margin: 1em 2em
    }
}

.sr {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@media (prefers-reduced-motion: reduce) {

    *,
    ::before,
    ::after {
        animation-delay: -1ms !important;
        animation-duration: 1ms !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-delay: 0s !important;
        transition-duration: 0s !important
    }
}

.post-date,
.post-cat,
.post-tags-list,
.post-permalink,
.comment_count,
.ping_count,
.attach_count,
.feed {
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    padding-right: 0.5em
}

.post-author {
    padding-right: 0.5em
}

.post-date {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAVUlEQVR4AWOAgfS8CgMg/g/EDHiwAroaZEkHIgxgwGbAfaigAzKNAzOg0fcZkCQDiDBAAY3+j2xAP1RzP6ZGTDUoBpCDqW4AAzl4WBkwasB7ChLSewARMrRM3s//dwAAAABJRU5ErkJggg==')
}

.post-cat {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAPklEQVQ4jWNgoDVIz6sQAOL3QPwfC35PjOYGHJrBmAGP6URhBko0gw2gRiBR5gJKnDFqwGAygJKkjD8zEQMAfaDXiG8i/HEAAAAASUVORK5CYII=')
}

.post-tags-list {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAiElEQVR42pWRwQmAMAxFHSGjOIIjOEJv3jx77CYdwVEcxRG0wcqX4vfXwIeS8B4J7b5qmpeQc5DEVjg9elYSPY0wqoAJAgWTgkDBWsBhIVgvARrjDzjdv1CvtOdYI7zVgt4FZWACDvwE2I3CeI9vJwzVJgwOPiMnQKJgKRGwlJhHwEKiYC3R8AlasOr+Us7WEQAAAABJRU5ErkJggg==');
    padding-left: 22px !important
}

.comment_count {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAy0lEQVR4Aa3TzQnDMAwFYI2QETxCRsgIHcG33oqPPWqDjuARMoJHyAgeISOor/AExtQhDS184Abp+S+Rv/7uj2eABBkKvCCCjPhgYrFBhZX/S/PsdhSwwT6YbWKgQfwWoGyeQQ5k1oU+YGeInFAh9QEGy8mAzO0E0CsBfrDeF69sQSEwoP5yiIlNoRmbX9PGdBlQNiTW1zbgo3AVa/MGql8dJRDWGG3CN8zImwutzayBz6wxC/euB2ewcCXW2WFi0VD/cSlXrBRZeN0b9TCAAS8suQkAAAAASUVORK5CYII=')
}

.ping_count {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2NgGF4gPa9iPghTovk/FM+HihUgicExIc3ohiTgNQCHZhRDkNRidwGxCgbGAFwBCcUFWA0gJiBBYjhdQIQhCeSmlQKyNQ9eAACU36BDGi6KYAAAAABJRU5ErkJggg==')
}

.attach_count {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAo0lEQVR42p2TSw3AIBBEKwEJlYAEJFQCt96aHusCCZVQCUhAAhJWQkuTmWTTC0tJJpksPBh+U6+t2xGaStMN5Sbf4whHBRY1kTR5KyyvV/Ud9WqCAVyIvqA/oz/04ARPCcawHkwwUgi8U362wgX+VD6NwhXijTjAjDQO6wT+N8wt/IY/pxqHYL51njDTmGHun59EJSommO0TW4Zgrsr3DZ1W+AEcFELbsoE4sAAAAABJRU5ErkJggg==')
}

.post-permalink {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAXklEQVR4Ae3OoRGAQAxE0S2BUugKh6YbSkwJISswzBcRF8fN/HP7JvI7zmurospmUcn5e4Gs1Cy/gFYBrQYuGAV+4HZtAMbhAGEAxrsDhAEYywHCAI8RQSB4jIiTewBEcJB73aUZqgAAAABJRU5ErkJggg==')
}

.feed {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEzIDBoLTEwYy0xLjY1NyAwLTMgMS4zNDMtMyAzdjEwYzAgMS42NTcgMS4zNDMgMyAzIDNoMTBjMS42NTcgMCAzLTEuMzQzIDMtM3YtMTBjMC0xLjY1Ny0xLjM0My0zLTMtM3ptLTguNjg1IDEyLjk3N2MtLjcxOSAwLTEuMzAzLS41OC0xLjMwMy0xLjI5OSAwLS43MTQuNTg0LTEuMzAxIDEuMzAzLTEuMzAxLjcyMSAwIDEuMzA0LjU4NyAxLjMwNSAxLjMwMSAwIC43MTgtLjU4MyAxLjI5OS0xLjMwNSAxLjI5OXptMy4yNzQuMDExYzAtMS4yMjgtLjQ3Ny0yLjM4MS0xLjM0MS0zLjI0My0uODY0LS44NjYtMi4wMTMtMS4zNDQtMy4yMzQtMS4zNDR2LTEuODc2YzMuNTYxIDAgNi40NiAyLjg5OSA2LjQ2IDYuNDYzem0zLjMyOS0uMDAyYzAtNC4zNjEtMy41NDUtNy45MS03LjkwMi03Ljkxdi0xLjg3NmM1LjM5NCAwIDkuNzg0IDQuMzkyIDkuNzg0IDkuNzg2eiIgZmlsbD0iIzY3NmU3OCIvPjwvc3ZnPg=='), none;
    background-size: 0.875em;
    padding-left: 1.25em
}

body {
    background: #f3f3f3 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAAAAAByaaZbAAADdUlEQVR4AZWVPc6YyQ2D3/sfdij+SW2ABYwt4nyxu6mIkfSQ/Oo7iNxJRhvoIANUPEBWnL55o+1w9F0eXA2eo3GnmRwKpOvGrxan6mTbftJgg1m+cgoT9QjltgtqrprlaBfHfNMG232drOVTx5hpUlghlLIT3Tz5fW1EU5hNrh1nB1QeNkhihaTIVuP7WA6xWLCcw+3IEkdWhX9UJQBSZ+GPFcq3m4ft5PkN8irxmT5ImjWfQ73BR2n2FKJlMzvSVuNa4nBpwjjNxLA/bOjF4eLNNm9Xu8LtdBGlldB6qEd8013DDHGe7NYcjltZLaei33KBDb3frrQuo0RFVU2HyGVjLhsvZOqBOX2/1frhm98f73NEt/p0V60wyCSj4ZLIzWI1MdDcwWXT9/Sp0NNmYgjDtN4Zjqz1s9gMZ7Z6bfXt4+R1X6xXR2TWECjPzc2aiLd5Wsnf3szcQUt5ll0uqk0wS0Ijtk8EQZpfIjja7Iads6eT5e6A4SL3lFw92C6/6WKS9dNtFe9ef3DV5xmHvmCB8KAiGU/dyZo6sTWzx9v3jWr7FPphVGa8Os+UNdLJkLd1eL77+LqUZKYzqZwQ5mSxe+YLgjOrcbCfzFrKm9cZGk/VsrW9qzvMaIfYXRr41m4nHh2rl7O9Qw4vtzTKzJCO8iR+PYsT2rykGnkW2nqE/W8Ovg4wayyj5SAg8wPzH2xSR3Vxdh5DjdnZ8XHPeRNxzo2jDwRnH4GdDLJoNXVuciE2hUggxoTvm3koeJy32v9/xu9F2RamcMJ1ErILDhSF8XFmYw1u5/NhDVymA9NYCIouzuyqCsg9nzMUP27yN4N/8+zOwxtuBKnrXWZ94F7Q4PmWtTfe79ejZndbmXomcwD4RqrbgE9G4W+Rp/Kt9j3rnev9IdK/UfPSxdq+l604yJvhClp5rf6bLV+pZ/FZN1vrUofcg+U4J7Arbkd+e98uUHIKr1Jal2X5v8ryw1PmjQ408WYVYBcctqYXlibH9taTj+s5MG1mhwsau42H7b7pQabPpCbA98eYZlmS349yG3ZQLw8oF3mfekfnmVSFehI4O6PnZxNv+xIDADsfx76H3mbdI01EO2B/i9l3O7sP6liqH71CScT1m4hZxKiqKfiN/y7Kvmkr7+rMmFejcdK9oBA96axnfOHD98sYQbJ/UBb/AYWMh4VaQZTbAAAAAElFTkSuQmCC');
    color: #373737
}

#main {
    background-color: #fff;
    padding: 1em 0.5em 2em
}

#page {
    max-width: 60em;
    margin: 0 auto;
    padding: 0
}

#page:before,
#page:after {
    content: "";
    display: table
}

#page:after {
    clear: both
}

#wrapper:before,
#wrapper:after {
    content: "";
    display: table
}

#wrapper:after {
    clear: both
}

.header {
    position: relative;
    padding: 0.25em 0
}

@media all and (max-width: 30em) {
    #main {
        padding: 0.5em
    }
}

@media screen and (min-width: calc(80em + 1px)) and (max-width: 110em) {
    body {
        display: flex;
        justify-content: center
    }

    .banner,
    #footer p {
        margin-left: 1em
    }

    #page {
        min-width: 70em;
        max-width: 80em
    }

    #main {
        float: left;
        width: 75%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: 1em;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }

    #main pre {
        word-wrap: normal
    }

    #sidebar {
        float: left;
        width: 25%;
        margin-left: 75%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: 1em;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }

    #sidebar pre {
        word-wrap: normal
    }
}

@media screen and (min-width: calc(110em + 1px)) {
    body {
        font-size: 1.125em;
        display: flex;
        justify-content: center
    }

    #page {
        min-width: 70em;
        max-width: 90em
    }

    .header {
        max-width: 66.6666667%;
        padding-bottom: 0
    }

    .banner,
    #footer p {
        margin-left: 1em
    }

    #main {
        float: left;
        width: 66.6666667%;
        margin-left: 0%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: 1em;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }

    #sidebar {
        float: left;
        width: 33.3333333%;
        margin-left: 66.6666667%;
        margin-right: -100%;
        padding-left: 1em;
        padding-right: 1em;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }

    #blognav,
    #blogextra {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }
}

.header a:link,
.header a:visited {
    color: #373737;
    border-bottom-color: #fafafa
}

.header a:hover,
.header a:focus {
    color: #bd1220;
    border-bottom-color: transparent
}

.skip-links {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    text-align: right
}

.skip-links li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: .5em;
    padding-right: .5em;
    font-size: .75em;
    line-height: 1;
    padding-bottom: 0.5em
}

.skip-links li a:link,
.skip-links li a:visited {
    color: #636363
}

.skip-links li a:hover,
.skip-links li a:focus {
    background-color: #f3f3f3;
    color: #bd1220
}

.banner {
    padding-bottom: 0.5em;
    margin-right: 3em
}

a.site-title__link,
a.site-title__link:link,
a.site-title__link:visited {
    background-color: transparent;
    border-color: transparent
}

.site-title__text {
    color: #bd1220;
    font-weight: bold;
    font-weight: 500;
    letter-spacing: -1px;
    
}

.site-title__link:hover .site-title__text,
.site-title__link:focus .site-title__text,
.site-title__link:active .site-title__text {
    color: rgba(223, 48, 52, 0.8)
}

.site-baseline {
    font-family: "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    font-style: italic;
    margin-top: 0;
    margin-bottom: .5em;
    color: #636363
}

.header__nav {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    clear: left;
    text-align: right;
    background: #373737;
    background: #bd1220
}

.header__nav li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: 1em;
    padding-right: 1em;
    margin-right: 0.5em;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    text-align: center
}

.header__nav li span:not(.simple-menu-label) {
    font-size: .875em;
    line-height: 1.7142857em;
    font-family: "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    font-style: italic;
    display: block
}

.header__nav li a:link,
.header__nav li a:visited {
    color: #fff
}

.header__nav li a:hover,
.header__nav li a:focus {
    background-color: #636363
}

.header__nav.show {
    opacity: 1;
    height: auto;
    transition: all 1s ease
}

.header__nav.hide {
    overflow: hidden;
    opacity: 0;
    height: 0
}

#hamburger {
    position: absolute;
    top: 3em;
    right: 0.5em;
    padding: 0;
    background-color: #bd1220;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE2IDB2M2gtMTZ2LTN6bTAgNi41djNoLTE2di0zem0wIDYuNXYzaC0xNnYtM3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4='), none;
    height: 2.5em;
    width: 2.5em;
    border: 2px solid #bd1220
}

#hamburger:visited {
    background-color: #bd1220
}

#hamburger:focus,
#hamburger:hover {
    background-color: #aa1a1e;
    border-color: #bd1220
}

#hamburger.open {
    background-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTEuMyAzLjQgMi4xLTIuMSAxMS4zIDExLjMtMi4xIDIuMXoiLz48cGF0aCBkPSJtNi41IDBoM3YxNmgtM3oiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxIC43MDcxIC0uNzA3MSAuNzA3MSA3Ljk5OTkgLTMuMzEzNSkiLz48L2c+PC9zdmc+'), none
}

@media screen and (max-width: 60em) {
    .header {
        padding-left: 0.5em;
        padding-right: 0.5em;
        padding-bottom: 0
    }

    .header__nav {
        margin-left: -0.5em;
        margin-right: -0.5em
    }

    .header__nav li {
        display: block;
        margin-right: 0;
        border-bottom: 1px solid #fff
    }
}

@media screen and (max-width: 30em) {
    .skip-links {
        text-align: center;
        font-size: .625em;
        line-height: 2.4em
    }

    .site-baseline {
        display: none
    }

    #hamburger {
        top: 1.5em;
        right: 0.5em
    }
}

@media screen and (max-width: 40em) {
    .site-title {
        font-size: 1.8em
    }
}

.footer__widgets {
    padding: 1em;
    background-color: #fff;
    text-align: center;
    line-height: 2
}

.blogcustom__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.footer__widgets .widget {
    margin-top: 1em
}

.footer__widgets h3 {
    margin-bottom: 0;
    font-size: 1em;
    font-weight: bold
}

.footer__widgets ul {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.footer__widgets ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    padding-left: .5em;
    padding-right: .5em
}

.sidebar {
    padding-top: 2em;
    padding-bottom: 2em;
    background: #373737 url(img/bg_dark.png);
    color: #fff;
    text-shadow: #373737 0px -1px 0px
}

.sidebar:after {
    content: "";
    display: table;
    clear: both
}

.sidebar a:link,
.sidebar a:visited {
    color: #fafafa;
    border: none
}

.sidebar a:hover,
.sidebar a:focus,
.sidebar a:active,
.sidebar li:hover,
.sidebar li:focus {
    background-color: #bd1220
}

.blognav__title,
.blogextra__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.blognav__widgets h3,
.blognav__widgets h4,
.blogextra__widgets h3,
.blogextra__widgets h4 {
    font-size: 1em;
    color: #fff;
    font-weight: bold
}

.blognav__widgets h3,
.blogextra__widgets h3 {
    text-transform: uppercase
}

.blognav__widgets h4,
.blogextra__widgets h4 {
    margin-top: 1.5em;
    margin-bottom: 0
}

.blognav__widgets .widget,
.blogextra__widgets .widget {
    padding: 1em;
    font-size: 0.875em;
    line-height: 1.71429
}

.blognav__widgets .widget>ul,
.blogextra__widgets .widget>ul {
    list-style: none;
    padding-left: 0
}

.blognav__widgets .widget>ul li,
.blogextra__widgets .widget>ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.blognav__widgets .widget>nav ul,
.blogextra__widgets .widget>nav ul {
    list-style: none;
    padding-left: 0
}

.blognav__widgets .widget>nav ul li,
.blogextra__widgets .widget>nav ul li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.blognav__widgets ul,
.blogextra__widgets ul {
    margin: 0
}

.blognav__widgets li,
.blogextra__widgets li {
    display: block;
    padding: 0.25em;
    border-bottom: 1px solid #dcdcdc;
    position: relative
}

.blognav__widgets li a::after,
.blogextra__widgets li a::after {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.blognav__widgets li ul,
.blogextra__widgets li ul {
    margin-left: -0.25em
}

.blognav__widgets li li,
.blogextra__widgets li li {
    border-top: 1px solid #dcdcdc;
    border-bottom: none
}

#q {
    width: 75%
}

.category-current {
    margin-left: -2em;
    background-color: #000
}

.category-current ul {
    background-color: #373737
}

.sidebar li:hover ul {
    background-color: #373737
}

@media screen and (min-width: 30em) and (max-width: 60em) {

    .blognav__widgets .widget,
    .blogextra__widgets .widget {
        width: 50%;
        float: left
    }
}

@media screen and (min-width: 60em) and (max-width: 80em) {

    .blognav__widgets .widget,
    .blogextra__widgets .widget {
        width: 33.33%;
        float: left
    }
}

.navlinks {
    color: #fff;
    margin: 0
}

.prev {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAOUlEQVQ4y2NgIBKk51UEAHEDEAswkAqAmhKA+D8UO1Ci+TxJLhihmg3I1kwVAyj2wqghNMpMhLIzAL/xjbtcCYMtAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.next {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAOUlEQVQ4y2NgQALpeRUCQNwAxAEM5ACgRgcg/g/FCeQYAHLB+VFDaG+IAf0MoMgLI1EzNTMTSdkZAPt3jbuLflSIAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.prev,
.next {
    vertical-align: middle;
    width: 2.5em;
    height: 2.5em;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    background-color: #f3f3f3
}

.prev:hover,
.prev:focus,
.next:hover,
.next:focus {
    border-width: 3px
}

#content-info {
    margin-bottom: 4em;
    border-bottom: 1px solid #dcdcdc;
    padding: 0;
    font-size: .875em
}

#content-info h2 {
    display: inline-block;
    vertical-align: top;
    padding: 0.5em 0.75em;
    border-radius: 0.5em;
    background-color: #267daf;
    color: #fff;
    font-size: 1.1428571em;
    text-align: center
}

#content-info h2 a {
    color: #fff
}

#content-info h3 {
    font-size: 1em
}

#content-info ul {
    margin-top: .5714286em;
    padding-left: 0
}

.content-info__feed {
    display: inline-block;
    vertical-align: top;
    list-style-type: none
}

.content-info__feed li {
    display: inline;
    margin-right: 1.5em
}

.content-info__sub-cat {
    margin-top: 2em
}

.content-info__sub-cat h3 {
    font-weight: bold
}

#gotop {
    display: none;
    z-index: 1000;
    position: fixed;
    bottom: 0;
    right: 0.5em;
    width: 10em;
    padding: 0.25em;
    border: 1px solid #636363;
    border-radius: 0.25em;
    background-color: #fff;
    color: #333;
    font-size: 0.875em;
    text-align: center
}

#gotop a,
#gotop a:link,
#gotop a:hover,
#gotop a:active {
    background: transparent;
    border: none;
    font-weight: bold;
    color: #636363
}

#gotop.show {
    display: block;
    opacity: 1;
    transition: opacity 400ms
}

#gotop.hide {
    opacity: 0;
    transition: opacity 400ms
}

.post {
    max-width: 42em;
    margin: 2em auto 6em
}

.post-day-date {
    font-size: .875em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: .8571429em
}

.post-meta {
    font-size: .875em;
    background-color: #f3f3f3;
    border-radius: .5714286em;
    padding: .5714286em 1.1428571em;
    margin-bottom: 1.7142857em;
    clear: both
}

.post-info {
    margin: 0.5em 0
}

.full .post-info,
.short .post-info,
.post-cat,
.post-tags-list {
    margin: 0.5em 0;
    display: inline;
    vertical-align: top
}

.post-tags-list {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden
}

.post-tags-item {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    vertical-align: top
}

.post-tags-item a:after {
    content: ','
}

.post-tags-item:last-child a:after {
    content: ''
}

.post-info-co {
    margin: 0.5em 0
}

.post-title {
    text-align: center;
    font-weight: 500
}

.post-title a,
.post-title a:link,
.post-title a:visited {
    border-bottom-color: #fff
}

.post-title a:hover,
.post-title a:focus,
.post-title a:active {
    color: #267daf;
    background-color: transparent
}

@media screen and (max-width: 40em) {
    .post-title {
        font-size: 2em
    }
}

.post-content {
    margin-bottom: 1em
}

.post-read-it {
    margin-bottom: 1.5em
}

.footnotes {
    font-size: .875em;
    margin-top: 2em;
    margin-bottom: 3em
}

.footnotes h4 {
    display: inline-block;
    border-top: 1px solid #267daf;
    padding-right: 3em;
    margin-bottom: 0
}

.post-attachments {
    position: relative;
    padding: 0 2.5em 0.25em;
    border: 1px solid #dcdcdc;
    box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2)
}

.post-attachments:before {
    content: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxOCAzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE4IDMyIiB3aWR0aD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjU2MSAwYy44NDIgMS4yNDUgMS4zNzYgMi40NTMgMS4zOCAzLjU5M2wuMDMgMTYuODI0Yy0uMDAzIDEuNTgtLjQ3NSAyLjgxNi0xLjQxMyAzLjcxNS0uNjg3LjY1Ny0xLjUzMy45NzQtMi41NDIuOTU3LTEuMDEtLjAyMy0xLjgzMy0uMzctMi40NzgtMS4wNDMtLjg4NC0uOTIzLTEuMzI0LTIuMTkyLTEuMzE5LTMuNzk1bC4yOTgtMTMuNzk2Yy4wMS0uMzUuMTM5LS42NDYuMzkyLS44OS4yNTItLjI0MS41NjItLjM2LjkyNi0uMzUxLjM2OC4wMDYuNjcuMTM3LjkxNC4zOTIuMjQxLjI1My4zNi41NTQuMzUxLjkwNmwtLjI5NyAxMy43OTdjLS4wMTkuODQ2LjE2NyAxLjQ3MS41NTMgMS44NzQuMTk4LjIwMi40MzMuMzEyLjcwNS4zMTIuMjctLjAwMi41MDItLjA5Ni42OTUtLjI4MS40MDQtLjM5MS42MTYtMS4wMDMuNjI5LTEuODU0bC0uMDMtMTYuNzc5Yy4wMTMtLjQwOC0uMTctLjk1MS0uNTQyLTEuMzM0aC02LjYxM2MtLjM4OC4zNjYtLjU4Ny43NDEtLjU5NCAxLjEyNGwtLjAyMyAyMC4yNjJjLS4wMDMgMS41NTEuNTA5IDIuODYyIDEuNTM5IDMuOTM0IDEuMTI3IDEuMTc5IDIuNzI2IDEuNzg2IDQuOCAxLjgzNyAyLjA3NS4wNCAzLjctLjUgNC44ODEtMS42MjYuNDg2LS40NzEuODk0LTEuMDYyIDEuMjIxLTEuNzcyLjMxOS0uNzA5LjQ3NS0xLjQuNDU1LTIuMDY5di0xNi40MzdjLjAwNi0uMzc4LjA1Mi0uNjg1LjI5My0uOTExLjI1Mi0uMjQ1LjU2Mi0uMzYuOTIzLS4zNTQuMzY2LjAwOS42NzMuMTM4LjkxLjM5MS4yNjMuMjY4LjQ3NC41NzguNDYxLjkzdjE2LjQzNWMuMDA2IDEuMDE3LS4yMTIgMi4wNDEtLjY0OSAzLjA2My0uNDM4IDEuMDE2LTEuMDM3IDEuODktMS43OTQgMi42MjQtMS42NzQgMS41OTgtMy45MSAyLjM2Ny02LjcyNSAyLjMxOC0yLjgwNy0uMDU2LTUuMDE1LS45MTYtNi42MTMtMi41ODctMS41My0xLjU5Ny0yLjI4OS0zLjU0LTIuMjg0LTUuODM3di0yMC4yNTljLjAyNS0xLjExLjUwMi0yLjA5MyAxLjM5Ni0zLjMxM3oiIGZpbGw9IiM5OTkiLz48L3N2Zz4=');
    display: block;
    position: absolute;
    margin-top: -0.33em;
    margin-left: -2em
}

.post-attachments-title {
    padding-top: 0.75em;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: bold;
    color: #636363
}

.post-attachments-list {
    padding-left: 1em;
    margin-top: 0.5em
}

.post-feedback {
    max-width: 42em;
    margin: 3em auto;
    clear: both
}

.post-feedback h3 {
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    color: #636363
}

.comments-list {
    list-style: none;
    padding-left: 0
}

.comments-list li {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0
}

.comment,
.ping {
    overflow: hidden;
    padding: 0.1em 1.5em 0.1em 4em;
    margin-bottom: 2em;
    border-radius: 0.25em;
    box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2)
}

.comment {
    background-color: #edf3f2
}

.ping {
    background: #f3efed url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2NgGF4gPa9iPghTovk/FM+HihUgicExIc3ohiTgNQCHZhRDkNRidwGxCgbGAFwBCcUFWA0gJiBBYjhdQIQhCeSmlQKyNQ9eAACU36BDGi6KYAAAAABJRU5ErkJggg==') no-repeat 1.5em 4em
}

.comment-number {
    display: block;
    float: left;
    width: 2.5em;
    height: 2.5em;
    margin-left: -3.5em;
    margin-right: 1em;
    margin-top: -0.5em;
    border-radius: 50%;
    background-color: #fff;
    z-index: 1000;
    line-height: 2.5em;
    text-align: center
}

.comment-form,
.send-trackback {
    overflow: hidden;
    padding: 0.75em 3em 0.1em;
    margin-bottom: 2em;
    border-radius: 0.25em;
    box-shadow: 0 2px rgba(0, 0, 0, 0.05), 0 0 1px rgba(0, 0, 0, 0.2);
    background-color: #edf3f2
}

.send-trackback {
    background: #f3efed url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAT0lEQVQ4y2NgGF4gPa9iPghTovk/FM+HihUgicExIc3ohiTgNQCHZhRDkNRidwGxCgbGAFwBCcUFWA0gJiBBYjhdQIQhCeSmlQKyNQ9eAACU36BDGi6KYAAAAABJRU5ErkJggg==') no-repeat 1.5em 4em
}

.field label {
    display: inline-block;
    width: 10em
}

.field label:not([for='c_content']) {
    text-align: right
}

.field input {
    max-width: 100%
}

.field textarea {
    display: block;
    width: 100%
}

.form-help,
.remember {
    font-size: .875em
}

#pr {
    background-color: #f3f3f3;
    padding: 0.5em;
    border: 2px solid #6c7c7c;
    margin-bottom: 2em
}

.error {
    background-color: #bd1220;
    color: #fff;
    padding: 0.25em 0.5em
}

.buttons {
    text-align: right
}

button.submit,
button.preview {
    background-image: linear-gradient(to bottom, #778f97, #5e767d);
    box-shadow: inset 0 1px 3px 0 #778f97;
    background-color: #778f97;
    border-radius: 0.25em;
    border: 1px solid #5e767d;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 0.25em 0.5em;
    text-decoration: none;
    text-shadow: 0 -1px 0 #636363
}

button.submit:hover,
button.submit:focus,
button.preview:hover,
button.preview:focus {
    cursor: pointer;
    background-image: linear-gradient(#5e767d, #5e767d);
    background-color: #5e767d
}

button.submit:active,
button.preview:active {
    position: relative;
    top: 1px
}

@media all and (max-width: 30em) {
    .comment-number {
        margin-top: 0
    }

    .comment-content,
    .ping-content {
        margin-left: -3.5em;
        margin-right: -1em
    }

    .comment-form,
    .send-trackback {
        padding: 0.75em 0.5em 0.1em
    }
}

@media all and (min-width: 30em) {

    .post-day-date:after,
    .post-day-date:before {
        display: inline-block;
        height: 1px;
        content: ' ';
        background-color: #dcdcdc;
        text-shadow: none;
        width: 20%;
        margin-bottom: 0.33em
    }

    .post-day-date:after {
        margin-left: 2em
    }

    .post-day-date:before {
        margin-right: 2em
    }

    .post-feedback h3:after,
    .post-feedback h3:before {
        display: inline-block;
        height: 1px;
        content: ' ';
        background-color: #dcdcdc;
        text-shadow: none;
        width: 20%;
        margin-bottom: 0.33em
    }

    .post-feedback h3:after {
        margin-left: 2em
    }

    .post-feedback h3:before {
        margin-right: 2em
    }
}

@media all and (max-width: 40em) {
    .post {
        margin: 1em auto 3em
    }
}

@media all and (min-width: 30em) {
    .dc-archive .content-inner {
        margin-left: 3em;
        margin-right: 3em
    }
}

.arch-block {
    display: inline-block;
    margin: 0 0 2em 0;
    vertical-align: top
}

.arch-block a {
    color: #373737
}

.arch-block a:focus {
    color: #fafafa
}

@media all and (min-width: 30em) {
    .arch-block {
        margin-left: 4em
    }
}

.arch-block:first-child {
    margin-left: 0
}

.arch-block h3 {
    margin-bottom: 1em;
    font-size: 1.2em;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
    color: #267daf
}

.arch-block h4 {
    font-weight: bold;
    font-size: 1.1em;
    margin-bottom: 0;
    margin-top: 0;
    color: #373737
}

.arch-list,
.arch-sub-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.arch-sub-list {
    margin-left: 20px
}

.arch-by-year {
    margin-right: 0;
    margin-bottom: 1em;
    margin-top: 2em
}

.arch-by-year h3 {
    margin-bottom: 0
}

.arch-by-year h3:first-child {
    margin-top: 0
}

.fromto {
    margin-top: 0;
    margin-bottom: 1.5em;
    font-size: 0.875em;
    font-style: italic
}

.arch-by-year__each-year {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 10em
}

.arch-year-list {
    margin-bottom: 1.5em
}

.arch-year-list span {
    font-size: 0.875em
}

.arch-cat-list,
.arch-sub-cat-list {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAIAAAD6sKMdAAAAD0lEQVQIW2NIS0tjIAIDAO84C/WI5ZqTAAAAAElFTkSuQmCC') repeat-y
}

.arch-sub-cat-list {
    margin: 0.5em 0 0 0.5em
}

.arch-cat-list li {
    padding: 0.2em 0.2em 0.2em 20px;
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAABAQMAAADQJd16AAAAA1BMVEVmZmZ8VoIEAAAAC0lEQVQIHWNgYAAAAAMAAU9ICq8AAAAASUVORK5CYII=') no-repeat left 0.82em
}

.arch-cat-list li:last-child {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAAAAACY4YRgAAAAE0lEQVR4AWNMY0AAxv/DgDPKAQCavSNotfQfBAAAAABJRU5ErkJggg==')
}

.arch-by-tag {
    width: 17em
}

.arch-tag-list li {
    display: inline-block;
    padding-right: 1em
}

.arch-tag-list .tag0 {
    color: #909090;
    font-size: 90%
}

.arch-tag-list .tag10 {
    color: #828282;
    font-size: 92%
}

.arch-tag-list .tag20 {
    color: #737373;
    font-size: 94%
}

.arch-tag-list .tag30 {
    color: #656565;
    font-size: 96%
}

.arch-tag-list .tag40 {
    color: #484848;
    font-size: 98%
}

.arch-tag-list .tag50 {
    color: #3a3a3a;
    font-size: 100%
}

.arch-tag-list .tag60 {
    color: #2b2b2b;
    font-size: 102%
}

.arch-tag-list .tag70 {
    color: #1d1d1d;
    font-size: 104%
}

.arch-tag-list .tag80 {
    color: #0e0e0e;
    font-size: 106%
}

.arch-tag-list .tag90 {
    color: #030303;
    font-size: 108%
}

.arch-tag-list .tag100 {
    color: #000;
    font-size: 110%
}

.dc-archive-month #content-info h2 {
    margin-left: 2em;
    margin-top: 0.5em
}

#offcanvas-on {
    display: none
}

.sidebar,
#main {
    transition: all .3s linear
}

.js #content-info h2,
.js .content-info__feed {
    margin-right: 3.5em
}

@media screen and (max-width: 80em) {

    #offcanvas-on,
    #offcanvas-off {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        height: 2.5em;
        width: 2.5em;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border: none;
        padding: 0
    }

    #offcanvas-on:hover,
    #offcanvas-on:focus,
    #offcanvas-off:hover,
    #offcanvas-off:focus {
        background-color: #373737
    }

    #offcanvas-on {
        display: block;
        background-color: #fff;
        background-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMGgzdjE2aC0zem02LjUgMGgzdjE2aC0zem02LjUgMGgzdjE2aC0zeiIgZmlsbD0iIzgwODA4MCIvPjwvc3ZnPg=='), none;
        border: 0.1em solid #636363;
        border-radius: 0.25em
    }

    #offcanvas-off {
        background-color: #373737;
        background-image: url('data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI2ZmZiI+PHBhdGggZD0ibTEuMyAzLjQgMi4xLTIuMSAxMS4zIDExLjMtMi4xIDIuMXoiLz48cGF0aCBkPSJtNi41IDBoM3YxNmgtM3oiIHRyYW5zZm9ybT0ibWF0cml4KC43MDcxIC43MDcxIC0uNzA3MSAuNzA3MSA3Ljk5OTkgLTMuMzEzNSkiLz48L2c+PC9zdmc+'), none;
        border: 1px solid #fff
    }

    #wrapper {
        position: relative
    }

    .off-canvas #main,
    .footer.off-canvas {
        float: left;
        margin-left: -66.6666667%
    }

    .off-canvas .sidebar {
        position: relative;
        float: right;
        width: 91.6666667%;
        margin-right: 0%;
        margin-left: -100%;
        padding-left: 1em;
        padding-right: 1em;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word
    }
}