body {
  background: #0b0f0d url(images/background.jpg) center top no-repeat;
  background-size: cover;
  font: 13px Arial, Helvetica, Sans-serif;
  color: #d3d6d5;
} 


a, a:focus, a:hover, button, button:focus, button:hover, button:active { 
  text-decoration: none; 
  outline: none; 
  -o-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -khtml-transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
a {
  color: #0b0f0d;
}
a:hover, a:focus {
  color: #fff;
  outline: 0 none !important;
  text-decoration: none;
}

img { border:0; margin: 0; }

	

/* @FONT-FACE */
@font-face {
  font-family: oswaldregular;
  src: url('fonts/oswaldregular.eot'); /* IE9 Compatibility Modes */
  src: url('fonts/oswaldregular.eot?') format('eot'),  /* IE6-IE8 */
  url('fonts/oswaldregular.woff') format('woff'), /* Modern Browsers */
  url('fonts/oswaldregular.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('fonts/oswaldregular.svg#svgoswaldregular') format('svg'); /* Legacy iOS */
} 

@font-face {
  font-family: oswaldlight;
  src: url('fonts/oswaldlight.eot'); /* IE9 Compatibility Modes */
  src: url('fonts/oswaldlight.eot?') format('eot'),  /* IE6-IE8 */
  url('fonts/oswaldlight.woff') format('woff'), /* Modern Browsers */
  url('fonts/oswaldlight.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('fonts/oswaldlight.svg#svgoswaldlight') format('svg'); /* Legacy iOS */
} 



/*************************************
*** HEADER ***************************
**************************************/ 
#header {  
  background: transparent;
  margin-top: 0;
  padding: 0;
}


/*************************************
*** MAIN MENU ************************
**************************************/ 
#header .navbar {
  margin-bottom: 0;
} 
#header .navbar.navbar-default {
  min-height: 0px;
  border: none;
  background-color: #0d1410;
  background-image: none;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header ul.nav > li > a {
  font: 12px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 40px;
  background-color: transparent;
  padding: 0 20px;
  text-transform: uppercase;
} 
#header ul.nav > li > a:hover,
#header ul.nav > li > a:focus,
#header ul.nav > li > a.active,
#header ul.nav > li.active > a,
#header ul.nav > li.open > a, 
#header ul.nav > li.open > a:focus, 
#header ul.nav > li.open > a:hover {
  color: #64d5b4;
  background-color: transparent;
}
#header ul.nav > li ul.dropdown-menu {
  background-color: rgba(0,0,0,0.8);
  border: 1px solid #000;
}
#header ul.nav > li ul.dropdown-menu li {
  border-bottom: 1px solid #393939;
}
#header ul.nav > li ul.dropdown-menu li:last-child {
  border-bottom: none;
}
#header ul.nav > li ul.dropdown-menu li a {
  font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1;
  padding: 10px 15px;
}
#header ul.nav > li ul.dropdown-menu li a:hover {
  color: #fff;
  background: #64d5b4;
}

@media (max-width: 767px) {
  #header .navbar-collapse {
    border-color: #2e2e2e;
  }
  #header .navbar-toggle {
    background-color: #000;
    border: 1px solid #1a1a1a;
  }
  #header .navbar-toggle:hover {
    background-color: #333;
    border: 1px solid #2e2e2e;
  }
  #header ul.nav > li > a:hover,
  #header ul.nav > li > a:focus,
  #header ul.nav > li > a.active,
  #header ul.nav > li.active > a,
  #header ul.nav > li.open > a, 
  #header ul.nav > li.open > a:focus, 
  #header ul.nav > li.open > a:hover {
    color: #64d5b4;
    background-color: rgba(0,0,0,0.8);
  }
}
 


/*************************************
*** SOCIAL ICONS *********************
**************************************/
.header-social {
  margin-top: 5px;
}
.header-social a.social-rss span {
  width: 40px;
  background-color: #ff6600;
  color: #fff;
  border: 1px solid #e25c03;
  padding-top: 3px;
  padding-bottom: 3px;  
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
  border-radius: 4px;
}
.header-social a.social-rss span:hover {
  background-color: #e25c03;
}
.header-social a.social-facebook span {
  width: 40px;
  background-color: #3b5998;
  color: #fff;
  border: 1px solid #40547c;
  padding-top: 3px;
  padding-bottom: 3px;  
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
  border-radius: 4px;
}
.header-social a.social-facebook span:hover {
  background-color: #40547c;
}
.header-social a.social-twitter span {
  width: 40px;
  background-color: #55acee;
  color: #fff;
  border: 1px solid #4f9dd8;
  padding-top: 3px;
  padding-bottom: 3px;  
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
  border-radius: 4px;
}
.header-social a.social-twitter span:hover {
  background-color: #4f9dd8;
}
.header-social a.social-google-plus span {
  width: 40px;
  background-color: #dd4b39;
  color: #fff;
  border: 1px solid #c64332;
  padding-top: 3px;
  padding-bottom: 3px;  
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
  border-radius: 4px;
}
.header-social a.social-google-plus span:hover {
  background-color: #c64332;
}
.header-social a.social-youtube span {
  width: 40px;
  background-color: #bb0000;
  color: #fff;
  border: 1px solid #a40101;
  padding-top: 3px;
  padding-bottom: 3px;  
  -moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
  border-radius: 4px;
}
.header-social a.social-youtube span:hover {
  background-color: #a40101;
}


/*************************************
*** SITENAME, SITETAG ****************
**************************************/
.logo {
    float: left;
    margin: 6px 0;
    background: url(images/logo.png) no-repeat left top;
}

#header .sitename {
  font: 48px "oswaldregular", Arial, Helvetica, Sans-serif;
  line-height: 1;
  text-transform: uppercase;
  margin: 10px 0;
  padding: 0;
}
#header .sitename:before {
  content: url(images/logo.png);
  display: inline-block;
  padding-right: 15px;
}
#header .sitename a {
  color: #fff;
  text-decoration: none;
}
#header .sitename a:hover {
  color: ad8c69;
  text-decoration: none;
}
#header .sitetag {
  font: 14px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 14px;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 0 80px;  
}

@media (max-width: 767px) {
  #header .sitename {
    font-size: 28px;
  }
}


/*************************************
*** SEARCH ***************************
**************************************/
.header-search {
  padding: 15px 0 6px 10px;
}
.header-search .input-group .input-group-addon {
  background-color: #191919;
  border-color: #2e2e2e; 
}
.header-search .input-group .form-control {
  color: #999;
  background-color: #191919;
  border-color: #2e2e2e;
	border-right: none; 
	box-shadow:0 0 0; 
}
.header-search .input-group button {
  background:transparent;
  border: none;
}
.header-search .input-group button {
  color: #999;
  background:transparent;
  border: none;
}
.header-search .input-group button:hover {
  color: #fff;
}


/*************************************
*** 2. MAIN MENU *********************
**************************************/
#header .navigation-secondary {
  background-color: rgba(0,0,0,0.5);
  border-bottom: 2px solid #0b0f0d;
  margin-top: 15px;
}
#header .navigation-secondary ul.nav > li {
  display: inline-block;
}
#header .navigation-secondary ul.nav > li > a {
  font: 12px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 40px;
  background-color: transparent;
  padding: 0 20px;
  text-transform: uppercase;
} 
#header .navigation-secondary ul.nav > li > a:hover,
#header .navigation-secondary ul.nav > li > a:focus,
#header .navigation-secondary ul.nav > li > a.active,
#header .navigation-secondary ul.nav > li.active > a,
#header .navigation-secondary ul.nav > li.open > a, 
#header .navigation-secondary ul.nav > li.open > a:focus, 
#header .navigation-secondary ul.nav > li.open > a:hover {
  color: #fff;
  background-color: #000;
}
#header .navigation-secondary ul.nav > li ul.dropdown-menu {
  background-color: rgba(0,0,0,0.8);
  border: 1px solid #000;
}
#header .navigation-secondary ul.nav > li ul.dropdown-menu li {
  border-bottom: 1px solid #393939;
}
#header .navigation-secondary ul.nav > li ul.dropdown-menu li:last-child {
  border-bottom: none;
}
#header .navigation-secondary ul.nav > li ul.dropdown-menu li a {
  font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1;
  padding: 10px 15px;
}
#header .navigation-secondary ul.nav > li ul.dropdown-menu li a:hover {
  color: #fff;
  background: #64d5b4;
}

@media (max-width: 767px) {
  #header .navigation-secondary ul.nav > li {
    display: block;
  }
}


/*************************************
*** MAIN CONTENT *********************
**************************************/
#main-content {
	padding: 15px;	
  background-color: rgba(0,0,0,0.8);
}


/*************************************
*** SLIDER ***************************
**************************************/
.slider-box {
  margin: 0 0 20px 0;
}
.slider-box .slider-box-body {

}
.slider-box .slider-box-body .featurebox.carousel {

}
.slider-box .slider-box-body .featurebox.carousel .carousel-indicators {
  bottom: -5px;
}
.slider-box .slider-box-body .featurebox.carousel .carousel-indicators li {
  border-color: #dbdbdb;
}
.slider-box .slider-box-body .featurebox.carousel .carousel-indicators li.active {
  background-color: #dbdbdb;
}
.slider-box .slider-box-body .featurebox.carousel .carousel-inner {
  overflow: hidden;
  background-color: #101010;
  height: auto !important;
  padding-bottom: 30px;
}
.slider-box .slider-box-body .featurebox.carousel .item {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}
.slider-box .carousel-caption { 
  padding: 10px;
  bottom: 0;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.slider-box .carousel-caption h1 {
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
}
.slider-box .carousel-caption p { 
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;      
}     
.slider-box .carousel-caption .btn-featurebox {
  text-align: center;
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
} 

@media (max-width: 767px) {
  .slider-box .carousel-caption h1 {
    font-size: 18px;
  }
  .slider-box .carousel-caption p { 
    display: none;
  }  
}


/*************************************
*** MAIN CONTENT LEFT COLUMN *********
**************************************/
.leftcol {}
.leftmenu-box { 
  overflow: hidden; 
  margin: 0 0 20px 0;
  padding: 0;
}
.leftmenu-box-title { 
  background: #0b0f0d;
  margin: 0 0 10px 0;
  padding: 0;
  border: 1px solid #74e0c0;
}
.leftmenu-box-title h2 {
  font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
  padding: 10px;
}
.leftmenu-box-body { 
  padding: 10px;
	font: 13px Arial, Helvetica, Sans-serif; 
  color:#dadada;
  line-height: 15px;
}

/* Left menu ul, li, badget */
.leftmenu-box-body > ul {
  list-style: none;
  padding-left: 0;
}
.leftmenu-box-body > ul > li {
  background-color: transparent;
  border: none;
  padding: 6px 6px 6px 0;
  display: block; 
}
.leftmenu-box-body > ul > li > a {
  color: #fff;
  background-color: transparent;
  padding: 0;
}
.leftmenu-box-body > ul > li > a:hover,
.leftmenu-box-body > ul > li > a:focus {  
  color: #0b0f0d;
  background-color: transparent;
}
.leftmenu-box-body > ul > li > a:before {
  content: "\f101";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #0b0f0d;
  text-decoration: inherit;
  padding-right: 5px; 
}
.leftmenu-box-body > ul > li > a span.badge {
  float: right;
  background-color: #4e7178;
  font-family: Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1;
  margin-left: 15px;
}
.leftmenu-box-body > ul > li > a:hover span.badge {
  background-color: #0b0f0d;
}

/* Left menu h2 span btn */
.leftmenu-box-title h2 span.btn-group {
  vertical-align: middle;
  margin-top: -4px;
}
.leftmenu-box-title h2 span.btn-group a.btn {
  background-color: #66b4e5;
  border-color:#8fcdf3;
  text-shadow: 0 -1px 0 #000;
  font-size: 18px;
  line-height: 1.3;
  padding: 0 5px;
}


/*************************************
*** MAIN CONTENT CENTER COLUMN *******
**************************************/
.centercol {}

.centermenu-box { 
  overflow: hidden; 
  margin: 0 0 20px 0;
  padding: 0;
  background: var(--ww2-smoke);
  border: 1px solid var(--ww2-border);
  position: relative;
}
.centermenu-box:before{
  content:'';
  position:absolute;
  inset:0;
  background-image: url(images/grunge.png);
  background-repeat: repeat;
  opacity: 0.18;
  pointer-events:none;
}
.centermenu-box-title { 
  background: var(--ww2-rust);
  margin: 0 0 10px 0;
  padding: 0;
  border-bottom: 1px solid var(--ww2-border);
  position: relative;
  z-index: 1;
}
.centermenu-box-title h2 {
  font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
  padding: 10px;
}
.centermenu-box-body {  
  padding: 10px;
  font: 13px Arial, Helvetica, Sans-serif; 
  color:#dadada;
  line-height: 18px;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.centermenu-box input.tbox { 
  font: 12px Arial, Helvetica, Sans-serif; 
  color: #dbdbdb; 
  background: #191919;  
  margin: 5px 0; 
  padding: 6px; 
  border: 1px solid #2e2e2e; 
}


/*************************************
*** NEWS LAYOUT *************
**************************************/
.default-item { 
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 22px; /* space for the divider */
}

/* Military divider between news items (front page) */
.default-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: repeating-linear-gradient(
    45deg,
    #c7a53a,
    #c7a53a 10px,
    #5a4a2f 10px,
    #5a4a2f 20px
  );
  border-radius: 2px;
  opacity: 0.7;
}

/* Bullet icon at the end of the divider */
.default-item::before {
  content: "";
  position: absolute;
  right: 6px;
  bottom: -4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #c7a53a;
  border: 2px solid #111913;
  box-shadow: 0 0 6px rgba(0,0,0,0.6);
  opacity: 0.85;
}

/* Hover effect */
.default-item:hover::after { opacity: 1; }
.default-item:hover::before { opacity: 1; }

/* Same military divider for LISTSTYLE items (Enemy Territory News list) */
.news-list-item{
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 22px;
}
.news-list-item::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background: repeating-linear-gradient(45deg,#c7a53a,#c7a53a 10px,#5a4a2f 10px,#5a4a2f 20px);
  border-radius:2px;
  opacity:0.7;
}
.news-list-item::before{
  content:"";
  position:absolute;
  right:6px;
  bottom:-4px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#c7a53a;
  border:2px solid #111913;
  box-shadow:0 0 6px rgba(0,0,0,0.6);
  opacity:0.85;
}
.news-list-item:hover::after{opacity:1;}
.news-list-item:hover::before{opacity:1;}


.default-item h2.default-news-title {
  /* Match plugin menu titles (left/right) */
  font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 10px;
  background: #0b0f0d;
  border: 1px solid #74e0c0;
}
.default-item h2.default-news-title a {
  color: #fff;
}
.default-item h2.default-news-title a:hover {
  color: #e7f3ff;
}
.default-item .default-news-info {
  font: 12px Arial, Helvetica, Sans-serif;
  color: #999;
  line-height: 18px;
  padding: 0 0 10px 0; 
}
.default-item .default-news-options {

}
.default-item .default-news-images-main {
  padding-bottom: 5px;
}
.default-item .default-news-images-main img {
  background-color: #dbdbdb;
  padding: 5px;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
}
.default-item .default-news-summary {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.default-item .default-news-body {
  font-size: 13px;
  color: #d3d6d5;
  line-height: 20px;
  margin-bottom: 15px;
}
.default-item .default-news-options {

}
.default-item .default-news-options a.hidden-print,
.default-item .default-news-options a.social-share-email,
.default-item .default-news-options a.social-share-facebook-like,
.default-item .default-news-options a.social-share-facebook-share,
.default-item .default-news-options a.social-share-twitter,
.default-item .default-news-options a.social-share-google-plus1 {
  background-color: transparent;
  border-color: transparent;
  -moz-border-radius: 0 !important;
	-khtml-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  font-size: 14px;
  color: #aaa;
  line-height: 14px;
  margin-top: 10px;
  padding: 0;
  text-align: center;
  margin-right: 10px;
}
.default-item .default-news-options a.hidden-print i:hover,
.default-item .default-news-options a.social-share-email i:hover,
.default-item .default-news-options a.social-share-facebook-like i:hover,
.default-item .default-news-options a.social-share-facebook-share i:hover,
.default-item .default-news-options a.social-share-twitter i:hover,
.default-item .default-news-options a.social-share-google-plus1 i:hover {
  color: #3c9bd6 !important;
}
.default-item .default-news-extended a { 
  display: inline-block; 
  font: 12px "oswaldregular", Arial, Helvetica, Sans-serif;  
  color: #fff;
  line-height: 1;
  text-transform: uppercase;  
  background-color: #333;
  border: 1px solid #525252;
  padding: 8px 14px;  
}
.default-item .default-news-extended a:hover {
  background-color: #0b0f0d;
  border: 1px solid #74e0c0;
  color: #fff;
  text-decoration: none;
}

/* Share icons next to Read More (left of the button) */
.default-item .news-readmore-bar,
.news-list-item .news-readmore-bar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 6px;
}

.default-item .news-share-icons,
.news-list-item .news-share-icons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.default-item .news-share-icons .ns-icon,
.news-list-item .news-share-icons .ns-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  background: rgba(0,0,0,0.25);
  border: 1px solid rgba(196,155,60,0.35);
  color: #c7a53a;
  text-decoration: none;
  border-radius: 2px;
}

.default-item .news-share-icons .ns-icon:hover,
.news-list-item .news-share-icons .ns-icon:hover {
  background: rgba(173,140,105,0.45);
  border-color: rgba(196,155,60,0.8);
  color: #fff;
}

.default-item .news-share-icons .ns-tt-text,
.news-list-item .news-share-icons .ns-tt-text {
  font: 11px/1 "oswaldregular", Arial, Helvetica, Sans-serif;
  letter-spacing: 0.5px;
}

.default-item .news-readmore-link,
.news-list-item .news-readmore-link { white-space: nowrap; }


/*************************************
*** NEWS EXTENDED LAYOUT *************
**************************************/
.view-item { 
  margin-bottom: 25px;
}
.view-item h2.view-news-title {
  font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #dbdbdb;
  line-height: 28px;
  margin: 0 0 10px 0;
  padding: 0;
}
.view-item h2.view-news-title a {
  color: #dbdbdb;
}
.view-item h2.view-news-title a:hover {
  color: #3b8ec7;
}
.view-item .view-news-info {
  font: 12px Arial, Helvetica, Sans-serif;
  color: #999;
  line-height: 18px;
  padding: 0 0 10px 0; 
}
.view-item .view-news-images-main {
  padding-bottom: 15px;
}
.view-item .view-news-images-main img {
  background-color: #dbdbdb;
  padding: 5px;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
}
.view-item .view-news-summary {
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 10px;
}
.view-item .view-news-body {
  font-size: 14px;
  color: #d3d6d5;
  line-height: 20px;
  margin-bottom: 15px;
}
.view-item .view-news-images-1,
.view-item .view-news-images-2 {
  margin-bottom: 15px;
}
.view-item .view-news-images-1 img,
.view-item .view-news-images-2 img {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
.view-item .view-body-extended {
  font-size: 14px;
  color: #d3d6d5;
  line-height: 20px;
  margin-bottom: 15px;
}
.view-item .view-news-options {
  margin-bottom: 15px;
  text-align: right;
}
.view-item .view-news-options a.hidden-print,
.view-item .view-news-options a.social-share-email,
.view-item .view-news-options a.social-share-facebook-like,
.view-item .view-news-options a.social-share-facebook-share,
.view-item .view-news-options a.social-share-twitter,
.view-item .view-news-options a.social-share-google-plus1 {
  background-color: transparent;
  border-color: transparent;
  -moz-border-radius: 0 !important;
	-khtml-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  font-size: 16px;
  color: #aaa;
  line-height: 16px;
  margin-top: 10px;
  padding: 0;
  text-align: center;
  margin-right: 10px;
}
.view-item .view-news-options a.hidden-print i:hover,
.view-item .view-news-options a.social-share-email i:hover,
.view-item .view-news-options a.social-share-facebook-like i:hover,
.view-item .view-news-options a.social-share-facebook-share i:hover,
.view-item .view-news-options a.social-share-twitter i:hover,
.view-item .view-news-options a.social-share-google-plus1 i:hover {
  color: #3c9bd6 !important;
}


/*************************************
*** NEWS EXTENDED RELATED NEWS *******
**************************************/
.e-related {
  margin-top: 25px;
}
.e-related h2.related-news-title {
  font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #dbdbdb;
  line-height: 28px;
  margin: 0;
  padding: 15px 0 25px 0;
}
.e-related .related-news-image {
  background: #000;
  margin: 0;
  padding: 0;
}
.e-related .related-news-image img {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
}
.e-related .related-news-header {
  margin: 0 0 15px 0;
  padding: 10px 0 15px 0;
}
.e-related .related-news-header h4.related-news-caption {
  font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #dbdbdb;
  line-height: 1.1;  
  margin-top: 0;
}
.e-related .related-news-header h4.related-news-caption a {
  color: #dbdbdb;
}
.e-related .related-news-header h4.related-news-caption a:hover {
  color: #0b0f0d;
}


/*************************************
*** NEWS - CATEGORY'S NEWS LAYOUT ****
**************************************/
.newscatitems {
  margin-bottom: 25px;
}
.newscatitems .newscatitems-header {
  margin-bottom: 25px;
}  
.newscatitems .newscatitems-header h2 {
  font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #dbdbdb;
  line-height: 28px;
  margin: 0;
  padding: 0;
}


/*************************************
*** NEWS LIST LAYOUT *****************
**************************************/
.news-list-item {
  margin-bottom: 25px;
}
.news-list-item .list-news-image img { 
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
}
.news-list-item h2.list-news-title,
.news-list-item h3.list-news-title {
  /* Match plugin menu titles (left/right) */
  font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 10px;
  background: #0b0f0d;
  border: 1px solid #74e0c0;
}
.news-list-item h2.list-news-title a,
.news-list-item h3.list-news-title a {
  color: #fff;
}
.news-list-item h2.list-news-title a:hover,
.news-list-item h3.list-news-title a:hover {
  color: #e7f3ff;
}
.news-list-item .list-news-summary {
  font-size: 14px;
  color: #d3d6d5;
  line-height: 20px;
  margin-bottom: 15px;
}
.news-list-item .list-news-extemded {
  text-align: right;
}


/*************************************
*** MAIN CONTENT RIGHT COLUMN *********
**************************************/
.rightcol {}
.rightmenu-box { 
  overflow: hidden; 
  margin: 0 0 20px 0;
  padding: 0;
}
.rightmenu-box-title { 
  background: #0b0f0d;
  margin: 0 0 10px 0;
  padding: 0;
  border: 1px solid #74e0c0;
}
.rightmenu-box-title h2 {
  font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
  padding: 10px;
}
.rightmenu-box-body { 
  padding: 10px;
	font: 13px Arial, Helvetica, Sans-serif; 
  color:#dadada;
  line-height: 15px;
}

/* Right menu ul, li, badget */
.rightmenu-box-body > ul {
  list-style: none;
  padding-left: 0;
}
.rightmenu-box-body > ul > li {
  background-color: transparent;
  border: none;
  padding: 6px 6px 6px 0;
  display: block; 
}
.rightmenu-box-body > ul > li > a {
  color: #fff;
  background-color: transparent;
  padding: 0;
}
.rightmenu-box-body > ul > li > a:hover,
.rightmenu-box-body > ul > li > a:focus {  
  color: #0b0f0d;
  background-color: transparent;
}
.rightmenu-box-body > ul > li > a:before {
  content: "\f101";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #0b0f0d;
  text-decoration: inherit;
  padding-right: 5px; 
}
.rightmenu-box-body > ul > li > a span.badge {
  float: right;
  background-color: #4e7178;
  font-family: Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1;
  margin-left: 15px;
}
.rightmenu-box-body > ul > li > a:hover span.badge {
  background-color: #0b0f0d;
}

/* Right menu h2 span btn */
.rightmenu-box-title h2 span.btn-group {
  vertical-align: middle;
  margin-top: -4px;
}
.rightmenu-box-title h2 span.btn-group a.btn {
  background-color: #66b4e5;
  border-color:#8fcdf3;
  text-shadow: 0 -1px 0 #000;
  font-size: 18px;
  line-height: 1.3;
  padding: 0 5px;
}


/*************************************
*** FOOTER ***************************
**************************************/
#footer {}
#footer-menus { 
  background: #0d1410; 
  padding: 0; 
}
.footermenu-box { 
  padding-top: 20px; 
  padding-bottom: 20px;
}
.footermenu-box-title {
  background: var(--ww2-rust);
  margin: 0 0 10px 0;
  padding: 0;
  border: 1px solid var(--ww2-border);
}
.footermenu-box-title h2 { 
  font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 16px;
  text-transform: uppercase;
  margin: 0;
  padding: 10px; 
}
.footermenu-box-body { 
  padding: 10px;
	font: 13px Arial, Helvetica, Sans-serif; 
  color:#dadada;
  line-height: 18px;
}

/* Footer menu ul, li, badget */
.footermenu-box-body > ul {
  list-style: none;
  padding-left: 0;
}
.footermenu-box-body > ul > li {
  background-color: transparent;
  border: none;
  padding: 6px 6px 6px 0;
  display: block; 
}
.footermenu-box-body > ul > li > a {
  color: #fff;
  background-color: transparent;
  padding: 0;
}
.footermenu-box-body > ul > li > a:hover,
.footermenu-box-body > ul > li > a:focus {  
  color: #0b0f0d;
  background-color: transparent;
} 
.footermenu-box-body > ul > li > a:before {
  content: "\f101";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #0b0f0d;
  text-decoration: inherit;
  padding-right: 5px; 
}
.footermenu-box-body > ul > li > a span.badge {
  float: right;
  background-color: #4e7178;
  font-family: Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1;
  margin-left: 15px;
}
.footermenu-box-body > ul > li > a:hover span.badge {
  background-color: #0b0f0d;
}

#footer-info {
  font: 13px Arial, Helvetica, Sans-serif;
  color: #FFFFFF;
  background: #0d1410;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid rgba(145,101,74,0.55);
}
#credits {
  font: 11px Arial, Helvetica, Sans-serif;
  color: #d3d6d5;
  text-align: center;
  background: #0d1410;
  border-top: 1px solid rgba(145,101,74,0.55);
  margin-bottom: 15px;
  padding: 10px 0;
}
#credits a { color: #d3d6d5; text-decoration: none; } 
#credits a:hover { text-decoration: none; color: #64d5b4; }



/*************************************
*** COMMENTS STYLE *******************
**************************************/
/*Comment Form */
.comment-box.comment-box-form {
  padding: 10px;
  margin-bottom: 15px;
  background-color: var(--ww2-smoke);
  border: 1px solid var(--ww2-border);
  position: relative;
}
.comment-box.comment-box-form:before{content:'';position:absolute;inset:0;background-image:url(images/grunge.png);background-repeat:repeat;opacity:0.14;pointer-events:none;}
.comment-box.comment-box-form .comment-box-left {

}
.comment-box.comment-box-form .comment-box-left .comment-avatar {

}
.comment-box.comment-box-form .comment-box-left .comment-avatar img {
  border: 2px solid #fff;
  -moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
  border-radius: 50%;   
  margin: 0;  
  -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); 
}
.comment-box.comment-box-form .comment-box-right {

}
.comment-box.comment-box-form .comment-box-right  .comment-input.form-control {
  color: #dbdbdb;
  background-color: #191919;
  border: 1px solid var(--ww2-border);
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;     
}

@media (max-width: 767px) {
  .comment-box.comment-box-form .comment-box-left .comment-avatar {
    display: none;
  } 
}

/* COMMENTS */
#comments-container.media-list {
  margin-bottom: 20px;
}
#comments-container.media-list li.comment-box {
  min-height: 100px;  
}
#comments-container.media-list li.comment-box .comment-box-left {
  width: 75px;
  min-height: 100px;
  font-size: 14px;
  font-style: italic;
  color: #fff;
  background-color: #535353;
  text-align: center;
  padding: 10px;
}
#comments-container.media-list li.comment-box .comment-box-left .comment-icon {
  font-size: 22px;
  padding-bottom: 10px;
}
#comments-container.media-list li.comment-box .comment-box-right {
  overflow: hidden;
  min-height: 100px;
  background-color: #333;
  border: 1px solid #2e2e2e;
  padding: 10px;
}
#comments-container.media-list li.comment-box .comment-box-right .comment-box-username{font: 14px "oswaldregular", Arial, Helvetica, Sans-serif; color:#fff; text-transform:uppercase; padding:5px 0;}
#comments-container.media-list li.comment-box .comment-box-right .comment-box-username a {
  font-size: 14px;
  font-style: italic;
  font-weight: bold;    
  line-height: 1.5;
  padding: 0 5px;
} 
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-reply {
  font-size: 12px;
  font-style: italic;
  color: #999;
  line-height: 1.5;  
  margin: 0;
  border: none;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
  background-color: transparent;
  text-transform: none;
  padding: 0 5px;
}
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-reply::after {
  color: #999;
  content: "\f021";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  margin: 0 0 0 5px;
  vertical-align: top;
}
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-reply:hover {
  background-color: transparent;
  color: #fff;
}
#comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-reply::after {
  color: #fff;
}
#comments-container.media-list li.comment-box .comment-box-right .comment-text {
  font-size: 13px;
  padding-left: 15px;
  padding-right: 15px;
}
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-edit,
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-delete,
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-approve {
  font-size: 12px;
  font-style: italic;
  color: #999;
  line-height: 1.5;  
  margin: 0;
  padding: 0 5px;
  border: none;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
  background-color: transparent;
  text-transform: none;
}
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-edit::after {
  color: #999;
  content: "\f044";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  margin: 0 0 0 5px;
  vertical-align: top;
}
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-delete::after {
  color: #999;
  content: "\f00d";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  margin: 0 0 0 5px;
  vertical-align: top;
}
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-approve::after {
  color: #999;
  content: "\f00c";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  margin: 0 0 0 5px;
  vertical-align: top;
}
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-edit:hover,
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-delete:hover,
#comments-container.media-list li.comment-box .comment-box-right a.e-comment-approve:hover {
  background-color: transparent;
  color: #fff;
}
#comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-edit::after,
#comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-delete::after,
#comments-container.media-list li.comment-box .comment-box-right a:hover.e-comment-approve::after {
  color: #fff;}


/*************************************
*** OTHER MENU STYLE *****************
**************************************/
.othermenu-box { 
  overflow: hidden; 
  margin: 0 0 15px 0;
  padding: 0;
}
.othermenu-box-title { 
  margin: 0;
  padding: 0;
}
.othermenu-box-title h2 { 
  font: 26px "oswaldregular", Arial, Helvetica, Sans-serif;
  color: #dbdbdb;
  line-height: 28px;
  margin: 0;
  padding: 15px 0 25px 0;
}
.othermenu-box-body { 
  font-size: 14px;
  color: #d3d6d5;
  line-height: 20px;
  margin-bottom: 15px;
}


/********************** core style ********************************/

/*------------------------------------------
	tbox, chatbox, button
--------------------------------------------*/ 
.tbox{ 
  font: 12px Arial, Helvetica, Sans-serif; 
  color: #dbdbdb; 
  background: #191919;  
  margin: 5px 0; 
  padding: 6px; 
  border: 1px solid #2e2e2e; 
}
.tbox.chatbox { 
  color: #dbdbdb; 
  background: #191919; 
  padding: 6px; 
  margin: 10px auto; 
  border: 1px solid #2e2e2e; 
}


/*------------------------------------------
	BUTTONS
--------------------------------------------*/
/* Button Default */
.btn-default {
  font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; 
  color: #fff; 
  line-height: 1;
  text-transform: uppercase; 
  padding: 7px 10px; 
  text-align: center; 
  cursor:pointer; 
  background-color: #333; 
  border: 1px solid #525252; 
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  padding: 10px 20px;
   -o-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -khtml-transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.btn-default:focus, .btn-default.focus {
  color: #fff; 
  background: #0b0f0d; 
  border: 1px solid #74e0c0;
  outline: none; 
}
.btn-default:hover { 
  color: #fff; 
  background: #0b0f0d; 
  border: 1px solid #74e0c0;
  outline: none; 
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #fff; 
  background: #0b0f0d; 
  border: 1px solid #74e0c0;
  outline: none; 
}
.btn-default:active:hover, 
.btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default.focus:active, .btn-default.active.focus, 
.open > .dropdown-toggle.btn-default.focus {
  color: #fff; 
  background: #0b0f0d; 
  border: 1px solid #74e0c0;
  outline: none;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus {
  background-color: #555;
  background-image: none;
  border: 1px solid #3d3d3d;
  color: #919191;
}


.button, .button:focus { 
  font: 12px "oswaldregular", Arial, Helvetica, Sans-serif; 
  color: #fff; 
  line-height: 1;
  text-transform: uppercase; 
  padding: 7px 10px; 
  text-align: center; 
  cursor:pointer; 
  background-color: #333; 
  border: 1px solid #525252; 
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
.button:hover {
  color: #fff; 
  background: #0b0f0d; 
  border: 1px solid #74e0c0;
  outline: none;
}
.button:active {
	color: #fff; 
  background: #0b0f0d; 
  border: 1px solid #74e0c0;
  outline: none;
} 


/*------------------------------------------
	BREADCRUMB
--------------------------------------------*/ 
ul.breadcrumb {
  background-color: #444;
}
ul.breadcrumb li {
  color: #dbdbdb;
}


/*------------------------------------------
	PAGINATION
--------------------------------------------*/
div.pagination-wrap {
  margin: 0 0 20px 0;
  padding: 0;
  text-align: center;
}
ul.pagination {
  overflow: hidden;
  margin: 0;
  padding: 0;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow:  none;
  -webkit-box-shadow:  none;
  box-shadow: none;
}
ul.pagination > li {
  display: inline-block;
  margin: 0 2px 0 2px;
}
ul.pagination > li a {
  display: block;
  font-size: 15px;
  color: #b4b4b4;
  line-height: 15px;
  background: transparent;
  border: 1px solid transparent; 
  padding: 5px 8px;
}
ul.pagination > li a:hover {
  background-color: #333;
  border: 1px solid #525252;
  color: #fff;    
}
ul.pagination > li.active > a, 
ul.pagination > li.active > span, 
ul.pagination > li.active > a:hover, 
ul.pagination > li.active > span:hover, 
ul.pagination > li.active > a:focus, 
ul.pagination > li.active > span:focus {
  background-color: #0b0f0d;
  border-color: #74e0c0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  color: #fff;
  padding: 5px 8px;
}
ul.pagination > li:first-child > a, 
ul.pagination > li:first-child > span, 
ul.pagination > li:last-child > a, 
ul.pagination > li:last-child > span {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
.pagination-no-space .pagination {
  margin: 0;
}


/*------------------------------------------
	TABS
--------------------------------------------*/ 
ul.nav-tabs {
  border-bottom: 1px solid #2e2e2e;
}
ul.nav-tabs li {}
ul.nav-tabs li.active {}

ul.nav-tabs li.active a,
ul.nav-tabs li.active a:focus {
  color: #dbdbdb;
  background-color: #333;
  border: 1px solid #2e2e2e;
}
ul.nav-tabs li a:hover,
ul.nav-tabs li.active a:hover {
  color: #dbdbdb;
  background-color: #4c4c4c;
  border: 1px solid #2e2e2e;
}


/*------------------------------------------
	PAGER
--------------------------------------------*/ 
ul.pager {}
ul.pager li {}
ul.pager li > a,
ul.pager li > a:focus {
  background-color: #333;
  border: 1px solid #2e2e2e;
}
ul.pager li > a:hover {
  background-color: #4c4c4c;
  border: 1px solid #2e2e2e;
}


/*------------------------------------------
	TABLE
--------------------------------------------*/
.leftmenu-box table.table,
.rightmenu-box table.table { }
.leftmenu-box table.table tr th,
.leftmenu-box table.table tr th.forumheader,
.rightmenu-box table.table tr th,
.rightmenu-box table.table tr th.forumheader { 
  background-color: #333;
  font-size: 13px;
  color: #fff;
  border: 1px solid #161616;
  text-align: center;
}
.leftmenu-box table.table tr th span,
.leftmenu-box table.table tr th.forumheader span,
.rightmenu-box table.table tr th span,
.rightmenu-box table.table tr th.forumheader span { 
  text-transform: uppercase;
  text-align: center;
}
.leftmenu-box table.table tr td.indent,
.rightmenu-box table.table tr td.indent {
  text-align: center;
}
.leftmenu-box table.table tr td,
.leftmenu-box table.table tr td.forumheader3,
.rightmenu-box table.table tr td,
.rightmenu-box table.table tr td.forumheader3 {
  background-color: transparent;
  border: none;
  text-align: center;
}

.centermenu-box table.table { 
  background-color: transparent;
}
.centermenu-box table.table tr th.forumheader { 
  background-color: #333;
  font-size: 11px;
  color: #dbdbdb;
  line-height: 1;
  border: 1px solid #161616;
  text-align: center;
  padding: 4px;
}
.centermenu-box table.table tr th.forumheader span { 
  text-transform: uppercase;
  text-align: center;
}
.centermenu-box table.table tr td { 
  font-size: 11px;
  color: #fff;
  line-height: 1;
  text-align: center;
  padding: 4px;
}
.centermenu-box table.table tr td,
.centermenu-box table.table tr td.forumheader3 {
  background-color: transparent;
  border: none;
  text-align: center;
}
.centermenu-box table.table div.item table { 
  background-color: #161616;
}



/*------------------------------------------
	FORUMS
--------------------------------------------*/
#forum { }
#forum > table.table { }
#forum > table.table > tbody > tr.forum-title { }
#forum > table.table > tbody > tr.forum-title > th { 
  color: #dbdbdb; 
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(top, #38c793 0%, #1e9a6c 100%);
  background-image: -o-linear-gradient(top, #38c793 0%, #1e9a6c 100%);
  background-image: -webkit-gradient(linear, left top, #38c793 0%, #1e9a6c 100%);
  background-image: linear-gradient(to bottom, #38c793 0%, #1e9a6c 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38c793', endColorstr='#1e9a6c', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border: 1px solid #161616;  
  text-align: center;
}
#forum > table.table > tbody > tr.forum-parent > th {
  color: #dbdbdb; 
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(top, #333333 0%, #1e1e1e 100%);
  background-image: -o-linear-gradient(top, #333333 0%, #1e1e1e 100%);
  background-image: -webkit-gradient(linear, left top, #333333 0%, #1e1e1e 100%);
  background-image: linear-gradient(to bottom, #333333 0%, #1e1e1e 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1e1e1e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x; 
  border: 1px solid #161616; 
  text-align: center;
}
#forum > table.table > tbody > tr.forum-parent > th:first-child {
  text-align: left;
}
#forum > table.table > tbody > tr > td {
  background-color: #333;
  border: 1px solid #161616; 
  text-align: center;
  vertical-align: middle;
}
#forum > table.table > tbody > tr > td:nth-child(2) {
  text-align: left;
}
#forum > table.table > tbody > tr > td > a {
  font: 16px Arial, Helvetica, Sans-serif;
}


/* FORUM VIEWFORUM */
#forum-viewforum { }
#forum-viewforum h3 { 
  font-family: "oswaldregular", Arial, Helvetica, Sans-serif;
}
#forum-viewforum > table.table > tbody > tr > th {
  color: #dbdbdb; 
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(top, #38c793 0%, #1e9a6c 100%);
  background-image: -o-linear-gradient(top, #38c793 0%, #1e9a6c 100%);
  background-image: -webkit-gradient(linear, left top, #38c793 0%, #1e9a6c 100%);
  background-image: linear-gradient(to bottom, #38c793 0%, #1e9a6c 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38c793', endColorstr='#1e9a6c', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border: 1px solid #161616;  
  text-align: center;
}
#forum-viewforum > table.table > tbody > tr[id*="thread-"] {
  background-color: #333; 
  background-image: none;
  color: #dbdbdb; 
  border: 1px solid #161616; 
}
#forum-viewforum > table.table > tbody > tr[id*="thread-"] > td {
  text-align: center;
  border: 1px solid #161616;
  vertical-align: middle;
}
#forum-viewforum > table.table > tbody > tr[id*="thread-"] > td:nth-child(2) {
  text-align: left;
}
#forum-viewforum > table.table > tbody > tr > td > div > div > a {
  font: 16px Arial, Helvetica, Sans-serif;
}
#forum-viewforum .panel {
  border: none;
}
#forum-viewforum .panel .panel-heading {
  color: #dbdbdb; 
  background-color: rgba(0, 0, 0, 0);
  background-image: -webkit-linear-gradient(top, #333333 0%, #1e1e1e 100%);
  background-image: -o-linear-gradient(top, #333333 0%, #1e1e1e 100%);
  background-image: -webkit-gradient(linear, left top, #333333 0%, #1e1e1e 100%);
  background-image: linear-gradient(to bottom, #333333 0%, #1e1e1e 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#1e1e1e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x; 
  border: 1px solid #161616; 
  text-align: center;
}
#forum-viewforum .panel .panel-body {
  background-color: #333; 
  color: #dbdbdb;
  border: 1px solid #161616;
}
#forum-viewforum > table.table button.btn {
  background-color: #535353;
  border-color: #454545; 
}
#forum-viewforum > table.table button.btn span {
  color: #dbdbdb; 
}


/* FORUM VIEWTOPIC */
.centermenu-box h3 {
  font-family: "oswaldregular", Arial, Helvetica, Sans-serif;
}
.centermenu-box a[id="forum-track-button"] {
  font-size: 14px;
  color: #fff;
  background-color: #b34342;
  padding: 6px 12px;
  border: 1px solid #782828;
}
#forum-viewtopic li.forum-viewtopic-post {
  border-top: 1px solid rgba(100,100,100,0.6);    
}
#forum-viewtopic li.forum-viewtopic-post:nth-child(odd) {
  background-color: #333;
}
#forum-viewtopic li.forum-viewtopic-post:nth-child(even) {
  background-color: #212121;
}
#forum-viewtopic li.forum-viewtopic-post a.btn,
#forum-viewtopic li.forum-viewtopic-post button.btn {
  color: #dbdbdb;
  background-color: #535353;
  border-color: #454545;
  padding: 6px 12px;  
}
#forum-viewtopic li img.user-avatar {
  -webkit-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
#forum-viewtopic li .label {
  font-size: 12px;
  background-color: #0b0f0d;
}
#forum-viewtopic li i.fa {
  font-size: 12px;
}
#forum-viewtopic li .forum-thread-text {
  font-size: 14px;
}
#forum-viewtopic li .finfobar {
  border-top: 1px solid #3c3c3c;
  margin-top: 7px;
  padding-top: 7px;
}
#forum-viewtopic li .finfobar:first-child {
  border-top: 1px solid transparent;
}
#forum-viewtopic li .finfobar small {
  font-size: 13px;
  color: #979797;
}

/* NEW FORUM THREAD, FORUM REPLY */
#bbcode-panel-post--preview.bbcode-panel {
  background-color: #333;
  background-image: none;
  border: 1px solid #2e2e2e;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#bbcode-panel-post--preview.bbcode-panel a.btn {
  font-size: 14px;
  color: #dbdbdb;
  background-color: #333;
  margin: 0;
  padding: 6px 12px;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid #161616;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}


/* TEXTS */

.smalltext { font: 11px Arial, Helvetica, Sans-serif; } 
.smallblacktext { font: 11px Arial, Helvetica, Sans-serif; }  
.defaulttext { font: 13px Arial, Helvetica, Sans-serif; }
.mediumtext { font: 12px Arial, Helvetica, Sans-serif; }
blockquote { 
  font: italic 16px Arial, Helvetica, Sans-serif; 
  background: transparent;
  border-left: 5px solid #9b9b9b;
  margin: 5px 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #9b9b9b;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}


/* MISC */
/* form { margin: 2px 0px 0px 0px; }  */
p { margin: 0px; padding: 0; }
.spacer{ padding: 0; }
hr { 
  width: 100%;
  height: 1px;
  width: 100%;
  background-color: #000;
  border-top: 1px solid #2a2a2a;
  margin: 20px auto;
} 
.helpbox { width: 94%; background: transparent; font: 11px sans-serif; color:#8e6e4f; border: 0px; margin: 0; padding: 0; }




/* ============================================================
   WW2 / Rust-Gold overrides (custom)
   ============================================================ */

:root{
  --ww2-gold: #bc8f6d;   /* warm tan */
  --ww2-rust: #91654a;   /* rust leather */
  --ww2-iron: #070a09;   /* near-black */
  --ww2-smoke: rgba(18,10,8,0.62);
  --ww2-smoke-soft: rgba(18,10,8,0.42);
  --ww2-border: rgba(145,101,74,0.55);
  --ww2-border-soft: rgba(145,101,74,0.28);
}

/* 1) Wide boxed 960px (centered) with full-screen background */
body{
  background-color: #070a09;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.container{
  max-width: 960px;
  width: 100%;
}

/* 5) Banner */
#theme-banner{
  padding: 0;
  margin: 0;
}
#theme-banner img{
  width: 100%;
  height: auto;
  display: block;
  border: none;
  box-shadow: none;
}

/* 2) Navbar centered + rust/gold palette */
#header {  
  background: transparent;
  margin-top: 0;
  padding: 0;
}
#header .navigation-wrap{
  background: transparent;
  border: none;
  padding: 0;
}
#header .navigation-wrap > .container{
  background: rgba(18,10,8,0.55);
  border-top: 1px solid var(--ww2-border-soft);
  border-bottom: 2px solid var(--ww2-border);
  box-shadow: 0 10px 25px rgba(0,0,0,0.55);
}
#header .navbar.navbar-default{
  background-color: transparent;
}
#header .navbar .navbar-collapse{
  text-align: center;
}
#header .navbar .navbar-nav{
  float: none;
  display: inline-block;
  vertical-align: top;
}
#header ul.nav > li > a{
  color: rgba(242,232,220,0.92);
  letter-spacing: 0.5px;
}
#header ul.nav > li > a:hover,
#header ul.nav > li > a:focus,
#header ul.nav > li > a.active,
#header ul.nav > li.active > a,
#header ul.nav > li.open > a,
#header ul.nav > li.open > a:focus,
#header ul.nav > li.open > a:hover{
  color: var(--ww2-gold);
  background-color: transparent; /* no white hover */
  text-shadow: 0 0 12px rgba(188,143,109,0.22);
}
#header ul.nav > li ul.dropdown-menu{
  background-color: rgba(18,10,8,0.95);
  border: 1px solid var(--ww2-border-soft);
}
#header ul.nav > li ul.dropdown-menu li a:hover{
  background: rgba(145,101,74,0.75);
  color: #fff;
}

/* 6) More transparency on panels */
#main-content{
  background-color: var(--ww2-smoke);
  border: 1px solid var(--ww2-border-soft);
  box-shadow: 0 20px 55px rgba(0,0,0,0.55);
  position: relative;
  overflow: hidden;
}

/* 7) WW2 side accents (ammo/grunge vibe) */
#main-content:before,
#main-content:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 22px;
  opacity: 0.9;
  pointer-events: none;
}
#main-content:before{
  left: 0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.35), rgba(0,0,0,0.0)),
    repeating-linear-gradient(
      to bottom,
      rgba(188,143,109,0.00) 0px,
      rgba(188,143,109,0.00) 10px,
      rgba(188,143,109,0.78) 10px,
      rgba(188,143,109,0.78) 12px,
      rgba(0,0,0,0.0) 12px,
      rgba(0,0,0,0.0) 22px
    );
  box-shadow: inset -1px 0 0 rgba(0,0,0,0.55);
}
#main-content:after{
  right: 0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.35), rgba(0,0,0,0.0)),
    repeating-linear-gradient(
      to bottom,
      rgba(188,143,109,0.00) 0px,
      rgba(188,143,109,0.00) 10px,
      rgba(188,143,109,0.78) 10px,
      rgba(188,143,109,0.78) 12px,
      rgba(0,0,0,0.0) 12px,
      rgba(0,0,0,0.0) 22px
    );
  box-shadow: inset 1px 0 0 rgba(0,0,0,0.55);
}

/* Keep content away from accents */
#main-content > .row{
  position: relative;
  z-index: 2;
}

/* 6) Transparent menu boxes */
.leftmenu-box-body,
.rightmenu-box-body,
.footermenu-box-body{
  background: var(--ww2-smoke-soft);
  background-size: cover;
  border: 1px solid var(--ww2-border-soft);
}

/* 7) WW2-ish headers / borders */
.leftmenu-box-title,
.rightmenu-box-title,
.footermenu-box-title{
  background: rgba(70,45,34,0.92);
  border: 1px solid var(--ww2-border);
}
.leftmenu-box-title h2,
.rightmenu-box-title h2,
.footermenu-box-title h2{
  text-shadow: 0 1px 0 rgba(0,0,0,0.75);
}
a{
  color: var(--ww2-gold);
}
a:hover, a:focus{
  color: rgba(242,232,220,0.95);
}

/* 8) Extra WW2 touches */
.default-item h2.default-news-title a:hover,
.news-list-item h3.list-news-title a:hover{
  color: var(--ww2-gold);
}
hr{
  border-top: 1px dashed var(--ww2-border-soft);
}


/* Menu box link palette */
.leftmenu-box-body > ul > li > a,
.rightmenu-box-body > ul > li > a,
.footermenu-box-body > ul > li > a{
  color: rgba(242,232,220,0.90);
}
.leftmenu-box-body > ul > li > a:hover,
.leftmenu-box-body > ul > li > a:focus,
.rightmenu-box-body > ul > li > a:hover,
.rightmenu-box-body > ul > li > a:focus,
.footermenu-box-body > ul > li > a:hover,
.footermenu-box-body > ul > li > a:focus{
  color: #fff;
  background: rgba(145,101,74,0.35);
}
.leftmenu-box-body > ul > li > a:hover span.badge,
.rightmenu-box-body > ul > li > a:hover span.badge,
.footermenu-box-body > ul > li > a:hover span.badge{
  background: rgba(145,101,74,0.75);
}

/* Subtle borders to match background */
.leftmenu-box,
.rightmenu-box,
.footermenu-box{
  border-color: var(--ww2-border-soft);
}

/* ============================================================
   WW2 aggressive pass: metal plates, rivets, grunge overlays
   ============================================================ */

:root{
  --ww2-metal-hi: rgba(196,170,140,0.28);
  --ww2-metal-mid: rgba(120,90,65,0.92);
  --ww2-metal-lo: rgba(40,26,20,0.92);
  --ww2-rivet-hi: rgba(235,220,195,0.35);
  --ww2-rivet-lo: rgba(0,0,0,0.70);
}

/* Full-screen background already handled; ensure it uses new background.jpg */
body{
  background-image: url(images/background.jpg);
}

/* Navbar: boxed 960px, centered, with stronger metal feel */
#header .navigation-wrap > .container{
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  background:
    linear-gradient(180deg, rgba(40,26,20,0.85), rgba(18,10,8,0.70)),
    url(images/grunge.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, 420px 420px;
  border-top: 1px solid rgba(145,101,74,0.40);
  border-bottom: 2px solid rgba(145,101,74,0.65);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    inset 0 -1px 0 rgba(0,0,0,0.55),
    0 12px 28px rgba(0,0,0,0.65);
}

/* Menu links in background palette */
#header ul.nav > li > a{
  color: rgba(228,208,182,0.92);
}
#header ul.nav > li > a:hover,
#header ul.nav > li > a:focus,
#header ul.nav > li.active > a,
#header ul.nav > li.open > a,
#header ul.nav > li.open > a:hover{
  color: rgba(242,232,220,0.98);
  text-shadow: 0 0 18px rgba(188,143,109,0.18);
}

/* Dropdown hover in rust/tan, no white */
#header ul.nav > li ul.dropdown-menu{
  background:
    linear-gradient(180deg, rgba(18,10,8,0.96), rgba(40,26,20,0.96)),
    url(images/grunge.png);
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, 420px 420px;
}
#header ul.nav > li ul.dropdown-menu li a:hover{
  background: rgba(120,90,65,0.65);
  color: #fff;
}

/* Main content: grunge overlay + deeper metal border */
#main-content{
  border-color: rgba(145,101,74,0.30);
  box-shadow: 0 24px 70px rgba(0,0,0,0.65);
}

/* Grunge overlay on inner content without breaking side accents */
#main-content > .row{
  position: relative;
}
#main-content > .row:before{
  content: "";
  position: absolute;
  top: 0;
  left: -22px;
  right: -22px;
  bottom: 0;
  background: url(images/grunge.png) repeat;
  background-size: 420px 420px;
  opacity: 0.20;
  pointer-events: none;
  z-index: 0;
  mix-blend-mode: overlay;
}
#main-content > .row > *{
  position: relative;
  z-index: 1;
}

/* Menu boxes: subtle grunge + stronger contrast */
.leftmenu-box-body,
.rightmenu-box-body,
.footermenu-box-body{
  background:
    linear-gradient(180deg, rgba(18,10,8,0.48), rgba(18,10,8,0.32)),
    url(images/grunge.png);
  background-size: cover;
  background-repeat: no-repeat, repeat;
  background-size: 100% 100%, 420px 420px;
  border-color: rgba(145,101,74,0.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.05),
    inset 0 -1px 0 rgba(0,0,0,0.55);
}

/* Metal plate titles with rivets */
.leftmenu-box-title,
.rightmenu-box-title,
.footermenu-box-title,
.default-item h2.default-news-title,
.news-list-item h3.list-news-title{
  position: relative;
  background:
    radial-gradient(circle at 10px 10px, var(--ww2-rivet-hi) 0 2px, var(--ww2-rivet-lo) 3px, transparent 4px),
    radial-gradient(circle at calc(100% - 10px) 10px, var(--ww2-rivet-hi) 0 2px, var(--ww2-rivet-lo) 3px, transparent 4px),
    radial-gradient(circle at 10px calc(100% - 10px), var(--ww2-rivet-hi) 0 2px, var(--ww2-rivet-lo) 3px, transparent 4px),
    radial-gradient(circle at calc(100% - 10px) calc(100% - 10px), var(--ww2-rivet-hi) 0 2px, var(--ww2-rivet-lo) 3px, transparent 4px),
    linear-gradient(180deg, rgba(120,90,65,0.92), rgba(40,26,20,0.92)),
    url(images/grunge.png);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-size: auto, auto, auto, auto, 100% 100%, 420px 420px;
  border: 1px solid rgba(145,101,74,0.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    inset 0 -1px 0 rgba(0,0,0,0.60),
    0 10px 22px rgba(0,0,0,0.45);
}

/* Typography in titles */
.leftmenu-box-title h2,
.rightmenu-box-title h2,
.footermenu-box-title h2,
.default-item h2.default-news-title,
.news-list-item h3.list-news-title{
  color: rgba(245,236,224,0.96) !important;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

/* Links: warm tan like background; hover slightly brighter */
a{
  color: rgba(210,185,155,0.95);
}
a:hover, a:focus{
  color: rgba(248,240,228,0.98);
}

/* Small WW2 separators */
hr{
  border-top: 1px dashed rgba(145,101,74,0.32);
}




/* WW2 Search panel */
.ww2-search-panel{
  background: var(--ww2-smoke);
  border: 1px solid var(--ww2-border);
  margin: 0 0 20px 0;
  position: relative;
}
.ww2-search-panel:before{
  content:'';
  position:absolute;
  inset:0;
  background-image: url(images/grunge.png);
  background-repeat: repeat;
  opacity: 0.14;
  pointer-events:none;
}
.ww2-search-head{
  background: var(--ww2-rust);
  border-bottom: 1px solid var(--ww2-border);
  padding: 10px;
  position: relative;
  z-index: 1;
}
.ww2-search-head h2{
  font: 16px "oswaldregular", Arial, Helvetica, Sans-serif;
  color:#fff;
  text-transform: uppercase;
  margin: 0;
  line-height: 18px;
}
.ww2-search-body{
  padding: 10px;
  position: relative;
  z-index: 1;
}
.ww2-search-form .control-label{
  font: 12px "oswaldregular", Arial, Helvetica, Sans-serif;
  color:#fff;
  text-transform: uppercase;
}
.ww2-search-form .form-control{
  color: #dbdbdb;
  background: #191919;
  border: 1px solid var(--ww2-border);
}
.ww2-search-form .btn,
.ww2-search-form button{
  background: transparent;
  border: 1px solid var(--ww2-border);
  color: #fff;
}
.ww2-search-form .btn:hover,
.ww2-search-form button:hover{
  background: var(--ww2-rust);
  color: #fff;
}

.ww2-search-table{
  width: 100%;
  background: var(--ww2-smoke);
  border: 1px solid var(--ww2-border);
}
.ww2-search-table > tbody > tr > td.ww2-search-td{
  background: transparent;
  border-top: 1px solid var(--ww2-border-soft);
  color: #dadada;
}


/* =========================
   V6 FINAL (no-blue / no-metal)
   Forum: ultra-clean + boxed (Wolfenstein-like) without classic tables
   ========================= */

/* Core palette (match navbar/frontpage) */
:root{
  --v6-brown-bg: rgba(45,30,20,0.88);
  --v6-brown-bg-2: rgba(30,20,14,0.72);
  --v6-brown-hover: rgba(65,45,30,0.92);
  --v6-border: rgba(180,140,90,0.55);
  --v6-border-soft: rgba(180,140,90,0.30);
  --v6-text: rgba(238,224,200,0.95);
}

/* 1) REMOVE metal strips / rivets / any plate backgrounds across theme */
.leftmenu-box-title,
.rightmenu-box-title,
.footermenu-box-title,
.default-item h2.default-news-title,
.news-list-item h3.list-news-title,
.panel-heading,
.menu-caption,
.menu-heading{
  background: var(--v6-brown-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid var(--v6-border) !important;
}

.leftmenu-box-title:before,
.leftmenu-box-title:after,
.rightmenu-box-title:before,
.rightmenu-box-title:after,
.footermenu-box-title:before,
.footermenu-box-title:after,
.default-item h2.default-news-title:before,
.default-item h2.default-news-title:after,
.news-list-item h3.list-news-title:before,
.news-list-item h3.list-news-title:after,
.panel-heading:before,
.panel-heading:after,
.menu-caption:before,
.menu-caption:after,
.menu-heading:before,
.menu-heading:after{
  content: none !important;
  display: none !important;
}

/* 2) NO BLUE anywhere (bootstrap/e107 leftovers) */
.btn-primary,
.btn-info,
.bg-primary,
.label-primary,
.badge-primary,
.alert-info,
.progress-bar,
a.text-primary,
.text-primary{
  background: var(--v6-brown-bg) !important;
  border-color: var(--v6-border) !important;
  color: var(--v6-text) !important;
}

/* 3) Navbar forced to match frontpage palette */
#nav,
.navbar,
.navbar-default,
.navbar-nav,
.navbar-collapse{
  background: var(--v6-brown-bg) !important;
  border-color: var(--v6-border) !important;
}
#nav a,
.navbar a{ color: var(--v6-text) !important; }
#nav a:hover,
.navbar a:hover{ background: var(--v6-brown-hover) !important; color: #fff !important; }

/* 4) Forum ULTRA-CLEAN base: transparent panels + clean frames */
.forumheader,
.forumheader2,
.forumheader3,
.forumheader4,
.forumcaption,
.forum-title{
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--v6-text) !important;
}

/* 5) Boxed Wolfenstein-style containers (frames like navbar) */
.forum-panel,
.forum-container,
.forum-view,
.forum-thread,
.forum-post,
.forum-border,
.forumtable,
table.forum{
  background: transparent !important;
  border: 1px solid var(--v6-border) !important;
  box-shadow: none !important;
}

/* 6) Kill classic table look: render forum tables as "cards" */
table.forum{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
table.forum thead,
table.forum tfoot{
  display: none !important;
}
table.forum tbody{
  display: block !important;
}
table.forum tr{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--v6-border-soft) !important;
  background: var(--v6-brown-bg-2) !important;
}
table.forum tr:hover{
  background: var(--v6-brown-hover) !important;
}
table.forum td,
table.forum th{
  display: block !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--v6-text) !important;
  padding: 0 !important;
}

/* Make common columns behave nicely on small/large widths */
table.forum td:first-child{ flex: 2 1 260px !important; }
table.forum td:nth-child(2),
table.forum td:nth-child(3),
table.forum td:nth-child(4){
  flex: 0 0 auto !important;
  min-width: 90px !important;
  text-align: center !important;
  opacity: 0.95;
}

/* 7) Forum search / inputs / buttons to match brown */
.forum-search input,
table.forum input,
input[type="search"],
.search-field,
.form-control{
  background: rgba(25,15,10,0.85) !important;
  border: 1px solid var(--v6-border) !important;
  color: var(--v6-text) !important;
}

.forum-search button,
.forum-search .btn,
.btn,
button,
input[type="submit"]{
  background: var(--v6-brown-bg) !important;
  border: 1px solid var(--v6-border) !important;
  color: var(--v6-text) !important;
  box-shadow: none !important;
}
.btn:hover,
button:hover,
input[type="submit"]:hover{
  background: var(--v6-brown-hover) !important;
  color: #fff !important;
}

/* 8) Footer bar boxed 960px and colors like navbar */

/* IMPORTANT: theme.php uses 3 full-width footer rows (#footer-menus, #footer-info, #credits)
   Each row contains its own .container. We box the BAR (background + border) to 960px
   by putting the background on the .container, not on the full-width wrapper. */
#footer{ background: transparent !important; }

#footer-menus,
#footer-info,
#credits{
  background: transparent !important;
  border: 0 !important;
}

#footer-menus > .container,
#footer-info > .container,
#credits > .container{
  max-width: 960px !important;
  margin: 0 auto !important;
  background: var(--v6-brown-bg) !important;
  border-top: 1px solid var(--v6-border) !important;
  border-left: 1px solid var(--v6-border) !important;
  border-right: 1px solid var(--v6-border) !important;
  padding-left: 15px;
  padding-right: 15px;
}

/* bottom edge only on last row */
#credits > .container{
  border-bottom: 1px solid var(--v6-border) !important;
}

/* 9) Center column boxes: make frames identical to left/right menus */
.centermenu-box,
.centermenu-box-title,
.centermenu-box-body,
.newsmenu-box,
.newsmenu-box-title,
.newsmenu-box-body,
.latestposts-box,
.latestposts,
.news-box,
.news-item,
.contentbox{
  border-color: var(--v6-border) !important;
}

.centermenu-box,
.newsmenu-box,
.latestposts-box,
.news-box,
.contentbox{
  background: transparent !important;
  border: 1px solid var(--v6-border) !important;
  box-shadow: none !important;
}

/* headers/titles in center column: same brown as navbar */
.centermenu-box-title,
.newsmenu-box-title,
.latestposts-title,
.news-box-title,
.contentbox-title{
  background: var(--v6-brown-bg) !important;
  color: var(--v6-text) !important;
  border-bottom: 1px solid var(--v6-border) !important;
}

/* 10) Kill any remaining Bootstrap/e107 blue (strong overrides) */
.btn-primary,
.btn-info,
.btn-primary:focus,
.btn-info:focus,
.btn-primary:active,
.btn-info:active,
.btn-primary.active,
.btn-info.active{
  background: var(--v6-brown-bg) !important;
  border-color: var(--v6-border) !important;
  color: var(--v6-text) !important;
  box-shadow: none !important;
}

.label-primary,
.badge-primary,
.label-info,
.badge-info,
.alert-info,
.panel-primary > .panel-heading,
.panel-info > .panel-heading,
.progress-bar,
.bg-primary,
.text-primary{
  background: var(--v6-brown-bg) !important;
  border-color: var(--v6-border) !important;
  color: var(--v6-text) !important;
}

.nav-tabs > li > a,
.nav-pills > li > a,
.pagination > li > a,
.pagination > li > span{
  background: transparent !important;
  border-color: var(--v6-border) !important;
  color: var(--v6-text) !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-pills > li.active > a,
.pagination > .active > a,
.pagination > .active > span{
  background: var(--v6-brown-bg) !important;
  border-color: var(--v6-border) !important;
  color: #fff !important;
}

/* footer text colors like navbar */
#footer, #footer a{ color: var(--v6-text) !important; }
#footer a:hover{ color: #fff !important; }

/* ===== V6.1 FIXES: unify center borders with left/right (menus/news/latest) ===== */
.centermenu-box,
.newsmenu-box,
.latestposts,
.news-container,
.centercolumn .panel,
.centercolumn .panel-default,
.centercolumn .well{
  border: 1px solid var(--v6-border) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.centermenu-box-title,
.newsmenu-box-title,
.latestposts-title,
.news-title,
.panel-title,
.panel-heading{
  background: var(--v6-brown-bg) !important;
  border-bottom: 1px solid var(--v6-border) !important;
  color: var(--v6-text) !important;
  background-image: none !important;
}

/* ===== V6.1 NO-BLUE: override bootstrap "primary/info" blues ===== */
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger{
  background: var(--v6-brown-bg) !important;
  border: 1px solid var(--v6-border) !important;
  color: var(--v6-text) !important;
  box-shadow: none !important;
}
.btn-primary:hover,
.btn-info:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-danger:hover{
  background: var(--v6-brown-hover) !important;
  color: #fff !important;
}

.label-primary,
.badge,
.badge-primary,
.bg-primary,
.text-primary,
.panel-primary > .panel-heading{
  background: var(--v6-brown-bg) !important;
  border-color: var(--v6-border) !important;
  color: var(--v6-text) !important;
}

/* tabs/pagination often appear blue in bootstrap */
.nav-tabs > li > a,
.nav-pills > li > a,
.pagination > li > a,
.pagination > li > span{
  background: rgba(25,15,10,0.85) !important;
  border-color: var(--v6-border) !important;
  color: var(--v6-text) !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > span{
  background: var(--v6-brown-bg) !important;
  border-color: var(--v6-border) !important;
  color: #fff !important;
}


/* =====================================================================
   V8 CLEAN PASS: elimina efectele tip "zapada/granulatie" (grunge/overlay)
   + inlocuieste orice albastru ramas cu maro inchis ca navbarul
   ===================================================================== */

:root{
  --v8-brown-bg: rgba(35,25,18,0.88);
  --v8-brown-hover: rgba(55,38,26,0.95);
  --v8-border: rgba(180,140,90,0.55);
  --v8-text: #e6d3a3;
}

/* 1) Taie overlays cu grunge + blend (asta produce efectul din screenshot) */
#main-content > .row:before,
.centermenu-box:before,
.comment-box.comment-box-form:before,
.ww2-search-panel:before{
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
  mix-blend-mode: normal !important;
}

/* 2) Scoate texture din meniuri / dropdown (fara grunge.png) */
.leftmenu-box-body,
.rightmenu-box-body,
.footermenu-box-body,
#header ul.nav > li ul.dropdown-menu{
  background-image: none !important;
}

/* 3) Elimina complet "metal plates / nituri / strips" din titluri */
.leftmenu-box-title,
.rightmenu-box-title,
.footermenu-box-title,
.default-item h2.default-news-title,
.news-list-item h3.list-news-title{
  background: var(--v8-brown-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 1px solid var(--v8-border) !important;
}

/* 4) Uniformizeaza rame: centru = stanga/dreapta (forum + panouri) */
.centermenu-box,
.forumtable,
.forum-border,
.forum-panel,
.forum-container,
.forum-view,
.forum-thread,
.forum-post,
table.forum,
table.forum td,
table.forum th{
  border-color: var(--v8-border) !important;
}

/* 5) KILL BLUE: butoane/btn-group din titlurile meniului (era #66b4e5) */
.leftmenu-box-title h2 span.btn-group a.btn,
.rightmenu-box-title h2 span.btn-group a.btn,
.footermenu-box-title h2 span.btn-group a.btn,
.btn,
.btn-primary,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
.pagination > .active > a,
.pagination > .active > span,
.nav-pills > li.active > a,
.label-primary,
.badge,
.progress-bar{
  background: var(--v8-brown-bg) !important;
  border-color: var(--v8-border) !important;
  color: #fff !important;
}

.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-info:hover,
.pagination > li > a:hover,
.nav-pills > li > a:hover{
  background: var(--v8-brown-hover) !important;
  border-color: var(--v8-border) !important;
  color: #fff !important;
}

/* 6) Link hover in footer/credits (era albastru) */
#credits a:hover{
  color: var(--v8-text) !important;
}


/* Banner blend helper */
#theme-banner img{
  width: 100%;
  height: auto;
  display: block;
  border: none;
  box-shadow: none;
}


/* === News titles border match menu titles (auto) === */
:root {
  --gp-menu-border: #74e0c0;
}

/* apply to the news title bar itself */
.default-item h2.default-news-title,
.news-list-item h3.list-news-title,
.view-item h1.view-news-title,
.view-item h2.view-news-title,
.default-news-title,
.list-news-title,
.view-news-title {
  border: 1px solid var(--gp-menu-border) !important;
}


/* === News border color forced #221812 === */

.default-item h2.default-news-title,
.news-list-item h3.list-news-title,
.view-item h1.view-news-title,
.default-news-title,
.list-news-title,
.view-news-title {
    border: 1px solid #221812 !important;
}


/* force news title bar color */
.default-news-title,
.list-news-title,
.view-news-title,
.default-item h2.default-news-title,
.news-list-item h3.list-news-title,
.view-item h1.view-news-title {
    background: #0b0f0d !important;
}


/* === Force forum colors === */
.forumheader,
.forumheader2,
.forumheader3,
.forumheader4,
.forumborder,
.forum-viewforum,
.forum-viewtopic {
    background: #0a0e0b !important;
    border-color: #0a0e0b !important;
}


/* ===== FORUM FORCE OVERRIDE (wins over plugin CSS) ===== */

html body #forum table,
html body #forum tr,
html body #forum td,
html body #forum th,
html body .forumheader,
html body .forumheader2,
html body .forumheader3,
html body .forumheader4,
html body .forumheader5,
html body .forumheader6,
html body .forumheader7,
html body .forumheader8 {

    background: #0a0e0b !important;
    border-color: #0a0e0b !important;
}

/* forum links */
html body #forum a {
    color: #c9a44d !important;
}
/* ===================================================
   PARAZIT.RO STYLE - CHATBOX + EMOTES (GamePlus)
   =================================================== */


/* =====================
   EMOTES POPUP
   ===================== */

#chatbox-input-block #emote,
#chatbox-input-block #emote.well {

  background: rgba(45,28,16,0.85) !important;
  border: 1px solid #7a5a36 !important;
  box-shadow: 0 0 15px rgba(0,0,0,0.7);
  border-radius: 6px;
  padding: 10px;

  max-height: 170px;
  overflow-y: auto;
}

/* fara fundal alb pe iconuri */
#chatbox-input-block #emote img {
  background: transparent !important;
}



/* =====================
   SCROLLBAR EMOTES
   ===================== */

#chatbox-input-block #emote::-webkit-scrollbar {
  width: 10px;
}

#chatbox-input-block #emote::-webkit-scrollbar-track {
  background: rgba(30,20,10,0.6);
}

#chatbox-input-block #emote::-webkit-scrollbar-thumb {
  background: linear-gradient(#9c7a4b, #6b4a2f);
  border: 1px solid #3a2a18;
  border-radius: 8px;
}

#chatbox-input-block #emote::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#b08a58, #7a5737);
}

/* Firefox */
#chatbox-input-block #emote {
  scrollbar-width: thin;
  scrollbar-color: #8b6a44 rgba(30,20,10,0.6);
}



/* =====================
   CHAT MESSAGES AREA
   ===================== */

.chatbox,
#chatbox-posts {

  scrollbar-width: thin;
  scrollbar-color: #8b6a44 rgba(30,20,10,0.6);
}

/* Chrome/Edge */
.chatbox::-webkit-scrollbar,
#chatbox-posts::-webkit-scrollbar {
  width: 10px;
}

.chatbox::-webkit-scrollbar-track,
#chatbox-posts::-webkit-scrollbar-track {
  background: rgba(30,20,10,0.6);
}

.chatbox::-webkit-scrollbar-thumb,
#chatbox-posts::-webkit-scrollbar-thumb {
  background: linear-gradient(#9c7a4b, #6b4a2f);
  border-radius: 8px;
  border: 1px solid #3a2a18;
}

.chatbox::-webkit-scrollbar-thumb:hover,
#chatbox-posts::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#b08a58, #7a5737);
}

/* ===================================================
   PARAZIT.RO GLOBAL SCROLLBARS (Chrome/Edge/Firefox)
   Prinde si chatbox, si orice alt scrollbar de pe site
   =================================================== */

/* Firefox */
:root, * {
  scrollbar-width: thin;
  scrollbar-color: #8b6a44 rgba(30,20,10,0.65);
}

/* Chrome / Edge */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
  background: rgba(30,20,10,0.65);
  border-left: 1px solid rgba(0,0,0,0.35);
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
  background: linear-gradient(#a98655, #6b4a2f);
  border: 1px solid rgba(0,0,0,0.55);
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,0.35);
}

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#bf955f, #7a5737);
}

/* POLL - progress bar color override (plugin uses: .progress > .bar.progress-bar) */
.rightmenu-box-body .progress > .bar.progress-bar{
  background: #AF997F !important;
  background-color: #AF997F !important;
  border-color: #AF997F !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* POLL - fundal progress bar (partea goala) */
.rightmenu-box-body .progress{
    background: #241913 !important;
    background-color: #241913 !important;
    background-image: none !important;
    border: 1px solid #241913 !important;
    box-shadow: none !important;
}


/* USER PROFILE PANEL FIX */

.panel.panel-default{
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* body din panel */
.panel.panel-default .panel-body{
    background: transparent !important;
    background-color: transparent !important;
}

/* heading profil (cover-ul de sus) */
.panel.panel-default .panel-heading{
    background-color: transparent !important;
}

/* DISABLE E107 FRONTEND EDIT OVERLAY */

.e-editable,
.e-front-edit,
.e-inline-edit,
.e-overlay,
.e-admin-edit
{
    pointer-events: none !important;
}

/* face titlurile ?i imaginile clickabile */
.news-title a,
.news_image a,
.news a
{
    pointer-events: auto !important;
}
/* OVERRIDE TOTAL EMOTICOANE */
img.e-emoticon {
    width: 64px !important;
    height: 64px !important;
    max-width: none !important;
}
#ww2fx{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999;
}