/*=============================================================================
  CAT PAGE CSS

  * Contains basic frameswork elements for wrapper, nav bar, and product grid.
=============================================================================*/

/* Wrapper */
.category {
    padding: 0;
}

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

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

}

/* Section Containers */
section.multi_blk,
.multi_blk.category-section {
	padding-bottom: var(--spacing-04);
    max-width: 1200px;
    margin: 0 auto;
}

section.multi_blk,
.multi_blk.category-section .image-rotator.one-slide {
	padding-bottom: var(--spacing-04);
}

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

/* Category Buttons */
.multi_blk-wrap-btn {
    text-align: center;
    padding-bottom: var(--spacing-04);
}

.multi_blk-wrap-btn a {
    display: inline-block;
    color: var(--color-text-primary-dark);
    margin: 0 var(--spacing-02) var(--spacing-04);
}

.multi_blk-wrap-btn .btn-primary {
    color: var(--color-text-primary-light);
}

/* Headers */
.catheader>header {
    position: relative;
}

.catheader.is-imgmain {
    margin: 0 auto;
}

.catheader.is-imgmain span {
    display: block;
    margin-bottom: var(--spacing-02);
    text-transform: uppercase;
}

.catheader.is-main .header-container {
    padding: 0 0 var(--spacing-04);
}

.catheader.is-main .header-container header {
    position: relative;
}

.header-container {
    padding: 0 0 var(--spacing-04);
    box-sizing: content-box;
}

header h1,
header h2,
header h3,
.catheader h1,
.catheader h2,
.catheader h3,
.multi_blk .catheader h3 {
    text-align: center;
    padding: 0 0 var(--spacing-06);
}

.header-container p {
    margin: 0;
    padding-bottom: var(--spacing-06);
}

.header-container p:last-of-type {
    padding-bottom: 0;
}

.header-container img {
    max-width: 100%;
}

.header-container iframe {
    margin: 0 auto var(--spacing-06);
}

.header-container__button-wrapper {
    text-align: center;
    padding-bottom: 0;
}

.header-container__button-wrapper a {
    display: inline-block;
    color: var(--color-text-primary-dark);
    margin: 0 var(--spacing-02) var(--spacing-06);
}

.header-container__button-wrapper a:hover {
    color: var(--color-text-primary-light);
}

.header-container__button-wrapper .btn-primary {
    color: var(--color-text-primary-light);
}

.header-container__content-wrapper {
    max-width: 720px;
    margin: auto;
}

.header-container__content {
    text-align: center;
    font: var(--text-body-md-compact);
    color: var(--color-text-primary-dark);
    padding-bottom: var(--spacing-06);
}

.header-container__content a {
    color: var(--color-text-primary-dark);
	text-decoration: underline;
}

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

.header-container__content table {
    width: 100%;
    margin-bottom: var(--spacing-06);
}

.header-container__content table th,
.header-container__content table td {
    padding: var(--spacing-03);
    vertical-align: top;
    text-align: left;
    border-top: var(--border-weight-01) solid var(--color-border-primary);
}

.header-banner__image-wrapper {
    padding-bottom: var(--spacing-06);
}

.header-banner__image-wrapper h2 {
    padding: 0;
}

.header-banner__image {
    width: 100%;
}

.catheader.is-main .header-container__content-wrapper,
.catreview_btn {
    white-space: normal;
}

.catheader-imgwrap {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 0 var(--spacing-06);
    overflow: hidden;
}

.catheader-imgwrap img {
    position: relative;
    display: block;
    width: 100%;
    min-width: 640px;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.header_container-video {
    display: flex;
    padding-bottom: var(--spacing-06);
}

.header_container-follow-cat {
    display: flex;
    padding-bottom: 0;
}

.catheader_info-review {
    display: inline-flex;
    justify-content: center;
    font: var(--text-body-md);
    color: var(--color-text-primary-dark);
    text-decoration: underline;
}

.header_container-video-link,
.header_container-follow-catlink {
    display: inline-flex;
    margin: 0 auto;
}

.header_container-video-link .header_container-video-name {
    text-decoration: underline;
}

.header_container-follow-catlink {
    margin-bottom: var(--spacing-06);
}

.header_container-video-link:focus .header_container-video-name,
.header_container-video-link:active .header_container-video-name,
.header_container-video-link:hover .header_container-video-name {
	color: var(--color-text-link-hover);
    text-decoration: none;
}

.catheader_info-review:focus,
.catheader_info-review:hover,
.catheader_info-review:visited {
    color: var(--color-text-primary-dark);
}

.catheader_info-review:focus,
.catheader_info-review:hover {
    text-decoration: none;
}

.catheader_info-review span {
    padding-left: var(--spacing-02);
}

.header_container-video-icon {
    margin-right: var(--spacing-02);
    width: var(--icon-size-md);
    padding: var(--icon-size-md) 0 0;
    background-size: var(--icon-size-md);
    background-position: var(--icon-position-md-black);
}

.header_container-video-name {
    font: var(--text-link-lg);
	color: var(--color-text-primary-dark);
    flex: 0 1 auto;
}

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

    .services .catheader h2 {
        max-width: 700px;
        margin: 0 auto;
    }
}

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

    .full-width .catheader-imgwrap+div {
        bottom: var(--spacing-06);
    }

	.header-container__content-wrapper {
		padding: 0;
	}
}

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

    .catheader.is-fullwidth {
        padding: 0 var(--spacing-06);
    }

    .catheader-imgwrap {
        border-radius: var(--border-radius-md);
    }

    .catheader.is-main .header-container header {
        margin: 0;
    }
}

.show-all-results {
    text-align: center;
    padding-bottom: var(--spacing-03);
}

.show-all-results a {
    text-decoration: underline;
    color: var(--color-text-primary-dark);
}

.show-all-results a:hover,
.show-all-results a:active {
    text-decoration: none;
}

.show-all-results a:visited {
    color: var(--color-text-primary-dark);
}

/* Hiding iFrames/Images in Descriptions */
.header-container__content-wrapper img,
.catheader_info_wrap-inner-desc img {
    display: none !important;
}

/* Header Jumplinks */
.jumplinks {
    margin: 0;
}

.jumplinks__container {
    display: inline-block;
    width: 100%;
    padding: 0 0 var(--spacing-03);
    text-align: center;
    font: var(--text-title-md);
    color: var(--color-text-primary-dark);
}

.jumplinks__wrapper {
    display: inline-block;
}

.jumplinks__item {
    padding: var(--spacing-02) var(--spacing-04);
    margin-right: var(--spacing-02);
    border-radius: var(--border-radius-lg);
    color: var(--color-text-primary-dark);
    border: var(--border-weight-01) solid var(--color-border-primary);
    background-color: var(--color-surface-primary);
    text-decoration: none;
    display: inline-block;
    margin-bottom: var(--spacing-03);
    cursor: pointer;
}

.jumplinks__item:not(:last-child) {
    margin-right: var(--spacing-03);
}

.jumplinks__item:last-child {
    margin-right: 0;
}

.jumplinks__item:focus,
.jumplinks__item:hover {
    border: var(--border-weight-01) solid var(--color-border-primary-hover);
    background-color: var(--color-surface-primary);
    color: var(--color-text-primary-dark);
    box-shadow: var(--box-shadow-black);
    text-decoration: none;
}

.jumplinks__item:active {
    background-color: var(--color-surface-primary-inverse);
    border-color: var(--color-border-primary-active);
    color: var(--color-text-primary-light);
}

.jumplinks__item:visited {
    color: var(--color-text-primary-dark);
}

.jumplinks__item:visited:active {
    color: var(--color-text-primary-light);
}

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

    .jumplinks__container {
        display: block;
        max-width: 992px;
        margin: 0 auto;
    }
}

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

    .jumplinks__container {
        overflow-x: inherit;
    }

    .jumplinks__wrapper {
        white-space: inherit;
    }
}

/* Category Dividers */
.category .category-section:not(:last-child):not(.large-banner)::after,
.front_page .category-section:not(:last-child)::after,
.multi_blk.category-section.rotator-block {
    padding-bottom: var(--spacing-06);
}

.has-divider:not(:last-child)::after,
.has-divider.force-border::after {
    content: '';
    display: block;
    height: var(--spacing-02);
    background: var(--color-border-secondary);
    border-collapse: separate;
    transition: height .3s ease-out;
}

.has-divider.full-width:not(:last-child)::after,
.support_section.has-divider::after {
    margin-left: var(--spacing-03-negative);
    margin-right: var(--spacing-03-negative);
}

.category .category-section.catheader_block::after {
    display: none;
}

.category-section .catjump {
    color: inherit;
    text-decoration: none;
}

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

    .has-divider.full-width:not(:last-child)::after,
    .support_section.has-divider::after {
        margin-left: -18px;
        margin-right: -18px;
    }
}

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

    .has-divider.full-width:not(:last-child)::after,
    .support_section.has-divider::after {
        margin-left: var(--spacing-06-negative);
        margin-right: var(--spacing-06-negative);
    }
}

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

    .support_contain .has-divider:not(:last-child)::after,
    .has-divider.force-border::after {
        height: var(--border-weight-01);
    }
}

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

    .category .category-section:not(:last-child):not(.large-banner)::after,
    .front_page .category-section:not(:last-child)::after,
    .has-divider:not(:last-child)::after {
        height: var(--border-weight-01);
        box-shadow: none;
    }

    .has-divider.full-width:not(:last-child)::after,
    .support_section.has-divider::after {
        margin-left: 0;
        margin-right: 0;
    }
}

.front_page .category-section.rotator-block::after {
    content: '';
    height: 0;
}

.front_page .section_block .category-section::after {
    content: '';
    height: 0;
}

.category .category-section.rotator-block::after {
    content: '';
    height: 0;
}

.front_page .section_block .category-section>.multi_blk-wrap {
    padding-bottom: var(--spacing-04);
}

.front_page .category-section::after,
.front_page .category-section:not(:last-child)::after {
    display: none;
}

.category .category-section.multi_blk::after {
    display: none;
}

.category .multi_blk-display .category-section::after {
    display: none !important;
}

/* Category Navigation Bar */
.catnav {
    margin-bottom: var(--spacing-10);
    border-top: var(--border-weight-01) solid var(--color-border-primary);
    background: var(--color-surface-primary);
    margin-top: 0;
    align-items: center;
}

.catnav.no-margin,
.catnav.no-dropdown {
    margin-bottom: 0;
}

.catnav-tagline-sort {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.catnav-tagline-sort .catnav-flex-wrap {
    margin-left: auto;
    padding-right: 0;
}

.catnav-tagline-sort {
    margin-bottom: var(--spacing-03);
}

.category-navigation.no-subs.no-finder.no-taglines {
    border-top: none;
    border-bottom: none;
    padding: 0;
}

.catnav .button-ghost {
    display: flex;
    margin-right: var(--spacing-03);
    align-items: center;
}

.catnav-flex .button-ghost {
    display: flex;
    margin-right: var(--spacing-03);
    align-items: center;
}

.catnav-flex .icon {
    margin-right: 0;
}

.catnav-flex .btn .icon,
.catnav-flex .btn .icon,
.catnav-flex .btn .icon {
    background-position: var(--icon-position-md-black);
}

.catnav-flex .btn:hover .icon,
.catnav-flex .btn:active .icon,
.catnav-flex .btn:focus .icon {
    background-position: var(--icon-position-md-white);
}

.catnav-flex .button-title {
    display: none;
}

.catnav-flex {
    margin-left: auto;
    width: 100%;
}

.catnav-flex-upper {
    padding-top: 0;
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
    background-color: var(--color-surface-primary);
}

.catnav-flex-upper .view-sort-filter {
    padding-top: var(--spacing-03);
    border-top: none;
    padding-bottom: var(--spacing-03);
    justify-content: end;
}

.catnav-flex-upper.no-dropdown {
    display: none;
}

.catnav-flex-upper .category-navigation-toggle {
    display: none;
}

.catnav-flex-upper .category-navigation-sortselection-nav {
    display: none;
}

.catnav-flex-lower {
    padding-bottom: var(--spacing-03);
    padding-left: var(--spacing-03);
    padding-right: var(--spacing-03);
    margin-bottom: var(--spacing-10);
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
}

.catnav-flex-dynamic {
    position: fixed;
    top: 0;
    max-width: 1200px;
    transition: top .45s;
}

.catnav-flex-dynamic.sticky-top.active-header {
    top: 0;
}

.catnav-flex-dynamic .view-sort-filter {
    visibility: visible;
}

.catnav-flex-dynamic .category-navigation-toggle,
.catnav-flex-dynamic .category-navigation-sortselection-nav {
    display: none;
}

.catnav-flex-lower .btn {
    justify-content: center;
    margin-right: 0;
}

.catnav-flex-lower .onebutton .btn {
    width: 100%;
}

.catnav-flex-lower .twobutton .btn {
    width: 50%;
}

.catnav-flex-lower .threebutton .btn {
    width: 33%;
}

.catnav-flex-lower .twobutton .btn:first-of-type {
    margin-right: var(--spacing-03);
}

.catnav-flex-lower .threebutton .btn:first-of-type,
.catnav-flex-lower .threebutton .btn:nth-of-type(2) {
    margin-right: var(--spacing-03);
}

.catnav-flex-lower .onebutton .icon,
.catnav-flex-lower .twobutton .icon {
    margin-right: var(--spacing-02);
}

.catnav-flex-lower .onebutton .button-title,
.catnav-flex-lower .twobutton .button-title {
    display: block;
}

.catnav-flex .icon-grid {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.catnav-flex .icon-grid.is-active {
    background-position: 0 0;
    cursor: default;
    margin-right: var(--spacing-03);
}

.catnav-flex .icon-tagline {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.catnav-flex .icon-tagline.is-active {
    background-position: 0 0;
    cursor: default;
    margin-right: 0;
}

.catnav-flex-wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}

.catnav-flex-wrap button {
    display: inline-block;
    border: 0;
    cursor: pointer;
    margin-bottom: var(--spacing-03);
}

.catnav-filter-button {
    padding-right: var(--spacing-03);
}

.category-navigation-catselection {
    display: inline-block;
    text-decoration: none;
    width: 100%;
    padding-left: var(--spacing-03);
    margin-bottom: 0;
    margin-right: auto;
}

.category-navigation-catselection-nav:visited {
    color: var(--color-text-primary-dark);
}

.category-navigation-sortselection {
    display: inline-block;
    color: var(--color-text-primary-dark);
    text-decoration: none;
    width: 100%;
}

.category-navigation-sortselection {
    padding: 0 var(--spacing-03);
}

#toggle-view .category-navigation-sortselection {
    padding: var(--spacing-03) var(--spacing-03) 0 var(--spacing-03);
    border-top: var(--border-weight-01) solid var(--color-border-primary);
}

.view-sort-filter {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 12px;
    min-height: 58px;
}

.sortnav-dropdown-button i.icon-sort {
    background-position: var(--icon-position-md-black);
    vertical-align: middle;
    display: inline-block;
}

.sortnav-dropdown-button:hover i.icon-sort,
.sortnav-dropdown-button:active i.icon-sort,
.sortnav-dropdown-button:focus i.icon-sort {
	background-position: var(--icon-position-md-white);
}

.catnav.no-margin .category-navigation-filter {
    display: none;
}

.catnav-dropdown-button {
	font: var(--text-body-md-compact);
    display: inline-block;
    width: 100%;
}

.catnav-dropdown-button:hover,
.catnav-dropdown-button:active,
.catnav-dropdown-button:focus {
	color: var(--color-text-primary-dark);
}

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

.category-navigation .dropdown-menu {
	background-color: var(--color-surface-primary);
	border: var(--border-weight-01) solid var(--color-border-primary);
}

.category-navigation .dropdown-item {
    cursor: pointer;
	font: var(--text-body-md-compact);
	color: var(--color-text-primary-dark);
}

.category-navigation .dropdown-item:active,
.category-navigation .dropdown-item:focus,
.category-navigation .dropdown-item:hover {
	background-color: var(--color-bg-secondary);
}

.catnav-toggle-button {
    display: flex;
    align-items: center;
    margin-bottom: var(--spacing-03);
    padding-right: var(--spacing-03);
}

.category-navigation-filter.no-icon::before {
    content: none;
}

.nosubs .category-navigation-filter {
    padding: 0 0 0 var(--spacing-08);
    line-height: var(--font-line-height-06);
    border: 0;
    background-color: var(--white);
    cursor: pointer;
}

.nosubs .category-navigation-filter::before {
    left: 50%;
    margin-left: -32px;
}

.icon-filter {
    margin-right: var(--spacing-02);
}

.category-navigation-filter:hover i.icon-filter {
    background-position: var(--icon-position-md-white);
}

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

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

    .catnav {
        margin-bottom: var(--spacing-10);
    }

    .catnav.no-margin,
    .catnav.no-dropdown {
        margin-bottom: var(--spacing-10);
    }

    .view-sort-filter {
        border-top: none;
        padding-top: 0;
        justify-content: end;
    }

    .catnav.no-margin .category-navigation-filter {
        display: flex;
    }

    .catnav-flex-upper {
        border-bottom: var(--border-weight-01) solid var(--color-border-primary);
        padding-bottom: 0;
        padding-top: 0;
    }

    .catnav-flex-upper .category-navigation-toggle {
        display: flex;
    }

    .catnav-flex-upper .category-navigation-sortselection-nav {
        display: flex;
    }

    .catnav-flex-upper .category-navigation-filter {
        display: flex;
    }

    .catnav-flex-upper .view-sort-filter {
        padding-top: var(--spacing-03);
        padding-right: 0;
    }

    .catnav-flex-upper.no-dropdown {
        display: block;
    }

    .catnav-flex-dynamic .category-navigation-toggle,
    .catnav-flex-dynamic .category-navigation-sortselection-nav {
        display: flex;
    }

    .catnav-flex-lower {
        display: none;
    }

    .catnav-flex .button-title {
        display: block;
    }

    .catnav-flex .icon {
        margin-right: var(--spacing-02);
    }
}

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

    .catnav-flex .button-ghost:last-of-type {
        margin-right: 0;
    }

    .catnav-filter-button {
        padding-right: 0;
    }

    .category-navigation-catselection {
        padding-left: 0;
    }
}

/* Cattable & Catcell */
.multi_blk.category-section .cattable {
	padding-bottom: var(--spacing-06);
}

.cattable {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}

.cattable-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: var(--spacing-03-negative);
    margin-left: var(--spacing-03-negative);
}

.cattable:not(.multi_blk-wrap) .cattable-wrap {
    margin-bottom: var(--spacing-10);
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
}

.cattable:not(.multi_blk-wrap) .cattable-wrap.no-border {
    border-bottom: none;
}

.cattable.multi_blk .cattable-wrap {
    padding-bottom: var(--spacing-04);
}

.cattable .cattable-wrap-cell {
    position: relative;
    flex: 0 0 50%;
    width: 100%;
    max-width: 50%;
    margin-top: 0;
    padding-left: var(--spacing-03);
    padding-right: var(--spacing-03);
    padding-bottom: var(--spacing-10);
}

/* Standard Image View */
.cattable .cattable-wrap-cell-imgwrap {
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding: 0;
}

.cattable .cattable-wrap-cell:not(.adblock) .cattable-wrap-cell-imgwrap {
    margin: auto;
}

.cattable .cattable-wrap-cell-imgwrap-inner {
    margin-bottom: var(--spacing-04);
}

/* Tagline Image View */
.cattable.has-taglines .cattable-wrap-cell {
    flex: 0 0 100%;
    max-width: 100%;
}

.cattable.has-taglines .cattable-wrap-cell-tagline {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

.cattable.has-taglines .cattable-wrap-cell-tagline_img,
.cattable .cattable-wrap-cell-tagline_info {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.cattable.has-taglines .cattable-wrap-cell-tagline_img.is-rod {
    flex: 0 0 33.33334%;
    max-width: 33.33334%;
}

.cattable.has-taglines .cattable-wrap-cell-imgwrap-inner.is-apparel img {
    top: 0;
}

.cattable.has-taglines .cattable-wrap-cell-tagline_info.is-rod {
    flex: 0 0 100%;
    max-width: 100%;
}

.cattable.has-taglines .cattable-wrap-cell-imgwrap {
    max-width: 100%;
}

/* Catcell Info Area */
.cattable .cattable-wrap-cell-info {
	color: var(--color-text-primary-dark);
    display: block;
    position: relative;
	padding-bottom: var(--spacing-01);
}

.cattable .cattable-wrap-cell-info:focus,
.cattable .cattable-wrap-cell-info:active,
.cattable .cattable-wrap-cell-info:hover {
    color: var(--color-text-primary-dark);
    text-decoration: underline;
}

.cattable .cattable-wrap-cell-opts {
    font: var(--text-body-xs-compact);
    color: var(--color-text-primary-dark);
    margin-bottom: var(--spacing-02);
    padding-bottom: var(--spacing-02);
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
}

.cattable .cattable-wrap-cell-info-flag {
    font: var(--text-flag);
    padding-bottom: var(--spacing-01);
    color: var(--color-text-primary-dark);
}

.cattable .cattable-wrap-cell-info-flag.preorder {
    color: var(--color-text-flag-preorder);
}

.cattable .cattable-wrap-cell-info-flag.topseller {
    color: var(--color-text-flag-bestseller);
}

.cattable .cattable-wrap-cell-info-flag.new {
    color: var(--color-text-flag-new);
}

.cattable .cattable-wrap-cell-info-flag.sale {
    color: var(--color-text-flag-promo);
}

.cattable .cattable-wrap-cell-info-flag.comingsoon {
    color: var(--color-text-flag-preorder);
}

.cattable .cattable-wrap-cell-info-name {
    font: var(--text-product-name-lg);
    color: var(--color-text-primary-dark);
    word-break: break-word;
    padding-bottom: var(--spacing-01);
}

.cattable .cattable-wrap-cell-info-sub {
    font: var(--text-product-type-lg);
    color: var(--color-text-secondary);
    word-break: break-word;
    padding-bottom: var(--spacing-01);
}

.cattable .cattable-wrap-cell-info:focus .cattable-wrap-cell-info-name,
.cattable .cattable-wrap-cell-info:active .cattable-wrap-cell-info-name,
.cattable .cattable-wrap-cell-info:hover .cattable-wrap-cell-info-name,
.cattable .cattable-wrap-cell-info:focus .cattable-wrap-cell-info-sub,
.cattable .cattable-wrap-cell-info:active .cattable-wrap-cell-info-sub,
.cattable .cattable-wrap-cell-info:hover .cattable-wrap-cell-info-sub {
    text-decoration: underline;
}

.cattable .cattable-wrap-cell-info-price {
    font: var(--text-price-md);
    color: var(--color-text-price-primary);
    text-decoration: none;
    padding-bottom: var(--spacing-01);
}

.cattable .cattable-wrap-cell-info-price.is-sale {
    color: var(--color-text-price-promo);
}

.cattable .cattable-wrap-cell-info-price span:first-child {
    padding-right: var(--spacing-02);
}

.cattable .cattable-wrap-cell-info-price-msrp {
    color: var(--color-text-price-msrp);
}

.cattable .cattable-wrap-cell-info-price-msrp .is-crossout,
.is-crossout {
    text-decoration: line-through;
}

.cattable .cattable-wrap-cell-add_info {
    display: flex;
    padding-bottom: var(--spacing-02);
    align-items: center;
}

.cattable .cattable-wrap-cell-add_info.is-review {
    display: inline-block;
}

.cattable .cattable-wrap-cell-add_info .icon {
    flex: 24px 0 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: var(--spacing-02);
}

.cattable .add_info-text {
    vertical-align: middle;
    font: var(--text-body-xs-compact);
	color: var(--color-text-primary-dark);
}

.cattable .is-review .icon-review {
    margin-right: var(--spacing-01);
}

.cattable .icon-promo,
.cattable .icon-clearance {
	background-position: var(--icon-position-md-color);
}

.cattable .icon-promo+.add_info-text,
.cattable .icon-clearance+.add_info-text,
.cattable .icon-promo+.add_info-text .add_info-link,
.cattable .icon-clearance+.add_info-text .add_info-link {
    color: var(--color-text-promo);
}

.cattable .cattable-wrap-cell-info-review-video-container {
	padding-bottom: var(--spacing-02);
}

.cattable .cattable-wrap-cell-info-tagline {
    display: none;
}

.cattable.has-taglines .cattable-wrap-cell-info-tagline {
    display: block;
    padding: 0 0 var(--spacing-02);
    margin: 0;
    font: var(--text-body-sm-compact);
    color: var(--color-text-secondary);
}

.cattable.has-taglines .cattable-wrap-cell-info-tagline p,
.cattable.has-taglines .cattable-wrap-cell-info-tagline ul {
    margin: 0;
}

.cattable.has-taglines .cattable-wrap-cell-info-tagline ul {
    padding-left: var(--spacing-04);
    list-style-position: outside;
}

.cattable.has-taglines .cattable-wrap-cell-info-tagline ul li {
    padding-left: var(--spacing-01);
}

.cattable.has-taglines .cattable-wrap-cell-info-tagline table {
    margin-bottom: 0;
}

.cattable.has-taglines .cattable-wrap-cell-info-tagline.is-string {
    margin-bottom: 0;
}

.cattable .cattable-wrap-cell-video {
    position: relative;
    display: block;
    font: var(--text-link-md);
    color: var(--color-text-primary-dark);
	text-decoration: underline;
	padding-bottom: var(--spacing-02);
}

.cattable .cattable-wrap-cell-video:hover {
	text-decoration: none;
}

.cattable .cattable-wrap-cell-video:focus,
.cattable .cattable-wrap-cell-video:hover,
.cattable .cattable-wrap-cell-video:visited {
    text-decoration: none;
}

.cattable .cattable-wrap-cell-video.is-hidden {
    display: none;
}

.cattable.has-taglines .cattable-wrap-cell-video {
    display: inline-block;
    margin-top: 0;
    margin-right: var(--spacing-03);
}

.cattable .cattable-wrap-cell-review {
    display: block;
    margin-top: var(--spacing-02);
    padding: 0 0 0 var(--spacing-07);
    font: var(--text-link-md);
    color: var(--color-text-primary-dark);
}

.cattable .cattable-wrap-cell-review:hover,
.cattable .cattable-wrap-cell-review:focus,
.cattable .cattable-wrap-cell-review:active {
    text-decoration: none;
}

.cattable.has-taglines .cattable-wrap-cell-review {
    display: inline-block;
    margin-left: 0;
    margin-top: 0;
}

.cattable .cattable-wrap-cell-options_container {
	font: var(--text-body-xs-compact);
    color: var(--color-text-primary-dark);
    margin-top: 0;
	padding-bottom: var(--spacing-02);
}

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

    .cattable.has-taglines .cattable-wrap-cell:not(.is-rod) {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

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

    .cattable.has-taglines .cattable-wrap-cell-imgwrap {
        padding: 0 var(--spacing-06);
    }

    .cattable.has-taglines .cattable-wrap-cell.is-rod {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .cattable.has-taglines .cattable-wrap-cell-imgwrap-inner.is-rod {
        margin-bottom: var(--spacing-03);
    }

    .cattable.has-taglines .cattable-wrap-cell-tagline_img.is-rod,
    .cattable.has-taglines .cattable-wrap-cell-tagline_info.is-rod {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

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

    .cattable .cattable-wrap-cell {
        flex: 0 0 33.33334%;
        max-width: 33.33334%;
    }

    .cattable.has-taglines .cattable-wrap-cell-imgwrap {
        padding: 0;
    }

    .cattable.has-taglines .cattable-wrap-cell-tagline_info {
        margin: 0 auto;
        padding-left: var(--spacing-03);
    	padding-right: var(--spacing-03);
   }

    .cattable.has-taglines .cattable-wrap-cell-tagline_img.is-rod,
    .cattable.has-taglines .cattable-wrap-cell-tagline_info.is-rod {
        padding-right: var(--spacing-03);
        padding-left: var(--spacing-03);
    }

    .cattable.has-taglines .cattable-wrap-cell-opts {
        max-width: 283px;
        margin: 0 auto var(--spacing-02);
        padding-right: 0;
        padding-left: 0;
    }
}

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

    .cattable .cattable-wrap-cell {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .cattable.has-taglines .cattable-wrap-cell-imgwrap {
        padding: 0 3.83px;
    }

    .cattable.has-taglines .cattable-wrap-cell-imgwrap-inner {
        margin-bottom: 0;
    }

    .cattable.has-taglines .cattable-wrap-cell-imgwrap-inner.is-reel .cattable-wrap-cell-imgwrap-inner img {
        height: auto;
        width: 100%;
    }

    .cattable.has-taglines .cattable-wrap-cell-tagline_img,
    .cattable.has-taglines .cattable-wrap-cell-tagline_img.is-rod {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }

    .cattable.has-taglines .cattable-wrap-cell-tagline_img.no-button {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .cattable.has-taglines .cattable-wrap-cell-tagline_info {
        flex: 0 0 58.33334%;
        max-width: 58.33334%;
        padding-right: var(--spacing-03);
        padding-left: var(--spacing-03);
    }

    .cattable.has-taglines .cattable-wrap-cell-tagline_info.is-rod {
        flex: 0 0 58.33334%;
        max-width: 58.33334%;
    }

    .cattable.has-taglines .cattable-wrap-cell-opts {
        width: 95.690548025%;
        max-width: 210px;
        margin: var(--spacing-02) auto 0;
        padding: 0;
        border-bottom: none;
    }

    .cattable.has-taglines .cattable-wrap-cell-tagline_info.no-button {
        display: none;
    }
}

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

    .cattable.has-taglines .cattable-wrap-cell-imgwrap {
        padding: 0 1.33px;
    }
}

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

    .cattable.has-taglines .cattable-wrap-cell-imgwrap {
        padding: 0;
    }
}

/* Reviews Styling */
.catpage-review-container {
    display: flex;
    flex-direction: row;
    text-decoration: none;
	align-items: center;
}

.catpage-review-container .review_agg {
    display: none;
}

.catpage-review-container .catpage-review_count {
    font: var(--text-link-md);
    color: var(--color-text-primary-dark);
    text-align: left;
    margin-left: var(--spacing-02);
	text-decoration: underline;
}

.catpage-review-container:hover .catpage-review_count {
	text-decoration: none;
	color: var(--color-text-link-hover);
}

.catpage-review-container .catpage-review_count .review_count-text {
    display: none;
}

/* Video Modal */
.video-container .close {
    position: absolute;
    right: var(--spacing-03);
    top: var(--spacing-04);
    margin: -10px -10px -10px auto;
    padding: var(--spacing-04) var(--spacing-03);
}

.video-container-innerwrap {
    width: 100%;
    max-width: 640px;
    margin: auto;
}

.video-container-innerwrap-scale_wrap {
    position: relative;
    width: 100%;
    max-width: 640px;
    padding-top: 56.25%;
    overflow: auto;
}

.video-container-innerwrap-scale_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 640px;
}

.video-container .modal-body {
    padding: 69px 0 0;
}

.video_wrap .fluid_iframe {
    margin: 0 auto;
}

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

    .video-container .modal-body {
        padding: 0;
    }

    .video-container .close {
        position: absolute;
        right: 0;
        top: -56px;
        background-color: var(--white);
        padding: var(--spacing-02);
        border-radius: 50%;
        margin: 0;
    }
}

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

    .video-container {
        max-width: 640px;
    }
}

/* Search Results Page (Navbar Area) */
#searchoptionsnew {
    padding: var(--spacing-03) 0 var(--spacing-03);
    margin-bottom: 0;
	border-bottom: var(--border-weight-01) solid var(--color-border-primary);
}

#searchoptionsnew .catnav-flex {
    display: flex;
    justify-content: end;
}

#searchoptionsnew .icon {
    margin-right: var(--spacing-02);
}

.selected-filters.catnav-flex .icon {
    margin-right: 0;
}

.selected-filters {
    padding: var(--spacing-03) var(--spacing-03) var(--spacing-01) var(--spacing-03);
    border-bottom: var(--border-weight-01) solid var(--color-border-primary);
    margin-bottom: var(--spacing-10);
}

.selected-filters.no-selections {
    padding: 0;
    border-bottom: none;
}

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

    #searchoptionsnew {
        padding: var(--spacing-03) 0 var(--spacing-03);
    }

    #searchoptionsnew .catnav-flex {
        padding-right: 0;
    }

    #searchoptionsnew .catnav-filter {
        margin-right: 0;
    }
}

/* Updated Multiblock Styles */
.multi_blk-display {
    margin: 0 0 80px 0;
}

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

    .catnav-flex-wrap {
        flex-wrap: nowrap;
    }

    .catnav-tagline-sort .catnav-flex-wrap {
        padding-right: var(--spacing-04);
    }

    .category-navigation .sort-small {
        display: none;
    }

    .category-navigation-catselection,
    .catnav-tagline-sort {
        margin-bottom: 0;
    }

    .category-navigation-sortselection {
        padding: 0 var(--spacing-03) 0 0;
        border: none;
        width: auto;
    }

    .catnav-toggle-button {
        margin-bottom: 0;
        padding-right: var(--spacing-04);
    }

    #toggle-view .category-navigation-sortselection {
        padding: 0 var(--spacing-03);
        border-top: none;
    }
}