/* 
	Layout Made by Chris (#105465) for free use
*/

/* Background Image and Font Family */

/* import link for font below */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Roboto:wght@400;700&display=swap');
@media (min-width: 768px) {
	body {
		font-family: 'Roboto', Verdana, 'Geneva', Tahoma, sans-serif;
		background: #001B2E;
		color: #000;
	}
}
@media (max-width: 768px) {
	body {
		font-family: 'Roboto', Verdana, 'Geneva', Tahoma, sans-serif;
		background: #001B2E;
		width: auto !important;
		min-width: 600px;
		color: #000;
	}
}

/* Headers */

h1, h2, h3 {
	color: #000;
	font-family: 'Oswald', Verdana, 'Geneva', Tahoma, sans-serif;
}
.sidebar h3 {
	color: #000;
	font-family: 'Oswald', Verdana, 'Geneva', Tahoma, sans-serif;
}

/* Other Text */

p {
	color: #000;
}
b {
	color: #000;
}
small {
	color: #000 !important;
}
#fraProfileContent {
	color: #000;
}

/* Links */

a:link, a:visited, a:active {
	color: #000f1a;
}
a:hover {
	color: #000;
}

/* Topbar */

.topbar a:link, .topbar a:visited, .topbar a:active {
	color: #000f1a;
}
.topbar a:hover {
	color: #000;
}
.topbar {
	background: #294C60;
	border: none;
    border-radius: 0;
	color: #000;
}

/* Navbar */

.navbar {
	background: #36637d;
	border: none;
	/* border-radius: none; */
	font-family: 'Oswald', Verdana, 'Geneva', Tahoma, sans-serif;
}
/* logo if applicable */

/* navbar defaults */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #000f1a;
}
.navbar-default .navbar-nav > li > a {
	color: #000f1a;
	font-weight: bold;
}
/* mobile toggle box */
.navbar-default .navbar-toggle {
    border-color: transparent;
}
/* make different from navbar */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: #457fa1;
}
/* bars in navbar icon */
.navbar-default .navbar-toggle .icon-bar {
    background: #000;
}
/* collapsed navbar */
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #000f1a;
}
/* active link in navbar */
.navbar .active a:link, .navbar .active a:visited, .navbar .active a:active, .navbar .active a:focus {
	background: #3d718f;
	color: #000;
	/* border-radius: 10px; */
}
/* hovered link in navbar */
.navbar-default .navbar-nav li a:hover {
	background: #457fa1;
	color: #000;
	/* border-radius: 10px; */
}
/* active and hovered link in navbar */
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: #457fa1;
	color: #000;
	/* border-radius: 10px; */
}

/* Main and Divs */

.main {
	background: #ADB6C4;
	border-radius: none;
	border: none;
	box-shadow: none;
}
@media (max-width: 768px) {
	.breadcrumb::after {
		right: 22%;
	}
}
@media (max-width: 993px) {
	.dynastylist {
		margin-bottom: 15px;
	}
}

/* territory box */
.col-md-9 {
	background: none;
}

/* Breadcrumb */

.breadcrumb {
	background: #457fa1;
	border: none;
	/* border-radius: 10px; */
}
.breadcrumb::after {
	content: "CSS by Chris (#105465)";
	position: absolute;
	right: 20%;
	z-index: 100;
	color: #000;
}
.breadcrumb-item.active {
	color: #002d4d;
}

/* Alerts */

/* red notifications */
.alert-danger {
	color: #594040;
	background: #d4c4c4;
	border: none;
	/* border-radius: 20px; */
}
.alert-danger > a, .alert-danger > a:link, .alert-danger > a:active, .alert-danger > a:visited {
	color: #4a3636;
}
.alert-danger > a:hover, .alert-danger > a:focus {
	color: #3b2b2b;
}
/* green notifications */
.alert-success {
	color: #405940;
	background: #c4d4c4;
	border: none;
	/* border-radius: 20px; */
}
.alert-success > a, .alert-success > a:link, .alert-success > a:active, .alert-success > a:visited {
	color: #364a36;
}
.alert-success > a:hover, .alert-success > a:focus {
	color: #2b3b2b;
}
/* yellow notifications */
.alert-warning {
	color: #595240;
	background: #d4d0c4;
	border: none;
	/* border-radius: 20px; */
}
.alert-warning > a, .alert-warning > a:link, .alert-warning > a:active, .alert-warning > a:visited {
	color: #4a4536;
}
.alert-warning > a:hover, .alert-warning > a:focus {
	color: #3b372b;
}
.alert-warning b {
	color: #3b372b;
}

/* HTML Boxes if applicable */

/* comment box */
#commentBox {
	border: none !important;
	border-radius: 5px !important;
	height: 200px !important;
	background: #fff0e6;
}
.comment:nth-child(even) {
	background: #ffe0cc !important;
}
/* scrollbar */
#commentBox::-webkit-scrollbar{
	height: 0;
	width: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #fff;
}
/* scrollbar button */
#commentBox::-webkit-scrollbar-thumb {
	background: #ffb380;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#commentBox::-webkit-scrollbar-thumb:hover {
	background: #ffc299;
}

/* Tables */

/* table headers */
.table .top, .table th {
	background: #ffda99;
	color: #000;
	font-family: 'Oswald', Verdana, 'Geneva', Tahoma, sans-serif;
	font-weight: bold;
}
/* lion title and name */
.xlarge.b {
	font-weight: bold;
}
/* lion image if applicable */

/* table body */
.table {
	background: #fff6e6;
	border: none;
	color: #000;
}
/* table links */
.table .top a:link, .table .top a:active, .table .top a:visited, .table th a:link, .table th a:active, .table th a:visited {
	color: #000f1a;
	font-weight: bold;
}
.table .top a:hover, .table th a:hover {
	color: #000;
	font-weight: bold;
}
/* left side of stats on king and status bars in caves */
.table .left {
	background: #ffe3b3;
}
/* left side of stats on king */
.inner-table .left {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
/* right side of king stats */
.inner-table .right {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background: #ffeccc;
}
/* every other lion in caves */
.table .right_odd {
	background: #ffeccc;
}
/* table footer */
.table .innerHeader, .table .bottom {
	background: #ffda99;
	color: #000;
}
/* quick link to mutated lions under king panel */
.table .bottom a:link, .table .bottom a:visited, .table .bottom a:active {
	color: #000f1a;
	text-decoration: none;
}
.table .bottom a:hover, .table .bottom a:focus {
	color: #000;
	text-decoration: underline;
}
/* days left until heat badge */
.badge {
	background: #ffc49b;
	color: #000;
}
/* inputs for typing in text in territory description etc. */
textarea {
	color: #000;
}
input {
	color: #000;
}

/* Caves and Mounds Main */

/* main overrides */
.mound-grid, .cave-grid {
	background: #ffc49b;
	border: none;
	/* border-radius: 20px; */
	color: #000f1a;
}
/* cave and mound link hover */
.center > a:hover > .cave-grid, .center > a:focus > .cave-grid, .center > a:hover > .mound-grid, .center > a:focus > .mound-grid {
	color: #000;
}
/* cave and mound customization if applicable */


/* Feature Styling (like feed all play all etc.) */

div.feature {
	/* border-radius: 20px; */
	border: none;
	background: #ffc49b;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* dropdown width (acts funny on smaller screens at the default 200px sometimes) */
div.feature select {
	width: 180px !important;
}
/* header */
div.feature h3 {
	color: #000;
}
.feature-footer {
	background: #ffc49b;
}
/* inner text */
.feature .xsmall {
	color: #000;
}

/* Dynasty Pills */

/* dynasty main */
div.left {
	background: #ffc49b;
	/* border-radius: 20px; */
	border: 0;
	color: #000;
}
/* dynasty images */
div.left img {
	padding: 10px;
	padding-top: 0;
}
/* dynasty headers */
.dynastylist h3 {
	color: #000f1a;
	padding-top: 5px;
}
.dynastylist h3:hover, .dynastylist h3:focus {
	color: #000;
}
/* links in the pills beneath dynasty stuff */
a div.left {
	color: #000f1a;
}
a div.left:hover, a div.left:focus {
	color: #000;
}

/* Side Bar */

/* side panel bg */
.sidebar.col-md-3 {
	background: none;
}
/* sidebar inner boxes */
.col-md-3 .panel {
	border: none;
	/* border-radius: 20px; */
	background: #36637d;
	box-shadow: 1px 1px 3px #172a36;
	color: #000;
}
/* dotted line above chat on smaller screen sizes */
.clear {
	border-color: #000 !important;
}

/* Progress Bars */

/* background container */
.progress {
	background: #fff;
	/* border-radius: 20px; */
}
/* default and impression */
.progress-bar {
	background: #ffb580;
}
/* text inside the progress bars */
.progress div {
	color: #000;
}

/*#region Chat */

/* Chat Overrides */

/* main container */
#chatMessageContainer {
	border: none;
}
/* message text */
.s-chat-message {
	color: #000;
}
/* even messages */
.s-chat-message:nth-child(even) {
	background: #fff0e6;
}
/* odd messages */
.s-chat-message:nth-child(odd) {
	background: #ffe0cc;
}
/* mention */
#chatMessageList[data-pings="enabled"] .s-chat-message_mention {
	background: #fff6e6 !important;
	color: #000;
}
/* chat buttons */
#btnChatSettings, #btnLoadNewMessages, .s-chat-message_menu {
	filter: grayscale() brightness(0%);
}
/* scrollbar */
#chatMessageList::-webkit-scrollbar {
	width: 5px;
	background: #fff;
}
/* scrollbar button */
#chatMessageList::-webkit-scrollbar-thumb {
	background: #ffb380;
    border-radius: 0;
}
#chatMessageList::-webkit-scrollbar-thumb:hover {
	background: #ffc299;
}
/* claim badge */
.s-chat-message_claim {
	background: #ffd1b3;
	border-bottom: none;
	color: #000;
}
/* claim popout box stuff */
#modalClaimBG {
    background: rgba(0, 0, 0, 0.5);
}
/* main inner bit */
#modalClaimList {
    background: #fff0e6;
    color: #000;
    border: none;
}
#modalClaimList a, #modalClaimList a:active, #modalClaimList a:visited, #modalClaimList a:link {
    color: #000f1a;
}
#modalClaimList a:hover, #modalClaimList a:focus {
    color: #000;
}
/* header */
#modalClaimList h3 {
    background: #ffd1b3;
	color: #000;
}
/* empty pinned message */
#chatMessagePinned {
	background: #ffa366;
	color: #000 !important;
	border: none !important;
}
/* pinned message */
#chatMessagePinned.s-chat-message__pinned {
	background: #ffa366  url('//static.lioden.com/images/layout/sticky.png') no-repeat 10px 6px;
	color: #000 !important;
	border: none !important;
}
/* timestamp */
.s-chat-message_timestamp {
	color: #000;
}
/* mod message text (best left at #000) */
.s-chat-message__mod, .s-chat-message__mod .s-chat-message_content, .s-chat-message__mod .s-chat-message_timestamp {
	color: #000;
}
/* menu dropbox */
#fra_chatContainer .channelMenu .channelSwitcher {
	color: #000;
}
#fra_chatContainer .channelMenu .channelSwitcher:hover {
	background: #ffd1b3;
	color: #000;
}
#fra_chatContainer .channelMenu .channelSwitcher.active {
	background: #ffe0cc;
	color: #000;
}
#fra_chatContainer label {
	color: #000;
}
.channelMenu > button, .channelMenu > div {
	background: #fff0e6 !important;
	border-color: transparent !important;
	box-shadow: none !important;
	color: #000 !important;
}
/* char count */
#lblCharacterCounter {
	color: #000 !important;
}
/* code of conduct */
a[href$='./code.php'] {
	color: #000;
}
/* chat room link */
a[href$='./chat.php'] {
	color: #000;
}

/*#endregion */

/* Emote List */

.emoteList {
    background: #f2f2f2;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5);
    border: 2px solid #000;
}
.emoteList:after {
    border-bottom-color: #000;
}
.emoteList:before {
    border-bottom-color: #000;
}

/* Branch */

.item {
	background: #ffeccc;
	border: none;
	border-radius: 5px;
}
.item-header {
	background: #ffe3b3;
	color: #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.item-footer {
	background: #ffe3b3;
	color: #000;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

/* Inner Caves */

/* featured lion section */
.featured-lion {
	background: #ffda99;
	color: #000;
	margin-bottom: 20px;
}
/* very important if you want it to not look ugly anymore lol don't change the padding here or the media queries */
.featured-lion .b {
	padding-top: 8px;
}
@media (max-width: 684px) {
	div.lionImage.featured-lion > div {
		height: 475px !important;
	}
}
@media (max-width: 620px) {
	div.lionImage.featured-lion > div {
		height: 450px !important;
	}
}
.featured-lion a:link, .featured-lion a:active, .featured-lion a:visited {
	color: #000f1a;
}
.featured-lion a:hover, .featured-lion a:focus {
	color: #000;
}
/* owned by text */
h1.center > small {
	color: #000 !important;
}
h1.center > small a, h1.center > small a:link, h1.center > small a:visited, h1.center > small a:active {
	color: #000f1a !important;
}
h1.center > small a:hover, h1.center > small a:focus {
	color: #000 !important;
}
/* dropdown */
.table .bottom select {
	color: #000;
}

/* Inner Mounds */

/* menu bg */
.sub_menu {
	background: #ffda99;
	/* border-radius: none; */
}
/* highlighted item on menu */
.sub_menu_item_selected {
	background: #ffe3b3;
	/* border-radius: 10px; */
	color: #000;
}

/* Buttons */

/* regular button */
.select-control, button.button, input[type="button"], input[type="submit"], input[type="reset"] {
	background: #005999;
	background: linear-gradient(to bottom,  #005999 5%,#004a80 5%,#004a80 95%,#003c66 95%);
	color: #fefefe;
	border: 1px solid #003c66;
	text-shadow: 1px 1px 0px #003c66;
	border-radius: 3px;
}
/* regular button hover */
.select-control:hover, button.button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
	background: #002d4d;
	background: linear-gradient(to bottom, #002d4d 5%,#001e33 5%,#001e33 95%,#000f1a 95%);
	color: #fefefe;
	border: 1px solid #000f1a;
	text-shadow: 1px 1px 0px #002d4d;
	border-radius: 3px;
}
/* red button */
.select-control.bad, button.button.bad, input[type="button"].bad, input[type="submit"].bad, input[type="reset"].bad {
	background: #e66000;
	background: linear-gradient(to bottom,  #e66000 5%,#cc5500 5%,#cc5500 49%,#cc5500 95%,#b34a00 95%);
	color: #fefefe;
	border: 1px solid #994000;
	text-shadow: 1px 1px 0px #b34a00;
	border-radius: 3px;
}
/* red button hover */
.select-control.bad:hover, button.button.bad:hover, input[type="button"].bad:hover, input[type="submit"].bad:hover, input[type="reset"].bad:hover {
	background: #803500;
	background: linear-gradient(to bottom,  #803500 5%,#662b00 5%,#662b00 49%,#662b00 95%,#4d2000 95%);
	color: #fefefe;
	border: 1px solid #331500;
	text-shadow: 1px 1px 0px #4d2000;
	border-radius: 3px;
}

/* Event Flavor Text */
/* has to go at the bottom since it likes to be mean to me otherwise trust me best left here lol */

center > div.center.b {
	color: #d06f29 !important;
}

/* Footer */

/* technically applies to all "white" text on the site but mainly applies to the footer text */
.white {
	color: #fff;
}
/* links */
.bottomlinks li a, .bottomlinks li a:link, .bottomlinks li a:active, .bottomlinks li a:visited {
	color: #c6dae7;
}
.bottomlinks li a:hover, .bottomlinks li a:focus {
	color: #fff;
}
/* links on smaller screen sizes */
.footer a, .footer a:link, .footer a:active, .footer a:visited {
	color: #c6dae7;
}
.footer a:hover, footer a:focus {
	color: #fff;
}