/* BREAKPOINT ORIGINAL 992 PX */
/* BREAKPOINT APRES MODIF : 1500px */


/* BORDER TOP SKIN
================================*/
@media (min-width: 1500px) {
  .navigation-menu:not(.navigation-social-menu) .navigation-item:not(.navigation-icon-item) .navigation-link {
    padding: 7px 20px 10px;
    border-top: 3px solid transparent;
    transition: color 0.3s, border 0.3s;
  }
  .navigation-item:not(.navigation-brand-text):hover .navigation-link,
  .navigation-item:not(.navigation-brand-text):focus .navigation-link,
  .navigation-item:not(.navigation-brand-text).is-active .navigation-link {
    border-top-color: #FA9558 !important;
  }
}

.navigation-item:not(.navigation-brand-text):hover .navigation-link,
.navigation-item:not(.navigation-brand-text):focus .navigation-link,
.navigation-item:not(.navigation-brand-text).is-active .navigation-link {
    color: #FA9558;
}
.navigation-avatar-item .navigation-link img {
    border: solid 2px #FA9558;
}
.navigation-item:hover > .navigation-link > .submenu-indicator:after,
.navigation-item:focus > .navigation-link > .submenu-indicator:after,
.navigation-item.is-active > .navigation-link > .submenu-indicator:after {
    border-color: transparent #FA9558 #FA9558 transparent;
}
.navigation-btn {
    border-color: #FA9558;
    background-color: #FA9558;
}
.navigation-btn:hover,
.navigation-btn:focus {
    background-color: #ff703c;
}
.navigation-badge {
    background-color: #FA9558;
}
.navigation-input:hover,
.navigation-input:focus {
    border-color: #FA9558;
}
.navigation-btn:hover .navigation-search-icon {
    color: #FA9558;
}
.navigation-dropdown-item:hover > .navigation-dropdown-link,
.navigation-dropdown-item:focus > .navigation-dropdown-link,
.navigation-dropdown-item.is-active > .navigation-dropdown-link {
    color: #FFF;
    background-color: #FA9558;
}
.navigation-dropdown-item:hover > .navigation-dropdown-link > .submenu-indicator:after,
.navigation-dropdown-item:focus > .navigation-dropdown-link > .submenu-indicator:after,
.navigation-dropdown-item.is-active > .navigation-dropdown-link > .submenu-indicator:after {
    border-color: transparent #FA9558 #FA9558 transparent;
}
.navigation-list > li > a:hover {
    color: #FA9558;
}
@media (min-width: 1500px) {
    .navigation-item:not(.navigation-brand-text):hover .navigation-link,
    .navigation-item:not(.navigation-brand-text):focus .navigation-link,
    .navigation-item:not(.navigation-brand-text).is-active .navigation-link {
        border-top-color: #FA9558 !important;
    }
}
