/**
 * File:		Theme.css
 * Purpose:		CSS Style overrides and customisations
 * Author:		ThaGhostNL
 * BaseTheme: 	Curve2
 * Version:		2.1
 *
 * CSS Style overrides for font types, font size, image-resize for better responsiveness and colors
 * Overrides and customisations used in listed elements;
 *
 * Frontpage (EZPortal)
 * SSI tables
 * Index Template
 * BoardIndex Template
 * Display Template
 */

/* Site wide costumisations */

@media screen and (max-width: 720px) {
	#header {
		width: 100%;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}
}
@media (max-width: 480px) {
	h1.forumtitle a, h1.forumtitle {
		padding:0px 15px 0px 5px;
		max-width: 100%;
	}
}

p {
  margin-bottom: .5rem;
}
 
/* Frontpage (EZPortal) */
.lastupdate {
  font-size: 0.75rem;
}
h5 i.wi {
  font-size:1.25rem;
}
h5 i.wi::before {
  padding-right: .5rem;
}
.generic_list_wrapper, .windowbg, .approvebg, .approvebg2 {
  margin: 12px 0 0 0;
  padding: 5px 16px 5px 16px;
  border-radius: 6px;
  overflow: auto;
}
table {
	margin-bottom: .25rem!important;
}
table.front-stats {
  margin-bottom: 0!important;
  border: 1px solid #dee2e6;
}
.front-stats td {
  padding: .25rem!important;
}
.front-stats th {
  padding: .25rem;
  background-color: #8ed6f9;
  color: #000;
}
#block7.windowbg {
  text-align:center;
  display:block;
  padding: .25rem;
}
.radar {
  display: inline-block;
  padding: .25rem 0;
}
.radar img {
  width:100%;
  max-width:225px;
}
span.gauges-update {
  padding: .125rem .5rem 0 0
}

/* SSI Table styling */
.ssi_table thead {
  background-color: #9edbf7;
}
.ssi_table tr>td {
  padding: .25rem .5rem;
}

/* Display Template styling */

.bbc_code {
  white-space: normal;
  max-width: 100%;
}

/*Simple css to style it like a toggle switch*/
.theme-switch-wrapper {
  display: flex;
  align-items: center;
}
.theme-switch {
  height: 16px;
  position: relative;
  width: 30px;
}
.theme-switch input {
  display:none;
}
label {
  margin-bottom: 0;
}
.slider {
  background-color: black;
  bottom: -4px;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 4px;
  transition: .4s;
}

.slider:before {
  background-color: white;
  bottom: 2px;
  content: "";
  height: 12px;
  left: 2px;
  position: absolute;
  transition: .4s;
  width: 12px;
}

input:checked + .slider {
  background-color: white;
}

input:checked + .slider:before {
  background-color: black;
  transform: translateX(14px);
}

.slider.round {
  border-radius: 12px;
}

.slider.round:before {
  border-radius: 50%;
}