| Current Path : /home/zieirix/www/templates/it_medical/scss/medical/ |
| Current File : /home/zieirix/www/templates/it_medical/scss/medical/_menu.scss |
#g-navigation {
// Menu Styling
.g-main-nav {
margin: 0 0 0 -16px;
@include breakpoint(tablet-range) {
margin: 0 0 0 -11px;
}
.g-toplevel {
> li {
&:last-child {
.g-menu-item-container {
padding-right: 0;
}
}
> .g-menu-item-container {
color: $navigation-text-color;
padding: 20px 17px;
@include breakpoint(tablet-range) {
padding: 20px 12px;
}
a {
color: $navigation-text-color;
&:hover {
color: $accent-color-1;
}
}
.g-menu-item-title {
}
.g-menu-parent-indicator {
&:after {
content: "\f107";
opacity: 0.75;
padding: 0.1rem;
border: 1px solid $base-border-color;
background: darken($navigation-background-color, 3%);
margin-left: 2px;
border-radius: 4px;
width: 1.2rem;
text-align: center;
}
}
}
&:hover, &.active {
> .g-menu-item-container {
color: $accent-color-1;
.g-menu-item-title {
}
> .g-selected {
color: $accent-color-1;
}
}
}
&.g-parent .g-menu-parent-indicator {
//vertical-align: top;
}
}
}
.g-dropdown {
background: #ffffff;
//border: 1px solid darken($accent-color-1, 15%);
border-radius: 0;
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.05);
> .g-dropdown-column {
border-top: 3px solid $accent-color-1;
&:before {
font-family: "FontAwesome";
content: "\f0d8";
color: $accent-color-1;
position: absolute;
left: 35px;
top: -12px;
}
}
.g-menu-item-container {
color: $navigation-text-color;
padding: 12px 18px;
//&:hover {
//color: $accent-color-1;
//}
}
li {
border-bottom: 1px solid $base-border-color;
}
.g-dropdown-column {
border-bottom: none;
}
}
.g-sublevel {
.g-dropdown {
> .g-dropdown-column {
border-top: none;
&:before {
display: none;
}
}
}
> li {
> .g-menu-item-container {
color: $navigation-text-color;
font-weight: normal;
> .g-selected {
color: $accent-color-1;
font-weight: normal;
}
}
&:hover, &.active {
> .g-menu-item-container {
background: $base-element-color;
color: darken($navigation-text-color, 20%);
> .g-selected {
background: $base-element-color;
color: darken($navigation-text-color, 20%);
}
}
}
&.active {
> .g-menu-item-container {
color: $accent-color-1;
}
}
&.g-menu-item-type-particle {
&:hover, &.active {
> .g-menu-item-container {
}
}
}
&:last-child {
border-bottom: none;
}
&.g-menu-item-type-particle {
&:hover {
> .g-menu-item-container {
background: inherit;
}
}
}
}
}
}
.g-menu-block {
@include breakpoint(mobile-only) {
display: none;
}
}
.g-menu-item-subtitle {
font-size: 0.75rem;
font-weight: normal;
opacity: 1;
padding-top: 5px;
}
}
.menu-item-particle {
a {
color: $accent-color-1;
&:hover {
color: $navigation-text-color;
}
}
}