/**************

Use this file (CustomStyles.css) to make your custom CSS changes. Copy what styles you need to change from main.css, paste in this file,
    make your changes, and save. *Only copy/paste the lines you plan on changing, nothing more.

    For example, to update the slideshow copy/paste this to make your changes:
    .home-slide1 {
        background: linear-gradient(rgba(43, 65, 117, 0.5), rgba(43, 65, 117, 0.5)), url("../../images/traverse/wrench-screws.jpg"); }

**********/


.edu-title-text {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 2.6em;
    color: #C12026;
    font-weight: 600;
}

.stores-find {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 2.2em;
    color: #C12026;
    font-weight: 600;
}

.stores-news-titles {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 2.2em;
    color: #C12026;
    font-weight: 600;
}

.stores-stockup {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 2em;
    color: #C12026;
    font-weight: 600;
}

.stores-locations {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 1.8em;
    color: #C12026;
    font-weight: 600;
}

.stores-ph-hours {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 1.6em;
    color: #C12026;
    font-weight: 600;
}


.stores-serv-titles {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 1.6em;
    color: #C12026;
    font-weight: 600;
}

.insight-header {
    background-color: #000000;
    background-position: center center;
    background-repeat: no-repeat;
    height: 180px;
    width: 100%;
}

.go23-header {
    background-color: #000000;
    background-position: center center;
    background-repeat: no-repeat;
    height: 250px;
    width: 100%;
}

.go23-bg {
    background: linear-gradient(180deg, #b3771d 0, #faa92e 20px);
}

.sixdays24-bg {
    background-color: #C12026;
}

.sixdays-24-header {
    background-color: #000000;
    background-position: center center;
    background-repeat: no-repeat;
    height: 250px;
    width: 100%;
}

.ship-delay {
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #000000;
    color: #ffffff;
    width: 100%;
}

.btn-cta {
    background-color: #C12026;
    color: #FFF;
}

    .btn-cta:hover, .btn-cta:focus {
        background-color: #AF1F25;
    }

    .btn-cta:active {
        opacity: 0.8;
    }

.text-xlg {
    font-size: 2em;
}

.mtb1-store {
  margin-top: .75rem;
  margin-bottom: 1rem; }


#locator-results {
    max-height: 525px;
    overflow-y: auto;
}

    #locator-results .btn {
        margin-left: 0;
    }

    #locator-results h4, #locator-results h5 {
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0.5em;
    }

    #locator-results > li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 2em;
    }

    #locator-results .store-num span {
        background-color: #C12026;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        height: 2rem;
        margin-top: .1rem;
        margin-right: 1em;
        position: relative;
        width: 2rem;
    }

    #locator-results .store-num i {
        font-family: "Barlow Condensed", sans-serif;
        font-size: 1.5rem;
        font-style: normal;
        position: absolute;
        top: 46%;
        left: 51%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #locator-results .store-info {
        margin-top: .3rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    #locator-results address {
        font-style: normal;
    }


.store-news-img-boxes {
    max-width: 500px;
}

.store-services h4 {
    margin: 0.8em;
}

.store-services p {
    max-width: 357px;
    margin: 1em auto;
}




.bst-benefits-titles {
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    font-size: 1.6em;
    color: #C12026;
    font-weight: 600;
}

.bst-benefits p {
    max-width: 400px;
    margin: 1em auto;
}



#test-slider {
  margin-top: 2em;
  margin-bottom: 2em; }
  #test-slider a {
    display: block;
    opacity: 0.4;
    transition: 0.25s; }
  #test-slider img {
    margin: 0 auto; }
  #test-slider a:hover {
    opacity: 1; }
  #test-slider .slick-prev {
    left: 0;
    font-size: 1.5em; }
  #test-slider .slick-next {
    right: 0;
    font-size: 1.5em; }

.bsthouse-header {
    background-color: #000000;
    background-position: center center;
    background-repeat: no-repeat;
    height: 250px;
    width: 100%;
}

.bsthouse-header2 {
    background-color: #000000;
    background-position: center center;
    background-repeat: no-repeat;
    height: 500px;
    width: 100%;
}

.bsthouse-bg {
    background-color: #000000;
}







.examle-links {
    color: #ffffff;
}

    .examle-links a:link {
        text-decoration: none;
        color: #ffffff;
    }

    .examle-links a:hover {
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
    }

    .examle-links a:visited {
        text-decoration: none;
        color: #ffffff;
    }