@charset "utf-8";
/* CSS Document */

body {background-color: #000000;}

h1, h2 {

    color: #ffffff;
    padding: 18px 0px;
}

h3 {
    color: #000000;
    padding-bottom: 12px; 
}

h5 {
	color: #000000;
}

.intro {
    padding-top: 12px;
}

.bg-default, .btn-default, .border-default .card-header {
	background-color: #7655C3 !important;
	border-color: #7655C3 !important;
}

.bg-warning, .btn-warning, .border-warning .card-header {
	background-color: #c98111 !important;
	border-color: #c98111 !important;
}

.bg-dark, .btn-dark, .border-dark .card-header {
	background-color: #7655C3 !important;
	border-color: #7655C3 !important;
}

button.uhi, button.uhi:hover, button.uhi:focus {
	background-color: #7655C3;
	color: #ffffff;
	
}

.row {margin-bottom: 24px;}


.topic a {
	 text-decoration: none;
}

.topic .card-title {
	color: #000000;
}

.topic .card-text {
	color: #212529
}	

.modal-title {

		color: #000000;
}



table.table td, table.table th {
	vertical-align: middle;
}

th span, td span {
		vertical-align: middle;
}

#resource-table td, #resource-table  th {
	vertical-align: top;
}

#resource-table2 td, #resource-table2  th {
	vertical-align: top;
}

span.audio-button:hover {
	color: #2404d4;
}
span.dhutsa:hover {
	color: #ACECF9;
}

.quotes {
	color: #7655C3;
	font-style: italic;
}

a {
	color: #174bd0;
}

.footer-email {
	color: white;
	font-weight: bold;
}

.footer-email:hover {
	color: white;
}

@media (min-width: 1200px) {
	.col-sm {
		max-width: 285px;
	}
}


.col-sm {
	min-width: 210px;
}