/**********************
 * BREAKPOINTS
 **********************/
/**********************
 * STRUCTURE
 **********************/
/**********************
 * TYPOGRAPHY
 **********************/
/**********************
 * COLORS
 **********************/
/**********************
 * FONT SIZES
 **********************/
/**********************
 * OTHER MIXINS
 **********************/
/* Text meant only for screen readers. */
/*********************************
* PREVIEW The SVG Here
* https://icomoon.io/app/#/select
* 
* GENERATED FILE
*********************************/
@font-face {
  font-family: "infantree-icons";
  font-display: block;
  src: url("../svgs/infantree-icons.woff2") format("woff2"), url("../svgs/infantree-icons.woff") format("woff"), url("../svgs/infantree-icons.ttf") format("truetype"), url("../svgs/infantree-icons.svg#infantree-icons") format("svg");
}
.checkbox-wrap.checked:before, .icon-youtube:before, .icon-twitter-x:before, .icon-twitter-bird:before, .icon-tiktok:before, .icon-pinterest:before, .icon-linkedin:before, .icon-linkedin-alt:before, .icon-instagram:before, .icon-facebook:before, .icon-facebook-alt:before, .icon-done:before, .icon-close:before {
  font-family: "infantree-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  vertical-align: bottom;
}

.icon-close:before {
  content: "\e001";
}

.icon-done:before {
  content: "\e002";
}

.icon-facebook-alt:before {
  content: "\e003";
}

.icon-facebook:before {
  content: "\e004";
}

.icon-instagram:before {
  content: "\e005";
}

.icon-linkedin-alt:before {
  content: "\e006";
}

.icon-linkedin:before {
  content: "\e007";
}

.icon-pinterest:before {
  content: "\e008";
}

.icon-tiktok:before {
  content: "\e009";
}

.icon-twitter-bird:before {
  content: "\e00a";
}

.icon-twitter-x:before {
  content: "\e00b";
}

.icon-youtube:before {
  content: "\e00c";
}

/*********************************
* Custom Icons
*********************************/
.checkbox-wrap.checked:before {
  content: "\e002";
}

:root {
  --project-gap: calc(30px + 3vw);
  --site-margin: 1.5rem;
}
@media only screen and (min-width:600px) {
  :root {
    --site-margin: 2rem;
  }
}
@media only screen and (min-width:780px) {
  :root {
    --site-margin: 3rem;
  }
}
@media only screen and (min-width:1024px) {
  :root {
    --site-margin: 6rem;
  }
}

.inf-text-blurb {
  margin: calc(4rem + 4vw) 0 calc(2rem + 2vw);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.inf-text-blurb__headline {
  margin-top: 0;
  margin-bottom: 2rem;
}

.inf-text-blurb__button {
  flex: 0 0 100%;
  margin-top: 2rem;
  border-bottom: 2px solid #003f5f;
}

@media only screen and (min-width:600px) {
  .inf-text-blurb__headline {
    flex: 1;
  }
  .inf-text-blurb__body {
    flex: 1;
    margin-top: 3rem;
    padding-left: var(--site-margin);
  }
  .inf-text-blurb__button {
    margin-top: 0;
  }
}
.inf-text-blurb.is-style--centered {
  padding: 3rem 0;
  margin-top: 0;
  position: relative;
  text-align: center;
  justify-content: center;
  align-items: flex-start;
}
.inf-text-blurb.is-style--centered .inf-text-blurb__headline {
  flex: 0 0 100%;
}
.inf-text-blurb.is-style--centered .inf-text-blurb__button {
  margin-top: 2rem;
  border-bottom: 2px solid #003f5f;
  min-width: -moz-max-content;
  min-width: max-content;
  border: 0;
  display: flex;
  justify-content: center;
}

.inf-text-blurb.is-style--centered::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(var(--site-margin) / -1);
  bottom: 0;
  left: calc(var(--site-margin) / -1);
  border: calc(5px + 0.3vw) solid #ebe72a;
  border-top: 0;
  pointer-events: none;
}

@media only screen and (min-width:420px) {
  .inf-text-blurb.is-style--centered {
    padding-left: var(--site-margin);
    padding-right: var(--site-margin);
  }
  .inf-text-blurb.is-style--centered::after {
    right: 0;
    left: 0;
  }
}
@media only screen and (min-width:600px) {
  .inf-text-blurb.is-style--centered {
    padding: var(--site-margin);
  }
  .inf-text-blurb.is-style--centered .inf-text-blurb__body {
    padding-left: 0;
    margin-top: 0;
  }
}
@media only screen and (min-width:780px) {
  .inf-text-blurb.is-style--centered .inf-text-blurb__body {
    padding-left: 0;
    padding-right: var(--site-margin);
    margin-top: 0;
    max-width: 500px;
    text-align: left;
  }
  .inf-text-blurb.is-style--centered .inf-text-blurb__button {
    margin-top: 0;
    flex: 1;
    max-width: -moz-max-content;
    max-width: max-content;
  }
}
/*# sourceMappingURL=inf-text-blurb.min.css.map */