/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/


/*
------ background
*/
#page-wrapper {
  background: #2e3139;
}

#start {
  background: #272a31; /* Old Browsers */
  background: linear-gradient(to bottom, #2e3139, #2e3139); /*Standard*/
  /*background:
  linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
  linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
  linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
  linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
  linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
  linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
  background-color: #131313;
  background-size: 20px 20px;*/
}

/*
------ footer
*/
#footer {
  background-color: #24262d!important;
}

/*
------ navbar
*/

#header {
  background-color: #24262d!important;
}

.navbar a {
  color: #c3c3c3!important;
}

.dropmenu ul li a:hover, .dropmenu ul li a:focus, .dropmenu ul li a.active {
  color: #f6a821!important;
}

.header-dark #header:not(.scrolled) .logo svg path { 
  fill: #c3c3c3;
}

.mobile-menu .button_container span {
  background: #f6a821!important;
}

.treemenu li a:hover, .treemenu li a:focus, .treemenu li a.active {
  color: #c3c3c3!important;
}

/*
------ generic typo
*/

h1, h2, h3, h4, h5, h6 {
  color: #f6a821;
  font-family: 'Titillium Web', sans-serif;
}

p, li {
  font-family: 'Titillium Web', sans-serif;
  color: #c3c3c3;
}

a {
  color: #f6a821;
}

time {
  color: #c3c3c3;
}

/*
------ liveracers
*/

#blog-container {
  padding-top: 20px!important;
}

#liveracers {
  margin-bottom: 20px;
}

#liveracers h4 {
  margin-top: 0;
}


/*
------ card
*/

.card {
  background-color: #3d3f48;
  box-shadow: 3px 3px 20px rgba(0, 0, 0, .4)!important;
}


/*
------ sidebar
*/

#sidebar {
  background-color: #2a2d35;
  padding: 15px;
  box-shadow: inset 39px 35px 15px -32px rgba(0,0,0,0.2);
}

#sidebar h1, h2, h3, h4, h5, h6 {
  color: #f9f9f9;
  font-family: 'Titillium Web', sans-serif;
  font-size: 18px!important;
}

.search-input {
  background-color: #3d3f48!important;
  border: 0px;
  color: #f9f9f9!important;
}

.related-pages {
  background-color: #24262d;
}

#sidebar ul.related-pages li {
  border-color: #3d3f48;
}

.menu-item a:hover {
  background: #3d3f48!important;
  color: #f6a821!important;
}

.lr-servers-header {
  display: none!important;
}

#lr-servers.dark .gameInfo.Practice {
  background: #3d3f48!important;
  border-color: #3d3f48!important;
  border-bottom: #3d3f48!important;
}

/*
------ pagination
*/

.pagination li {
  border-color: #3d3f48!important;
}

/*
------ btn
*/

.btn {
  background-color: rgba(255, 255, 255, 0);
  border-color: #f6a821!important;
  color: #f6a821!important;
}


/*
------ label
*/

.label {
  background: #f6a821!important;
  color: #24262d!important;
}

.label-secondary {
  background-color: #24262d!important;
  color: #f6a821!important;
}

/*
------ table Template Item
*/

.content-item table {
  border-collapse: collapse; 
  width: 100%;
  color: #c3c3c3;
  border: 1px solid #24262d;
  margin-bottom: 25px;
}

.content-item th, td {
  padding: 15px;
  border: 1px solid #c3c3c3;
  text-align: center !important;
  vertical-align: middle !important;
}

.content-item tr:nth-child(even){
  background-color: #24262d;
}

/*
Utile ? Pas sûr
.content-item th {
  font-family: inherit;
  font-size: 120px;
  background-color: #f6a821;
  color: #24262d;
}
*/


Table {
background-color: #24262d;
border-style: hidden;

margin-bottom: 25px;
margin-top: 25px;

border-collapse: collapse; 
color: #f9f9f9;

padding: 10px;
}

/* entete table */
Table th {
  padding: 10px;
  border: 1px solid #c3c3c3;
  text-align: center !important;
  vertical-align: middle !important;
  color: #f5a81a
}



/*
------ Meteo Widjet
*/
.widget-right--type2 .widget-right__layout{
background-color: #f6a821!important;
}