html {
	scroll-padding-top: 4.5rem;
}

@font-face {
	font-family: 'kragt';
	src: url('/cms/style/fonts/din-light.ttf') format('truetype');
}

@font-face {
	font-family: 'kragt-ie';
	src: url('/cms/fonts/din_light.eot');
}

@font-face {
	font-family: 'metropolis-thin';
	src: url('/cms/fonts/metropolis/Metropolis-Thin.otf');
}

@font-face {
	font-family: 'metropolis-regular';
	src: url('/cms/fonts/metropolis/Metropolis-Regular.otf');
}

@font-face {
	font-family: 'metropolis-bold';
	src: url('/cms/fonts/metropolis/Metropolis-Bold.otf');
}

@font-face {
	font-family: 'metropolis-light';
	src: url('/cms/fonts/metropolis/Metropolis-Light.otf');
}

.text-gradient {
	background-image: linear-gradient(45deg, #14b9d7, #ac01e1);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

.box-gradient {
	border: 2px solid;
	border-image: linear-gradient(to right, #14b9d7, #ac01e1) 1;
}

.c_section-about { 
	color: #ffffff;
	-webkit-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.2); 
	box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.2);
}

.c_section-content {
	background: #212529; color: #ffffff;
	-webkit-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.2); 
	box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.2);
}

.navtitle {
	color: #ffffff;
}

.dropdown-menu {
	background: #1D2130;
	border-top: 1px solid #14b9d7;
	border-bottom: 1px solid #14b9d7;
	border-radius: 0px;
	box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.75);
	color: #828282;
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1rem;
	clear: both;
	font-weight: 400;
	color: #828282;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	border: 0;
}

.dropdown-item:hover {
	color: #ffffff;
	background: #14b9d7;
}

.dropdown-item.active {
	color: #ffffff;
	background: none;
}

.dropdown-item.active:hover {
	color: #ffffff;
	background: #14b9d7;
}


@media (min-width: 576px) {
	.c_text-right-center {
		text-align: right;
	}
	
	.c_text-left-center {
		text-align: left;
	}
	
	.c_navbar {
		background: transparent;
		/*background-image: url(/cms/images/pixel_dark_100.png);*/
		border-top: 2px solid;
		border-image: linear-gradient(to right, #14b9d7, #ac01e1) 1;
		/*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);*/
		box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.75);
		backdrop-filter: blur(5px);
	}
	
	.c_dark-nav {
		transition: background-color 0.7s ease;
		background-color: #000000 !important;
	}

	.c_transparent-nav {
		transition: background-color 0.7s ease;
		background-color: transparent !important;
	}

	.dropdown-item-text-alignment {
		text-align: right;
	}

	.dropdown-menu[data-bs-popper] {
		margin-top: 11px;
		width: 300px;
		right: 8px;
	}
}

@media (max-width: 991px) {
	
	.c_navbar {
		background-color: #000000;
		border-top: 2px solid;
		border-image: linear-gradient(to right, #14b9d7, #ac01e1) 1;
		/*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);*/
		box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.75);
	}
	
	.c_dark-nav {
		background-color: #000000;
	}

	.c_transparent-nav {
		background-color: #000000;
	}

	.dropdown-item-text-alignment {
		text-align: left;
	}

	.dropdown-menu[data-bs-popper] {
		margin-top: .125rem;
		width: 100%;
	}
}

@media (max-width: 575px) {
	.c_text-right-center {
		text-align: center;
	}
	
	.c_text-left-center {
		text-align: center;
	}

	.dropdown-item-text-alignment {
		text-align: left;
	}

	.dropdown-menu[data-bs-popper] {
		margin-top: .125rem;
		width: 100%;
	}
}

::selection { background: #14b9d7; color: #1b1b1b; } ::-moz-selection { background: #14b9d7; color: #1b1b1b; }

.c_header {
	/*background: url(/cms/images/serverrack_color_original.jpg) no-repeat fixed;*/
	background: url(/cms/images/serverrack_color_original.webp) no-repeat fixed;
	background-position: center center;
	background-size: cover;
	text-shadow: 0 0 5px #000;
	margin-top: -60px;
	height: 100vh;
}

.footer {
	width: 100%;
	height: auto;
	background: #000000;
	position: absolute;
}

.az { color: #14b9d7; }
.hl { color: #fe6700; }

.c_container-header {
	background: url(/cms/images/serverrack_color_original.webp) no-repeat fixed;
	background-position: center center;
	background-size: cover;
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2); 
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
}

.tooltip {
	font-family: Arial;
	font-size: 12px;
}

.tooltip-inner {
	white-space: pre-wrap;
	max-width: 300px;
}

.text-justify {
	text-align: justify;
}

.navbar-toggler:focus {
	box-shadow: none;
}

#c_text-toggle:not(.collapsed) span.t_menu  {display:none}
#c_text-toggle:not(.collapsed) span.t_close {display:block}
#c_text-toggle.collapsed span.t_menu  {display:block}
#c_text-toggle.collapsed span.t_close {display:none}

.anchor-child {
	visibility: hidden;
	opacity: 0;
	transition: opacity 200ms;
	user-select: none;
	color: #fe6700;
	text-decoration: none;
}

.anchor-child:hover {
	user-select: none;
	color: #fe6700;
	text-decoration: underline;
}

.anchor-parent:hover
.anchor-child {
	visibility: visible;
	opacity: 1;
}

.visible {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.invisible {
	opacity: 1;
	animation-name: fadeOutOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-out;
	animation-duration: 1s;
}

@keyframes fadeOutOpacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}