:root {
	--color-blue-light: #E6F2FA;
}

section{
	padding: 1.5rem 0 1.5rem 0;
}

section h1:last-child,
section h2:last-child{
	margin-bottom:1.5rem;
}

.app-list{
	margin-bottom: 0;
}

.app-list li{
  padding-left: 0.5rem;
}
.app-list li:not(:last-child){
  margin-bottom: 1rem;
}

.app-list li::marker{
  content: "\2713";
  color:var(--bs-primary);
  font-family: 'gemIcons';
  font-weight: normal;
}

.container{
	padding-left: 1rem;
	padding-right: 1rem;
}

.font-size-lg{
	font-size: 1.125rem;
}
.navbar-brand {
	padding-left: 0;
}
.navbar-brand img {
	height: 2.5rem;
}

.navbar-header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.app-section-faqinvitation{
	background-color: var(--color-blue-light);
	border-radius: var(--bs-border-radius);
	padding: 1.5rem;
}

.list-type-lower-alpha{
	list-style-type: lower-alpha;
}

#topBar{
	padding: 1rem 0;
	top: -1px; /* the trick for detecting sticky element */
	transition: all .5s linear;
}

#topBar.stickedHeader{
	box-shadow: 0 16px 26px 0 rgba(51,51,51,0.07);
	padding: 0.5rem 0;
}

@media (min-width: 992px) {
/* Large lg */
	section{
		padding: 2rem 0 2rem 0;
	}
	.app-faq-toc{
		position: sticky;
		top: 5rem;
		z-index: 0;
	}
	.navbar-brand:first-child, .navbar.navbar-expand-lg .navbar-brand:first-child {
		padding-left: 0;
	}
	.navbar-header{
		display: inline-flex;
		width: auto;
	}
	#topBar{
		padding: 1.5rem 0;
	}
	#topBar.stickedHeader{
		padding: 0 1.5rem;
	}
}
@media (min-width: 1200px) {
/* XL */
	.container{
		max-width: 1140px;
	}
}