html { margin: 0; padding: 0; background-color: #FFFFFF; }

body { margin: 0; padding: 0; background-color: #FFFFFF; }

@supports(padding:max(0px)) {
    body, header, footer {
        padding-left: min(0vmin, env(safe-area-inset-left));
        padding-right: min(0vmin, env(safe-area-inset-right));
    }
}

.uk-navbar-dropbar-slide { background-color: rgb(255, 255, 255); }
.uk-navbar-nav>li>a { font-size: 16px; color: rgb(200, 200, 200); }
.uk-navbar-nav>li:hover>a { font-size: 16px; color: rgb(255,255,255); }

.uk-offcanvas-bar .uk-nav-default > li > a {
	color:#1e87f0;
	font-weight: 700;
	font-size: 14px;
}
.uk-offcanvas-bar .uk-nav-default > li > a:hover {
	color:white;
}

.uk-offcanvas-bar .uk-nav-default .uk-nav-header {
	color:white;
	font-weight: 700;
	font-size: 20px;
}


.uk-subnav {
	border-radius: 20px;
	font-size: 14px;
	color: white;
	font-weight: 700;
}
.uk-subnav > * > a:hover {
	border-radius: 20px;
	font-size: 14px;
	color: white;
	font-weight: 700;
}

.uk-subnav > * > :first-child {
	border-radius: 20px;
	font-size: 14px;
	color: inherit;
}

.uk-subnav-pill { 
	color: black; 
}
.uk-subnav-pill>* { 
	background-color:white; 
	color: black; 
	border: 2px solid black;
	border-radius: 20px;
	padding: 0;
	margin-left: 20px;
	font-size: 20px;
	font-weight: 700;
}
.uk-subnav-pill>*>a:hover { 
	background-color:#f8f8f8; 
	color: rgb(60, 60, 255); 
	border-radius: 20px;
}
.uk-subnav-pill>*>a:active { 
	background-color:#f8f8f8; 
	color: rgb(60, 60, 255); 
	border-radius: 20px;
}
.uk-subnav-pill>.uk-active>a { 
	background-color:#1e87f0; 
	color: white;
	border-radius: 20px;
}

.uk-modal-body {
	border-radius: 20px;
}



.app-text-shadow-bold { text-shadow: 1px 1px 3px #000000; }
.app-pad0 { padding: 0; }
.app-pad-card-small { padding: 8px; }
.app-pad-card-mid { padding: 12px; }
.app-pad-card-large { padding: 16px; }
.app-clickable { cursor: pointer; cursor: hand; }
.app-decor-none { text-decoration: none; }
.app-hidden { display: none; }
.app-cleared { clear: both; }
.app-centered { margin-left: auto; margin-right: auto; }
.app-text-centered { text-align: center; }
.app-centered-both { display: flex; justify-content: center; align-items: center; }
.app-rounded { border-radius: 20px; }

.app-shh {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
}

.app-color-white { color: white; }
.app-color-grey-a { color: #A0A0A0; }
.app-color-grey-c { color: #C0C0C0; }
.app-color-grey-e { color: #E0E0E0; }
.app-color-grey-7 { color: #707070; }
.app-color-grey-50 { color: rgb(128,128,128); }
.app-color-black { color: black; }
.app-color-blue { color: rgb(60, 60, 255); }

.app-bgcolor-black { background-color: #000000; }
.app-bgcolor-white { background-color: #FFFFFF; }
.app-bgcolor-grey-3 { background-color: #303030; }
.app-bgcolor-grey-4 { background-color: #404040; }
.app-bgcolor-grey-5 { background-color: #505050; }
.app-bgcolor-grey-6 { background-color: #606060; }
.app-bgcolor-grey-7 { background-color: #707070; }
.app-bgcolor-grey-8 { background-color: #808080; }
.app-bgcolor-grey-9 { background-color: #909090; }
.app-bgcolor-grey-a { background-color: #A0A0A0; }
.app-bgcolor-grey-b { background-color: #B0B0B0; }
.app-bgcolor-grey-c { background-color: #C0C0C0; }
.app-bgcolor-grey-d { background-color: #D0D0D0; }
.app-bgcolor-grey-e { background-color: #E0E0E0; }

.app-glass { 
	backdrop-filter: blur(6px) saturate(60%) brightness(100%); 
	-webkit-backdrop-filter: blur(6px) saturate(60%) brightness(100%);
}

.app-rounded-out { border-radius: 30px; }
.app-rounded-in { border-radius: 24px; }

.app-head-text { 
	font-size: 3.0rem; 
	font-weight: 400; 
	color: white; 
	text-shadow: 1px 1px 8px #000000;
}

.app-subtitle-text { 
	font-size: 1.8rem; 
	font-weight: 400;
	color: white; 
	text-shadow: 1px 1px 8px #000000;
}

.app-pagetitle-text { 
	font-size: 1.8rem; 
	font-weight: 600;
	color: white; 
	text-shadow: 1px 1px 6px #000000;
}

.app-box-title-text { 
	font-size: 1.8rem; 
	font-weight: 600;
	color: white; 
	text-shadow: 1px 1px 16px #000000;
}

.app-box-footer-text { 
	font-size: 1.0rem; 
	font-weight: 600; 
	color: white;
	text-shadow: 1px 1px 14px #000000;
}

.app-box-plain-text { 
	font-size: 1.4rem; 
	font-weight: 400;
	color: black; 
	/* text-shadow: 0px 0px 2px #707070; */
}
.app-box-plain-text-bold { 
	font-size: 1.4rem; 
	font-weight: 600;
	color: black; 
	/* text-shadow: 0px 0px 2px #707070; */
}

.app-text-bold { 
	font-weight: 600;
}

.app-square-small {
	width: 80px;
	height: 80px;
}

@media only screen and (min-width: 1601px) {
	.app-head-text { font-size: 3.0rem; }
	.app-subtitle-text { font-size: 1.8rem; }
	.app-box-title-text { font-size: 1.8rem; }
	.app-box-footer-text { font-size: 1.1rem; }
	.app-rounded-out { border-radius: 30px; }
	.app-rounded-in { border-radius: 24px; }
}

@media only screen and (max-width: 1200px) {
	.app-head-text { font-size: 2.3rem; }
	.app-subtitle-text { font-size: 1.5rem; }
	.app-box-title-text { font-size: 1.5rem; }
	.app-box-footer-text { font-size: 1.1rem; }
	.app-rounded-out { border-radius: 24px; }
	.app-rounded-in { border-radius: 20px; }
	.app-pagetitle-text { font-size: 1.6rem; }
}

@media only screen and (max-width: 960px) {
	.app-head-text { font-size: 1.6rem;  font-weight: 500; }
	.app-subtitle-text { font-size: 1.0rem; }
	.app-box-title-text { font-size: 1.2rem; }
	.app-box-footer-text { font-size: 0.8rem; }
	.app-rounded-out { border-radius: 20px; }
	.app-rounded-in { border-radius: 16px; }
	.app-pad-card-small { padding: 6px; }
	.uk-button { padding: 0 10px }
	.app-pagetitle-text { font-size: 1.4rem; }
}

@media only screen and (max-width: 640px) {
	.app-head-text { font-size: 1.4rem; font-weight: 700; }
	.app-subtitle-text { font-size: 0.9rem; }
	.app-box-title-text { font-size: 1.1rem; }
	.app-box-footer-text { font-size: 0.8rem; }
	.app-rounded-out { border-radius: 16px; }
	.app-rounded-in { border-radius: 14px; }
	.app-pad-card-small { padding: 4px; }
	.uk-button { padding: 0 8px }
	.app-pagetitle-text { font-size: 1.4rem; }
}