/*!
Theme Name: educatius nz
Theme URI: http://educatius.org/
Author: Dreambridge
Author URI: http://educatius.org/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: educatius_nz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

:root {
  --teal: #009490;
  --orange: #ff5100;
  --beige: #faf4e2;
  --light-purple: #410099;
  --purple: #2e1a46;
  --dark-teal: #004f51;
  --dark-gray: #2e146;
  --dark-green: #062a30;
  --beige: #faf4e2;
  --pink: #b14c59;
  --light-pink: #e8b8a6;
  --dark-pink: #691c32;
  --black: #000;
  --white: #ffffff;
  --bright-orange: #ff5100;
  --turquoise: #19d3c5;
  --lavender: #ae95da;
  --yellow: #ffb71b;
  --dark-yellow: #ff8300;
}

.has-primary-blue-color {
  color: var(--teal);
}

.has-primary-blue-background-color {
  background-color: var(--teal);
}

.has-dark-orange-color {
  color: #d24204;
}

.has-dark-orange-background-color {
  background-color: #d24204;
}

.has-gray-color {
  color: #f3f3f3;
}

.has-gray-background-color {
  background-color: #f3f3f3;
}

.has-light-blue-color {
  color: #d2e6ff;
}

.has-light-blue-background-color {
  background-color: #d2e6ff;
}

.has-navy-blue-color {
  color: #082d57;
}

.has-navy-blue-background-color {
  background-color: #082d57;
}

.has-dark-gray-color {
  color: #313131;
}

.has-dark-gray-background-color {
  background-color: #313131;
}

.has-dark-green-color {
  color: #313113;
}

.has-dark-green-background-color {
  background-color: #313113;
}

.has-very-light-blue-color {
  color: #f4f9ff;
}

.has-very-light-blue-background-color {
  background-color: #f4f9ff;
}

.has-pink-color {
  color: #f8c9b3;
}

.has-pink-background-color {
  background-color: #f8c9b3;
}

.has-light-pink-color {
  color: #fdf6f3;
}

.has-light-pink-background-color {
  background-color: #fdf6f3;
}

.has-deep-red-color {
  color: #752300;
}

.has-deep-red-background-color {
  background-color: #752300;
}

/* ---------------new-color-update----------------- */
.has-beige-color {
  color: var(--beige);
}

.has-beige-background-color {
  background-color: var(--beige);
}

.has-dark-gray-color {
  color: var(--dark-gray);
}

.has-dark-gray-background-color {
  background-color: var(--dark-gray);
}

.has-light-purple-color {
  color: var(--light-purple);
}

.has-light-purple-background-color {
  background-color: var(--light-purple);
}

.has-pink-color {
  color: var(--pink);
}

.has-pink-background-color {
  background-color: var(--pink);
}

.has-light-pink-color {
  color: var(--light-pink);
}

.has-light-pink-background-color {
  background-color: var(--light-pink);
}

.has-orange-color {
  color: var(--orange);
}

.has-orange-background-color {
  background-color: var(--orange);
}

.has-dark-teal-color {
  color: var(--dark-teal);
}

.has-dark-teal-background-color {
  background-color: var(--dark-teal);
}

.has-dark-pink-color {
  color: var(--dark-pink);
}

.has-dark-pink-background-color {
  background-color: var(--dark-pink);
}

.has-dark-green-color {
  color: var(--dark-green);
}

.has-dark-green-background-color {
  background-color: var(--dark-green);
}

.has-teal-color {
  color: var(--teal);
}

.has-teal-background-color {
  background-color: var(--teal);
}

.has-black-color {
  color: var(--black);
}

.has-black-background-color {
  background-color: var(--black);
}

.has-purple-color {
  color: var(--purple);
}

.has-purple-background-color {
  background-color: var(--purple);
}

.has-bright-orange-color {
  color: var(--bright-orange);
}

.has-bright-orange-background-color {
  background-color: var(--bright-orange);
}

.has-turquoise-color {
  color: var(--turquoise);
}

.has-turquoise-background-color {
  background-color: var(--turquoise);
}

.has-lavender-color {
  color: var(--lavender);
}

.has-lavender-background-color {
  background-color: var(--lavender);
}

.has-yellow-color {
  color: var(--yellow);
}

.has-yellow-background-color {
  background-color: var(--yellow);
}

.has-dark-yellow-color {
  color: var(--dark-yellow);
}

.has-dark-yellow-background-color {
  background-color: var(--dark-yellow);
}