@charset "UTF-8";
* {
	cursor:url('/images/cursor.png'),auto!important;
}

html, body {
	height:100%;
	margin:0;
	padding:0;
}

@font-face {
	font-family: "HeliosCond";
	src: url("../fonts/HeliosCondRegular/HeliosCondRegular.eot");
	src: url("../fonts/HeliosCondRegular/HeliosCondRegular.eot?#iefix")format("embedded-opentype"),
	url("../fonts/HeliosCondRegular/HeliosCondRegular.woff") format("woff"),
	url("../fonts/HeliosCondRegular/HeliosCondRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display:swap;
}

@font-face {
	font-family: "HeliosCond";
	src: url("../fonts/HeliosCondBold/HeliosCondBold.eot");
	src: url("../fonts/HeliosCondBold/HeliosCondBold.eot?#iefix")format("embedded-opentype"),
	url("../fonts/HeliosCondBold/HeliosCondBold.woff") format("woff"),
	url("../fonts/HeliosCondBold/HeliosCondBold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700;
	font-display:swap;
}

a:-webkit-any-link {
	color: #ffaa66;
	cursor: pointer;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

a:-webkit-any-link:visited {
	color: #d9a87c;
}

a:-webkit-any-link:hover {
	color: #ffcc88;
	text-decoration-thickness: 2px;
}

body {
	background-image:url('../images/bg.jpg');
	background-size:cover;
	background-position:center;
	font-family:'HeliosCond',sans-serif;
	display:flex;
	flex-direction:column;
	margin:0;
	height: 100vh;
	overflow: hidden;
}

.logo-background {
	width: 10%;
	height: 7%;
	left: 2%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	z-index: 1;
}

.logo-background::before {
	content:"";
	display:block;
	padding-top:25%;
}

.logo {
	width:98%;
	height:98%;
	object-fit:contain;
}

.navbar {
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	align-items:center;
	padding:0.5% 15%;
	min-height:2vh;
	background-image: linear-gradient(180deg, rgba(16, 40, 40, 0.9), rgba(21, 51, 59, 0.85), rgba(18, 69, 73, 0.7), rgba(38, 109, 103, 0.5));
	color: white;
	flex-shrink: 0;
}

.navbar a {
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	font-size:1.8vh;
	width:13vh;
	height:4vh;
	color:white;
	text-decoration:none;
	/*border-radius:2vh;
	border: 0.3vh solid rgb(158, 155, 104);*/
	padding:1vh;
	/*box-shadow:0 0.4vh 0.8vh rgba(0, 0, 0, 0.2);*/
	transition:transform 0.3s ease,box-shadow 0.3s ease;
	background-color: transparent;
	border: none;
}

.navbar a:hover {
	transform:scale(1.05);
	/*box-shadow:0 0.6vh 1.2vh rgba(0, 0, 0, 0.3);*/
}

.navbar a:first-child {
	background-image:url(../images/button1.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}

.navbar a:first-child:hover {
	background-image:url(../images/button1.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}

.navbar a:nth-child(2) {
	background-image:url(../images/button1.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}

.navbar a:nth-child(2):hover {
	background-image:url(../images/button1.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}

.navbar a:nth-child(3) {
	background-image:url(../images/button1.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}

.navbar a:nth-child(3):hover {
	background-image:url(../images/button1.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
}

h1{
	background-image:url(../images/mode_schedule.webp);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	font-family:'HeliosCondC',sans-serif;
	font-size:2.2vh;
	text-align:center;
	padding:1.4vh;
	margin:2vh 0;
	color:white;
}

h2{
	font-family:'HeliosCondC',sans-serif;
	font-size:2.5vh;
	text-align:center;
	margin:2vh 0;
	color:#6efffa;
}

main {
	background-image:url('../images/bodytop_bc.png'),url('../images/bodybot_bc.jpg');
	background-size:100% 50%;
	background-position:center 0%,center 95%;
	background-repeat:no-repeat,no-repeat;
	width: 80%;
	margin:0 auto;
	padding:0.5vh;
	color:white;
	flex-grow:1;
	/*display:grid;
	grid-template-columns:64% 34%;
	gap:2%;*/
}

.news-content-wrapper {
	position: relative;
	height: 0;
	min-height: 94%;
	margin: 1vh 2vh 1vh 2vh;
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #66c0f4 #1b2838;
}

.card {
	margin-top: 0%;
}

.card-body {
	background:url('../images/b-newstop_bg.jpg') top center / 98% auto no-repeat, url('../images/b-newsbot_bg.jpg') bottom center / 98% auto no-repeat, url('../images/b-newsrepeat_bg.png') center / 98% 98% no-repeat;
	padding: 1%;
}

.card-title {
	margin-block-end:1%;
}

.text-muted{
	width:92%;
	margin-left:2%;
	font-size: 75%;
}

.card-text{
	width:92%;
	margin-left:2%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.card-btn{
	margin-top:1%;
	margin-left:2%;
}

.guide-content{
	padding:2%;
}

.news-full-content{
	padding: 2%;
}

.footer {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	max-height: 4vh;
	padding:1vh 3vh;
	background-image:linear-gradient(0deg,rgba(4, 32, 42, 0.9),rgba(21, 51, 59, 0.85),rgba(18, 69, 73, 0.7),rgba(38, 109, 103, 0.5));
	color:white;
	z-index:1;
	position:relative;
	flex-shrink: 0;
}

.footer p {
	text-align:center;
	font-size:1.8vh;
}

.social-icons {
	display:flex;
	justify-content:center;
	margin-top:0.8vh;
}

.social-icon {
	color:white;
	margin:0 0.5vh;
	text-decoration:none;
	transition:opacity 0.3s ease;
}

.social-icon:hover {
	opacity:0.7;
}

.language-dropdown {
	position:absolute;
	top:2.5vh;
	right:2.5vh;
	z-index:1000;
}

.language-dropdown::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url(../images/button2.png);
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	z-index:-1;
	transition:background-image 0.3s ease;
}

.language-dropdown:hover::before {
	background-image:url(../images/button1.png);
	background-size:100%;
	background-color: transparent;
	border: none;
}

.language-dropdown select {
	padding:1vh 3.5vh 1vh 1.8vh;
	border:none;
	background-color:transparent;
	color:white;
	cursor:pointer;
	font-size:2vh;
	transition:all 0.3s ease;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
	background-repeat:no-repeat;
	background-position:right 0.2vh center;
	background-size:2vh;
	position:relative;
	z-index:1;
}

.language-dropdown select:hover {
	background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");
}

.language-dropdown select:focus {
	outline:none;
}

.language-dropdown select option {
	background-color:rgba(0, 0, 0, 0.8);
	color:white;
}

@media (max-width: 1200px) {
	.navbar {
		padding: 0.5% 5.5%;
	}
	main {
		grid-template-columns: 1fr;
		gap: 2vh;
		width: 80%;
	}
	.main-left, .main-right {
		grid-column: 1;
	}
	.footer p {
		font-size: 1.7vh;
	}
}

@media (max-width: 992px) {
	.navbar {
		padding:2.5% 3.5%;
	}
	.navbar a {
		font-size:1.5cqh;
		height:40%;
		width:20%;
		/*border-radius: 3cqh;*/
	}
	.navbar > a:first-child {
		height:7.7cqh;
	}
	.navbar > a:first-child:hover {
		height:7.7cqh;
	}
	.navbar a:nth-child(2) {
		background-size:98% 98%;
		background-repeat: no-repeat;
	}
	.navbar a:nth-child(2):hover {
		background-size: 98% 98%;
		background-repeat: no-repeat;
	}
	.navbar a:nth-child(3) {
		background-size: 98% 98%;
		background-repeat: no-repeat;
	}
	.navbar a:nth-child(3):hover {
		background-size: 98% 98%;
		background-repeat: no-repeat;
	}
	.navbar a:nth-child(4) {
		background-size: 98% 98%;
		background-repeat: no-repeat;
	}
	.navbar a:nth-child(4):hover {
		background-size: 98% 98%;
		background-repeat: no-repeat;
	}
}

@media (max-width: 768px) {
	.navbar {
		padding: 2.% 3.5%;
	}
	.navbar a {
		font-size: 1.5cqh;
		height: 40%;
		width: 15%;
		/*border-radius: 2.5cqh;*/
	}
	.footer p {
		font-size: 1.5vh;
	}
}

@media (max-width: 576px) {
	.navbar {
		padding: 3.5% 1.5%;
	}
	.navbar a {
		font-size: 2.5cqw;
		height: 40%;
		width: 25%;
		/*border-radius: 3cqw;*/
	}
	.navbar > a:first-child {
		height: 5.7cqw;
	}
	.navbar > a:first-child:hover {
		height: 5.7cqw;
	}
}

@media (max-width: 400px) {
	.navbar {
		padding: 3.5% 2.5%;
	}
	.navbar a {
		font-size: 2.5cqw;
		height: 40%;
		width: 20%;
		/*border-radius: 3cqw;*/
	}
	.navbar > a:first-child {
		height: 5.7cqw;
	}
	.navbar > a:first-child:hover {
		height: 5.7cqw;
	}
}