/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap');

html {
	scroll-behavior: smooth;
}

body {
	background-color: #e7e7e7 !important;
	background: url('bg.jpg') no-repeat center center fixed;
	background-size: cover;
	font-family: "BeaufortforLOL", sans-serif !important;
	font-size: 14px;
	color: #e4e4e4 !important;
}



video {
	position: center;
	max-width: 1000px;
	max-height: 920px;
	object-fit: cover;
}

img,
video {
	max-width: 100%;
	height: auto;
}

/* 🚀 Mobil Menü (temiz ve sorunsuz versiyon) */
.mobil_menu {
	display: none;
	position: fixed;
	top: 0px;
	/* menüyü üst kısma sabitler */
	left: 0px;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	padding: 10px 0;
}

.mobil_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.mobil_menu ul li {
	flex: 1;
	text-align: center;
}

.mobil_menu ul li a {
	display: block;
	padding: 10px;
	font-size: 16px;
	color: #fdffa4;
	text-decoration: none;
	text-shadow: 1px 1px 1px #141414;
	transition: 0.3s ease-in-out;
}

.mobil_menu ul li a:hover {
	filter: brightness(1.3);
}

/* Mobil ekranda aktif etmek için media query */
@media (max-width: 767px) {
	.mobil_menu {
		display: block;
	}
}

/* Responsive Görseller ve Videolar için */
img,
video {
	max-width: 100%;
	height: auto;
}

/* NAVIGATION */
.navbar {
	width: 100% !important;
	display: block !important;
	margin-right: auto !important;
	margin-left: auto !important;
	text-align: center;
	z-index: 1;
	position: fixed !important;
}

.navbar-fixed {
	/* position:fixed !important; */
	/* z-index:1; */
}

.navbar-nav {
	text-align: center !important;
	float: none !important;
}

.navbar-nav>li {
	list-style: none !important;
	border-bottom: 1px solid #69422d;
}

.navbar-nav>li>a {
	line-height: 20px !important;
}

@media (max-width: 767px) {

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border-color: #cfb26b !important;
		background: #25120d;
	}

	.navbar-header {
		background: #4c261c;
	}

	.navbar-default .navbar-toggle {
		border-color: #ffd370 !important;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #c4904d !important;
	}

	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: #351911 !important;
	}

	.baslik {
		background: linear-gradient(to top, #6c3c00, #ffb257);
		padding: 10px;
		max-width: 100%;
		width: 100%;
		font-size: 24px;
		font-weight: bold;
		color: #1e1107;
		border: 2px solid #ffc176;
		text-shadow: 1px 1px 1px #ffb257;
		margin-bottom: 10px;
		margin-top: 10px;
		border-radius: 30px;
		text-transform: uppercase;
	}
}

.navbar-default {
	background: #170e0e !important;
	border: none !important;
	text-align: center;
}

.navbar-default .navbar-nav>li>a {
	color: #ffffff !important;
	font-size: 16px;
	background: -webkit-linear-gradient(90deg, rgb(195 145 53) 20%, rgb(255 255 107) 100%);
	font-weight: bold;
	-webkit-background-clip: text;
	-webkit-text-fill-color: #ff000000;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #595959 !important;
}

.logo {
	margin: 0 auto;
}

.icerik {
	background: #0b0708;
}

img {
	max-width: 125%;
}


#discord4 {
	left: 6%;
	width: 308px;
	position: fixed;
	bottom: 2%;
	z-index: 99;
	transition: 500ms;
}

#discord4:hover {
	opacity: .65;
}

#facebook {
	right: 5%;
	width: 308px;
	position: fixed;
	bottom: 5%;
	z-index: 99;
	transition: 500ms;
}

#facebook:hover {
	opacity: .65;
}


.sol_menu {
	width: 350px;
	z-index: 9;
	position: fixed;
	left: 1%;
	margin-top: 0%;
}

.sol_menu ul {
	width: 100%;
	list-style: none;
	margin: 0px !important;
	padding: 10px 20px !important;
}

.sol_menu ul li a {
	margin: 10px;
	transition: 500ms;
	display: block;
	text-align: center;
}


.sol_menu ul li a:hover {
	filter: brightness(1.2);
	transition: 500ms;
	text-decoration: none;
}

.sol_menu .discord {
	background: url(../Barbaros2/discord.html) no-repeat;
}




@media (max-width: 1800px) {
	.sol_menu {
		width: 280px;
		left: 0%;
	}

	.sol_menu ul {
		padding: 5px 10px !important;
	}

	.sol_menu ul li a img {
		max-width: 100%;
		height: auto;
	}
}

@media (max-width: 1650px) {
	.sol_menu {
		width: 240px;
	}
}

@media (max-width: 1500px) {
	.m-d-n {
		display: none;
		overflow: hidden;
	}
}

@media (min-width: 1501px) {
	.f-d-n {
		display: none;
		overflow: hidden;
	}
}


.nav-pills>li {
	display: block;
	margin-right: auto !important;
	margin-left: auto !important;
}

.nav-pills>li.active>a,
.nav-pills>li>a:hover,
.nav-pills>li>a:focus,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
	background: linear-gradient(to top, rgb(66 4 4), rgb(175 16 16));
	color: #ffd472 !important;
	border: 1px solid #ffd472;
	background-color: transparent !important;
}

.nav-pills {
	display: block !important;
	margin-right: auto !important;
	margin-left: auto !important;
}