.row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.row > div:nth-child(3) {
    margin-left: auto;
}

.header-image-container {
    padding-right: 20px;
}
.header-image {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
}

.pull-right {
    margin-left: auto;
}

.fill {
    flex: 1;
}

ul {
    list-style-position: outside;
}

.post ul {
    margin-left: 1em;
}

ul.flat svg {
    max-height: 17px;
}

a svg {
    display: inline-block;
    vertical-align: middle;
}

h4.summary {
    margin-top: 5px;
    margin-bottom: 15px;
}

.search-results .post h4.summary {
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 600;
}

.search-results .post h4.summary a b {
    clear:both;background: rgb(255, 231, 92); padding:2px 2px;
}

.search-results .post div span b {
    clear:both;background: rgb(255, 231, 92); padding:2px 2px;
    font-weight: normal;
}

* {
    box-sizing: border-box;
  }

div.club {
    width: 180px;
    margin-top: 10px;
}

.club input[type=text] {
    padding: 4px;
    font-size: 16px;
    border: 1px solid rgb(226, 226, 226);
    background: #f8f8f8;
    border-right: 0px;
    float: left;
    width: 85%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    outline: none !important;
    box-shadow: none !important;
}

.club input:focus[type=text] {
    background: #ececec;
}

/*
.club input:hover[type=text] {
    border: 1px solid rgb(155, 155, 155);
    border-right: 0px;
}

.club input:hover[type=text] + button {
    border: 1px solid rgb(155, 155, 155);
    border-left: none;
}
*/

.club button {
    float: left;
    width: 15%;
    padding: 4px;
    background: #f8f8f8;
    color: rgb(126, 126, 126);
    font-size: 16px;
    border: 1px solid rgb(226, 226, 226);
    border-left: none;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.club button:hover {
    color: rgb(54, 54, 54);
}

@media only screen and (max-width: 670px) {
    div.desktop {
      display: none;
    }
}

@media only screen and (min-width: 671px) {
    div.mobile {
      display: none;
    }
}

.tweet-image > .content > a > img {
    border-style: solid;
    border-width: 1px;
    border-color: #dddddf;
}

/* AsciiDoctor*/
table{border-collapse:collapse;border-spacing:0}
.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title{text-rendering:optimizeLegibility;text-align:left;font-family:"Noto Serif","DejaVu Serif",serif;font-size:1rem;font-style:italic}
table.tableblock.fit-content>caption.title{white-space:nowrap;width:0}
.paragraph.lead>p,#preamble>.sectionbody>[class="paragraph"]:first-of-type p{font-size:1.21875em;line-height:1.6;color:rgba(0,0,0,.85)}
table.tableblock #preamble>.sectionbody>[class="paragraph"]:first-of-type p{font-size:inherit}
.admonitionblock>table{border-collapse:separate;border:0;background:none;width:100%}
.admonitionblock>table td.icon{text-align:center;width:80px}
.admonitionblock>table td.icon img{max-width:none}
.admonitionblock>table td.icon .title{
    font-weight:bold;
    font-family:"Open Sans","DejaVu Sans",sans-serif;text-transform:uppercase;
    font-size:2.0em;
}
.admonitionblock>table td.content{padding-left:1.125em;padding-right:1.25em;border-left:1px solid #dddddf;color:rgba(0,0,0,.6)}
.admonitionblock>table td.content>:last-child>:last-child{margin-bottom:0}
.admonitionblock td.icon [class^="fa icon-"]{font-size:2.5em;text-shadow:1px 1px 2px rgba(0,0,0,.5);cursor:default}
.admonitionblock td.icon .icon-note::before{content:"\f05a";color:#19407c}
.admonitionblock td.icon .icon-tip::before{content:"\f0eb";text-shadow:1px 1px 2px rgba(155,155,0,.8);color:#111}
.admonitionblock td.icon .icon-warning::before{content:"\f071";color:#bf6900}
.admonitionblock td.icon .icon-caution::before{content:"\f06d";color:#bf3400}
.admonitionblock td.icon .icon-important::before{content:"\f06a";color:#bf0000}
.conum[data-value]{display:inline-block;color:#fff!important;background:rgba(115,186,48, 1.0);-webkit-border-radius:100px;border-radius:100px;text-align:center;font-size:.75em;width:1.67em;height:1.67em;line-height:1.67em;font-family:"Open Sans","DejaVu Sans",sans-serif;font-style:normal;font-weight:bold}
.conum[data-value] *{color:#fff!important}
.conum[data-value]+b{display:none}
.conum[data-value]::after{content:attr(data-value)}
pre .conum[data-value]{position:relative;top:-.125em}
b.conum *{color:inherit!important}
.conum:not([data-value]):empty{display:none}

.colist td:not([class]):first-child{padding:.4em .75em 0; line-height:1; vertical-align:top;}
.colist td:not([class]):first-child img{max-width:none}
.colist td:not([class]):last-child{padding:.25em 0}

table.linenotable td.code {
    padding-left: .75em;
}

table.linenotable td.linenos {
    border-right: 1px solid rgba(255,255,255,.35);
    opacity: .35;
    padding-right: .5em;
}

.literalblock pre, .listingblock > .content > pre {
    padding: 0.75em;
}

.highlight pre {
    padding: 0px;
}

blockquote {
    font-size: 1.05rem;
}