/* ==== TapSpot page overrides ==== */

:root {
  --brand-bg: #BCCDE1 !important;  /* Brand bar */
  --intro-bg: #DDE6F0;  /* Intro section */
  --main-bg: #fff;   /* Main content */
  --footer-bg: #222;  /* Footer */
  --sample-banner-bg: #b71c1c;/* Sample banner */
  --link: #0055aa; /* Link color */
  --link-hover: #003366; /* Link hover color */
  --text-color: #333; /* Default text color */
  --h1-color: #004F71; /* Intro H1  */
  --intro-text-color: #004F71; /* Intro text color */
  --h2h3-color: #004F71;  /* H2 H3 color */

}

/* ==== Page background and text color ==== */
body {
  background-color: var(--main-bg);
  color: var(--text-color);
}

/* ==== Intro section ==== */
h1 {
  color: var(--h1-color);
}

#page-intro p {
  color: var(--intro-text-color);
}

/* ==== Extra padding ==== */
#page-intro {
  padding-top: 2em;
  padding-bottom: 2em;
}

/* ==== Headings ==== */

h2, h3 {
  color: var(--h2h3-color);
}




/* ==== Button ==== */

/*.block-type-button a.button {
background-color: green;
color: #fff !important;
  font-size: 120%;
}  */