@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css");

html {
	scroll-behavior: smooth;
}

.escargot-navbar {
	min-height: 4rem;
}

.navbar-dark.escargot-navbar {
	background-color: #3F568F;
}

.navbar-light.escargot-navbar {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(59deg, rgba(255, 255, 255, 1) 7%, rgba(102, 189, 232, 1) 50%, rgba(214, 238, 248, 1) 89%);
	background: -webkit-linear-gradient(59deg, rgba(255, 255, 255, 1) 7%, rgba(102, 189, 232, 1) 50%, rgba(214, 238, 248, 1) 89%);
	background: linear-gradient(59deg, rgba(255, 255, 255, 1) 7%, rgba(102, 189, 232, 1) 50%, rgba(214, 238, 248, 1) 89%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d6eef8", GradientType=1);
}

.escargot-navbar > .logo {
	font-weight: bold;
}

.escargot-navbar .navbar-nav {
	font-size: 0.9rem;
}

.navbar-dark.escargot-navbar .navbar-nav .nav-link {
	color: rgba(255, 255, 255, .75);
}

.navbar-light.escargot-navbar .navbar-nav .nav-link {
	color: #000000;
}

.navbar-dark.escargot-navbar .navbar-nav .nav-link:hover {
	color: rgba(255, 255, 255, .95);
}

.navbar-light.escargot-navbar .navbar-nav .nav-link:hover,
.navbar-light.escargot-navbar .navbar-nav .nav-link:active {
	color: #000000;
	text-decoration: underline;
}

.navbar-light.escargot-navbar .navbar-brand.logo {
	color: #000000;
	font-weight: normal;
}

.escargot-master {
	padding-top: 8rem;
	padding-bottom: 5rem;
}

.escargot-footer {
	font-size: 0.875rem;
	background-color: #F7F7F7;
}

.escargot-footer-links {
	padding-left: 0;
	margin-bottom: 0;
}

.escargot-footer .container-fluid {
	padding: 2.5rem;
}

.escargot-footer a {
	font-weight: 600;
	color: #495057;
}

.escargot-footer li {
	display: inline-block;
	margin-right: 1rem;
}

.escargot-footer p {
	margin-bottom: 0;
}

.code-block {
	padding: 10px;
	display: block;
	background-color: #F2F3F5;
	border-radius: 5px;
	border: 2px solid #E3E5E8;
	color: black;
}

code {
	color: #846F79;
	font-weight: bold;
}

/* Index */
.home-header {
	font-size: calc(1.525rem + 3.3vw);
}

.home-text {
	font-size: calc(1.275rem + .3vw);
	font-weight: 400;
	color: #495057;
}

.group-badge {
	position: relative;
	top: -2px;
}

/* Downloads */
.client-logo {
	height: 5rem;
}

.extra-logo {
	height: 7.5rem;
}

.faq details {
	padding: 0.3em 1em;
	margin-bottom: 1em;
}

.faq details:hover {
	background-color: hsl(204, 100%, 80%);
	border-radius: 5px;
}

.faq p {
	margin: 0 0 0.5em;
}

.faq details summary {
	font-size: 1.2em;
	line-height: 1.3em;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
}

.faq details summary:focus {
	outline: none;
}

.faq > details[open] > p {
	animation-name: invisiblyGrowFontSize, fadeIn;
	animation-duration: 500ms, 200ms;
	animation-delay: 0ms, 500ms;
}

@keyframes invisiblyGrowFontSize {
	0% {
		font-size: 0;
		opacity: 0;
	}
	100% {
		font-size: 1em;
		opacity: 0;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.forum-size-1 {
	font-size: 0.3em;
}

.forum-size-2 {
	font-size: 0.65em;
}

.forum-size-3 {
	font-size: 1em;
}

.forum-size-4 {
	font-size: 1.35em;
}

.forum-size-5 {
	font-size: 1.75em;
}

.forum-size-6 {
	font-size: 2em;
}

.forum-size-7 {
	font-size: 2.25em;
}

.forum-quote {
	background: rgb(195 193 231 / 25%);
	border-radius: 0 5px 5px 0;
	border-left: 3px solid #0C2B41;
}

.forum-quote-header {
	background:  rgb(195 193 231 / 50%);
	border-top-right-radius: 5px;
}