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

	/* --------------------------- GLOBAL --------------------------- */
	
	/* ----------------------------- ID ---------------------------- */
	
	/* --------------------------- CLASS ---------------------------- */	
	
	.pagination
	{
		display	: inline-block;
	}
	
	/* -------------------------- ELEMENTS -------------------------- */
		
	/* ---------------------- COMBINED SELECTORS -------------------- */
	
	.pagination a
	{
		float	: left  ;
		color	: black ;
		margin	: 0 4px ;
		padding	: 8px 16px;
		border	: 1px solid #ddd;
		
		transition	: background-color .3s;
		text-decoration	: none;	
	}
	
	/* --------------------------- EVENTS ---------------------------- */
	
	.pagination a.active
	{
		color	: white ;
		background-color : purple ;
	}

	.pagination a:hover:not(.active)
	{
		background-color : #ddd;
	}
	
	/*.pag_link:focus
	{
		background-color : purple ;
	}*/
	
	.pag_link:focus ~ .pag_link_2:focus
	{
		background-color : purple ;
	}