@charset "utf-8";

/* ElEMENTS PANELS */
	.elements-panels {
		display: grid;
		}
	.elements-panels-inline {
		margin: var(--margin-block) 0;
		}
	.elements-panels-gaps {
		grid-gap: var(--gap);
		}
	.elements-panels-item {
		min-height: 12rem;
		}
	.elements-panels-inline.elements-panels-block,
	.elements-panels-gaps .elements-panels-item {
		border-radius: var(--radius);
		overflow: hidden;
		}
	.elements-panels-shadow.elements-panels-block,
	.elements-panels-shadow.elements-panels-gaps .elements-panels-item {
		box-shadow: var(--shadow);
		}
	.elements-panels-noshadow.elements-panels-gaps .elements-panels-item  {
		box-shadow: 0 0 0 0 rgba(0,0,0,0.01);
		}
	.elements-panels-noshadow.elements-panels-gaps a.elements-panels-item:hover {
		box-shadow: 0 0.2rem 2.6rem -0.4rem var(--shadow-color);
		}
	@media (min-width: 60em) {
		.elements-panels.w {
			grid-auto-flow: dense;
			grid-template-columns: repeat(12, 1fr);
			}
		.elements-panels.w > .elements-panels-full {
			grid-column: span 12;
			}
		.elements-panels.w > .elements-panels-half,
		.elements-panels.w > .elements-panels-quarter {
			grid-column: span 6;
			}
		.elements-panels.w > .elements-panels-third {
			grid-column: span 4;
			}
		.elements-panels-stagger.elements-panels-balanced.elements-panels-max-2 {
			padding-bottom: 2.4rem;
			}
		.elements-panels-stagger.elements-panels-balanced.elements-panels-max-3 {
			padding-bottom: 4.8rem;
			}
		.elements-panels-stagger.elements-panels-balanced.elements-panels-max-4 {
			padding-bottom: 7.2rem;
			}
		.elements-panels-stagger.elements-panels-balanced.elements-panels-max-2 > .elements-panels-item-column-2,
		.elements-panels-stagger.elements-panels-balanced.elements-panels-max-3 > .elements-panels-item-column-2,
		.elements-panels-stagger.elements-panels-balanced.elements-panels-max-4 > .elements-panels-item-column-2 {
			transform: translateY(2.4rem);
			}
		.elements-panels-stagger.elements-panels-balanced.elements-panels-max-3 > .elements-panels-item-column-3,
		.elements-panels-stagger.elements-panels-balanced.elements-panels-max-4 > .elements-panels-item-column-3 {
			transform: translateY(4.8rem);
			}
		.elements-panels-stagger.elements-panels-balanced.elements-panels-max-4 > .elements-panels-item-column-4 {
			transform: translateY(7.2rem);
			}
	}
	@media (min-width: 80em) {
		.elements-panels.w > .elements-panels-quarter {
			grid-column: span 3;
			}
	}
	.elements-panels-impact,
	.elements-panels-item.elements-panels-button {
		align-items: center;
		display: flex;
		justify-content: center;
		}
	.elements-panels-align-center .elements-panels-info,
	.elements-panels-align-center .elements-panels-iconinfo,
	.elements-panels-align-center .elements-panels-button {
		text-align: center;
		}
	.elements-panels-holder {
		margin: 2rem;
		}
	@media (min-width: 60em) {
		.elements-panels-holder {
			margin: 4rem;
			}
	}
	.elements-panels-icon {
		margin: 0 0 1.2rem;
		max-width: 4.8rem;
		}
	.elements-panels-align-center .elements-panels-icon {
		margin-inline: auto;
		}
	.elements-panels-title {
		font-size: var(--head-6);
		font-weight: 700;
		margin-bottom: 1rem;
		}
	.elements-panels-iconlist .elements-panels-title {
		font-weight: var(--heavy);
		margin-bottom: 0;
		}
	.elements-panels-title-sub {
		color: var(--color-important);
		font-size: var(--text-sub-2);
		font-style: italic;
		margin-top: 0.5rem;
		}
	.elements-panels-head {
		color: var(--color-header);
		font-size: var(--head-2);
		font-weight: 700;
		}
	.elements-panels-head > strong {
		color: var(--color-important);
		}
	.elements-panels-button .elements-panels-head {
		font-size: var(--head-3);
		font-weight: 700;
		margin-bottom: 2rem;
		}
	.elements-panels-head > strong {
		font-weight: var(--heavy);
		}
	.elements-panels-iconlist .elements-panels-text {
		margin-top: 1rem;
		}
	.elements-panels-text > p {
		font-size: var(--text-sub-1);
		margin: 1rem 0;
		line-height: 1.4em;
		}
	.elements-panels-list {
		display: grid;
		font-size: var(--text-sub-2);
		grid-gap: 1rem;
		}
	.elements-panels-list-item {
		display: grid;
		grid-gap: 1.2rem;
		grid-template-columns: 2rem 1fr;
		line-height: 1.3em;
		opacity: 0.8;
		}
	.elements-panels-list-icon {
		color: var(--color-accent);
		text-align: center;
		}
	.elements-panels-text-link {
		font-size: var(--text-sub-2);
		margin-top: 2rem;
		}
	.elements-panels-text-link > a {
		border-bottom: 0.1rem solid var(--color-link);
		display: inline-block;
		font-weight: 700;
		padding-bottom: 0.3rem;
		text-transform: uppercase;
		}
	.elements-panels-impact > p {
		font-size: var(--head-6);
		margin: 1rem 0;
		line-height: 1.4em;
		}
	.elements-panels-quote-mark {
		margin-bottom: 1rem;
		}
	.elements-panels-quote-mark > span {
		background-color: var(--color-accent);
		color: var(--color-accent-text);
		border-radius: 100%;
		display: inline-block;
		font-size: var(--text-sub-2);
		height: 3.2rem;
		line-height: 3.2rem;
		width: 3.2rem;
		text-align: center;
		}
	.elements-panels-quote-info {
		font-size: var(--head-6);
		margin: 1rem 0;
		line-height: 1.4em;
		}
	.elements-panels-quote-by {
		font-size: var(--text-sub-2);
		margin-top: 1rem;
		}
	.elements-panels-arrow {
		font-size: var(--text-sub-1);
		margin-top: 2rem;
		}
	.elements-panels-header,
	.elements-panels-image {
		overflow: hidden;
		position: relative;
		}
	.elements-panels-imgbg {
		height: 100%;
		object-fit: cover;
		position: absolute;
		width: 100%;
		z-index: 0;
		}
	.elements-panels-header {
		display: flex;
		}
	.elements-panels-header > .elements-panels-holder {
		align-self: center;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 5;
		}
	.elements-panels-header.color-fake .elements-panels-head {
		text-shadow: 0.05em 0.05em 0.2em rgba(0,0,0,0.4);
		}
	@media (min-width: 60em) {
		.elements-panels.w .elements-panels-img {
			height: 100%;
			object-fit: cover;
			position: absolute;
			width: 100%;
			}
	}