/*
 * Cascading Style Sheets (CSS)
 * for events module
 *
 * Part of »Zugzwang Project«
 * https://www.zugzwang.org/modules/events
 *
 * @author Gustaf Mossakowski <gustaf@koenige.org>
 * @copyright Copyright © 2023 Gustaf Mossakowski
 * @license http://opensource.org/licenses/lgpl-3.0.html LGPL-3.0
 */


/* events.template.txt */
.events			{ border-collapse: collapse; }
.events th		{ text-align: right; vertical-align: top; padding: 0 .5rem .25rem 0; }
.events td		{ text-align: left; vertical-align: top; padding: 0 0 .25rem .5rem; }
.events th em	{ font-style: normal; font-weight: normal; }
.events p, .events ul, .events li
				{ margin: 0; padding: 0; }
.events ol		{ margin: 0; padding: 0 0 0 1rem; }

.events .ics	{ font-size: .9rem; }
.events .identical_duration
				{ display: none; }
.events .weekday
				{ font-weight: normal; }

body.unpublished::before,
.events tr.unpublished th:first-child::before
				{ content: " VORSCHAU "; background: #C00; color: white; 
				transform: rotate(-45deg); font-weight: bold; z-index: 1000; 
				opacity: .8; }
events.unpublished::before
				{ position: fixed; left: -4em; top: 2em; 
				padding: .75em 6em .65em 5em;  font-size: 1.4em; }
.events tr.unpublished th
				{ position: relative; overflow: hidden; }
.events tr.unpublished th:first-child::before
				{ position: absolute; padding: .5em 4em; left: -4em; top: 1.5em; }


@media screen and (max-width: 640px) {
	.events th, .events td
					{ display: block; padding: 0; }
	.events th		{ text-align: left; padding-top: 1rem; }
}