/* Define primary brand color (CTA) */
/* Define primary highlight and shadow colors */
/* define secondary brand color (Headings, Links, other buttons) */
/* Define secondary highlight and shadow colors */
/* Set : Primary colors brighter and darker */
/* Set: primary highlight */
/* Set: Secondary colors brighter and darker */
/* Set: secondary color highlights and shadows */
/* Define text and heading colors based on secondary colors */
.text,
.content-body {
  /*background-color: nth($mood-highlights, 8); */
  background-color: silver;
  color: #024c82;
}

.text :hover,
.content-body :hover {
  color: #1874CD;
}

.content-header,
.content-header .box,
.content-header a {
  background-color: transparent;
  color: #1874CD;
}

.content-header :hover,
.content-header .box :hover,
.content-header a :hover {
  color: #075593;
}

.text-white {
  color: #fff;
}

.text-black {
  color: #000;
}

/* Dark mode : invert the colors of text and background */
.text.is-dark-mode,
.content-body.is-dark-mode {
  color: #fdad5d;
  background-color: #05508b;
}

.text.is-dark-mode :hover,
.content-body.is-dark-mode :hover {
  color: #fdc25d;
}

.content-header.is-dark-mode,
.content-header.is-dark-mode .box a {
  color: #fee3b6;
}

/* Set : primary highlights */
.highlight-1 {
  color: #fdd968;
}

.highlight-2 {
  color: #fddb73;
}

.highlight-3 {
  color: #fddc7e;
}

.highlight-4 {
  color: #fdde89;
}

.highlight-5 {
  color: #fedf95;
}

.highlight-6 {
  color: #fee0a0;
}

.highlight-7 {
  color: #fee2ab;
}

.highlight-8 {
  color: #fee3b6;
}

.highlight-9 {
  color: #fee5c1;
}

.highlight-10 {
  color: #fee6cc;
}

.nav-highlight-1 {
  color: #2076cc;
}

.nav-highlight-2 {
  color: #2878cb;
}

.nav-highlight-3 {
  color: #317aca;
}

.nav-highlight-4 {
  color: #397cc9;
}

.nav-highlight-5 {
  color: #417ec8;
}

.nav-highlight-6 {
  color: #497fc6;
}

.nav-highlight-7 {
  color: #5181c5;
}

.nav-highlight-8 {
  color: #5a83c4;
}

.nav-highlight-9 {
  color: #6285c3;
}

.nav-highlight-10 {
  color: #6a87c2;
}

/* Shadows*/
.shadow-1 {
  background-color: #fbcd55;
}

.shadow-2 {
  background-color: #f9c14e;
}

.shadow-3 {
  background-color: #f7b646;
}

.shadow-4 {
  background-color: #f5ab3e;
}

.shadow-5 {
  background-color: #f4a037;
}

.shadow-6 {
  background-color: #f2942f;
}

.shadow-7 {
  background-color: #f08927;
}

.shadow-8 {
  background-color: #ee7e1f;
}

.shadow-9 {
  background-color: #ec7218;
}

.shadow-10 {
  background-color: #ffd32e;
}

.nav-shadow-1 {
  background-color: #1670c5;
}

.nav-shadow-2 {
  background-color: #136bbc;
}

.nav-shadow-3 {
  background-color: #1167b4;
}

.nav-shadow-4 {
  background-color: #005477;
}

.nav-shadow-5 {
  background-color: #0c5ea4;
}

.nav-shadow-6 {
  background-color: #0a599b;
}

.nav-shadow-7 {
  background-color: #075593;
}

.nav-shadow-8 {
  background-color: #05508b;
}

.nav-shadow-9 {
  background-color: #024c82;
}

.nav-shadow-10 {
  background-color: #00477a;
}

.is-shadow {
  -webkit-box-shadow: 7px 5px 5px #2d3d38;
          box-shadow: 7px 5px 5px #2d3d38;
}

.is-shadow.is-dark-mode {
  -webkit-box-shadow: 7px 5px 5px #ffd32e;
          box-shadow: 7px 5px 5px #ffd32e;
}
/*# sourceMappingURL=pal01_ceteras_webapps.css.map */