/* background */

.page-title:before,
.inputs input[type='checkbox']:checked ~ label:after,
.inputs input[type='radio']:checked ~ label:after,
.cart input[type='checkbox']:checked + label:after,
.ui-dialog-content button:hover,
.footer-map-holder .title,
.newsletter-email .newsletter-subscribe-button,
.newsletter-email .options input[type='radio']:checked ~ label:after,
.poll-options li input[type='radio']:checked ~ label:after,
.poll .buttons button:hover,
.block .filter-content input:checked + label:after,
.price-range-filter .ui-slider-range,
.home-page-bottom-wrapper .home-page-video-title:before,
.light-theme .title-picture-wrapper h1:before,
.contact-vendor-button,
.category-item .title:before,
.item-box .rating div,
.product-grid .title:before,
.product-review-box .rating div,
.attributes .option-list input[type='checkbox']:checked ~ label:after,
td .ui-state-active,
.attributes .qq-upload-button:hover,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.overview-buttons .add-to-wishlist-button:hover,
.overview-buttons .add-to-compare-list-button:hover,
.overview-buttons .email-a-friend-button:hover,
.overview-buttons .subscribe-button:hover,
.download-sample-button:hover,
.product-collateral .title strong:before,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:before,
.ui-tabs .ui-state-active.ui-tabs-active a:before,
.estimate-shipping-radio:checked + label,
.write-review .rating-options .vote-star,
.write-review .rating-options input[type='radio']:checked + label,
.write-review .button-1,
.write-review .button-1[disabled]:hover,
.wishlist-content .button-2:hover,
.wishlist-content .wishlist-add-to-cart-button,
.compare-products-page .clear-list:hover,
.enter-password-form button,
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1,
#check-availability-button:hover,
.accept-privacy-policy input[type='checkbox']:checked ~ label:after,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.login-page .button-1.checkout-as-guest-button:hover,
.account-page .button-2:hover,
.back-in-stock-subscription-list-page .select-boxes input[type='checkbox']:checked + label:after,
.forum-subscriptions-page .select-boxes input[type='checkbox']:checked + label:after,
.terms-of-agreement input[type='checkbox']:checked + label:after,
.order-progress li.active-step a:before,
.estimate-shipping-button:hover,
.shopping-cart-page .button-2:hover,
.checkout-page .button-2:hover,
.order-details-page .page-title a:hover,
.checkout-attributes .option-list input[type='radio']:checked ~ label:after,
.checkout-attributes .option-list input[type='checkbox']:checked ~ label:after,
.checkout-attributes .qq-upload-button:hover,
.terms-of-service input[type='checkbox']:checked ~ label:after,
.cart-footer .checkout-buttons button,
.ship-to-same-address .selector input[type='checkbox']:checked ~ label:after,
.pickup-in-store .selector input[type='checkbox']:checked ~ label:after,
.checkout-page .address-item button,
.checkout-page .enter-new-address:hover .enter-new-address-box:after,
.checkout-page .enter-new-address.open .enter-new-address-box:after,
.billing-address-page .buttons button,
.shipping-address-page .buttons button,
.section.shipping-method .buttons button,
.section.payment-method .buttons button,
.section.payment-info .buttons button,
.section.confirm-order .buttons button,
.section.order-completed .buttons button,
.checkout-page .section.order-summary .title:before,
.shipping-method input[type='radio']:checked ~ label:after,
.payment-method input[type='radio']:checked ~ label:after,
.payment-method input[type='checkbox']:checked ~ label:after,
.opc .buttons button,
.order-details-page .section .title:before,
.shipment-details-page .section .title:before,
.order-details-page .actions button:hover,
.order-details-page .actions button:last-child,
.return-request-page .qq-upload-button:hover,
.search-input .button-1,
.news-list-homepage .title:before,
/*.news-list-homepage .view-all a:hover,*/ .news-item-page .buttons button,
.blogpost-page .buttons button,
.news-item-page .buttons button[disabled]:hover,
.blogpost-page .buttons button[disabled]:hover,
.forums-header .topic-block-title:before,
.forum-search-box .search-box-button,
.forums-table-section-title:before,
.forums-table-section .view-all a:hover,
.forum-page .forum-name:before,
.forum-topic-page .topic-name:before,
.topic-post .post-actions .quote-post-button:hover,
.forum-edit-page .buttons button:hover,
.private-message-send-page .buttons button:hover,
.private-messages-page .buttons button:hover,
.move-topic-page .buttons button:hover,
.private-message-view-page .buttons button:hover,
.forum-edit-page .buttons button,
.private-message-send-page .buttons button,
.private-messages-page .buttons button,
.move-topic-page .buttons button,
.private-message-view-page .buttons .reply-pm-button,
.profile-info-box .pm-button,
/*plugins*/ .productAddedToCartWindowSummary .button-1,
.productAddedToCartWindowSummary a:hover,
.ui-slider-range,
.filtersGroupPanel .checkbox-list li.checked label:after,
.home-page-filter-selector span.k-dropdown-wrap.k-state-default:before,
.home-page-filters-wrapper .search-button,
.nivo-controlNav a:hover,
.nivo-controlNav a.active,
.anywhere-slider .slick-active button,
.sevenspikes-cloudzoom-gallery .slick-dots .slick-active button,
.nop-jcarousel .carousel-title:before,
.nop-jcarousel .slick-prev:hover,
.nop-jcarousel .slick-next:hover,
.nop-jcarousel .slick-dots .slick-active button,
.nop-jcarousel .slick-dots button:hover,
.quick-view-button a:hover,
.ship-to-same-address input[type='checkbox']:checked ~ label:after,
.pickup-in-store .options input[type='checkbox']:checked ~ label:after,
.cart-collaterals .shipping-options .buttons .button-2:hover,
.cart-collaterals .coupon-code button:hover,
.complete-button button,
.rich-blog-homepage .title:before,
.sale-of-the-day-offer .picture-thumbs a.active:before,
.spc .navigation li.active span:before,
.page-body form > .buttons .k-button,
.k-edit-buttons.k-state-default button.k-dialog-insert.k-button,
.k-edit-buttons.k-state-default button.k-dialog-close.k-button:hover,
.k-edit-field input[type='checkbox']:checked ~ label:after,
#submit-reply .buttons .k-button,
.my-tickets-page .clear-filters,
.manage-tickets-page .clear-filters,
.k-widget.confirmation-wrapper button:hover,
.overview .submit-ticket-button:hover,
.order-details-page .product .submit-ticket-button:hover,
.ropc .coupon-box-panel .coupon-code button:hover,
.ropc .giftcard-box-panel .coupon-code button:hover,
.price-match-button:after,
.save-price-match-button {
  background-color: #f0483e;
}
.home-page-filters-wrapper .search-button:disabled,
.home-page-filters-wrapper .search-button[disabled] {
  background-color: #f0483e !important;
}
/* hover one buttons */

.footer-map-holder .title:hover,
.newsletter-email .newsletter-subscribe-button:hover,
.contact-vendor-button:hover,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
td .ui-state-active:hover,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.wishlist-content .wishlist-add-to-cart-button:hover,
.enter-password-form button:hover,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.user-agreement-page .button-1:hover,
.cart-footer .checkout-buttons button:hover,
.checkout-page .address-item button:hover,
.billing-address-page .buttons button:hover,
.shipping-address-page .buttons button:hover,
.section.shipping-method .buttons button:hover,
.section.payment-method .buttons button:hover,
.section.payment-info .buttons button:hover,
.section.confirm-order .buttons button:hover,
.section.order-completed .buttons button:hover,
.order-details-page .actions button:last-child:hover,
.search-input .button-1:hover,
.news-item-page .buttons button:hover,
.blogpost-page .buttons button:hover,
.forum-search-box .search-box-button:hover,
.forum-edit-page .buttons button:hover,
.private-message-send-page .buttons button:hover,
.private-messages-page .buttons button:hover,
.move-topic-page .buttons button:hover,
.private-message-view-page .buttons .reply-pm-button:hover,
.profile-info-box .pm-button:hover,
.mini-shopping-cart button.cart-button:hover,
/*plugins*/ .home-page-filters-wrapper .search-button:hover,
.productAddedToCartWindowSummary .button-1:hover,
.ropc .complete-button button:hover,
.page-body form > .buttons .k-button:hover,
.k-edit-buttons.k-state-default button.k-dialog-insert.k-button:hover,
#submit-reply .buttons .k-button:hover,
.my-tickets-page .clear-filters:hover,
.manage-tickets-page .clear-filters:hover,
.save-price-match-button:hover {
  background-color: #ed2418;
}
/* text color */

.cart a:hover,
.data-table a:hover,
.compare-products-table a:hover,
.cart .subtotal span,
.cart .edit-item,
.scroll-back-button:before,
.video-button-subtitle,
.footer .title:before,
.footer .title:after,
.footer-block.find-us .address span:before,
.footer-block.find-us span:before,
.footer-block a:hover,
.social-sharing a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .listbox:before,
.block .view-all a:hover,
.title-picture-wrapper h1,
.sub-category-toggle-select:before,
.sub-category-toggle-select:after,
.light-theme .sub-categories-wrapper .title a:hover,
.product-selectors .product-viewmode a.selected:before,
.product-selectors .product-viewmode span.selected:before,
.item-box .actual-price,
.tax-shipping-info a,
.manufacturer-item:hover .title a,
.vendor-item:hover .title a,
.pager li span,
.product-review-links a:hover,
.product-no-reviews a:hover,
.overview .value a,
.variant-overview .value a,
.overview .product-price,
.variant-overview .product-price,
.tier-prices .item-price,
.product-specs-box .data-table .spec-value a:hover,
.product-tags-list a:hover,
.product-review-item .review-info a:hover,
.product-review-helpfulness .vote:hover,
.wishlist-page .share-info a,
.compare-section.price ul,
.topic-block a,
.topic-page a,
.email-a-friend-page .title h2 a:hover,
.accept-privacy-policy .read:hover,
.login-page .inputs.reversed .forgot-password,
.add-more-external-records a,
.downloadable-products-page .data-table td.download a,
.order-details-page .data-table td.view-details a,
.cart-total .order-total .cart-total-right,
.terms-of-service a:hover,
.order-completed .details a:hover,
.order-details-page .cart-total td:last-child strong,
.order-details-page .data-table td.total,
.sitemap-page a:hover,
.news-item .news-date,
.blog-posts .post-date,
.blog-posts .post a.read-comments,
.news-item .buttons a:before,
.blog-posts .post .buttons a:before,
.blog-details .tags li,
.blogpost-page .tags li,
.news-item-page .back-button:hover,
.blogpost-page .back-button:hover,
.news-item-page .news-date,
.blogpost-page .post-date,
.comments .comment a:hover,
.forum-search-box .advanced a:hover,
.forums-table-section-title > a:hover,
.forums-table-section .table-wrapper a,
.forums-table-section .forum-title a:hover,
.forums-table-section .topic-title a:hover,
.topic-post a.username:hover,
.topic-post .pm-button,
.topic-post .post-actions .edit-post-button,
.topic-post .post-actions .delete-post-button,
.topic-post .post-vote > span:hover:before,
.private-messages-page td .pm-unread:hover,
.profile-page .topic-title a,
/*plugins*/ .productAddedToCartWindowDescription h1 a:hover,
.productAddedToCartWindowDescription .price,
.home-page-filter-selector span.k-dropdown-wrap:after,
.nivo-directionNav a:before,
.anywhere-slider .slick-arrow:before,
.instant-search-item .detail .price,
.quickView .links-panel a:hover,
.rich-blog-homepage .read-more:before,
.post-relations li,
.blog-search-results .search-term-highlighter,
.sale-of-the-day-offer .item-navigation-buttons button:before,
.sale-of-the-day-offer .timer-info-box,
.sale-of-the-day-offer .price.actual-price,
.spc-categories .category-title,
.ticket-comments .comment-header .left a:hover {
  color: #f0483e;
}
.k-pager-numbers span.k-state-selected {
  color: #f0483e !important;
}
/* border color */

.bar-notification,
.estimate-shipping-radio:checked + label {
  border-color: #f0483e;
}
.page-loader .loader,
.page-loader .loader:before,
.page-loader .loader:after,
.ajax-loading-block-window,
.ajax-loading-block-window:before,
.ajax-loading-block-window:after,
/*plugins*/ .nopAjaxCartPanelAjaxBusy,
.miniProductDetailsPanelAjaxBusy,
.nopAjaxCartPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:before,
.nopAjaxCartPanelAjaxBusy:after,
.miniProductDetailsPanelAjaxBusy:after,
.productPanelAjaxBusy,
.productPanelAjaxBusy:before,
.productPanelAjaxBusy:after,
.infinite-scroll-loader,
.infinite-scroll-loader:before,
.infinite-scroll-loader:after,
.cloudzoom-ajax-loader,
.cloudzoom-ajax-loader:before,
.cloudzoom-ajax-loader:after,
.quickView .k-loading-image,
.quickView .k-loading-image:before,
.quickView .k-loading-image:after,
.loading-overlay span,
.loading-overlay span:before,
.loading-overlay span:after,
.panel-loader-effect .spinner,
.panel-loader-effect .spinner:before,
.panel-loader-effect .spinner:after,
.k-loading-image,
.k-loading-image:before,
.k-loading-image:after {
  border-top-color: #f0483e;
}
.video-player .play:before,
.information-box .image-wrapper:before {
  border-color: transparent #f0483e transparent #f0483e;
}
@media all and (max-width: 1200px) {
  .responsive-nav-wrapper .cart-qty,
  .plus-button:before,
  .selector-title:before,
  .store-search-box form:before {
    color: #f0483e;
  }
}
@media all and (min-width: 481px) {
  .customer-pages-body .block .list a.active {
    background-color: #f0483e;
  }
  .customer-pages-body .center-2 {
    border-color: #f0483e;
  }
}
@media all and (min-width: 769px) {
  .sub-categories-wrapper {
    background-color: #f0483e;
  }
  .compare-products-table .product-name a:hover,
  .compare-products-table .product-price td {
    color: #f0483e;
  }
}
@media all and (min-width: 1201px) {
  #topcartlink,
  .mini-shopping-cart button.cart-button,
  .block .title:before,
  .item-box button:hover,
  .customer-pages-body .side-2 .block .list a.active,
  .customer-pages-body .side-2 .block .list a:hover,
  .customer-pages-body .side-2 .block .list a.active:after,
  .customer-pages-body .side-2 .block .list a:hover:after,
  /*plugins*/ .mega-menu .title:before,
  .spc-categories .category-sublist:before {
    background-color: #f0483e;
  }
  .header-menu > ul > li:hover > a,
  .header-menu > ul > li:hover > span,
  .mini-shopping-cart .price,
  .sublist-toggle-button.open:before,
  .block .list .product-name .price,
  .product-review-links a:last-child,
  /*plugins*/ .mega-menu .box li a:hover {
    color: #f0483e;
  }
}
/*theme roller selectors*/

.theme-roller .open-button,
.theme-roller .options-block span::after {
  background-color: #f0483e;
}
.theme-roller .open-button:before {
  background-color: #ba180e;
}
.theme-roller .options-block span {
  color: #f0483e;
}
#ph-topic .page-body{
max-width: 140%;
}

body{
//font-family: teko, sans-serif;
}
#ph-topic h1,h2,h3,h4,h5,h6{
font-weight: bold;
}
.blogpost-page strong{
font-weight: bold;
}
.blogpost-page a{
color: rgb(225, 31, 38);
}
/*.blogpost-page, .post-body p, h1,h2,h3,h4,li{
color: black; /*DO NOT REMOVE PER DW*/
}*/

#ph-topic strong{
font-weight: bold;
}
#ph-topic h3{
padding-top: 1rem;
padding-bottom: 1rem;
}

#ph-topic p{
}
#ph-topic h2{
padding-top: 2rem;
padding-bottom: 2rem;
line-height: normal;
}

.table-list li {
  display: table-cell; 
  border: 1px solid #ddd;
  padding: 10px;
  margin: 50px;
  text-align: center;
  width: 13em;
  overflow: hidden;
}

.table-list {
justify-content: center;
  display: flex;
padding: 0 0 0 0 !important;
  flex-wrap: wrap;
  width: 100%;
  border-spacing: 10px;
}

@media (min-width: 768px) {
.sub-categories-wrapper { display:none !important; }
}

.m3web-9 > .x-row-inner {
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
}

.x-row-inner {
	display: flex;
	flex-wrap: wrap;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	min-width: 0;
	min-height: 0;
  box-sizing: border-box;
}

.x-row {
	display: flex;
	position: relative;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: stretch;
	width: auto;
	min-width: 0;
	max-width: none;
	height: auto;
	min-height: 0;
	max-height: none;
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 0;
}



.m3web-w.x-col {
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	align-content: flex-start;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: rgb(222,222,222);
	border-right-color: rgb(222,222,222);
	border-bottom-color: rgb(222,222,222);
	border-left-color: rgb(222,222,222);
  min-width: 0;
}

.m3web-b > .x-row-inner > * {
	flex-grow: 1;
	margin-top: calc(1rem / 2);
	margin-bottom: calc(1rem / 2);
	margin-right: calc(1rem / 2);
	margin-left: calc(1rem / 2);
}

.m3web-1i.x-image, .m3web-1i.x-image img {
	height: 320px;
  --gap: 1rem;
  width: 100%;
  display: block;
  max-width: 100%;
  box-sizing: border-box;
}

.x-image e181955-e16 m3web-1f m3web-1i {
	box-sizing: border-box;
}

.m3web-d.x-row {
	width: 88%;
	max-width: 1440px;
  
}

.m3web-9.x-row {
	z-index: auto;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-size: 1em;
}

.m3web-g {
	--gap: 1rem;
}
.m3web-1b.x-text .x-text-content-text-primary {
	font-size: 3em;
	letter-spacing: 0.01em;
	margin-right: calc(0.01em * -1);
	color: rgb(225,31,38);
  text-transform: uppercase;
}

.m3web-1d.x-text:hover, .m3web-1d.x-text[class*="active"], [data-x-effect-provider*="colors"]:hover .m3web-1d.x-text {
	background-color: rgb(225,31,38);
}

.m3web-1d.x-text {
	width: 100%;
	padding-top: 4%;
	padding-bottom: 4%;
	background-color: rgb(0,0,0);
}

.m3web-1d.x-text .x-text-content-text-primary {
	font-size: 1.7em;
  color: rgb(255,255,255);
  text-transform: uppercase;
  text-align: center;
}

.m3web-j > .x-row-inner > :nth-child(3n-2) {
	flex-basis: calc(33.33% - clamp(0px,var(--gap),9999px));
}
.m3web-j > .x-row-inner > :nth-child(3n-1) {
	flex-basis: calc(33.33% - clamp(0px,var(--gap),9999px));
}
.m3web-j > .x-row-inner > :nth-child(3n) {
	flex-basis: calc(33.33% - clamp(0px,var(--gap),9999px));
}

.m3web-j > .x-row-inner > :nth-child(3n-1) {
	flex-basis: calc(33.33% - clamp(0px,var(--gap),9999px));
}

.x-col {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	display: block;
	position: relative;
	width: auto;
	min-width: 0;
	max-width: 100%;
	height: auto;
	min-height: 0;
	max-height: none;
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 0;
}

.x-main *, ::before, ::after {
	box-sizing: border-box;
}

/******* black steel accessories page - mcaden (11/21/24) *******/

.topic-page h1{
	color:#ffffff;
	font-size: 3.0em;
}

.lp-grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 25px;
  row-gap: 30px;
  justify-items: stretch;
  align-items: stretch
}

button.model {
  width:100%;
   padding:15px;
   background-color:#e11f26;
   border:none;
   text-transform:uppercase;
   font-size:1.4em;
   color:#ffffff;
}


div.item{
border:1px solid #ffffff;
}

div.item:hover{
border:1px solid #e11f26;
}

div.item:hover + .model{
background-color:#e11f26;
}

.item div{
height: 202px;
    overflow: hidden;
}

.item a img{
transform: scale(1.3);
}


.lp-grid-container-blog {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 25px;
  row-gap: 30px;
  justify-items: stretch;
  align-items: stretch
}

.item-blog div{
height: 250px;
    overflow: hidden;
    margin-bottom: 10px;
}
.item-blog a img{
transform: scale(1.3);
}

p.vid{
height: 340px;
    /*background-color:#666666;*/
    overflow: hidden;
    position: absolute;
    top: -10px;
    width: 180%;
    left: -35%;
}
video{
transform: Scale(1.5);
    width: auto;
    height: auto;
    position: relative;
    z-index: -1;
    left: -60px;
    top: 80px;
}

@media only screen and (max-width: 768px) {
  .lp-grid-container, .lp-grid-container-blog {
    display: block;
  }
}

.category-picture-wrapper img {
	min-height: auto;
}


.youtube-videoWrapperOuter {
  max-width:640px; 
  margin-left:auto;
  margin-right:auto;
}
.youtube-videoWrapperInner {
  float: none;
  clear: both;
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  padding-top: 25px;
  height: 0;
}
.youtube-videoWrapperInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}