/*CSS Flexbox */
.site-flex { display: flex; flex-flow: row wrap }

.site-flex .flex__col { flex: 1 1 0 }

.site-flex.is--padded>.flex__col { padding: 0.5em }

.site-flex.is--top-aligned { align-items: flex-start }
.site-flex.is--bottom-aligned { align-items: flex-end }
.site-flex.is--center-aligned { align-items: center }

.site-flex.justify-content-center{ justify-content: center; }

.site-flex .flex__col.is--col-10 { flex: 0 1 10% }
.site-flex .flex__col.is--col-20 { flex: 0 1 20% }
.site-flex .flex__col.is--col-33 { flex: 0 1 33% }
.site-flex .flex__col.is--col-25 { flex: 0 1 25% }
.site-flex .flex__col.is--col-40 { flex: 0 1 40% }
.site-flex .flex__col.is--col-50 { flex: 0 1 50% }
.site-flex .flex__col.is--col-60 { flex: 0 1 60% }
.site-flex .flex__col.is--col-66 { flex: 0 1 66% }
.site-flex .flex__col.is--col-75 { flex: 0 1 75% }
.site-flex .flex__col.is--col-80 { flex: 0 1 80% }
.site-flex .flex__col.is--col-90 { flex: 0 1 90% }
.site-flex .flex__col.is--col-100 { flex: 0 1 100% }


/*CSS Gridbox */
.site-grid { display: grid; grid-template-columns: repeat(12, 1fr) }

.site-grid.is--gap-8,
.site-grid.is--gap-16,
.site-grid.is--gap-24,
.site-grid.is--gap-40,
.site-grid.is--gap-64 { grid-gap: 2.4rem }

@media (min-width:768px) {
	.site-grid.is--gap-16 { grid-gap: 1.6rem }
	.site-grid.is--gap-24 { grid-gap: 2.4rem }
	.site-grid.is--gap-40 { grid-gap: 4.0rem }
	.site-grid.is--gap-64 { grid-gap: 6.4rem }
}
.site-grid.is--top-aligned > div { align-self: start }
.site-grid.is--bottom-aligned > div { align-self: end }
.site-grid.is--center-aligned > div { align-self: center }

.site-grid>.grid__col-12 { grid-column: span 12 }
.site-grid>.grid__col-11 { grid-column: span 11 }
.site-grid>.grid__col-10 { grid-column: span 10 }
.site-grid>.grid__col-9 { grid-column: span 9 }
.site-grid>.grid__col-8 { grid-column: span 8 }
.site-grid>.grid__col-7 { grid-column: span 7 }
.site-grid>.grid__col-6 { grid-column: span 6 }
.site-grid>.grid__col-5 { grid-column: span 5 }
.site-grid>.grid__col-4 { grid-column: span 4 }
.site-grid>.grid__col-3 { grid-column: span 3 }
.site-grid>.grid__col-2 { grid-column: span 2 }
.site-grid>.grid__col-1 { grid-column: span 1 }

@media screen and (min-width:768px) {
	.site-grid>.grid__col-sm-12 { grid-column: span 12 }
	.site-grid>.grid__col-sm-11 { grid-column: span 11 }
	.site-grid>.grid__col-sm-10 { grid-column: span 10 }
	.site-grid>.grid__col-sm-9 { grid-column: span 9 }
	.site-grid>.grid__col-sm-8 { grid-column: span 8 }
	.site-grid>.grid__col-sm-7 { grid-column: span 7 }
	.site-grid>.grid__col-sm-6 { grid-column: span 6 }
	.site-grid>.grid__col-sm-5 { grid-column: span 5 }
	.site-grid>.grid__col-sm-4 { grid-column: span 4 }
	.site-grid>.grid__col-sm-3 { grid-column: span 3 }
	.site-grid>.grid__col-sm-2 { grid-column: span 2 }
	.site-grid>.grid__col-sm-1 { grid-column: span 1 }
}

@media screen and (min-width:1024px) {
	.site-grid>.grid__col-md-12 { grid-column: span 12 }
	.site-grid>.grid__col-md-11 { grid-column: span 11 }
	.site-grid>.grid__col-md-10 { grid-column: span 10 }
	.site-grid>.grid__col-md-9 { grid-column: span 9 }
	.site-grid>.grid__col-md-8 { grid-column: span 8 }
	.site-grid>.grid__col-md-7 { grid-column: span 7 }
	.site-grid>.grid__col-md-6 { grid-column: span 6 }
	.site-grid>.grid__col-md-5 { grid-column: span 5 }
	.site-grid>.grid__col-md-4 { grid-column: span 4 }
	.site-grid>.grid__col-md-3 { grid-column: span 3 }
	.site-grid>.grid__col-md-2 { grid-column: span 2 }
	.site-grid>.grid__col-md-1 { grid-column: span 1 }
}

@media screen and (min-width:1200px) {
	.site-grid>.grid__col-lg-12 { grid-column: span 12 }
	.site-grid>.grid__col-lg-11 { grid-column: span 11 }
	.site-grid>.grid__col-lg-10 { grid-column: span 10 }
	.site-grid>.grid__col-lg-9 { grid-column: span 9 }
	.site-grid>.grid__col-lg-8 { grid-column: span 8 }
	.site-grid>.grid__col-lg-7 { grid-column: span 7 }
	.site-grid>.grid__col-lg-6 { grid-column: span 6 }
	.site-grid>.grid__col-lg-5 { grid-column: span 5 }
	.site-grid>.grid__col-lg-4 { grid-column: span 4 }
	.site-grid>.grid__col-lg-3 { grid-column: span 3 }
	.site-grid>.grid__col-lg-2 { grid-column: span 2 }
	.site-grid>.grid__col-lg-1 { grid-column: span 1 }
}
.container {
	margin: auto;
	padding: 0 1.6rem;
	max-width: 128.0rem;
}
/**/
section {
	padding: 2.4rem 0;
	overflow: hidden;
}
@media screen and (min-width:768px) {
	section {
		padding: 4.0rem 0;
	}
}

@media screen and (min-width:1024px) {
	section {
		padding: 5.6rem 0;
	}
}

@media screen and (min-width:1200px) {
	section {
		padding: 9.6rem 0;
	}
}



section.page-not-found {
	padding: 9.6rem 0;
}
section.page-not-found .search-form {
	padding: 4.8rem 0 0 0;
}
[class*="section-"] {
	margin: 0 0 6.4rem 0;
}
[class*="section-"] .card {
	margin: 0;
}
[class*="section-"] .card.is--editor-choice {
	margin: 0 0 1.6rem 0;
}
/**/

.page-header {
	background: var(--color-light-secondary);
}
[class*="section-item"] {
	margin: 0 0 1.6rem 0;
}