.product-nav-wrapper{
min-height: 10px; max-height: 60px; background-color: #e37825; position: relative; padding: 0 44px; .product-nav { padding: 0 0 1px 0; margin: 0; &.flexbox{ display: flex; flex-direction: row; justify-content: center; } &.scroll { white-space: nowrap; overflow: hidden; } li { list-style: none; display: inline-block; padding: 15px 7px; &.dp-product-nav-list-item-current { border-bottom: 5px solid #fff; } a { color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap; &:active, &:hover { text-decoration: underline; } } } } .nav-btn { position: absolute; height: 60px; width: 44px; background-color: #e37825; color: #fff; z-index: 10; padding: 0 10px; top: 0; cursor: pointer; &.prev { left: 0; } &.next { right: 0; } &.disabled { pointer-events: none; a { visibility: hidden; } } &.hidden { display: none !important; visibility: none; } a { position: relative; display: inline-block; height: 100%; width: 100%; color: #fff; &::before{ position: absolute; display: inline-block; top: 30%; left: 23%; } &:hover, &:active { text-decoration: none; } } }
}
@media mobile-only {
.product-nav-wrapper { max-height: 64px; .product-nav { li { padding-top: 17px; padding-bottom: 17px; } } .nav-btn { height: 64px; } }
}