.dropdown li a{
	color: black !important;
	font-weight: 400;
}

.btn-system {
	background-color: #CC3399;
	color: #ffffff !important;
	-webkit-border-radius: 25px;
	font-weight: 500;
}

.btn-system.btn-black {
	background-color: #1D428A;
}

.btn-xlarge {
	font-size: 15px;
	padding: 11px 25px;
}

p {
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
    margin: 0;
}
		
label {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	cursor: pointer;
}

.tp-caption.gray_font_color {
	color: #fff;
}

.tp-caption.dark_font_color {
	color: #fff;
}

.top-bar .contact-details li a {
	font-size: 13px;
}

.top-bar a {
	color: #000;
	font-weight: bold;
}

.footer-widget {
    margin-bottom: 5px;
}

footer {
    padding-top: 20px;
}

@import "@typehaus/metropolis/800.css";
@tailwind base;
@tailwind utilities;
@tailwind components;


/* To change font throughout website */
body {
	font-family: 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
	color: #fff;
}
p {
	font-family: 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}
a.main-button, input[type="submit"] {
    font-family: 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.dropdown li a, .sup-dropdown li a {
    font-family: 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}
ul.breadcrumbs li {
    font-family: 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.widget-search input[type="search"],
#contact-form input[type="text"],
#contact-form textarea,
#respond input[type="text"],
#respond textarea {
    font-family: 'Metropolis', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Open Sans', 'Helvetica Neue', sans-serif;
}


/* To change progress bar to custom colors */
.progress .progress-bar.progress-bar-primary {
	background-color: #CC3399;
}
.progress-bar-primary {
  background-color: #CC3399;
}
.progress-bar-success {
  background-color: #CC3399;
}
.progress-bar-danger {
  background-color: #CC3399;
}
.progress-bar-warning {
  background-color: #CC3399;
}


/* Label changes */
.form input{
	border-radius: 5px;
}
.form select{
	border-radius: 5px;
}

/* Footer changes */
.footer-widget h4 {
	margin-bottom: 0px;
}
footer a {
	color: #fff;
}
footer p {
	color: #fff;
}
.footer-widget h4 {
	color: #fff;
}


/* Changes to DARK MODE */
#container {
    background-color: #000;
}
.top-bar {
    background-color: #000;
}
footer {
    background-color: #000;
}
.top-bar a {
	color: #fff;
}
body {
	color: #fff;
}
.navbar {
	background: #000;
}
.panel {
  background-color: #000;
}
.panel-title a {
	background-color: #000;
}
.panel-title a.collapsed {
	color: #fff;
}
.panel-title a.collapsed:hover {
	color: #fff;
}
.panel-title a {
	color: #fff;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
}
.ui-widget-content {
	background: #000000;
}
.page-banner {
    background: #000;
}
ul.breadcrumbs li a {
	color: #fff;
}
.alert-success {
  color: #000;
  background-color: #c3eef4;
}
a:hover {
    color: #fff;
}