/* plugins/cm-core/css/uber-mega-menu.css
Megamenu: Had a real problem with text wrapping on menu items.
The resolution was two fold.
    1) Find the parent of your column group and select it's Uber gear and Submenu settings
    2) Set it's Submenu Column Default to 1/2 (2 cols) , 1/3 (3 cols) etc as you wish to create 2, 3 or more cols
    3) Now, view your menu and see if it looks proper.  If not, this next step will be the key
    4) Set the Submenu Minimum Width setting (found just above 1/2, 1/3rd etc.. area) and set that to the desired
       minimum width
*/

/* Whatever is in here is manually set.  Dynamic assignments should be database driven and parsed as such */
/* Insures megamenu submenu text links align to the left */

/* background of main megamenu background panel which shows if no other colors provided for items */
ul .ubermenu-has-submenu-mega .ubermenu-submenu-type-mega{
  background:#ffffff;
}


/* BO THESE NEED TO BE INTEGRATED INTO THE PLUGIN DATABASE / FORM - SPECIFIC TO COMPUMATTER SITE FOR NOW */
.mega-heading ul{
  background:#FFFFFF !important;
  border:solid 1px #666666 !important;
}
/* BO first row of items - column headings */
.cm-mega-r1i1{
  background:#b4cdb7 !important;
  border:solid 1px #666666 !important;
}
.cm-mega-r1i1 span:first-child{
    font-weight:600;
    color:#545035;
}
.cm-mega-r1i2 span:first-child{
    font-weight:600;
    color:#545035;
}
.cm-mega-r1i2{
  background:#b4cdb7 !important;
  border-right:solid 1px #666666 !important;
  border-top:solid 1px #666666 !important;
  border-bottom:solid 1px #666666 !important;
}

/* BO second row of items - column content */
.cm-mega-r1i1 ul{
  background:#FFFFFF !important;
}
.cm-mega-r1i2 ul{
  background:#FFFFFF !important;
}

.ubermenu-submenu-type-mega .ubermenu-target-text{
    text-align:left;
}

/* EO THESE NEED TO BE INTEGRATED INTO THE PLUGIN DATABASE / FORM - SPECIFIC TO COMPUMATTER SITE FOR NOW */

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after{
/*  display:none !important; */

}
.ubermenu-submenu{
   z-index:10000;
}
.ubermenu-target-text{
   white-space:nowrap;
}

/* Makes sure it's in front of any floating logos */
.ubermenu-main{
    z-index:15;
}

.ubermenu-main.ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop > .ubermenu-target:not(.ubermenu-noindicator){
    padding-right:27px !important;
}
/* Horz Menu - Headings Dividing Lines */
.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    padding-bottom: 3px;
    padding-top: 3px;
    font-size:18px;
    text-align:center;
}

/* Kill the ubermenu responsive as we are using our own */
.ubermenu-responsive-toggle{
   display:none !important;
}
/* Title over each column of a mega menu */
.ubermenu-submenu-type-mega li a,.ubermenu-submenu-type-mega li{
  text-align:center !important;
}

/* ubermenu submenus - level 1 */
.ubermenu-main .ubermenu-item-level-1 > .ubermenu-target {
    padding:6px 2px 6px 2px; /* Verified for first dropdown padding */
}
.ubermenu-bound .ubermenu-submenu-type-mega {
  min-width:auto !important;

}
.ubermenu-main .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack > .ubermenu-target{
  border:0px;
}
/* effects the distance between the icon and menu item on mega menus only */
.ubermenu-submenu-type-mega .ubermenu-item-layout-image_left > .ubermenu-target-text{
  padding-left:2em !important;
}

.ubermenu-target-title .ubermenu-target-text{
    position:absolute !important;
}
.ubermenu-image .ubermenu-image-size-full{
   width:22px !important;
   height:22px !important;
}