/* * 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 **********************************************************************/ /* Menu Bar */ #megaMenu { border: none; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { font-size: 28px; color: #888888; padding: 12px 15px; font-weight: normal; text-align: center; } #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li.pray {background: -moz-linear-gradient(top, rgba(31,113,111,0.75) 0%, rgba(31,113,111,0.75) 1%, rgba(31,113,111,0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,113,111,0.75)), color-stop(1%,rgba(31,113,111,0.75)), color-stop(100%,rgba(31,113,111,0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(31,113,111,0.75) 0%,rgba(31,113,111,0.75) 1%,rgba(31,113,111,0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(31,113,111,0.75) 0%,rgba(31,113,111,0.75) 1%,rgba(31,113,111,0.75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(31,113,111,0.75) 0%,rgba(31,113,111,0.75) 1%,rgba(31,113,111,0.75) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(31,113,111,0.75) 0%,rgba(31,113,111,0.75) 1%,rgba(31,113,111,0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf1f716f', endColorstr='#bf1f716f',GradientType=0 ); /* IE6-9 */ } #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li.learn {background: -moz-linear-gradient(top, rgba(159,139,44,0.75) 0%, rgba(159,139,44,0.75) 1%, rgba(159,139,44,0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(159,139,44,0.75)), color-stop(1%,rgba(159,139,44,0.75)), color-stop(100%,rgba(159,139,44,0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(159,139,44,0.75) 0%,rgba(159,139,44,0.75) 1%,rgba(159,139,44,0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(159,139,44,0.75) 0%,rgba(159,139,44,0.75) 1%,rgba(159,139,44,0.75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(159,139,44,0.75) 0%,rgba(159,139,44,0.75) 1%,rgba(159,139,44,0.75) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(159,139,44,0.75) 0%,rgba(159,139,44,0.75) 1%,rgba(159,139,44,0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf9f8b2c', endColorstr='#bf9f8b2c',GradientType=0 ); /* IE6-9 */ } #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li.do {background: -moz-linear-gradient(top, rgba(200,39,42,0.75) 0%, rgba(200,39,42,0.75) 1%, rgba(200,39,42,0.75) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(200,39,42,0.75)), color-stop(1%,rgba(200,39,42,0.75)), color-stop(100%,rgba(200,39,42,0.75))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(200,39,42,0.75) 0%,rgba(200,39,42,0.75) 1%,rgba(200,39,42,0.75) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(200,39,42,0.75) 0%,rgba(200,39,42,0.75) 1%,rgba(200,39,42,0.75) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(200,39,42,0.75) 0%,rgba(200,39,42,0.75) 1%,rgba(200,39,42,0.75) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(200,39,42,0.75) 0%,rgba(200,39,42,0.75) 1%,rgba(200,39,42,0.75) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc8272a', endColorstr='#bfc8272a',GradientType=0 ); /* IE6-9 */ } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { } #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator span {text-align: center; text-transform: uppercase; font-weight: bold;} /* Vertical Menu Items */ #megaMenu.megaMenuVertical ul.megaMenu > li > a, #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator { border-top: 1px solid #f0f0f0; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); } /* 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 Menu Item Titles */ #megaMenu ul.megaMenu > li > a span.wpmega-link-title, #megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title { color: #fff; line-height: 100%; } /* Top Level Items - Hover */ #megaMenu ul.megaMenu > li:hover > a, #megaMenu ul.megaMenu > li > a:hover, #megaMenu ul.megaMenu > li.megaHover > a { color: #fff; } /* 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: #444444; } /* 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 { background: #585858; color: #fff; } /* Horizontal Sub Menus */ header #global_nav #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-left-radius:0; border-top-right-radius:0; left: 0; border: 0; width: 100%; padding: 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* 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: #fff; font-size: 20px; } /* 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: #fff;text-transform: none; } #megaMenu ul ul.sub-menu li > a .wpmega-link-title {text-transform: none; font-weight: bold;} header #global_nav #megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 {padding: 0; margin: 0;} #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a {margin: 0;} /* 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, #megaMenu ul li.ss-nav-menu-mega ul li a:hover { color: #000000 !important; background-color: transparent !important; } /* 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: 14px; color: #fff; text-transform: uppercase; font-weight: normal; } /* 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; } #megaMenu .ss-nav-menu-with-img img {position: absolute; bottom: -15px; left: 48%; margin-right: -8px;} /* 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; } #megaMenu ul.megaMenu li.menu-item > a, #megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator {line-height: 1em;} #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-mega > 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, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {display: none;} #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item, #megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget {font-size: 1.15em;} #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: 24%; margin-right: 1%;}