@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');

/* G E N E R I C H E */

@font-face {
  font-family: Eroded;
  src: url(VanthianRagnarok.ttf);
}

* {
	margin: 0;
	padding: 0;
    border:0;
    outline:0;
    background-color: transparent;
	text-decoration: none;
}

body {
	background-image:url(imgs/Skupinska_2026_carel_BW.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position:center top /*200px*/;
	background-color:#000;
	color: #998675;
    font-family: 'Hammersmith One', sans-serif;
	font-size: 15px;
	line-height: 24px;
	overflow-x:hidden;
}

h1 {
	color: #ff0000;
	font-size: 50px;
	line-height:48px;
	letter-spacing: -2px;
}

h2 {
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 15px;

}

hr {
	border: none;
	background-color: #ff0000;
	height: 2px;
	width: 100%;
	margin: 80px 0px 20px 0px;
}

nav a {color: #ffffff; cursor: pointer; text-decoration:none;}
a {color: inherit; cursor: pointer; text-decoration:underline;}
a:hover {color: #ffffff;}

.coltxt a:link {color: #ffffff; text-decoration: none;}
.coltxt a:visited {color: #ffffff; text-decoration: none;}
.coltxt a:hover {color: #ff0000; text-decoration: none;}
.coltxt a:active {color: #ff0000; text-decoration: none;}
	
a.flat:link {color: #fff; text-decoration: none;}
a.flat:visited {color: #fff; text-decoration: none;}
a.flat:hover {color: #fff; text-decoration: none;}
a.flat:active {color: #fff; text-decoration: none;}

nav ul li {
		font-size: 18px;
		list-style: none;
		margin-right: 15px;
		background-color:#000;
		margin-bottom: 8px;
		display: inline-block;
}

nav ul ul li {display: block; text-transform: none; font-size:12px; float: left; clear: both; padding-right:11px}

nav ul li:after {content: "/"; color: #ff0000; margin-left:25px; padding-right:10px;}

nav ul ul li:after {content: normal;}

nav a:hover {color:rgb(255,0,0); text-decoration:line-through;}


/* D I V S */

#logo {
	position: fixed;
	width: 100%;
	background-color:#000;
	/*border-bottom: solid 8px red;*/
	/*padding: 25px;*/
	box-shadow: 0px 0px 100px #101010;
}

#menu {
	position: fixed;
	margin-top: 145px;
	float: left;
	text-transform: uppercase;
	padding: 25px;
}

.onit {
	color: #ff0000;
	text-decoration: line-through;
}

.titles {
	display: block;
	float: left;
	position: relative;
	margin-left: 200px;
	padding: 24px;
	min-width: 282px;
	max-width:370px;
}

.titles h1 {
	font-family:'Eroded','Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', 'monospace';}

.coltxt {
	position: relative;
	float:left;
	margin-left: 200px;
	max-width: 400px;
	padding: 25px;
}

.coltxt span {padding-top: 7px;}

.muzak {
	width: 100%; 
	color: #000;
    background-color: #ff0000;
	padding: 15px;
	margin-bottom: 15px;
	max-width: 370px;
	box-sizing: border-box;}

.muzak img {max-width: 370px; width: 100%}

audio {width: 100%}


/* M O B I L E */

@media screen and (max-width: 620px) {
	body {background-image: none !important;}
	h1 {margin-top:10px; margin-left: -5px;}
	#logo {position: relative; margin-top: 0px; box-shadow: none;}
	#menu {position: relative; margin-top: 0px;}
	nav ul li {}
	.titles {margin-left: 0px; clear: all; border-top: red solid;}
	.coltxt {margin-left: 0px;}
	.premuzak {width: 100%;}
}


/* D R O P D O W N */

.dropdown-content{display: none;}
.show{display: block;}