/* Carousel CSS */
.carousel-inner .item img {
    width: 100%;
}

:root {
    --fQfxa-transform: none;
    --fQfxa-hoverTransform: none;
    --fQfxa-fontFamily: LatoWeb, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --fQfxa-fontWeight: 400;
    --fQfxa-textTransform: none;
    --fQfxa-letterSpacing: normal;
    --fQfxa-borderRadius: 0.25rem;
    --fQfxa-borderStyle: solid;
    --fQfxa-borderWidth: 0.0625rem;
    --fQfxa-smallHeight: 1.75rem;
    --fQfxa-smallFontSize: 0.875rem;
    --fQfxa-smallPaddingHorizontal: 0.5rem;
    --fQfxa-smallPaddingTop: 0.375rem;
    --fQfxa-smallPaddingBottom: 0.3125rem;
    --fQfxa-mediumHeight: 2.375rem;
    --fQfxa-mediumFontSize: 1rem;
    --fQfxa-mediumPaddingHorizontal: 0.75rem;
    --fQfxa-mediumPaddingTop: 0.5625rem;
    --fQfxa-mediumPaddingBottom: 0.5625rem;
    --fQfxa-largeHeight: 3rem;
    --fQfxa-largeFontSize: 1.375rem;
    --fQfxa-largePaddingHorizontal: 1.5rem;
    --fQfxa-largePaddingTop: 0.6875rem;
    --fQfxa-largePaddingBottom: 0.6875rem;
    --fQfxa-lineHeight: 1.125;
    --fQfxa-iconSizeSmall: 1rem;
    --fQfxa-iconSizeMedium: 1.25rem;
    --fQfxa-iconSizeLarge: 1.625rem;
    --fQfxa-primaryColor: #000000!important;
    --fQfxa-primaryBorderColor: #f8b327!important;
    --fQfxa-primaryBackground: #ffc533!important;
    --fQfxa-primaryHoverBackground: #f8b327!important;
    --fQfxa-primaryActiveBackground: #f8b327!important;
    --fQfxa-primaryActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem rgb(3, 45, 65);
    --fQfxa-primaryGhostColor: #ffc533!important;
    --fQfxa-primaryGhostBorderColor: #ffc533!important;
    --fQfxa-primaryGhostBackground: transparent;
    --fQfxa-primaryGhostHoverBackground: #ffc533!important;
    --fQfxa-primaryGhostActiveBackground: transparent;
    --fQfxa-primaryGhostActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem #ffc533!important, 0.28)!important;
    --fQfxa-secondaryColor: #2D3B45;
    --fQfxa-secondaryBorderColor: #556572;
    --fQfxa-secondaryBackground: #FFFFFF;
    --fQfxa-secondaryHoverBackground: rgb(230, 230, 230);
    --fQfxa-secondaryActiveBackground: rgb(230, 230, 230);
    --fQfxa-secondaryActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem rgb(204, 204, 204);
    --fQfxa-secondaryGhostColor: #2D3B45;
    --fQfxa-secondaryGhostBorderColor: #2D3B45;
    --fQfxa-secondaryGhostBackground: transparent;
    --fQfxa-secondaryGhostHoverBackground: rgba(45, 59, 69, 0.1);
    --fQfxa-secondaryGhostActiveBackground: transparent;
    --fQfxa-secondaryGhostActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem rgba(45, 59, 69, 0.28);
    --fQfxa-successColor: #FFFFFF;
    --fQfxa-successBorderColor: rgb(11, 78, 17);
    --fQfxa-successBackground: #127A1B;
    --fQfxa-successHoverBackground: rgb(11, 78, 17);
    --fQfxa-successActiveBackground: rgb(11, 78, 17);
    --fQfxa-successActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem rgb(5, 33, 7);
    --fQfxa-successGhostColor: #127A1B;
    --fQfxa-successGhostBorderColor: #127A1B;
    --fQfxa-successGhostBackground: transparent;
    --fQfxa-successGhostHoverBackground: rgba(18, 122, 27, 0.01);
    --fQfxa-successGhostActiveBackground: transparent;
    --fQfxa-successGhostActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem rgba(18, 122, 27, 0.28);
    --fQfxa-dangerColor: #FFFFFF;
    --fQfxa-dangerBorderColor: rgb(162, 20, 20);
    --fQfxa-dangerBackground: #D01A19;
    --fQfxa-dangerHoverBackground: rgb(162, 20, 20);
    --fQfxa-dangerActiveBackground: rgb(162, 20, 20);
    --fQfxa-dangerActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem rgb(117, 15, 14);
    --fQfxa-dangerGhostColor: #D01A19;
    --fQfxa-dangerGhostBorderColor: #D01A19;
    --fQfxa-dangerGhostBackground: transparent;
    --fQfxa-dangerGhostHoverBackground: rgba(208, 26, 25, 0.1);
    --fQfxa-dangerGhostActiveBackground: transparent;
    --fQfxa-dangerGhostActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem rgba(208, 26, 25, 0.28);
    --fQfxa-primaryInverseColor: #2D3B45;
    --fQfxa-primaryInverseBorderColor: #ffc533!important;
    --fQfxa-primaryInverseBackground: #f8b327!important;
    --fQfxa-primaryInverseHoverBackground: #ffc533!important;
    --fQfxa-primaryInverseActiveBackground: #FFFFFF;
    --fQfxa-primaryInverseActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem rgb(191, 191, 191);
    --fQfxa-primaryInverseGhostColor: #FFFFFF;
    --fQfxa-primaryInverseGhostBorderColor: #FFFFFF;
    --fQfxa-primaryInverseGhostBackground: transparent;
    --fQfxa-primaryInverseGhostHoverBackground: rgba(255, 255, 255, 0.1);
    --fQfxa-primaryInverseGhostActiveBackground: transparent;
    --fQfxa-primaryInverseGhostActiveBoxShadow: inset 0 0 0.1875rem 0.0625rem rgba(255, 255, 255, 0.28);
    --enRcg-brandColor: #333333!important;
}


.feature-region {
    background-image: url("https://danieldefense.com/media/magefan_blog/7_Benefits_M-LOK_Rail-Header.jpg");
    background-size: cover;
    height:500px;
}

.btn-link {
    color: #333333!important;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
}

#search-form .btn:hover, .btn:focus {
    color: #fff!important;
    text-decoration: none;
    box-shadow: inset 2px 2px 4px 0px #00000030!important;
}

.product-tile .product-footer {
    color: #333333!important;
}

#search-form.callout-region {
    background-color: #ffc533!important;
    color: black!important;
    padding: 0;
    text-align: left;
}

.product-results .product-tile:hover {
    box-shadow: inset 0px -5px 0px #ffc533!important;
}

.ProductIcon__LargeCircle--course {
    background: #ffc533!important;
}

.cRLeC_bXiG {
    background-color: #212123!important;
}