/* CHANGE THE FOLLOWING LOCATIONS TO MATCH:
- /functions.php
- /inc/singular-functions::singular_color_palette_class
- /js/acf-api.js

*/
/* COLOR PALETTE VARIABLES -------------------------------------- */
:root {
  --brand-green: #81b350;
  --brand-orange: #f28225;
  --brand-blue: #00bbff;
  --brand-grey: #4d4d4d;
  --grey: #939598;
	--grey-60-lighter: #D4D5D6;
	--grey-80-lighter: #E9EAEA;
  --text: #333333;
  --black: #000000;
  --white: #ffffff;
}

/* MIXINS ---------------------------------------------------- */
/* solid colors */
.has-brand-green-color {
  color: var(--brand-green) !important;
}
.has-brand-green-background-color {
  background-color: var(--brand-green);
}
.has-brand-orange-color {
  color: var(--brand-orange) !important;
}
.has-brand-orange-background-color {
  background-color: var(--brand-orange);
}
.has-brand-blue-color {
  color: var(--brand-blue) !important;
}
.has-brand-blue-background-color {
  background-color: var(--brand-blue);
}
.has-brand-grey-color {
  color: var(--brand-grey) !important;
}
.has-brand-grey-background-color {
  background-color: var(--brand-grey);
}
.has-grey-color {
  color: var(--grey) !important;
}
.has-grey-background-color {
  background-color: var(--grey);
}
.has-text-color {
  color: var(--text) !important;
}
.has-text-background-color {
  background-color: var(--text);
}
.has-black-color {
  color: var(--black) !important;
}
.has-black-background-color {
  background-color: var(--black);
}
.has-white-color {
  color: var(--white) !important;
}
.has-white-background-color {
  background-color: var(--white);
}

/* gradients */
.has-brand-grey-15-gradient-background {
  background: rgb(77, 77, 77);
  background: linear-gradient(90deg, rgba(77, 77, 77, 0.151720063) 0%, rgba(77, 77, 77, 0.151720063) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4d4d4d", endColorstr="#4d4d4d", GradientType=1);
}

/* OVERRIDES ---------------------------------------------------- */
.has-black-background-color, .has-black-background-color h1, .has-black-background-color h2, .has-black-background-color h3, .has-black-background-color h4, .has-black-background-color h5, .has-black-background-color p, .has-black-background-color p a, .has-black-background-color ul, .has-black-background-color ol {
  color: var(--white) !important;
}

.has-brand-grey-background-color, .has-brand-grey-background-color h1, .has-brand-grey-background-color h2, .has-brand-grey-background-color h3, .has-brand-grey-background-color h4, .has-brand-grey-background-color h5, .has-brand-grey-background-color p, .has-brand-grey-background-color p a, .has-brand-grey-background-color ul, .has-brand-grey-background-color ol {
  color: var(--white) !important;
}

.has-text-background-color, .has-text-background-color h1, .has-text-background-color h2, .has-text-background-color h3, .has-text-background-color h4, .has-text-background-color h5, .has-text-background-color p, .has-text-background-color p a, .has-text-background-color ul, .has-text-background-color ol {
  color: var(--white) !important;
}