/**
 * theme_kongress.scss 2024-04-16 ts
 *
 * @copyright	2024 Thomas Schneider
 * @author		Thomas Schneider <thomas@inter-mundos.de>
 * @link        https://www.inter-mundos.de
 */


$font-size-base: 1.3rem;
$paragraph-margin-bottom: 1.5rem;
$headings-margin-bottom: 1.5rem;
$primary: #31646e;
$info: #5f96a1;

@import "../bootstrap/scss/bootstrap";
@import '../forkawesome/scss/fork-awesome.scss';

:root
{
	--swiper-theme-color: #31646e !important;

	.text-light
	{
		--swiper-theme-color: white !important;
	}
}

h1, h2, h3
{
	&:not(:first-child)
	{
		margin-top: 2.5rem;
	}
}

.mod_article
{
	padding-top: $spacer * 5;
	padding-bottom: $spacer * 5;
}

.text-light
{
	a
	{
		color: lighten($primary, 40%);
		text-decoration: none;

		&:hover
		{
			text-decoration: underline;
		}
	}
}

.content-image
{
	&.vw-100
	{
		figure
		{
//			height: 400px;
		}

		img
		{
//			width: 100vw;
		}
	}
}

.content-swiper
{
	button
	{
		background: none;
		border: none;
	}
}

#footer
{
	flex-basis: 100%;
	font-size: 0.9em;
	text-align: center;

	.nav-link
	{
		--bs-nav-link-font-size: 1em;
	}

	nav
	{
		@extend .nav;
		@extend .justify-content-center;

		ul
		{
			@extend .nav;

			@include media-breakpoint-down(sm)
			{
				margin: 10px 0;
				flex-wrap: wrap;

				.nav-link
				{
					--bs-nav-link-padding-y: 4px;
				}

				li
				{
					flex-basis: 100%;
				}
			}

			li
			{
				@extend .nav-item;

				a,
				strong
				{
					@extend .nav-link;
					color: $light-text-emphasis
				}

				&.active > *
				{
					@extend .active;
					color: $light-text-emphasis;
				}
			}
		}
	}
}

#footer-infos
{
	font-size: 0.8em;
	text-align: center;
	display: flex;
	justify-content: center;
	margin: 10px 30px;
}

#overlay-buttons,
#mobile-menu-button
{
	display: flex;
	position: fixed;
	bottom: 30px;
	right: 30px;
	flex-direction: column;
	z-index: 1500;

	.button
	{
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 30px;
		border-radius: 50% 50%;
		background-color: $teal;
		height: 60px;
		width: 60px;
		padding: 0;
		border: solid 2px #fff;
		margin: 10px 0 0;
		transition-duration: .4s;

		a,
		> i
		{
			cursor: pointer;
			margin-top: -7px;
			color: #fff;
		}

		&#elevator
		{
			display: none;
		}
	}

	&:is(#mobile-menu-button)
	{
		position: absolute;
		top: 88px;
		left: 20px;
		right: unset;
		bottom: unset;

		.button
		{
			height: 45px;
			width: 45px;

			> i
			{
				margin-top: -2px;
			}
		}
	}
}