/* *****
Filename: mega_menu_nav.css
Purpose: Styles for mega menu
Date Created: 9/22/16
***** */

.ibm-sitenav-menu-container #cloud-mega {
    width: 92vw;
    margin-right: 4vw;
    max-height: 70vh;
    max-width: 1260px;
    overflow: auto;
}

.ibm-sitenav-menu-container .ibm-col-4-1 {
    width: 25%;
    display: block;
    float: left;
    position: relative;
    top: 0;
    padding-bottom: 12px;
}

.ibm-sitenav-menu-container .ibm-col-6-2 {
    width: 33.33%;
    display: block;
    float: left;
    position: relative;
    top: 0;
    padding-bottom: 12px;
}

.ibm-sitenav-menu-container .ibm-col-4-1 ul,
.ibm-sitenav-menu-container .ibm-col-6-2 ul{
    display: block;
    position: relative;
    width: 100%;
    border-width: 0px;
}

.ibm-sitenav-menu-container .ibm-sitenav-menu-list #cloud-mega li ul a {
    padding: 5px 25px;
    // line-height: 1.3em;
}

.ibm-sitenav-menu-container .ibm-sitenav-menu-list #cloud-mega li ul li.ibm-cci-padding-bottom-1 span {
    padding: 5px 25px;
}

.ibm-sitenav-menu-container .ibm-sitenav-menu-list #cloud-mega li ul {
    padding: 10px 0 15px;
}

.ibm-sitenav-menu-container .ibm-sitenav-menu-list .cloud-mega-drop li a{
    padding: 8px 20px;
}

.ibm-sitenav-menu-container .ibm-sitenav-menu-list ul.cf.ibm-align-right li.ibm-col-4-1 ul.ibm-small li.ibm-cci-padding-bottom-1 {
    padding-top: 5px;
} 

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}


@media (max-width: 683px) and (min-width: 580px) {
    .ibm-sitenav-menu-list { display: none !important; }
}