*,
*:before,
*:after {
  box-sizing: inherit;
}

html,
body {
  font-size: $font-size-base;
  line-height: $line-height-base;
  font-family: $font-articulat-cf;
  font-weight: $font-weight-base;
  font-style: normal;
  color: black;
  box-sizing: border-box;
  overflow-x: hidden;
  // =======
  // 	font-family: $font-sans-serif;
  // 	color: $color-body;
  // >>>>>>> merge-colony-feature
}

html {
}

body {
}

p,
ul,
ol,
blockquote {
  margin: 0 0 1.25rem 0;
}

p {
  color: $color-white;
}

a {
  // color: $color-body;
  color: inherit;
  text-decoration: none;
}

small {
  font-size: 0.7rem;
  line-height: 1.5em;
  display: block;
  font-weight: $font-weight-base;
}

strong {
  font-size: $font-size-large;
  line-height: $line-height-large;
}

button {
  border: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  cursor: pointer;
  background: none;
  outline: none;
}

figure {
  margin: 0;
  padding: 0;
}

main {
  display: block;
  padding: 80px 0 0;

  @media #{$screen-md-min} {
    padding: calc(66px + 9.17rem) 0 0 0;
  }
}

blockquote {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  font-size: 2rem;
  line-height: 1.5em;
  max-width: 50%;
}

hr {
  display: block;
  border: solid $color-grey-300;
  border-width: 1px 0 0 0;
  margin: 3rem 0;
}

img {
  max-width: 100%;
  display: block;
  margin: 0;
  // =======

  // p {
  // }

  // a {
  // 	color: $color-body;
  // }

  // small {
  // 	font-size: 0.7rem;
  // 	line-height: 1.5em;
  // 	display: block;
  // 	font-weight: $font-weight-base;
  // }

  // button {
  // 	border: none;
  // 	padding: 0;
  // 	margin: 0;
  // 	display: inline-block;
  // 	cursor: pointer;
  // 	background: none;
  // 	outline: none;
  // }

  // figure {
  // 	margin: 0;
  // 	padding: 0;
  // }

  // main {
  // 	display: block;
  // 	padding: calc(#{$header-height} + 5rem) 0 0 0;

  // 	@media #{$screen-sm-min} {
  // 		padding: calc(#{$header-height} + 10rem) 0 0 0;
  // 	}
  // }

  // blockquote {
  // 	margin-left: auto;
  // 	margin-right: auto;
  // 	padding: 0;
  // 	font-size: 2rem;
  // 	line-height: 1.5em;
  // 	max-width: 50%;
  // }

  // hr {
  // 	display: block;
  // 	border: solid $color-grey-300;
  // 	border-width: 1px 0 0 0;
  // 	margin: 3rem 0;
  // }

  // img {
  // 	max-width: 100%;
  // 	display: block;
  // 	margin: 0;
  // >>>>>>> merge-colony-feature
}

// Global Styles
// -----------------------------------
.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  margin: auto;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease;
  transform: translate3d(0, 0, 0);
}

.wrap {
  &--narrow,
  &--reg,
  &--reg-1300,
  &--wide {
    width: 93%;
    margin: 0 auto;
    position: relative;
  }
  &--narrow {
    max-width: $max-width-narrow;
  }
  &--reg {
    max-width: $max-width-reg;
  }
  &--reg-1300 {
    max-width: $max-width-reg-1300;
  }
  &--wide {
    width: 100%;
    max-width: $max-width-wide;
  }
}

// .wrap {
// &--narrow,
// &--reg,
// &--wide {
// 	width: 90%;
// }
// &--wide {
// 	max-width: $max-width-wide;
// }
// }

.full-width-image {
  position: relative;
  max-width: $max-width-wide;
  margin-left: auto;
  margin-right: auto;
  display: flex;

  &.m-b {
    margin-bottom: 0.5rem;

    @media #{$screen-sm-min} {
      margin-bottom: 1rem;
    }
  }

  &.has-padding {
    padding: 0 0.5rem;

    @media #{$screen-sm-min} {
      padding: 0 1rem;
    }
  }

  img {
    width: 100%;
    margin: auto;
  }
}

// .full-width-image {
// 	&.m-b {
// 		@media #{$screen-sm-min} {
// 			margin-bottom: 1rem;
// 		}
// 	}

// 	&.has-padding {
// 		@media #{$screen-sm-min} {
// 			padding: 0 1rem;
// 		}
// 	}
// }

.half-width-images {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: $max-width-wide;
  margin-left: auto;
  margin-right: auto;
  gap: 1rem;

  @media #{$screen-md-min} {
    flex-wrap: nowrap;
  }

  &.has-padding {
    padding: 0 0.5rem;
    margin-bottom: 0.5rem;

    @media #{$screen-sm-min} {
      padding: 0 1rem;
      margin-bottom: 1rem;
    }
  }

  figure {
    flex: 0 0 100%;
    position: relative;

    @media #{$screen-md-min} {
      // flex: 0 0 calc(50% - 0.5rem);
      // flex: 0 0 50%;
      flex: 1 1 50%;
    }
  }
}

// .half-width-images {
//   gap: 0;

// 	&.has-padding {
// 		@media #{$screen-md-min} {
// 			padding: 0 1rem;
// 			margin-bottom: 1rem;
// 		}
// 	}

// 	figure {
// 		flex: 0 0 100%;
// 		position: relative;

// 		@media #{$screen-md-min} {
// 			flex: 0 0 calc(50% - 0.5rem);
// 		}
// 	}
// }

.bubble {
  position: absolute;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  padding: 2rem 3rem;
  display: none;

  @media #{$screen-md-min} {
    display: flex;
  }

  &--white {
    background: white;
    color: $brand-indigo;
    font-weight: bold;
  }

  &--green {
    background: $brand-green;
    color: white;
    font-weight: bold;

    p {
      color: #c4e8d4;
    }
  }

  &--red {
    background: #d63d42;
    color: white;
  }

  p {
    text-align: center;
    font-size: 28px;
    line-height: 1.25em;
    margin: 0;
    transform: translateY(2%);
    font-weight: bold;
  }
}

/* Move reCAPTCHA v3 badge in front */
.grecaptcha-badge {
z-index:999;
}