:root {

--font: Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;

--base-color: #951B81;



--base-text-color: #fff;

--footer-color: #5B5B5B;


--footer-text-color: #BFBFBF;


--button-color: #00CFBE;



--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

/* HEADER */

@media (min-width: 640px) {
    .row.header {
        max-width: none;
        padding: 0 30px;
    }
}

/* TOP HEADER BAR */

.header-bar {
background-color: #E0173B;
max-width: 100%;
padding: 0 30px;
}

.header-wrapper .header-bar-section-links-item {
    color: white;
}

/* LOGO */

.header-wrapper .row.header .logo-container {
height: 70px;
padding: 0 15px;
}

.header-wrapper .row.header .logo-container .header-logo {
height: 70px;
}

/* BOTTOM MARGIN ON SECTIONS */

.main-wrapper .content-column .row {
margin: 0px auto 15px auto;
}

/* SCROLLING BANNER */

.bx-wrapper {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background: #fff;
}

.first-page-content .banners {
margin: -15px auto 0 auto;
margin: 0 calc(50% - 50vw);
width: 200%;
transform: translateX(calc(50vw - 50%));
}

.bx-viewport {
width: 100%;
overflow: hidden;
position: relative;
height: 600px;
margin: -15px 0 0 0;
}

.bx-wrapper .bxslider li {
display: block;
Width: 1920px;
}

/* SECTION TITLE TEXT */

.sectiontitletext {
  background-color: #001133;
  color: #ffffff;
  padding: 20px 0px 20px 0px;
  text-align: center;
}

.sectiontitletext h2 {
  font-size: 2em;
}


/* Search Box */
.product-search-input-container {
    margin: 0 auto;
    max-width: 470px;
    border-radius: 25px;
}
.fa-search:before {
    content: "\f002";
    color: #951B81;
}

/* Footer width */
.footer .footer-wrapper .content-footer-wrapper li {
    text-align: left;
    display: inline-table;
    margin-left: 80px;
}

#text-9 > div > div {
    display: flex;
}

/* Buttons */
.button:hover {
    background-color: transparent;
    color: #00CFBE;
    border-color: #00CFBE;
    border-width: 2px;
}

.button {
    border-color: #00CFBE;
    border-width: 2px;
	border-radius: 25px
}
h2 {
    text-align: center;
    padding-top: 10px;
    color: #951B81;
    font-size: 30px;
}

/* Gap between promotions */
.promoted-products {
    padding: 0px;
    margin: 2px auto 0 auto;
}