@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

/*indent is different opacety vers of colors*/
:root {
	--one: rgba(206, 224, 236, 1);
	  --one4: rgba(206, 224, 236, 0.4);
	  --one5: rgba(206, 224, 236, 0.5);
	  --one6: rgba(206, 224, 236, 0.6);
	  --one7: rgba(206, 224, 236, 0.7);
	  --one8: rgba(206, 224, 236, 0.8);
	  --one9: rgba(206, 224, 236, 0.9);
	--two: rgba(193, 212, 226, 1);
	  --two4: rgba(193, 212, 226, 0.4);
	  --two5: rgba(193, 212, 226, 0.5);
	  --two6: rgba(193, 212, 226, 0.6);
	  --two7: rgba(193, 212, 226, 0.7);
	  --two8: rgba(193, 212, 226, 0.8);
	  --two9: rgba(193, 212, 226, 0.9);
	--three: rgba(166, 195, 227, 1);
	  --three4: rgba(166, 195, 227, 0.4);
	  --three5: rgba(166, 195, 227, 0.5);
	  --three6: rgba(166, 195, 227, 0.6);
	  --three7: rgba(166, 195, 275, 0.7);
	  --three8: rgba(166, 195, 227, 0.8);
	  --three9: rgba(166, 195, 227, 0.9);
	--four: rgba(147, 185, 222, 1);
	  --four4: rgba(147, 185, 222, 0.4);
	  --four5: rgba(147, 185, 222, 0.5);
	  --four6: rgba(147, 185, 222, 0.6);
	  --four7: rgba(147, 185, 222, 0.7);
	  --four8: rgba(147, 185, 222, 0.8);
	  --four9: rgba(147, 185, 222, 0.9);
	--five: rgba(139, 173, 211, 1);
	  --five4: rgba(139, 173, 211, 0.4);
	  --five5: rgba(139, 173, 211, 0.5);
	  --five6: rgba(139, 173, 211, 0.6);
	  --five7: rgba(139, 173, 211, 0.7);
	  --five8: rgba(139, 173, 211, 0.8);
	  --five9: rgba(139, 173, 211, 0.9);
	--six: rgba(121, 163, 213, 1);
	  --six4: rgba(121, 163, 213, 0.4);
	  --six5: rgba(121, 163, 213, 0.5);
	  --six6: rgba(121, 163, 213, 0.6);
	  --six7: rgba(121, 163, 213, 0.7);
	  --six8: rgba(121, 163, 213, 0.8);
	  --six9: rgba(121, 163, 213, 0.9);
    --seven: rgba(53, 106, 172,1)
}

body {
	background: url('https://i.imgur.com/VdqdYHb.gif') center center fixed;
	background-size: 100%;
	border-image: none;
	font-family: 'Indie Flower', cursive;
	color: var(--seven)
}

/*LINK COLORS*/
a:link, a:visited {color: var(--seven) !important;}
a:hover {color: var(--three) !important;
}

/*---'S DEN ETC*/
h1 {
	color: var(--one);
	font-size: 48px;
	text-align: center;
	text-shadow: none;
}
h3 {
	color: var(--four) !important;
	font-size: 24px !important;
	text-align: center;
	text-shadow: none;
}

/*CSS CREDIT*/
.breadcrumb::after {
	content: "CSS by Crescent (#228851)";
	color: var(--one);
	text-shadow: none;
	position: absolute;right: 20%;
	z-index: 100
}

/*WELCOME BACK BAR*/
.topbar {
	background: var(--six);
	border-image: none;
	border-radius: 10px;
	border: none;
	border-top: none;
	box-shadow: 0 4px 8px 0 var(--one) inset, 0 6px 10px 0 var(--one) inset;
	color: var(--one);
}

/* LIODEN LOGO REPLACER */
div.container.main>div:nth-child(1)>nav>div.navbar-header>a>img {
	content: url('https://i.imgur.com/N0CbdD9.png');;
	height: auto;width: auto;
	box-shadow: 0 4px 8px 0 var(--) inset, 0 6px 20px 0 var(--) inset;
}

/* LION AND USER AVATAR OPACITY */
div#lion_image {opacity: 0.7}
table#player img {opacity: 0.7}

/* CIRCULAR LION AND USER AVATAR */
div#lion_image {
	border-radius: 50% !important;
 	/* May need adjusting */
 	margin-left: 12px;
	overflow: hidden;
	margin-top: 15px;
}
table#player img {
	border-radius: 50% !important;
	overflow: hidden
}
/*ICON BORDER*/
/*code by hok-z #170947*/
#lion_image:after {
content:url("https://i.imgur.com/N50mtkL.png?raw=true");
position:absolute;
	left: 10px;
	top: -10px;
}

/*DEN,CROSSROADS,HOARD BAR*/
.navbar {
	background: var(--six);
	border-image: none;
	border-radius: 10px;
	border-bottom: none;
	box-shadow: 0 4px 8px 0 var(--one) inset, 0 6px 20px 0 var(--one) inset;
}

/*TEXT/HOVER COLOR*/
.navbar li a {color: var(--one) !important;}
.navbar li a:hover {background: var(--five) !important;}

/*HOME/DEN BAR*/
.breadcrumb {
    background: var(--six); 
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 var(--one) inset, 0 6px 20px 0 var(--one) inset;
}
.breadcrumb .active {color: var(--one);}

/*BOOKMARK BUTTON*/
input.floatright, input.floatright:hover {
	background: var(--six) !important;
	border: none !important;
	border-image: none;
	border-radius: 10px;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--one) inset, 0 6px 5px 0 var(--) inset;
	color:var(--one)!important;
}

/* SWITCH ACCOUNT BUTTON */
button.button, button.button:hover {
	background: var(--six);
	border: none !important;
	border-image: none;
	border-radius: 10px;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--) inset, 0 6px 20px 0 var(--) inset;
	color: var(--one) !important
}

/*code by hok-z #170947*/
#commentBox {
	background: var(--six) !important;
	box-shadow: var(--four) 0px -50px 36px -28px inset, 1px 1px 5px var(--four) !important;
	border: var(--one)!important;
}
::placeholder {
	color: var(--one) !important;
}
div.comment {
	background: var(--six);
	box-shadow: var(--six) 0px -50px 36px -28px inset, 1px 1px 5px var(--five) !important;
	font-weight: bold;
	color: var(--one);
}
input#comment {
	background: var(--five) !important;
	color: var(--one) !important;
	box-shadow: var(--four) 0px -50px 36px -28px inset;
	border-radius: 10px !important;
}
select {
	background: var(--six) !important;
	color: var(--one) !important;
	box-shadow: var(--one) 0px -50px 36px -28px inset;
	border-radius: 10px !important;
}
small.text-muted {
	color: var(--two);
}
small.text-muted a {
	color: var(--one);
}
input[type="button"].bad {
	background: var(--six) !important;
	border-radius: 10px !important;
}

/*LIONESSES BACK FROM HUNTING, WARNINGS, EVENT NOTIFS*/
.alert {
	background: var(--one);
	text-align: center;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--) inset, 0 6px 20px 0 var(--) inset;
	border: none;
	border-image: none;
	border-radius: 10px;
	color: var(--six)!important;
}
.alert-warning, .alert-danger {
	background: var(--four);
	border-radius: 10px;
	text-align: center;
    color:var(--one)!important;
}
.feature {
	background: var(--five) !important;
	border: none;
	border-image: none;
	border-radius: 10px;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--) inset, 0 6px 20px 0 var(--) inset;
    color: var(--one)!important;
}

/*ENTIRE MAIN BOX OF THINGS*/
.container.main {
	background: var(--one);
	border: none;
	border-image: none;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
}

/*PAGEDOLL*/
.container.main::after {
	content: "";
	background-image: url('https://i.ibb.co/rcm4VVf/IMG-3776.png" alt="IMG-3776?raw=true');
	background-size: cover;
	position: fixed;
	display: block;
	height:250px;
	width:350px;
	right: -10px;
	bottom: 0rem;
	z-index: 100;
	pointer-events:none;
}

/*LEFT BIG SIDE OF MAIN BOX*/
.col-md-9 {background: var(--three);}

/*TABLES*/
.table {
	background: var(--six);
	border: none;
	border-image: none;
	border-radius: 10px;
	border-collapse: separate;
	box-shadow: 0 4px 8px 0 var(--two) inset, 0 6px 20px 0 var(--two) inset;
}

/*"title" boxes*/
.top, .bottom, th, .table .left {
	background: var(--two) !important;
	color: var(--six) !important;
	border-radius: 10px;
}
/*level, status lionesses etc*/
.inner-table .left {
	background: var(--three) !important;
    border-radius: 5px;
    color: var(--six)!important;

}
/*numbers of the above*/
.inner-table .right {
	background: var(--four) !important;
	border-radius: 5px;
    color: var(--one);

}

/*SPARING BAR & INSIDE CAVE COLORS*/
.right_odd {background: var(--six) !important;color:var(--six)!important}
.right_even {background: var(--one);color:var(--six)}
.right_cub {background: var(--six) !important;color:var(--one)!important}

/* CAVE / MOUND IMAGES */
/*all caves*/
.cave-grid img {
	content: url('https://i.imgur.com/R7LWHBi.gif');
	height: 10%;
    width: 250px;
}

/*pregnant Lionesses*/
div.cave-grid>img[src$="nestingbanner.png"] {
	content: url('https://i.imgur.com/WmsqoRC.gif')!important;
    height: 10%;
    width: 250px;
}
/* unsorted cave */
div.cave-grid>img[src$="unsortedlionsbanner.png"] {
	content: url('https://i.imgur.com/WmsqoRC.gif')!important;
    height: 10%;
    width: 250px;
}
/* pride overview cave */
div.cave-grid>img[src$="prideoverviewbanner.png"] {
	content: url('https://i.imgur.com/WmsqoRC.gif')!important;
    height: 10%;
    width: 250px;
}
/*CAVE TEXT BOX COLORS*/
.cave-grid {
	background: var(--six);
	border: none;
	border-image: none;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
	color: var(--one);
}
.mound-grid {
	background: var(--six);
	border: none;
	border-image: none;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
	color: var(--one);
}
	

 /*MOUNDS*/
.mound-grid img {
	background: url("https://i.imgur.com/QSiYXPu.gif");
	width: 0;
	height: 0;
	padding-top: 80px;
	padding-right: 130px
}

/*King Dynasty, Pride Dynasty, Achievements, Showcase Panels*/
.feature,
div.left {
	background: var(--seven);
	border: none;
	border-radius: 5px !important;
	box-shadow: 0 4px 8px 0 var(--two) inset, 0 6px 10px 0 var(--two) inset;
    color: var(--one)!important;
}

/*Friend Requests Toggles, etc.*/
.item-header {
	background: var(--six) !important;
	color: var(--one)  !important;
	border-image: none;
	border-radius: 5px;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--five) inset, 0 6px 20px 0 var(--five) inset;
	}
.item {
	background: var(--three) !important;
	border: none !important;
	border-image: none;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 var(--two) inset, 0 6px 20px 0 var(--two) inset;
}

/*ENERGY,HUNGER,ETC. PROGRESS BARS ON RIGHT*/
.panel {
	background: var(--six) !important;
	border: none !important;
	border-image: none!important;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
}
.progress {background: var(--one);}
.progress-bar {
    background: var(--five);
    box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
}

/*CHAT
/* Even Numbered Messages */
.s-chat-message:nth-child(even){
background: var(--six) !important;
color: var(--one) !important;
border: none !important;
}

/* Odd Numbered Messages */
.s-chat-message:nth-child(odd){
background: var(--three) !important;
color: var(--one) !important;
border: none !important;
}

/* Pinned Message */
.s-chat-message__pinned{
background: var(--one) !important;
color: var(--six) !important;
border: none !important;
}

/* Timestamps */
.s-chat-message_timestamp {
color: var(--two) !important;
}

#chatMessageContainer {
border: none !important;
}

/*EDIT BOXES FOR TARITORY DESCRIPTION ETC*/
input,
select,
textarea {
	background: var(--six) !important;
	border: none !important;
	border-image: none;
	border-radius: 10px;
	color: var(--one) !important;
	box-shadow: 0 4px 8px 0 var(--four) inset, 0 6px 20px 0 var(--four) inset;
	text-shadow: none !important
}

/*BOXES*/
/* BOX CREDIT TO PUNNY SIDE UP #191322 http://lioden.punandonly.com/ */
.pun-credit {
	position: fixed;
	bottom: 0px;
	right: 10px;
	color: var(--six) !important;
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	background: var(--six);
	background: linear-gradient(90deg,var(--) 0%, var(--) 100%);
	padding: 5px;
}
.pun-credit a {
	color: var(--five) !important;
}
.pun-credit a:hover {
	opacity: 1 !important;
}
.pun-credit:hover {
	opacity: 1;
	transition: 2s;
}
.pun-table {
	width: 580px;
	background: url('https://i.imgur.com/2nYN2gs.gif') top center;
	box-shadow: 1px 1px 5px var(--six)!important;
	border-radius: 5px;
	opacity: 0.8;
}
.pun-spacer {
	background: none;
	width: 350px;	
}
.pun-content {
	background: var(--six) !important;
	box-shadow: var(--five) 0px -200px 100px -10px inset, 1px 1px 5px var(--five) !important;
	text-align: left;
	height: 380px;
	overflow-x: hidden;
	width: 280px;
	padding: 10px;
	border-radius: 5px;
	font-size: 17px;
    color:var(--seven);
}
.pun-content h3 {
	margin: 0 0 10px 0;
	border-bottom: 1px solid var(--one);
	text-align: left;
}
.pun-content a {
	font-weight: normal !important;
	opacity: 0.7;
}
.pun-content a:hover {
	opacity: 1 !important;
}
.pun-links {
	background: var(--);
	background: linear-gradient(90deg, var(--six) 0%, var(--two) 100%);
	box-shadow: 1px 1px 5px var(--six) !important;
	color: var(--one);
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 5px 5px 0 0;
}
.pun-links a {
	color: var(--) !important;
}
.pun-title {
	text-align: center;
	color: var(--seven);
	font-size: 64px;
	letter-spacing: 2px;
	font-family: FONT FAMILY;
	text-transform: uppercase;
	opacity: 0.5;
}
.pun-graphics {
	background: none;
	color: var(--one);
	text-align: center;
	border-radius: 5px;
}
.pun-graphics a {
	color: var(--one) !important;
}

.smallbox {
	float: center;
	background: rgba(130,75,70, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 150px;
	width: 28.4%;
	overflow: auto}

/*.mediumbox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 150px;
	width: 43.8%;
	overflow: auto}

.largebox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 150px;
	width: 90%;
	overflow: auto}


/*HOVER BOXES*/
/*.smallhoverbox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 50px;
	width: 28.4%;
	overflow: auto;
	transition: 3s}
.smallhoverbox:hover {
	height: 150px;
	width: 28.4%;}

.mediumhoverbox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 50px;
	width: 43.8%;
	overflow: auto;
	transition: 3s}
.mediumhoverbox:hover {
	height: 150px;
	width: 43.8%;}

.largehoverbox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 150px;
	width: 90%;
	overflow: auto;
	transition: 3s}
.largehoverbox:hover {
	height: 150px;
	width: 90%;}

/* SCROLL BAR */
::-webkit-scrollbar {width: 10px}
::-webkit-scrollbar-track {background: var(--one)}
::-webkit-scrollbar-thumb {background: var(--six);border-radius: 10px}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1022.cur), auto !important;} /* End https://www.cursors-4u.com */

/*SO BOXES WORK ON MOBILE*/

@media only screen and (max-width: 767px) {.container.main .hidden-xs {display: block !important;}}

@media only screen and (max-width: 991px) and (min-width: 768px) {display: block !important;}}@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

/*indent is different opacety vers of colors*/
:root {
	--one: rgba(206, 224, 236, 1);
	  --one4: rgba(206, 224, 236, 0.4);
	  --one5: rgba(206, 224, 236, 0.5);
	  --one6: rgba(206, 224, 236, 0.6);
	  --one7: rgba(206, 224, 236, 0.7);
	  --one8: rgba(206, 224, 236, 0.8);
	  --one9: rgba(206, 224, 236, 0.9);
	--two: rgba(193, 212, 226, 1);
	  --two4: rgba(193, 212, 226, 0.4);
	  --two5: rgba(193, 212, 226, 0.5);
	  --two6: rgba(193, 212, 226, 0.6);
	  --two7: rgba(193, 212, 226, 0.7);
	  --two8: rgba(193, 212, 226, 0.8);
	  --two9: rgba(193, 212, 226, 0.9);
	--three: rgba(166, 195, 227, 1);
	  --three4: rgba(166, 195, 227, 0.4);
	  --three5: rgba(166, 195, 227, 0.5);
	  --three6: rgba(166, 195, 227, 0.6);
	  --three7: rgba(166, 195, 275, 0.7);
	  --three8: rgba(166, 195, 227, 0.8);
	  --three9: rgba(166, 195, 227, 0.9);
	--four: rgba(147, 185, 222, 1);
	  --four4: rgba(147, 185, 222, 0.4);
	  --four5: rgba(147, 185, 222, 0.5);
	  --four6: rgba(147, 185, 222, 0.6);
	  --four7: rgba(147, 185, 222, 0.7);
	  --four8: rgba(147, 185, 222, 0.8);
	  --four9: rgba(147, 185, 222, 0.9);
	--five: rgba(139, 173, 211, 1);
	  --five4: rgba(139, 173, 211, 0.4);
	  --five5: rgba(139, 173, 211, 0.5);
	  --five6: rgba(139, 173, 211, 0.6);
	  --five7: rgba(139, 173, 211, 0.7);
	  --five8: rgba(139, 173, 211, 0.8);
	  --five9: rgba(139, 173, 211, 0.9);
	--six: rgba(121, 163, 213, 1);
	  --six4: rgba(121, 163, 213, 0.4);
	  --six5: rgba(121, 163, 213, 0.5);
	  --six6: rgba(121, 163, 213, 0.6);
	  --six7: rgba(121, 163, 213, 0.7);
	  --six8: rgba(121, 163, 213, 0.8);
	  --six9: rgba(121, 163, 213, 0.9);
    --seven: rgba(53, 106, 172,1)
}

body {
	background: url('https://i.imgur.com/2nYN2gs.gif') center center fixed;
	background-size: 100%;
	border-image: none;
	font-family: 'Indie Flower', cursive;
	color: var(--seven)
}

/*LINK COLORS*/
a:link, a:visited {color: var(--seven) !important;}
a:hover {color: var(--three) !important;
}

/*---'S DEN ETC*/
h1 {
	color: var(--one);
	font-size: 48px;
	text-align: center;
	text-shadow: none;
}
h3 {
	color: var(--four) !important;
	font-size: 24px !important;
	text-align: center;
	text-shadow: none;
}

/*CSS CREDIT*/
.breadcrumb::after {
	content: "CSS by Crescent (#228851)";
	color: var(--one);
	text-shadow: none;
	position: absolute;right: 20%;
	z-index: 100
}

/*WELCOME BACK BAR*/
.topbar {
	background: var(--six);
	border-image: none;
	border-radius: 10px;
	border: none;
	border-top: none;
	box-shadow: 0 4px 8px 0 var(--one) inset, 0 6px 10px 0 var(--one) inset;
	color: var(--one);
}

/* LIODEN LOGO REPLACER */
div.container.main>div:nth-child(1)>nav>div.navbar-header>a>img {
	content: url('https://i.imgur.com/N0CbdD9.png');;
	height: auto;width: auto;
	box-shadow: 0 4px 8px 0 var(--) inset, 0 6px 20px 0 var(--) inset;
}

/* LION AND USER AVATAR OPACITY */
div#lion_image {opacity: 0.7}
table#player img {opacity: 0.7}

/* CIRCULAR LION AND USER AVATAR */
div#lion_image {
	border-radius: 50% !important;
 	/* May need adjusting */
 	margin-left: 12px;
	overflow: hidden;
	margin-top: 15px;
}
table#player img {
	border-radius: 50% !important;
	overflow: hidden
}
/*ICON BORDER*/
/*code by hok-z #170947*/
#lion_image:after {
content:url("https://i.imgur.com/N50mtkL.png?raw=true");
position:absolute;
	left: 10px;
	top: -10px;
}

/*DEN,CROSSROADS,HOARD BAR*/
.navbar {
	background: var(--six);
	border-image: none;
	border-radius: 10px;
	border-bottom: none;
	box-shadow: 0 4px 8px 0 var(--one) inset, 0 6px 20px 0 var(--one) inset;
}

/*TEXT/HOVER COLOR*/
.navbar li a {color: var(--one) !important;}
.navbar li a:hover {background: var(--five) !important;}

/*HOME/DEN BAR*/
.breadcrumb {
    background: var(--six); 
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 var(--one) inset, 0 6px 20px 0 var(--one) inset;
}
.breadcrumb .active {color: var(--one);}

/*BOOKMARK BUTTON*/
input.floatright, input.floatright:hover {
	background: var(--six) !important;
	border: none !important;
	border-image: none;
	border-radius: 10px;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--one) inset, 0 6px 5px 0 var(--) inset;
	color:var(--one)!important;
}

/* SWITCH ACCOUNT BUTTON */
button.button, button.button:hover {
	background: var(--six);
	border: none !important;
	border-image: none;
	border-radius: 10px;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--) inset, 0 6px 20px 0 var(--) inset;
	color: var(--one) !important
}

/*code by hok-z #170947*/
#commentBox {
	background: var(--six) !important;
	box-shadow: var(--four) 0px -50px 36px -28px inset, 1px 1px 5px var(--four) !important;
	border: var(--one)!important;
}
::placeholder {
	color: var(--one) !important;
}
div.comment {
	background: var(--six);
	box-shadow: var(--six) 0px -50px 36px -28px inset, 1px 1px 5px var(--five) !important;
	font-weight: bold;
	color: var(--one);
}
input#comment {
	background: var(--five) !important;
	color: var(--one) !important;
	box-shadow: var(--four) 0px -50px 36px -28px inset;
	border-radius: 10px !important;
}
select {
	background: var(--six) !important;
	color: var(--one) !important;
	box-shadow: var(--one) 0px -50px 36px -28px inset;
	border-radius: 10px !important;
}
small.text-muted {
	color: var(--two);
}
small.text-muted a {
	color: var(--one);
}
input[type="button"].bad {
	background: var(--six) !important;
	border-radius: 10px !important;
}

/*LIONESSES BACK FROM HUNTING, WARNINGS, EVENT NOTIFS*/
.alert {
	background: var(--one);
	text-align: center;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--) inset, 0 6px 20px 0 var(--) inset;
	border: none;
	border-image: none;
	border-radius: 10px;
	color: var(--six)!important;
}
.alert-warning, .alert-danger {
	background: var(--four);
	border-radius: 10px;
	text-align: center;
    color:var(--one)!important;
}
.feature {
	background: var(--five) !important;
	border: none;
	border-image: none;
	border-radius: 10px;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--) inset, 0 6px 20px 0 var(--) inset;
    color: var(--one)!important;
}

/*ENTIRE MAIN BOX OF THINGS*/
.container.main {
	background: var(--one);
	border: none;
	border-image: none;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
}

/*PAGEDOLL*/
.container.main::after {
	content: "";
	background-image: url('https://i.ibb.co/rcm4VVf/IMG-3776.png" alt="IMG-3776?raw=true');
	background-size: cover;
	position: fixed;
	display: block;
	height:250px;
	width:350px;
	right: -10px;
	bottom: 0rem;
	z-index: 100;
	pointer-events:none;
}

/*LEFT BIG SIDE OF MAIN BOX*/
.col-md-9 {background: var(--three);}

/*TABLES*/
.table {
	background: var(--six);
	border: none;
	border-image: none;
	border-radius: 10px;
	border-collapse: separate;
	box-shadow: 0 4px 8px 0 var(--two) inset, 0 6px 20px 0 var(--two) inset;
}

/*"title" boxes*/
.top, .bottom, th, .table .left {
	background: var(--two) !important;
	color: var(--six) !important;
	border-radius: 10px;
}
/*level, status lionesses etc*/
.inner-table .left {
	background: var(--three) !important;
    border-radius: 5px;
    color: var(--six)!important;

}
/*numbers of the above*/
.inner-table .right {
	background: var(--four) !important;
	border-radius: 5px;
    color: var(--one);

}

/*SPARING BAR & INSIDE CAVE COLORS*/
.right_odd {background: var(--six) !important;color:var(--six)!important}
.right_even {background: var(--one);color:var(--six)}
.right_cub {background: var(--six) !important;color:var(--one)!important}

/* CAVE / MOUND IMAGES */
/*all caves*/
.cave-grid img {
	content: url('https://i.imgur.com/4vs1MRg.gif');
	height: 10%;
    width: 250px;
}

/*pregnant Lionesses*/
div.cave-grid>img[src$="nestingbanner.png"] {
	content: url('https://i.imgur.com/QSiYXPu.gif')!important;
    height: 10%;
    width: 250px;
}
/* unsorted cave */
div.cave-grid>img[src$="unsortedlionsbanner.png"] {
	content: url('https://i.imgur.com/QSiYXPu.gif')!important;
    height: 10%;
    width: 250px;
}
/* pride overview cave */
div.cave-grid>img[src$="prideoverviewbanner.png"] {
	content: url('https://i.imgur.com/QSiYXPu.gif')!important;
    height: 10%;
    width: 250px;
}
/*CAVE TEXT BOX COLORS*/
.cave-grid {
	background: var(--six);
	border: none;
	border-image: none;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
	color: var(--one);
}
.mound-grid {
	background: var(--six);
	border: none;
	border-image: none;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
	color: var(--one);
}
	

 /*MOUNDS*/
.mound-grid img {
	background: url("https://i.imgur.com/QSiYXPu.gif");
	width: 0;
	height: 0;
	padding-top: 80px;
	padding-right: 130px
}

/*King Dynasty, Pride Dynasty, Achievements, Showcase Panels*/
.feature,
div.left {
	background: var(--seven);
	border: none;
	border-radius: 5px !important;
	box-shadow: 0 4px 8px 0 var(--two) inset, 0 6px 10px 0 var(--two) inset;
    color: var(--one)!important;
}

/*Friend Requests Toggles, etc.*/
.item-header {
	background: var(--six) !important;
	color: var(--one)  !important;
	border-image: none;
	border-radius: 5px;
	text-shadow: none;
	box-shadow: 0 4px 8px 0 var(--five) inset, 0 6px 20px 0 var(--five) inset;
	}
.item {
	background: var(--three) !important;
	border: none !important;
	border-image: none;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 var(--two) inset, 0 6px 20px 0 var(--two) inset;
}

/*ENERGY,HUNGER,ETC. PROGRESS BARS ON RIGHT*/
.panel {
	background: var(--six) !important;
	border: none !important;
	border-image: none!important;
	border-radius: 10px;
	box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
}
.progress {background: var(--one);}
.progress-bar {
    background: var(--five);
    box-shadow: 0 4px 8px 0 var(--three) inset, 0 6px 20px 0 var(--three) inset;
}

/*CHAT
/* Even Numbered Messages */
.s-chat-message:nth-child(even){
background: var(--six) !important;
color: var(--one) !important;
border: none !important;
}

/* Odd Numbered Messages */
.s-chat-message:nth-child(odd){
background: var(--three) !important;
color: var(--one) !important;
border: none !important;
}

/* Pinned Message */
.s-chat-message__pinned{
background: var(--one) !important;
color: var(--six) !important;
border: none !important;
}

/* Timestamps */
.s-chat-message_timestamp {
color: var(--two) !important;
}

#chatMessageContainer {
border: none !important;
}

/*EDIT BOXES FOR TARITORY DESCRIPTION ETC*/
input,
select,
textarea {
	background: var(--six) !important;
	border: none !important;
	border-image: none;
	border-radius: 10px;
	color: var(--one) !important;
	box-shadow: 0 4px 8px 0 var(--four) inset, 0 6px 20px 0 var(--four) inset;
	text-shadow: none !important
}

/*BOXES*/
/* BOX CREDIT TO PUNNY SIDE UP #191322 http://lioden.punandonly.com/ */
.pun-credit {
	position: fixed;
	bottom: 0px;
	right: 10px;
	color: var(--six) !important;
	font-size: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	background: var(--six);
	background: linear-gradient(90deg,var(--) 0%, var(--) 100%);
	padding: 5px;
}
.pun-credit a {
	color: var(--five) !important;
}
.pun-credit a:hover {
	opacity: 1 !important;
}
.pun-credit:hover {
	opacity: 1;
	transition: 2s;
}
.pun-table {
	width: 580px;
	background: url('https://i.imgur.com/2nYN2gs.gif') top center;
	box-shadow: 1px 1px 5px var(--six)!important;
	border-radius: 5px;
	opacity: 0.8;
}
.pun-spacer {
	background: none;
	width: 350px;	
}
.pun-content {
	background: var(--six) !important;
	box-shadow: var(--five) 0px -200px 100px -10px inset, 1px 1px 5px var(--five) !important;
	text-align: left;
	height: 380px;
	overflow-x: hidden;
	width: 280px;
	padding: 10px;
	border-radius: 5px;
	font-size: 17px;
    color:var(--seven);
}
.pun-content h3 {
	margin: 0 0 10px 0;
	border-bottom: 1px solid var(--one);
	text-align: left;
}
.pun-content a {
	font-weight: normal !important;
	opacity: 0.7;
}
.pun-content a:hover {
	opacity: 1 !important;
}
.pun-links {
	background: var(--);
	background: linear-gradient(90deg, var(--six) 0%, var(--two) 100%);
	box-shadow: 1px 1px 5px var(--six) !important;
	color: var(--one);
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
	border-radius: 5px 5px 0 0;
}
.pun-links a {
	color: var(--) !important;
}
.pun-title {
	text-align: center;
	color: var(--seven);
	font-size: 64px;
	letter-spacing: 2px;
	font-family: FONT FAMILY;
	text-transform: uppercase;
	opacity: 0.5;
}
.pun-graphics {
	background: none;
	color: var(--one);
	text-align: center;
	border-radius: 5px;
}
.pun-graphics a {
	color: var(--one) !important;
}

.smallbox {
	float: center;
	background: rgba(130,75,70, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 150px;
	width: 28.4%;
	overflow: auto}

/*.mediumbox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 150px;
	width: 43.8%;
	overflow: auto}

.largebox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 150px;
	width: 90%;
	overflow: auto}


/*HOVER BOXES*/
/*.smallhoverbox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 50px;
	width: 28.4%;
	overflow: auto;
	transition: 3s}
.smallhoverbox:hover {
	height: 150px;
	width: 28.4%;}

.mediumhoverbox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 50px;
	width: 43.8%;
	overflow: auto;
	transition: 3s}
.mediumhoverbox:hover {
	height: 150px;
	width: 43.8%;}

.largehoverbox {
	float: left;
	background: rgba(1, 1, 1, 0.5);
	color: var(--);
	padding: 10px;
	border: none;
	border-image: none;
	border-radius: 0px;
	margin: 10px;
	height: 150px;
	width: 90%;
	overflow: auto;
	transition: 3s}
.largehoverbox:hover {
	height: 150px;
	width: 90%;}

/* SCROLL BAR */
::-webkit-scrollbar {width: 10px}
::-webkit-scrollbar-track {background: var(--one)}
::-webkit-scrollbar-thumb {background: var(--six);border-radius: 10px}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-11/nat1022.cur), auto !important;} /* End https://www.cursors-4u.com */

/*SO BOXES WORK ON MOBILE*/

@media only screen and (max-width: 767px) {.container.main .hidden-xs {display: block !important;}}

@media only screen and (max-width: 991px) and (min-width: 768px) {display: block !important;}}