/*
* Created by CeLa
* Copyright 2023 by CeLa 
* Bootstrap overrides
*/

/*
* Grid sytem
*/
@media (min-width: 1200px) {
	.container {
		max-width: 1320px;
	}
}

/* Navbar styles */
.navbar.custom-navbar {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	background-color: #fff !important;
}
.navbar.custom-navbar .navbar-brand {
	position: relative;
	font-size: 1.125rem;
	border-right: 1px solid #eee;
	padding-right: 2rem;
	z-index: 99;
}
.navbar.custom-navbar .navbar-brand > img {
	max-height: 75px;
	width: auto;
	opacity: .5;
	transition: opacity .25s ease-in-out;
}
.navbar.custom-navbar .navbar-brand:after {
	content: 'Helden gesucht';
	position: absolute;
	top: 50%;
	left: 120px;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 0.875rem;
	color: var(--thd-color);
	transform: translate(-20px, -50%);
	transition: all .15s ease-in-out;
	opacity: 0;
	z-index: 101;
}
.navbar.custom-navbar .navbar-brand:hover:after {
	transform: translate(0, -50%);
	opacity: 1;
}
.navbar.custom-navbar .navbar-brand:hover > img {
	opacity: 1;
}
.navbar.custom-navbar .navbar-collapse .navbar-nav > li > a { 
	font-size: 1.125rem;
}
.navbar.custom-navbar .navbar-collapse .navbar-nav > li > a:hover { 
	color: var(--thd-color);
}
.navbar.custom-navbar .dropdown-menu:after, 
.navbar.custom-navbar .dropdown-menu:before {
	bottom: 100%;
	left: 2rem; /* 50% */
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.navbar.custom-navbar .dropdown-menu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 6px;
	margin-left: -6px;
}
.navbar.custom-navbar .dropdown-menu:before {
	border-color: rgba(210, 210, 210, 0);
	border-bottom-color: #d2d2d2;
	border-width: 7px;
	margin-left: -7px;
}
/* Breadcrumb */
.breadcrumb-outer {
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: var(--light-blue);
}
.breadcrumb-outer > .breadcrumb {
	max-width: 1320px;
	margin: 0 auto;
	padding-right: 1rem;
	padding-left: 1rem;
}
.breadcrumb-outer > .breadcrumb a {
	text-decoration: none;
}
/* Button styles */
.btn.btn-custom {
	border: 0;
	background: linear-gradient(45deg, #ed2775 5%, #ff7448 95%);
	color: #fff;
	font-weight: 600;
}
.btn.btn-custom:active {
	color: rgba(255,255,255,0.5);
}
.btn.btn-round {
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}