/* --------------------------------------------------------------------------
   File: style-footer.css
   Child Theme: Hello Elementor Cuzgow v1.1.0
   Template:    hello-elementor
   Theme URI:   https://github.com/cuzgow/hello-elementor-cuzgow
   Author:      Cuzgow
   Author URI:  https://cuzgow.com/
   Description: Footer‑specific styles for the Hello Elementor Cuzgow child theme,
                optimized for Web Performance and scalability.
   Version:     1.1.0
   Requires at least: 6.0
   Tested up to:      6.5
   Requires PHP:      8.1
   License:     GNU General Public License v3 or later
   License URI: https://www.gnu.org/licenses/gpl-3.0.html
   Text Domain: hello-elementor-cuzgow
------------------------------------------------------------------------- */

/* 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-11);
	/*-webkit-box-shadow: 																			inset 0px 14px 26px rgba( 255 255 255 / .2);
	box-shadow: 																							inset 0px 14px 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;
}

/* Social Icons
-------------------------------------- */
.footer-navigation .menu li svg {
	width: 1.1em;
	height: 1.1em;
	vertical-align: text-bottom;
	fill: var(--color-light-2);
}


.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: 																							0;
	margin-block-end: 																		0;
}

.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;
	margin: 																							0;
	display: 																							none;
}


.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
------------------------------------------------------------------------ 
------------------------------------------------------------------------ */