/*

Theme Name: ClixalotHits Theme 2025

Theme URI: http://thetrafficexchangescript.com/

Description: A sidebar theme for LFMTE traffic exchanges.

Version: 3.0

Author: Josh Abbott

*/


@charset "utf-8";


/* Medieval King Arthur Color Palette */
:root {
	--royal-red: #8B0000;
	--royal-gold: #D4AF37;
	--dragon-red: #C41E3A;
	--castle-stone: #6B6B6B;
	--dark-stone: #3A3A3A;
	--parchment: #E8D4B0;
	--aged-parchment: #D4C5A0;
	--merlin-blue: #1E3A5F;
	--forest-green: #2C5F2D;
	--iron-gray: #4A4A4A;
	--light-gold: #F4E4C1;
}

/* Main font settings */

body {
	font-size: 16px;
	font-weight: 400;
	color: #2A2013;
	background: linear-gradient(135deg, #3A3A3A 0%, #5A4A3A 50%, #3A3A3A 100%);
	background-attachment: fixed;
	position: relative;
	font-family: 'Georgia', 'Times New Roman', serif;
}

/* Enhanced paragraph readability */
p {
	line-height: 1.6;
	color: var(--dark-stone);
	font-size: 16px;
}

.content p,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content .row,
.content .container,
.content .container-fluid {
	position: relative;
	z-index: 1;
}


/* Main page structure */

.lfm_outerdiv {
	display: flex;
	width: 100%;
	align-items: stretch;
}
.main {
	width: 100%;
}



/* Site logo styles */

.lfm_menu_logo {
	display: none;
	max-height: 35px;
	margin: 0.5rem 1.2rem 0.3rem 1.2rem;
}


/* Styles for the top bar */

.lfm_topbar {
	background: linear-gradient(180deg, var(--royal-red) 0%, var(--dragon-red) 100%);
	color: var(--royal-gold);
	margin-bottom: 20px;
	border-bottom: 3px solid var(--royal-gold);
	box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	font-weight: 600;
}


/* Styles for the slidebar navigation */

.lfm_slidebar {
	min-width: 225px;
	max-width: 225px;
	min-height: 100vh;
	transition: all 0.4s ease-in-out;
	background: linear-gradient(180deg, #2A1810 0%, #3A2820 50%, #2A1810 100%);
	border-right: 4px solid var(--royal-gold);
	box-shadow: 4px 0 12px rgba(0,0,0,0.6);
	position: relative;
}

.lfm_slidebar::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:
		repeating-linear-gradient(90deg, transparent, transparent 10px, rgba(107,107,107,0.1) 10px, rgba(107,107,107,0.1) 11px),
		repeating-linear-gradient(0deg, transparent, transparent 10px, rgba(107,107,107,0.1) 10px, rgba(107,107,107,0.1) 11px);
	pointer-events: none;
	opacity: 0.3;
}

/* Desktop View Settings - Expand the slidebar by default */
@media (min-width: 890px) {
	.lfm_slidebar {
		margin-left: 0px;
	}
	.lfm_slidebar.toggled {
		margin-left: -225px;
	}
}

/* Mobile View Settings - Collapse the slidebar by default */
@media (max-width: 889px) {
	.lfm_slidebar {
		margin-left: -225px;
	}
	.lfm_slidebar.toggled {
		margin-left: 0px;
	}
}

.lfm_slidebar_toggleswitch {
	cursor: pointer;
	font-size: 24px;
	color: var(--royal-gold);
	padding-right: 10px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}
.lfm_slidebar_toggleswitch:hover {
	color: var(--light-gold);
}

.lfm_slidebar_mainmenu {
	list-style: none;
	padding-left: 0;
	overflow: auto;
}


/* This sets the style of the slidebar menu items */
.lfm_slidebar_mainmenu li > a {
	color: var(--royal-gold);
	background: linear-gradient(90deg, rgba(139,0,0,0.7) 0%, rgba(196,30,58,0.6) 100%);
	border-bottom: 2px solid rgba(212,175,55,0.3);
	border-top: 1px solid rgba(255,255,255,0.1);
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0.5rem 1.1rem 0.5rem 1.1rem;
	font-size: 16px;
	position: relative;
	font-weight: 600;
	cursor: pointer;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.8);
	transition: all 0.3s ease;
}

/* This sets the colors of the slidebar menu links when you hover over them */
.lfm_slidebar_mainmenu li > a.active,
.lfm_slidebar_mainmenu li > a:hover {
	color: #FFFFFF;
	background: linear-gradient(90deg, var(--royal-red) 0%, var(--dragon-red) 100%);
	border-bottom: 2px solid var(--royal-gold);
	box-shadow: inset 0 0 15px rgba(212,175,55,0.4);
	transform: translateX(3px);
}



/* Styles for the footer */

.lfm_footer {
	background: linear-gradient(180deg, #2A1810 0%, #1A0A00 100%);
	border-top: 3px solid var(--royal-gold);
	box-shadow: 0 -4px 8px rgba(0,0,0,0.5);
}


/* Icon settings */

.far, .fas {
	margin-right:3px;
}

.feedicon {
	color:#3097D1;
	font-size:20px;
	margin-right:5px;
}


/* Profile picture sizes */

.profilepic_small {
	width:40px;
	height:40px;
}

.profilepic_med {
	width:75px;
	height:75px;
}

.profilepic_large {
	width:200px;
	height:200px;
}


/* Various styles */

.buttonlink {
	/* This class defines <a> tag links that look like buttons */
	cursor: pointer;
	background: linear-gradient(180deg, var(--dragon-red) 0%, var(--royal-red) 100%);
	border-radius:4px;
	border:2px solid var(--royal-gold);
	display:inline-block;
	cursor:pointer;
	color: var(--royal-gold);
	font-family:arial;
	font-size:18px;
	font-weight:700;
	padding:6px 12px;
	margin:2px 1px 2px 1px;
	text-decoration:none;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
	box-shadow: 0 4px 6px rgba(0,0,0,0.5);
	transition: all 0.3s ease;
}
.buttonlink:hover {
	/* This controls the button links when you hover over them */
	color:#FFFFFF;
	background: linear-gradient(180deg, var(--royal-gold) 0%, #B8941E 100%);
	border-color: #FFF;
	text-decoration:none;
	transform: translateY(-2px);
	box-shadow: 0 6px 12px rgba(0,0,0,0.7);
}


.infobar {
	/* This class defines sections that span the entire page width */
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	color:#FFFFFF;
	background: linear-gradient(135deg, var(--iron-gray) 0%, var(--dark-stone) 50%, var(--iron-gray) 100%);
	border-top: 2px solid rgba(212,175,55,0.3);
	border-bottom: 2px solid rgba(212,175,55,0.3);
	box-shadow: inset 0 0 30px rgba(0,0,0,0.4);
}
.infobar h2 {
	color: var(--light-gold);
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
	border-bottom: 2px solid var(--royal-gold);
}


.vcenter {
	/* This is a class that can be used in Bootstrap rows to vertically center the content */
	display: flex;
	align-items: center;
}


/* The next 3 sections control various text styles used throughout the LFM Members Area */
.lfm_title {
	font-family: "Arial"; color:#333333; font-size:32px;
}

.lfm_descr {
	font-family: "Arial"; color:#111111; font-size:16px;
}

.lfm_descr_bold {
	font-family: "Arial"; color:#000000; font-size:16px;
	font-weight:700;
}


/* ===== KING ARTHUR CUSTOM HEADER BANNER ===== */

.custom-header-banner {
	width: 100%;
	position: relative;
	background: linear-gradient(135deg, #1A0A00 0%, #3A2820 50%, #1A0A00 100%);
	border-bottom: 5px solid var(--royal-gold);
	box-shadow: 0 6px 20px rgba(0,0,0,0.7);
	overflow: hidden;
}

.header-background {
	position: relative;
	padding: 35px 20px 25px;
	background:
		radial-gradient(ellipse at center, rgba(212,175,55,0.15) 0%, transparent 70%),
		linear-gradient(180deg, rgba(139,0,0,0.3) 0%, transparent 100%);
}

.header-content {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 2;
}

/* Header Logo Image Styling */
.header-logo-img {
	max-width: 800px;
	width: 90%;
	height: auto;
	opacity: 0.95;
	filter: drop-shadow(0 8px 16px rgba(0,0,0,0.8));
	transition: all 0.3s ease;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}

.header-logo-img:hover {
	opacity: 1;
	filter: drop-shadow(0 12px 24px rgba(0,0,0,0.9)) drop-shadow(0 0 30px rgba(212,175,55,0.4));
	transform: scale(1.02);
}

.header-title {
	font-size: 56px;
	font-weight: 900;
	color: var(--royal-gold);
	text-shadow:
		4px 4px 0px var(--royal-red),
		6px 6px 8px rgba(0,0,0,0.9),
		0 0 40px rgba(212,175,55,0.7);
	margin-bottom: 10px;
	letter-spacing: 4px;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-style: italic;
	position: relative;
	text-transform: none;
	font-variant: small-caps;
}

.header-title::first-letter {
	font-size: 1.3em;
	color: var(--dragon-red);
	text-shadow:
		3px 3px 0px var(--royal-gold),
		5px 5px 8px rgba(0,0,0,0.9);
}

.header-subtitle {
	font-size: 24px;
	font-weight: 600;
	color: var(--light-gold);
	text-shadow: 2px 2px 4px rgba(0,0,0,0.9);
	font-style: italic;
	letter-spacing: 2px;
}

.dragon-decoration {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.2;
	background-image:
		radial-gradient(ellipse 120px 80px at 85% 30%, var(--dragon-red) 0%, transparent 50%),
		radial-gradient(ellipse 100px 60px at 83% 35%, rgba(255,69,0,0.8) 0%, transparent 50%),
		radial-gradient(circle 40px at 90% 25%, rgba(255,140,0,0.6) 0%, transparent 70%),
		radial-gradient(ellipse 80px 40px at 87% 45%, var(--dragon-red) 0%, transparent 60%),
		radial-gradient(ellipse 60px 30px at 89% 48%, rgba(139,0,0,0.9) 0%, transparent 50%),
		radial-gradient(circle 25px at 92% 22%, rgba(255,215,0,0.8) 0%, transparent 60%);
	animation: dragonGlow 4s ease-in-out infinite alternate;
}

/* Welsh Red Dragon - Left side */
.dragon-decoration::before {
	content: '';
	position: absolute;
	left: 15%;
	top: 20%;
	width: 150px;
	height: 120px;
	background:
		radial-gradient(ellipse 140px 90px at 50% 50%, var(--dragon-red) 0%, transparent 50%),
		radial-gradient(ellipse 90px 70px at 45% 55%, rgba(196,30,58,0.9) 0%, transparent 50%),
		radial-gradient(circle 35px at 30% 40%, rgba(255,69,0,0.7) 0%, transparent 70%),
		radial-gradient(ellipse 70px 35px at 60% 70%, var(--dragon-red) 0%, transparent 60%),
		radial-gradient(circle 20px at 25% 35%, rgba(255,215,0,0.9) 0%, transparent 60%);
	opacity: 0.3;
	filter: blur(1px);
}

@keyframes dragonGlow {
	0% { opacity: 0.15; }
	100% { opacity: 0.25; }
}

/* Knights in Combat Background */
.knights-combat-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0.12;
	background-image:
		radial-gradient(ellipse 60px 120px at 35% 50%, rgba(107,107,107,0.8) 0%, transparent 40%),
		radial-gradient(ellipse 50px 110px at 32% 52%, rgba(74,74,74,0.9) 0%, transparent 40%),
		radial-gradient(circle 30px at 33% 35%, rgba(212,175,55,0.6) 0%, transparent 60%),
		radial-gradient(ellipse 70px 130px at 65% 48%, rgba(107,107,107,0.8) 0%, transparent 40%),
		radial-gradient(ellipse 55px 115px at 68% 50%, rgba(74,74,74,0.9) 0%, transparent 40%),
		radial-gradient(circle 28px at 66% 33%, rgba(212,175,55,0.6) 0%, transparent 60%),
		radial-gradient(ellipse 40px 80px at 38% 60%, rgba(139,0,0,0.5) 0%, transparent 50%),
		radial-gradient(ellipse 40px 80px at 62% 60%, rgba(139,0,0,0.5) 0%, transparent 50%),
		linear-gradient(135deg, transparent 48%, rgba(107,107,107,0.4) 49%, rgba(107,107,107,0.4) 51%, transparent 52%);
	background-position:
		35% 50%,
		32% 52%,
		33% 35%,
		65% 48%,
		68% 50%,
		66% 33%,
		38% 60%,
		62% 60%,
		50% 55%;
	background-repeat: no-repeat;
	filter: blur(0.5px);
	z-index: 1;
}

/* Crossed swords effect between knights */
.knights-combat-bg::after {
	content: '';
	position: absolute;
	left: 48%;
	top: 45%;
	width: 4px;
	height: 60px;
	background: linear-gradient(180deg, transparent 0%, rgba(192,192,192,0.6) 20%, rgba(212,175,55,0.8) 45%, rgba(212,175,55,0.8) 55%, rgba(192,192,192,0.6) 80%, transparent 100%);
	transform: rotate(45deg);
	box-shadow: 2px 0 0 rgba(192,192,192,0.4);
}

.knights-combat-bg::before {
	content: '';
	position: absolute;
	left: 52%;
	top: 45%;
	width: 4px;
	height: 60px;
	background: linear-gradient(180deg, transparent 0%, rgba(192,192,192,0.6) 20%, rgba(212,175,55,0.8) 45%, rgba(212,175,55,0.8) 55%, rgba(192,192,192,0.6) 80%, transparent 100%);
	transform: rotate(-45deg);
	box-shadow: -2px 0 0 rgba(192,192,192,0.4);
}

.header-decoration {
	height: 15px;
	background: repeating-linear-gradient(
		90deg,
		var(--royal-gold) 0px,
		var(--royal-gold) 20px,
		var(--dark-stone) 20px,
		var(--dark-stone) 22px
	);
	box-shadow: 0 2px 8px rgba(0,0,0,0.6);
}

/* Round Table decorative element */
.round-table-seal {
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: radial-gradient(circle, var(--royal-gold) 0%, var(--dragon-red) 100%);
	border: 4px solid var(--royal-gold);
	box-shadow: 0 0 20px rgba(212,175,55,0.6), inset 0 0 15px rgba(0,0,0,0.5);
	margin: 15px auto 10px;
	position: relative;
}

.round-table-seal::before {
	content: '';
	display: none;
}

/* Mobile responsiveness for header */
@media (max-width: 768px) {
	.header-title {
		font-size: 36px;
		letter-spacing: 2px;
	}

	.header-title::first-letter {
		font-size: 1.2em;
	}

	.header-subtitle {
		font-size: 16px;
		letter-spacing: 1px;
	}

	.round-table-seal {
		width: 60px;
		height: 60px;
	}

	.round-table-seal::before {
		font-size: 28px;
	}

	.knights-combat-bg {
		opacity: 0.08;
	}

	.dragon-decoration {
		opacity: 0.15;
	}

	.header-logo-img {
		max-width: 600px;
		width: 95%;
	}
}

@media (max-width: 480px) {
	.header-title {
		font-size: 28px;
		letter-spacing: 1px;
	}

	.header-logo-img {
		max-width: 400px;
		width: 98%;
	}

	.header-background {
		padding: 30px 15px 20px;
	}
}


/* ===== BOOTSTRAP BUTTON OVERRIDES FOR MEDIEVAL THEME ===== */

.btn-success {
	background: linear-gradient(180deg, var(--forest-green) 0%, #1A3A1B 100%) !important;
	border: 2px solid var(--royal-gold) !important;
	color: var(--royal-gold) !important;
	font-weight: 700 !important;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
	box-shadow: 0 4px 6px rgba(0,0,0,0.5) !important;
	transition: all 0.3s ease !important;
}

.btn-success:hover {
	background: linear-gradient(180deg, var(--royal-gold) 0%, #B8941E 100%) !important;
	color: #FFFFFF !important;
	border-color: #FFF !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 12px rgba(0,0,0,0.7) !important;
}

.btn-primary {
	background: linear-gradient(180deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
	border: 2px solid var(--royal-gold) !important;
	color: var(--royal-gold) !important;
	font-weight: 700 !important;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
	box-shadow: 0 4px 6px rgba(0,0,0,0.5) !important;
	transition: all 0.3s ease !important;
}

.btn-primary:hover {
	background: linear-gradient(180deg, var(--royal-gold) 0%, #B8941E 100%) !important;
	color: #FFFFFF !important;
	border-color: #FFF !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 12px rgba(0,0,0,0.7) !important;
}

.btn-info {
	background: linear-gradient(180deg, var(--merlin-blue) 0%, #0F1F3F 100%) !important;
	border: 2px solid var(--royal-gold) !important;
	color: var(--royal-gold) !important;
	font-weight: 700 !important;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
	box-shadow: 0 4px 6px rgba(0,0,0,0.5) !important;
	transition: all 0.3s ease !important;
}

.btn-info:hover {
	background: linear-gradient(180deg, var(--royal-gold) 0%, #B8941E 100%) !important;
	color: #FFFFFF !important;
	border-color: #FFF !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 12px rgba(0,0,0,0.7) !important;
}

.btn-warning {
	background: linear-gradient(180deg, #D4AF37 0%, #B8941E 100%) !important;
	border: 2px solid var(--dark-stone) !important;
	color: var(--dark-stone) !important;
	font-weight: 700 !important;
	text-shadow: 1px 1px 2px rgba(255,255,255,0.5) !important;
	box-shadow: 0 4px 6px rgba(0,0,0,0.5) !important;
	transition: all 0.3s ease !important;
}

.btn-warning:hover {
	background: linear-gradient(180deg, #F4E4C1 0%, #D4AF37 100%) !important;
	color: var(--royal-red) !important;
	border-color: var(--royal-red) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 12px rgba(0,0,0,0.7) !important;
}

.btn-danger {
	background: linear-gradient(180deg, var(--dragon-red) 0%, #8B0000 100%) !important;
	border: 2px solid var(--royal-gold) !important;
	color: var(--light-gold) !important;
	font-weight: 700 !important;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
	box-shadow: 0 4px 6px rgba(0,0,0,0.5) !important;
	transition: all 0.3s ease !important;
}

.btn-danger:hover {
	background: linear-gradient(180deg, #FF0000 0%, var(--dragon-red) 100%) !important;
	color: #FFFFFF !important;
	border-color: #FFF !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 6px 12px rgba(0,0,0,0.7) !important;
}


/* ===== CONTENT AREA STYLING ===== */

.content {
	background: rgba(232,212,176,0.95);
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.5);
	margin: 20px;
	border: 3px solid var(--royal-gold);
	position: relative;
}

.content::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:
		repeating-linear-gradient(90deg, transparent, transparent 50px, rgba(212,175,55,0.03) 50px, rgba(212,175,55,0.03) 51px),
		repeating-linear-gradient(0deg, transparent, transparent 50px, rgba(212,175,55,0.03) 50px, rgba(212,175,55,0.03) 51px);
	pointer-events: none;
	border-radius: 6px;
	opacity: 0.5;
}

/* Card styling for medieval theme */
.card {
	background: rgba(232,212,176,0.98) !important;
	border: 2px solid var(--royal-gold) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

.card-header {
	background: linear-gradient(180deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
	color: var(--royal-gold) !important;
	border-bottom: 2px solid var(--royal-gold) !important;
	font-weight: 700 !important;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
}

/* Alert styling */
.alert {
	border: 2px solid var(--royal-gold) !important;
	border-radius: 6px !important;
	font-weight: 600 !important;
}

.alert-success {
	background: linear-gradient(135deg, rgba(44,95,45,0.2) 0%, rgba(44,95,45,0.3) 100%) !important;
	color: var(--forest-green) !important;
	border-color: var(--forest-green) !important;
}

.alert-danger {
	background: linear-gradient(135deg, rgba(196,30,58,0.2) 0%, rgba(196,30,58,0.3) 100%) !important;
	color: var(--dragon-red) !important;
	border-color: var(--dragon-red) !important;
}

.alert-info {
	background: linear-gradient(135deg, rgba(30,58,95,0.2) 0%, rgba(30,58,95,0.3) 100%) !important;
	color: var(--merlin-blue) !important;
	border-color: var(--merlin-blue) !important;
}

.alert-warning {
	background: linear-gradient(135deg, rgba(212,175,55,0.2) 0%, rgba(212,175,55,0.3) 100%) !important;
	color: #8B6914 !important;
	border-color: var(--royal-gold) !important;
}


/* ===== ADDITIONAL MEDIEVAL ENHANCEMENTS ===== */

/* Add parchment texture to body */
body::after {
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:
		repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.03) 4px),
		repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(0,0,0,0.03) 2px, rgba(0,0,0,0.03) 4px);
	pointer-events: none;
	z-index: 0;
}

/* Ensure content is above texture */
.lfm_outerdiv {
	position: relative;
	z-index: 1;
}

/* Welsh Dragon subtle background pattern for main content */
.main {
	position: relative;
}

.main::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: radial-gradient(circle at 50% 50%, transparent 30%, rgba(196,30,58,0.05) 100%);
	pointer-events: none;
	z-index: 0;
}

/* Ensure main content is layered correctly */
.custom-header-banner,
.lfm_topbar,
.content {
	position: relative;
	z-index: 1;
}

/* Merlin's mystical glow effect on hover for links */
a {
	transition: color 0.3s ease, text-shadow 0.3s ease;
}

a:hover {
	text-shadow: 0 0 8px rgba(212,175,55,0.5);
}

/* Table styling for medieval theme */
table {
	background: rgba(232,212,176,0.9) !important;
	border: 2px solid var(--royal-gold) !important;
}

table thead {
	background: linear-gradient(180deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
	color: var(--royal-gold) !important;
	font-weight: 700 !important;
}

table thead th {
	border-bottom: 2px solid var(--royal-gold) !important;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
}

table tbody tr {
	border-bottom: 1px solid rgba(107,107,107,0.3) !important;
}

table tbody tr:hover {
	background: rgba(212,175,55,0.2) !important;
}

/* Form styling */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select {
	background: rgba(232,212,176,0.9) !important;
	border: 2px solid var(--iron-gray) !important;
	color: var(--dark-stone) !important;
	font-weight: 600 !important;
	transition: all 0.3s ease !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	border-color: var(--royal-gold) !important;
	box-shadow: 0 0 12px rgba(212,175,55,0.5) !important;
	background: rgba(244,228,193,0.95) !important;
	outline: none !important;
}

/* Heading styles with medieval flair */
h1, h2, h3, h4, h5, h6 {
	color: gold;
	font-weight: 700;
	text-shadow: 1px 1px 2px rgba(212,175,55,0.3);
}

h1 {
	border-bottom: 3px solid var(--royal-gold);
	padding-bottom: 10px;
	margin-bottom: 20px;
	color: var(--royal-red);
}

h2 {
	border-bottom: 2px solid var(--royal-gold);
	padding-bottom: 8px;
	margin-bottom: 15px;
	color: var(--dark-stone);
	font-size: 32px;
}

h3 {
	color: var(--dragon-red);
	font-size: 24px;
}

/* Badge styling */
.badge {
	font-weight: 700 !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.6) !important;
	border: 1px solid rgba(0,0,0,0.2) !important;
}

.badge-primary {
	background: linear-gradient(135deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
}

.badge-success {
	background: linear-gradient(135deg, var(--forest-green) 0%, #1A3A1B 100%) !important;
}

.badge-info {
	background: linear-gradient(135deg, var(--merlin-blue) 0%, #0F1F3F 100%) !important;
}

.badge-warning {
	background: linear-gradient(135deg, var(--royal-gold) 0%, #B8941E 100%) !important;
	color: var(--dark-stone) !important;
}

.badge-danger {
	background: linear-gradient(135deg, #C41E3A 0%, #8B0000 100%) !important;
}

/* Pagination styling */
.pagination .page-link {
	background: rgba(232,212,176,0.9) !important;
	border: 2px solid var(--iron-gray) !important;
	color: var(--dark-stone) !important;
	font-weight: 600 !important;
}

.pagination .page-link:hover {
	background: var(--royal-gold) !important;
	color: #FFFFFF !important;
	border-color: var(--royal-gold) !important;
}

.pagination .page-item.active .page-link {
	background: linear-gradient(180deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
	border-color: var(--royal-gold) !important;
	color: var(--royal-gold) !important;
}

/* Progress bar styling */
.progress {
	background: rgba(107,107,107,0.3) !important;
	border: 2px solid var(--iron-gray) !important;
}

.progress-bar {
	background: linear-gradient(90deg, var(--forest-green) 0%, var(--dragon-red) 50%, var(--royal-gold) 100%) !important;
	box-shadow: 0 0 10px rgba(212,175,55,0.6);
}

/* Modal styling */
.modal-content {
	background: rgba(232,212,176,0.98) !important;
	border: 3px solid var(--royal-gold) !important;
	box-shadow: 0 10px 40px rgba(0,0,0,0.8) !important;
}

.modal-header {
	background: linear-gradient(180deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
	color: var(--royal-gold) !important;
	border-bottom: 2px solid var(--royal-gold) !important;
}

.modal-title {
	font-weight: 700 !important;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
}

.modal-footer {
	border-top: 2px solid var(--royal-gold) !important;
	background: rgba(212,175,55,0.1) !important;
}

/* Dropdown menu styling */
.dropdown-menu {
	background: rgba(232,212,176,0.98) !important;
	border: 2px solid var(--royal-gold) !important;
	box-shadow: 0 6px 20px rgba(0,0,0,0.6) !important;
}

.dropdown-item {
	color: var(--dark-stone) !important;
	font-weight: 600 !important;
	transition: all 0.3s ease !important;
}

.dropdown-item:hover {
	background: linear-gradient(90deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
	color: var(--royal-gold) !important;
}

/* Breadcrumb styling */
.breadcrumb {
	background: rgba(232,212,176,0.9) !important;
	border: 2px solid var(--iron-gray) !important;
}

.breadcrumb-item {
	color: var(--dark-stone) !important;
	font-weight: 600 !important;
}

.breadcrumb-item.active {
	color: var(--royal-red) !important;
}

/* Nav tabs styling */
.nav-tabs {
	border-bottom: 3px solid var(--royal-gold) !important;
}

.nav-tabs .nav-link {
	background: rgba(232,212,176,0.7) !important;
	border: 2px solid var(--iron-gray) !important;
	color: var(--dark-stone) !important;
	font-weight: 600 !important;
	margin-right: 4px !important;
}

.nav-tabs .nav-link:hover {
	background: rgba(212,175,55,0.4) !important;
	border-color: var(--royal-gold) !important;
}

.nav-tabs .nav-link.active {
	background: linear-gradient(180deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
	border-color: var(--royal-gold) !important;
	color: var(--royal-gold) !important;
	border-bottom-color: transparent !important;
}

/* List group styling */
.list-group-item {
	background: rgba(232,212,176,0.9) !important;
	border: 1px solid rgba(107,107,107,0.3) !important;
	color: var(--dark-stone) !important;
}

.list-group-item:hover {
	background: rgba(212,175,55,0.3) !important;
}

.list-group-item.active {
	background: linear-gradient(90deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
	border-color: var(--royal-gold) !important;
	color: var(--royal-gold) !important;
}

/* Custom scrollbar for medieval theme */
::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-track {
	background: linear-gradient(180deg, #2A1810 0%, #3A2820 100%);
	border: 1px solid var(--iron-gray);
}

::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, var(--dragon-red) 0%, var(--royal-red) 100%);
	border: 2px solid var(--royal-gold);
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: linear-gradient(180deg, var(--royal-gold) 0%, #B8941E 100%);
}

/* Selection styling */
::selection {
	background: var(--royal-gold);
	color: var(--dark-stone);
}

::-moz-selection {
	background: var(--royal-gold);
	color: var(--dark-stone);
}

/* Tooltip styling */
.tooltip-inner {
	background: linear-gradient(135deg, #2A1810 0%, #3A2820 100%) !important;
	border: 2px solid var(--royal-gold) !important;
	color: var(--royal-gold) !important;
	font-weight: 600 !important;
	padding: 8px 12px !important;
}

/* Popover styling */
.popover {
	background: rgba(232,212,176,0.98) !important;
	border: 2px solid var(--royal-gold) !important;
	box-shadow: 0 6px 20px rgba(0,0,0,0.6) !important;
}

.popover-header {
	background: linear-gradient(180deg, var(--dragon-red) 0%, var(--royal-red) 100%) !important;
	color: var(--royal-gold) !important;
	border-bottom: 2px solid var(--royal-gold) !important;
	font-weight: 700 !important;
}

.popover-body {
	color: var(--dark-stone) !important;
	font-weight: 600 !important;
}

/* Enhanced link styles for medieval theme */
a:not(.btn):not(.nav-link):not(.dropdown-item) {
	color: var(--dragon-red);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: all 0.3s ease;
}

a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
	color: var(--royal-gold);
	border-bottom: 1px solid var(--royal-gold);
}

/* Spinner/Loading styling */
.spinner-border {
	border-color: var(--royal-gold) !important;
	border-right-color: transparent !important;
}

.spinner-grow {
	background-color: var(--royal-gold) !important;
}

/* Add subtle animation to the sidebar stone texture */
@keyframes stoneShimmer {
	0%, 100% { opacity: 0.3; }
	50% { opacity: 0.4; }
}

.lfm_slidebar::before {
	animation: stoneShimmer 8s ease-in-out infinite;
}

/* Add mystical glow to header seal */
@keyframes sealGlow {
	0%, 100% {
		box-shadow: 0 0 20px rgba(212,175,55,0.6), inset 0 0 15px rgba(0,0,0,0.5);
	}
	50% {
		box-shadow: 0 0 30px rgba(212,175,55,0.9), inset 0 0 20px rgba(0,0,0,0.3);
	}
}

.round-table-seal {
	animation: sealGlow 3s ease-in-out infinite;
}

/* Jumbotron styling */
.jumbotron {
	background: linear-gradient(135deg, rgba(139,0,0,0.3) 0%, rgba(196,30,58,0.3) 100%) !important;
	border: 3px solid var(--royal-gold) !important;
	box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
	color: var(--dark-stone) !important;
}

/* Well/Container special styling */
.well, .card-body {
	background: rgba(232,212,176,0.8) !important;
}

/* Special medieval divider */
.medieval-divider {
	height: 3px;
	background: linear-gradient(90deg, transparent 0%, var(--royal-gold) 50%, transparent 100%);
	margin: 20px 0;
	position: relative;
}

.medieval-divider::before {
	content: '⚔';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: var(--parchment);
	padding: 0 15px;
	color: var(--dragon-red);
	font-size: 20px;
}

/* Print styles */
@media print {
	body {
		background: white !important;
	}

	.lfm_slidebar,
	.lfm_topbar,
	.custom-header-banner {
		display: none !important;
	}

	.content {
		border: none !important;
		box-shadow: none !important;
	}
}