/* * This is a sample custom stylesheet. Copy it to ubermenu/custom/custom.css and * set your Style Application setting to 'Custom' to start customizing */ /********************************************************************** * UberMenu Skin: Custom * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com **********************************************************************/ #megaMenu.megaFullWidth { width: calc(100% - 50px); } /* Menu Bar */ #megaMenu { } /* Top Level Items */ #megaMenu.themeloc-main-menu ul.megaMenu > li > a, #megaMenu.themeloc-main-menu ul.megaMenu > li > span.um-anchoremulator { font-family: Arial,sans-serif; font-size: 19px; font-style: normal; font-weight: 400; margin: 0; padding: 17px 30px; text-transform: none; color: #d6d8d8; } /*** @media ***/ @media handheld, only screen and (max-width: 1100px) { #megaMenu.themeloc-main-menu ul.megaMenu > li > a, #megaMenu.themeloc-main-menu ul.megaMenu > li > span.um-anchoremulator { padding: 17px 15px; } #megaMenu.themeloc-main-menu ul.megaMenu > #menu-item-2178 > a { padding-left: 0px; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator { padding-right: 15px; } #megaMenu .ss-colgroup-4 > .ss-col, #megaMenu .wpmega-nonlink.ss-colgroup-4 li, #megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-4 > ul > li { width: 31%; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar { width: 100%; } } @media handheld, only screen and (min-width: 1100px) and (max-width: 1200px) { #megaMenu.themeloc-main-menu ul.megaMenu > li > a, #megaMenu.themeloc-main-menu ul.megaMenu > li > span.um-anchoremulator { padding: 17px 18px; } #megaMenu.themeloc-main-menu ul.megaMenu > #menu-item-2178 > a { padding-left: 0px; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator { padding-right: 18px; } } /** Remove arrow icon **/ #megaMenu.themeloc-main-menu ul.megaMenu li.menu-item > a::after { display: none; } #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a::after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a::after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator::after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator::after{ background: transparent none repeat scroll 0 0; border-color: #999 transparent transparent; border-style: solid dashed dashed; border-width: 3px 3px 0; content: ""; display: inline-block; font-size: 0; margin-top: -1px; padding-top: 1px; position: absolute; right: 8px; top: 50%; } /* Menu Items with Dropdowns */ #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul li.mega-with-sub > a, #megaMenu ul li.mega-with-sub > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega > a, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator { padding-right: 20px; } /* Top Level Items - Hover */ #megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a { color: #ffffff; } /* Top Level Items Title - Hover */ #megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li:hover > span.um-anchoremulator span.wpmega-link-title, #megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator span.wpmega-link-title { } /* Top Level Items - Current Item */ #megaMenu ul.megaMenu > li.current-menu-item > a, #megaMenu ul.megaMenu > li.current-menu-parent > a, #megaMenu ul.megaMenu > li.current-menu-ancestor > a { color: #ffffff; } /* Sub Menu Container Style */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-color: #e0e0e0; color: #888888; -webkit-box-shadow: 1px 1px 1px #dddddd; -moz-box-shadow: 1px 1px 1px #dddddd; box-shadow: 1px 1px 1px #dddddd; background-color: #f9f9f9; } /* Horizontal Sub Menus */ #megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-top: 1px solid #e0e0e0; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 100px; } /* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { color: #777777; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 1px #ffffff; padding-bottom: .4em; border-bottom: 1px dotted #e9e9e9; margin-bottom: 0.6em; } /* Sub Menu Links & Fake Links */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator { color: #888888; font-size: 12px; text-shadow: 0px 1px 1px #ffffff; background-color: transparent; } /* Sub Menu Link Hover */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #megaMenu ul ul.sub-menu > li:hover > a { color: #000000; background-color: transparent; } /* Top Level Search Bar */ #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform { padding-top: 2px; } /* Highlight color */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator { color: #d83f28 !important; } /* Image Spacing */ #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description, #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description { padding-left: 25px; } .ss-nav-menu-with-img { min-height: 16px; } /* Item Description */ #megaMenu ul.megaMenu li a span.wpmega-item-description, #megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-item-description { font-size: 9px; color: #bbbbbb; text-transform: uppercase; } /* Arrow Colors */ #megaMenu ul li.mega-with-sub > a:after, #megaMenu ul li.ss-nav-menu-mega > a:after, #megaMenu ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after { border-top-color: #bbbbbb; } #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after { border-left-color: #bbbbbb; } /* Vertical */ #megaMenu.megaMenuVertical > ul > li > a, #megaMenu.megaMenuVertical > ul > li > span.um-anchoremulator { background-color: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background: -moz-linear-gradient(top, #fefefe, #f4f4f4); background: -ms-linear-gradient(top, #fefefe, #f4f4f4); background: -o-linear-gradient(top, #fefefe, #f4f4f4); } #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #megaMenu.megaMenuVertical ul li.mega-with-sub > a:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > a:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.mega-with-sub > span.um-anchoremulator:after, #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > span.um-anchoremulator:after { border-left-color: #bbbbbb; } #megaMenu.megaMenuVertical ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-reg ul.sub-menu { border-left: 1px solid #e0e0e0; } /* IE7 Hacks */ #megaMenu.megaMenuHorizontal ul.megaMenu { *border-bottom: none; } #megaMenu.megaMenuVertical ul.megaMenu { *border-right: none; } /* Widget Width */ #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.fullWidthRow, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar { width: 19.2%; }