nav {color: #2e2e2e;font-size: 15px;} /* Menu Styles */ /* Init Logic */ .menu-toggle-button{padding:19px 20px 7px;border:none; cursor:pointer; text-align: left; color:#FFF; text-align: left; display:none; vertical-align: top; font-size: 26px;font-family:'Gisha';} .menu-toggle-button.active{} .menu-toggle-button span{ font-size:200%;} ul.menu-list{font-family:'Gisha';list-style:none;position:relative;display:inline-table;padding:0px;margin:0px; background:#FFF; *display: inline;zoom: 1;} ul.menu-list li{position:relative; display:inline-block; *display:inline; padding:0; margin: 0 1px 0 0; *+margin: 0 1px 0 0; margin:0 1px 0 -4px\0; zoom:1; } ul.menu-list li a{text-decoration: none; text-transform:uppercase; display: block; padding: 15px 25px;} /* End Menu Styles */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ ul.menu-list li{margin: 0 1px 0 -4px; } } @-moz-document url-prefix() { ul.menu-list li{margin: 0 1px 0 -4px; } } /* Handling Submenu */ ul.menu-list ul{display:none;padding:0px;margin:0px;position:absolute;top:100%;left:0%;list-style:none;z-index: 700} ul.menu-list ul li{position:relative;float:none;padding:0px;margin:0px;} ul.menu-list ul ul{position:absolute;top:0%;left:100%;z-index: 700} ul.menu-list li:hover>ul{display:inline-block;} /* End Init Logic */ /* Style */ ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */ /* Submenu Expand Icon */ ul.menu-list li.page_item_has_children>a>span.menu-expand, ul.menu-list li.menu-item-has-children>a>span.menu-expand{font-size: 0.6em;padding-left:10px;line-height:1.8em; display:inline-block; *display:inline; zoom: 1; z-index: 999;/*content:'\25BC'*/} /* All levels */ ul.menu-list>li.page_item_has_children>a>span.menu-expand{} /* Level 1 */ ul.menu-list>li.page_item_has_children>a>span.menu-expand:after, ul.menu-list>li.menu-item-has-children>a>span.menu-expand:after{/*content:'\25BC'*/} /* Level 1 */ ul.menu-list li li.page_item_has_children>a>span.menu-expand{} /* Level 2 */ ul.menu-list li li.page_item_has_children>a>span.menu-expand:after, ul.menu-list li li.menu-item-has-children>a>span.menu-expand:after{/*content:'\25BA'*/} /* Level 2 */ /* You can manage with of elements by width of a-tag */ /*ul.menu-list li a{color: #fff; text-decoration: none; display: block; padding: 2px 25px 1px;} /* All levels */ ul.menu-list li>a{} /* Level 1 */ ul.menu-list li li>a{ width: 200px;} /* Level 2 */ ul.menu-list li li li>a{} /* Level 3 */ /* First Level*/ ul.menu-list>li{ background: url(./../images/tm_bg.gif) repeat-x 0 -5px #356079; border-top: solid 5px #f2f1f1;} ul.menu-list>li>a{ color:#fff;} ul.menu-list>li:hover, ul.menu-list>li.current_page_item, ul.menu-list>li.current_page_parent, ul.menu-list>li.current_page_ancestor { background: #074a85; border-top: solid 5px #043b6a;} ul.menu-list>li:hover a, ul.menu-list>li.current_page_item a, ul.menu-list>li.current_page_parent a, ul.menu-list>li.current_page_ancestor a{ color:#FFF;} /* End First Level*/ /* Second Level*/ ul.menu-list>li>ul{} ul.menu-list>li>ul>li{ background: #074a85; border-bottom: 1px dotted #043a6a;} ul.menu-list>li>ul>li>a{text-decoration: none; padding: 5px 10px; font-size: 90%;} /*ul.menu-list>li>ul>li:hover{background: #444444;text-decoration: none;} ul.menu-list>li>ul>li:hover>a{ background:#444444;}*/ ul.menu-list>li>ul>li>a:hover, ul.menu-list>li>ul>li.current_page_item>a{background: url(./../images/tm_bg.gif) repeat-x center center #356079;} /* End Second Level*/ /* Third Level*/ ul.menu-list>li>ul>li>ul{border:1px solid #fe9118; background:#ffd200;} ul.menu-list>li>ul>li>ul>li{background:#ffd200;} ul.menu-list>li>ul>li>ul>li>a{} ul.menu-list>li>ul>li>ul>li:hover{background:#fe9118;} ul.menu-list>li>ul>li>ul>li:hover>a{} ul.menu-list>li>ul>li>ul>li>a:hover{} /* End Third Level*/ /* End Style */ /* RESPONSIVE MEDIA QUERIES */ @media screen and (max-width: 768px){ /* Menu Styles */ nav { text-align: center; } /* Init Logic */ .menu-toggle-button{display:block;} .show-for-devices{display:block!important;} ul.menu-list{display:none; border: none;text-align: center;} ul.menu-list li{clear:both;float:none; display: block;} /* Handling Submenu */ ul.menu-list ul{display:none;position:relative;} ul.menu-list ul li{} ul.menu-list ul ul{position:relative;top:100%;left:0%;} ul.menu-list li:hover>ul{display:none;} /* End Init Logic */ /* Style */ ul.menu-list li:hover>ul{background:#fff!ie;} /* Fix for IE7 */ /* Submenu Expand Icon */ ul.menu-list li.page_item_has_children>a>a>span.menu-expand{font-size: 0.6em;padding:0.8em;line-height:1em;position:absolute;right:0;z-index: 700} /* All levels */ ul.menu-list>li.page_item_has_children>a>a>span.menu-expand{} /* Level 1 */ ul.menu-list li li.page_item_has_children>a>a>span.menu-expand{} /* Level 2 */ ul.menu-list li li.page_item_has_children>a>a>span.menu-expand:after{content:'\25BC';} /* Level 2 */ /* You can manage with of elements by width of a-tag */ ul.menu-list li a{position:relative} /* All levels */ ul.menu-list li>a{} /* Level 1 */ ul.menu-list li li>a{width:auto;} /* Level 2 */ ul.menu-list li li li>a{} /* Level 3 */ /* First Level*/ ul.menu-list>li{margin:0px;} ul.menu-list>li>a{} ul.menu-list>li:hover{background:#000; border-top-color:#000;} ul.menu-list>li:hover>a{color:#fff;} ul.menu-list>li>a:hover{} /* End First Level*/ /* Second Level*/ ul.menu-list>li>ul{border:none;} ul.menu-list>li>ul>li{padding-left:0px; margin: 0 0 0 20px;} ul.menu-list>li>ul>li>a{ color:#FFF;} ul.menu-list>li>ul>li:hover{} ul.menu-list>li>ul>li:hover>a{} ul.menu-list>li>ul>li>a:hover{} /* End Second Level*/ /* Third Level*/ ul.menu-list>li>ul>li>ul{border:none; background:#CCC} ul.menu-list>li>ul>li>ul>li{padding-left:5px;} ul.menu-list>li>ul>li>ul>li>a{} ul.menu-list>li>ul>li>ul>li:hover{} ul.menu-list>li>ul>li>ul>li:hover>a{} ul.menu-list>li>ul>li>ul>li>a:hover{} /* End Third Level*/ /* End Style */ /* End Menu Styles */ #footer_menu li { display: block; text-align: left; } #footer_menu ul.menu-list { background: #e6e6e6; } nav { width: 100%; float: none; margin: 0px auto; } nav .main_container { padding: 5px; } } #footer_menu ul.menu-list>li:hover, #footer_menu ul.menu-list>li.current_page_item { background:none; border:none;} #footer_menu ul.menu-list>li>ul { border: solid 1px #000; background: #e6e6e6; } #footer_menu ul.menu-list>li>ul>li:hover { background:#817f7f;} #footer_menu ul.menu-list>li>ul>li:hover a{ color:#FFF;} #footer_menu ul.menu-list>li>ul>li>ul { border: solid 1px #000; background: #e6e6e6;} #footer_menu ul.menu-list>li>ul>li:hover>ul>li a{ color: #000;} #footer_menu ul.menu-list>li>ul>li>ul>li:hover {background:#817f7f;}