/* --------------------------------------------|
|                                              |
| Footer                                       |
|                                              |
|-------------------------------------------- */

.footer {
	background-color: var(--color-local-footer);
	color: var(--color-light);
	font-family: var(--font-footer);
}

/* --------------------------------------------|
| Footer Inner                                 |
|-------------------------------------------- */

.footer__inner {
	padding-top: var(--padding-secondary-vertical-px);
	padding-bottom: var(--padding-secondary-vertical-px);
	max-width: var(--layout-page-maxwidth-with-padding);
	padding-left: var(--padding-secondary-horizontal-px);
	padding-right: var(--padding-secondary-horizontal-px);
	margin: 0 auto 0 auto;
	display: grid;
	gap: 80px;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	color: var(--color-light);
	align-items: stretch;
}

@media screen and (max-width: 1024px) {
	.footer__inner {
		gap: 40px;
	}
}

@media screen and (max-width: 768px) {
	.footer__inner {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		row-gap: 20px;
	}
}

@media screen and (max-width: 428px) {
	.footer__inner {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto auto;
		column-gap: 0;
	}
}

/* --------------------------------------------|
|                                              |
| Vertical line between blocks                 |
|                                              |
|-------------------------------------------- */

.footer__inner > div {
	position: relative;
}

.footer__inner > div:empty {
    display: none;
}

.footer__inner > div:not(:last-child):after {
	content: "";
	position: absolute;
	height: auto;
	top: -40px;
	bottom: -40px;
	width: 1px;
	background-color: var(--color-light);
	right: -40px;
	z-index: 1;
}

@media screen and (max-width: 1024px) {
	.footer__inner > div:not(:last-child):after {
		right: -20px;
	}
}

@media screen and (max-width: 768px) {
	.footer__inner > div:last-child:after,
	.footer__inner > div:nth-child(2):after {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.footer__inner > div:first-child:after {
		display: none;
	}
}

/* --------------------------------------------|
|                                              |
| Lists                                        |
|                                              |
|-------------------------------------------- */

.footer ul {
	margin-top: 0;
}

.footer li {
	display: block;
	line-height: var(--font-primary-lineheight);
}

ul.arrow.arrow--footer li {
    margin-left: 10px;
}


ul.arrow.arrow--footer li::before {
    color:var(--color-light)
}


.ul--icons {
    display: flex;
    gap: 10px;
    margin-top: 30px !important;
    margin-left: 5px;
}

/* --------------------------------------------|
|                                              |
| Sticky footer                                |
|                                              |
|-------------------------------------------- */

/* body */
#necs-app {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.footer {
	margin-top: auto;
}