@font-face {
  font-family: Vy Sans;
  font-weight: 300;
  font-style: italic;
  src: url("../vy/fonts/VySans-LightItalic.woff2"); }

@font-face {
  font-family: Vy Sans;
  font-weight: 300;
  font-style: normal;
  src: url("../vy/fonts/VySans-Light.woff2"); }

@font-face {
  font-family: Vy Sans;
  font-weight: 400;
  font-style: normal;
  src: url("../vy/fonts/VySans-Regular.woff2"); }

@font-face {
  font-family: Vy Sans;
  font-weight: 400;
  font-style: italic;
  src: url("../vy/fonts/VySans-RegularItalic.woff2"); }

@font-face {
  font-family: Vy Sans;
  font-weight: 600;
  font-style: normal;
  src: url("../vy/fonts/VySans-Bold.woff2"); }

@font-face {
  font-family: Vy Sans;
  font-weight: 600;
  font-style: italic;
  src: url("../vy/fonts/VySans-BoldItalic.woff2"); }

@font-face {
  font-family: Vy Display;
  font-weight: 500;
  font-style: normal;
  src: url("../vy/fonts/VyDisplay-Medium.woff2"); }

.xx-light {
  font-family: Vy Sans !important;
  font-weight: 300;
  background: #00957a !important;
  color: #f2f2f3 !important; }

.xx-display {
  font-family: Vy Display !important;
  background: #fde145 !important;
  color: #2a2b23 !important; }

h1 {
  font-family: Vy Display;
  font-weight: 500; }

h2 {
  font-family: "Vy Sans";
  font-weight: 600; }

.btn {
  background: #00957a;
  box-shadow: #00957a 0px 0px 0px 1px;
  color: white; }
  .btn:hover {
    background: #00685e;
    box-shadow: #00685e 0px 0px 0px 1px; }
  .btn.secondary {
    color: #00957a;
    background: white;
    box-shadow: #00957a 0px 0px 0px 1px; }
    .btn.secondary:hover {
      color: #00685e; }
  .btn.download {
    padding-left: 0em;
    margin-top: -.25em; }
    .btn.download:before {
      content: "\2193";
      font-weight: bold;
      margin-right: .75em;
      padding: .65em 1em;
      box-shadow: #00685e 0px 0px 0px 2px;
      background: #00685e;
      position: relative;
      display: inline-block; }

.main-navigation-item h3 {
  color: white;
  font-weight: 300; }

.main-navigation-item:hover a h3:before {
  background: #fae053 !important; }

.blockText .light {
  font-weight: 300; }

.blockText .regular {
  font-weight: 400; }

.blockText .bold {
  font-weight: 600; }

.blockText .display {
  font-family: "Vy Display";
  font-weight: 500; }

/* Globally prevent hyphenation */
html {
  hyphens: none;
  -ms-hyphens: none; /* For older versions of Internet Explorer */
  -webkit-hyphens: none; /* For WebKit-based browsers like Safari */
}