@charset "UTF-8";

/**

 * Loading first in the style.scss & classic-editor.scss

 */

/**

 * Header styling and layout

 */



/* 2. FOOTER

----------------------------------------------------------------------

---------------------------------------------------------------------- */

/*Layout 

  - footer .site-footer

		- nav .footer-navigation

			- div .menu-menu-de-footer-container

				-	ul .menu

					- li .menu-item

						- a

*/             



.site-footer {

	display: 																									-webkit-box;

	display: 																									-ms-flexbox;

	display: 																									flex;

  -webkit-box-orient: 																			vertical;

  -webkit-box-direction: 																		normal;

	-ms-flex-flow: 																						column nowrap;

	flex-flow: 																								column nowrap;

  -webkit-box-align: 																				center;

	-ms-flex-align: 																					center;

	align-items: 																							center;

  -webkit-box-pack: 																				center;

	-ms-flex-pack: 																						center;

  justify-content: 																					center;

  place-items: 																							center;

  gap: 																											1em;

  padding: 																									2em 1em;

	color:																										var(--text-white);			

  line-height: 																							var(--line-height-condensed);

  font-family: 																							var(--font-family-headings);

  background-color: 																				var(--color-light-12);

  -webkit-box-shadow: 																			inset 10px -10px 26px rgba( 0 0 0 / .3),

																														inset -10px 10px 26px rgba( 255 255 255 / .2);

  box-shadow: 																							inset 10px -10px 26px rgba( 0 0 0 / .3),

																														inset -10px 10px 26px rgba( 255 255 255 / .2);

}



.footer-navigation {

	-webkit-box-flex: 																			1;

	-ms-flex: 																							auto;

	flex: 																									auto;

}



.footer-navigation .menu {

	display: 																							-webkit-box;

	display: 																							-ms-flexbox;

	display: 																							flex;

  -webkit-box-orient: 																	horizontal;

  -webkit-box-direction: 																normal;

	-ms-flex-flow:																				row wrap;

	flex-flow: 																						row wrap;

	-webkit-box-pack: 																		center;

  -ms-flex-pack: 																				center;

  justify-content: 																			center;

  -webkit-box-align: 																		center;

  -ms-flex-align: 																			center;

  align-items: 																					center;

	place-content: 																				center;

	gap: 																									.3em;

	margin: 0;

}



.footer-navigation .menu li {

	display: 																							inline-block;

	padding: 																							0;

}





.footer-navigation .menu li::before{

	content: 																							"";

	padding: 																							0;

}



.footer-navigation .menu li a {

	color: 																								var(--text-white);

	text-shadow: 																					0 0 1px rgba(0, 0, 0, 0.4), 

																												0 1px 2px rgba( 0 0 0 / 0.4);

	border-bottom: 																				none;

	-webkit-transition: 																	-webkit-transform .2s ease-in;

	transition: 																					-webkit-transform .2s ease-in;

	-o-transition: 																				transform .2s ease-in;

	transition: 																					transform .2s ease-in;

	transition: 																					transform .2s ease-in, -webkit-transform .2s ease-in;

	padding: 																							.2em;

}



.footer-navigation .menu li a::after{

	content: 																							"\00b7";

	padding-left: 																				.3em;

	font-size: 																						1.5em;

	vertical-align: 																			sub;

}

/*.footer-navigation .menu li:last-of-type a::after{

	content: 																							"";

	padding: 																							0;

}*/



.site-footer > .site-info p {

	color: 																								var(--text-white);

	margin-bottom: 																				0;

	font-variant-caps: 																		var(--font-variant-caps-small);

	font-weight: 																					var(--font-weight-bold);

	text-shadow: 																					var(--text-shadow);



}

/* END .site-footer

------------------------------------------------------------------------ */