/* 1a. Containers */


  



  


/* 1b. Colors */





/* 1c. Typography */















/* 1d. Buttons */


























/* Drag and drop layout styles */

.dnd-section {
  padding: 60px 20px;
}

/* Padding on blog post sections */

.blog-post-section {
  padding: 60px 0;
}

/* .content-wrapper is used for blog post and system templates and .header-wrapper is used for the website header module */

.dnd-section > .row-fluid,
.content-wrapper,
.header__wrapper {
  max-width: 1200px;
}





html {
  font-size: 18px;
  scroll-behavior: smooth;
}

body {
  font-family: Geist, sans-serif;
  font-weight: 400;
  background-color: #0a0a0a;
  color: #ffffff;
  font-size: 18px;
}

/* Paragraphs */

p {
  font-family: Geist, sans-serif;
  font-weight: 400;
}

/* Anchors */

a {
  font-family: Geist, sans-serif;
  font-weight: 400;
  color: #039c97;
}

a:hover,
a:focus {
  color: #5df6f1;
}

a:active {
  color: #53ece7;
}

/* Headings */

h1 {
  font-family: Geist, serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 48px;
}

h2 {
  font-family: Geist, serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 34px;
}

h3 {
  font-family: Geist, serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 30px;
}

h4 {
  font-family: Geist, serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 26px;
}

h5 {
  font-family: Geist, serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 22px;
}

h6 {
  font-family: Geist, serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
}

/* Blockquotes */

blockquote {
  font-family: Geist, sans-serif;
  font-weight: 400;
  border-left-color: #ffffff;
  color: #ffffff;
  font-size: 18px;
}

blockquote > footer {
  font-family: Geist, sans-serif;
  font-weight: 400;
  font-size: 18px;
}





.button,
.hs-button {
  border-radius: 8px;
  padding-top: 4px;
padding-right: 12px;
padding-bottom: 4px;
padding-left: 12px;
;
  background-color: #039c97;
  color: #ffffff;
  fill: #ffffff;
}

.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus {
  background-color: #5df6f1;
  color: #ffffff;
}

.button:active,
.hs-button:active {
  background-color: #53ece7;
}

/* Primary button */

.button--primary,
.hs-button--primary {
  background-color: #039c97;
  color: #ffffff;
  fill: #ffffff;
}

.button--primary:hover,
.button--primary:focus,
.hs-button--primary:hover,
.hs-button--primary:focus {
  background-color: #5df6f1;
  color: #ffffff;
}

.button--primary:active,
.hs-button--primary:active {
  background-color: #53ece7;
}

/* Secondary button */

.button--secondary,
.hs-button--secondary {
  background-color: #f8f9fa;
  color: #0a0a0a;
  fill: #0a0a0a;
}

.button--secondary:hover,
.button--secondary:focus,
.hs-button--secondary:hover,
.hs-button--secondary:focus {
  background-color: #d0d1d2;
  color: #0a0a0a;
}

.button--secondary:active,
.hs-button--secondary:active {
  background-color: #ffffff;
}

/* Subtle button */

.button--subtle,
.hs-button--subtle {
  background-color: #0a0a0a;
  color: #039c97;
  fill: #039c97;
  
  border-width: {units=px, value=1};
  border-style: solid;
  border-color: rgba(3, 156, 151, 1.0);
  
}

.button--subtle:hover,
.button--subtle:focus,
.hs-button--subtle:hover,
.hs-button--subtle:focus {
  background-color: #646464;
  color: #039c97;
}

.button--subtle:active,
.hs-button--subtle:active {
  background-color: #5a5a5a;
}






/* Error templates */

.error-page:before {
  font-family: Geist, sans-serif;
  font-weight: 400;
}

/* Search template */

.hs-search-results__title {
  font-size: 34px;
}





.card {
  border-radius: 12px;
  background-color: #171717;
  border: 1px solid rgba(255, 255, 255, 20%);
}