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