codice:
 <div id="ddForm" style="display:none;" class="dropdown">
test test
</div>
<script type="text/javascript">
			$(document).ready(function(){
	
	function Form() {
		if ($("#ddForm").is(":hidden")){
			$("#ddForm").show();
			$("#overlay").show();
			
		}
		else{
			$("#ddForm").hide();
			$("#overlay").hide();  
		}
	}
	 $(".wrapper-dropdown-3").click(function(){Form()});
	  $("#overlay").click(function(){Form()});
	});
			
</script>
nel master css riga 213 (.wrapper-dropdown-3) devi togliere l'opacity:0;

e

codice:
 
<div id="overlay"> </div>
lo metti prima della chiusura del body con le impostazioni che hai già.

Ciò rende il tutto più semplice