:root {
  --main-color-light: #1f997a;
  --main-color-dark: #125947;
}

html {
  height: 100%;
  scroll-padding-top: 160px;
}

body {
  width: 100%;
  height: 100%;
  font-family: "Saira", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.2rem;
  background-color: var(--main-color-light);
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: "Saira", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 800;
}

button:focus {
  outline: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.head-area {
    background-image: linear-gradient(var(--main-color-light), var(--main-color-dark));
}

.bg-light {
    background-color: var(--main-color-light)!important;
}

.bg-dark {
    background-color: var(--main-color-dark)!important;
}

.color-light {
    color: var(--main-color-light)!important;
}

.color-dark {
    color: var(--main-color-dark)!important;
}

.page-section {
  padding: 8rem 0;
}

.cms-toolbar-expanded .fixed-top {
    top: 46px !important;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}

footer ul li {
    display: inline;
}