/*!
Theme Name: Decode Flourish
Description: Modified Decode theme for flourish.org
Template: decode
*/

@import url(../decode/style.css);

body, button, input, select, textarea {
    /* Don't use Oxygen, as its bold is weak */
    font-family: 'Helvetica Neue', 'Arial', sans-serif;
    font-size: 1.5em;
}
@media (max-width: 767px) {
    body, button, input, select, textarea {
        font-size: 1.1em;
    }
}
textarea {
    font-size: 0.8em;
}

.theme-info {
    display: none;
}

.entry-header img {
    display: none;
}

.entry-content img {
    margin: 1em 0 1em 0;
    height: auto;
}

.entry-content img.nomargin {
    margin: 0;
}

.entry-content img.full {
    margin: 0;
    width: 100%;
    min-width: 100%;
}

.entry-content img.alignleft {
    float: left;
    margin-right: 1em;
}
.entry-content img.alignright {
    float: right;
    margin-left: 1em;
}
.entry-content img[align=left] {
    margin-right: 1em;
}
.entry-content img[align=right] {
    margin-left: 1em;
}


.entry-content p.scroll {
    margin: 0;
    overflow: visible;
    height: 100%;
}
.entry-content img.scroll {
    margin: 0;
    max-width: none;
    height: 100%;
    cursor: all-scroll;
    margin-right: 5em;
}
.entry-content p.scroll a:hover>img {
    opacity: 1;
}


h1 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
h2 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
h3 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

h1.entry-title {
    font-size: 2em;
}
.entry-content h1 {
    font-size: 2em;
}
.entry-content h2 {
    font-size: 1.65em;
}
.entry-content h3 {
    font-size: 1.376em
}
.entry-content h4 {
    font-size: 1.25em;
}
.entry-content h5 {
    font-size: 1.125em;
}

.blogby {
    color: #888;
    float: right;
    font-size: 0.7em;
    margin-top: 0.3em;
}
.blogby a {
    color: #888;
}


/*****************************************************/
/* Front page special */

#front-page {
}

#front-page * {
  box-sizing: border-box;
}

#front-page h3 {
  padding-top: 1em;
  margin-bottom: 0.5em;
  clear: both;
}

#front-page .i {
  width: 48%;
  object-fit: contain;
  margin: auto auto;

  position: relative;
  margin-bottom: 1em;
  overflow: hidden;
}

@media screen and (max-width:50em) {
    #front-page .i {
        width: 98%;
    }
}

#front-page .i img {
  margin: 0;
  width: 100%;
}

#front-page .i span {
  position: absolute;
  padding: .25em;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  background-color: rgba(0,0,0,0.75);
  text-shadow: none;
  font-size: 0.9rem;
}

#front-page .l { 
  float: left;
  margin-right: 1em;
}

#front-page .r {
}

.explore-page .widget.archives ul, .explore-page .widget.categories > ul {
    height: auto;
}

#search {
    margin-top: 2em;
    margin-bottom: 2em;
}


@media (max-width: 767px) {
    .comment-list {
        padding-left: 0;
        margin-left: 20px;
    }
}

@media (min-width: 35em) {
    .sidebar-link, .sidebar-link svg {
      width: 1.25em;
      height: 1.25em;
    }
}

.comment-author.vcard img {
    height: auto;
    vertical-align: -7px;
    margin-right: 5px;
}