:root {
	    	--btn-border-radius: 0.375rem;
    
	--color-buttontext: white;
	--color-linktext: rgba(25,118,210,1);

	--color-primary: rgba(128,0,32,1);
	--color-primary-50: rgba(128,0,32,0.05);
	--color-primary-100: rgba(128,0,32,0.1);
	--color-primary-200: rgba(128,0,32,0.2);
	--color-primary-300: rgba(128,0,32,0.3);
	--color-primary-400: rgba(128,0,32,0.4);
	--color-primary-500: rgba(128,0,32,0.5);
	--color-primary-600: rgba(128,0,32,0.6);
	--color-primary-700: rgba(128,0,32,0.7);
	--color-primary-800: rgba(128,0,32,0.8);
	--color-primary-900: rgba(128,0,32,0.9);

	--color-secondary: rgba(220,53,69,1);
	--color-secondary-50: rgba(220,53,69,0.05);
	--color-secondary-100: rgba(220,53,69,0.1);
	--color-secondary-200: rgba(220,53,69,0.2);
	--color-secondary-300: rgba(220,53,69,0.3);
	--color-secondary-400: rgba(220,53,69,0.4);
	--color-secondary-500: rgba(220,53,69,0.5);
	--color-secondary-600: rgba(220,53,69,0.6);
	--color-secondary-700: rgba(220,53,69,0.7);
	--color-secondary-800: rgba(220,53,69,0.8);
	--color-secondary-900: rgba(220,53,69,0.9);

	--color-success: rgba(76,175,80,1);
	--color-success-50: rgba(76,175,80,0.05);
	--color-success-100: rgba(76,175,80,0.1);
	--color-success-200: rgba(76,175,80,0.2);
	--color-success-300: rgba(76,175,80,0.3);
	--color-success-400: rgba(76,175,80,0.4);
	--color-success-500: rgba(76,175,80,0.5);
	--color-success-600: rgba(76,175,80,0.6);
	--color-success-700: rgba(76,175,80,0.7);
	--color-success-800: rgba(76,175,80,0.8);
	--color-success-900: rgba(76,175,80,0.9);

	--color-danger: rgba(220,53,69,1);
	--color-danger-50: rgba(220,53,69,0.05);
	--color-danger-100: rgba(220,53,69,0.1);
	--color-danger-200: rgba(220,53,69,0.2);
	--color-danger-300: rgba(220,53,69,0.3);
	--color-danger-400: rgba(220,53,69,0.4);
	--color-danger-500: rgba(220,53,69,0.5);
	--color-danger-600: rgba(220,53,69,0.6);
	--color-danger-700: rgba(220,53,69,0.7);
	--color-danger-800: rgba(220,53,69,0.8);
	--color-danger-900: rgba(220,53,69,0.9);
}

.includes-link a:not(.tbtn) { color: #1976D2 !important; text-decoration: underline !important; }
.includes-link-underline a:not(.tbtn) { text-decoration: underline !important; }

body
{
	font-family: 'Inter', sans-serif;
	color: black;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4
{
	font-family: 'Inter', sans-serif;
}

header#app-header
{
	font-family: 'Inter', sans-serif;
}

header#app-header
{
	position: relative;

	
			background: none;

		@media (max-width: 768px)
		{
					}
		color: white !important;
			border-bottom: 1px solid #e9ecef;
	}


@media (min-width: 992px)
{
			header#app-header nav a:not(.do-not-underline)
		{
			border-top: 8px solid transparent;
			border-bottom: 4px solid transparent;
		}

		header#app-header nav a:not(.do-not-underline):hover
		{
			transition: 0.3s all ease-out;
			margin-bottom: -8px;
			padding-bottom: 8px;
			color: #800020 !important;
			border-bottom: 4px solid #800020 !important;
		}
	}


header#app-header .btn
{
	color: white !important;
}

	header#app-header #header-logo
	{
		max-width: 2000px !important;
	}

	@media (max-width: 576px)
	{
		header#app-header #header-logo
		{
			max-width: 240px !important;
		}
	}

main#app-main
{
		font-size: 18px;
	font-weight: 300;
	line-height: 32px;
}

	@media (max-width: 576px)
	{
		main#app-main
		{
					}
	}

footer#app-footer
{
	background: #e9ecef;
	color: black !important;
			border-top: 1px solid red;
		font-family: 'Inter', sans-serif;
}

footer#app-footer a:not(.account), footer#app-footer .btn:not(.account), footer#app-footer h4, footer#app-footer span, footer#app-footer u
{
	color: black !important;
}

footer#app-footer a.account, footer#app-footer .btn.account
{
	color: black !important;
	border-color: black !important;
	background: transparent !important;
}

footer#app-footer .logo
{
	max-height: 144px !important;
	max-width: 144px !important;
}

footer#app-footer .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 4px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid black;
    transition: all 0.3s ease-in-out;
}

footer#app-footer .social-icon i {
    color: #e9ecef;
    font-size: 24px;
}

footer#app-footer .social-icon:hover {
    color: black;
    border-color: #800020;
}

.ql-align-center { margin: 0 auto; text-align: center; }
.ql-align-justify { text-align: justify; }
.ql-align-right { text-align: right; }
.ql-font-monospace { font-family: 'Monaco, Courier New, monospace'; }
.ql-font-serif { font-family: 'Georgia, Times New Roman, serif'; }
.ql-indent-1 { margin-left: 24px !important; @media (max-width: 599px) { margin-left: 16px !important; } }
.ql-indent-2 { margin-left: 48px !important; @media (max-width: 599px) { margin-left: 24px !important; } }
.ql-indent-3 { margin-left: 64px !important; @media (max-width: 599px) { margin-left: 36px !important; } }
.ql-indent-4 { margin-left: 80px !important; @media (max-width: 599px) { margin-left: 48px !important; } }
.ql-picker-label svg { vertical-align: top; }
.ql-picker-options { background-color: #000 !important; }
.ql-size-small { font-size: 72%; }
.ql-size-large { font-size: 140%; font-weight: bold; }
.ql-size-huge { font-size: 180%; font-weight: bold; }