@media screen and (min-width: 960px) { .global-nav__menu .sub-menu li {
position: relative;
} .global-nav__menu .sub-menu .sub-menu {
position: absolute;
top: 0;
left: 100%; margin-top: 0;
background-color: #fff; border: 1px solid #eee; z-index: 999;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease, visibility 0.2s ease;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
} .global-nav__menu .sub-menu li:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
} .has-gray1-color {
color: #fcfcfc;
}
.has-gray2-color {
color: #f9f9f9;
}
.has-gray3-color {
color: #f6f6f6;
}
.has-gray4-color {
color: #f3f3f3;
}
.has-gray5-color {
color: #f1f1f1;
}
.has-gray6-color {
color: #eeeeee;
}
.has-gray7-color {
color: #ebebeb;
}
.has-gray8-color {
color: #e8e8e8;
}
.has-gray9-color {
color: #e5e5e5;
}
.has-gray10-color {
color: #e2e2e2;
} .has-gray1-background-color {
background-color: #fcfcfc;
}
.has-gray2-background-color {
background-color: #f9f9f9;
}
.has-gray3-background-color {
background-color: #f6f6f6;
}
.has-gray4-background-color {
background-color: #f3f3f3;
}
.has-gray5-background-color {
background-color: #f1f1f1;
}
.has-gray6-background-color {
background-color: #eeeeee;
}
.has-gray7-background-color {
background-color: #ebebeb;
}
.has-gray8-background-color {
background-color: #e8e8e8;
}
.has-gray9-background-color {
background-color: #e5e5e5;
}
.has-gray10-background-color {
background-color: #e2e2e2;
}