:root {
	    	--btn-border-radius: 0;
    
	--color-buttontext: black;
	--color-linktext: rgba(220,53,69,1);

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

	--color-secondary: rgba(252,242,57,1);
	--color-secondary-50: rgba(252,242,57,0.05);
	--color-secondary-100: rgba(252,242,57,0.1);
	--color-secondary-200: rgba(252,242,57,0.2);
	--color-secondary-300: rgba(252,242,57,0.3);
	--color-secondary-400: rgba(252,242,57,0.4);
	--color-secondary-500: rgba(252,242,57,0.5);
	--color-secondary-600: rgba(252,242,57,0.6);
	--color-secondary-700: rgba(252,242,57,0.7);
	--color-secondary-800: rgba(252,242,57,0.8);
	--color-secondary-900: rgba(252,242,57,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(252,242,57,1);
	--color-danger-50: rgba(252,242,57,0.05);
	--color-danger-100: rgba(252,242,57,0.1);
	--color-danger-200: rgba(252,242,57,0.2);
	--color-danger-300: rgba(252,242,57,0.3);
	--color-danger-400: rgba(252,242,57,0.4);
	--color-danger-500: rgba(252,242,57,0.5);
	--color-danger-600: rgba(252,242,57,0.6);
	--color-danger-700: rgba(252,242,57,0.7);
	--color-danger-800: rgba(252,242,57,0.8);
	--color-danger-900: rgba(252,242,57,0.9);
}

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

body
{
	font-family: 'DM Sans', sans-serif;
	color: #09071B;
}

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

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

header#app-header
{
	position: relative;

	
			background: none;

		@media (max-width: 768px)
		{
																background-color: #000;
									}
		color: #FFF !important;
	}


@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: #FCF239 !important;
			border-bottom: 4px solid #FCF239 !important;
		}
	}


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

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

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

main#app-main
{
								background-color: #000;
						background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		font-size: 18px;
	font-weight: 300;
	line-height: 32px;
}

	@media (max-width: 576px)
	{
		main#app-main
		{
																background-color: #000;
												background-position: center center;
				background-size: cover;
				background-repeat: no-repeat;
					}
	}

footer#app-footer
{
	background: #000;
	color: #FFF !important;
		font-family: 'DM Sans', 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: #FFF !important;
}

footer#app-footer a.account, footer#app-footer .btn.account
{
	color: #FFF !important;
	border-color: #FFF !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 #FFF;
    transition: all 0.3s ease-in-out;
}

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

footer#app-footer .social-icon:hover {
    color: #FFF;
    border-color: #FCF239;
}

.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; }