/****  My CSS ****/

body {}

a:link { color: #DD6B20; }
a:link:hover { text-decoration: underline; color: #CF3033; }
a:visited { text-decoration: underline; color: #CF3033; }

.clear { clear: both;}

.header-logo {
  float: left;
}

.primary-nav {
  float: right;
  padding-top: 50px;
  font-size: 17px;
}
.primary-nav .primary-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  list-style: none;
}
.primary-menu a {color: #000;}
.primary-menu a:hover {color: #CF3033;}

.breadcrumbs li a {
  color: #DD6B20 !important;
}

button,
.button.secondary a  {
  background-color: #DD6B20 !important;
  font-weight: bold !important;
}
button:hover,
button:focus {
  background-color: #CF3033 !important;
}

/* buttons 'more information' */
button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{
  color:#fff !important}
button.secondary,.button.secondary{
  background-color:#DD6B20 !important;
  color:#fff !important}
button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{
  background-color:#CF3033 !important}
button.secondary:hover,button.secondary:focus,.button.secondary:hover,.button.secondary:focus{
  color:#fff !important}
/* buttons 'visit store' */
  button.success, .button.success { background-color: #DD6B20 !important;}
  /* buttons */
  button.tiny, .button.tiny {font-size: 0.9rem !important; font-weight: bold !important;}

.footer-bar,
.footer-bar a {
  background-color: #000000;
  color: #fff !important;
  padding: 10px 0;
  text-align: center;
}

.footer-bar {
  margin-top: 40px;
}