/* 
	 < PROJECT 		: www.e-shop.mz > 
	 < FILE_NAME	: dropdown.css >
	 < LINK_FOR 	: e-shop.php / >
	 < DIRECTORY	: C:\wamp64\www\projects\MZ-PROJECTS\e-shop.mz>
	*/
	
	/* --------------------------- GLOBAL --------------------------- */
	
	/* ----------------------------- ID ----------------------------- */
	
	#filter_search_box	/* ----- SEARCH FOR THE FILTER SITUATED IN THE LEFT SIDE ----- */
	{
		box-sizing	: border-box;
		font-size	: 16px;
		border		: none;
		padding		: 14px 20px 12px 45px;
		
		background-image 	: url('pictures/searching.png');
		border-bottom		: 1px solid #ddd;	/*♦♦♦*/	
		background-position	: 14px 12px;
		background-repeat	: no-repeat;
	}

	/* --------------------------- CLASS --------------------------- */
	
	.dropdown_div
	{
		display	: none ;
	}
	
	.dropdown_width
	{
		width	: 100% ;
	}
	
	.filter_button
	{
		background-color	:#660066 ; /* purple */
		
		min-height	: 50px ;
		max-height	: 50px ;
		
		color		: white ;
		font-size	: 16px  ;
		border		: none  ;
		cursor		: pointer ;
	}
	
	.show
	{
		display	:inline-block ;
	}
	
	/* -------------------------- ELEMENTS -------------------------- */
		
	/* ---------------------- COMBINED SELECTORS -------------------- */
	
	/* --------------------------- EVENTS --------------------------- */
	
	#filter_search_box:focus
	{
		background-color	: #e6f2ff ;
	}
	
	.filter_button:hover
	{
		background-color	: #990099 ;	/* purple */
	}
	
	.filter_button:active /*:focus*/
	{
		background-color	: #ff00bf ;/*#990099 ; /* purple */
		cursor : default ;
	}