/*=============================================================================
  LEGACY MASTER CSS

  * Legacy CSS that needs to be identified and removed
  * Contains working order and cart CSS (to be reviewed and updated)
  * Contains some current CSS that needs to be worked into the new CSS stack
=============================================================================*/

/* Legacy Links */
a.no-underline,
a.hover-underline {
    text-decoration: none;
}

a.hover-underline:focus,
a.hover-underline:hover {
    text-decoration: underline;
}

/* Legacy Buttons */
.btn-ordergreen {
	color: #fff;
    border-color: #007a62;
    font-weight: 500;
    background-color: #007a62;
    font: var(--text-button-lg);
}

.btn-ordergreen:not(.btn-sm) {
	padding: 0.75rem 1.5rem;
}

.btn-ordergreen:hover,
.btn-ordergreen:active {
	color: #fff;
    background-color: #005443;
    border-color: #004739;
}

.btn-ordergreen.disabled,
.btn-ordergreen:disabled {
    color: #757575;
    background-color: #e4e4e4;
    border-color: #e4e4e4;
}

.btn-primary {
	background-color: #b70510;
    border-color: #b70510;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
}

.btn-primary:hover,
.btn-primary:active {
	color: #fff;
    background-color: #990f21;
    border-color: #990f21;
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #757575;
    background-color: #e4e4e4;
    border-color: #e4e4e4;
}

.btn-primary:visited,
.btn-dark:visited,
.btn-ordergreen:visited,
.btn-outline-light:visited,
.btn-outline-dark:visited:hover {
    color: var(--white);
}

.btn-outline-light:visited:hover,
.btn-outline-dark:visited,
.breadcrumb-item a:visited {
    color: var(--black);
}

.btn-circle {
    border-radius: 50%;
    padding: 7px;
}

.btn-circle.dropdown-toggle:after {
    content: none;
}

.btn-round {
    border-radius: 50%;
}

.btn-grey {
    background-color: var(--gray-100);
    border-color: var(--gray-100);
}

.btn-grey:hover,
.btn-grey:active {
    background-color: var(--blue-800);
    border-color: var(--blue-800);
    color: var(--white);
}

.btn-grey:focus,
.btn-grey.focus {
    box-shadow: 0 0 0 3px rgba(var(--gray-100), .5);
}

.btn-grey.disabled,
.btn-grey:disabled {
    color: var(--disabled);
    background-color: var(--gray-100);
    border-color: var(--gray-100);
}

.btn-grey:not(:disabled):not(.disabled):active,
.btn-grey:not(:disabled):not(.disabled).active,
.show>.btn-grey.dropdown-toggle {
    background-color: var(--blue-800);
    border-color: var(--blue-800);
    color: var(--white);
}

.btn-grey:not(:disabled):not(.disabled):active:focus,
.btn-grey:not(:disabled):not(.disabled).active:focus,
.show>.btn-grey.dropdown-toggle:focus {
    box-shadow: 0 0 0 3px rgba(var(--gray-100), .5);
}

.btn-blue-clr {
    background-color: white;
    border: none;
    color: var(--blue);
}

.btn-blue-clr:hover {
    text-decoration: underline;
}

/* Legacy Button States */
.btn-outline-dark:hover .icon,
.btn-outline-dark:active .icon,
.btn-grey:hover .icon,
.btn-grey:active .icon,
.btn-outline-dark:not(:disabled):not(.disabled):active .icon,
.btn-outline-dark:not(:disabled):not(.disabled).active .icon,
.btn-grey:not(:disabled):not(.disabled):active .icon,
.btn-grey:not(:disabled):not(.disabled).active .icon,
.show > .btn-outline-dark.dropdown-toggle .icon,
.show > .btn-grey.dropdown-toggle .icon { background-position-y: -48px; }

.btn-outline-dark:hover .is-sm,
.btn-outline-dark:active .is-sm,
.btn-grey:hover .is-sm,
.btn-grey:active .is-sm,
.btn-outline-dark:not(:disabled):not(.disabled):active .is-sm,
.btn-outline-dark:not(:disabled):not(.disabled).active .is-sm,
.btn-grey:not(:disabled):not(.disabled):active .is-sm,
.btn-grey:not(:disabled):not(.disabled).active .is-sm,
.show > .btn-outline-dark.dropdown-toggle .is-sm,
.show > .btn-grey.dropdown-toggle .is-sm { background-position: 0 -32px; }

.btn-outline-dark:hover .is-lg,
.btn-outline-dark:active .is-lg,
.btn-grey:hover .is-lg,
.btn-grey:active .is-lg,
.btn-outline-dark:not(:disabled):not(.disabled):active .is-lg,
.btn-outline-dark:not(:disabled):not(.disabled).active .is-lg,
.btn-grey:not(:disabled):not(.disabled):active .is-lg,
.btn-grey:not(:disabled):not(.disabled).active .is-lg,
.show > .btn-outline-dark.dropdown-toggle .is-lg,
.show > .btn-grey.dropdown-toggle .is-lg { background-position: 0 -64px; }

.btn-constrain,
.btn-constrain-next {
    width: 100%;
    max-width: 296px;
    margin: 0 auto;
}

[class*=btn-].disabled:visited,
[class*=btn-]:disabled:visited {
    color: var(--disabled);
}

@media (min-width: 480px) {

    .btn_wrap {
        max-width: 204px;
        margin: 0 auto;
    }
}

/* Legacy Header */
.navbar-dark .navbar-nav .nav-link:hover { text-decoration: underline; }
.nav-link.top_chart_link { padding-left: 0; }

/* Leagacy Breadcrumbs */
.breadcrumb {
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 0;
    padding-right: var(--spacing-03);
    padding-left: var(--spacing-03);
    font-size: var(--font-size-50);
    overflow-x: auto;
}

.breadcrumb-item {
    flex: 0 0 auto;
}

.breadcrumb .breadcrumb-item:last-child {
    padding-right: var(--spacing-03);
}

.breadcrumb-item a {
    color: var(--black);
    text-decoration: underline;
}

.breadcrumb-item a:focus,
.breadcrumb-item a:hover {
    text-decoration: none;
}

@media (min-width: 576px) {

    .breadcrumb {
        padding-right: 18px;
        padding-left: 18px;
    }

    .breadcrumb .breadcrumb-item:last-child {
        padding-right: 18px;
    }
}

@media (min-width: 768px) {

    .breadcrumb {
        padding-right: var(--spacing-06);
        padding-left: var(--spacing-06);
    }

    .breadcrumb .breadcrumb-item:last-child {
        padding-right: var(--spacing-06);
    }
}

@media (min-width: 1200px) {

    .breadcrumb {
        padding-top: 0;
    }
}

/* Legacy Forms & List Groups */
.form-control:disabled,
.form-control[readonly] {
    background-color: var(--gray-100);
    opacity: .65;
    border: var(--border-weight-01) solid var(--gray-100);
}

.form-group,
.form-row {
    position: relative;
}

.form-row .form-group>label,
.form-group>label {
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-transform: translate(0, 11px);
    -moz-transform: translate(0, 11px);
    -o-transform: translate(0, 11px);
    -ms-transform: translate(0, 11px);
    transform: translate(0, 11px);
    -webkit-transition: all 175ms ease-out;
    -moz-transition: all 175ms ease-out;
    -o-transition: all 175ms ease-out;
    transition: all 175ms ease-out;
    z-index: 3;
}

.form-row .form-group>label.not-lifted,
.form-group>label.not-lifted {
    position: initial;
}

.form-row .form-group>label.required-field,
.form-group>label .required-field {
    display: inline-block;
}

.form-row .form-group>label.required-field:after,
.form-group>label .required-field:after {
    content: '*';
}

.form-group>label.is-optional {
    color: var(--form-label-optional);
}

.form-group>label {
    left: var(--spacing-03);
}

.form-group>input.is-active,
.form-group>textarea.is-active {
    border-color: var(--black);
}

.form-group>label.is-lifted {
    margin: 0;
    padding: 0 var(--spacing-01);
    top: -21px;
    line-height: var(--font-line-height-05);
    font-size: 0.8125rem;
    background: var(--white);
    color: var(--black);
}

.form-group>label.req-field.is-lifted {
    padding: 0 var(--spacing-04) 0 var(--spacing-01);
}

.form-group>label.req-field .req-icon {
    position: absolute;
    top: 0;
    right: -12px;
}

.form-group>label.req-field .req-icon:after {
    content: '*';
}

.form-group>label.is-lifted.is-required {
    color: var(--color-promo);
}

.form-group>label.zero {
    transition-duration: 0ms;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: all 0 ease-out;
}

.form-group.has-prepend>label {
    left: var(--spacing-15);
}

.visibility>.form-control {
    border-right: 0;
}

.input-group-prepend .input-group-text {
    padding: 7px;
}

.input-group-prepend .btn,
.input-group-append .btn {
    padding-left: 15px;
    padding-right: 15px;
}

.input-group-text {
    color: var(--black);
    background: var(--white);
    border-color: var(--form-label-optional);
}

.list-group-small {
    font-size: var(--font-size-50);
}

.list-group-small .list-group-item .btn {
    font-size: var(--font-size-50);
    font-weight: var(--font-weight-reg);
    padding: var(--spacing-03) var(--spacing-08) var(--spacing-03) var(--spacing-04);
    height: 48px;
}

.list-group-small .list-group-icon-left+span {
    line-height: 24px;
    display: inline-block;
    vertical-align: top;
}

.list-group-small .icon-arrow {
    right: var(--spacing-04);
}

.list-group-standard .list-group-item {
    color: var(--color-text-primary-dark);
	font: var(--text-body-md-compact);
}

.list-group-standard .icon-arrow {
    position: absolute;
    right: var(--spacing-04);
    margin-top: 0;
}

.list-group-standard .list-group-item>.btn {
    text-align: left;
    position: relative;
    color: var(--color-text-primary-dark);
    border: none;
    white-space: normal;
    padding: var(--spacing-04);
}

.list-group-standard .list-group-item:not(:first-of-type):not(:last-of-type)>.btn:not(.collapsed) {
    background-color: var(--color-surface-primary-hover);
	border-bottom: var(--border-weight-01) solid var(--color-border-primary);
    border-radius: 0;
}

.list-group-standard .btn,
.list-group-standard .list-group-item {
    padding-top: var(--spacing-04);
    padding-bottom: var(--spacing-04);
}

.list-group-standard:not(.footer__menu-wrapper) .btn[aria-expanded="true"] {
    background-color: var(--color-surface-primary-active);
}

.list-group-standard:not(.footer__menu-wrapper) .btn[aria-expanded="false"] {
    background-color: var(--color-surface-primary);
}

.list-group-standard .list-group-collapse {
    padding-top: 0;
    padding-bottom: 0;
}

.list-group-standard .list-group-collapse>.has-indent {
    padding: var(--spacing-04) var(--spacing-04) 0;
}

.list-group-standard .social_group_item {
    padding-top: var(--spacing-10);
    padding-bottom: var(--spacing-10);
}

.list-group-standard.accordion .list-group-item p {
    line-height: var(--font-line-height-05);
}

.list-group-standard.list-group-flush:not(.no-outer):first-child {
    border-top: var(--border-weight-01) solid var(--form-label-optional);
}

.list-group-standard.list-group-flush:not(.no-outer):last-child {
    border-bottom: var(--border-weight-01) solid var(--form-label-optional);
}

.list-group-standard.list-group-flush .icon-arrow {
    right: 0;
}

.list-group-standard.list-group-flush .btn,
.list-group-standard.list-group-flush .list-group-item {
    padding-left: 0;
    padding-right: 0;
}

.list-group-standard.list-group-flush .btn {
    padding-right: var(--spacing-05);
}

.list-group-standard .list-group-icon-left {
    margin-right: var(--spacing-04);
    float: left;
}

.has-open_list .list-group-item {
    border-color: transparent;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: var(--color-bg-secondary);
    color: var(--black);
}

/* Legacy Accordion */
.list-group.accordion {
	color: var(--color-text-primary-dark);
    background-color: var(--color-surface-primary);
}

.list-group.accordion .list-group-item+.list-group-item {
	border-top-width: 0;
}

.list-group.accordion .list-group-item:first-of-type,
.list-group.accordion .list-group-item:first-of-type .btn {
    border-top-left-radius: var(--border-radius-md);
    border-top-right-radius: var(--border-radius-md);
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.list-group.accordion .list-group-item:last-of-type,
.list-group.accordion .list-group-item:last-of-type .btn {
    border-bottom-left-radius: var(--border-radius-md);
    border-bottom-right-radius: var(--border-radius-md);
	border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.list-group.accordion .list-group-item:last-of-type .btn:not(.collapsed) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.list-group.accordion .list-group-item .btn {
    display: flex;
	align-items: center;
	font: var(--text-body-md-compact);
	padding: var(--spacing-04);
	color: var(--color-text-primary-dark);
}

.list-group.accordion .list-group-item .btn:hover,
.list-group.accordion .list-group-item .btn:active {
    background-color: var(--color-surface-primary-hover);
}

.list-group.accordion .list-group-item .accordion_title {
    padding-right: var(--spacing-02);
	margin-right: var(--spacing-03);
}

.list-group.accordion .list-group-item .list-group-icon-left {
    width: var(--icon-size-md);
	height: var(--icon-size-md);
	padding: var(--icon-size-md) 0 0;
    margin-right: var(--spacing-03);
	background-size: var(--icon-size-md);
	background-position: var(--icon-position-md-black);
}

.list-group.accordion .list-group-item .icon-arrow {
    width: var(--icon-size-xs);
	height: var(--icon-size-xs);
	padding: var(--icon-size-xs) 0 0;
	background-size: var(--icon-size-xs);
	background-position: var(--icon-position-xs-black);
}

.list-group.accordion .list-group-item p:last-of-type {
    margin-bottom: 0;
}

.list-group.accordion .accordion-content {
    padding: var(--spacing-04);
}

/* Legacy Alerts */
.alert-success {
    background-color: var(--green-100);
}

.alert-secondary {
    color: var(--disabled);
    background-color: var(--gray-50);
}

.alert-info {
    color: var(--blue-800);
    background-color: var(--blue-200);
}

.alert-danger {
    margin-bottom: var(--spacing-06);
}

.alert-wrap {
    width: 100%;
}

.alert-warning .alert-link {
    color: var(--color-text-support-backorder);
    font-weight: var(--font-weight-reg);
    text-decoration: underline;
}

.alert-warning .alert-link:hover,
.alert-warning .alert-link:focus,
.alert-warning .alert-link:active {
    text-decoration: none;
}

.alert.alert-danger.order-error-js {
    background-color: var(--color-surface-support-critical);
    border: var(--border-weight-01) solid var(--color-border-support-critical);
    color: var(--color-text-support-critical);
    font: var(--text-body-md-compact);
}

.alert.is-invalid {
    display: flex;
    background-color: var(--color-surface-support-critical);
    border: var(--border-weight-01) solid var(--color-border-support-critical);
    color: var(--color-text-support-critical);
    font: var(--text-body-md-compact);
}

.alert.is-invalid .icon {
    background-position: var(--icon-position-md-color);
    margin-right: var(--spacing-02);
}

.alert.is-backordered {
    background-color: var(--color-surface-support-backorder);
    border: var(--border-weight-01) solid var(--color-border-support-backorder);
    color: var(--color-text-support-backorder);
    font: var(--text-body-md-compact);
}

.alert.is-low-stock {
    background-color: var(--color-surface-support-warning);
    border: var(--border-weight-01) solid var(--color-border-support-warning);
    color: var(--color-text-support-warning);
    font: var(--text-body-md-compact);
}

/* Info Cards - Legacy */
.info_card {
    text-align: center;
    width: 260px;
    margin: auto;
}

.info_card-heading {
    font-weight: var(--font-weight-bold);
}

.info_card-title {
    font-size: var(--font-size-100);
    font-weight: var(--font-weight-bold);
}

.info_card-subtitle {
    font-size: var(--font-size-50);
    line-height: 1.5384615384615385;
    margin-bottom: var(--spacing-04);
}

/* Legacy Site Wide Banner */
.sitewide_wrap {
    display: block;
    margin: 5px auto;
}

.sitewide_wrap div img {
    max-width: 100%;
    margin: auto;
}

@media (min-width: 414px) {

    .sitewide_wrap div img {
        display: block;
        max-width: 414px;
        margin: auto;
    }
}

.l-frame-max {
    max-width: 1448px;
    margin-left: auto;
    margin-right: auto;
}

/* WORKING ORDER & CART
=============================================================================*/
.cancel_verify {
    padding-top: 64px;
    padding-bottom: var(--spacing-16);
    text-align: center;
}

.cancel_verify-icon {
    margin-bottom: var(--spacing-06);
}

.cancel_verify-icon .icon-warning {
    margin: 0 auto;
}

.cancel_verify-row {
    max-width: 426px;
    margin: 0 auto;
}

.cancel_verify-btns {
    width: 189px;
    margin-left: auto;
    margin-right: auto;
}

.share_cart-wrap {
    position: relative;
}

.share_cart-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-family: var(--font-family-02);
}

.working_order {
    padding-top: var(--spacing-06);
}

.working_order h1 {
    margin-bottom: var(--spacing-06);
}

.working_order-share_cart {
    float: right;
    margin: 2px 0;
}

.working_order-alert {
    margin-bottom: var(--spacing-06);
}

.working_order-proceed {
    background-color: var(--color-surface-primary);
    padding: var(--spacing-04) var(--spacing-03);
    box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.1);
}

.working_order-proceed-top {
    margin-bottom: var(--spacing-04);
}

.working_order-proceed-items {
    font-size: var(--font-size-50);
}

.working_order-proceed-subtotal {
    float: right;
}

@media (min-width: 768px) {

    .working_order-proceed-wrap {
        padding: 0 var(--spacing-07) 0 var(--spacing-09);
        border-radius: var(--border-radius-sm);
        margin-bottom: var(--spacing-06);
        background-color: var(--gray-50);
        font-family: var(--font-family-02);
    }

    .working_order-proceed {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none;
        background: none;
    }

    .working_order-proceed>[class*=col-] {
        padding-left: 0;
        padding-right: 0;
    }

    .working_order-proceed-top {
        padding-top: var(--spacing-03);
        padding-bottom: var(--spacing-03);
        margin: 0;
    }

    .working_order-proceed-items {
        font-size: var(--font-size-100);
        padding-right: var(--spacing-06);
    }

    .working_order-proceed-subtotal {
        float: none;
    }
}

@media (min-width: 480px) {

    .redeem_gift-btn_wrap {
        margin: 0 auto;
        max-width: 204px;
    }
}

.empty_cart {
    max-width: 250px;
    padding: var(--spacing-08) 0;
    margin: 0 auto;
    text-align: center;
}

.empty_cart p {
    margin-bottom: var(--spacing-06);
}

.empty_cart-btn_wrap {
    max-width: 200px;
    margin: 0 auto;
}

.empty_cart .icon-empty_cart {
    width: 80px;
    padding-top: 80px;
    background-size: 80px 80px;
    margin: 0 auto var(--spacing-06);
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/emptycart.svg");
}

.empty_cart-link {
    margin-top: var(--spacing-04);
    text-align: right;
    font-family: var(--font-family-02);
}

.empty_cart-link a {
    text-decoration: underline;
}

.empty_cart-link a:hover,
.empty_cart-link a:active {
    text-decoration: none;
}

@media (min-width: 768px) {

    .empty_cart-link {
        margin-top: 0;
    }
}

/* Cart List Module */
.cart_list {
    padding-right: var(--spacing-03);
    padding-left: var(--spacing-03);
    margin-bottom: var(--spacing-06);
    font-family: var(--font-family-02);
}

.cart_list-headings {
    margin-left: 0;
    margin-right: 0;
}

.cart_list-headings .section_label {
    padding-top: var(--spacing-02);
    padding-bottom: var(--spacing-02);
}

.cart_list-cell {
    padding-top: var(--spacing-06);
    padding-bottom: var(--spacing-06);
    border-top: var(--border-weight-01) solid var(--color-border-primary);
}

.cart_list-cell:last-child {
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
}

.cart_list-cell-comment {
    border-top: 0;
    padding-top: 0;
}

.cart_list-cell-remove {
    display: inline-block;
    padding: var(--spacing-04) 0;
    font-size: var(--font-size-25);
}

.cart_list-cell-remove {
    text-decoration: underline;
}

.cart_list-cell-remove:hover,
.cart_list-cell-remove:active {
    text-decoration: none;
}

.cart_list-cell-img {
    text-align: center;
}

.cart_list-cell-img img {
    display: block;
    width: 64px;
    margin: 0 auto;
}

.cart_list-cell-img .is-racquet {
    width: 37px;
}

.cart_list-cell-img-gift,
.cart_list-cell-img-demo,
.cart_list-cell-img-grommet {
    display: block;
    width: 77%;
    max-width: 80px;
    margin: 0 auto;
}

.cart_list-cell-img-gift .icon,
.cart_list-cell-img-demo .icon,
.cart_list-cell-img-grommet .icon {
    width: 100%;
    padding-top: 100%;
    background-size: 100%;
}

.comp-img_wrap {
    display: inline-block;
    width: 64px;
    padding: var(--spacing-02);
    background-color: var(--white);
    border: var(--border-weight-01) solid var(--gray-100);
    border-radius: var(--border-radius-sm);
}

.is-component .cart_list-cell-img img {
    width: 46px;
}

.is-component .cart_list-cell-img .is-racquet {
    width: 37px;
}

.cart_list-cell-item-name,
.cart_list-cell-item-name:visited {
    color: var(--black);
}

.cart_list-cell-item-no_disc {
    font-size: 0.6875rem;
    font-style: italic;
    color: var(--disabled);
    line-height: 1.454546;
    margin: var(--spacing-02) 0 0;
}

@media (min-width: 768px) {

    .cart_list {
        padding-left: var(--spacing-06);
        padding-right: var(--spacing-06);
    }

    .cart_list-cell,
    .cart_list-component-row {
        margin-left: 0;
        margin-right: 0;
    }

    .cart_list-cell-item-no_disc {
        margin: var(--spacing-02) 0 0;
    }
}

.cart_list-cell-stock {
    font-size: var(--font-size-50);
    padding-top: 14px;
    padding-bottom: 14px;
}

.cart_list-cell-stock .in-stock {
    color: var(--green-500);
}

.cart_list-cell-qty {
    padding-right: 0;
}

.cart_list-cell-qty-no_edit {
    display: block;
    padding-top: var(--spacing-04);
    padding-bottom: var(--spacing-04);
}

.cart_list-cell-qty .btn {
    padding-left: var(--spacing-03);
    padding-right: var(--spacing-03);
}

.cart_list-cell-purchase {
    padding-top: var(--spacing-04);
}

.cart_list-cell-price-per {
    font-size: var(--font-size-50);
    color: var(--disabled);
}

.cart_list-cell-price-per.is-old_price {
    text-decoration: line-through;
}

.cart_list-cell-price-per.is-new_price {
    color: var(--color-promo);
    display: block;
}

.cart_list-cell-add {
    padding-top: var(--spacing-04);
}

@media (min-width: 480px) {

    .cart_list-cell-img img {
        width: 88px;
    }

    .cart_list-cell-img .is-racquet {
        width: 51px;
    }

    .comp-img_wrap {
        width: 88px;
    }

    .is-component .cart_list-cell-img img {
        width: 70px;
    }

    .is-component .cart_list-cell-img .is-racquet {
        width: 40px;
    }

    .cart_list-cell-qty {
        padding-right: var(--spacing-03);
    }

    .cart_list-cell-purchase {
        padding-top: 0;
        text-align: center;
    }

    .cart_list-cell-purchase-qty {
        padding-top: var(--spacing-04);
        display: block;
    }

    .cart_list-cell-item-no_disc {
        margin: var(--spacing-02) 0 var(--spacing-04);
    }
}

@media (min-width: 576px) {

    .cart_list-cell-comment {
        margin-top: -24px;
    }

    .cart_list-cell-img img {
        width: 132px;
    }

    .cart_list-cell-img .is-racquet {
        width: 76px;
    }

    .comp-img_wrap {
        width: 132px;
    }

    .is-component .cart_list-cell-img img {
        width: 114px;
    }

    .is-component .cart_list-cell-img .is-racquet {
        width: 65px;
    }
}

@media (min-width: 768px) {

    .cart_list-cell-img img {
        width: 100px;
    }

    .cart_list-cell-img .is-racquet {
        width: 57px;
    }

    .comp-img_wrap {
        width: 100px;
    }

    .is-component .cart_list-cell-img img {
        width: 82px;
    }

    .is-component .cart_list-cell-img .is-racquet {
        width: 47px;
    }

    .cart_list-cell-item {
        margin-bottom: 0;
    }

    .cart_list-cell-add {
        padding-top: 0;
    }
}

/* Cart List Components */
.cart_list-component-row {
    padding-top: var(--spacing-06);
    padding-bottom: var(--spacing-06);
    border-top: var(--border-weight-01) solid var(--gray-100);
}

.cart_list-component-info {
    display: flex;
}

.cart_list-component-info-text {
    flex: 1 1 auto;
}

.cart_list-component-icon {
    margin: 0 auto;
}

.cart_list-component-name {
    font-size: var(--font-size-300);
    line-height: var(--font-line-height-04);
}

.cart_list-component-note {
    font-size: var(--font-size-50);
    margin: var(--spacing-02) 0 0;
}

.cart_list-component .cart_list-cell {
    background-color: var(--gray-50);
}

.cart_list-component .cart_list-cell:last-child {
    border-bottom: 0;
}

/* Sticker Add-On */
.cart_list-sticker {
    padding-left: var(--spacing-03);
    padding-right: var(--spacing-03);
}

.cart_list-sticker-inner {
    border-radius: var(--border-radius-sm);
    background-color: var(--gray-50);
    width: 100%;
    padding: var(--spacing-04);
    display: flex;
}

.cart_list-sticker-img {
    margin-right: var(--spacing-04);
}

.cart_list-sticker-img img {
    width: 64px;
}

.cart_list-sticker-info {
    flex: 1;
}

.cart_list-sticker-info>.row {
    height: 100%;
}

.cart_list-sticker-subline {
    font-size: var(--font-size-50);
}

@media (min-width: 480px) {

    .cart_list-sticker-add {
        text-align: right;
    }
}

@media (min-width: 768px) {

    .cart_list-sticker {
        padding-left: 0;
        padding-right: 0;
    }

    .cart_list-sticker-img {
        margin-right: 44px;
    }
}

/* Shipping Calculator, Select Ship Via Table */
.ship_rates {
    margin-bottom: var(--spacing-06);
}

.ship_rates .list-group-item {
    padding: var(--spacing-04);
}

.ship_rates-title {
    margin-bottom: var(--spacing-02);
    font-weight: var(--font-weight-bold);
}

.ship_rates-comment {
    margin-bottom: var(--spacing-02);
    font-size: var(--font-size-25);
    color: var(--disabled);
}

.ship_rates-date {
    font-size: var(--font-size-50);
    color: var(--green-500);
}

@media (min-width: 480px) {

    .ship_rates-comment {
        margin-bottom: 0;
    }
}

/* Cart Swag */
.cart_swag::before {
    content: '';
    display: block;
    height: 8px;
    background: var(--gray-50);
    border-collapse: separate;
    transition: height .3s ease-out;
}

@media (min-width: 768px) {

    .cart_swag::before {
        height: 1px;
        margin-left: var(--spacing-06);
        margin-right: var(--spacing-06);
        background: var(--gray-50);
    }
}

.cart_swag h3 {
    margin: 0;
    padding: var(--spacing-10) var(--spacing-06) 0;
    line-height: var(--font-line-height-04);
    text-align: center;
    font-size: var(--font-size-400);
    font-weight: var(--font-weight-med);
}

.cart_swag-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: var(--spacing-03);
    padding-left: var(--spacing-03);
    margin: auto;
}

.cart_swag-wrap {
    display: flex;
    margin-top: var(--spacing-06);
    padding: var(--spacing-04);
    border: var(--border-weight-01) solid var(--gray-100);
    border-radius: var(--border-radius-sm);
    font-family: var(--font-family-02);
}

.cart_swag-img {
    margin-right: var(--spacing-04);
}

.cart_swag-img img {
    display: block;
    width: 64px;
}

.cart_swag-info {
    display: flex;
    width: 100%;
}

.cart_swag-prodinfo {
    margin-right: var(--spacing-02);
}

.cart_swag-info p {
    margin: 0;
    color: var(--black);
    font-size: var(--font-size-50);
}

.cart_swag-info .is-small {
    font-size: var(--font-size-25);
}

.cart_swag-info .style {
    color: var(--gray-500);
}

.cart_swag-info .price {
    color: var(--color-promo);
}

.cart_swag-info p:not(:first-child) {
    margin: var(--spacing-01) 0 0;
}

.cart_swag-btn {
    margin-left: auto;
}

.cart_swag-btn button {
    font-size: var(--font-size-50);
    padding-left: 14px;
    padding-right: 14px;
}

@media (min-width: 480px) {

    .cart_swag-wrap {
        padding: var(--spacing-06);
    }

    .cart_swag-img {
        margin-right: var(--spacing-06);
    }

    .cart_swag-img img {
        width: 88px;
    }

    .cart_swag-prodinfo {
        margin-right: var(--spacing-06);
    }

    .cart_swag-info p {
        font-size: var(--font-size-100);
    }
}

@media (min-width: 576px) {

    .cart_swag-container {
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 6px;
        padding-right: 6px;
    }

    .cart_swag-col {
        margin-top: var(--spacing-06);
    }

    .cart_swag-wrap {
        height: 100%;
        margin: 0;
        padding: var(--spacing-06);
    }

    .cart_swag-img img {
        width: 64px;
    }

    .cart_swag-info {
        flex-direction: column;
    }

    .cart_swag-prodinfo {
        margin-right: 0;
    }

    .cart_swag-btn {
        margin: var(--spacing-04) 0 0;
    }
}

@media (min-width: 768px) {

    .cart_swag-container {
        padding-left: var(--spacing-03);
        padding-right: var(--spacing-03);
    }

    .cart_swag-img img {
        width: 100px;
    }
}

@media (min-width: 992px) {

    .cart_swag-info {
        flex-direction: row;
        justify-content: space-between;
    }

    .cart_swag-prodinfo {
        margin-right: var(--spacing-06);
    }

    .cart_swag-btn {
        margin: 0;
    }
}

/* Summary Styles for Working Order and Checkout Summary */
.summary {
    padding: var(--spacing-04) 0 0;
    border: var(--border-weight-01) solid var(--gray-100);
    border-radius: var(--border-radius-sm);
    background-color: var(--gray-50);
    font-family: var(--font-family-02);
}

.summary-row {
    padding: 0 var(--spacing-04) var(--spacing-04);
    font-size: var(--font-size-100);
}

.summary-row.has-border {
    border-top: var(--border-weight-01) solid var(--gray-100);
}

.summary-row-label {
    font-size: var(--font-size-50);
}

.summary-row-label.is-lg {
    display: inline-block;
    line-height: 2.125;
    font-size: var(--font-size-100);
    font-weight: var(--font-weight-bold);
}

.summary-row-total {
    float: right;
    font-weight: var(--font-weight-bold);
}

.estimate_ship {
    font-weight: var(--font-weight-reg);
}

.summary-row.redeem,
.summary-row.final,
.summary-row.fullcell {
    padding: var(--spacing-04);
}

.redeem-form {
    display: flex;
}

.redeem-form-group {
    flex: 1 1 35%;
    width: 35%;
    margin: 0 0 0 var(--spacing-02);
}

.redeem-form-group:first-child {
    flex: 1 1 65%;
    width: 65%;
    margin: 0 var(--spacing-02) 0 0;
}

@media (min-width: 576px) {

    .redeem-form-group {
        margin: 0 0 0 var(--spacing-03);
    }

    .redeem-form-group:first-child {
        margin: 0 var(--spacing-03) 0 0;
    }
}

.summary-row.final .summary-row-label {
    font-size: var(--font-size-100);
    font-weight: var(--font-weight-bold);
}

.est_date,
.summary-row.final .summary-row-total {
    color: var(--green-500);
}

.summary-row .small {
    margin: var(--spacing-04) 0 0;
}

.summary-row .small.required {
    color: var(--color-promo);
}

.l-content-area.is-checkout .container-fluid.mb-4 h3 {
    margin-bottom: 1.2em;
}

.l-content-area.is-checkout .checkout_account h2 {
    margin-bottom: 1.2em;
}

.l-content-area.is-checkout .checkout_account h2 {
    margin-bottom: 1.2em;
}

.l-content-area.is-checkout .checkout_account .checkout_account-cell-note {
    font: var(--text-body-sm-compact);
}

.l-content-area.is-checkout .checkout_account .mt-3 a {
    text-decoration: underline;
}

.l-content-area.is-checkout .checkout_account .mt-3 a:hover,
.l-content-area.is-checkout .checkout_account .mt-3 a:active {
    text-decoration: none;
}

/* Legacy Filter CSS */
.list-group-filter .list-group-item {
    padding: 0;
}

.list-group-filter_selection,
.list-group-filter_checkbox {
    padding: 0 18px;
}

.list-group-item.filter_add_options {
    padding: var(--spacing-04);
}

.list-group-filter_selection .form-check,
.list-group-filter_checkbox .form-check,
.list-group-item.filter_add_options .form-check {
    margin-bottom: var(--spacing-04);
}

.list-group-filter_selection .form-check:last-child,
.list-group-filter_checkbox .form-check:last-child {
    margin-bottom: var(--spacing-06)
}

.list-group-item.filter_add_options .form-check:last-child {
    margin-bottom: 0;
}

/* Price Range Slider */
.price_range_slider {
    clear: both;
    position: relative;
    height: 4px;
    width: 100%;
    margin: 17px 0 18px 0;
    border-radius: 16px;
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    background: var(--gray-100);
}

.price_range_slider .ui-slider-range {
    background-color: var(--blue-800);
    height: 100%;
    position: absolute;
    overflow: hidden;
}

.price_range_slider .ui-slider-handle {
    display: block;
    position: absolute;
    top: 50%;
    height: 24px;
    width: 24px;
    margin-top: -12px;
    margin-left: -2px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    background: var(--white);
    cursor: pointer;
    z-index: 0;
    border-radius: 50%;
}

.price_range_slider .ui-slider-handle:last-child {
    margin-left: -22px
}

/* Reset Links */
.resetlinks-section {
    padding-left: var(--spacing-04);
    padding-right: var(--spacing-04);
}

.resetlinks-section .list-group-item:first-child {
    border-top: 0;
}

.resetlinks-section .icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}

.resetlinks-all {
    float: right;
    font-size: var(--font-size-100);
    font-weight: var(--font-weight-reg);
    text-transform: none;
    line-height: var(--font-line-height-03);
}

/* Legacy Search CSS */
.searchheader {
    text-align: center;
    margin-bottom: var(--spacing-02);
}

.search_total {
    text-align: center;
    margin-bottom: var(--spacing-06);
}

.search_nav-wrap {
    padding: 0 var(--spacing-03);
    margin-top: var(--spacing-10);
}

.search_nav {
    margin: 0 auto;
    max-width: 400px;
}

.search_nav .page-item {
    margin-bottom: 0;
}

.search_nav .selectric {
    border-radius: 0;
    margin-left: -1px;
}

.search_nav .selectric .label {
    margin-left: var(--spacing-06);
}

.search_nav-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -6px;
}

.disabled .search_nav-arrow.icon-arrow-left {
    background-position: 0 -72px;
}

.disabled .search_nav-arrow.icon-arrow-right {
    background-position: 0 -84px;
}

.vue-portal-target {
    height: 100%;
}

@media (min-width: 1200px) {

    #searchnavbar,
    #searchresultsarea {
        padding: 0 var(--spacing-06);
    }
}

/* Legacy Informational Module - Mailing Lists, Social, Etc. */
.info_asset_contain {
    padding: var(--spacing-10) 0;
    border-top: var(--border-weight-01) solid var(--gray-100);
}

.info_asset_contain.all {
    border-bottom: var(--border-weight-01) solid var(--gray-100);
}

.info_asset_contain-card {
    width: 260px;
    margin: auto;
    text-align: center;
}

.info_asset_contain-card-title {
    font-size: var(--font-size-100);
    font-weight: var(--font-weight-bold);
}

.info_asset_contain-card-subtitle {
    font-size: var(--font-size-50);
    margin-bottom: var(--spacing-04);
}

.info_asset_contain-card-social_list .nav-item {
    margin-right: var(--spacing-03);
    margin-bottom: 0;
}

.info_asset_contain-card-social_list .nav-item:last-child {
    margin-right: 0;
}

/* Legacy 360 Viewer */
#threesixtywrap,
div.threesixty_error {
    width: 100%;
    max-width: 508px;
    margin: 10px auto 5px;
    background: var(--white);
}

.nopadding #threesixtywrap {
    margin: 0;
    box-shadow: none;
}

#threesixtywrap .botbanner,
#threesixty_error .botbanner {
    background: var(--white);
    width: 508px;
    height: 91px;
    overflow: hidden;
    text-indent: -9999em;
    display: block;
}

#threesixtyviewtab {
    width: 100%;
    max-width: 400px;
    margin: auto;
}

#threesixtyimg {
    width: 100%;
    max-width: 400px;
}

#viewwrapper {
    width: 100%;
    max-width: 508px;
}

#viewwrapper .viewtab {
    display: none;
    width: 100%;
    max-width: 400px;
    float: left;
    margin: auto;
}

#viewwrapper .viewtab.viewtab_mob {
    float: none;
}

#viewwrapper .viewtab.selected {
    display: block;
}

#viewwrapper .zoomview {
    width: 100%;
    max-width: 400px;
    cursor: crosshair;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#threesixty_error .text_wrapper {
    height: 360px;
    padding: var(--spacing-05);
}

#threesixty_error .text_wrapper p {
    font-size: var(--font-size-50);
}

.jquery-reel-preloader {
    display: none;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* Legacy Forms & Misc */
.form_container {
    max-width: 992px;
    margin: auto;
}

.form_container textarea {
    width: 100%
}

.content_section:not(.cust_service-header-nav) {
    margin-bottom: var(--spacing-10);
}

.content_section>*:last-child {
    margin-bottom: 0;
}

/* Legacy Warranties */
.brand_warranties-select {
    margin-bottom: var(--spacing-04);
}

.brand_warranties-info {
    padding: var(--spacing-04) var(--spacing-03);
    border: var(--border-weight-01) solid var(--gray-100);
    border-radius: var(--border-radius-sm);
}

.brand_warranties-info-brand {
    display: none;
}

.brand_warranties-info-brand.is-visible {
    display: block;
}

.brand_warranties-info-brand ul {
    word-wrap: break-word;
}

/* Misc */
.grey-text {
    color: var(--gray-500);
}

body.is-grey {
    background-color: var(--gray-50);
}

.is-invisible {
    visibility: hidden;
    opacity: 0;
    transition: visibility .2s, opacity .2s;
    background-color: transparent;
}

.login_wrap h2 {
    font: var(--text-title-xl);
    padding-bottom: var(--spacing-06);
}

.login_wrap .forgot_password {
    text-decoration: underline;
}

.login_wrap .forgot_password:hover,
.login_wrap .forgot_password:active {
    text-decoration: underline;
}

.login-container {
    width: fit-content;
}

.login-container .alert {
    text-align: center;
}

/* Search Results */
.no-results-box {
    text-align: center;
}

.no-results-box__header {
    padding-bottom: var(--spacing-06);
}
.breadcrumb {
    background-color: var(--color-surface-primary);
    padding-left: 0;
}

/* Video Vault */
.video_vault .product-info__section {
    margin: 0;
}

.video_vault #video_nav .nav-link {
    padding: var(--spacing-02) var(--spacing-04) var(--spacing-02) 0;
    text-decoration: underline;
}

.video_vault #video_nav .nav-link:hover,
.video_vault #video_nav .nav-link:active {
    text-decoration: none;
}

/* Support Center */
.support_nav .back {
    text-decoration: underline;
}

.support_nav .back:hover,
.support_nav .back:active {
    text-decoration: none;
}

.support-contact {
    text-decoration: underline;
}

.support-contact:hover,
.support-contact:active {
    text-decoration: none;
}