@charset "UTF-8";

body {
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#content {
	padding-top: 76px !important;
}

@media ( min-width : 1200px) {
	#content {
		padding-top: 106px !important;
	}
	.util #content {
		padding-top: 90px !important;
	}
}

section {
	padding: 5rem 0;
}

@media ( max-width : 767px) {
	section {
		padding: 75px 0;
	}
	section.first {
		padding-top: 75px;
	}
}

.scroll-to-top {
	position: fixed;
	right: 15px;
	bottom: 3px;
	display: none;
	width: 50px;
	height: 50px;
	text-align: center;
	color: white;
	background: rgba(52, 58, 64, 0.5);
	line-height: 45px;
	z-index: 1;
}

.scroll-to-top:focus, .scroll-to-top:hover {
	color: white;
}

.scroll-to-top:hover {
	background: #343a40;
}

.scroll-to-top i {
	font-weight: 800;
}

#mainNav.navbar-landingpage a:focus {
	outline: none;
}

#mainNav.navbar-landingpage .navbar-brand {
	font-size: 1.1rem;
	color: #333299;
}

.landingpage #mainNav.navbar-landingpage .navbar-brand.active, #mainNav.navbar-landingpage .navbar-brand:active,
	#mainNav.navbar-landingpage .navbar-brand:focus, #mainNav.navbar-landingpage .navbar-brand:hover {
	color: #333299;
}

#mainNav.navbar-landingpage .navbar-nav {
	letter-spacing: 1px;
	padding: 1.2rem;
}

#mainNav.navbar-landingpage .navbar-nav li.nav-item a.nav-link {
	color: #333299;
	font-weight: bold;
	margin-left: 0.5rem;
}

#mainNav.navbar-landingpage .navbar-nav li.nav-item a.nav-link:hover {
	color: #333299;
	outline: none;
}

#mainNav.navbar-landingpage .navbar-nav li.nav-item a.nav-link:active, #mainNav.navbar-landingpage .navbar-nav li.nav-item a.nav-link:focus
	{
	color: #333299;
}

#mainNav.navbar-landingpage .navbar-toggler {
	font-size: 14px;
	padding: 11px;
	color: white;
	border-color: white;
	background: #333299;
}

#mainNav.navbar-landingpage .navbar-toggler:focus, #mainNav.navbar-landingpage .navbar-toggler:hover {
	color: white;
	border-color: #333299;
	background-color: #333299;
}

#mainNav.navbar-landingpage.navbar-shrink, .admin .navbar {
	-webkit-box-shadow: 0 1px 5px #3332991f;
	box-shadow: 0 1px 5px #3332991f;
}

#mainNav img, #adminNav img {
	max-height: 48px;
}

@media ( min-width : 992px) {
	#mainNav {
		-webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
		-moz-transition: padding-top 0.3s, padding-bottom 0.3s;
		transition: padding-top 0.3s, padding-bottom 0.3s;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#mainNav .navbar-brand {
		font-size: 2em;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.landingpage #mainNav .navbar-nav>li.nav-item>a.nav-link.active {
		color: white;
		border-radius: 3px;
		background: #333299;
	}
	.landingpage #mainNav .navbar-nav>li.nav-item>a.nav-link.active:active, .landingpage #mainNav.navbar-landingpage .navbar-nav>li.nav-item>a.nav-link.active:focus,
		.landingpage #mainNav.navbar-landingpage .navbar-nav>li.nav-item>a.nav-link.active:hover {
		color: white;
		background: #333299;
	}
	#mainNav.navbar-shrink {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#mainNav.navbar-shrink .navbar-brand {
		font-size: 1.5em;
	}
	/* Main nav logo */
	#mainNav.navbar-landingpage img {
		position: absolute;
		top: 2.2rem;
	}
	#mainNav.navbar-landingpage.navbar-shrink img {
		position: relative;
		width: 100px;
		top: 0.2rem;
	}
	#mainNav img, #adminNav img {
		max-height: none;
	}
}

.sidebar {
	width: 250px; /* Adjust width as needed */
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #f1f1f1; /* Sidebar background color */
	overflow-x: hidden; /* Prevent horizontal scroll */
	padding-top: 106px;
}

.sidebar a {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 25px;
	color: black;
	display: block;
}

.sidebar a:hover {
	color: #f1f1f1;
}

.btn-round {
	border-radius: 50%;
}

.card .btn {
	margin-top: -1.2rem;
}

#start {
	background-image: url("../img/main2.jpg");
	background-size: cover;
	background-position: top;
	height: 93vh;
}

#start .title {
	font-size: 1.9rem;
	font-weight: 800;
	color: #2A4751;
}

#start .subtitle {
	font-size: 1.6rem;
}

@media ( min-width : 576px) {
	#start .title {
		font-size: 2.2rem;
	}
	#start .subtitle {
		font-size: 1.7rem;
	}
}

@media ( min-width : 768px) {
	#start .title {
		font-size: 2.5rem;
	}
	#start .subtitle {
		font-size: 1.8rem;
	}
}

@media ( min-width : 992px) {
	#start {
		padding-top: 10vh;
	}
	#start .title {
		font-size: 3rem;
	}
	#start .subtitle {
		font-size: 2rem;
	}
}

@media ( min-width : 1200px) {
	#start {
		padding-top: 7vh;
	}
	#start .title {
		font-size: 3.8rem;
	}
	#start .subtitle {
		font-size: 2.3rem;
	}
}

#about-us .col-12 {
	display: flex;
}

.gradient-box {
	border: 0px transparent;
	border-radius: 1rem;
	background-image: linear-gradient(white, white), linear-gradient(90deg, rgb(178 41 59), rgb(13, 89, 158));
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.number-box {
	height: 4.5rem;
	width: 4.5rem;
	position: relative;
	top: -2.5rem;
}

.gradient-box-content {
	position: relative;
	top: -1.5rem;
}

#highlight-panel {
	position: relative;
	top: -3rem;
	margin-bottom: -3rem;
	background: white;
	min-height: 18rem;
}

@media ( min-width : 430px) { /* not an official breakpoint */
	#highlight-panel {
		top: -5rem;
		margin-bottom: -5rem;
	}
}

@media ( min-width : 576px) {
	#highlight-panel {
		top: -7rem;
		margin-bottom: -7rem;
	}
}

@media ( min-width : 768px) {
	#highlight-panel {
		top: -9rem;
		margin-bottom: -9rem;
	}
}

@media ( min-width : 992px) {
	#highlight-panel {
		top: -11rem;
		margin-bottom: -11rem;
	}
}

#galerie a img, #study-groups a img, #study-groups img {
	filter: none;
}

#galerie a:hover img, #study-groups a:hover img {
	filter: grayscale(100%);
}

.navbar .nav-item>a>span.flag-icon {
	filter: grayscale(0.7);
	border-radius: 20%;
}

.navbar .nav-item>a:hover>span.flag-icon {
	filter: grayscale(0);
}

.gm-style-iw-c button:focus { /* avoid the border on the info window close button, on map marker click */
	outline: none !important;
}

.lightboxOverlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.breadcrumb {
	background-color: transparent;
}

.wide-tooltip .tooltip-inner {
	width: 400px;
	max-width: 400px;
	text-align: left;
}

/* Timer animations */
@-webkit-keyframes blink-halftime {
	0%, 100% { opacity: 1; background-color: #ffc107; }
	50% { opacity: 0.4; background-color: #ffdb58; }
}
@keyframes blink-halftime {
	0%, 100% { opacity: 1; background-color: #ffc107; }
	50% { opacity: 0.4; background-color: #ffdb58; }
}

@-webkit-keyframes blink-ending {
	0%, 100% { opacity: 1; background-color: #dc3545; }
	50% { opacity: 0.4; background-color: #ff6b6b; }
}
@keyframes blink-ending {
	0%, 100% { opacity: 1; background-color: #dc3545; }
	50% { opacity: 0.4; background-color: #ff6b6b; }
}

.timer-blink-halftime {
	-webkit-animation: blink-halftime 0.8s ease-in-out infinite !important;
	animation: blink-halftime 0.8s ease-in-out infinite !important;
	background-color: #ffc107 !important;
	color: #000 !important;
}

.timer-blink-ending {
	-webkit-animation: blink-ending 0.4s ease-in-out infinite !important;
	animation: blink-ending 0.4s ease-in-out infinite !important;
	background-color: #dc3545 !important;
	color: #fff !important;
}

.timer-paused {
	opacity: 0.6 !important;
}