/*
Theme Name:  Jott-Emm's twenty8teen für die Dörfer
Description: This is the original twenty8teen Theme,modified by Joerg-Michael Eggers for his own Use.
Author:      joyously 
Author URI:  
Template:    twenty8teen
Version:      0.0.2
Text Domain: 
*/

#content {
    background-color: #fff;
}

/*  ------------------------------------------------------
 Add specific style overrides here.

Just for example, this style will change the background color for the site,
but this will not affect the value used in the Customizer (for default value).
This is a CSS Custom Property (CSS Variable).
*/

:root {
	--background_color: #eeeeff;
	--body_textcolor: #000000;
	--header_textcolor: #00006b;
	--accent_color: #40b700;
	--link_color: #257500;
}

/*  ---------------------------------------
Some of the Custom Properties used by this theme are:


:root {
	--background_color: #fef8ee;
	--body_textcolor: #000000;
	--header_textcolor: #6b0000;
	--accent_color: #d2b48c;
	--link_color: #1666f0;
	--card_backcolor: rgba(255, 255, 255, 0.3);
	--identimage_alpha: 0.4;
	--glass_bg:  linear-gradient(to top, rgba(50, 120, 100, 0.2) 0%,rgba(70, 140, 120, 0.1) 100%);
	--semi_accent_shadow:  inset 0 0 7em -3em var(--accent_color);
	--round_radius: 1.16em;
}
*/

/* Use more white for semi-white */
.semi-white {
	background-color: rgba(255,255,255, 0.6);
}
:root {
	--semi_whiteblack_bg: linear-gradient(rgba(255,255,255, 0.5) 0%, rgba(255,255,255, 0.4) 100%),
		linear-gradient(rgba(0,0,0, 0.1) 0%, rgba(0,0,0, 0.2) 100%);
}

/* Decorate the horizontal rule and navigation links with a gradient. */
hr, .nav-links {
	background-image: linear-gradient(to right, transparent, var(--accent_color, currentColor) 20%, var(--accent_color, currentColor) 80%, transparent);
}
.nav-links {
  background-repeat: no-repeat;
  background-size: 100% 2px;
  padding: 4px 0;
}

/* Briefly highlight in-page link targets. */
.custom-target, :target {
  animation: 1.8s ease-out 0s normal none 1 running target-highlight;
}
@keyframes target-highlight {
  0% {
    background-color: var(--accent_color);
  }
  100% {
    background-color: var(--background_color);
  }
}