/* ****************************************************************************
* MENU DEFINITION
**************************************************************************** */

/*****************************************************************************
* Main navigation
**************************************************************************** */
#main_navigation{font-family:'EC-Square-Sans-Pro-ExtraBlack', sans-serif; text-transform: uppercase; display:table; /*width:100%;*/ margin-top:3px;  border-collapse: collapse; width:100%;} /* box specification in main style sheet file (ppi_page_layout.css) */

/* GENERAL / ALL LEVELS */
#main_navigation ul {padding:0; margin: 0px; list-style: none; }
#main_navigation ul li {padding:0; margin: 0px; text-align:left;}
#main_navigation ul li a{padding:0; margin: 0px;}

/* LEVEL 1 */
#main_navigation > ul {font-size:18px}
#main_navigation > ul > .lvl_1 {float:left; display:block;}
#main_navigation > ul > .lvl_1:first-child {}

#main_navigation > ul > .lvl_1 > a{position:relative; z-index:900; display:block; color:#004a99; text-decoration:none; margin:0; padding:18px 15px 14px 15px; font-size:1.15em;  height:60px;}
#main_navigation > ul > .lvl_1 > span:hover,
#main_navigation > ul > .lvl_1 > a:hover { color:white; background-color:#004a99;}



/* LEVEL 2 */
#main_navigation > ul > li > ul.sub-menu { display: none; z-index: 1000; position: absolute; /*margin-top: -8px; margin-left: 20px;*/ border-width: 2px 0 2px 0;  
    -webkit-box-shadow: 0 3px 5px 0px rgba(100,100,100,0.6); -moz-box-shadow: 0 3px 5px 0px rgba(100,100,100,0.6); box-shadow: 0 3px 5px 0px rgba(100,100,100,0.6); 
}

#main_navigation > ul > .lvl_1.has_submenu > a {/*pointer-events: none;*/}
#main_navigation > ul > .lvl_1:hover > ul {display: block; }

#main_navigation > ul > li > ul .lvl_2 {position: relative; /*border-bottom:1px solid rgb(245,245,245);*/}
#main_navigation > ul > li > ul .lvl_2 a{display:block; padding:5px 25px; color:white; text-decoration:none; background-color:#ea6674; font-weight: normal;}
#main_navigation > ul > li > ul .lvl_2 a:hover{color:white; background-color:#004a99;border-bottom: 1px solid rgb(245,245,245); border-top: 1px solid rgb(245,245,245);}
#main_navigation > ul > li > ul > .lvl_2 > ul.sub-menu {display:none; z-index:1000; position: absolute; left:100%; top:-2px; min-width:10em; width:100%; border-top:2px solid rgb(248,179,52); border-bottom:2px solid rgb(248,179,52); background-color:white;}
#main_navigation > ul > li > ul > .lvl_2:hover ul{display:block;}

/* LEVEL 3 */
#main_navigation > ul > li > ul > .lvl_2 > ul .lvl_3 { min-width: 10em; color:rgb(150,150,150);}
#main_navigation > ul > li > ul > .lvl_2 > ul .lvl_3:first-child {}
#main_navigation > ul > li > ul > .lvl_2 > ul .lvl_3 a{}


/**********************************************/
/* Sticky / Affix
/* change padding to fit besides appearing logo
/**********************************************/
#navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 a{/*padding-left:15px; padding-right:15px;*/}
#navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation > ul > li > ul.sub-menu {margin-left:15px; }


//hide responsive arrows
#main_navigation_box .touch-button {display: none; width:0; height:0;}
#main_navigation_box .navicon {display: none;}

/**********************************************/
/* Media Queries 
/**********************************************/

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {          


  /**********************************************/
  /* Adapt padding between menu points to fit screen width
  /* change padding to fit besides appearing logo
  /**********************************************/
  #main_navigation > ul > .lvl_1 > a{ padding:18px 10px 14px 10px; font-size: 1em;}
  
  #main_navigation > ul > li > ul.sub-menu { margin-left:20px;}

  /**********************************************/
  /* Sticky / Affix
  /**********************************************/
  #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 a{padding-left:20px; padding-right:20px;}
  #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation > ul > li > ul.sub-menu {margin-left:20px; }


}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {          

  
  /**********************************************/
  /* Adapt padding between menu points to fit screen width
  /* change padding to fit besides appearing logo
  /**********************************************/
  #main_navigation > ul > .lvl_1 > a{padding-left:9px; padding-right:10px; font-size:1em;}
  #main_navigation > ul > li > ul.sub-menu { margin-left:9px;}
  #main_navigation .touch-button {display: none;}
  #main_navigation {background-color: white;}

  /**********************************************/
  /* Sticky / Affix
  /**********************************************/
  #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 a{padding-left:9px; padding-right:10px;}
  #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation > ul > li > ul.sub-menu {margin-left:9px; }


}
 




/* < 768  */
@media only screen and (max-width: 767px){


    /* ****************************************************************************
    * Main navigation
    **************************************************************************** */
  
    /* GENERAL / ALL LEVELS */
    #main_navigation ul { list-style: none; padding:0; margin:0;}
    #main_navigation ul li {display:block; padding:0; margin: 0;}
    #main_navigation ul li a{display:block; padding:0; margin: 0;}

    /* LEVEL 1 */
    #main_navigation > ul {}
    #main_navigation > ul > .lvl_1 {float:none; display:block; border-top:1px dashed white;}
    #main_navigation > ul > .lvl_1:first-child { border-top:none;}
    #main_navigation > ul > .lvl_1 > a{display:block; padding:15px 0; text-align:center; color:white;}
    #main_navigation > ul > .lvl_1 > a:hover{}
    #main_navigation > ul > .lvl_1.has_submenu > a:hover{color:white;}
 

    /* affix/sticky */
    #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation ul .lvl_1 a{padding:15px 0;}
    #navigation_box_frame.affix #logo_navigation_box #main_navigation_box #main_navigation > ul > li > ul.sub-menu {margin: 0;}


    /* LEVEL 2 */
    #main_navigation > ul > li > ul.sub-menu {position:relative; top:0; display:none; width:100%;    border-top: 1px solid white; border-bottom: 1px solid white;}
    #main_navigation > ul > li:hover > ul.sub-menu {display:none; }
    #main_navigation > ul > li > ul .lvl_2 {display:block; text-align:center;}
    #main_navigation > ul > li > ul .lvl_2 a{display:block; text-decoration:none; padding:0;}
    #main_navigation > ul > li > ul .lvl_2 a:hover{text-decoration:none;}

    #main_navigation .navicon {display: block;}
    #main_navigation .touch-button {        
    position: absolute;
    z-index: 999;
    padding-top: 15px;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    background: rgba(0, 0, 0, 0.075);
    text-align: center;
    cursor: pointer;
    margin-top: 7px;
    color: white;


} /* end of < 768  */