/* Grid - turn to LESS and reuse as mixin */ .ubermenu .ubermenu-submenu .ubermenu-column{ display:block; float:left; width:auto; } /* Alternative Alignments */ .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-left, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-left, .ubermenu .ubermenu-submenu .ubermenu-row.ubermenu-row-content-align-left{ text-align:left; } .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-right, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-right, .ubermenu .ubermenu-submenu .ubermenu-row.ubermenu-row-content-align-right{ text-align:right; } .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-center, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-center, .ubermenu .ubermenu-submenu .ubermenu-row.ubermenu-row-content-align-center{ text-align:center; } .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-left > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-left > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-left > .ubermenu-row > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-right > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-right > .ubermenu-row > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-center > .ubermenu-column, .ubermenu .ubermenu-submenu-type-mega.ubermenu-submenu-content-align-center > .ubermenu-row > .ubermenu-column, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-left > .ubermenu-column, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-left > .ubermenu-column, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-left > .ubermenu-row > .ubermenu-column, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-right > .ubermenu-column, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-right > .ubermenu-row > .ubermenu-column, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-center > .ubermenu-column, .ubermenu .ubermenu-submenu-type-tab-content-panel.ubermenu-submenu-content-align-center > .ubermenu-row > .ubermenu-column{ display:inline-block; float:none; } .ubermenu .ubermenu-submenu .ubermenu-column-auto{ min-width:100px; width:auto; } .ubermenu .ubermenu-nav .ubermenu-column-full{ width: 100%; } .ubermenu .ubermenu-nav .ubermenu-column-1-2{ width:50%; } .ubermenu .ubermenu-nav .ubermenu-column-1-3{ width:33.33%; } .ubermenu .ubermenu-nav .ubermenu-column-2-3{ width:66.66%; } .ubermenu .ubermenu-nav .ubermenu-column-1-4{ width:25%; } .ubermenu .ubermenu-nav .ubermenu-column-3-4{ width:75%; } .ubermenu .ubermenu-nav .ubermenu-column-1-5{ width:20%; } .ubermenu .ubermenu-nav .ubermenu-column-2-5{ width:40%; } .ubermenu .ubermenu-nav .ubermenu-column-3-5{ width:60%; } .ubermenu .ubermenu-nav .ubermenu-column-4-5{ width:80%; } .ubermenu .ubermenu-nav .ubermenu-column-1-6{ width:16.66%; } .ubermenu .ubermenu-nav .ubermenu-column-5-6{ width:83.33%; } .ubermenu .ubermenu-nav .ubermenu-column-1-7{ width:14.28%; } .ubermenu .ubermenu-nav .ubermenu-column-2-7{ width:28.57%; } .ubermenu .ubermenu-nav .ubermenu-column-3-7{ width:42.85%; } .ubermenu .ubermenu-nav .ubermenu-column-4-7{ width:57.14%; } .ubermenu .ubermenu-nav .ubermenu-column-5-7{ width:71.42%; } .ubermenu .ubermenu-nav .ubermenu-column-6-7{ width:85.71%; } .ubermenu .ubermenu-nav .ubermenu-column-1-8{ width:12.5%; } .ubermenu .ubermenu-nav .ubermenu-column-3-8{ width:37.5%; } .ubermenu .ubermenu-nav .ubermenu-column-5-8{ width:62.5%; } .ubermenu .ubermenu-nav .ubermenu-column-7-8{ width:87.5%; } .ubermenu .ubermenu-nav .ubermenu-column-1-9{ width:11.11%; } .ubermenu .ubermenu-nav .ubermenu-column-2-9{ width:22.22%; } .ubermenu .ubermenu-nav .ubermenu-column-4-9{ width:44.44%; } .ubermenu .ubermenu-nav .ubermenu-column-5-9{ width:55.55%; } .ubermenu .ubermenu-nav .ubermenu-column-7-9{ width:77.77%; } .ubermenu .ubermenu-nav .ubermenu-column-8-9{ width:88.88%; } .ubermenu .ubermenu-nav .ubermenu-column-1-10{ width:10%; } .ubermenu .ubermenu-nav .ubermenu-column-3-10{ width:30%; } .ubermenu .ubermenu-nav .ubermenu-column-7-10{ width:70%; } .ubermenu .ubermenu-nav .ubermenu-column-9-10{ width:90%; } .ubermenu .ubermenu-nav .ubermenu-column-1-11{ width:9.09%; } .ubermenu .ubermenu-nav .ubermenu-column-2-11{ width:18.18%; } .ubermenu .ubermenu-nav .ubermenu-column-3-11{ width:27.27%; } .ubermenu .ubermenu-nav .ubermenu-column-4-11{ width:36.36%; } .ubermenu .ubermenu-nav .ubermenu-column-5-11{ width:45.45%; } .ubermenu .ubermenu-nav .ubermenu-column-6-11{ width:54.54%; } .ubermenu .ubermenu-nav .ubermenu-column-7-11{ width:63.63%; } .ubermenu .ubermenu-nav .ubermenu-column-8-11{ width:72.72%; } .ubermenu .ubermenu-nav .ubermenu-column-9-11{ width:81.81%; } .ubermenu .ubermenu-nav .ubermenu-column-10-11{ width:90.90%; } .ubermenu .ubermenu-nav .ubermenu-column-1-12{ width:8.33%; } .ubermenu .ubermenu-nav .ubermenu-column-5-12{ width:41.66%; } .ubermenu .ubermenu-nav .ubermenu-column-7-12{ width:58.33%; } .ubermenu .ubermenu-nav .ubermenu-column-11-12{ width:91.66%; } .ubermenu .ubermenu-autoclear > .ubermenu-column-full, .ubermenu .ubermenu-autoclear > .ubermenu-column-1-2:nth-child(2n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-3:nth-child(3n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-4:nth-child(4n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-5:nth-child(5n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-6:nth-child(6n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-7:nth-child(7n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-8:nth-child(8n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-9:nth-child(9n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-10:nth-child(10n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-11:nth-child(11n+1), .ubermenu .ubermenu-autoclear > .ubermenu-column-1-12:nth-child(12n+1){ clear:both; } //Offset everything by 1 if there's a top retractor .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column{ clear:none; } .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-full, .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-2:nth-child(2n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-3:nth-child(3n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-4:nth-child(4n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-5:nth-child(5n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-6:nth-child(6n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-7:nth-child(7n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-8:nth-child(8n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-9:nth-child(9n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-10:nth-child(10n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-11:nth-child(11n+2), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top > .ubermenu-column-1-12:nth-child(12n+2){ clear:both; } //Offset everything by 2 if they are both present .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top.ubermenu-submenu-retractor-top-2 > .ubermenu-column{ clear:none; } .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-full, .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-2:nth-child(2n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-3:nth-child(3n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-4:nth-child(4n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-5:nth-child(5n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-6:nth-child(6n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-7:nth-child(7n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-8:nth-child(8n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-9:nth-child(9n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-10:nth-child(10n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-11:nth-child(11n+3), .ubermenu .ubermenu-autoclear.ubermenu-submenu-retractor-top-2 > .ubermenu-column-1-12:nth-child(12n+3){ clear:both; }