/**
 * Theme Name:   Harrison Renewed
 * Description:  Meine neue Version des Themes Harrison von ThemeZee
 * Author:       Horst Scheuer
 * Author URI:   https://horstscheuer.de/
 * Template:     harrison
 * Version:      2.5.0
 * Version Date: 01.07.2025
 * License:      GNU General Public License v2 or later
 * License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 */
 
/* -----------------------------------------------------------------------------
 * CSS Variable
 * -----------------------------------------------------------------------------*/
:root {
  --header-text-hover-color: rgba(0, 0, 0, 0.9) !important;
  --title-font-weight: 400 !important;
}

body {
  scroll-behavior: smooth;
}
 
/* -----------------------------------------------------------------------------
 * Typography
 * -----------------------------------------------------------------------------*/
pre {
  border-radius: 4px;
}

code,
kbd,
tt,
var {
  padding: 2px;
  background: #f2f2f2;
}

.has-small-font-size {
  font-size: 16px !important;
}

/* -----------------------------------------------------------------------------
 * Elements
 * -----------------------------------------------------------------------------*/
body {
  background: #cccccc !important;
}

a {
  text-decoration: none;
  border-bottom: 0 !important;
}

/* -----------------------------------------------------------------------------
 * Navigation
 * -----------------------------------------------------------------------------*/
/* Allgemein -------------------------------------------------------------------*/
.main-navigation ul a,
.main-navigation ul a:hover,
.main-navigation ul a:active,
.main-navigation ul a:focus {
  color: var(--header-text-color) !important;
}

.main-navigation ul a:hover,
.main-navigation ul a:active,
.main-navigation ul a:focus {
  text-decoration: underline solid var(--header-text-color) 2px !important;
  text-underline-position: under;
}

.main-navigation > ul > li.current-menu-item > a {
  border-bottom: 0 !important;
  text-decoration: underline solid var(--header-text-color) 2px !important;
  text-underline-position: under;
}

.main-navigation > ul > li.current-menu-item > a:hover {
  border-bottom: 0 !important;
  text-decoration: none !important;
}

.main-navigation ul .menu-item-has-children > a:hover > .icon,
.main-navigation ul .page_item_has_children > a:hover > .icon {
    fill: var(--header-text-color) !important;
}

/* Submenü ---------------------------------------------------------------------*/
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu a:active,
.main-navigation .sub-menu a:focus {
  text-decoration: none;
}

/* Kleine Bildschirme ----------------------------------------------------------*/
.primary-menu-toggle:hover .icon,
.primary-menu-toggle:active .icon,
.primary-menu-toggle:focus .icon {
  fill: var(--header-text-color) !important;
}

.menu-toggle-text {
  display: none !important;
}

.dropdown-toggle:hover .icon,
.dropdown-toggle:active .icon,
.dropdown-toggle:focus .icon {
  fill: var(--header-text-color) !important;
}

/* Große Bildschirme -----------------------------------------------------------*/
@media only screen and (min-width: 960px) {
  .main-navigation ul a:hover,
  .main-navigation ul a:focus,
  .main-navigation ul a:active {
    text-decoration: underline solid var(--header-text-color) 2px !important;
    text-underline-position: under;
  }

  #menu-item-3314 a:hover,
  #menu-item-3314 a:active,
  #menu-item-3314 a:focus {
    text-decoration: none;
  }
  
  .main-navigation .sub-menu li:hover {
    background-color: var(--page-light-bg-color);
  }
}
	
/* -----------------------------------------------------------------------------
 * Posts and Pages
 * -----------------------------------------------------------------------------*/
.entry-content {
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 3;
  -webkit-hyphenate-limit-lines: 4;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-lines: 4;
  hyphens: auto;
}

.entry-content a {
  color: var(--text-color) !important;
  text-decoration: underline solid var(--text-color) 2px !important;
  text-underline-position: under;
}

.entry-content a:hover {
  text-decoration: none !important;
}

/* Beitragsbilder --------------------------------------------------------------*/
@media only screen and (min-width: 1120px) {
	.blog-layout-vertical-list .type-post .post-image-archives,
	.single-post .type-post .post-image-single {
		margin-left: -90px;
		margin-right: -90px;
		max-width: 980px;
	}
}

@media only screen and (min-width: 1200px) {
	.blog-layout-vertical-list .type-post .post-image-archives,
	.single-post .type-post .post-image-single {
		margin-left: -140px;
		margin-right: -140px;
		max-width: 1080px;
	}
}

/* Oben halten -----------------------------------------------------------------*/
.sticky {
  background: transparent !important;
  padding: 0 !important;
}

/* Kategorie -------------------------------------------------------------------*/
@media only screen and (min-width: 360px) {
  .entry-meta > span::after {
    display: inline-block;
    margin: 0 2rem 0 0 !important;
    color: rgba(0, 0, 0, 0.5);
    color: var(--light-text-color);
    content: "" !important;
  }
}

.entry-categories a {
  color: var(--light-text-color) !important;
}

.entry-categories a:hover {
  color: rgba(0, 0, 0, 0.5) !important;
  color: var(--text-color) !important;
  text-decoration: none !important;
}

/* Überschrift -----------------------------------------------------------------*/
.entry-title a:hover,
.entry-title a:active {
  color: rgba(0, 0, 0, 0.9) !important;
  color: var(--text-color) !important;
  text-decoration: none !important;
}

/* Meta-Angaben ----------------------------------------------------------------*/
.entry-meta {
	margin: 1rem 0 0;
	color: rgba(0, 0, 0, 0.9) !important;
	color: var(--text-color) !important;
}

/* Schlagwörter ----------------------------------------------------------------*/
.entry-tags-label {
  display: none;
}

.entry-tags-label::after {
  margin: 0;
  content: "";
}

/* -----------------------------------------------------------------------------
 * Comments
 * -----------------------------------------------------------------------------*/
 /* Texte und Links ------------------------------------------------------------*/
.logged-in-as a,
.reply a,
.comment-reply-title a,
.bwc-notice a {
  color: var(--text-color);
}

.logged-in-as a:hover,
.logged-in-as a:active,
.reply a:hover,
.reply a:active,
.comment-reply-title a:hover,
.comment-reply-title a:active,
.bwc-notice a:hover,
.bwc-notice a:active {
  color: var(--light-text-color);
}

.comment-author a {
  color: var(--text-color) !important;
}

.edit-link {
  display: none;
}

/* Formularelement -------------------------------------------------------------*/
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
  width: 100%;
}

/* Honeypot --------------------------------------------------------------------*/
.comment-form-url,
.comment-form-url label,
.comment-form-url input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

/* -----------------------------------------------------------------------------
 * Archives and Blog Layouts
 * -----------------------------------------------------------------------------*/
/* Blätterlinks ----------------------------------------------------------------*/
a.page-numbers,
span.dots {
  color: var(--text-color) !important;
}

/* -----------------------------------------------------------------------------
 * Footer
 * -----------------------------------------------------------------------------*/
/* Text ------------------------------------------------------------------------*/
.site-info .footer-text, .site-info .credit-link {
  display: block;
  text-align: center;
}
 
/* Links -----------------------------------------------------------------------*/
.site-footer a:link,
.site-footer a:visited  {
  color: rgba(255, 255, 255, 0.5);
  color: var(--footer-text-color);
  text-decoration: underline solid var(--footer-text-color) 2px !important;
  text-underline-position: under;
}

.site-footer a:hover,
.site-footer a:active {
  color: rgba(255, 255, 255, 0.5);
  color: var(--footer-text-color);
  text-decoration: none !important;
}

/* -----------------------------------------------------------------------------
 * Widgets
 * -----------------------------------------------------------------------------*/
/* Schlagwörter ----------------------------------------------------------------*/
.wp-block-tag-cloud a,
.tag-cloud-link {
  color: var(--text-color) !important;
  text-decoration: none !important;
}

.tag-cloud-link::after {
  content: " ";
}
	
/* -----------------------------------------------------------------------------
 * Layout
 * -----------------------------------------------------------------------------*/
/* Inhalt ----------------------------------------------------------------------*/
.site-main {
  max-width: 720px;
}

/* Navigation ------------------------------------------------------------------*/
.pagination {
  max-width: 720px;
  text-align: center;
}

/* Artikelabstand --------------------------------------------------------------*/
.type-post, .type-page, .type-attachment {
  margin-bottom: 4rem !important;
}

@media only screen and (min-width: 480px) {
  .type-post, .type-page, .type-attachment {
    margin-bottom: 4rem !important;
  }
}

@media only screen and (min-width: 640px) {
  .type-post, .type-page, .type-attachment {
    margin-bottom: 6rem !important;
  }
}

@media only screen and (min-width: 960px) {
  .type-post, .type-page, .type-attachment {
    margin-bottom: 8rem !important;
  }
}

@media only screen and (min-width: 1280px) {
  .type-post, .type-page, .type-attachment {
    margin-bottom: 10rem !important;
  }
}