/*=============================================================================
  SUPPORT CENTER PAGES CSS

  * CSS has not been improved on these pages - Awaiting work
=============================================================================*/

.support-center__home {
    padding-bottom: var(--spacing-06);
}

.support-center__home a {
    font: var(--text-link-lg);
    color: var(--color-text-link-default);
    text-decoration: underline;
}

.support-center__home a:hover,
.support-center__home a:active,
.support-center__home a:focus {
    text-decoration: none;
}

.support-center__header.has-border{
    margin-bottom: 0;
}

.about-page .support-center__header.has-border{
    margin-bottom: var(--spacing-10);
}

.support-center__header.has-border header {
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
}

.support-center__header h1 {
    padding-bottom: var(--spacing-10);
}

.support-center__wrapper {
    padding: 0;
}

.support-center__wrapper header p {
    font: var(--text-body-md-compact);
}

.support-center__quick-nav {
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
    padding-bottom: var(--spacing-10);
    margin-bottom: var(--spacing-10);
}

.support-center__quick-nav-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: var(--spacing-02);
    grid-row-gap: var(--spacing-02);
}

.support-center__quick-nav-button {
    margin-bottom: 0;
}

.support-center__section {
    padding-bottom: var(--spacing-10);
}

.support-center__section h2 {
    padding-bottom: var(--spacing-10);
}

.support-center__section h3 {
    padding-bottom: var(--spacing-06);
}

.about-page .support-center__section h2,
.about-page .support-center__section h3 {
    text-align: center;
}

.support-center__section p,
.support-center__section ul li {
    font: var(--text-body-md-compact);
    color: var(--color-text-link-default);
}

.support-center__section p a {
    color: var(--color-text-link-default);
    text-decoration: underline;
}

.support-center__section p a:hover,
.support-center__section p a:active {
    text-decoration: none;
}

.support-center__navigation {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
    grid-column-gap: var(--spacing-06);
    grid-row-gap: var(--spacing-10);
}

.support-center__links .title {
    font: var(--text-title-xl);
    padding-bottom: var(--spacing-04);
}

.support-center__links a {
    font: var(--text-link-lg);
    color: var(--color-text-link-default);
    display: block;
    padding-bottom: var(--spacing-04);
    text-decoration: underline;
}

.support-center__links a:visited {
    color: var(--color-text-link-default);
}

.support-center__links a:hover,
.support-center__links a:focus,
.support-center__links a:active {
    color: var(--color-text-link-hover);
    text-decoration: none;
}

.support-center__links a:last-of-type {
    padding-bottom: 0;
}

.support-center__faq {
    max-width: 700px;
}

.support-center__faq .list-group-item {
    padding: 0;
}

.support-center__faq .accordion-content ul {
    margin-bottom: 0;
    padding-left: var(--spacing-03);
}

.support-center__faq .list-group-collapse>div p:first-child {
    margin-top: var(--spacing-02);
}

.support-center__faq .list-group-collapse>div p:last-child {
    margin-bottom: var(--spacing-04);
}

.support-center__forms {
    margin-bottom: 0;
    padding-left: 0;
    max-width: 700px;
    list-style-type: none;
    border: var(--border-weight-01) solid var(--color-border-primary);
    border-radius: var(--border-radius-md);
}

.support-center__forms li {
    display: flex;
    align-items: center;
    padding: var(--spacing-04);
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
}

.support-center__forms li:last-of-type {
    border-bottom: none;
}

.support-center__forms i {
    display: inline-block;
    margin-right: var(--spacing-02);
}

.support-center__forms a {
    line-height: var(--font-line-height-06);
    color: var(--black);
    text-decoration: underline;
}

.support-center__forms a:focus,
.support-center__forms a:hover {
    text-decoration: none;
}

.support-center__return-info {
    padding: var(--spacing-06);
    background-color: var(--color-surface-secondary);
    border-radius: var(--border-radius-md);
}

.support-center__location-wrapper {
    max-width: 384px;
}

.support-center__location-wrapper:first-of-type {
    margin-bottom: var(--spacing-06);
}

.support-center__location {
    height: 100%;
    border: var(--border-weight-01) solid var(--color-border-primary);
    border-radius: var(--border-radius-md);
}

.support-center__location-map {
    position: relative;
    height: 200px;
    width: 100%;
    border-bottom: var(--border-weight-01) solid var(--gray-100);
    overflow: hidden;
    border-top-left-radius: var(--border-radius-md);
    border-top-right-radius: var(--border-radius-md);
}

.support-center__location-map a {
    height: 100%;
    width: 100%;
}

.support-center__location-map img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.support-center__location-details {
    padding: var(--spacing-04) var(--spacing-04) 0 var(--spacing-04);
}

.support-center__location-name {
    padding-bottom: var(--spacing-06);
}

.support-center__location-title {
    font: var(--text-title-md);
    color: var(--color-text-primary-dark);
}

.support-center__location-address,
.support-center__location-phone,
.support-center__location-email {
    padding-bottom: var(--spacing-06);
    margin: 0;
}

.support-center__location-address a,
.support-center__location-phone a,
.support-center__location-email a {
    font: var(--text-link-lg);
}

.support-center__location-address a:visited,
.support-center__location-phone a:visited,
.support-center__location-email a:visited {
    color: var(--color-text-link-default);
}

.support-center__location-hours {
    font: var(--text-body-md-compact);
    color: var(--color-text-primary-dark);
    padding-bottom: var(--spacing-06);
}

.support-center__contact-container {
    margin-bottom: var(--spacing-06);
}

.support-center__contact-details {
    height: 100%;
    border: none;
    border-radius: var(--border-radius-md);
    background-color: var(--color-surface-secondary);
}

.support-center__contact {
    padding: var(--spacing-06) var(--spacing-06) 0;
}

.support-center__contact-title {
    font: var(--text-title-lg);
    color: var(--color-text-primary-dark);
    display: flex;
    align-items: center;
    margin: 0;
    padding-bottom: var(--spacing-04);
}

.support-center__contact-title .icon {
    margin-right: var(--spacing-02);
}

.support-center__contact-header {
    font: var(--text-form-label);
    color: var(--color-text-primary-dark);
    text-transform: uppercase;
    padding-bottom: var(--spacing-02);
}

.support-center__contact-text {
    font: var(--text-body-sm-compact);
    color: var(--color-text-primary-dark);
    padding-bottom: var(--spacing-04);
    margin-bottom: 0;
}

.support-center__contact-link {
    font: var(--text-link-lg);
    padding: 0 0 var(--spacing-06) 0;
    border-top: 0;
}

.support-center__contact-link.is-available a {
    cursor: pointer;
}

.support-center__contact-link a:visited {
    color: var(--color-text-link-default);
}

.support-center__contact-link a.live_chat-js:not(.is-available) {
    color: var(--color-text-link-default);
    cursor: inherit;
    text-decoration: none;
}



/* Legacy... Keep for now */
.inpagenav {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: var(--spacing-10);
}

.support_nav li {
    display: flex;
    align-items: center;
    padding: var(--spacing-04) var(--spacing-03);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.support_nav li:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.support_nav li:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.support_nav li .icon-arrow-left {
    margin-right: var(--spacing-02);
}

.support_nav li a {
    font: var(--text-body-md);
    color: var(--color-text-link-default);
}

.support_nav li .back {
    line-height: 1.142858;
    color: var(--black);
}

.support_nav .dropdown-toggle {
    position: relative;
    padding: 0 var(--spacing-03) 0 0;
}

.support_nav .dropdown-toggle::after {
    position: absolute;
    height: var(--icon-size-xs);
    width: var(--icon-size-xs);
    content: '';
    background: url(https://img.tacklewarehouse.com/graphics-resizer/icons/ui-arrow-down.svg);
    background-size: var(--icon-size-xs);
    background-position: var(--icon-position-xs-black);
    top: 50%;
    margin-top: -6px;
    display: inline-block;
    margin-left: var(--spacing-03);
    border: none;
}

.side_nav {
    padding-top: var(--spacing-10);
    margin-left: var(--spacing-06);
}

.side_nav h4 {
    padding: 0 0 var(--spacing-06);
}

.support_nav .dropdown-item.header,
.side_nav .list-group-item.header {
    font-weight: var(--font-weight-bold);
    text-decoration: underline;
    color: var(--black);
}

.support_nav .dropdown-item.section,
.side_nav .list-group-item.section {
    padding-top: var(--spacing-06);
}

.support_nav .dropdown-item,
.side_nav .list-group-item {
    color: var(--color-brand-text-on-secondary);
}

.side_nav .list-group-item {
    font: var(--text-body-sm-compact);
    padding: 0 0 var(--spacing-02) 0;
    border: none;
}

.support_nav .dropdown-item.active,
.support_nav .dropdown-item.active.header,
.side_nav .list-group-item.active,
.side_nav .list-group-item.active.header {
    margin-top: 0;
    border-top: 0;
    font-weight: var(--font-weight-bold);
    color: var(--color-brand-primary-01);
    background-color: var(--color-surface-primary);
}

.support_nav .dropdown-menu {
    padding: var(--spacing-03) 0;
}

.support_more+.read_more-btn {
    font-size: var(--font-size-100);
    font-weight: var(--font-weight-reg);
    padding: 0;
    line-height: var(--font-line-height-06);
    color: var(--black);
}

.support_more+.read_more-btn:focus,
.support_more+.read_more-btn:hover {
    color: var(--primary);
    text-decoration: underline;
}

.support_more .check_read-inner {
    padding: 0;
    list-style-type: none;
}

@media (min-width: 576px) {

    .support-center__navigation {
        grid-template-columns: repeat(2, 1fr);
    }

    .inpagenav .support_nav {
        margin-left: -6px;
        margin-right: -6px;
    }

    .support_nav li {
        padding: var(--spacing-06) 18px;
    }
}

@media (min-width: 768px) {

    .support-center__location-wrapper:first-of-type {
        margin-bottom: 0;
    }

    .inpagenav .support_nav {
        margin-left: -12px;
        margin-right: -12px;
    }

    .support_nav li {
        padding: var(--spacing-06);
    }
}

@media (min-width: 992px) {

    .support-center__quick-nav-wrapper {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-column-gap: var(--spacing-06);
        grid-row-gap: var(--spacing-06);
    }

    .support-center__navigation {
        grid-template-columns: repeat(3, 1fr);
    }

    .support-center__header.has-border{
        margin-bottom: var(--spacing-10);
    }

    .side_nav-contain {
        padding-left: var(--spacing-10);
        border-left: var(--border-weight-01) solid var(--color-border-primary);
    }

    .support_contain .row {
        justify-content: space-between;
    }

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

@media (min-width: 1200px) {

    .support-center__wrapper {
        padding: 0 var(--spacing-06);
    }

    .support-center__navigation {
        grid-template-columns: repeat(4, 1fr);
    }

    .support_nav li {
        border: none;
    }
}

@media (min-width: 1448px) {

    .side_nav {
        max-width: 283px;
    }

    .side_nav-contain {
        padding-left: var(--spacing-10);
        border-left: var(--border-weight-01) solid var(--gray-100);
    }
}

/* LEGACY CUSTOMER SERVICE CSS (REMOVE WHEN ALL LEGACY MARKUP IS ELIMINATED) */
.cust_service-header-nav {
    padding-top: var(--spacing-06);
}

.cust_service .list-group-standard .list-group-collapse>div {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1200px) {

    .cust_service-header-nav,
    .catheader.account-header {
        padding-left: var(--spacing-06);
        padding-right: var(--spacing-06);
    }
}

.cust_service-container,
.restrict_width-container {
    max-width: 700px;
    margin: auto;
}

.cust_service-container.is-wide {
    max-width: 992px;
}

.cust_service>h1:first-child {
    margin-top: var(--spacing-10);
}

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

.cust_service-heading {
    text-align: center;
}

.cust_service-heading.sizing_header {
    margin-top: var(--spacing-06);
}

.cust_service-return_address {
    padding-left: var(--spacing-06);
    font-style: italic;
}

.cust_service-return_btn {
    max-width: 189px;
    margin: 0 auto var(--spacing-10);
}

.cust_service-transit_map {
    padding: var(--spacing-10) 0;
    text-align: center;
}

.cust_service-transit_map-btn {
    max-width: 189px;
    margin: 0 auto;
}