/*
 Theme Name:   Timeless Health Project
 Description:  THP Theme
 Author:       wo
 Template:     twentyseventeen
 Version:      1.0
 Text Domain:  twenty-seventeen-child
*/

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.thp-blue {
	color: #70cacd;	
}

.thp-green {
	color: #b3c935;
}

.thp-orange {
	color: #f47521;
}

.thp-black {
	color: #223544;  /* nicht verwendet */
}

hr {
    height: 1px;
}

.entry-meta {
	/* font-weight: normal; */
	/* text-decoration: underline; */
	/* border-bottom: 1px solid #333; */
	padding-bottom: 0.5em;
}

.entry-meta-regular {
	font-weight: normal;
	text-decoration: none;
}

/*
.entry-title {
	margin-left: -2px;
}
*/
/*
.entry-title {
	padding-top: 0.4em;
}
*/

/* ---- WPforms anpassungen ------------------ */

/* siehe 
	plugins/wpforms-lite/assets/css/wpforms-full.css
	plugins/wpforms-lite/assets/css/wpforms-full.min.css
*/
	

/* ------------ farbanimation ---------------- */


@keyframes animate-blue {
	0% {	color: #70cacd; }
	33% {	color: #b3c935; }
	67% {	color: #f47521; } /*
	100% {	color: #70cacd; } */
}

@keyframes animate-green {
	0% {	color: #b3c935; }
	33% {	color: #f47521; }
	67% {	color: #70cacd; } /*
	100% {	color: #b3c935; } */
}

@keyframes animate-orange {
	0% {	color: #f47521; }
	33% {	color: #70cacd; }
	67% {	color: #b3c935; } /*
	100% {	color: #f47521; } */
}

.rotate-thp-blue {
	color: #70cacd;
	animation-name: animate-blue;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

.rotate-thp-green {
	color: #b3c935;
	animation-name: animate-green;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

.rotate-thp-orange {
	color: #f47521;
	animation-name: animate-orange;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}

/* ---------- highlights ------------------------- */

.highlight-thp-blue {
	border-left: 1.8em solid #70cacd;
	/* background-color: #1d3637; */
	/* background-color: #2b4d4e; */
	margin: 8px 0px;
	padding: 2px 12px;
}

.highlight-thp-green {
	border-left: 1.8em solid #b3c935;
	/* background-color: #2f350d; */
	/* background-color: #444c14; */
	margin: 8px 0px;
	padding: 2px 12px;
}

.highlight-thp-orange {
	border-left: 1.8em solid #f47521;
	/* background-color: #431f09; */
	/* background-color: #5d2d0d; */
	margin: 8px 0px 16px; /* = letzte zeile mit mehr abstand zum nachfolgenden text */
	padding: 2px 12px;
}


/* ---------- panel content wrap (front page) ------- */
/* ---------- originalwerte nebenan ----------------- */

.panel-content .wrap {
	padding-bottom: 0.5em;		/* 0.5em */
	padding-top: 1.75em;		/* 1.75em */
}

@media screen and (min-width: 30em) {	/* desktop medium */
	
	.panel-content .wrap {
		padding-bottom: 2em;		/* 2em */
		padding-top: 3.5em;			/* 3.5em */
	}

	.panel-content .entry-header {
		margin-bottom: 4.5em;		/* 4.5em */
	}
}

@media screen and (min-width: 48em) {	/* desktop wide	*/
	.panel-content .wrap {
		padding-bottom: 4.5em;		/* 4.5em */
		padding-top: 6em;			/* 6em */
	}
}