/* *** Theme customization that probably should have gone into it's own theme file :-o **** */


#logo h1 {
  font-size: 3em;
}

#menu ul li a:hover {
    text-shadow: 0px 0px 2px #C5C5C5;
}

.post .content {
    font-size: 16px;
}

/* Markdown footnotes */
.footnotes {
    font-size: 85%;
}

/* Modern FootNotes */
.modern-footnotes-footnote a:before {
  content: "[";
}

.modern-footnotes-footnote a:after {
  content: "]";
}


blockquote {
  border-left: 3px solid #a7a;
  border-bottom: 1px solid #a7a;
  margin: 0em 3em 1em 3em;
  padding: 1em 1em 1.5em 1em !important;
  quotes: "\201C""\201D""\201C""\201D";
}

blockquote:before {
  color: #a7a;
  content: open-quote;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: 0em;
  font-size: 150%;
}

blockquote p {
  display: inline;
}

.jvc-warning {
    margin: 0 7%;
    border: 2px solid darkred;
    padding: 0.5rem;
}

code {
    font-family: "Lucida Console", Monaco, monospace;
    background: #eee;
    padding-left: 0.25rem;
}

pre.wp-block-preformatted {
    font-family: "Lucida Console", Monaco, monospace;
    border: 1px solid darkblue;
    padding: 0.5rem;
    margin: 0 2rem;
    background: #eee;
}

.jvc-infobox {
    float: right;
    border: 1px solid black;
    position: relative;
    width: 20rem;
    padding: 1rem;
    background: wheat;
    margin-left: 1rem !important;
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
    clear: both;
}

.jvc-infobox-nofloat {
    border: 1px solid black;
    position: relative;
    padding: 1rem;
    background: wheat;
    margin-left: 1rem;
    margin-top: 0;
}

.jvc-infobox ul,
.jvc-infobox-nofloat ul {
  margin: 0.25rem 0;
}

p.jvc-block-action {
  margin-left: 1rem;
  border-left: 2px solid darkblue;
  padding-left: 1rem;
}

.jvc-emulated-dt {
  margin-bottom: 0 !important;
  font-weight: bold;
}

.jvc-emulated-dd {
  margin-top: 0 !important;
  margin-left: 1.5rem !important;
}

/* Disable border around images with captions. */
.wp-caption {
    background: transparent;
    border: none;
    box-shadow: none;
}

/*
  * Following elements are for the timeline view.
  */

h1.entry-title {
    margin: 1em 0 0.2em 0 !important;
}

.post-info {
  line-height: 1;
}

.post .below-content {
    border-color: #cbc9c7;
    background-color: #efeeeb;
}

.jvc-entry-wrapper.odd .jvc-thumb-wrapper {
  float: left;
  padding-right: 1em;
}

.jvc-entry-wrapper.even .jvc-thumb-wrapper {
  float: right;
  padding-left: 1em;
}

.jvc-entry-wrapper {
  display: inline-block;
  width: 100%;
}

.jvc-timeline-list video {
  height: 40rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Formatting of the show-more (aka show comments) link on the timeline */
.bg-showmore-plg-link {
  color: #00840b !important;
  font-size: 85%;
}

/* Center video content */
.wp-video {
  margin: auto;
}

/*
  * Style comments section
  */

/* Fix line height for comments - primarily on the timeline */
.comment-wrapper {
  line-height: 1;
}

/* Hide "leave comments" and "Add reply" text */
.comments-title,
.comment-reply-title {
  display: none;
}

/* Hide avatar - not using it */
.avatar-container {
  display: none;
}

.comment .comment-container,
.comment .children .comment .comment-container, .comment .children .children {
  margin-left: 0.5em;
}

.comment .children {
  margin-top: 0em;
  margin-left: 1.0em;
}

.commentlist > *, .comment-respond {
  border: 1px solid #eee;
  background: #fafafa;
  padding: 0.5em;
  border-radius: 0.5em;
  list-style: none;
}

.commentlist {
  padding-left: 0em !important;
}

ol.commentlist {
    margin-top: 0 !important;
    margin-bottom: 2em !important;
}

.commentlist li,
.commentlist ul {
  list-style: none !important;
  margin-bottom: 0em !important;
  margin-top: 0.75em !important;
}

.comment-container .info {
  margin-bottom: 0.25em;
}

.comment-container .info .author,
.comment-container .info .date {
  display: inline-block;
  margin-bottom: 0;
}

.comment-container .info .date {
  margin-left: 0.5em;
}

.comment-container .info .date:before {
  content: "(";
}

.comment-container .info .date:after {
  content: ")";
}

/*
  * Contact form formatting
  */
.contact-grid {
    display: grid;
    grid-gap: 0.5em;
    grid-auto-columns: max-content;
}

.popmake-title {
  text-align: center !important;
  margin-bottom: 0.5em;
}

.contact-grid .label {
    max-width: 10em;
}

.contact-grid input {
    max-width: 20em;
}

.contact-grid textarea {
  width: 100%;
}

/*
  * Formatting of the event list.
  */

#vsel .vsel-content {
  float: unset;
  margin: 1em auto;
  display: block;
  width: 90%;
  padding: 0.5em 1em;
  border-style: groove; 
  border-color: #a7a; 
  border-width: 1px 0 1px 0; 
  border-radius: 1em;     
}

#vsel .vsel-meta * {
  margin: 0;
}

#vsel .vsel-meta-title {
  font-weight: bold;
}

#vsel .vsel-content:first-child {
  margin-top: 0em;
}

#vsel .vsel-content:after{
  clear: both;
  content: "";
  display: block;
}

/** Front page blocks **/
.blocks-4 {
  display: flex;
  flex-wrap:  wrap;
}

.blocks-4-entry {
  flex: 1;
  margin-left: 1em;
  margin-right: 1em;
  min-width: 18em;
  margin-top: 2em !important;
}

.blocks-4-entry h2 {
  text-align: center;
  margin-bottom: 0.25em;
  background: #E0F0E0;
  padding: 0.1em;
}

.blocks-4-entry img {
  display: block;
  width: 100%;
}