/*
  This file contains all the base styling for sass files. Pulling in all the 
  necessary variables and mixins but does not actually output anything so is
  safe to use as a base for other css files without adding excessive weight
*/
/*********************
BREAKPOINTS
*********************/
/*
  screen-tiny: 321 - 320
  screen-xs: 480px - 767px
  screen-sm: 768px - 969px
  screen-md: 970px - 1199px
  screen-lg: 1200px
*/
/*********************
Placeholder
*********************/
/*********************
VENDOR PREFIX
*********************/

.xrx-core-background-color,.xrx-core-background-color > div {
  position: relative;
}

.xrx-core-background-color:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  pointer-events: none;
}

.xrx-core-background-color.xrx-core-background-color-white:before {
  background: #fff;
}

.xrx-core-background-color.xrx-core-background-color-gray:before {
  background: #ebebeb;
}

.xrx-core-background-color.xrx-core-background-color-dark-gray:before {
  background: #333;
}

.xrx-core-background-color.xrx-core-background-color-dark-gray,.xrx-core-background-color.xrx-core-background-color-dark-gray h1,.xrx-core-background-color.xrx-core-background-color-dark-gray h2,.xrx-core-background-color.xrx-core-background-color-dark-gray h3,.xrx-core-background-color.xrx-core-background-color-dark-gray h4,.xrx-core-background-color.xrx-core-background-color-dark-gray h5,.xrx-core-background-color.xrx-core-background-color-dark-gray h6 {
  color: #fff;
}

.xrx-core-background-color.xrx-core-background-color-red:before {
  background: #d92231;
}

.xrx-core-background-color.xrx-core-background-color-red,.xrx-core-background-color.xrx-core-background-color-red h1,.xrx-core-background-color.xrx-core-background-color-red h2,.xrx-core-background-color.xrx-core-background-color-red h3,.xrx-core-background-color.xrx-core-background-color-red h4,.xrx-core-background-color.xrx-core-background-color-red h5,.xrx-core-background-color.xrx-core-background-color-red h6 {
  color: #fff;
}