/* /////////////////////////////
Body Background
///////////////////////////// */
:root{
	--bs-btn-close-color:rgb(255,165,0);
}
body.valheim{
	background-image:url("../images/valheim/valheim.jpg");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

@media only screen and (max-width: 700px) { 
	body.valheim{
		background-size:cover;
	}
}

/* /////////////////////////////
Preloader Images
///////////////////////////// */

.valheim .preloader-background{
	background-color:rgba(0,0,0,0.95);
}

.valheim .preloader-image{
}
.valheim .preloader-image:before{	
	background-image:url('../images/valheim/valheim_icon.png');
	background-position:center center;
	background-size:100% auto;
	background-repeat:no-repeat;
}
.valheim .preloader-image:after{
	background-image:none;
	background-position:center center;
	background-size:auto auto;
	background-repeat:no-repeat;
}

/* /////////////////////////////
offcanvas
///////////////////////////// */

.valheim .offcanvas-header .btn-close{
	margin-right:0.5em;
}

/* /////////////////////////////
btn-block with Link
///////////////////////////// */

.valheim .btn-block a{
	display:inline-block;
	width:100%;
	height:100%;
}

/* /////////////////////////////
Content Border
///////////////////////////// */

.valheim .dropdown-menu,
.valheim .modal .close span,
.valheim .breadcrumbs,
.valheim .themed-content,
.valheim .card,
.valheim .modal-content{
	border-radius:.1em;
	border:1px solid rgba(155,85,0,0.75);
	box-shadow:
		inset 0px 0px 10px rgba(0,0,0,0.5);
	/*
	box-shadow:
		inset 0px 0px 30px rgba(0,0,0,0.75),
		inset 0px 0px 30px rgba(0,0,0,0.75);
	*/
	/*
	border: 4px solid transparent;
	padding: 0px;
	
	border-image-source: url("../images/valheim/grunge.border.png");
	border-image-slice: 4;
	border-image-repeat:stretch;
	*/
}
.valheim .border{
	border-color: rgba(255,165,0, 0.75);
}

/* /////////////////////////////
Modal Close
///////////////////////////// */

.valheim .modal .close{
	height:30px;
	width:30px;
	padding:0;
	position:relative;
}
.valheim .modal .close span{
	
	position:absolute;
	top:0;
	left:5px;
	
}

/* /////////////////////////////
Navbar
///////////////////////////// */

.valheim .navbar{
	position:inherit;	
}
.valheim .navbar.fixed-top{
	position:fixed;
}

/* /////////////////////////////
Content Background
///////////////////////////// */

.valheim .modal-content,
.valheim .themed-content,
.valheim .card,
.valheim .dropdown-menu,
.valheim .breadcrumbs{
	background-color:transparent;
	background-image:url("../images/valheim/themedbackground.jpg");
	background-repeat:repeat;
	background-size:100%;
	background-position:top left;
	background-color:rgba(183,118,0,0.75);
	
}
/*
.valheim .modal-content,
.valheim .themed-content:not(.navbar){
	border:none;
	box-shadow:none;
	
}

.valheim .modal-content:before,
.valheim .themed-content:not(.navbar):before{	
	position:absolute;
	content:" ";
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:-1;
	
	background-image:url("../images/valheim/themedbackground.jpg");
	background-repeat:repeat;
	background-size:auto;
	background-position:center center;
	background-color:rgba(183,118,0,0.75)
	
	mask-image: url('../images/valheim/themedcontentmask.png');
    mask-size: 100%,100%;
    mask-repeat: no-repeat;
    mask-position: center;

    -webkit-mask-image: url('../images/valheim/themedcontentmask.png');
    -webkit-mask-size: 100%,100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
	
	background-image:
		url("../images/valheim/themedcorner-top-left.png"),
		url("../images/valheim/themedcorner-top-right.png"),
		url("../images/valheim/themedcorner-bottom-right.png"),
		url("../images/valheim/themedcorner-bottom-left.png");
	background-repeat:
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	background-size:
		96px 96px,
		96px 96px,
		96px 96px,
		96px 96px;
	background-position:
		-5px -5px,
		calc(100% + 5px) -5px,
		calc(100% + 5px) calc(100% + 5px),
		-5px calc(100% + 5px);	
	
}
*/
/* /////////////////////////////
Default Text
///////////////////////////// */

.valheim .btn-close{
	--bs-btn-close-color:rgb(255,165,0);
}
.valheim .nav-link,
.valheim .dropdown-toggle,
.valheim .dropdown-toggle.btn,
.valheim .themed-header,
.valheim .dropdown-item,
.valheim .form-control,
.valheim label,
.valheim .themed-content,
.valheim .card,
.valheim .modal,
.valheim .btn-close,
.valheim .modal .close,
.valheim .modal .modal-header{	
	color:rgb(255,165,0);
	text-shadow:
		1px 0px 0px rgba(0,0,0,0.5),
		0px 1px 0px rgba(0,0,0,0.5),
		-1px 0px 0px rgba(0,0,0,0.5),
		0px -1px 0px rgba(0,0,0,0.5);
}
.valheim .modal{
	color:inherit;
}

/* /////////////////////////////
Remove Text Shadow
///////////////////////////// */

.valheim .form-control,
.valheim .input-group *,
.valheim .form-group *,
.valheim .bg-light,
.valheim .text-dvalheim{
	text-shadow:none;
}
/* /////////////////////////////
Link with valid url
///////////////////////////// */

.valheim .breadcrumbs a[href^="/"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link),
.valheim .breadcrumbs a[href^="#"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link),
.valheim .themed-content a[href^="/"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link),
.valheim .themed-content a[href^="#"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link){	
	color:rgb(255,255,0);
}
.valheim .breadcrumbs a[href^="/"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link):active,
.valheim .breadcrumbs a[href^="/"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link):hover,
.valheim .breadcrumbs a[href^="#"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link):active,
.valheim .breadcrumbs a[href^="#"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link):hover,
.valheim .themed-content a[href^="/"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link):active,
.valheim .themed-content a[href^="/"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link):hover,
.valheim .themed-content a[href^="#"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link):active,
.valheim .themed-content a[href^="#"]:not(.dropdown-item):not(.dropdown-toggle):not(.nav-link):hover{
	color:rgb(163,105,0);
	text-shadow:
		0px 1px 0px rgba(0,0,0,0.5),
		0px -1px 0px rgba(0,0,0,0.5);
}

/* /////////////////////////////
<hr>
///////////////////////////// */

.valheim hr{
	border-top:1px solid rgba(255,255,255,.2);
}

/* /////////////////////////////
Header
///////////////////////////// */

.valheim .themed-header{
	background-image:url("../images/valheim/header.png");
	background-repeat:no-repeat;
	background-size:80% 55%;
	background-position:bottom center;
	text-align:center;
	width:100%;
	text-transform: uppercase;
}

/* /////////////////////////////
Background
///////////////////////////// */

.valheim .bg-themed{	
	background-color:rgba(0,0,0,0.5);
	background:rgba(0,0,0,0.5);
	border: 4px solid transparent;
	padding: 0px;
	
	border-image-source: url("../images/valheim/pngwing.com.png");
	border-image-slice: 8;
	border-image-repeat:stretch;
}

/* /////////////////////////////
Borders
///////////////////////////// */

.valheim .border-themed,
.valheim .themed-border,
.valheim input{
	border-color: rgba(255,165,0, 0.75);
		
	border: 4px solid transparent;
	
	border-image-source: url("../images/valheim/pngwing.com.png");
	border-image-slice: 8;
	border-image-repeat:stretch;	
}

/* /////////////////////////////
Form Control
///////////////////////////// */

.valheim .form-control:not(input):not(label):not(textarea){
	color:rgb(255,165,0);
	
	background-color:rgba(0,0,0,0.5);
	background:rgba(0,0,0,0.5);
	
		
	border: 4px solid transparent;
	
	border-image-source: url("../images/valheim/pngwing.com.png");
	border-image-slice: 8;
	border-image-repeat:stretch;
	border-radius:.1em;	
}
.valheim .form-control{	
	color:white;
	border-radius:.1em;
}
.valheim .form-control:focus{
	border-radius:.1em;		
}

/* /////////////////////////////
Input Labels
///////////////////////////// */

.valheim label{
	background-color:transparent;
	background:transparent;
	
	border-color:transparent;
}

/* /////////////////////////////
Inputs
///////////////////////////// */

.valheim textarea,
.valheim textarea:focus,
.valheim label.themed,
.valheim input[type="text"],
.valheim input[type="password"],
.valheim input[type="datetime"],
.valheim input[type="datetime-local"],
.valheim input[type="date"],
.valheim input[type="month"],
.valheim input[type="time"],
.valheim input[type="week"],
.valheim input[type="number"],
.valheim input[type="email"],
.valheim input[type="url"],
.valheim input[type="search"],
.valheim input[type="tel"],
.valheim input[type="color"],
.valheim .uneditable-input{
	color:white;
	
	background-color:rgba(0, 0, 5,0.5);
	background:rgba(0, 0, 5,0.5);
	
		
	border-color: rgba(255,165,0, 0.75);
	/*padding: 0px;*/
	/*
	border-image-source: url("../images/valheim/themebodyborder.png");
	border-image-slice: 8;
	border-image-repeat:stretch;
	*/
	border-radius:.1em;	
	border: 4px solid transparent;
	
	border-image-source: url("../images/valheim/pngwing.com.png");
	border-image-slice: 8;
	border-image-repeat:stretch;
}

/* /////////////////////////////
Text
///////////////////////////// */

.valheim .modal .text-primary,
.valheim .themed-content .text-primary{
	color:rgba(204,132,0, 1);
}
.valheim .modal .text-secondary,
.valheim .themed-content .text-secondary{
	color:rgba(41,134,204, 1);
}
.valheim .modal .text-success,
.valheim .themed-content .text-success{
	color:rgba(55, 190, 55, 1);
}
.valheim .modal .text-warning,
.valheim .themed-content .text-warning{
	color:rgba(204, 204, 55, 1);
}
.valheim .modal .text-danger,
.valheim .themed-content .text-danger{
	color:rgba(190, 55, 55, 1);
}

/* /////////////////////////////
Btn Outline
///////////////////////////// */

.valheim .modal .btn-outline-primary,
.valheim .themed-content .btn-outline-primary{
	color:rgba(204,132,0, 1);
	border-color:rgba(204,132,0, 1);
}
.valheim .modal .btn-outline-secondary,
.valheim .themed-content .btn-outline-secondary{
	color:rgba(41,134,204, 1);
	border-color:rgba(41,134,204, 1);
}
.valheim .modal .btn-outline-success,
.valheim .themed-content .btn-outline-success{
	color:rgba(55, 190, 55, 1);
	border-color:rgba(55, 190, 55, 1);
}
.valheim .modal .btn-outline-warning,
.valheim .themed-content .btn-outline-warning{
	color:rgba(204, 204, 55, 1);
	border-color:rgba(204, 204, 55, 1);
}
.valheim .modal .btn-outline-danger,
.valheim .themed-content .btn-outline-danger{
	color:rgba(190, 55, 55, 1);
	border-color:rgba(190, 55, 55, 1);
}

/* /////////////////////////////
Btn Custom
///////////////////////////// */

.valheim .modal .btn-themed,
.valheim .themed-content .btn-themed{
	color:rgba(230,125,6, 1);
	background-color:transparent;
	
	background-repeat:no-repeat;
	background-size:125% 105%;
	background-position:center center;
	background-image:linear-gradient(to bottom, rgba(33,33,33, 1), rgba(0,0,0, 0));
	border-color:rgba(33,33,33, 0.75);
}
.valheim .modal .btn-themed:focus,
.valheim .themed-content .btn-themed:focus,
.valheim .modal .btn-themed:hover,
.valheim .themed-content .btn-themed:hover{
	color:rgba(200,200,200, 1);
	background-image:linear-gradient(to top, rgba(33,33,33, 1), rgba(0,0,0, 0));
}
.valheim .themed-content .btn-themed:focus,
.valheim .modal .btn-themed:focus{
	box-shadow:
		3px 3px 0px rgb(33,33,33),
		-3px 3px 0px rgb(33,33,33),
		3px -3px 0px rgb(33,33,33),
		-3px -3px 0px rgb(33,33,33);
}
.valheim .modal .btn-themed a[href^="/"],
.valheim .themed-content .btn-themed a[href^="/"],
.valheim .modal .btn-themed a[href^="#"],
.valheim .themed-content .btn-themed a[href^="#"]{	
	color:rgba(230,125,6, 1);
	text-decoration:none;
}
.valheim .modal .btn-themed a[href^="/"]:hover,
.valheim .themed-content .btn-themed a[href^="/"]:hover,
.valheim .modal .btn-themed a[href^="#"]:hover,
.valheim .themed-content .btn-themed a[href^="#"]:hover{
	color:rgba(200,200,200, 1);
	text-decoration:none;
}

/* /////////////////////////////
Btn
///////////////////////////// */

.valheim a.active:not(.dropdown-toggle),
.valheim .modal .btn-primary,
.valheim .themed-content .bg-primary,
.valheim .themed-content .btn-primary{
	color:white;
	background-color:transparent;
	
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:center center;
	background-image:linear-gradient(to bottom, rgba(204,132,0, 0.5), rgba(25, 25, 25, 0));
	border-color:transparent;
	border-color:rgba(204,132,0, 1);
}
.valheim a.dropdown-item:hover,
.valheim .modal-dialog .btn-primary:hover,
.valheim .modal-dialog .btn-primary:focus,
.valheim .modal-dialog .btn-outline-primary:hover,
.valheim .modal-dialog .btn-outline-primary:focus,
.valheim .themed-content .btn-primary:hover,
.valheim .themed-content .btn-primary:focus,
.valheim .themed-content .btn-outline-primary:hover,
.valheim .themed-content .btn-outline-primary:focus{
	color:lightgray;
	background-color:transparent;
	background-image:linear-gradient(to top, rgba(204,132,0, 0.5), rgba(25, 25, 25, 0));
	border-color:transparent;
	border-color:rgba(204,132,0, 1);
}
.valheim .modal-dialog .btn-primary:focus,
.valheim .modal-dialog .btn-outline-primary:focus,
.valheim .themed-content .btn-primary:focus,
.valheim .themed-content .btn-outline-primary:focus{
	box-shadow: 
		3px 3px 0px rgb(163,105,0),
		-3px 3px 0px rgb(163,105,0),
		3px -3px 0px rgb(163,105,0),
		-3px -3px 0px rgb(163,105,0);
}
.valheim .modal-dialog .btn-secondary,
.valheim .themed-content .bg-secondary,
.valheim .themed-content .btn-secondary{
	color:white;
	background-color:transparent;
	background-image:linear-gradient(to bottom, rgba(41,134,204, 1), rgba(25, 25, 25, 0));
	background-size:100%;
	
	border-color:rgba(41,134,204, 1);
}
.valheim .modal-dialog .btn-secondary:hover,
.valheim .modal-dialog .btn-secondary:focus,
.valheim .modal-dialog .btn-outline-secondary:hover,
.valheim .modal-dialog .btn-outline-secondary:focus,
.valheim .themed-content .btn-secondary:hover,
.valheim .themed-content .btn-secondary:focus,
.valheim .themed-content .btn-outline-secondary:hover,
.valheim .themed-content .btn-outline-secondary:focus{
	color:lightgray;
	background-color:transparent;
	background-image:linear-gradient(to top, rgba(41,134,204, 1), rgba(25, 25, 25, 0));
	border-color:rgba(41,134,204, 0);
}
.valheim .modal-dialog .btn-secondary:focus,
.valheim .modal-dialog .btn-outline-secondary:focus,
.valheim .themed-content .btn-secondary:focus,
.valheim .themed-content .btn-outline-secondary:focus{
	box-shadow: 
		3px 3px 0px rgb(41,134,204),
		-3px 3px 0px rgb(41,134,204),
		3px -3px 0px rgb(41,134,204),
		-3px -3px 0px rgb(41,134,204);
}
.valheim .modal-dialog .btn-danger,
.valheim .themed-content .bg-danger,
.valheim .themed-content .btn-danger{
	color:white;
	background-color:transparent;
	background-image:linear-gradient(to bottom, rgba(190, 55, 55, 1), rgba(25, 25, 25, 0));
	background-size:100%;
	
	border-color:rgba(45, 25, 25, 0);
}
.valheim .modal-dialog .btn-danger:hover,
.valheim .modal-dialog .btn-danger:focus,
.valheim .modal-dialog .btn-outline-danger:hover,
.valheim .modal-dialog .btn-outline-danger:focus,
.valheim .themed-content .btn-danger:hover,
.valheim .themed-content .btn-danger:focus,
.valheim .themed-content .btn-outline-danger:hover,
.valheim .themed-content .btn-outline-danger:focus{
	color:lightgray;
	background-color:transparent;
	background-image:linear-gradient(to top, rgba(190, 55, 55, 1), rgba(25, 25, 25, 0));
	border-color:rgba(45, 25, 25, 0);
}
.valheim .modal-dialog .btn-warning,
.valheim .themed-content .bg-warning,
.valheim .themed-content .btn-warning{
	color:white;
	background-color:transparent;
	background-image:linear-gradient(to bottom, rgba(204, 204, 55, 1), rgba(25, 25, 25, 0));
	background-size:100%;
	
	border-color:rgba(204, 204, 25, 0);
}
.valheim .modal-dialog .btn-warning:hover,
.valheim .modal-dialog .btn-warning:focus,
.valheim .modal-dialog .btn-outline-warning:hover,
.valheim .modal-dialog .btn-outline-warning:focus,
.valheim .themed-content .btn-warning:hover,
.valheim .themed-content .btn-warning:focus,
.valheim .themed-content .btn-outline-warning:hover,
.valheim .themed-content .btn-outline-warning:focus{
	color:lightgray;
	background-color:transparent;
	background-image:linear-gradient(to top, rgba(204, 204, 55, 1), rgba(25, 25, 25, 0));
	border-color:rgba(204, 204, 25, 0);
}
.valheim .modal-dialog .btn-success,
.valheim .themed-content .bg-success,
.valheim .themed-content .btn-success{
	color:white;
	background-color:transparent;
	background-image:linear-gradient(to bottom, rgba(55, 190, 55, 1), rgba(25, 25, 25, 0));
	background-size:100%;
	
	border-color:rgba(55, 204, 25, 0);
}
.valheim .modal-dialog .btn-success:hover,
.valheim .modal-dialog .btn-success:focus,
.valheim .modal-dialog .btn-outline-success:hover,
.valheim .modal-dialog .btn-outline-success:focus,
.valheim .themed-content .btn-success:hover,
.valheim .themed-content .btn-success:focus,
.valheim .themed-content .btn-outline-success:hover,
.valheim .themed-content .btn-outline-success:focus{
	color:lightgray;
	background-color:transparent;
	background-image:linear-gradient(to top, rgba(55, 190, 55, 1), rgba(25, 25, 25, 0));
	border-color:rgba(55, 204, 25, 0);
}

/* /////////////////////////////
Checkboxes and Radios
///////////////////////////// */

.valheim .modal input[type=checkbox],
.valheim .modal input[type=radio],
.valheim .themed-content input[type=checkbox],
.valheim .themed-content input[type=radio]{
	display:none;
}
.valheim .modal input[type=checkbox] + label,
.valheim .modal input[type=radio] + label,
.valheim .themed-content input[type=checkbox] + label,
.valheim .themed-content input[type=radio] + label{
	position:relative;
	text-indent: 20px;	
}
.valheim .modal input[type=checkbox] + label:not(.no-box):before,
.valheim .themed-content input[type=checkbox] + label:not(.no-box):before{
	position:absolute;
	top:calc(50% - 8px);
	left:2px;
	height:16px;
	width:16px;
	content:" ";
	background-color:rgba(0,0,0,0.5);
	
	border: 1px solid rgba(204,132,0, 0.75);
	padding: 0px;
}
.valheim .modal input[type=checkbox]:not(:checked) + label:hover:after,
.valheim .themed-content input[type=checkbox]:not(:checked) + label:hover:after{
	position:absolute;
	top:calc(50% - 12px);
	left:-16px;
	height:16px;
	width:16px;
	content:"\2713";
	color:rgba(204,132,0, 1);
	
	background-image:url("../images/valheim/check.png");
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0.5;
	
}
.valheim .modal input[type=checkbox]:checked + label:after,
.valheim .themed-content input[type=checkbox]:checked + label:after{
	position:absolute;
	top:calc(50% - 12px);
	left:-16px;
	height:16px;
	width:16px;
	content:"\2713";
	color:rgba(204,132,0, 1);
	background-image:url("../images/valheim/check.png");
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
.valheim .modal input[type=radio] + label:not(.no-box):before,
.valheim .themed-content input[type=radio] + label:not(.no-box):before{
	position:absolute;
	top:calc(50% - 8px);
	left:2px;
	height:16px;
	width:16px;
	content:" ";
	background-color:rgba(0,0,0,0.5);
	
	border: 1px solid rgba(204,132,0, 0.75);
	padding: 0px;
}
.valheim .modal input[type=radio]:not(:checked) + label:hover:after,
.valheim .themed-content input[type=radio]:not(:checked) + label:hover:after{
	position:absolute;
	top:calc(50% - 4px);
	left:6px;
	height:8px;
	width:8px;
	content:" ";
	
	background-color:rgba(204,132,0,0.5);
	
	box-shadow: inset 0 0 2px rgba(0,0,0,0.25);
	
}
.valheim .modal input[type=radio]:checked + label:after,
.valheim .themed-content input[type=radio]:checked + label:after{
	position:absolute;
	top:calc(50% - 4px);
	left:6px;
	height:8px;
	width:8px;
	content:" ";
	
	background-color:rgba(204,132,0,0.95);
	
	box-shadow: inset 0 0 2px rgba(0,0,0,1);
	
}
.valheim .themed-content input[type="checkbox"].float-end + label:not(.no-box),
.valheim .themed-content input[type="radio"].float-end + label:not(.no-box){
	text-indent:0;
}
.valheim .themed-content input[type="checkbox"].float-end + label:not(.no-box):before,
.valheim .themed-content input[type="radio"].float-end + label:not(.no-box):before{
	left:auto;
	right:2px;
}
.valheim .themed-content input[type="radio"].float-end + label:not(.no-box):after,
.valheim .themed-content input[type="checkbox"].float-end + label:not(.no-box):after{
	left:auto;
	right:6px;
}

.valheim input[type="checkbox"].float-end + label:not(.no-box),
.valheim input[type="radio"].float-end + label:not(.no-box){
	text-indent:0;
}
.valheim input[type="checkbox"].float-end + label:not(.no-box):before,
.valheim input[type="radio"].float-end + label:not(.no-box):before{
	left:auto;
	right:2px;
}
.valheim input[type="checkbox"].float-end + label:not(.no-box):after,
.valheim input[type="radio"].float-end + label:not(.no-box):after{
	left:auto;
	right:6px;
}