/* 
  Base CSS are for the global elements such as header, footer, menu, button, link, hover state
*/
:root {
  --bs-border-radius: 6.25rem;
}

main#site {
  font-family: "Nunito Sans", sans-serif;
  color: var(--dark);
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
figure,
img {
  margin: 0;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Nunito Sans", sans-serif;
  color: var(--secondary);
}
p {
  font-size: 20px;
  margin-top: 16px;
}
p:only-of-type {
  margin-top: 0;
}
p:empty {
  display: none;
}

a {
  color: var(--primary);
  text-decoration: none;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

::marker {
  display: none;
  font-size: 0;
}

/* bg */
.gradient-primary {
  background: rgb(45, 168, 223);
  background: -moz-radial-gradient(
    circle,
    rgba(45, 168, 223, 1) 0%,
    rgba(44, 63, 144, 1) 100%
  );
  background: -webkit-radial-gradient(
    circle,
    rgba(45, 168, 223, 1) 0%,
    rgba(44, 63, 144, 1) 100%
  );
  background: radial-gradient(
    circle,
    rgba(45, 168, 223, 1) 0%,
    rgba(44, 63, 144, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2da8df",endColorstr="#2c3f90",GradientType=1);
}
/* DO NOT REMOVE debugging  */
.col {
  position: relative;
}
.debugging_tag,
.debugging_tag_column {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1rem;
  width: 100%;
  border-top: 2px dashed #ff0000;
  color: #ff0000;
}
.debugging_tag > span {
  background-color: #ff0000;
  color: #fff;
  padding: 0.1875rem 0.375rem;
  display: inline-block;
  transform: translateY(-40%);
}
.debugging_tag_column {
  border-top: 2px dashed #0000ff;
  text-align: center;
}
.debugging_tag_column > span {
  background-color: rgb(0 0 255);
  color: #fff;
  padding: 0.1875rem 0.375rem;
  display: inline-block;
  transform: translateY(-20%);
}
.debugging_tag > span,
.debugging_tag_column > span {
  position: relative;
  z-index: 10;
}

/* border-radius */
.border-radius-10 {
  border-radius: 10px !important;
}
.border-radius-20 {
  border-radius: 20px !important;
}
.border-radius-30 {
  border-radius: 30px !important;
}
.border-radius-40 {
  border-radius: 40px !important;
}

/* btn */
.btn,
.gform_button.button {
  font-size: 24px;
  font-family: "Nunito Sans", sans-serif;
  border-radius: 10px;
  padding: 5px 15px;
  margin: 0;
  font-weight: 900;
}
#site .gform_button.button {
  background-color: var(--primary);
  border: 2px solid var(--primary);
  color: #fff;
}
#site .gform_button.button:hover {
  background-color: #fff;
  border: 2px solid var(--primary);
  color: var(--primary);
}

/* stripe-nav */
#stripe-nav {
  color: #fff;
}
.stripe-nav-wrap {
  height: 75px;
}
.stripe-nav-wrap .stripe-content {
  width: calc(100% / 3);
  gap: 0 5px;
}
#stripe-nav a {
  color: #fff;
  text-decoration: none;
}
.stripe-nav-wrap .stripe-content.sc-socials {
  gap: 0 30px;
}

/* site-banner-wrapper */
.site-banner.fullsize img {
  height: auto;
}
.site-banner-wrapper img {
  height: 740px;
  width: 100%;
  object-fit: cover;
}

.site-banner-wrapper .site-banner-content .content {
  top: 0;
  left: 0;
  place-content: center;
  text-align: center;
}

.site-banner-wrapper .site-banner-content .content h2 {
  font-family: "Darumadrop One", sans-serif;
  font-size: 130px;
  color: var(--white);
  text-wrap: balance;
  width: 80%;
  text-align: center;
}

/* footer-main */
#footer-main {
}
#footer-main img {
  max-width: 100%;
}

/* keyframes */

#main-nav {
  background-color: var(--white);
  position: sticky;
  top: 0;
  z-index: 9999;
}