/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

body {
  background-color: white;
  color: black;
}

	div#home > div.fw-page-builder-content > section > div {
		background-color: rgba( 255,255,255, 0.9) !important;
	}

#lostpasswordform a.login {display:none}

.product-panel {
    border: 1px solid rgba(52, 152, 219 ,0.2);
    border-radius: 6px;
    margin-bottom: 10px;
    background: rgba(255,255,255,0.05);
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #000;
        color: white;
    }
	  
	  #preloader {
			background-color: black;
	  }
	
	nav#topNav {
		background-color: #111;
		color: white;
		border-color: #333;
		border-left: 0;
		border-top: 0;
		border-right: 0;
		border-radius: 0;
	}
	
	nav#topNav a {
    color:#fff;
	}
	
	nav#topNav .active a {
    color: #349bdc;
	}
	
	ul.dropdown-menu,
	ul.dropdown-menu li,
	ul.dropdown-menu li a{
		background-color: #3498db;
		color: #fff;
	}
	
	.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
		background-color: #236d9e;
	}
	
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		background-color: #3498db;
		color: #fff;
	}
	
	input {color: #333}
	
  	.section-header h2, .section-header h2, .section-header .fw-special-subtitle {
		color: white;
	  }
	blockquote p {
		color:#000;
	}
	h1.fw-special-title {
		color: white;
	}

	div#home > div.fw-page-builder-content > section > div {
		background-color: rgba( 0, 0, 0, 0.9) !important;
	}
	
	.site-footer {
		background-color: black;
	}
	
	.tagcloud a {background-color:#333}
	
	pre code {background-color:#000;display:block;padding:10px;color:#fff;border-radius:5px;}

	p code {
		background-color:#222;padding:5px;color:#fff;border-radius:5px;
	}
	
	blockquote p {color:#fff;}
	
	form.form-membership {
		background-color: #222;
		color: #fff;
		padding: 10px;
		border-radius: 4px;
	}
	
	form.form-membership legend,
	form.form-membership label {
		color: #fff;
	}
	
	form.form-membership input {
		color: #000;
		font-weight: 400;
		padding: 5px;
		width: 50%;
	}
	
	legend.ms-move-from {
		color:#fff;
		border-bottom-color: #333;
	}
	
	.ms-membership-details-wrapper {
		border: 1px solid #444;
		border-radius: 4px;
	}
	
	.ms-top-bar, .ms-bottom-bar {
		background-color: #222;
		color: #fff;
	}
	
	.ms-price-details {
		background-color: #111;
	}
	
	pre.wp-block-code {
		background-color: transparent;
		border: 0;
		padding: 0;
	}
	
	div.ms-invoice-details {
		color: black;
	}

	.panel-group .panel p {
    color: #000;
	}
}

#ticketContainer div.threadBody ul {
	list-style-type: disc;
	padding-left: 30px;
}

#ticketContainer div.threadBody ul ul {
	list-style-type: circle;
	padding-left: 30px;
}

#ticketContainer div.threadBody ul ul ul {
	list-style-type: square;
	padding-left: 30px;
}

.wpas * {
	max-width: 665px;
}

.wpas-reply-content code {
	display:initial;
	overflow: auto;
}

div.fw-container div.logo {
	text-align: center;
}

div.fw-container div.logo a img {
	height: 180px;
}

header.text-center h1,
header.text-center div.fw-special-subtitle {
	text-align: center;
}

body .wpmui-field-input.button, body .wpmui-field-input.button-primary {
	color: #fff !important;
	font-weight: 600 !important;
}

.fw-row div.field-textarea textarea {
	width: 100%;
}

form.fw_form_fw_form .fw-row {
	margin: 0px;
}

form.fw_form_fw_form .fw-row div.field-text input {
	width:100% !important;
	max-width: 100% !important;
}

body div#tweets div.fw-page-builder-content section {
	padding:0;
	margin:0;
	height:auto;
}

div.slide-bottom.twitter-icon {
	display: none;
}

.ms-invoice-archived {
  display: none;
}

div.form-builder-item-recaptcha div {
    display: inline-block;
}

div.form-builder-item-recaptcha {
    text-align: center;
}

.gglcptch_recaptcha {
	text-align: center;
}

.gglcptch_recaptcha > div {
	display: inline-block;
}

.product-container {
	border-radius: 10px;
	border: 1px solid #d3d3d3;
	width: calc(50% - 5px);
	margin-right: 5px;
}

.fw-tabs-left ul.nav-tabs,
.fw-tabs-left ul.nav-tabs>li {
	width: 225px !important;
}

.fw-tabs-left .tab-content {
	margin-left: 225px !important;
}

.fw-tabs-left ul.nav-tabs>li {
	text-align: left;
}

.text-center {text-align:center !important}
.hero h2{font-size:300% !important}

.ms-form-price-boxes form {
    width: 33%;
    display: inline-flex;
}

.ms-membership-form-wrapper form .ms-top-bar h4 {
    text-align: center;
    font-size: 2em;
}