/* Responsive menu
=========================================================================================*/


/* Dependancies 
  --------------------------------------------------------------------------------
  js/menu-responsive.js
  parts/menu-responsive.php
  
  Menu is called in the header from <?php include("parts/menu-responsive.php"); ?>
  JS call made in footer.php
  CSS call made in header.php
  -------------------------------------------------------------------------------- */


/* Small screens
  -------------------------------------------------------- */

@media screen and (max-width: 1120px) {


.container {
	margin-top: -4px;	
}

#nav-primary li {
	width			 	:	99%;
		margin				:	0	0.5%;
		text-align			:	center;
	}
	
	#nav-primary li a {
		border-right		:	0px !important;
		padding				:	20px 0;
	} 
	

  #nav-primary {
    margin: 0 0 5px 0 !important;
  }

  #nav-primary ul {
	  float: none !important;
  }
  
  .nav > li {
    float: none !important;
    margin-left: 0;
    padding-left: 0;
  }
  
  .nav > li > .parent {
    background-position: 95% 50%;
  }
  
  .parent:after {
    content: " ⌵";
  }
  
  .nav ul {
    display: block;
    width: 100%;
  }
  
  .nav a {
    padding-left: 0;
  }
  
  .nav > li.hover > ul , .nav li li.hover ul {
    position: static;
  }

}


/* Larger screens
  -------------------------------------------------------- */

  .toggleMenu {
    display:  none;
    padding: 10px 15px;
    clear: both;
  }

  .toggleMenu:after {
    content: " ⌵";
  }
  
  .toggleMenu:hover {
    color: #fff !important;
  }

  .nav li {
    position: relative;
  }

  .nav > li > a {
    display: block;
  }

  .nav li  ul {
    position: absolute;
    left: -9999px;
    margin: 0 0 0 0 !important;
  }
  
  .nav > li.hover > ul {
    left: 0;
  }

  .sub-menu li a {
    min-width: 150px !important;
  }


  #nav-footer.nav {
    background: transparent;
  }