/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2020 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * http://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.castle-siege-block .castle-owner-panel {
	background: linear-gradient(135deg, #001a4d 0%, #003d99 50%, #0066ff 100%);
	color: #ffffff;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-khtml-border-radius: 15px;
	border: 2px solid #0066ff;
	-moz-box-shadow: 0 4px 20px rgba(0, 102, 255, 0.6);
	-webkit-box-shadow: 0 4px 20px rgba(0, 102, 255, 0.6);
	box-shadow: 0 4px 20px rgba(0, 102, 255, 0.6);
	padding: 20px;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
	transition: all 0.3s ease;
}
.castle-siege-block .castle-owner-panel:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 102, 255, 0.8);
}
.castle-siege-block .castle-owner-panel a {
	color: #00ffff;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease;
}
.castle-siege-block .castle-owner-panel a:hover, .castle-siege-block .castle-owner-panel a:active {
	color: #ffff00;
	text-shadow: 0 0 10px #ffff00;
	transform: scale(1.05);
}
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-name, .castle-siege-block .castle-owner-panel .panel-body .castle-owner-name a {
	color: #ffffff;
	display: block;
	padding: 5px;
	font-size: 24px;
	font-weight: bold;
}
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-ally-title {
	margin-top: 20px;
}
.castle-siege-block .castle-owner-panel .panel-body .castle-owner-ally {
	padding: 5px 0px;
}
.castle-siege-block .castle-owner-panel .panel-body h4 {
	color: #00ccff !important;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

.castle-siege-block #siegeTimer {
	font-size: 48px;
	font-weight: bold;
}
.castle-siege-block #siegeTimer span {
	color: #aaaaaa;
	font-size: 26px;
}

.castle-owner-widget {
	background: #8A8575 url(../img/castle_owner_bg.jpg) no-repeat top right;
    background-size: cover;
    color: #F5F3EF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    border: 1px solid #C2A878;
    -moz-box-shadow: 0 0 10px #555;
    -webkit-box-shadow: 0 0 10px #555;
    box-shadow: 0 0 10px #8A8575;
    padding: 20px;
    text-shadow: 1px 1px 1px #000;
    transition: 0.3s;
    height: 580px;
}
.castle-owner-widget:hover {
	-webkit-filter: brightness(120%);
	filter: brightness(120%);
}
	.castle-owner-widget .panel-heading {
		text-align: center;
	}
		.castle-owner-widget .panel-heading .panel-title {
		font-size: 28px;
		font-weight: bold;
	}
	.castle-owner-widget .panel-body span.alt {
		color: #C2A878;
		font-weight: bold;
	}
	.castle-owner-widget .panel-body a {
		color: #ffffff;
	}
	
	.btn-castlewidget {
		color: #ffffff;
		background-color: transparent;
		border-color: #ffffff;
		-moz-transition: all .1s ease-in;
		-o-transition: all .1s ease-in;
		-webkit-transition: all .1s ease-in;
		transition: all .1s ease-in;
		-moz-border-radius: 0px;
		border-radius: 0px;
		text-shadow: none;
	}
	.btn-castlewidget:active, .btn-castlewidget:focus, .btn-castlewidget:hover {
		color: #000000 !important;
		background-color: #ffffff !important;
		border-color: #ffffff !important;
	}

/* CASTLE SIEGE MODULE STYLES */
.castle-siege-block {
	padding: 15px;
	margin: 15px 0;
	background: linear-gradient(135deg, #000d26 0%, #001a4d 50%, #003d99 100%);
	border: 2px solid #0066ff;
	border-radius: 15px;
	box-shadow: 0 4px 15px rgba(0, 102, 255, 0.4);
	position: relative;
	overflow: hidden;
}

.castle-siege-block::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #0066ff 0%, #00ccff 50%, #0066ff 100%);
	animation: shimmer 3s ease-in-out infinite;
}

@keyframes shimmer {
	0%, 100% { opacity: 0.6; }
	50% { opacity: 1; }
}

.castle-siege-block .page-title {
	margin-bottom: 20px;
}

.castle-siege-block .page-title span {
	color: #ffffff;
	font-family: 'Cinzel', serif;
	font-size: 26px;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
	text-transform: uppercase;
	letter-spacing: 2px;
	display: inline-block;
	padding: 10px 20px;
	background: linear-gradient(135deg, #0033cc 0%, #0066ff 100%);
	border-radius: 12px;
	border: 2px solid #00ccff;
	box-shadow: 0 3px 12px rgba(0, 204, 255, 0.5);
}

.castle-siege-block h2 {
	color: #ffffff;
	font-family: 'Cinzel', serif;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 20px;
	padding: 15px 20px;
	background: linear-gradient(135deg, #0033cc 0%, #0066ff 100%);
	border-radius: 10px;
	border: 2px solid #00ccff;
	box-shadow: 0 3px 12px rgba(0, 204, 255, 0.5);
}

.castle-siege-block .table {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	background: linear-gradient(135deg, #001a4d 0%, #003d99 100%);
	border: 2px solid #0066ff;
	border-radius: 10px;
	box-shadow: 0 3px 15px rgba(0, 102, 255, 0.5);
	overflow: hidden;
	margin: 15px 0;
}

.castle-siege-block .table thead tr th {
	color: #ffffff !important;
	border-bottom: 2px solid #00ccff;
	background: linear-gradient(135deg, #0033cc 0%, #0066ff 100%);
	font-weight: bold;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 12px 10px;
	text-align: center;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

.castle-siege-block .table tbody tr td {
	border-bottom: 1px solid #0066ff;
	padding: 10px 8px;
	font-size: 14px;
	font-weight: 600;
	vertical-align: middle !important;
	text-align: center;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
	transition: all 0.3s ease;
}

.castle-siege-block .table tbody tr:hover td {
	background: rgba(0, 102, 255, 0.2);
	color: #00ccff;
}

.castle-siege-block .table tbody tr td a {
	color: #00ffff !important;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
	transition: all 0.3s ease;
}

.castle-siege-block .table tbody tr td a:hover {
	color: #ffff00 !important;
	text-shadow: 0 0 10px #ffff00;
	transform: scale(1.05);
}

.castle-siege-block #siegeTimer {
	font-size: 48px;
	font-weight: bold;
	color: #00ccff;
	text-align: center;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8), 0 0 20px rgba(0, 204, 255, 0.6);
	padding: 20px;
	background: linear-gradient(135deg, #001a4d 0%, #003d99 100%);
	border: 2px solid #0066ff;
	border-radius: 15px;
	box-shadow: 0 4px 20px rgba(0, 102, 255, 0.6);
	margin: 20px 0;
}

.castle-siege-block #siegeTimer span {
	color: #ffffff;
	font-size: 26px;
}

.castle-siege-block hr {
	border-top: 2px solid #0066ff;
	box-shadow: 0 1px 5px rgba(0, 102, 255, 0.3);
	margin: 30px 0;
}