/**
 * 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
 */

/* Basic styles.
------------------------------------------------------- */
input, button, select {
	font-size: 0.75rem;
}
dl, ol, ul {
    margin-bottom: 0;
}
p {
  margin-bottom: .5rem;
}

@media screen and (max-width: 767.98px) {
	#header {
		width: 100%;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}
}

/* Overrides for the standard responsiveness styles.
------------------------------------------------------- */

@media (max-width: 575.98px) {
	h1.forumtitle a, h1.forumtitle {
		padding: 0 !important;
		max-width: unset !important;
		margin: 0 !important;
	}
	
	.poster h4 {
		margin-left: 3px;
	}
	
	li.membergroup {
		display: none!important;
	}
	
	li.cust_loca {
		display: inline!important;
	}
	
	.smflikebutton {
		margin-top: 0;
	}
	
	.under_message ul.floatleft, .under_message ul.floatright {
		padding-left: 0;
	}
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
ul.dropmenu {
  padding-left: 0;
}

/* Styles for the profile menus.
------------------------------------------------------- */

/* Set maximum width and height limit for top menu avatars */
#profile_menu_top > img.avatar {
  width: 35px !important;
  height: unset !important;
  margin: 0 5px 0 0;
}

/* Styles for the general looks of the theme.
------------------------------------------------------- */
#display_head,
#quickreply {
  box-shadow: 4px 5px 13px 0px #121212;
}
/* Set maximum width limit for content */
#top_section .inner_wrap, #wrapper, #header, #footer .inner_wrap {
  width: unset;
}
/* The top bar. */
#top_info {
  padding: 0;
}
#top_info.is_logged {
  padding-top: 5px ;
}
/* The logo and slogan. */
#header {
  padding: .25rem;
}
#header img {
  width: 100%;
  height: 100%;
}
/* The main title. */
h1.forumtitle {
  margin:0;
  padding:0;
}
/* Even guests need to be aligned */
.welcome {
	padding: 5px;
}
.profile_user_links li {
  padding-left: 0;
}

/* Styles for the Frontpage (EZPortal)
------------------------------------------------------- */
.lastupdate {
  font-size: 0.75rem;
}
h5 i.wi {
  font-size:1.25rem;
}
h5 i.wi::before {
  padding-right: .5rem;
}
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;
}
#postarea {
  box-shadow: 4px 5px 13px 0px #121212;
}
#poster {
  box-shadow: 1px 2px 2px 0px #000;
  overflow-wrap: break-word;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}
#keyinfo {
  border-bottom: 1px solid #bfbfbf;
}
#keyinfo h5 {
  margin: .25rem 0;
  padding-left: .25rem;
}
#keyinfo h5 span.page_number {
  padding-right: .25rem;
}
#keyinfo h5 span.smalltext {
  margin: .25rem 0;
  padding-right: .25rem;
  line-height: 1rem;
  font-size: 1rem;
}
#post {
  border-left: 1px solid #2b2b2b;
}
#post .inner {
  border: none;
  box-shadow: unset;
}
.custom_signature {
  padding: 0 .25rem;
  text-align: center;
  border-top: 1px solid #bfbfbf;
  box-shadow: 0 1px 0 #fff inset;
  word-wrap: break-word;
}
.user_info li.im_icons,
.user_info li.profile {
  display: inline-block;
}
.user_info li.im_icons > ol > li,
.user_info li.profile > ol > li {
  display: inline;
}
.user_info li.im_icons > ol,
.user_info li.profile > ol {
  padding-left: 0;
}
#block7.windowbg,
#block19.windowbg {
  text-align:center;
  display:block;
  padding: .25rem;
}
.radar {
  display: inline-block;
  padding: .25rem 0;
}
.radar img {
  width:100%;
  max-width:225px;
}
.neerslagradar {
  max-width:235px !important;
}
.weer {
  max-width:245px !important;
}
span.gauges-update {
  padding: .125rem .5rem 0 0
}

.ssi_table {
  font-size: 0.75rem;
  color: #000;
}

/* 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%;
}
.postarea .bbc_table td {
  width:unset;
  padding: .1rem .175rem;
}
span.not_allowed {
  font-size: 0.875em;
  font-weight: 700;
}

/* Styles for the Post areas
------------------------------------------------------- */
#forumposts ul.user_info,
#forumposts ul.floatleft {
  padding: 0;
}

#forumposts .moderatorbar {
  margin: 0;
}

#st-1 .st-total {
  color: #f1f1f1!important;
}
.st-btn.st-last {
  display: inline-block!important;
  margin-left:0;
}