/*=============================================================================
  ICONS CSS

  * CSS for all site icons
  * Contains legacy icon CSS that still needs to be updated/removed
=============================================================================*/

/* BASE ICON STYLE */
.icon {
    display: block;
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    padding: var(--icon-size-md) 0 0;
    background-size: var(--icon-size-md);
    background-position: var(--icon-position-md-black);
    overflow: hidden;
    text-indent: -9999px;
}

/* Legacy Icon States (Remove When CSS Cleanup Is Finished) */
.icon.is-black {
    background-position: 0 0;
}

.icon.is-grey {
    background-position-y: -24px;
}

.icon.is-white {
    background-position-y: -48px;
}

.icon.is-sm {
    width: 16px;
    padding-top: 16px;
    background-size: 16px 48px;
}

.icon.is-sm.is-grey {
    background-position: 0 -16px;
}

.icon.is-sm.is-white {
    background-position: 0 -32px;
}

.icon.is-lg {
    width: 32px;
    padding-top: 32px;
    background-size: 32px;
}

.icon.is-list {
    width: 36px;
    margin: 6px 0;
    padding: 36px 0 0;
    background-size: 36px 108px;
}
/* END Legacy Icon States --------------------------------- */

/* SITE LOGO */
.icon-logo {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/logos/TAC-logo-horizontal.svg');
    background-size: 32px 32px;
    background-position: 0 0;
    width: 32px;
    padding: 32px 0 0;
}

/* (Sticky Header Logo) */
.sticky-header-logo .icon-logo,
.l-footer-copy-inner .icon-logo {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/logos/TAC-logo-horizontal.svg');
    background-size: 40px 40px;
    background-position: 0 0;
    width: 40px;
    padding-top: 40px;
}

/* (Inline Logo For Checkout Pages) */
.icon-inline {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/logos/TAC-logo-horizontal.svg');
    background-size: 249px 72px;
    background-position: 0 0;
    width: 249px;
    padding: 72px 0 0;
}

@media screen and (max-width: 1199px) {

    .icon-inline {
        background-image: url('https://img.tacklewarehouse.com/graphics-resizer/logos/TAC-logo-horizontal.svg');
        background-size: 175px 40px;
        width: 175px;
        padding-top: 40px;
    }
}

@media screen and (min-width: 1200px) {

    .icon-inline {
        width: auto;
        padding-top: 64px;
        padding-left: 300px;
        background-size: 300px 64px;
    }
}

/* ICON SIZES */
.icon-xs {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    padding: var(--icon-size-xs) 0 0;
    background-size: var(--icon-size-xs);
}

.icon-sm {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
    padding: var(--icon-size-sm) 0 0;
    background-size: var(--icon-size-sm);
}

.icon-md {
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    padding: var(--icon-size-md) 0 0;
    background-size: var(--icon-size-md);
}

.icon-lg {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
    padding: var(--icon-size-lg) 0 0;
    background-size: var(--icon-size-lg);
}

.icon-xl {
    width: var(--icon-size-xl);
    height: var(--icon-size-xl);
    padding: var(--icon-size-xl) 0 0;
    background-size: var(--icon-size-xl);
}

/* ICON POSITIONS (COLOR) */
.icon-xs-black {
    background-position: var(--icon-position-xs-black);
}

.icon-sm-black {
    background-position: var(--icon-position-sm-black);
}

.icon-md-black {
    background-position: var(--icon-position-md-black);
}

.icon-lg-black {
    background-position: var(--icon-position-lg-black);
}

.icon-xl-black {
    background-position: var(--icon-position-xl-black);
}

.icon-xs-white {
    background-position: var(--icon-position-xs-white);
}

.icon-sm-white {
    background-position: var(--icon-position-sm-white);
}

.icon-md-white {
    background-position: var(--icon-position-md-white);
}

.icon-lg-white {
    background-position: var(--icon-position-lg-white);
}

.icon-xl-white {
    background-position: var(--icon-position-xl-white);
}

.icon-xs-gray {
    background-position: var(--icon-position-xs-gray);
}

.icon-sm-gray {
    background-position: var(--icon-position-sm-gray);
}

.icon-md-gray {
    background-position: var(--icon-position-md-gray);
}

.icon-lg-gray {
    background-position: var(--icon-position-lg-gray);
}

.icon-xl-gray {
    background-position: var(--icon-position-xl-gray);
}

.icon-xs-color {
    background-position: var(--icon-position-xs-color);
}

.icon-sm-color {
    background-position: var(--icon-position-sm-color);
}

.icon-md-color {
    background-position: var(--icon-position-md-color);
}

.icon-lg-color {
    background-position: var(--icon-position-lg-color);
}

.icon-xl-color {
    background-position: var(--icon-position-xl-color);
}

/* ARROW ICONS */
/* LEGACY ARROW ICON AND STATES - REMOVE WHEN SITE IS COMPLETELY FINISHED */
.icon-arrow {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/arrows.svg');
    background-size: 12px 144px;
    width: 12px;
    padding: 12px 0 0;
}

.icon-social.is-black {
    background-position-y: -40px;
}

.icon-social.is-grey {
    background-position-y: -80px;
}

.icon-social.is-white {
    background-position-y: -120px;
}

.icon-arrow-up.is-grey {
    background-position: 0 -48px;
}

.icon-arrow-down.is-grey {
    background-position: 0 -60px;
}

.icon-arrow-left.is-grey {
    background-position: 0 -72px;
}

.icon-arrow-right.is-grey {
    background-position: 0 -84px;
}

.icon-arrow-up.is-white {
    background-position: 0 -96px;
}

.icon-arrow-down.is-white {
    background-position: 0 -108px;
}

.icon-arrow-left.is-white {
    background-position: 0 -120px;
}

.icon-arrow-right.is-white {
    background-position: 0 -132px;
}

.collapsed:not(.custom-icon) .icon-arrow-up.is-white {
    background-position: 0 -108px;
}

.icon-arrow.is-lg {
    width: 16px;
    padding-top: 16px;
    background-size: 16px 192px;
}

.icon-arrow-down.is-lg {
    background-position: 0 -16px;
}

.icon-arrow-left.is-lg {
    background-position: 0 -32px;
}

.icon-arrow-right.is-lg {
    background-position: 0 -48px;
}

.icon-arrow-up.is-lg.is-grey {
    background-position: 0 -64px;
}

.icon-arrow-down.is-lg.is-grey {
    background-position: 0 -80px;
}

.icon-arrow-left.is-lg.is-grey {
    background-position: 0 -96px;
}

.icon-arrow-right.is-lg.is-grey {
    background-position: 0 -112px;
}

.icon-arrow-up.is-lg.is-white {
    background-position: 0 -128px;
}

.icon-arrow-down.is-lg.is-white {
    background-position: 0 -144px;
}

.icon-arrow-left.is-lg.is-white {
    background-position: 0 -160px;
}

.icon-arrow-right.is-lg.is-white {
    background-position: 0 -176px;
}

.collapsed:not(.custom-icon) .icon-arrow-up.is-lg.is-white {
    background-position: 0 -144px;
}

.icon-afterpay.is-lg {
    width: 100px;
    padding-top: 19px;
    background-size: 100px 39px;
}

.icon-arrow.is-xl {
    width: 24px;
    padding-top: 24px;
    background-size: 24px 288px;
}

.icon-arrow-down.is-xl {
    background-position: 0 -24px;
}

.icon-arrow-left.is-xl {
    background-position: 0 -48px;
}

.icon-arrow-right.is-xl {
    background-position: 0 -72px;
}
/* END LEGACY ARROW ICON */

.icon-arrow-up {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-arrow-up.svg');
}

.icon-arrow-down,
.collapsed .icon-arrow-up {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-arrow-down.svg');
}

.icon-arrow-left {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-arrow-left.svg');
}

.icon-arrow-right {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-arrow-right.svg');
}

/* ACCOUNT ICON */
.icon-account {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-account-inactive.svg');
}

.icon-account.is-active {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-account-active.svg');
}

/* SOCIAL ICONS */
/* LEGACY SOCIAL ICONS - REMOVE WHEN SITE IS COMPLETED */
.icon-social {
    background-size: 360px 160px;
    width: 40px;
    padding: 40px 0 0;
}

.icon-social.is-black {
    background-position-y: -40px;
}

.icon-social.is-grey {
    background-position-y: -80px;
}

.icon-social.is-white {
    background-position-y: -120px;
}
/* END LEGACY SOCIAL ICONS */

.icon-social-facebook {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-facebook.svg");
}

.icon-social-twitter {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-x.svg");
}

.icon-social-instagram {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-instagram.svg");
}

.icon-social-youtube {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-youtube.svg");
}

.icon-social-blog {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-blog.svg");
}

.icon-social-pod {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-podcast.svg");
}

.icon-social-pinterest {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-pintrest.svg");
}

.icon-social-tiktok {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-tiktok.svg");
}

.icon-social-message {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-message.svg");
}

.icon-social-strave {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/social-strave.svg");
}

/* SITE ICONS */
.icon-360 {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-360.svg");
}

.icon-airplane {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/airplane.svg");
}

.icon-bonus {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/bonus.svg");
}

.icon-brands {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-list.svg");
}

/* Temporary until we determine whether we need this icon or not */
.icon-calendar {
    background-image: url("https://img.tacklewarehouse.com/img/calendar.svg");
    background-size: 24px 24px;
}

.icon-career {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/briefcase.svg");
}

.icon-cart {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-cart.svg');
}

.icon-cash,
.icon-price {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/cash.svg");
}

.icon-check {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-check.svg");
}

/* Temporary until .is-sm can be replaced in markup and JS by icon-sm */
.icon-check.is-sm {
    background-size: 16px 16px;
}

.icon-check_success {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-success.svg");
}

.icon-clearance {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tag-clearance.svg");
}

.icon-cloud {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/overnight.svg");
}

.icon-compare {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-compare.svg");
}

.icon-copy {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-copy.svg");
}

/* Temporary until the icon can be updated by Webb */
.icon-currency {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/currency.svg');
    background-size: 48px 72px;
}

/* Temporary until the icon can be updated by Webb */
.icon-currency.is-solid {
    background-position: -24px 0;
}

/* Temporary until .is-lg can be replaced in markup and JS by icon-lg */
.icon-currency.is-lg {
    background-size: 64px 96px;
}

/* Temporary until .is-lg can be replaced in markup and JS by icon-lg */
.icon-currency.is-lg.is-solid {
    background-position: -32px 0;
}

.icon-custom {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/custom.svg");
}

/* Temporary until .is-xl can be replaced in markup and JS by icon-xl */
.icon-custom.is-xl {
    width: 64px;
    padding-top: 64px;
    background-size: 64px 192px;
}

.icon-edit {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-edit.svg");
}

.icon-email {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/email-back.svg");
}

.icon-exclusive {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/exclusive.svg');
}

.icon-filter {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-filter.svg");
}

.icon-guarantee {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/shield-check.svg");
}

.icon-gift {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/gift-card.svg");
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-gift.is-xl {
    width: 80px;
    padding-top: 80px;
    background-size: 80px 240px;
}

.icon-gift-box {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/site/icons/gift-box.svg");
}

.icon-globe {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer//icons/globe.svg");
}

.icon-grid {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-view-grid.svg');
    background-position: 0 -24px;
}

.icon-help {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-help.svg");
}

.icon-home {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-home.svg");
}

.icon-howto {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/how-to.svg");
}

.icon-learning {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/book.svg");
}

.icon-list {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-view-list.svg");
}

.icon-live_chat {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/livechat.svg");
}

.icon-location {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/location.svg");
}

.icon-logout {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-logout.svg");
}

.icon-menu {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-menu.svg');
}

.icon-message {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-message-board.svg");
}

.icon-minus {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-minus.svg");
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-minus.is-xs {
    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);
}

.icon-model {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/measurements.svg");
}

.icon-more {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-more.svg");
}

.icon-new {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/plus.svg");
}

.icon-notify {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-notify.svg");
}

.icon-orders {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/doc-orders.svg");
}

.icon-pause {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/site/icons/pause.svg");
}

.icon-pdf {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/doc-pdf.svg");
}

.icon-phone {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/phone.svg');
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-phone.is-xs {
    width: 19px;
    padding-top: 19px;
    background-size: 19px 57px;
}

/* Temporary until .is-xs and is-grey can be replaced in markup and JS by icon-xs and icon-xs-gray */
.icon-phone.is-xs.is-grey {
    background-position: 0 -19px;
}

/* Temporary until .is-xs and is-white can be replaced in markup and JS by icon-xs and icon-xs-white */
.icon-phone.is-xs.is-white {
    background-position: 0 -38px;
}

.icon-play {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/site/icons/play.svg");
}

.icon-plus {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-plus.svg");
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-plus.is-xs {
    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);
}

.icon-podcast {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/podcast.svg");
}

.icon-privacy {
    background-image: url('https://img.tacklewarehouse.com/framework/privacy.svg');
}

.icon-pro {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/site/icons/spotlight.svg");
}

.icon-prospot {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/pro-spot.svg");
}

.icon-promo {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/percent.svg");
}

/* Temporary until .is-xl can be replaced in markup and JS by icon-xl */
.icon-promo.is-xl {
    width: 48px;
    padding-top: 48px;
    background-size: 48px 144px;
}

.icon-refresh {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-refresh.svg");
}

.icon-returns {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/returns.svg");
}

.icon-review {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/clipboard.svg");
}

.icon-search {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-search.svg');
}

.icon-service {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/service.svg");
}

/* Temporary until .is-xl can be replaced in markup and JS by icon-xl */
.icon-service.is-xl {
    width: 48px;
    padding-top: 48px;
    background-size: 48px 144px;
}

.icon-settings {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-gear.svg");
}

.icon-share {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-share.svg");
}

.icon-shipping {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/truck.svg");
}

.icon-shoe {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/shoe.svg");
}

.icon-size {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ruler.svg");
}

.icon-sort {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-sort.svg");
}

/* Used for performance chart - Not needed for Tackle */
.icon-stability {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/site/icons/stability.svg');
}

.icon-support {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/support.svg");
}

.icon-sustain {
    background-image: url("https://img.tacklewarehouse.com.au/mobile/2019/icons/leaf.svg");
}

.icon-tagline {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-view-list.svg');
}

.icon-tagline {
    background-position: 0 -24px;
}

.icon-team {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/team.svg");
}

.icon-tip {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tip.svg");
}

.icon-tracking {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tracking.svg");
}

.icon-trash {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-trash.svg');
}

.icon-trophy {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/trophy.svg");
}

.icon-twexclusive {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/exclusive.svg');
    background-position: 0 -48px;
}

.icon-used {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/used.svg");
}

.icon-UV {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/sun.svg");
}

.icon-vip {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/VIP.svg");
}

/* Temporary until .is-xl can be replaced in markup and JS by icon-xl */
.icon-vip.is-xl {
    width: 48px;
    padding-top: 48px;
    background-size: 48px 144px;
}

.icon-visibility {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-visible-false.svg");
    width: var(--icon-size-md);
    height: var(--icon-size-md);
    padding: var(--icon-size-md) 0 0;
    background-size: var(--icon-size-md);
    background-position: var(--icon-position-md-gray);
}

.icon-visibility.is-visible {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-visible-true.svg");
    background-position: var(--icon-position-md-black);
}

.icon-vlog {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/folder-video.svg");
}

.icon-warning {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/warning.svg");
}

/* Temporary until .is-xl can be replaced in markup and JS by icon-xl */
.icon-warning.is-xl {
    width: 64px;
    padding-top: 64px;
    background-size: 64px 192px;
}

.icon-wish_list {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-wishlist.svg');
}

/* Temporary until icon-xl class can be placed in the markup, PHP, and JS files */
.icon-wish_success {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-wishlist.svg");
    width: var(--icon-size-xl);
    height: var(--icon-size-xl);
    padding: var(--icon-size-xl) 0 0;
    background-size: var(--icon-size-xl);
    background-position: var(--icon-position-xl-black);
    /* Old Setitngs: background-size: 66px 66px; width: 66px; padding-top: 66px; */
}

.icon-x {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/ui-close.svg');
}

/* Temporary until .is-xs can be replaced in markup and JS by icon-xs */
.icon-x.is-xs {
    width: var(--icon-size-xs);
    height: var(--icon-size-xs);
    padding: var(--icon-size-xs) 0 0;
    background-size: var(--icon-size-xs);
}

.icon-zoom {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ui-zoom-in.svg");
}

/* ICast Icons */
.icon-BIS2024 {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/BIS2024.svg');
}

.icon-ICBSRED {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/ICBSRED.svg");
}

.icon-VCA2024 {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/VCA2024.svg');
}

.icon-VCRED {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/VCRED.svg");
}


/* Afterpay Logo */
.icon-afterpay {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/logos/afterpay-text-update.svg");
    background-size: 73px 38px;
    width: 73px;
    /*padding-top: 14px;*/
}

/* Temporary until .is-lg can be replaced in markup and JS by icon-lg */
.icon-afterpay.is-lg {
    width: 100px;
    padding-top: 19px;
    background-size: 100px 39px;
}

/* Afterpay Icon */
.icon-ap_icon {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/payment-afterpay.svg");
}

/* Venmo Icon */
/* Settings may be temporary based on Webb's recommendation */
.venmo_icon {
    background-image: url('https://img.tacklewarehouse.com/graphics-resizer/icons/venmo-logo-blue.svg');
    background-size: 80px 20px;
    width: 80px;
    margin: 2px 0;
    padding: 20px 0 0;
}

/* STAR REVIEW ICONS */
.stars-container>.star-rating {
    width: 80px;
    height: 16px;
    background-size: 80px 16px;
}

.stars-container.is-med>.star-rating {
    width: 120px;
    height: 24px;
    background-size: 120px 24px;
}

.stars-container.is-large>.star-rating {
    width: 160px;
    height: 32px;
    background-size: 160px 32px;
}

.stars-container.is-xlarge>.star-rating {
    width: 200px;
    height: 40px;
    background-size: 200px 40px;
}

.five-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-5star.svg");
}

.four-half-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-4.5star.svg");
}

.four-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-4star.svg");
}

.three-half-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-3.5star.svg");
}

.three-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-3star.svg");
}

.two-half-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-2.5star.svg");
}

.two-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-2star.svg");
}

.one-half-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-1.5star.svg");
}

.one-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-1star.svg");
}

.half-stars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-.5star.svg");
}

.nostars {
    background-image: url("https://img.tacklewarehouse.com/graphics-resizer/icons/tackle-nostar.svg");
}