/**
 * _events.scss 2023-02-15 ts
 *
 * @copyright	2023 Thomas Schneider
 * @author		Thomas Schneider <thomas@inter-mundos.de>
 * @link        https://www.inter-mundos.de
 */

aside
{
	.mod_eventlist
	{
		margin-top: 100px;

		@media screen and (max-width: $desktop-page-width)
		{
			margin-top: 50px;
		}
	}
}

.mod_eventlist
{
	.event
	{
		&.upcoming
		{
			display: flex;
			align-items: center;
			margin: 0 0 20px;
			padding: 0 0 20px;

			&:not(:last-child)
			{
				border-bottom: lightgrey 1px solid;
			}

			& > .cal_view
			{
				margin-right: 20px;

				& > *
				{
					display: block;
					width: 50px;
					text-align: center;
					padding: 4px;
					border: solid $main-color 4px;
					font-weight: bolder;
				}

				& > .day_short
				{
					background-color: white;
					border-bottom: none;
				}

				& > .day
				{
					padding-top: 6px;
					background-color: $main-color;
					border-top: none;
					color: white;
				}
			}

			& > .details
			{
				display: flex;
				flex-wrap: wrap;

				& > *
				{
					flex-basis: 100%;
				}

				& > time.date
				{
					order: 1;
					font-size: 0.9rem;
					padding: 10px 0 0;
				}

				& > a
				{
					order: 0;
				}
			}
		}
	}
}

.mod_eventreader
{
	.layout_shortinfos
	{
		background-color: darken($contrast-color-light, 20%);
		color: white;
		padding: 20px;
		margin: 100px 0 0;
		font-size: 1.2rem;

		@media screen and (max-width: $desktop-page-width)
		{
			margin-top: 0;
		}

		& > h2
		{
			font-family: 'Acme', sans-serif;
			margin-top: 0;
			text-align: center;
			font-size: 1.4em;
		}

		.with-icon
		{
			display: flex;
			align-items: center;

			.icon
			{
				flex-basis: 60px;
				flex-grow: 0;
				flex-shrink: 0;
				text-align: center;
			}

			i
			{
				font-size: 1.8rem;
			}
		}
	}
}