/* Shop Barefoot Page - Navbar background override */
.page-template-page-shop-barefoot .navbar {
    background-color: #5b5287;
}

.page-template-page-shop-barefoot .navbar .nav-link {
    color: #fff;
}

.page-template-page-shop-barefoot .navbar .site-logo img {
    filter: brightness(0) invert(1);
}

.page-template-page-shop-barefoot .navbar .btn-search svg path {
    fill: #fff;
}

.page-template-page-shop-barefoot h1,
.page-template-page-shop-barefoot h2,
.page-template-page-shop-barefoot h3,
.page-template-page-shop-barefoot h4,
.page-template-page-shop-barefoot h5,
.page-template-page-shop-barefoot h6 {
    font-family: hwt_artzregular, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.page-template-page-shop-barefoot .purple-header {
    position: relative;
    background-color: #5b5287;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 30px;
}

.page-template-page-shop-barefoot .purple-header h1,
.page-template-page-shop-barefoot .purple-header .title {
    color: #fff;
}

.page-template-page-shop-barefoot .purple-header:after {
    position: absolute;
    content: "";
    height: 37px;
    top: 100%;
    left: 0;
    right: 0;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: url(../img/bgs/bg-pattern-blue.png);
}