/* auto include templates/default/style_fallback.css */

/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css or user.css template stylesheet file.
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* default sizing for specific form element */
input[type="button"], input[type="checkbox"] {
    width: auto; }

figure {
    text-align: center;
    border: solid 1px #ccc;
    border-radius: 2px;
    background: rgba(0,0,0,0.05);
    padding: 10px;
    margin: 10px 20px;
    display: inline-block; }
    figure > figcaption {
      text-align: center; }

#serendipity_error_top {
    position: relative;
    top: 0;
    left: 0;
    z-index: 999;
    width: auto;
    height: auto;
    max-height: 11em;
    overflow-x: auto;
    padding: .5em;
    border-bottom: 1px solid #e4b9b9;
    background: #f2dede;
    color: #b94a48;
    text-align: left; }

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0; }

/* Messages: centered, important, success, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .serendipity_msg_important {
      color: #ff4136; /* new red */ }
    .serendipity_msg_success {
      color: #2ecc40; /* new green */ }
    .serendipity_msg_notice {
      color: #6495ed; /* new cornflowerblue */ }

/* this and that */
table.archives_listing {
    display: table;
    width: auto;
    border-collapse: separate;
    border-spacing: 4px; }
    .archives_row td {
      padding: 4px; }
      td.archives_graph img {
        height: 1em;
        border: 1px solid #000; }

ul#serendipity_categories_list {
    margin: 0;
    padding: 0;
    list-style-type: none; }

/* Plugin frontend_comment external link(s) SVG */
.bi.bi-box-arrow-up-right {
    vertical-align: text-bottom; }

/* xml svg icons default size */
.serendipity_xml_icon img {
    width: 1rem;
    height: auto; }

.serendipityPlug img {
    border: 0px;
    width: 120px;
    margin-bottom: 1em; }

.serendipity_calendar {
    width: 100%; }

/* Disables s9ymarkup, gravatar, spamblock markup and emoticate hooked text messages in contact-form template files, having at least this staticpage_plugin_contactform selector */
/* Disables spamblock and other user notifications for the adduser plugin forms, since more or less needed for comment or contact forms only */
.staticpage_plugin_contactform .serendipity_comment_emoticate,
.staticpage_plugin_contactform .serendipity_comment_gravatar,
.staticpage_plugin_contactform .serendipity_comment_s9ymarkup,
.staticpage_plugin_contactform .serendipity_comment_spamblock,
#adduserform .serendipity_comment_emoticate,
#adduserform .serendipity_comment_s9ymarkup,
#adduserform .serendipity_comment_spamblock {
    visibility: hidden;
    display: none; }

/*** Serendipity Styx default image handlers ***/

/* Default image classes for left/right/center usual layouts */
.serendipity_image_center {
    border: 0;
    padding-left: 5px;
    padding-right: 5px; }
    p > img.serendipity_image_center {
        margin: auto;
        clear: both; }

.serendipity_image_left {
    float: left;
    border: 0;
    padding-left: 5px;
    padding-right: 5px; }
.serendipity_image_right {
    float: right;
    border: 0;
    padding-left: 5px;
    padding-right: 5px; }

/* Embedded images with comments inside the styx image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
    max-width: 100%; }

.serendipity_imageComment_center {
    clear: both;
    margin: auto; }

.serendipity_imageComment_left {
    float: left; }

.serendipity_imageComment_right {
    float: right; }

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0;
    padding: 0;
    border: 0 none;
    text-align: center; }

.serendipity_imageComment_txt {
    overflow-wrap: break-word;
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 3px;
    clear: both;
    font-size: 10px;
    text-align: center; }

/* Gallery-Container: default (fallback for no rows, no cols - no initial width here) */
.serendipity_image_block {
    display: inline-block; }
    .serendipity_image_block .serendipity_image_link {
      display: block; /* Chromium: Start a new block ! */ }
    .serendipity_image_block:not(.col):not(.row) .serendipity_image_link {
      display: inline-block; }
    /* Gallery-Container: default (fallback for rows) */
    .serendipity_image_block.row {
      display: inline-block; }

/* Gallery-Container: per row order, flexed */
/* This is used to enclose a gallery, using serendipity_image_left or _right floated images */
.serendipity_image_block.row {
    clear: both;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

/* Gallery-Size: This sizes the origin single-line image gallery to be used as a real multi-item image container */
.serendipity_image_block.row {
    flex: auto;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-flow: row wrap;
    align-items: flex-start; /* the default is stretch, internally used by Chrome when flexing direct child images */
    justify-content: space-around; /* IE10+ CSS fallback, since -evenly not supported */
    justify-content: space-evenly;
    margin: auto auto 1em; }
    /* Fit image flexible inside the link container to not overlap */
    .serendipity_image_block.row .serendipity_image_link {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
    /* The inline containers or items min/max size to scale gallery images to an affordable size */
    .serendipity_image_block.row .serendipity_imageComment_left,
    .serendipity_image_block.row .serendipity_imageComment_right,
    .serendipity_image_block.row .serendipity_image_link,
    .serendipity_image_block.row .serendipity_image_left,
    .serendipity_image_block.row .serendipity_image_right {
      max-width: 260px; }
    /* Line up a row gallery (manually) commented image to nearly fit the max-width 260px image sizes - important avoid theme % flexed max-width sizes */
    .serendipity_image_block.row .serendipity_imageComment_left{
      max-width: 260px !important;
      min-width: 250px; }
      .serendipity_image_block.row .serendipity_imageComment_left .serendipity_image_link,
      .serendipity_image_block.row .serendipity_imageComment_left .serendipity_image_left {
        max-width: 100%; }
    /* This is not possible automatically, but may be a customized "mid-flooted" set for rowed galleries */
    .serendipity_image_block.row > figure.serendipity_imageComment_center {
      width: auto;
      max-width: 260px; }

/* Gallery-Container: default mobile for cols - starting with img default size >= 400px will initiate their own */
@media only screen and (max-width: 399px) {
    .serendipity_image_block.col {
        display: initial; }
}

/* Gallery-Container: by columns, vertically ordered, screen sized 3:2:1 and 4:3:2 */
/* SMALL SCREENS */
.serendipity_image_block.col {
    width: auto;
    max-width: -webkit-fill-available;/*others*/
    max-width: max-content;/*Firefox*/
    max-width: fit-content;/*Chromium*/
    margin-bottom: .5em;
    column-count: 1;
    column-gap: .187rem;/*3*/
    justify-content: space-evenly; }
    .serendipity_image_block.col .serendipity_imageComment_left,
    .serendipity_image_block.col .serendipity_imageComment_right,
    .serendipity_image_block.col .serendipity_image_link,
    .serendipity_image_block.col .serendipity_image_left,
    .serendipity_image_block.col .serendipity_image_right {
        margin: auto auto .3125em;
        float: unset; }
    .serendipity_image_block.col .serendipity_image_link .serendipity_image_left {
        margin: auto auto .2667615em; /*3*/ }

@media only screen and (min-width: 340px) {
    .serendipity_image_block.col.c5 {
        display: block;
        column-count: 2;
        column-gap: .175rem;/*2*/
        column-fill: balance; }
}
@media only screen and (min-width: 400px) {
    .serendipity_image_block.col.c3 {
        column-count: 2;
        column-gap: .312rem;/*6*/ }
    .serendipity_image_block.col.c4 {
        column-count: 2; }
    .serendipity_image_block.col.c5 {
        column-count: 3; }
    .serendipity_image_block.col.c4,
    .serendipity_image_block.col.c5 {
        column-gap: .312rem;/*6*/
        column-fill: balance; }
}
.serendipity_image_block > div {
    float: none;
    display: inline-block; }

/* MEDIUM SCREENS */
@media only screen and (min-width: 552px) {
    .serendipity_image_block.col {
        column-count: 2;
        column-gap: .312rem;/*6*/
        display: block; }
    .serendipity_image_block.col.c2 {
        display: block; }
    .serendipity_image_block.col.c3 {
        display: block;
        width: 100%; }
    .serendipity_image_block.col.c4 {
        display: block;
        column-count: 3; }
    .serendipity_image_block.col.c5 {
        column-count: 4; }
    .serendipity_image_block.col.c2 .serendipity_image_link,
    .serendipity_image_block.col.c3 .serendipity_image_link,
    .serendipity_image_block.col.c4 .serendipity_image_link,
    .serendipity_image_block.col.c5 .serendipity_image_link {
        margin: auto; }
    .serendipity_image_block.col .serendipity_image_link .serendipity_image_left {
        margin: auto auto .25em;
        float: none; }
}

/* DEFAULT SCREENS */
@media only screen and (min-width: 768px) {
    .serendipity_image_block.col {
        margin-bottom: 1em;
        column-gap: .5rem;/*9*/
        column-fill: balance; }
    .serendipity_image_block.col.c2 {
        column-count: 2; }
    .serendipity_image_block.col.c3 {
        column-count: 3; }
    .serendipity_image_block.col.c4 {
        column-count: 4; }
    .serendipity_image_block.col.c5 {
        column-count: 5; }
}

.serendipity_image_block.col .serendipity_imageComment_left,
.serendipity_image_block.col .serendipity_imageComment_right,
.serendipity_image_block.col .serendipity_image_link,
.serendipity_image_block.col .serendipity_image_left,
.serendipity_image_block.col .serendipity_image_right {
    margin: .25em auto; }
.serendipity_image_block > div.serendipity_imageComment_left .serendipity_image_left,
.serendipity_image_block.col .serendipity_imageComment_left .serendipity_image_link,
.serendipity_image_block.col .serendipity_imageComment_left .serendipity_image_left,
.serendipity_image_block.col .serendipity_imageComment_right .serendipity_image_right {
    margin: auto; }
.serendipity_image_block:not(.row):not(.col) .serendipity_imageComment_left .serendipity_imageComment_img,
.serendipity_image_block:not(.row):not(.col) .serendipity_imageComment_right .serendipity_imageComment_img {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
.serendipity_image_block.col .serendipity_imageComment_left,
.serendipity_image_block.col .serendipity_imageComment_right {
    display: inline-block;
    max-width: 100%; }

/* Gallery-Size: end */

/* Gallery-Margins: the default margins for all default level 1 gallery items (direct containers or direct items) */

.serendipity_image_block > .serendipity_imageComment_left,
.serendipity_image_block > .serendipity_imageComment_right,
.serendipity_image_block > .serendipity_image_link,
.serendipity_image_block > .serendipity_image_left,
.serendipity_image_block > .serendipity_image_right {
    margin: 5px 0 0 0; }
/* same for manually added helper containers */
.serendipity_image_block > div,
.serendipity_image_block > span,
.serendipity_image_block > div .serendipity_image_left,
.serendipity_image_block > div .serendipity_image_right,
.serendipity_image_block > span .serendipity_image_left,
.serendipity_image_block > span .serendipity_image_right {
    margin: 5px 0 0 0; }
    /* exception */
    .serendipity_image_block > div > figure .serendipity_image_left {
      margin: auto; }

/* so that a direct child image behaves like a containerized image - and the top/right is 2x5px */
.serendipity_image_block:not(.col):not(.row) > .serendipity_image_left,
.serendipity_image_block:not(.col):not(.row) > .serendipity_image_right {
    margin: 10px 10px 0 0;
}
/* Some special care when inside a link or comment container, to not break the "auto" left and top margin by the justify-content (i.e. in Next and Default themes) */
.serendipity_image_block .serendipity_imageComment_left .serendipity_imageComment_img,
.serendipity_image_block .serendipity_imageComment_right .serendipity_imageComment_img {
    border: 0 none !important;
    display: inline; }

/* Gallery-Margins: end */

/* END OF style_fallback.css */

/* auto include templates/b46/style.css */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css w/o bootstrap defines */
details, menu {
  display: block; }

summary {
  display: list-item;}

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

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

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

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button:focus-visible,
[type="button"]:focus-visible,
[type="reset"]:focus-visible,
[type="submit"]:focus-visible {
  border: 0;
  padding: 0; }

fieldset {
  padding: .35em .75em .625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

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

[hidden], template {
  display: none; }

/* normalize end */

/* Render Browser default styles */

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box }
ul,ol { list-style-position: outside; }
ol, ul, dl { display: flow-root } /* this allows correct list indentation in floats */

table { border-collapse: collapse; border-spacing: 0; }
table td { display: table-cell; vertical-align: top; }

[type="checkbox"],
[type="radio"] {
    vertical-align: middle;
    margin-right: 2px; }
[type="button"],
[type="reset"],
[type="submit"] {
  width: auto !important; }

/** Bootstrap Spacing **/
/** Bootstrap includes a wide range of shorthand responsive margin and padding utility classes to modify an element’s appearance. See this themes widely used example mb-4 class notation.
    https://getbootstrap.com/docs/4.6/utilities/spacing/
*/

/* thinking forward..
:root {
  --bs-image-form-select-indicator: escape-svg($form-select-indicator);
}

.form-select {
  background-image: var(--bs-image-form-select-indicator);
}
*/


/**
 * B46 - Black Edition theme - a derivate extended child of bootstrap4
 **/

a:active, a:hover {
  outline: 0; }

/* @see body color - default black a and rss icon color analogue to the blue [a] (rule) in _reboot.scss */
a, .bi.bi-rss-fill {
    color: #222; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

figure {
  margin: 1em 40px; }

pre {
  overflow: auto; }

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

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer; }

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

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

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px; }

legend {
  border: 0; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

::-moz-selection, ::selection {
  background: #b3d4fc;
  text-shadow: none; }

dt {
  font-weight: bold; }

dd {
  margin: 0; }

table {
  margin: 18px 0;
  margin: 1rem 0;
  width: 100%; }
  table caption {
    text-align: center; }

caption, th {
  text-align: left; }

li ul, li ol {
  margin: 0; }

pre code {
  font-size: 1em; }

hr {
  margin: 27px 0;
  margin: 1.5rem 0;
  border: 0;
  border-top: 1px solid #ddd;
  height: 1px;
  padding: 0;
  width: 100%;
  display: inline-block; }

img {
  vertical-align: middle; }

video, img {
  height: auto;
  max-width: 100%; }

h1 {
  margin: 0 0; }
  h2, h3 {
    margin: 18px 0;
    margin: 1rem 0; }
  h4, h5, h6 {
    margin: 9px 0;
    margin: .5rem 0; }

pre, code, samp, kbd {
  font-size: 15.75px;
  font-size: .875rem; }

q {
  quotes: '“' '”' '‘' '’'; }

:lang(de) q {
  quotes: '„' '“' '‚' '‘'; }

p {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }
  p code, p samp, p kbd {
    overflow-wrap: anywhere;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none; }

.fontface .fallback-text, .visuallyhidden, .info-label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.no-fontface [class^="icon-"]:before, .no-fontface [class*=" icon-"]:before, .no-page {
  display: none !important;
  visibility: hidden; }

.clearfix:before, .serendipity_imageComment_img:before, .clearfix:after, .serendipity_imageComment_img:after {
  content: ' ';
  display: table; }
.clearfix:after, .serendipity_imageComment_img:after {
  clear: both; }

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

form button:focus, select:focus, textarea:focus, input:focus {
  box-shadow: 0 0 5px 0 #06f;
  z-index: 1; }

input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active {
  box-shadow: none; }

::-webkit-input-placeholder {
  color: #888; }

::-moz-placeholder {
  color: #888; }

:invalid {
  box-shadow: none; }

optgroup {
  background: #fcfcfc;
  color: #222;
  font-style: normal; }

input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="password"], input[type="time"], input[type="week"], input[type="email"], input[type="search"], input[type="tel"], input[type="url"], select, textarea, input[type="text"] {
  -webkit-appearance: none;
  background-clip: padding-box;
  background-color: #fcfcfc;
  border: 1px solid;
  border-color: #c1c1c1 #c1c1c1 #e1e1e1;
  border-radius: 0;
  box-sizing: border-box;
  color: #222;
  height: 1.8em;
  outline: 0;
  padding: 2px 3px;
  text-align: left; }
  input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="number"][disabled], input[type="password"][disabled], input[type="time"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="url"][disabled], select[disabled], textarea[disabled], input[type="text"][disabled] {
    background-color: #eee; }

select[size], select[multiple], textarea {
  height: auto; }

.form-group.form-info.alert-secondary {
  color: #383d41; }
  .form-info .serendipity_commentDirection {
    font-size: smaller;
    font-style: italic; }
  .form-group.form-info .serendipity_emoticon_bar {
    margin-bottom: 0; }
  .form_toolbar.dsgvo_gdpr_comment {
    margin-top: 1rem; }
    .form_toolbar.dsgvo_gdpr_comment label {
      display: inline;
      padding-left: 9px;
      padding-left: .5rem;
      margin-bottom: 0; }

.form-check-input[type="checkbox"] {
  margin-top: .5rem; }
#serendipity_category_form input[type="checkbox"] {
  vertical-align: middle; }

@media (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image: url('data:image/gif;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==');
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 20px; }

  select[size], select[multiple] {
    background-image: none;
    padding: 0; }
}

textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%; }
/* Bootstrap link button and input buttons behave differently on color filling - links are -outlined- directly, buttons have to be explicitly set */

.alert {
  margin-top: 18px;
  margin-top: 1rem;
  width: 100%; }

.alert-danger {
  background: #f2dede;
  border: 1px solid #e4b9b9;
  border-left: 3px solid #b94a48;
  color: #b94a48; }
.alert.alert-secondary {
    color: #dc3545;/*red*/ }

figure {
  margin: 18px 0;
  margin: 1rem 0;
  display: block; }

.mfp-content figure {
  margin: 0; }
.mfp-figure figure {
  margin: 0;
  border: 0 none; }

nav ul, nav ol {
  list-style: none;
  margin: 0;
  padding: 0; }

html {
  scroll-behavior: smooth;
  background-color: #fcfcfc; }

body {
  background-color: #fcfcfc;
  padding-top: 2.675rem;
  color: #222; }

ins {
  background: #eee;
  text-decoration: none; }

del {
  color: #aaa; }

mark {
  background-color: #ccdee7; }

kbd {
  padding: 0 2.25px;
  padding: 0 .125rem;
  background: #eee;
  border: 1px solid #aaa; }

blockquote {
  margin: 18px 0;
  margin: 1rem 0; }
  blockquote p {
    quotes: '“' '”'; }
  blockquote p:before {
    content: '';
    content: no-open-quote; }
  blockquote p:after {
    content: '';
    content: no-close-quote; }
  blockquote p:first-of-type:before {
    content: '“';
    content: open-quote; }
  blockquote p:last-of-type:after {
    content: '”';
    content: close-quote; }
  :lang(de) blockquote p, blockquote:lang(de) p {
    quotes: '„' '“'; }
  :lang(de) blockquote p:before, blockquote:lang(de) p:before {
    content: '';
    content: no-open-quote; }
  :lang(de) blockquote p:after, blockquote:lang(de) p:after {
    content: '';
    content: no-close-quote; }
  :lang(de) blockquote p:first-of-type:before, blockquote:lang(de) p:first-of-type:before {
    content: '„';
    content: open-quote; }
  :lang(de) blockquote p:last-of-type:after, blockquote:lang(de) p:last-of-type:after {
    content: '“';
    content: close-quote; }
  blockquote > cite, blockquote > footer {
    display: block; }
    blockquote > cite:before, blockquote > footer:before {
      content: '– '; }
  blockquote cite {
    font-style: normal; }

summary {
  cursor: pointer; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none; }

.post table, .page table {
  display: inherit;
  width: auto;
  overflow: auto;
  border-bottom: 1px solid #aaa; }
  .post table tr, .page table tr {
    border-top: 1px solid #aaa; }

.osans, .osans button, .osans input, .osans select, .osans optgroup, .osans textarea {
  font-family: 'Open Sans', sans-serif; }

.ssans, .ssans button, .ssans input, .ssans select, .ssans optgroup, .ssans textarea {
  font-family: 'Source Sans Pro', sans-serif; }

.rsans, .rsans button, .rsans input, .rsans select, .rsans optgroup, .rsans textarea {
  font-family: 'Roboto', sans-serif; }

.lsans, .lsans button, .lsans input, .lsans select, .lsans optgroup, .lsans textarea {
  font-family: 'Lato', sans-serif; }

.mserif, .mserif button, .mserif input, .mserif select, .mserif optgroup, .mserif textarea {
  font-family: 'Merriweather', serif; }

.dserif, .dserif button, .dserif input, .dserif select, .dserif optgroup, .dserif textarea {
  font-family: 'Droid Serif', serif; }

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{color:#a94442}
.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}
.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}

/* required attribute labeled */
input:invalid, textarea:invalid {
    background-color: #eee;
}

/* unsets */
#searchsend { display: none; }
.serendipity_entrypaging {
  display: none; }
  .serendipity_entrypaging .epicon {
    display: none;
    visibility: hidden; }
.serendipity_entrypaging.mobile {
  display: inline-block; }

/* ups-and-downs */
#to-top {
  top: 0;
  position: absolute; }
.nav-down {
  padding-right: .5rem; }
.sidebar-up {
  text-align: right; }
.serendipity_plugin_upscroll {
  text-align: right;
  max-width: 100%;
  min-width: 100%; }

/* backend iframed messages, links or specific preview styles */
main.col-xs-12.col-lg-12 a,
main.col-xs-12.col-lg-12 .save_updertH {
  padding-left: .5em; }
main.col-xs-12.col-lg-12 .save_updertH hr {
  margin: .5em 0; }

/* extends the body top padding for non-blog (.post) headings */
.serendipity_Entry_Date h2, .page  h2,
.serendipity_Entry_Date h3, .page  h3 {
  display: inline-block; }

.container {
  padding-top: 1rem; }
.container > #entrypasswordform {
    padding: 1rem 0 .5rem 0; }
.container > .serendipity_entrypaging + #entrypasswordform {
    padding-top: 0; }

@media only screen and (max-width: 500px) {
  .featured-art h1 {
    font-size: 1.75rem;}
  .featured-art p {
    font-size: 1rem;}
}

.bi.bi-grip-horizontal {
  display: none; }

/* static pages */
.page {
    width: 100%; }

/* sidebars start */
aside {
  background-color: #343a40;
  color: #b0b0b0; }
  aside a, .bi.bi-rss-fill {
    color: #e5e5e5; }

.serendipity_plugin_calendar .sidebar_content table.calendar th {
  padding: .5rem; }

@media only screen and (min-width: 992px) {
  .container {
    padding-top: initial; }
  .serendipity_entrypaging {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0;
    width: 100%; }
  .serendipity_entrypaging_left, .serendipity_entrypaging_right {
    width: 50%;
    white-space: nowrap; }
  .serendipity_entrypaging_left a.btn.btn-secondary, .serendipity_entrypaging_right a.btn.btn-secondary {
    width: auto;
    max-width: 98%;
    overflow: hidden;
    text-overflow: ellipsis; }
  .serendipity_entrypaging_left a.btn.btn-secondary {
    text-align: start; }
  .serendipity_entrypaging_right a.btn.btn-secondary {
    text-align: end; }
  aside.sidebar_content #searchform {
    padding: initial; }
  .bi.bi-grip-horizontal {
    display: initial; }
}
/* sidebars end */

ul.pagination {
  padding: 1.5rem 0; }

.page-item.info {
  padding: .5rem 1rem;
  text-align: center; }

.bi.bi-rss-fill {
  vertical-align: text-bottom; }

/* bbar */

.navbar { /* do not use bootstraps navigation bar line height */
  padding-top: 0;
  padding-bottom: 0; }
  .navbar-nav {
    line-height: initial; }
.navbar-expand-md > .container {
    padding: 0; }

.bg-dark {
  background: #1b1b1b !important; }

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus {
  color: #696969;
  font-family: 'Mophoria Script',caption;
  font-size: 30px;
  font-size: 1.666666rem;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25); }

#searchform {
    visibility: hidden;
    display: none; }
@media only screen and (min-width: 640px) {
  #searchform {
    visibility: initial;
    display: initial;
    margin-left: auto; }
}

#serendipityQuickSearchTermField {
  min-width: 4em;
  max-width: 18em;
  background-color: #666;
  border-radius: 4.5px;
  border-radius: .25rem;
  color: #f0f0f0;
  padding: 0 9px;
  padding: 0 .5rem;
  border-color: #000;
  font-size: 16.668px;
  font-size: .926rem; }
  #serendipityQuickSearchTermField::placeholder {
    color: rgba(255, 249, 249, 0.5) }

#serendipityQuickSearchTermField,
#serendipity_comment input[type=text],
#serendipity_comment input[type=email],
#serendipity_comment input[type=url] { width: 95%; }

#serendipity_replyTo,
#serendipity_comment textarea { width: 95%; }

@media only screen and (min-width: 992px) {
  #serendipity_comment input[type=text],
  #serendipity_comment input[type=email],
  #serendipity_comment input[type=url] {
    width: 30em; }
  #serendipity_replyTo {
    width: max-content;
    max-width: 36em; }
}

/* bbar end */

/* revert _spacing.scss since we need some padding space for sudden ends, i.e. freetag aricles w/o paging */
.post.mb-4 {
  padding-bottom: 27px;
  padding-bottom: 1.5rem;
  margin-top: initial;
  margin-bottom: 0 !important; }

.post {
  margin-bottom: 18px;
  margin-bottom: 1rem; }
  .post blockquote {
    padding: 0 0 0 13,5px;
    padding: 0 0 0 .75rem;
    border-left: 4px solid #aaa; }
  .post_info {
    display: inline-block;
    width: 100%; }

.post_byline .d-inline-block .bi.bi-calendar3 {
  margin-left: .25rem; }

.post_content > details:not([open]) {
  display: initial;
  margin-bottom: 1rem;
  border: 1px solid #f0f0f0;
  border-radius: .25em;
  border-right-width: 3px;
  border-right-style: groove;
  transition: 0.15s background linear; }
  .post_content > details > summary {
    outline: none; }
  .post_details {
    display: flow-root; }
  .post_content > details:hover,
  .post_content > details:focus {
    background-color: #d4d1ec;
    background: -webkit-linear-gradient(top, rgba(212,209,236,0) 0%,rgba(212,209,236,1) 100%);
    background: -moz-linear-gradient(top, rgba(212,209,236,0) 0%,rgba(212,209,236,1) 100%);
    background: linear-gradient(135deg, rgba(212,209,236,0) 0%,rgba(212,209,236,1) 100%); }
  .post_content > details > summary >.post_summary {
    display: contents; }
    .post_content > details[open] > summary >.post_summary {
      display: none;
      visibility: hidden; }

.post_meta .d-inline-block {
  vertical-align: initial; }
  .post_meta.plainList li.post_comments.d-inline-block a {
    margin-right: .5rem; }
  .post_admin.d-inline-block.text-editicon.editentrylink.btn.btn-admin.btn-sm {
    padding: 0 .25rem; }
  .post_meta  .bi.bi-pencil-square {
    margin-bottom: 3px; }

.meta, .summary, .year, #serendipity_category_form ul {
  list-style: none;
  padding: 0; }

.meta {
  margin: 18px 0;
  margin: 1rem 0; }
  .meta li {
    display: inline-block; }
    .meta li:after {
      content: ' | '; }
    .meta li:last-child:after {
      content: ''; }

.post pre, .page pre, .post .geshi, .page .geshi {
  font-size: 15.75px;
  font-size: .875rem;
  padding: 9px;
  padding: .5rem;
  background: #eee;
  border: 1px solid #aaa;
  font-size: .875em; }

pre {
  width: auto;
  min-width: 20em;
  height: auto;
  max-height: 100vH;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

.archive_summary_pageof {
  display: inherit;
  font-size: small;
  opacity: .7; }
.archive.archive_summary {
    margin: auto 1rem;
    width: 100%; }
.archive.archive_overview,
.archive.archive_summary {
    margin-bottom: 2rem;
    display: flow-root; }
@media only screen and (min-width: 992px) {
  .archive.archive_overview,
  .archive.archive_summary {
    margin-bottom: 4rem; }
}

.row.mb-2 > nav {
    width: 100%; }

.pagination {
  margin: 0 0 18px;
  margin: 0 0 1rem;
  color: #666; }
  .pagination h3 {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    font-size: .8125rem;
    top: 27px;
    top: 1.5rem;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 70%;
    position: relative;
    text-align: center; }
  .pagination a {
    text-decoration: none;
    -webkit-transition: color 0.3s linear;
    transition: color 0.3s linear; }

.prev-page, .next-page {
  width: 50%; }
  .prev-page [class^="icon-"]:before, .prev-page [class*=" icon-"]:before, .next-page [class^="icon-"]:before, .next-page [class*=" icon-"]:before {
    font-size: 36px;
    font-size: 2rem;
    margin: 0; }

.prev-page {
  float: left; }

.next-page {
  float: right;
  text-align: right; }

.serendipity_edit_nugget {
  display: block;
  text-align: end;
  font-size: 14px;
  font-size: .8125rem;
  line-height: 1.625rem; }

.comment header h4 {
  float: left; }

.comment > footer, .comment-view, .comments-enable {
  font-size: 14px;
  font-size: .8125rem; }

/* comments styling add start */
/* blog/comments/ shortcuts */
.comment_info.plainList {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0 9px 4px 9px;
  padding: 0 .5rem .222222rem .5rem;
  float: right;
  margin-right: -.5rem;
  font-size: .9125rem; }
  .comment.odd .comment_info.plainList,
  .comments_for_entry .comment.even .comment_info.plainList {
    background-color: #eee; }
  .comment.even .comment_info.plainList,
  .comments_for_entry .comment.odd .comment_info.plainList {
    background-color: #dfdfdf; }
  .comment_info .d-inline-block {
    vertical-align: middle; }
  .alert.alert-warning.serendipity_subscription_off {
    display: inline;
    margin: 0;
    padding: 2px 10px 7px;
    border-color: #856404; }
  .serendipity_subscription_off em {
    vertical-align: middle; }
  .comment .plainList.meta {
    margin-top: 0; }
article.post li.commentlevel_0 {
  margin-bottom: .25em; }
article.post li.comment .d-inline-block:not(.pc-owner) .bi.bi-file-person {
  background: #f1f1f1; }
  article.post li.comment.even .d-inline-block:not(.pc-owner) .bi.bi-file-person {
    background: #e1e1e1; }
article.post li .pc-owner {
  display: inline;
  background: #7fffd4;/*aquamarine*/
  margin-top: 1px;
  padding: 0 .25em;
  border-radius: 3px;
  border: 1px solid #50a286;
  color: #222;
  text-shadow: 0px 1px #6c6b6d; }
  .comment_content {
    padding: .6rem 0; }
  .comment_content pre:first-child {
    margin-top: 1.5rem; }
  .comment_content .alert {
    display: -webkit-inline-box;
    display: inline-block; }
  .comment_content ul {
    margin-bottom: 1em; }
  .comment_content blockquote ul {
    clear: both; }
#trackback_url {
  font-weight: bold;
  padding-top: .5rem;
  display: block; }
  .d-block.mb-2 #trackback_url {
    display: inline; }

#trackbacks ol {
  margin: .5rem 1.25rem; }
  #trackbacks > ol > li:nth-of-type(2n) {
    background-color: #eee; }
  #trackbacks .trackbacks-delete {
    font-size: small; }

.comment.odd, .comment.even,
.trackback.tb-odd, .trackback.tb-even {
  box-sizing: border-box;
  padding: 0 .4rem .4rem;
  border: 1px solid #ddd; }

#comments > ol > li:nth-of-type(2n),
.comments_for_entry .comment.odd {
  background: #eee; }
  #comments .plainList.meta li {
    background: initial; }
  #comments ol li .d-inline-block:nth-of-type(2n) {
    background: transparent; }

#trackbacks details > div {
  margin-left: 1.2rem; }

#comments .comment > footer {
  text-align: center;
  border: 1px solid #dfdfdf;
  background: #f7f7f7;
  border-radius: 4px 4px 4px 4px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 1rem; }

#comments .comment > footer .meta {
  margin: .25rem 0; }
.comments_for_entry .comment.odd > footer .meta {
  border: 1px solid #ddd;
  background-color: #fdfdfd;
  box-shadow: 1px 1px 2px #ededed; }
.comments_for_entry .comment.even > footer .meta {
  border: 1px solid #ddd;
  background-color: #fefefe;
  box-shadow: 1px 1px 2px #eee; }

.comment_avatar {
  background-color: #ddd;
  border: 2px solid #acacac;
  border-radius: 4px 4px 4px 4px;
  color: #333;
  float: right;
  margin: 0 0 0 .625rem; }

.serendipity_plugin_comments_avatar {
  height: 30px;
  width: 30px; }
/* comments styling add end */

.details .trackback-hint {
  display: none; }

.form_field label, .form_select label, .form_tarea label {
  display: block;
  font-weight: bold; }
.form_field input, .form_field select, .form_select input, .form_select select, .form_tarea input, .form_tarea select {
  width: 100%; }

.form_field, .form_select, .form_tarea, .form_check {
  margin: 0 0 9px;
  margin: 0 0 .5rem; }

.serendipity_plugin_calendar .Active a,
.serendipity_plugin_calendar tfoot a,
.serendipity_plugin_calendar tfoot a:active,
.serendipity_plugin_calendar tfoot a:visited,
.serendipity_plugin_calendar .Today,
.serendipity_freetag_taglist_related { font-weight: bold }
.serendipity_plugin_calendar .month { text-align: center }
.serendipity_plugin_calendar .next { text-align: right }
.serendipity_plugin_calendar .Active a { color: aquamarine }
.serendipity_plugin_calendar .Today { color: tomato }

.staticpage_sbJsList {
    overflow: hidden;
    white-space: nowrap;
    padding-bottom: 1rem; }

#serendipity_categories_list input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 9px;
  margin-right: .25rem; }

#archives h3 {
  margin-top: 0; }
#archives .date {
  min-width: 128px;
  min-width: 8rem;
  display: inline-block; }

.summary li {
  margin: 0 0 9px;
  margin: 0 0 .5rem; }
  .summary li > span {
    font-size: 14px;
    font-size: .8125rem;
    display: block; }

.search-results ul {
  list-style: none;
  padding: 0; }
.search-results li > span {
  display: block; }

/* details summary::-webkit-details-marker workaround for Mozilla and Webkit - which makes Moz work */
details summary {
  display: list-item; }

.no-details details > * {
  display: none; }
.no-details details > summary:before {
  content: '► ';
  float: left;
  width: 20px; }
.no-details details.open > summary:before {
  content: '▼ '; }
.no-details details summary {
  display: block; }

.widget h3 {
  color: #666;
  font-weight: normal; }

#footer {
  font-size: 14px;
  font-size: .8125rem;
  padding: 0 13.5px;
  padding: 0 .75rem;
  box-sizing: border-box;
  color: #666;
  text-align: center; }
  #footer > p {
    padding-top: 16.875px;
    padding-top: .9375rem;
    text-align: center;
    border-top: 1px solid #ddd; }
  #footer abbr[title] {
    border: 0; }
  #footer i {
    font-style: normal; }

.emoticon {
  vertical-align: baseline !important; }

.serendipity_image_left, .serendipity_image_right, .serendipity_image_center, .serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
  background: transparent;
  border: 0 none;
  padding: 0 !important; }

.serendipity_image_left, .serendipity_image_right, .serendipity_imageComment_left, .serendipity_imageComment_right {
  margin: 18px 0;
  margin: 1rem 0;
  display: block;
  float: none; }

.serendipity_image_center, .serendipity_imageComment_center {
  margin: 18px auto;
  margin: 1rem auto;
  display: block; }

.serendipity_imageComment_img img {
  border: none !important;
  margin: 0 !important; }

.serendipity_imageComment_txt {
  font-size: 14px;
  font-size: .8125rem;
  word-wrap: anywhere;
  overflow: hidden;
  margin: auto;
  padding: 3.375px;
  padding: .1875rem;
  border-top: 0 none;
  color: #222;
  text-align: center; }

.serendipity_image_block.col .serendipity_imageComment_left,
.serendipity_image_block.col .serendipity_imageComment_right {
    display: flex;
    flex-wrap: wrap; }

.serendipity_image_block.row .serendipity_imageComment_left {
    margin-top: 5px; }
@media only screen and (min-width: 901px) {
  .serendipity_image_block.row .serendipity_image_left {
    margin: 5px auto auto; }
}
.serendipity_image_block.row > .serendipity_image_link {
    margin: 5px 6px;
}
.serendipity_image_left, .serendipity_image_right, .serendipity_image_center, .serendipity_imageComment_img {
  border: 1px solid #aaa;
  box-sizing: border-box;
  display: -webkit-box;
  display: flex; }
  div:not(.serendipity_image_block) .serendipity_imageComment_img {
    display: inline-table; }

p > img.serendipity_image_center {
    margin: .5rem auto; }

.serendipity_image_block > div:not([class]) {
    margin: 5px .425em 0; }

.serendipity_imageComment_center, .serendipity_imageComment_left, .serendipity_imageComment_right {
  height: auto;
  max-width: 100%; }

.serendipity_image_block.col {
  display: block; }
  /* bootstrap col resets */
  .serendipity_image_block.col {
    -ms-flex-preferred-size: inherit;
    flex-basis: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    max-width: initial;
    position: initial;
    width: initial;
    padding-right: initial;
    padding-left: initial; }

/* overwrite fallback gallery comment container margins */
.serendipity_image_block .serendipity_imageComment_left,
.serendipity_image_block .serendipity_imageComment_right {
  margin-top: 1rem;
  margin-right: unset; }

.fluid-width-video-wrapper, video, audio {
  margin: 18px 0;
  margin: 1rem 0; }

.comment_avatar {
  margin: 0 11.25px 12.25px 0;
  margin: 0 .625rem .625rem 0;
  border: 1px solid #aaa;
  float: left;
  overflow: hidden;
  padding: 0 !important; }

.avatar_left {
  margin: 0 11.25px 11.25px 0;
  margin: 0 .625rem .625rem 0;
  float: left; }

.avatar_right {
  margin: 0 0 11.25px 11.25p;
  margin: 0 0 .625rem .625rem;
  float: right; }

.serendipity_calendar {
  border: 1px solid #3e5f81; }
  .serendipity_calendar abbr[title] {
    border: 0; }

.serendipity_calendar tfoot a, .serendipity_calendar tfoot a:active, .serendipity_calendar tfoot a:visited {
  color: #fcfcfc;
  text-decoration: none; }

.serendipity_calendar tfoot a:hover, .serendipity_calendar tfoot a:focus {
  background: #ccdee7;
  color: #222; }

.serendipity_calendar thead, .serendipity_calendar tfoot {
  color: #fcfcfc; }

.serendipity_calendar th, .serendipity_calendar td {
  padding: 2.25px;
  padding: .125rem;
  text-align: center; }

.plugin_comment_body {
  overflow-wrap: break-word; }

.next {
  text-align: right; }
.calendar-nav .month {
  text-align: center; }

.serendipity_freeTag {
  font-size: 14px;
  font-size: .8125rem;
  display: block;
  margin: 0;
  text-align: left; }

.serendipity_freeTag_related ul {
  margin: auto 1.25rem; }

.serendipity_freetag_taglist {
  display: -webkit-inline-box;
  display: inline-block;
  padding: 18px;
  padding: 1rem;
  background: #eee;
  border: 1px solid #aaa; }
  .serendipity_freetag_taglist ul {
    border: 1px outset #f0ffff;
    background: #f0f8ff; }
  .freetag_wordcloud canvas {
    z-index: 1028 !important; }

.serendipity_freetag_taglist_related {
  font-size: 18px;
  font-size: 1rem;
  margin: 0 0 9px;
  margin: 0 0 .5rem;
  font-weight: bold; }
.serendipity_freetag_taglist div#tags {
    display: none;
    visibility: hidden; }
    .freetag_rotacloud {
      background: aliceblue; }

.commentspice_announce_article {
  font-size: 14px;
  font-size: .8125rem;
  clear: both;
  margin: 0;
  padding: 0;
  text-align: left; }

.commentspice_twitter_input {
  background-position: 99% 50%; }

.twitter_follow {
  margin: 18px 0 15.75px 9px;
  margin: 1.125rem 0 .875rem .5rem;
  float: left; }

/* imagesidebar */
.mediasidebaritem img {
  width: 100%;
  max-width: 400px;
  border-radius: 5px;
  box-shadow: 1px 1px 0px #555;
  margin-bottom: 5px; }

.dtree {
  font-family: initial;
  font-size: 18px;
  font-size: 1rem; }
  .dtree a.node {
    margin-left: 4.5px;
    margin-left: .25rem; }

/* cards header metas */
.col.d-flex .post_byline {
  white-space: nowrap;
  overflow: hidden;
  margin-right: -.5rem; }

.post_info .serendipity_freeTag {
  text-align: left;
  padding: 1rem 0; }

.post_info .serendipity_multilingualInfo {
  text-align: left;
  font-size: initial;
  padding: 18px 0;
  padding: 1rem 0; }
  .post_info .serendipity_multilingualInfo a {
    font-size: initial; }
  .post_info .serendipity_multilingualInfo a:hover {
    color: #dc3545; }
  .col.d-flex .serendipity_multilingualInfo {
    margin-top: -2rem; }

#LSResult {
  background: #ccdee7;
  margin-top: 1px;
  opacity: .9;
  z-index: 10; }

#LSShadow {
  border-bottom: 0;
  border-right: 0;
  bottom: 0;
  color: transparent;
  right: 0; }

.serendipity_livesearch_result {
  border: 1px solid #aaa;
  bottom: 0;
  right: 0; }

.serendipity_entrypaging.mobile {
  width: 100%; }
.serendipity_entrypaging a.btn {
  color: #f0f8ff; }
.serendipity_entrypaging_left {
  text-align: left; }
.serendipity_entrypaging_right {
  text-align: right; }

.details .serendipity_entrypaging .epicon { display: none; visibility: hidden; }
.details .serendipity_entrypaging_left:before { content: "← "; }
.details .serendipity_entrypaging_right:after { content: " →"; }

#LSResult, .serendipity_livesearch_result {
  border-radius: 3px; }

.serendipity_entrypaging { overflow: hidden; display: block; }
.serendipity_entrypaging_left { float: left; }
.serendipity_entrypaging_right { float: right; }
.serendipity_entrypaging_left,
.serendipity_entrypaging_right {
    display: block;
    white-space: nowrap;
    width: 48%;
    overflow: hidden; }
    .serendipity_entrypaging_left {
      text-overflow: ellipsis; }
    .serendipity_entrypaging_right {
      text-overflow: "… →"; }
@media only screen and (min-width: 480px) {
  .serendipity_entrypaging_left:only-child,
  .serendipity_entrypaging_right:only-child {
    width: 100%; }
}
@media only screen and (min-width: 992px) {
  .serendipity_entrypaging_left, .serendipity_entrypaging_right {
    width: 100%;
    white-space: initial; }
}

/* comments add per media screen styling start */
@media only screen and (min-width: 481px) {
  #comments article:before, #comments article:after {
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0; }
    #comments article.odd .comment_avatar {
      float: left;
      margin: 0 11.25px 0 0;
      margin: 0 .625rem 0 0; }
    #comments article.comment.even {
      margin: 0 0 36px 45px;
      margin: 0 0 2rem 3rem; }
    #comments article.comment.odd {
      margin: 0 45px 36px 0;
      margin: 0 3rem 2rem 0rem; }
  table.calendar {
    width: 15.4rem; }
    .calendar th, .calendar td {
      text-align:right }
    table.calendar-nav {
      max-width: 24rem; }
  table.calendar-nav .prev span,
  table.calendar-nav .next span {
    display: none; }
}
/* comments add per media screen styling end */
#corenav .navbar-nav > li.dropdown-menu::after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  top: -6px;
  left: 10px;
}
#corenav .navbar-navnav > li.dropdown-menu::before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0,0,0,.2);
  position: absolute;
  top: -7px;
  left: 9px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
@media only screen and (min-width: 544px) {
  .serendipity_image_block .serendipity_imageComment_left,
  .serendipity_image_block .serendipity_imageComment_right {
    margin-top: auto; }
  .input_captcha {
    max-width: 12em;
    padding: 1em;
    margin-left: .5em; }
}

@media screen and (min-width: 768px) {
  html {
    padding: 0;
    background-color: #fcfcfc; }

/*jumbotron type
  h1 {
    font-size: 36px;
    font-size: 2rem;
    margin: 12.15px 0;
    margin: .675rem 0; }*/

  blockquote {
    margin: 18px 45px;
    margin: 1rem 2.5rem; }

  .commentlevel_1, .depth_10 {
    margin-left: 18px;
    margin-left: 1rem; }

  .commentlevel_2, .depth_20 {
    margin-left: 36px;
    margin-left: 2rem; }

  .commentlevel_3, .depth_30 {
    margin-left: 54px;
    margin-left: 3rem; }

  .commentlevel_4, .depth_40 {
    margin-left: 72px;
    margin-left: 4rem; }

  .commentlevel_5, .depth_50 {
    margin-left: 90px;
    margin-left: 5rem; }

  .commentlevel_6, .depth_60 {
    margin-left: 108px;
    margin-left: 6rem; }

  .commentlevel_7, .depth_70 {
    margin-left: 126px;
    margin-left: 7rem; }

  .commentlevel_8, .depth_80 {
    margin-left: 144px;
    margin-left: 8rem; }

  .commentlevel_9, .depth_90 {
    margin-left: 162px;
    margin-left: 9rem; }

  .commentlevel_10, .depth_100 {
    margin-left: 180px;
    margin-left: 10rem; }

  .commentlevel_11, .depth_110 {
    margin-left: 198px;
    margin-left: 11rem; }

  .commentlevel_12, .depth_120 {
    margin-left: 216px;
    margin-left: 12rem; }

  .commentlevel_13, .depth_130 {
    margin-left: 234px;
    margin-left: 13rem; }

  .commentlevel_14, .depth_140 {
    margin-left: 252px;
    margin-left: 14rem; }

  .commentlevel_15, .depth_150 {
    margin-left: 270px;
    margin-left: 15rem; }

  .commentlevel_16, .depth_160 {
    margin-left: 288px;
    margin-left: 16rem; }

  .commentlevel_17, .depth_170 {
    margin-left: 306px;
    margin-left: 17rem; }

  .commentlevel_18, .depth_180 {
    margin-left: 324px;
    margin-left: 18rem; }

  .commentlevel_19, .depth_190 {
    margin-left: 342px;
    margin-left: 19rem; }

  .commentlevel_20, .depth_200 {
    margin-left: 360px;
    margin-left: 20rem; }

  .form_field input, .form_field select, .form_select input, .form_select select {
    max-width: 450px;
    max-width: 25rem; }

  #archives > section {
    float: left;
    width: 50%; }
  #archives .odd {
    clear: left; }

  .serendipity_image_left, .serendipity_image_right, .serendipity_imageComment_img {
    margin: 9px 0 0 0;
    margin: .5rem 0 0 0; }

  .serendipity_image_left, .serendipity_imageComment_left {
    margin: 27px 18px 27px 0;
    margin: 1.5rem 1rem 1.5rem 0;
    float: left; }
    .clearfix .serendipity_image_left, .clearfix .serendipity_imageComment_left {
      margin: 18px 18px 18px 0;
      margin: 1rem 1rem 1rem 0; }

  .serendipity_image_right, .serendipity_imageComment_right {
    margin: 27px 0 27px 18px;
    margin: 1.5rem 0 1.5rem 1rem;
    float: right; }
    .clearfix .serendipity_image_right, .clearfix .serendipity_imageComment_right {
      margin: 18px 0 18px 18px;
      margin: 1rem 0 1rem 1rem; }

  .serendipity_imageComment_left, .serendipity_imageComment_right {
    display: inline; }

  .serendipity_image_block .serendipity_image_link .serendipity_image_left,
  .serendipity_image_block .serendipity_image_link .serendipity_image_right,
  .serendipity_image_block .serendipity_imageComment_left,
  .serendipity_image_block .serendipity_imageComment_right {
    margin: 0; }

  .widget {
    margin-bottom: 18px;
    margin-bottom: 1rem;
    box-sizing: border-box;
    float: left;
    width: 50%; }
    .widget:nth-child(odd) {
      padding-right: 18px;
      padding-right: 1rem;
      clear: left; }
    .widget:nth-child(even) {
      padding-left: 18px;
      padding-left: 1rem; }

  #footer {
    padding: 0 18px;
    padding: 0 1rem; }
}

@media only screen and (min-width: 992px) {
  .serendipity_entrypaging.mobile {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .post_meta.plainList li.post_comments.d-inline-block a {
    margin-right: initial; }
}

@media screen and (min-width: 1024px) {
  html {
    padding: 0; }

  .widget {
    float: none;
    width: 100%; }
    .widget:nth-child(odd), .widget:nth-child(even) {
      padding-left: 0;
      padding-right: 0; }

  #footer {
    padding: 0 36px;
    padding: 0 2rem;
    clear: both;
    text-align: left; }
}

@media screen and (min-width: 1400px) {
  html {
    font-size: 112.5%; }
}

/* serendipity_event_spamblock_bee start */

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

.comment_phone_input {
    max-width: 100%;
    display:none;
    visibility:hidden;
}

/* serendipity_event_spamblock_bee end */


/* serendipity_event_emoticate start */

.emoticon {
    display: inline;
    vertical-align: bottom;
    border: 0 none;
}

/* serendipity_event_emoticate end */



/* nl2br plugin start */

p.whiteline, /* keep whiteline for compat */
p.wl_nobottom {
    margin-bottom: 0em;
}
p.wl_notop {
    margin-top: 0em;
}
p.wl_notopbottom {
    margin-top: 0em;
    margin-bottom: 0em;
}

/* nl2br plugin end */


/*** START staticpage event plugin css ***/

/*
 shorten very long staticpage titles by CSS,
 width: 16em is for small sidebars.
 Please overwrite for your templates needs.
*/
.sidebar_content .spp_title,
.serendipitySideBarContent .spp_title,
.sidebar_content .node,
.serendipitySideBarContent .node {
    padding-left: 0px;
    text-overflow: ellipsis;
    display: inline-block;
    width: 16em;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    font-weight: normal;
}

.staticpage_index_navigation {
    margin: 0 2em 1em;
}
#staticpage_nav {
    border: 1px solid #aaa;
    margin-bottom: 1em;
}
#staticpage_nav .staticpage_navigation {
    text-align: center;
    padding: 0.2em 0.5em;
    margin: 0;
    display: block;
    border: 0 none;
    background-color: inherit;
}
#staticpage_nav .staticpage_navigation li,
#staticpage_nav .staticpage_navigation_breadcrumb {
    display: inline-block;
}
#staticpage_nav .staticpage_navigation_left {
    float: left;
}
#staticpage_nav .staticpage_navigation_center {
    text-align: center;
}
#staticpage_nav .staticpage_navigation_right {
    float: right;
}
#staticpage_nav .staticpage_navigation_breadcrumb {
    background: none repeat scroll 0% 0% #EEE;
    padding: 0.2em 0.5em;
}
#staticpage_nav .staticpage_navigation_dummy {
    color: #bbb;
}

.staticpage_metainfo {
    margin-top: 1em;
}

.staticpage_results {
    text-align: left;
}

/* for older sidebar templates not using ul li lists and the plugin_staticpage non-smartified option */
.serendipity_plugin_staticpage .spp_title {
    display: list-item;
    list-style: none;
}

.sidebar_content .spp_title:after,
.serendipitySideBarContent .spp_title:after {
    content:"\a";
    white-space: pre;
}

/*** END staticpage event plugin css ***/




/* serendipity_event_freetag plugin and cloud selectors start */

.container_serendipity_plugin_freetag ul,
.serendipity_freetag_taglist ul,
.serendipity_plugin_freetag ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.serendipity_freetag_taglist ul span,
.serendipity_freetag_taglist ul span a,
.container_serendipity_plugin_freetag ul span,
.container_serendipity_plugin_freetag ul span a,
.serendipity_plugin_freetag ul span,
.serendipity_plugin_freetag ul span a {
    line-height: 1rem;
/*    color: #666;*/
    hyphens: auto;
    word-wrap: break-word;
}
.container_serendipity_plugin_freetag ul span a:hover,
.serendipity_freetag_taglist ul span a:hover,
.serendipity_plugin_freetag ul span a:hover {
    text-decoration: underline;
}
.serendipity_freetag_taglist ul span a,
.container_serendipity_plugin_freetag ul span a,
.serendipity_plugin_freetag ul span a {
    text-decoration: none;
}
.serendipity_freeTag_xmlTagEntry {
    white-space: nowrap;
    display: inline;
    width: 100%;
}
.serendipitySideBarItem.serendipity_plugin_freetag {
  padding-bottom: 1rem;
}
.serendipity_plugin_freetag .serendipity_edit_nugget {
    margin-top: 1.5em;
    margin-bottom: -.25em;
}
.serendipity_freetag_taglist {
    background: inherit;
    border: 0 none;
    padding: 0;
    font-size: initial;
}

/* canvas clouds */

.serendipity_plugin_freetag #tags ul li {
    display: inline;
}
.freetag_wordcloud {
    width: 100%;
    height: 320px;
    margin: 0px;
    padding: 0;
    background: transparent;
    page-break-after: always;
    page-break-inside: avoid;
}
.freetag_wordcloud span { white-space: normal; }

.freetag_rotacloud {
    margin: 0px;
    padding: 0;
    width: 100%;
    overflow: visible;
}

/* serendipity_event_freetag plugin and cloud selectors end */


/* additional freetag styles */
.serendipity_freetag_taglist .ftr-empty {
    margin-left: 1rem;
    font-style: italic;
    color: #6495ed;
}



/* emoticonchooser plugin start */

.serendipity_emoticon_bar {
    margin-bottom: .75em;
}

/* emoticonchooser plugin end */

/* old deprecated styles start */
div.serendipity_gallery_row {
   clear: left;
   padding-left: 3%;
   margin-right: 3%;
}
div.serendipity_gallery_thumbs {
    padding: 3px;
    border: 1px solid #afafaf;
    float: left;
    overflow: hidden;
    margin: .5em;
}
/* old deprecated styles end */

/* User Gallery */
.page.serendipity_event_usergallery {
    min-height: 36rem;
}
.serendipity_event_usergallery .page_content,
.serendipity_event_usergallery_image_display .serendipity_gallery_entry {
    padding: 0 .5rem 1rem;
    margin-bottom: 1rem;
    background-color: #00000005;
    border: 1px solid #ddd;
}

/* pure default theme dark mode */
[data-dark-theme="dark"] #page_gallery .page_content, [data-dark-theme="dark"] .serendipity_event_usergallery_image_display .serendipity_gallery_entry {
    border-color: #1c2128;
}
[data-dark-theme="dark"] .exif_info_head {
    background-color: #212c37;
    border-color: #666;
}
[data-dark-theme="dark"] ul.serendipity_gallery_navigation.pagination .page-link,
[data-dark-theme="dark"] ul.serendipity_gallery_pagination_top.pagination .page-link,
[data-dark-theme="dark"] ul.serendipity_gallery_pagination_bottom.pagination .page-link {
    background-color: #1c2128;
    border-color: #444c56;
}

/* generics */
.serendipity_event_usergallery .page_content .serendipity_preface {
    display: flex;
}
div.serendipity_gallery_info {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
.serendipity_gallery_info > div:first-child {
    font-size: smaller;
    font-style: oblique;
}
@media screen and (min-width: 768px) {
  .serendipity_gallery_info ol {
    margin: 0 auto;
    width: 60vw;
  }
}
div.serendipity_gallery_entry {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
div.serendipity_gallery_title {
    font-size: 1.1rem;
    text-align: center;
    font-weight: bold;
}
div.serendipity_gallery_navigation {
    font-size: 1rem;
    text-align: center;
    padding: .5rem 0;
}
img.gallery_thumb {
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   border: 0;
}
.pagination {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    list-style: none;
    border-radius: .25rem;
}
.justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}
ul.serendipity_gallery_navigation.pagination .page-link,
ul.serendipity_gallery_pagination_top.pagination .page-link,
ul.serendipity_gallery_pagination_bottom.pagination .page-link {
    position: relative;
    display: flex;
    padding: .5rem .75rem;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
ul.serendipity_gallery_navigation.pagination {
    padding: 0 0 .5rem;
}
.serendipity_gallery_pagination_top.pagination,
.serendipity_gallery_pagination_bottom.pagination {
    padding: 0;
    margin: 0 0 1rem;
}
ul.serendipity_gallery_navigation.pagination .page-link.hidden,
ul.serendipity_gallery_pagination_top.pagination .page-link.hidden,
ul.serendipity_gallery_pagination_bottom.pagination .page-link.hidden {
    visibility: hidden;
}
div.serendipity_gallery_pagination_top,
div.serendipity_gallery_pagination_bottom {
    border-bottom: 1px solid #ccc;
    text-align: center
}
ul.plainList.serendipity_gallery_directory {
    margin: .5rem auto 1.5rem;
    display: table;
}
ul.plainList.serendipity_gallery_directory li.closed {
    list-style: disclosure-closed;
    color: silver;
}
ul.plainList.serendipity_gallery_directory li.open {
    list-style: disclosure-open;
}
ul.plainList.serendipity_gallery_directory li.up {
    list-style: none;
    margin-left: -1.25rem;
}

/* EXIF TAGS */
.all_img_info {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 2em;
}
.exif_info_head {
    background-color: #ccd9e6;
    border: 1px solid #fff;
}
.exif_info_row, .exif_info_head {
    clear: both;
    margin: 0 auto;
    width: 400px;
}
.exif_info_row > em:first-child {
    font-size: smaller;
}
.exif_info_tag, .exif_info {
    float: left;
    display: block;
    width: 120px;
    text-align: left;
    border: 1px solid #fff;
    background-color: #ccd9e6;
    padding: 3px;
}
/* keep at least an empty .exit_info {} since this is checked for including the stylesheet file */
.exif_info {
    width: 264px;
    background-color: #eee;
}

/* auto include templates/mobs/user.css */

.navbar { /* do not use bootstraps navigation bar line height */
  padding: 0 1rem;
  line-height: 0.6; }
  .navbar-nav {
    line-height: initial; }
.navbar-expand-md > .container {
  padding: .5rem 0; }
@media only screen and (min-width: 768px) {
  .navbar-expand-md > .container {
    max-width: 1210px; }
}
@media only screen and (min-width: 992px) {
  .navbar {
    padding: .5rem 2rem; }
  .navbar-expand-md > .container {
    padding: 0; }
}
footer > p {
  text-align: right;
  font-size: small; }
.serendipity_commentDirection.serendipity_comment_s9ymarkup {
  display: none;
  visibility: hidden; }
.post_tags.d-inline-block {
  font-weight: bold; }
.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus {
  font-size: 33.75px;
  font-size: 1.875rem; }
.form-group.form-info {
  background-color: #f0f8ff;
  padding: .25rem; }
.form-group.form-info,
#cke_serendipity_commentform_comment {
  width: 95%; }

@media only screen and (max-width: 509px) {
  header h1 { font-size: 1.7rem; }
}

header .row .motto {
 font-family: Baskerville,"Palatino Linotype","Times New Roman",Times,serif;
 font-size: .875rem; }
@media only screen and (min-width: 510px) {
  header h1 { font-size: 4vw; }
}
@media only screen and (min-width: 768px) {
  header .row .motto { font-size: 2vw; }
}
@media only screen and (min-width: 1200px) {
  header h1 { font-size: 40px; font-size: 2.25rem; }
  header .row .motto { font-size: 1.25rem; }
}

/* responsive images */
@media screen and (min-width: 768px) {
  .page .serendipity_imageComment_left,
  .page .serendipity_imageComment_right,
  .page .serendipity_image_left,
  .page .serendipity_image_right,
  .page p .serendipity_image_left,
  .page p .serendipity_image_right,
  .post .serendipity_imageComment_left,
  .post .serendipity_imageComment_right,
  .post .serendipity_image_left,
  .post .serendipity_image_right,
  .post p .serendipity_image_left,
  .post p .serendipity_image_right {
    max-width: 64%; }
}
@media screen and (min-width: 992px) {
  .page .serendipity_imageComment_left,
  .page .serendipity_imageComment_right,
  .page .serendipity_image_left,
  .page .serendipity_image_right,
  .page p .serendipity_image_left,
  .page p .serendipity_image_right,
  .post .serendipity_imageComment_left,
  .post .serendipity_imageComment_right,
  .post .serendipity_image_left,
  .post .serendipity_image_right,
  .post p .serendipity_image_left,
  .post p .serendipity_image_right {
    max-width: initial; }
}