/* common styles */
body
{
	position: relative;
	font-size: 1rem;
	line-height: 2rem;
	padding-left: env(safe-area-inset-left);
	padding-right: env(safe-area-inset-right);
	padding-top: env(safe-area-inset-top);
	padding-bottom: env(safe-area-inset-bottom);
	word-break: break-word;
}
a:focus
{
	box-shadow: none !important;
}
.container-fluid
{
	padding-right: 0;
	padding-left: 0;
	width: 100vw;
	margin-left: calc(-1 * env(safe-area-inset-left));
	margin-right: calc(-1 * env(safe-area-inset-right));
}
p
{
	margin-bottom: 1rem;
}
.row
{
	margin-left: 0;
	margin-right: 0;
}
.scroll-target
{
	display: block;
	position: relative;
	top: -7.5rem;
	visibility: hidden;
}
.btn
{
	text-decoration: none;
	border-radius: 2rem !important;
	border-width: 2px;
	padding-left: 3rem;
	padding-right: 3rem;
	color: rgb(175,4,4);
	background-color: #F8F9FA;
}
.btn:hover
{
	color: #FFFFFF;
	background-color: rgba(255,255,255,0.2);
}
h1
{
	line-height: 1.0;
}
h2
{
	font-size: 1.25rem;
	font-weight: normal;
	color: rgb(175,4,4);
}
.image-container
{
	display: inline-block;
}

/* nav */
#block_nav
{
	background: rgb(175,4,4);
	background: linear-gradient(90deg, rgba(129,2,2,1) 0%, rgba(175,4,4,1) 35%, rgba(129,2,2,1) 100%);
}
.navbar
{
	padding-left: 0;
	padding-right: 0;
}
.navbar a
{
	text-decoration: none;
}
.navbar-brand img
{
	height: 48px;
}
.navbar-dark .navbar-toggler
{
	border-color: transparent !important;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}
.navbar-dark .navbar-toggler:focus
{
	outline: 0;
}

/* download */
#block_download
{
	color: #FFFFFF;
	background: rgb(175,4,4);
	background: linear-gradient(90deg, rgba(129,2,2,1) 0%, rgba(175,4,4,1) 35%, rgba(129,2,2,1) 100%);
}
#block_download>div
{
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
#block_download h1
{
	font-size: 6rem;
	font-weight: 100;
}
#block_download h2
{
	font-size: 3rem;
	font-weight: 100;
	color: #FFFFFF;
}
.download-details, .download-details a
{
	color: rgba(255,255,255,.5);
}
.download-donate
{
	display: inline;
}

/* usage */
#block_usage
{
	font-size: 1.25rem;
	text-align: justify;
}

/* provider */
#block_provider
{
	background-color: #F0F0F0;
}
.provider_array
{
	overflow: auto;
}
.provider_array div
{
	width: 155px;
	display: inline-block;
}
.provider_array div img
{
	margin-right: 5px;
	vertical-align: -3px;
	width: 16px;
	height: 16px;
}

/* os */
#block_os
{
	background-color: #F0F0F0;
}

/* forum */
.disqus
{
	background-color: transparent;
}

/* faq */
#block_faq
{
	background-color: #F0F0F0;
}
#block_faq h2
{
	margin-bottom: 0.5rem;
}
#block_faq p
{
	margin-bottom: 2rem;
}

/* footer */
#block_footer
{
	background-color: #273140;
}
#block_footer a
{
	color: #C3CBD5;
	text-decoration: none;
}
#block_footer .footer-item
{
	display: inline-block;
}
#block_footer .footer-item:not(:last-child):after
{
	content: "\B7";
	padding-left: 0.7rem;
	padding-right: 0.5rem;
}
.copyright, .copyright a
{
	color: #8B99AC !important;
}

@media (max-width: 767.98px)
{
	#block_download>div
	{
		margin-top: 2rem !important;
		margin-bottom: 2rem !important;
	}
	#block_download h1
	{
		font-size: 4rem;
	}
	#block_download h2
	{
		font-size: 2rem;
	}
}

/* dark mode */
@media (prefers-color-scheme: dark)
{
	#block_provider, #block_os, #block_faq
	{
		background-color: #29292E;
	}

	.disqus
	{
		background-color: #F7F7F7;
	}
}