/* -------------------------------------------------------------
 *  Sass CSS3 Mixins for Cross-Browser CSS3 Sass Library and Customized Function
 *  Initial Version: Matthieu Aussaguel, Edited by: Torry Guo
 *-------------------------------------------------------------*/
/*APPEARANCE*/
/* BACKGROUND GRADIENT */
/*@mixin background-gradient-b($args...) {
  background-image: -moz-linear-gradient($args);
  background-image: -webkit-linear-gradient($args);
  background-image: linear-gradient($args);
}*/
/* BACKGROUND SIZE
@mixin background-size($width, $height)
{
    -moz-background-size: $width $height; -webkit-background-size: $width $height; background-size: $width $height;
}
*/
/* BACKGROUND CLIP
@mixin background-clip($clip)
{
	-webkit-background-clip:$clip;  -mox-background-clip:$clip;  -o-background-clip:$clip;  background-clip:$clip;
}
*/
/* BOX SIZING */
/* COLUMNS */
/* OPACITY */
/* OUTLINE RADIUS */
/* RESIZE */
/* TEXT SHADOW
@mixin text-shadow($x, $y, $blur, $color)
{
    text-shadow: $x $y $blur $color;
}
*/
/* TEXT FILL COLOR */
/* TRANSFORM  */
/* TRANSITION */
/* TransitionFull */
/*Keyframes*/
/*Animation*/
/*EZAnimation*/
/*Calculation*/
/*perspective */
/*perspective origin */
/*transform style*/
/*backface visibility */
/*flex*/
/*@mixin box-shadow($shadow...)
{
  -moz-box-shadow: $shadow; -o-box-shadow: $shadow;-webkit-box-shadow: $shadow;box-shadow:  $shadow;
}*/
/*----------------------------------------------  Media Queries ----------------------------------------------  */
/* -------navigation -------*/
.overlayc1 ~ figcaption {
  background-color: #403353;
}

.overlayc1:before {
  background-color: rgba(64, 51, 83, 0.65);
}

.overlayc2 ~ figcaption {
  background-color: #4d9e68;
}

.overlayc2:before {
  background-color: rgba(77, 158, 104, 0.75);
}

.overlayc3 ~ figcaption {
  background-color: #D69746;
}

.overlayc3:before {
  background-color: rgba(214, 151, 70, 0.75);
}

.primary {
  color: #403353;
}

.primary-bg {
  background-color: #403353;
  color: white;
}

.secondary {
  color: #4d9e68;
}

.secondary-bg {
  background-color: #4d9e68;
}

.tertiary {
  color: #D69746;
}

.tertiary-bg {
  background-color: #D69746;
}
/*# sourceMappingURL=customer-color-io.css.map */