body {
    margin: 0;
    padding: 0;

    background: #0d0b0b;
    color: #d9c7a3;

    font-family: 'Tiepolobia', Verdana, Arial, sans-serif;
}

@font-face {
    font-family: 'Tiepolobia';
    src: url('/fonts/tiepolobia.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.site-wrapper {
    width: 1100px;
    margin: 0 auto;
}

.site-header {
  width: 100%;
  height: 225px;
  overflow: hidden;
  background: #080300;
}

.site-title,
.news-item h2,
h1,
h2,
h3,
h4 {
    font-family: inherit;
}

.header-panel {

    margin-top: 20px;

    text-align: center;

    background:
        linear-gradient(#342b27,#171311);

    border: 3px solid #66554d;

    border-radius: 12px;

    padding: 15px;
}

.site-logo {
    max-width: 600px;
}

.site-title {

    margin-top: 10px;

    color: #e5d3aa;

    font-size: 28px;

    font-family: Georgia, serif;

    text-shadow:
        2px 2px 4px #000;
}

.exigo-menu {

    text-align: center;

    margin: 15px 0;

    padding: 10px;

    background:
        linear-gradient(#2f2724,#120f0e);

    border: 3px solid #6d5f58;

    border-radius: 10px;
}

.exigo-menu a {

    display: inline-block;

    margin: 4px;

    padding: 10px 18px;

    text-decoration: none;

    color: #e7d4a3;

    font-weight: bold;

    border-radius: 6px;

    border: 2px solid #5e5049;

    background:
        linear-gradient(#41352f,#1a1512);

    text-shadow:
        1px 1px 2px #000;
}

.exigo-menu a:hover {

    color: white;

    border-color: #b99b5c;

    box-shadow:
        0 0 10px rgba(120,190,255,.6);
}

.exigo-menu a.active {

    background:
        linear-gradient(#33596b,#18262f);

    border-color: #8dbfd4;

    color: white;

    box-shadow:
        0 0 10px rgba(120,190,255,.8);
}
.exigo-panel {
  position: relative;
  padding: 40px;
  color: #d9c7a3;
  
  background: rgba(24, 13, 3, 0.88);

	box-shadow:
		inset 0 0 20px rgba(0,0,0,.9),
		0 0 15px rgba(0,0,0,.6);
}

.exigo-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;

  background:

    /* LEFT BORDER */
    linear-gradient(
		to bottom,
		#633518 8%,
		#b19a7b 40%,
		#b19a7b 55%,
		#633518 80%
	) left / 6px 100% no-repeat,

    /* RIGHT BORDER */
    linear-gradient(
		to bottom,
		#633518 8%,
		#b19a7b 40%,
		#b19a7b 55%,
		#633518 80%
	) right / 6px 100% no-repeat,

    /* TOP BORDER */
    linear-gradient(
      to right,
      #633518 0%,
      #8e5f2e 20%,
      #c6ba6b 50%,
      #8e5f2e 80%,
      #633518 100%
    ) top / 100% 6px no-repeat,

    /* BOTTOM BORDER */
    linear-gradient(
      to right,
      #633518 0%,
      #8e5f2e 20%,
      #c6ba6b 50%,
      #8e5f2e 80%,
      #633518 100%
    ) bottom / 100% 6px no-repeat;
}

.exigo-corner {
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: 2;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: 32px 32px;
}

.corner-tl {
  top: 0;
  left: 0;
  background-image: url("/images/corners/corner_tl_48.png");
}

.corner-tr {
  top: 0;
  right: 0;
  background-image: url("/images/corners/corner_tr_48.png");
}

.corner-bl {
  bottom: 0;
  left: 0;
  background-image: url("/images/corners/corner_bl_48.png");
}

.corner-br {
  bottom: 0;
  right: 0;
  background-image: url("/images/corners/corner_br_48.png");
}
.exigo-tabs {
  display: flex;
  align-items: flex-end;
  gap: 24px;

  /* Keep the tab row full width, but move the tabs inward */
  margin: 20px 0 0 0;
  padding: 0 20px 0 28px;

  /* 1px gold line with 1px black line below it */
  border-bottom: 1px solid #b89a4a;
  box-shadow: 0 1px 0 #000;

  overflow: visible;
}

.exigo-tab {
  position: relative;
  display: block;
  overflow: visible;

  min-width: 120px;
  padding: 8px 16px 7px;

  text-align: center;
  text-decoration: none;

  color: #d8c08a;
  font-family: inherit;
  font-size: 22px;

  background:
    linear-gradient(
      to bottom,
      #3b1d09 0%,
      #1b0c03 45%,
      rgba(24, 13, 3, 0.88) 100%
    );

  border-top: 2px solid #b69a55;
  border-left: 2px solid #7c5a24;
  border-right: 2px solid #7c5a24;
  border-bottom: none;

  border-radius: 8px 8px 0 0;

  box-shadow:
    inset 0 0 10px #000,
    inset 0 2px 2px rgba(255, 225, 140, 0.25);
}

.tab-corner-br {
  position: absolute;
  width: 24px;
  height: 24px;

  right: -12px;
  bottom: -4px;

  background: url("/images/tabs_bottomright.png") no-repeat right bottom;
  background-size: 24px 24px;

  z-index: 50;
  pointer-events: none;
}

.exigo-tab::before,
.exigo-tab::after {
  content: "";
  position: absolute;
  top: -2px;

  width: 16px;
  height: 16px;

  background-repeat: no-repeat;
  background-size: 16px 16px;

  pointer-events: none;
  z-index: 3;
}

.exigo-tab::before {
  left: -2px;
  background-image: url("/images/tabs_topleft.png");
}

.exigo-tab::after {
  right: -2px;
  background-image: url("/images/tabs_topright.png");
}
.tab-corner-bl {
  position: absolute;

  width: 24px;
  height: 24px;

  left: -12px;
  bottom: -4px;

  background: url("/images/tabs_bottomleft.png") no-repeat left bottom;
  background-size: 24px 24px;

  z-index: 50;
  pointer-events: none;
}
.tab-bottom-cover {
  display: none;
}

.exigo-tab.active .tab-bottom-cover {
  display: block;

  position: absolute;

  left: 0;
  right: 0;
  bottom: -2px;

  height: 2px;

  background: rgba(24, 13, 3, 0.88);

  z-index: 101;
}
.exigo-tab.active::marker {
    display: none;
}
.exigo-tab.active {
	color: #f2dfb2;

	z-index: 100;
  border-bottom: 2px solid rgba(24, 12, 4, 0.0);
  margin-bottom: -2px;
  text-shadow:
    0 0 1px #f8e7b0,
    0 0 3px #c6924a,
    0 0 5px rgba(148,77,0,.55),
    1px 1px 2px #000;
	
    position: relative;
    background:
		linear-gradient(
		  to bottom,
		  rgba(148,77,0,.45) 0%,
		  rgba(148,77,0,.15) 18px,
		  rgba(148,77,0,0) 28px
		),
		linear-gradient(
		  to bottom,
		  #3b1d09 0%,
		  rgba(24,13,3,.88) 50%,
		  rgba(24,13,3,.88) 100%
		);
}


.exigo-tab.active::before,
.exigo-tab.active::after,
.exigo-tab.active .tab-corner-bl,
.exigo-tab.active .tab-corner-br {
    filter:
        drop-shadow(0 0 1px rgba(198,186,107,.35))
        brightness(1.35)
        saturate(1.15);
}

.exigo-banner {
    position: relative;

    height: 220px;

    background:
        url("/images/banner/banner_pattern.png") repeat,
        linear-gradient(to bottom, #241207, #080300);

    overflow: hidden;

    margin-bottom: 15px;
}

.banner-left {
    overflow: hidden;
    border-radius: 0 40px 40px 0;
}

.banner-left::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        url("/images/banner/top_left.png")
        center center
        no-repeat;

    background-size: cover;

    filter: blur(8px);

    opacity: .6;

    mask-image:
        linear-gradient(
            to right,
            transparent 0%,
            transparent 50%,
            black 100%
        );
}

.banner-right {
    position: absolute;

    right: 0;
    top: 0;

    width: 300px;
    height: 100%;

    background:
        url("/images/banner/top_right.png")
        center center
        no-repeat;

    background-size: cover;

    filter: blur(2px);

    opacity: 0.85;
}

.banner-icon {
    position: absolute;

    width: 200px;
    height: auto;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%);

    z-index: 5;

    filter:
        drop-shadow(0 0 8px rgba(0,0,0,.8));
}

.banner-right::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to left,
            transparent 0%,
            transparent 50%,
            #080300 100%
        );
}

.exigo-header-panel {
  padding: 0;
  overflow: hidden;
  margin-bottom: 14px;
}

.exigo-header-panel::before {
  z-index: 2;
}

.exigo-header-panel .exigo-corner {
  z-index: 4;
}

.site-banner {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  border-bottom: 2px solid #b89a4a;
}

.content-panel {
    padding: 0 20px;
	color: #f5f4f4;
	font-family: inherit;
}

.footer-panel {
	color: #f5f4f4;
    padding-bottom: 20px;
}

.content-panel a,
.footer-panel a {
    color: #fff032;
    text-decoration: none;
}

.content-panel a:hover,
.footer-panel a:hover {
    color: #fff032;

    text-shadow:
        0 0 2px rgba(255,240,50,.5),
        0 0 4px rgba(148,77,0,.3);
}

.news-item {
  margin: 20px 0;
  padding: 18px 20px;

  background: rgba(24, 13, 3, 0.65);

  border: 1px solid #7c5a24;

  box-shadow:
    inset 0 0 12px rgba(0,0,0,.8),
    0 0 10px rgba(0,0,0,.45);
}

.news-date,
.news-time {
  color: #b89a4a;
  font-size: 14px;
  margin-bottom: 8px;
}

.news-item h2 {
  color: #fff032;
  margin: 6px 0 8px 0;
}

.news-thumbnail {
  display: block;
  max-width: 260px;
  height: auto;
  margin-top: 12px;

  border: 2px solid #b89a4a;

  box-shadow:
    0 0 8px rgba(0,0,0,.8);
}

.news-thumbnail:hover {
  filter: brightness(1.15);
  box-shadow:
    0 0 8px rgba(184,154,74,.65);
}