/**
 * GENERAL FONT AND TYPOGRAPHY
 */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;600;700&display=swap');

html, body, td, th {
	font-size: 16px;
	font-weight: 500;
	color: #222222;
	font-family: Raleway, Helvetica, sans-serif;
	line-height: 1.4rem;
}

h1 {
	font-size: 2.5625rem;
	font-weight: 700;
}
h2 {
	font-size: 1.9375rem;
	font-weight: 500;
}
h3 {
	font-size: 1.75rempx;
	font-weight: 500;
}
h4 {
	font-size: 1.5rem;
	font-weight: 500;
}

.text-small {
    font-size: 0.8rem;
}
.text-large {
    font-size: 1.2rem;
}

p {
    line-height: 1.5rem;
}


/**
 * HEADER AND NAV BAR
 */

nav.navbar {
	background-color: #462772;
	color: white;
}

nav.navbar a,
nav.navbar .nav-link:hover,
nav.navbar .nav-link:focus,
nav.navbar .navbar-nav .nav-link.show {
    color: white;
}
nav.navbar a.dropdown-item {
    color: #462772;
}

.navbar-dark .navbar-toggler {
	border-color: white;
}
.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}


/**
 * LINKS AND BUTTONS
 */

.btn.btn-primary {
    background-color: #462772 !important;
    border-color: #462772 !important;
    color: white !important;
}
.btn.btn-primary:active,
.btn.btn-primary:focus,
.btn.btn-primary:hover {
    background-color: white !important;
    border-color: #462772 !important;
    color: #462772 !important;
}

.btn.btn-secondary {
    background-color: white !important;
    border-color: #462772 !important;
    color: #462772 !important;
}
.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.btn.btn-secondary:hover {
    background-color: #462772 !important;
    border-color: #462772 !important;
    color: white !important;
}


/**
 * COLOR UTILITY CLASSES
 */

.bg-purple {
	background-color: #462772 !important;
}
.text-purple {
	color: #462772 !important;
}
.border-purple {
	border-color: #462772 !important;
}

.bg-lightblue {
	background-color: #2dd3f9 !important;
}
.text-lightblue {
	color: #2dd3f9 !important;
}
.border-lightblue {
	border-color: #2dd3f9 !important;
}

.bg-white {
	background-color: #FFFFFF !important;
}
.text-white {
	color: #FFFFFF !important;
}
.border-white {
	border-color: #FFFFFF !important;
}

.bg-black {
	background-color: #000000 !important;
}
.text-black {
	color: #000000 !important;
}
.border-black {
	border-color: #000000 !important;
}

.bg-silver {
	background-color: #CCCCCC !important;
}
.text-silver {
	color: #CCCCCC !important;
}
.border-silver {
	border-color: #CCCCCC !important;
}


/**
 * SELECT2
 */

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 0 0.1rem;
    font-size: 0.9rem;
}

.select2-container--bootstrap-5 .select2-selection {
    padding: .375rem;
}


/**
 * MISCELLANEOUS AND SUNDRY
 */

.form-check label {
    vertical-align: middle;
}

textarea.form-control {
    height: 3rem !important;
}

.form-floating textarea.form-control {
    height: 6rem !important;
}

.point_map {
    width: 100%;
    height: 500px;
}

.form-floating > .form-select~label {
    color: #222;
}

.fake-floating-label {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}