/*!
    
 =========================================================
 * WebEngine CMS
 * https://webenginecms.org/
 =========================================================
 
 * Author Lautaro Angelico (https://lautaroangelico.com/)
 * Copyright (c) 2013-2026 Lautaro Angelico, All Rights Reserved
 
 * Licensed under the MIT license
 * https://opensource.org/licenses/MIT
 
 =========================================================
 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none !important;
}

a:focus, a:hover {
    color: inherit !important;
    text-decoration: none !important;
	outline: none !important;
}

.form-control {
	background: #fafafa;
	border: 1px solid #e3e3e3;
	color: #666;
}
.form-control:focus {
	border: 1px solid #ccc;
}

/* http://stackoverflow.com/questions/19562903/remove-padding-from-columns-in-bootstrap-3 */
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* http://stackoverflow.com/questions/20547819/vertical-align-with-bootstrap-3 */
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.thumbnail {
    background-color: var(--webenginecolor27);
    border: 1px solid var(--webenginecolor16);
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: var(--webenginecolor1);
}

.btn-primary {
    color: var(--webenginecolor9);
    background-color: var(--webenginecolor8);
	border-color: var(--webenginecolor10);
    transition: all .1s ease-in;
	border-radius: 3px;
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    color: var(--webenginecolor12) !important;
    background-color: var(--webenginecolor11) !important;
	border-color: var(--webenginecolor13) !important;
}

.form-horizontal .control-label {
	text-align: left !important;
}

/* =========================================================
   ARCANISMU CLASSIC BLUE & SILVER OVERRIDES
   Designed for WebEngine CMS 1.2.x default template
   ========================================================= */

:root {
  --arcanis-blue-950: #050b16;
  --arcanis-blue-900: #091426;
  --arcanis-blue-800: #0d1d33;
  --arcanis-blue-700: #153252;
  --arcanis-silver: #c6d3e3;
  --arcanis-silver-bright: #edf4ff;
  --arcanis-muted: #8297b2;
  --arcanis-line: rgba(137, 169, 207, .24);
  --arcanis-glow: rgba(76, 151, 232, .22);
}

html { min-width: 0 !important; }
body {
  background-color: var(--arcanis-blue-950) !important;
  color: var(--arcanis-silver) !important;
  background-image:
    linear-gradient(rgba(5,11,22,.38), rgba(5,11,22,.88)),
    url('../img/background.jpg') !important;
  background-attachment: fixed;
  background-size: cover;
}

a { color: #b8cbe2; transition: color .18s ease, text-shadow .18s ease; }
a:hover { color: var(--arcanis-silver-bright) !important; text-shadow: 0 0 12px var(--arcanis-glow); }

#navbar {
  background: linear-gradient(180deg, #0d1b30 0%, #07101e 100%) !important;
  border-top: 1px solid var(--arcanis-line) !important;
  border-bottom: 1px solid #1c3857 !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.35);
}
#navbar ul li a {
  color: #9fb4ce !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
  padding: 18px 16px !important;
}
#navbar ul li a:hover,
#navbar ul li.active a {
  color: #eef5ff !important;
  background: linear-gradient(180deg, #17385d, #0b1b30) !important;
}

#header {
  background: radial-gradient(ellipse at center, rgba(26,65,105,.42), rgba(5,11,22,0) 70%) !important;
  border-bottom: 1px solid var(--arcanis-line);
  padding: 30px 0 !important;
}
.webengine-mu-logo {
  filter: drop-shadow(0 0 18px rgba(92,157,222,.25));
  max-width: 100%;
  height: auto;
}

.header-info-container { background: rgba(4,10,19,.72) !important; }
.header-info {
  background: linear-gradient(135deg, rgba(15,36,61,.96), rgba(7,16,29,.96)) !important;
  border: 1px solid var(--arcanis-line) !important;
  box-shadow: 0 8px 28px rgba(0,0,0,.28);
}
.header-info-block { color: #9db2cc !important; }
.online-count { color: #9fcaff !important; }
.webengine-online-bar {
  background: #050b15 !important;
  border: 1px solid #294a6c !important;
}
.webengine-online-bar-progress {
  background: linear-gradient(90deg, #315e91, #b8cee7) !important;
}

.panel, .panel-sidebar, .castle-owner-widget {
  background: linear-gradient(145deg, rgba(16,34,56,.97), rgba(7,16,29,.97)) !important;
  border: 1px solid var(--arcanis-line) !important;
  border-radius: 2px;
  box-shadow: 0 8px 25px rgba(0,0,0,.24);
}
.panel-heading {
  background: linear-gradient(180deg, #173452, #0c1d31) !important;
  border-bottom: 1px solid #2a4b6c !important;
  color: #d9e6f5 !important;
}
.panel-title {
  color: #d9e6f5 !important;
  font-family: 'Cinzel', Georgia, serif;
  letter-spacing: .6px;
}
.panel-body { color: #9eb1c9; }

.table > thead > tr > th {
  background: rgba(6,14,26,.5);
  color: #8ea8c5;
  border-bottom: 1px solid #2a4562 !important;
  text-transform: uppercase;
  letter-spacing: .8px;
}
.table > tbody > tr > td { border-bottom: 1px solid rgba(78,111,145,.18) !important; }
.table > tbody > tr:hover { background: rgba(54,100,151,.10); }

.form-control {
  background: #071321 !important;
  border: 1px solid #29435f !important;
  color: #dce8f6 !important;
  border-radius: 2px !important;
}
.form-control:focus {
  border-color: #6d9bc9 !important;
  box-shadow: 0 0 0 2px rgba(76,151,232,.12) !important;
}

.btn-primary, .btn-castlewidget {
  background: linear-gradient(180deg, #cbd8e7, #7d9ab9) !important;
  color: #081322 !important;
  border: 1px solid #dbe7f4 !important;
  border-radius: 2px !important;
  text-transform: uppercase;
  letter-spacing: .7px;
  font-weight: 700;
}
.btn-primary:hover, .btn-castlewidget:hover {
  background: linear-gradient(180deg, #edf4fc, #a9bfd7) !important;
  color: #050b14 !important;
}

.sidebar-banner img {
  border: 1px solid #29445f;
  filter: brightness(.88) saturate(.8);
  transition: filter .2s ease, transform .2s ease;
}
.sidebar-banner img:hover { filter: brightness(1.05) saturate(1); }

.footer-container {
  background: linear-gradient(180deg, #0a1728, #050b15) !important;
  border-top: 1px solid #29445f !important;
  color: #7188a4 !important;
}
.footer-social-link img { opacity: .72; transition: opacity .2s ease; }
.footer-social-link img:hover { opacity: 1; }

@media only screen and (max-width: 1040px) {
  html { min-width: 0 !important; }
  .container { max-width: 100%; }
}