/*=============================================================================
  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.runningwarehouse.com/graphics-resizer/logos/RW-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.runningwarehouse.com/graphics-resizer/logos/RW-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.runningwarehouse.com/graphics-resizer/logos/RW-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.runningwarehouse.com/graphics-resizer/logos/RW-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: 234px;
        background-size: 234px 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.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/ui-arrow-up.svg');
}

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

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

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

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

.icon-account.is-active {
    background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/menu-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.runningwarehouse.com/graphics-resizer/icons/social-facebook.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*RED TEXT ICONS */
/* Sustainability Icon */
.icon-sustain { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/sustainability.svg"); }

/* Top Pick Icon */
.icon-top-pick { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/top-pick.svg"); }


/* Temporary until we determine whether we need this icon or not */
.icon-preview {
    background-image: url("https://img.runningwarehouse.com/graphics-resizer/icons/calendar.svg");
}

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

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

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

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

/* Color Wheel Icon */
.icon-color {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/ui-colors.svg'); background-size: 24px 24px;
}

/* 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.runningwarehouse.com/graphics-resizer/icons/ui-success.svg");
}

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

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

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

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

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

.icon-custom {
    background-image: url("https://img.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/ui-edit.svg");
}

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

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

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

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

.icon-gift {
    background-image: url("https://img.runningwarehouse.com/graphics-resizer/icons/menu-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.runningwarehouse.com/graphics-resizer/icons/gift-box.svg");
}

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

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

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

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

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

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

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

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

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

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

.icon-logout {
    background-image: url("https://img.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/ui-message-board.svg");
}

.icon-minus {
    background-image: url("https://img.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/measurements.svg");
}

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

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

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

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

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

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

.icon-phone {
    background-image: url('https://img.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/play.svg");
}

.icon-plus {
    background-image: url("https://img.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/menu-podcast.svg");
}

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

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

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

.icon-promo {
    background-image: url("https://img.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/ui-refresh.svg");
}

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

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

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

.icon-service {
    background-image: url("https://img.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/ui-gear.svg");
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-tip { 
	background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/lightbulb.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.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/ui-visible-true.svg");
    background-position: var(--icon-position-md-black);
}

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

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

.icon-warning {
    background-image: url("https://img.runningwarehouse.com/graphics-resizer/icons/ui-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.runningwarehouse.com/graphics-resizer/icons/menu-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.runningwarehouse.com/graphics-resizer/icons/menu-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.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/ui-zoom-in.svg");
}

/* Running Icons */

/* Features */
/* 2-in-1 Icon */
.icon-2in1,
.icon-MR2IN1,
.icon-W2N1S {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-2in1.svg'); 
}

/* Ankle Zipper Icon */
.icon-anklezip,
.icon-MANKLEZIP,
.icon-WANKLEZIP {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-anklezip.svg'); 
}

/* Built-in Bra Icon */
.icon-builtinbra,
.icon-WAPBIB {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-bra.svg'); 
}

/* Clothing with Compression Icon */
.icon-compression,
.icon-MRAMUSCLE,
.icon-WRAMUSCLE {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-compression.svg');
}

/* Full Zip Top Icon */
.icon-fullzip,
.icon-MFULLZ,
.icon-WAFZIP {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-fullzip.svg');
}

/* Half Zip Top Icon */
.icon-halfzip,
.icon-MHALFZ,
.icon-WAHALF {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-halfzip.svg');
}

/* High Visibility Clothing Icon */
.icon-hivis,
.icon-MAPHIVIS,
.icon-WAPHIVIS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-hivis.svg');
}

/* Tops with Hoods Icon */
.icon-hoody,
.icon-MAPHOOD,
.icon-WAPHOOD {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-hoody.svg');
}

/* Fold-Over Mitt Icon */
.icon-mitts,
.icon-MAPMITT,
.icon-WAPMITT {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-mitts.svg');
}

/* Packable Clothing Icon */
.icon-packable,
.icon-MPACKA,
.icon-WPACKA {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-packable.svg');
}

/* Racerback Icon */
.icon-racerback,
.icon-WAPTWRB {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-racerback.svg');
}

/* Split Leg Shorts Icon */
.icon-splitshort,
.icon-MRASPLIT,
.icon-WRASPLIT {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-splitshort.svg');
}

/* Tempo Icon */
.icon-tempo,
.icon-MSBFUPR,
.icon-MTSBFUPR,
.icon-WTSBFUPR,
.icon-WSBFUPR {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-tempo.svg');
}

/* Thumbholes Icon */
.icon-thumbholes,
.icon-MAPTHUMB,
.icon-WAPTHUMB {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-thumbholes.svg');
}

/* UPF Clothing Icon */
.icon-upf,
.icon-MAPUPF,
.icon-WAPUPF {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-UPF.svg');
}

/* Tops with Watch Window Icon */
.icon-fullzip,
.icon-MRAWWIND,
.icon-WRAWWIND {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-watch.svg');
}

/* Sustainable Material Icon */
.icon-sustainable,
.icon-SUSTAINMC,
.icon-SUSTAINWC { background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/feature-sustainable.svg'); }

/* Best Use */
/* Performance Char. Icons */
/* Repeat Icon */
.icon-allaround,
.icon-MSHEDM,
.icon-MTSHEDM,
.icon-WTSHEDM,
.icon-WSHEDM {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-all.svg');
}

/* Cloud Icon */
.icon-cloud,
.icon-MSBFREC,
.icon-MTSBFREC,
.icon-WTSBFREC,
.icon-WSBFREC { 
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-cushion.svg'); 
}

/* Light Shoe Icon */
.icon-casualshoe,
.icon-MSBFCW,
.icon-WSBFCW {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-casual.svg');
}

/* Glide Icon */
.icon-glide,
.icon-MGLIDEMV,
.icon-WGMS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/glide.svg');
}

/* Weight Icon */
.icon-weight,
.icon-MSBFGW,
.icon-WSBFGW {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-gym.svg');
}

/* Hiking Icon */
.icon-hiking,
.icon-MBUHIKE,
.icon-MTSHIKE,
.icon-WTSHIKE,
.icon-WBUHIKE {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-hiking.svg');
}

/* Javelin Icon */
.icon-javelin,
.icon-MJAVSHOE,
.icon-WJVS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-javelin.svg');
}

/* High Jump Icon */
.icon-highjump,
.icon-MHJS,
.icon-WHJS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-jump.svg');
}

/* Runner Icon */
.icon-runner,
.icon-MCD310,
.icon-WCD310 {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-longdis.svg');
}

/* Long Hurdle Icon */
.icon-longhurdle,
.icon-MLGHRDL,
.icon-WLHS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-longhurd.svg');
}

/* Long Jump Icon */
.icon-longjump,
.icon-MLJS,
.icon-WLJS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-longjump.svg');
}

/* MidDistance Icon */
.icon-middistance,
.icon-MCMD80015,
.icon-WCMD80015 {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-mid.svg');
}

/* Pole Valut Icon */
.icon-valut,
.icon-MPVS,
.icon-WPVS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-pole.svg');
}

/* Racing Icon */
.icon-racing,
.icon-MSBFRAC,
.icon-MTSBFRAC,
.icon-WTSBFRAC,
.icon-WSBFRAC {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-racing.svg');
}

/* Rotation Icon */
.icon-rotation,
.icon-MROTMOVE,
.icon-WROTMVS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-rotational.svg');
}

/* Short Hurdle Icon */
.icon-shorthurdle,
.icon-MSHHRD,
.icon-WSHS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-shorthurd.svg');
}

/* Shotput Icon */
.icon-shotput,
.icon-MSPDISSH,
.icon-WSPDISSH {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-shotput.svg');
}

/* Sprinter Icon */
.icon-sprint,
.icon-MCS100400,
.icon-WCS100400 {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-sprint.svg');
}

/* Steeple Icon */
.icon-steeple,
.icon-MSTEEPLE,
.icon-WSCS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-steeple.svg');
}

/* Triple Jump Icon */
.icon-tripjump,
.icon-MTJS,
.icon-WTJS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-tripjump.svg');
}

/* Walking Icon */
.icon-walking,
.icon-MBUWALK,
.icon-WBUWALK {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-walking.svg');
}

/* XC Icon */
.icon-XC,
.icon-MCCSH,
.icon-WCCSH {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/use-XC.svg');
}

/* Surface Icons */
/* Asphalt Icon */
.icon-asphalt,
.icon-MASPHALT,
.icon-WASPHALT {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-asphalt.svg');
}

/* Dirt Icon */
.icon-dirt,
.icon-MDIRT,
.icon-WDIRTAP {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-dirt.svg');
}

/* Grass Icon */
.icon-grass,
.icon-MGRASS,
.icon-WGRASS {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-grass.svg');
}

/* Mud Icon */
.icon-mud,
.icon-MTSSMT,
.icon-WTSSMT {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-mud.svg');
}

/* Pavement Icon */
.icon-pavement {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-pavement.svg');
}

/* Road Icon */
.icon-road,
.icon-MRDSH,
.icon-WRDSH {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-road.svg');
}

/* Mountain Icon */
.icon-rocky,
.icon-MTSRTT,
.icon-WTSRTT {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-rocky.svg');
}

/* Snowflake Icon */
.icon-snow,
.icon-MTSSIT,
.icon-WTSSIT {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-snow.svg');
}

/* Smooth Trail Icon */
.icon-smooth,
.icon-MTSSTF,
.icon-WTSSTF {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-trail.svg');
}

/* Rubber Icon */
.icon-rubber,
.icon-MRUBBER,
.icon-WRUBBER {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/surface-rubber.svg');
}

/* Heart Rate Monitor Icon */
.icon-heartrate { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-heartrate.svg"); }

/* Music Storage Icon */
.icon-music { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-music.svg"); }

/* Solar Power Icon */
.icon-solar { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-solar.svg"); }

/* Maps & Navigation Icon */
.icon-maps { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-maps.svg"); }

/* Triathlon Tracking Icon */
.icon-triathlon { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-triathlon.svg"); }

/* Advanced Training Features Icon */
.icon-training-advanced { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-training.svg"); }

/* Barometric Altimeter Icon */
.icon-altimeter { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-altimeter.svg"); }

/* Swim Tracking Icon */
.icon-swimtrack { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-swimtrack.svg"); }

/* Headwear with high Visibility Icon */
.icon-hat-hivis { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-hat-hivis.svg"); }

/* Waterproof Hats Icon */
.icon-hat-water { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-hat-water.svg"); }

/* Headwear with UPF/UV Protection Icon */
.icon-hat-UPF { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-hat-UPF.svg"); }

/* Weather Resistant & Waterproof Gloves Icon */
.icon-glove-waterresist { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-glove-waterresist.svg"); }

/* Touchscreen Icon */
.icon-touch { background-image:url("https://img.runningwarehouse.com/graphics-resizer/icons/feature-touch.svg"); }

/* Menu Icons */
/* Culture Icon */
.icon-culture { 
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/menu-culture.svg');
}

 /* Athlete Stories Icon */
.icon-stories {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/stories.svg');
}

/* Training Icon */
.icon-training {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/menu-training.svg');
}

/* Best Icon */
.icon-best {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/best.svg');
}

/* Designer Icon */
.icon-designer {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/designer.svg');
}

/* First Looks Icon */
.icon-firstlooks {
	background-image: url('https://img.runningwarehouse.com/graphics-resizer/icons/firstlooks.svg');
}

/* Sparkles Icon */
.icon-sparkles {
	background-image:url("https://img.tennis-warehouse.com/graphics-resizer/icons/sparkles.svg");
}


/* Afterpay Logo */
.icon-afterpay {
    background-image: url("https://img.runningwarehouse.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.runningwarehouse.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.runningwarehouse.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.runningwarehouse.com/graphics-resizer/icons/running-5star.svg");
}

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

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

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

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

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

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

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

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

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

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

/* Descpage Alert Icons */
.alert .icon-info {
	background-image: url("https://img.runningwarehouse.com/graphics-resizer/icons/ui-info.svg");
	background-position-y: -72px;
}

.alert .icon-success {
	background-image: url("https://img.runningwarehouse.com/graphics-resizer/icons/ui-success.svg");
	background-position-y: -72px;
}

.alert .icon-warning {
	background-image: url("https://img.runningwarehouse.com/graphics-resizer/icons/ui-warning.svg");
	background-position-y: -72px;
}

.alert .icon-error {
	background-image: url("https://img.runningwarehouse.com/graphics-resizer/icons/ui-error.svg");
	background-position-y: -72px;
}

.alert .icon-backorder {
	background-image: url("https://img.runningwarehouse.com/graphics-resizer/icons/calendar.svg");
	background-position-y: -72px;
}