/* template */
body,
html {
  height: 100%;
  scroll-behavior: smooth;
}

.portfolio-flex {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

/* hidden spacer before sections for proper offset */
section:before {
  height: 50px;
  content: '';
  display: block;
}

/* helpers */
.vh-50 {
  min-height: 50vh;
}
.vh-75 {
  min-height: 75vh;
}
.vh-100 {
  min-height: 100vh;
}

/*Fire idea*/
.blaze {
  font-size: 16em;
}

.valid-feedback.feedback-icon,
.invalid-feedback.feedback-icon {
  width: 15px;
  margin: -34px 12px;
  float: right;
}

.valid-feedback.check.feedback-icon,
.invalid-feedback.check.feedback-icon {
  width: 15px;
  margin: -25px 8px;
  float: right;
  font-size: 80%;
}

.pendingSpinner {
  width: 15px;
  margin: -38px 17px;
  float: right;
}

.spinnerGrowCustom {
  width: 1.7rem;
  height: 1.7rem;
}

.pendingFeedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
}

.secondSuccess {
  color: #bf9307;
}

.captchaLft {
  padding-left: 3px;
}

.implementation {
  background-color: #fff;
  overflow: visible;
}

.contentSection {
  display: block;
  padding: 30px;
  overflow: hidden;
  background-color: #f5f7f8;
}

.mainArea {
  min-height: unset;
}

.mainAreaParallax {
  background: unset;
  box-shadow: unset;
}

.bgColorForParallax {
  background: unset;
}

.footerParallax {
  overflow: hidden;
  bottom: 0;
  width: 100%;
  height: 276px;
  z-index: -1;
}

.notesArea {
  margin-top: 77px;
}

.lightWeight {
  font-weight: 400;
  color: white;
}

.validationSymbolFloatsRight {
  float: right;
  margin-right: 12px;
  margin-top: 3px;
}

/* text area valid and invalid icon */
.text-area-valid-icon {
  margin-top: 11px !important;
}

/* testing header text */
html.fonts-loaded h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:.5rem;font-family:Galada, cursive;font-weight:500;line-height:1.2;color:inherit}