html,
body {
  margin: 0px;
  padding: 0px;
  line-height: 1.42857143;
}

.row {
  margin: 0px;
}

.vertical-align {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .vertical-align{
    display: block;
  }
}

blockquote {
	padding:  5px 10px; 
	font-style: italic; 
	border-left: 5px solid #aaa;
}

/* EQUAL-HEIGHT COLUMNS */
.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.col-content-equal-height {
  height: 100%; /* forces background color to fill to bottom */
}

/* MIXITUP */

#MixItUp .mix{ display: none; }
#MixItUp .btn { border: #000; background: #555; color: #fff; margin-bottom: 10px;}
#MixItUp .btn:hover { color: #fff; background: #000; }
#MixItUp .btn:active, #MixItUp .btn:focus { color: #fff; background: #ff0000; }
#MixItUp .btn.active, #MixItUp .btn:active, #MixItUp .btn:selected { color: #ccc; background: #ff0000; }

#MixItUp .filter-label { float: left; padding-top: 8px; padding-right: 5px; }
#MixItUp .filter { margin-right: 10px; }

#MixItUp .addmargin { margin-left: 15px; margin-bottom: 0px; }

/* PRODUCTS LIST PAGE */

.product-display .placeholder {
	min-height: 40px;
	padding-top: 10px;
}
.product-display .placeholder span a {
	padding: 5px;
	background: teal;
	color: black;
	color: white;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.product-display .placeholder span a:hover {
	background: #333;
	text-decoration: none;
}

.product-display .fade-in-out {
  z-index: 100;
  width: auto;
	margin-left: 0px !important;
  -webkit-animation: fadeinout 10s linear forwards;
  animation: fadeinout 10s linear forwards;
	text-align: left !important;
  text-align: center;
}
.product-display .fade-in-out a {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  padding: 5px;
  background: teal !important;
  color: white !important;
}

@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  90%,10% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  90%,10% { opacity: 1; }
}

.product-display @media screen and (max-width: 600px) {
  .vertical-align{
    display: block;
  }
}
