/*[+] Root variables. */
:root {
  /* Colors. */
  --color-header-bg: rgba(51, 86, 140, .05);
  --color-ordered-list-marker-bg: rgba(51, 86, 140, .05);
  --color-ordered-list-marker-text: rgba(51, 86, 140, 1);
  --color-sticky-header-bg: rgba(255, 255, 255, 1);
  --color-link-text: #33568C;
  --color-footer-link: rgba(255, 255, 255, 0.5);
  --color-footer-link-hover: rgba(255, 255, 255, 1);
  --color-body-text: rgba(39, 41, 38, 0.7);
  --color-heading-text-blue: rgba(51, 86, 140, 1);
  --color-link-text-blue: rgba(51, 86, 140, 1);
  --color-primary-blue: #33568C;
  --color-primary-coral: #DC5D5C;
  --color-primary-blue-button: #33568c;
  --color-primary-blue-button-hover: #DC5D5C;
  --color-primary-coral-button: #DC5D5C;
  --color-primary-white-button: white;
  --color-field-focus-blue: #33568C;
  --color-field-border: rgba(220, 231, 248, 1);
  --color-list-border: rgba(220, 231, 248, 1);
  --color-field-focus-border: rgba(51, 86, 140,.5);
  --color-field-focus-box-shadow: 0 0 0 .2rem rgba(51, 86, 140, .25);
  --color-field-placeholder: rgba(39, 41, 38, 0.7);
  /* Measurements and dimensions. */
  --width-boxed-container: 100%;
  --top-admin-bar: 32px;
  /* Icons */
  --icon-check-marker-one-space: "✔️ ";
  --icon-bulb-marker-no-space: "💡";
  --icon-bulb-marker-two-spaces: "💡  ";
}
@media screen and (max-width: 782px) {
  :root {
    --top-admin-bar: 46px;
  }
}
@media screen and (min-width: 991px) {
  :root {
    --width-boxed-container: calc(10 / 12 * 100%);
  }
}
/*[-] Root variables. */

/* Simple, safe CSS reset */
div.:not(.vc_row) * {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

html,
html.vc_mobile {
  margin: 0 !important;
}

html, body {
  height: 100%;
}

body {
  width: 100%;
  line-height: 1.5;
  font-family: sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.admin-bar #wpadminbar {
  position: fixed;
}
body.admin-bar header {
  top: var(--top-admin-bar);
}
body.admin-bar .site-wrapper {
  padding-top: var(--header-height, 8rem); /* fallback padding */
}
body.admin-bar .site-wrapper {
  padding-top: 32px;
  padding-top: calc(var(--header-height, 8rem) + 32px); /* fallback padding */
}
@media screen and (max-width: 782px) {
  body.admin-bar .site-wrapper {
    padding-top: calc(var(--header-height, 8rem) + 46px); /* fallback padding */
  }
}

img,
picture,
video,
canvas {
  display: block;
  max-width: 100%;
}
svg {
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

img,
svg {
  vertical-align: middle;
}

a {
  text-decoration: none;
  transition: all .2s ease-in-out;
  color: var(--color-link-text);
}
main a:hover {
  text-decoration: underline;
}