/* 																	
	 < PROJECT 		: www.e-shop.mz > 									
	 < FILE_NAME	: footer.css >										
	 < LINK_FOR 	: ???.php / >									
	 < DIRECTORY	: C:\wamp64\www\projects\MZ-PROJECTS\e-shop.mz>		
	*/

	/* --------------------------- GLOBAL --------------------------- */

	*
	{

	}	

	/* ----------------------------- ID ----------------------------- */

	#newsletter_input_txt
	{
		width	:	220px ;
		height	:	36px ;
	}
	
	/* --------------------------- CLASS ---------------------------- */

	.footer
	{
		width	: 100%    ;						/*W%*/
		height	: auto    ;						/*'H'*/ /*IMPORTANT FOR PAGE OVERFLOW*/
		float	: left  ;						/*F*/
		display	: inline-block    ;				/*D*/
		border	: solid 1px black ;				/*♦♦♦*/
		
		margin	: 0 0 0 0 ;						/*M*/
		
		min-height	: 400px ;					/*mH*/ 	/*WORKING!*/
		
		background-color	: #f2f2f2;			/*C-GREY*/	
	}
	
	.footer_detail
	{
		width	: 24% ;
		float	: left ;
		padding	: 5px 5px ;
	}
	
	.footer_tab
	{
		width	: 100%    ;						/*W%*/
		height	: auto    ;						/*'H'*/ /*IMPORTANT FOR PAGE OVERFLOW*/
		border	: solid 1px black ;				/*♦♦♦*/
	}
	
	.newsletter
	{
		height	: 36px	;
		width	: 220px	;
	}

	.social_links	/* *PARENT */
	{
		width	:	100%	;
		height	:	75px	;
		display	: flex	;		/* 	FOR > *CHILD > margin	:  auto 0; */
		
		align-items		: center; /* vertical */	/* 	FOR > *CHILD */
		justify-content	: center; /* horizontal */	/* 	FOR > *CHILD */
		
		background-color	:	lightgrey	;
	}
	
	.subscribe_span
	{
		height	: 36px	;
		width	: 90px	;
		padding	: 10px	;
		border	: solid 2px black ;
		
		border-radius	:	5px	;
		margin-top		:	5px ;
		
		background-color	:	yellowgreen	;
	}
	
	/* -------------------------- ELEMENTS -------------------------- */

	td
	{
		padding	: 8px ;
	}

	/* ---------------------- COMBINED SELECTORS -------------------- */
	
	.footer_detail a
	{
		text-decoration	:	none ;
		color	: black ;
	}
	
	.footer_detail p
	{
		padding	:	4px ;
	}
	
	.footer_tab a
	{
		text-decoration	: none	;
	}
	
	.social_links a	/* *CHILD */
	{
		padding	: 0 20px ;
		margin	:  auto 0;
	}
	
	/* --------------------------- EVENTS --------------------------- */
		
	.button:active
	{
		cursor	: default ;
	}
	
	.footer_detail a:hover
	{
		text-decoration	:	underline ;
		color	: #f90000 ;
	}
	
	input:focus
	{
		cursor	: auto ;
	}
	
	.subscribe_span:active
	{
		background-color	:	#aed75b ;
		cursor	: progress ;
	}

	/*
	.subscribe_span:focus
	{
		cursor	: default ;
		background-color	:	#aed75b ;
	}
	*/
	
	.subscribe_span:active
	{
		
	}

	/* ------------------------- @KEYFRAMES ------------------------- */
	
	@keyframes Mz_KeyFrame_Name
	{
	  from {opacity: 0.6} 
	  to   {opacity: 1	}
	}
	
	/* --------------------------- @MEDIAS -------------------------- */
	
	/* On smaller screens, decrease "class_txt" size */
	@media only screen and (max-width: 300px)
	{
	  .class_txt {font-size: 11px}
	}
	
	/* -------------------------------♦------------------------------ */