/* STRUCTURE */

.flex-parent {
    display: flex;
    flex-flow: column wrap;
    /* this indicates, when a new "column" will be started */
    max-height: 55vh;
    align-content: flex-start;
    gap: 15px;
}

.flex-parent .col {
    flex: 0 0 auto;
   /* max-height: 235px;*/
    margin: 0px -5px 5px;
}

.categoryName.level1 {
    margin-left: 10px;
    white-space: normal;
}

.categoryName.level1 a,
.categoryName.level1 a:hover {
    display: block;
}
.ueiNav.container {
    width: 95%;
    margin-bottom: 10px;
}
.menu3dmega li ul li {
    padding: 0px 0 !important;
    position: relative;
    margin: 0;
    float: none;
    text-align: left;
    list-style: none;    
}
.menu3dmega .full-width .dropdown-menu {
    /*   left: -135px !important;
 width: 1140px !important;
    margin: 0 auto; */
    top: 99%;
    width: 100%;
    left: 0 !important;
    border-width: 0;
}
.menu3dmega .content {
    padding: 10px 25px  !important;
}


/*  STYLE  */

.menu3dmega {
    box-shadow: none !important;
     -webkit-box-shadow: none !important;
 }

.dropdown-menu li,
.dropdown-menu li:hover {
    background: transparent;
}

.categoryName.level0 a,
.categoryName.level0 a:hover {
    outline: 0 none;
    color: #ed1c24 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    background: transparent;
}

.categoryName.level0 a:hover {
    text-decoration: underline;
}

.categoryName.level1 a,
.categoryName.level1 a:hover {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    background: transparent;
}

.dropdown-menu li a {
    padding: 0px 0px 0px 0px !important;
    border-bottom: 0px solid #303030 !important;
}

/* Fly-out Menu  */

ul.dropdown-menu.flyout-menu {
    padding: 10px 20px 10px 5px;
    top: 99%;
}

.dropdown-menu.flyout-menu li  {
    font-size: 16px;
    padding: 5px 0 !important;
    position: relative;
    margin: 0;
    float: none;
    text-align: left;
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 290px) {
.ueiNav.container {
    margin-bottom: 15px;
}
.nav.navbar-nav:not(.navbar-right) {
    float: left;
    display: inline-block;
    width: 360px;
    margin-left: -10px;
    position: static;
}
.menu3dmega>ul>li.full-width, .menu3dmega>ul>li.dropdown {
    float: none;
    display:block;
}
.searchTextInput input[type="text"] {
    border: none;
    padding: 5px 10px;
    border-radius: 0;
    width: 230px;
    max-width: 100%;
}
.flex-parent {
    flex-flow: column;
    max-height: fit-content;
}
.menu3dmega>ul>li.full-width {
    margin-top: 45px;
}
.dropdown-menu.flyout-menu li {
    text-indent: 20px;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .ueiNav.container {
    margin-bottom: 10px;
}
.nav.navbar-nav:not(.navbar-right) {
    float: left;
    display: inline-block;
    width: 100%;
    /* position: absolute; 
    margin-left: 5%;*/
}
.searchTextInput input[type="text"] {
    border: none;
    padding: 5px 10px;
    border-radius: 0;
    width: 345px;
    max-width: 100%;
}
.flex-parent {
    display: flex;
    flex-flow: column wrap;
    /* max-height: 500px; */
    max-height: 90vh;
    align-content: space-around;
}
.menu3dmega>ul>li.full-width {
    margin-top: 0px;
}
.menu3dmega>ul>li.full-width, .menu3dmega>ul>li.dropdown {
    float: left;
    display: inline-block;
    position: static;
    text-align: left;
    line-height: 24px;
}
.dropdown-menu.flyout-menu li {
	font-size: 16px;
    padding: 5px 0 !important;
    position: relative;
    margin: 0;
    float: none;
    text-align: left;
    text-indent: 0px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
.nav.navbar-nav:not(.navbar-right) {
     /*  float: left;
    display: inline-block;
    width: 65%;
  position: absolute; 
    margin-left: 8%;*/
    float: none;
    margin-right: 0;
       position: static;
    top: -1px;
    width: 100%;
    display: flex !important;
    flex-direction: row;
/*    justify-content: end;*/
    align-items: center;
    top: -60px;
}
.searchTextInput input[type="text"] {
    border: none;
    padding: 5px 10px;
    border-radius: 0;
    width: 345px;
    max-width: 100%;
}
.flex-parent {
    display: flex;
    flex-flow: column wrap;
    /* max-height: 500px; */
    max-height: 70vh;
    align-content: space-between;
}
.menu3dmega>ul>li.full-width {
    margin-top: 0px;
}
.menu3dmega>ul>li.full-width, .menu3dmega>ul>li.dropdown {
    float: left;
    display: inline-block;
    position: static;
    text-align: left;
    line-height: 24px;
}
.dropdown-menu.flyout-menu li {
	font-size: 16px;
    padding: 5px 0 !important;
    position: relative;
    margin: 0;
    float: none;
    text-align: left;
    text-indent: 0px;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.flex-parent {
    max-height:52vh;

}
}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.menu3dmega .full-width .dropdown-menu {
   /* left: -230px !important;*/
}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.menu3dmega .full-width .dropdown-menu {
   /* left: -25px !important;*/
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    font-weight: 600;
    font-size: 16px;
}

.categoryName.level0 a, .categoryName.level0 a:hover {
    color: #fff!important;
    text-indent: 20px;
    font-weight: 600;
}
.categoryName.level1 {
   display: none;
}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}
section.row.login.canadian {
    margin: 0 0 40px 0;
    text-align: right;
}
.canadianLogin img {
    width: 40px;
    height:40px;
}
.canadianLogin a {
    font-weight: 600;
    text-decoration: none;
}