@charset "UTF-8";

/*
Theme Name: A Field of Flowers
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: Marc Tönsing
Author URI: https://marc.tv
GitHub Theme URI: mtoensing/flower-nineteen
Template: twentynineteen
Description: May this field of flowers be the canvas for your content.
Requires at least: WordPress 4.9.6
Version: 5.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
/* typography */
#page,
html .type-game .shortscore-hreview .text,
html .type-game .shortscore-hreview .rating,
html .type-game .shortscore-hreview .link,
html .shortscore-widget a,
html .entry-content .promoted-comment p,
html .search-field,
html .page-title,
html button, html input, html select, html optgroup, html textarea,
html .marctv-moderate-links,
html .page-template-sortbyreview .entry-content ul {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.entry .entry-content .wp-block-cover,
.entry .entry-content blockquote {}

html .entry .entry-content .wp-block-quote p {
  font-style: italic;
}

/* table */
.entry-content tfoot {
  border-top: 2px solid #040404;
  padding-bottom: 0.5em;
}

.entry-content table th {
  border-bottom: 2px solid #333;
  background: #4c4c4c;
  color: #fff;
}

.entry-content table td,
.entry-content table th {
  border: 0;
}

.entry-content table tr {
  border-bottom: 1px solid #4c4c4c;
}

.entry-content table tr:nth-child(odd) {
  background: #f7f7f7;
}

/* SHORTSCORE Widget */
.shortscore-widget a {
  font-size: 200%;
  line-height: 1;
}

/* SHORTSCORE Styling */
.page-template-sortbyreview .entry-content ul {
  list-style: none;
}

.shortscore-hreview a {
  box-shadow: none !important;
  text-decoration: none !important;
}

html .type-game .shortscore-hreview .text,
html .type-game .shortscore-hreview .rating,
html .type-game .shortscore-hreview .link {
  float: none;
}

html .type-game .shortscore-hreview .link {
  text-align: center;
}

.shortscore-title {
  display: none;
}

html .type-game .shortscore-hreview .text,
html .single .type-game .shortscore {
  background-color: #337EB9;
}

/* links */
.entry .entry-content a[href*='=087022']:after,
.entry .entry-content a[href*='/out/']:after {
  content: "\2197";
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* legacy */
.promoted-comment cite {
  display: block;
}

#colophon .site-info .privacy-policy-link {
  margin-left: 1rem;
}

/* 14.0 Comments */
html .comment-list .comment-reply-link {
  transition: background 150ms ease-in-out;
  background: #0073aa;
  border: none;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  outline: none;
  padding: 0.36rem 0.5rem;
  text-decoration: none;
  vertical-align: bottom;
}

html .comment-list .comment-reply-link:hover,
html .comment-list .comment-reply-link:active {
  background: #111;
  cursor: pointer;
}

.entry .entry-content.excerpt-text a:not(.readmorelink),
.entry .entry-content.excerpt-text a:hover:not(.readmorelink) {
  color: #111;
  text-decoration: none;
}

html nav.navigation.pagination {
  margin-top: 3em;
}

/* warning box */
html .entry-content .warning {
    background-color: #f9bfbf;
    padding: 0.3em 0.5em 0.6em;
    border: 1px solid #f7a5a5;
    border-radius: .125rem;
}

.entry-content .warning a {
  color: #111;
}

/* Last commented */
li.lastcommented a .comment-author-link {
  color: #0070a8;
}

li.lastcommented a:hover .comment-author-link {
  color: #004e75;
}

li.lastcommented a {
  transition: unset;
  color: #111;
}

.menu-social-container,
.site-description {
  display: none;
}

.home .menu-social-container {
  display: block;
}

.home .site-description {
  display: inline;
}

/* promoted comments */
.entry-content .promoted-comment p a {
  text-decoration: none;
  color: #111;
}

/*.page-template-show-galleries */
.page-template-show-galleries .gallery-icon img {
  width: 100%;
}

.page-template-show-galleries .gallery-icon .gallery-caption .gallery-caption {
  padding: 0;
}

html .wp-block-table figcaption,
html .wp-block-video figcaption {
    font-size: 0.71111em;
}

.page-template-show-galleries .gallery {
  justify-content: normal;
}

/* shell */
html .wp-block-code {
  background-color: #272727;
  color: #f4f5f4;
  padding: 0.2em 0.4em 0.4em;
  border: 0;
  border-top: 0.3em solid #0073aa;
}

.wp-block-code code,
.shell-look {
  list-style: none;
}

/* breadcrumb styling */
html #colophon .site-info .privacy-policy-link {
  margin-left: 0;
}

.home #breadcrumbs {
  display: none;
}

/* pixelated */
.ptag-pixelated .single-featured-image-header img,
.tag-pixelated .post-thumbnail img,
.tag-pixelated .entry-content img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}



/*hide widget on home */
.home .widget_recent_entries {
  display: none;
}

/* box-shadow */
.dropshadow img {
  box-shadow: 5px 5px 9px #558;
}

/* DARK MODE */

/* Define variables */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #000;
    --bg-color-lighter: #333;
    --txt-color: #efefef;
    --txt-color-darker: #aaa;
    --highlight-color: #337EB9;
    --highlight-color-selected: #1396fd;
    /*
    --highlight-color: DeepPink;
    --highlight-color-selected: Pink;
      */
  }

  body {
    background-color: var(--bg-color);
    color: var(--txt-color);
  }

  a:focus, a:active {
    outline: 1px solid var(--highlight-color);
  }

  html a,
  html a:visited,
  html .main-navigation .main-menu>li,
  html .main-navigation ul.main-menu>li>a,
  html .post-navigation .post-title,
  html .entry .entry-meta a:hover,
  html .entry .entry-footer a:hover,
  html .entry .entry-content .more-link:hover,
  html .main-navigation .main-menu>li>a+svg,
  html .comment .comment-metadata>a:hover,
  html .comment .comment-metadata .comment-edit-link:hover,
  html #colophon .site-info a:hover,
  html .widget a,
  html .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
  html .entry .entry-content>.has-primary-color,
  html .entry .entry-content>*[class^="wp-block-"] .has-primary-color,
  html .entry .entry-content>*[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
  html .entry .entry-content>*[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p,
  html li.lastcommented a .comment-author-link {
    color: var(--highlight-color);
  }

  html a:hover,
  html a:active,
  html .main-navigation .main-menu>li>a:hover,
  html .main-navigation .main-menu>li>a:hover+svg,
  html .post-navigation .nav-links a:hover,
  html .post-navigation .nav-links a:hover .post-title,
  html .author-bio .author-description .author-link:hover,
  html .entry .entry-content>.has-secondary-color,
  html .entry .entry-content>*[class^="wp-block-"] .has-secondary-color,
  html .entry .entry-content>*[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
  html .entry .entry-content>*[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
  html .comment .comment-author .fn a:hover,
  html .comment-reply-link:hover,
  html .comment-navigation .nav-previous a:hover,
  html .comment-navigation .nav-next a:hover,
  html #cancel-comment-reply-link:hover,
  html .widget a:hover,
  html li.lastcommented a:hover .comment-author-link,
  html .entry .entry-title a:hover {
    color: var(--highlight-color-selected);
  }

  html .entry-content .warning{
    background-color: var(--bg-color-lighter);
    color: var(--txt-color);
    background-color: #ad0606;
    border: 1px solid #bf0000;
  }

  html .entry-content .warning a {
    color: var(--highlight-color);
  }

  html .entry-content .warning a:hover {
    color: var(--highlight-color-selected);
  }


  html .wp-block-table figcaption,
  html .wp-block-image figcaption,
  html .wp-block-video figcaption,
  html .wp-block-gallery figcaption,
  html .wp-block-embed figcaption,
  html .wp-block-quote__citation,
  html .wp-block-quote cite,
  html .wp-block-quote footer {
    color: var(--txt-color-darker);
  }

  html .entry-content .promoted-comment p a,
  html .archive .page-header .search-term,
  html .archive .page-header .page-description,
  html .search .page-header .search-term,
  html .search .page-header .page-description,
  html .error404 .page-header .search-term,
  html .error404 .page-header .page-description,
  html .site-title a:link,
  html .site-title a:visited,
  html .social-navigation ul.social-links-menu li a,
  html .comment-form .comment-notes,
  html .comment-form label {
    color: var(--txt-color);
  }

  html .social-navigation ul.social-links-menu li a:hover,
  html .social-navigation ul.social-links-menu li a:active {
    color: var(--txt-color-darker);
  }

  html .quicktags-toolbar input:hover {
    color: var(--txt-color);
  }

  input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"],
  input[type="tel"], input[type="range"], input[type="date"], input[type="month"],
  input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    border: solid 1px var(--bg-color-lighter);
  }

  html .entry .entry-content.excerpt-text a:not(.readmorelink),
  html .entry .entry-content.excerpt-text a:hover:not(.readmorelink) {
    color: var(--highlight-color);
  }

  html ::-moz-selection,
  html ::selection {
    background-color: var(--highlight-color);
  }

  html .entry .entry-content.excerpt-text a:not(.readmorelink),
  html .entry .entry-content.excerpt-text a:hover:not(.readmorelink) {
    color: var(--txt-color);
  }

  /* Dark Mode Comment reply link */
  html .comment-list .comment-reply-link,
  html input[type="submit"],
  html input[type="submit"]:focus {
    transition: unset;
    color: var(--bg-color);
    background: var(--highlight-color);
  }

  html .comment-list .comment-reply-link:hover,
  html .comment-list .comment-reply-link:active,
  input[type="submit"]:hover {
    background: var(--highlight-color-selected);
  }

  /* Dark Mode Table*/
  html .entry-content table tr:nth-child(odd),
  html .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tr:nth-child(odd),
  html .wp-block-table.is-style-stripes tr:nth-child(odd) {
    background: var(--bg-color-lighter);
  }

  html .wp-block-table.is-style-stripes {
    border-bottom: none;
  }

  /* Dark Mode Recent Comments Fix */
  html .comment-list a .comment-author-link html .comment-list a {
    transition: unset ! important;
  }

  /* Dark Mode Basic Recent Comment Widget */
  html li.lastcommented a,
  html li.lastcommented .dashicons-admin-comments:before {
    color: var(--txt-color);
  }

  html li.lastcommented a:hover .dashicons-admin-comments:before {
    color: var(--highlight-color-selected);
  }

  /* Dark Mode Quicktags Fix */
  html .quicktags-toolbar {
    background: var(--bg-color-lighter);
    background-image: var(--bg-color);
    background-image: linear-gradient(bottom, var(--bg-color-lighter), var(--bg-color));
    border-bottom: 0;
  }

  html .wp-block-code {
    border-top: 0.3em solid var(--highlight-color);
  }

  html .quicktags-toolbar input:hover {
    background: var(--bg-color-lighter);
  }

  /* Dark Mode Approved Fix */
  html .byuser>.comment-body>.comment-meta>.comment-author .fn:after,
  html .marctv-verified:after {
    background: var(--highlight-color);
    color: var(--bg-color);
  }

  /* Dark Mode SHORTSCORE Fix */
  html .type-game .shortscore-hreview .text,
  html .single .type-game .shortscore {
    background-color: var(--highlight-color);
  }

  html div.shortscore {
    background-image: url('/wp-content/plugins/wp-shortscore/images/shortscore-mask-000.png');
  }

  html .single .type-game div.shortscore {
    background-image: url('/wp-content/plugins/wp-shortscore/images/shortscore-mask-000@2x.png');
  }

  @media only screen and (min-resolution: 192dpi), only screen and (min-device-pixel-ratio: 2) {
    html div.shortscore {
      background-image: url('/wp-content/plugins/wp-shortscore/images/shortscore-mask-000@2x.png');
    }

    html .single .type-game div.shortscore {
      background-image: url('/wp-content/plugins/wp-shortscore/images/shortscore-mask-000@4x.png');
    }
  }
}

/* Container */

#main .teaserbox-wrapper, #main .yarpp-related {
    width: 100%;
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    padding-left: 1em;
    padding-right: 1em
}

#main .teaserbox-wrapper img, #main .yarpp-related img {
    width: 100%
}

@media only screen and (max-width:768px) {
    html .teaserbox .teaserbox-items-visual .teaserbox-post-title {
        font-size: 80%
    }
}

.teaserbox {
    padding-top: 1em;
    margin: 1em 0;
    position: relative;
    clear: both
}

.teaserbox:after {
    content: '';
    display: block;
    clear: both
}

.teaserbox .teaserbox-headline {
    font-weight: 700;
    padding: 0 0 5px;
    font-size: 125%;
    text-transform: capitalize;
    margin: 0 0 1em;
    display: inline-block
}

.teaserbox .teaserbox-headline em:before {
    content: "";
    display: block;
    width: 100%;
    min-width: 30px;
    border-top: 1px solid #ddd;
    border-top: 1px solid rgba(0,0,0,.2);
    margin-bottom: 1em
}

.teaserbox .teaserbox-headline em {
    font-style: normal;
    font-weight: 700
}

.teaserbox .teaserbox-items {
    clear: left
}

.teaserbox .teaserbox-items-visual {
    margin-right: -20px
}

.teaserbox,.teaserbox .teaserbox-items .teaserbox-post3 {
    display: none
}

.teaserbox .teaserbox-items .teaserbox-post {
    float: left;
    width: 33%;
    margin: 0 0 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.teaserbox .teaserbox-items-visual .teaserbox-post {
    padding-right: 20px;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.teaserbox .teaserbox-items .teaserbox-post:nth-child(3n+4),.teaserbox .teaserbox-items-visual .teaserbox-post:nth-child(3n+4) {
    clear: both
}

.teaserbox .teaserbox-items .teaserbox-post .teaserbox-post-title a:hover,.teaserbox .teaserbox-items .teaserbox-post:hover .teaserbox-post-title a {
    text-decoration: underline
}

.teaserbox .teaserbox-items .teaserbox-post:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.teaserbox .teaserbox-items p,.teaserbox .teaserbox-items-visual h4.teaserbox-post-title {
    line-height: 1.2
}

.teaserbox .teaserbox-items-visual .teaserbox-post-nothumbs {
    position: relative
}

.teaserbox .teaserbox-items-visual .teaserbox-post-nothumbs a.teaserbox-post-aoverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    border-bottom: 0
}

.teaserbox .teaserbox-items p {
    margin: 0
}

.teaserbox .teaserbox-items-visual h4.teaserbox-post-title {
    text-transform: none;
    margin: 0;
    padding: 0;
    display: block;
    max-width: 100%
}

.teaserbox .teaserbox-items .teaserbox-post .teaserbox-post-title a {
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.teaserbox .teaserbox-items .teaserbox-post img.teaserbox-post-img,.teaserbox .teaserbox-items .teaserbox-post span {
    display: block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.teaserbox .teaserbox-items-visual .teaserbox-post img.teaserbox-post-img,.teaserbox .teaserbox-items-visual .teaserbox-post span {
    max-width: 100%
}

.teaserbox .teaserbox-items .teaserbox-post .teaserbox-post-context,.teaserbox .teaserbox-items .teaserbox-post .teaserbox-post-date {
    opacity: .6
}

.teaserbox .teaserbox-items-visual div.teaserbox-post-thumbs p.teaserbox-post-excerpt,.teaserbox-items .teaserbox-post .teaserbox-post-date {
    display: none
}

.teaserbox .teaserbox-items-visual .teaserbox-post-nothumbs p.teaserbox-post-excerpt {
    overflow: hidden
}

.teaserbox .teaserbox-items-visual .teaserbox-post-nothumbs span {
    margin-bottom: 1em
}

.teaserbox .teaserbox-list .teaserbox-post {
    clear: both;
    width: 100%
}

.teaserbox .teaserbox-list .teaserbox-post img.teaserbox-post-img {
    float: left;
    overflow: hidden;
    max-width: 33%;
    margin-right: 3%
}

.teaserbox .teaserbox-list h4.teaserbox-post-title {
    display: inline-block;
    max-width: 63%
}

@media only screen and (max-width:640px) {
    html .teaserbox .teaserbox-items .teaserbox-post.teaserbox-post3 {
        display: inline;
        clear: none
    }

    .teaserbox .teaserbox-items .teaserbox-post {
        width: 50%
    }

    .teaserbox .teaserbox-items .teaserbox-post:nth-child(3n) {
        clear: left
    }

    .teaserbox .teaserbox-items-visual {
        margin-right: 20px
    }
}

@media only screen and (max-width:320px) {
    .teaserbox .teaserbox-items .teaserbox-post {
        width: 100%;
        clear: both;
        margin: 0 0 1em
    }

    .teaserbox .teaserbox-list .teaserbox-post img.teaserbox-post-img,.teaserbox .teaserbox-list h4.teaserbox-post-title {
        float: none;
        max-width: 100%;
        margin-right: 0
    }
}

/* featured image height */

.site-header.featured-image {
		min-height: 80vh;
}

@media only screen and (max-width:768px) {
		html .site-header.featured-image {
				min-height: 60vh;
		}
}