.bf-wrapper {  
  background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjEzMiIgdmlld0JveD0iMCAwIDEzOTggMTMyIiB3aWR0aD0iMTM5OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjIiPjxwYXRoIGQ9Im01MDAuODM3IDIxLjIzMDEuNDYyLS4xOTI2IDEzLjM4MS01LjU4NDQuMzg1LjkyMjktMTMuMzgxIDUuNTg0MyA1LjE5OSAxMi40NTg3LjE5Mi40NjE0LS40NjEuMTkyNi0xMy4zODEgNS41ODQ0IDUuMTk5IDEyLjQ1ODYuMTkyLjQ2MTQtLjQ2MS4xOTI2LTEzLjg0MyA1Ljc3NjktLjM4NS0uOTIyOCAxMy4zODEtNS41ODQ0LTUuMzkxLTEyLjkyMDEuNDYxLS4xOTI1LjQ2MS0uMTkyNiAxMi45MjEtNS4zOTE4LTUuMzkyLTEyLjkyMDF6Ii8+PHBhdGggZD0ibTMwLjM2NDggMTAwLjE1Ni40OTE2LjA5MSAxNC4yNTc0IDIuNjQxLS4xODIyLjk4NC0xNC4yNTc0LTIuNjQyLTIuNDU5MyAxMy4yNzQtLjA5MTEuNDkyLS40OTE2LS4wOTEtMTQuMjU3NC0yLjY0Mi0yLjQ1OTMgMTMuMjc0LS4wOTExLjQ5Mi0uNDkxNi0uMDkxLTE0Ljc0OTAyLTIuNzMzLjE4MjE3LS45ODMgMTQuMjU3MzUgMi42NDIgMi41NTA0LTEzLjc2Ni40OTE3LjA5MS40OTE2LjA5MSAxMy43NjU3IDIuNTUgMi41NTA0LTEzLjc2NXoiLz48cGF0aCBkPSJtMTgzLjY2MyAzMC42Mzk0LjIxMy40NTIyIDYuMTkgMTMuMTEyNS0uOTA0LjQyNjgtNi4xOS0xMy4xMTI0LTEyLjIwOCA1Ljc2MjktLjQ1Mi4yMTM0LS4yMTQtLjQ1MjItNi4xOS0xMy4xMTI0LTEyLjIwOCA1Ljc2MjktLjQ1Mi4yMTM0LS4yMTMtLjQ1MjItNi40MDMtMTMuNTY0Ni45MDQtLjQyNjkgNi4xOSAxMy4xMTI1IDEyLjY2LTUuOTc2My4yMTMuNDUyMS4yMTQuNDUyMiA1Ljk3NiAxMi42NjAzIDEyLjY2LTUuOTc2M3oiLz48cGF0aCBkPSJtNzE0LjAzMSA5NS4xMjkyLjIxNC40NTIyIDYuMTkgMTMuMTEyNi0uOTA1LjQyNy02LjE5LTEzLjExMjctMTIuMjA4IDUuNzYyNy0uNDUyLjIxNC0uMjEzLS40NTMtNi4xOS0xMy4xMTItMTIuMjA4IDUuNzYyOS0uNDUyLjIxMzQtLjIxNC0uNDUyMi02LjQwMy0xMy41NjQ2LjkwNC0uNDI2OSA2LjE5IDEzLjExMjUgMTIuNjYtNS45NzYzLjIxNC40NTIxLjIxMy40NTIyIDUuOTc3IDEyLjY1OTkgMTIuNjYtNS45NzU5eiIvPjxwYXRoIGQ9Im0xMDA2LjU4IDcuMjEyNDguNDQtLjIzMzQ2IDEyLjgyLTYuNzcwMTk1LjQ3Ljg4NDMwNS0xMi44MiA2Ljc3MDIgNi4zIDExLjkzODA3LjI0LjQ0MjItLjQ1LjIzMzQtMTIuODIgNi43NzAyIDYuMyAxMS45MzgyLjI0LjQ0MjEtLjQ0LjIzMzUtMTMuMjY5IDcuMDAzNi0uNDY3LS44ODQzIDEyLjgyNi02Ljc3MDItNi41NDEtMTIuMzgwMi40NDItLjIzMzUuNDM5LS4yMzM1IDEyLjM4LTYuNTM2Ny02LjUzLTEyLjM4MDI3eiIvPjxwYXRoIGQ9Im0xMjAxLjczIDk4LjAyOTUuNDIuMjY1NyAxMi4yOCA3LjcwNDgtLjUzLjg0Ny0xMi4yOC03LjcwNDctNy4xOCAxMS40MzY3LS4yNi40MjMtLjQyLS4yNjUtMTIuMjktNy43MDUtNy4xNyAxMS40MzYtLjI3LjQyNC0uNDItLjI2Ni0xMi43MS03Ljk3LjUzLS44NDcgMTIuMjkgNy43MDQgNy40NC0xMS44Ni40Mi4yNjYuNDIuMjY2IDExLjg2IDcuNDM5IDcuNDQtMTEuODYwMnoiLz48cGF0aCBkPSJtMTM5Mi44NyA1MC45MTI0LjE1LjQ3NTggNC40NyAxMy43OTYxLS45NS4zMDc4LTQuNDctMTMuNzk2Mi0xMi44NCA0LjE1NS0uNDguMTUzOS0uMTUtLjQ3NTgtNC40Ni0xMy43OTYxLTEyLjg1IDQuMTU0OS0uNDguMTUzOS0uMTUtLjQ3NTctNC42Mi0xNC4yNzE5Ljk2LS4zMDc4IDQuNDYgMTMuNzk2MiAxMy4zMi00LjMwODkuMTUuNDc1OC4xNi40NzU3IDQuMzEgMTMuMzIwNCAxMy4zMi00LjMwODh6Ii8+PC9nPjxnIG9wYWNpdHk9Ii4yIiBzdHJva2U9IiNmZmYiPjxwYXRoIGQ9Im0yMC45MjUzIDM5LjE4NjcgMTAuNjA4OS0yMC4yMjM5IDEzLjA1MjgtNC4zNzczIDMuODE4MSAxMy4yMjczLTEwLjYwODkgMjAuMjIzOXoiLz48Y2lyY2xlIGN4PSIzOS44NjA1IiBjeT0iMjMuNTk1OSIgcj0iMy40MjMwOCIgdHJhbnNmb3JtPSJtYXRyaXgoLjg4NTU1NDIxIC40NjQ1MzYwNSAtLjQ2NDUzNjA1IC44ODU1NTQyMSAxNS41MjMwMTMgLTE1LjgxNjE4OCkiLz48cGF0aCBkPSJtMjcyLjA1NiAxMjcuODctMTguODc5LTEyLjg0OS0yLjg1OC0xMy40NjggMTMuNTc3LTIuMjgxOSAxOC44NzkgMTIuODQ5OXoiLz48Y2lyY2xlIGN4PSIyNTguNzMiIGN5PSIxMDcuMjc4IiByPSIzLjQyMzA4IiB0cmFuc2Zvcm09Im1hdHJpeCguNTYyNjU0ODggLS44MjY2OTE4OSAuODI2NjkxODkgLjU2MjY1NDg4IDI0LjQ2ODQ1IDI2MC44MDc1MDMpIi8+PHBhdGggZD0ibTYxOC40MzUgMzcuNDE3Ny0xNy4zOTUgMTQuNzk3NS0xMy43NDQtLjgxNTEgMS4zOTktMTMuNjk2IDE3LjM5NS0xNC43OTc1eiIvPjxjaXJjbGUgY3g9IjU5NS4wNDciIGN5PSI0NC44MDc0IiByPSIzLjQyMzA4IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjY0Nzk0NzEgLS43NjE2ODUzNCAuNzYxNjg1MzQgLS42NDc5NDcxIDk0Ni40NzY4MzYgNTI3LjA3ODgwMikiLz48cGF0aCBkPSJtODI3LjMyMyA4Ny43NjM1LTEyLjIwMy0xOS4zMDM3IDIuNzQtMTMuNDkxOCAxMy4zNjMgMy4zMTE3IDEyLjIwNCAxOS4zMDM3eiIvPjxjaXJjbGUgY3g9IjgyMy4yOTciIGN5PSI2My41Njg0IiByPSIzLjQyMzA4IiB0cmFuc2Zvcm09Im1hdHJpeCguODQ1MjYxODMgLS41MzQzNTIzNSAuNTM0MzUyMzUgLjg0NTI2MTgzIDkzLjQyNzU0NSA0NDkuNzY3MTQ0KSIvPjxwYXRoIGQ9Im0xMTMyLjgzIDIyLjcwOTEgMjEuMTggOC41NjMzIDUuNjQgMTIuNTU3Ny0xMi43OSA1LjEwMzYtMjEuMTctOC41NjMzeiIvPjxjaXJjbGUgY3g9IjExNTAuMjIiIGN5PSI0MC4wMTQ5IiByPSIzLjQyMzA4IiB0cmFuc2Zvcm09Im1hdHJpeCgtLjM3NDk2MjU4IC45MjcwMzk5NSAtLjkyNzAzOTk1IC0uMzc0OTYyNTggMTYxOC42MDQ4NjggLTEwMTEuMjgwODk4KSIvPjxwYXRoIGQ9Im0xMzU0Ljc3IDEyOS41MjEtOC40NC0yMS4yMiA1LjE3LTEyLjc1NzEgMTIuNTMgNS43MTUxIDguNDQgMjEuMjJ6Ii8+PGNpcmNsZSBjeD0iMTM1NS4yNiIgY3k9IjEwNC45OTgiIHI9IjMuNDIzMDgiIHRyYW5zZm9ybT0ibWF0cml4KC45MjkxODQ4MyAtLjM2OTYxNTQgLjM2OTYxNTQgLjkyOTE4NDgzIDU3LjE2NDA4NCA1MDguMzYwNDE5KSIvPjwvZz48L3N2Zz4=);
  background-size: 60%;
  padding: 2rem !important;
  color: #fff;
  text-decoration: none;
  display:block;
}

.bf-wrapper h3 {
  margin: 0;
}

.bf-wrapper p {
  margin-top: .5rem;
  margin-bottom: 0;
}

.bf-wrapper:hover {
  background-color: #222;
  color: #fff !important;
  text-decoration: none !important;
}

.bf-wrapper:focus {
  color: #fff !important;
  text-decoration: none !important;
}

.bf-wrapper:active {
  color: #fff !important;
  text-decoration: none !important;
}
 

#discount_div {
  position: relative;
  margin: 0px -15px 30px -15px;
}

#discount_div .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 1rem 1.5rem;
  color: inherit;
}

.campaign-banner {
  display: block;
  background-color: #fff;
  background-image: url(../svg/loyalty-campaign-bg.svg);
  background-size: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: .8rem;
  color: #222;
  text-decoration: none;
  border-bottom: 1px solid #DFDFDF;
}

.campaign-banner:hover {
  background-color: #f1f1f1;
  color: #222;
}

.campaign-banner:active,
.campaign-banner:link,
.campaign-banner:visited {
  text-decoration: none;
}