/*
Theme Name: its-siteorigin Child
Description: Child-Theme mit anpassungen an Turnverein Klein-Winternheim
Author: Klaus Walther
Author URI: http://www.it-servic.es/
Template: its-siteorigin
Version: 1.0
Tags:
*/

@font-face {
  font-family: 'GRPR-Symbol';
  src: local('GRPR-Symbol'),
    url(https://tv-klein-winternheim.de/wp-content/themes/its-siteorigin-child/GRPR-Symbol.woff2) format('woff2');
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'GRPR-Symbol';
  color: #D32C30;
  speak: none;
  line-height: 1;
  font-size: 100%;
}

.icon-pdflink:after {
  content: "\e000";
}
.icon-link:after {
  content: "\e001";
}
.icon-weblink:after {
  content: "\e002";
}
.icon-extlink:after {
  content: "\e003";
}

p a, a {
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8)
}

ul {
	padding-left: 10px;
	list-style-position: inside
}

.its-editor p a, ul li a,
#single-post #times a,
#single-post .prev-link a {
	color: #D32C30;
}

.caption h3.widget-title {
	font-style: italic;
	font-size: 0.6em;
}

table tr td:first-child {
	padding-right: 20px
}

#single-post #content {
	display: grid;
	grid-template-columns: 1fr 5fr;
	column-gap: 25px;
}

#single-post h3 { color: #D32C30; margin-top: 35px; }
#single-post #times .body { display: grid; grid-template-columns: repeat(4, max-content) auto; font-size: 90%; width: 100% }
#single-post #times .body p { padding: 2px 20px 2px 0; margin: 0 }
#single-post #times .body p:nth-child(10n+15) { font-style: italic }
#single-post #times .body p.title { color: rgba(0, 0, 0, 0.50); text-align: left; font-size: 75%; font-weight: bold; border-bottom: solid 1px rgba(0, 0, 0, 0.30); }
#single-post #times .body p:nth-child(2n+6) { display: none }

#archive { display: grid; grid-template-columns: 1fr 3fr; grid-column-gap: 5%; }
#archive img { max-width: 100%; height: auto; }
#archive .content-wrap .title h1 { margin-top: 0}
#archive .content-wrap .content { display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 25px; grid-row-gap: 10px }

span.komma::after { content: ',' }
span.komma:last-child::after { padding-right: 0; content: '' }

@media screen and (max-width:800px) {
	#single-post #times .body { grid-template-columns: min-content auto; grid-column-gap: 10px; font-size: 80% }
	#single-post #times .body p.title { display:none; }
	#single-post #times .body p:nth-child(2n+6) { display: block; font-size: 90%; font-weight: bold; border-right: 2px solid rgba(0, 0, 0, 0.5); padding-right: 10px; }
	#single-post #times .body p:nth-child(10n+6),
	#single-post #times .body p:nth-child(10n+7) { margin-top: 20px }

	#archive { display: block }
	#archive img { display: none }
	#archive .content-wrap .content { display: block; }
	#archive .content-wrap .content article { margin-bottom: 25px }
	}