/**
For the drag & drop enabled quiz on this page 
https://signaturefd.com/get-started/
**/
/****
** /get-started/
****/
.step-email form.step-email-form {
  margin-bottom: 75px; }

/*
https://signaturefd.com/get-started/
Welcome page (previously called get started page)
This is the first page of the quiz.
*/
.hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe {
  max-width: 400px; }

/*
https://signaturefd.com/generosity-quiz-get-started-welcome-survey/
Get Started page (Newly added after the Welcome page which was previously called Get Started)
This is step 1 of the process, after the welcome page.
*/
.hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 {
  max-width: 500px;
  /**
  We're hiding the email address because it's being populated using
  the generosity-quiz.js script from localstorage email field which
  was saved using the email from the form on the Welcome page.
  **/ }
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 .hs-email {
    display: none; }

.hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6,
.hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe {
  margin: 0 auto 75px auto; }
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 .hs-form-required,
  .hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe .hs-form-required {
    display: none; }
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 .hs-form-field,
  .hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe .hs-form-field {
    margin-top: 1rem; }
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 li,
  .hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe li {
    list-style: none;
    margin-left: -1.5em; }
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 fieldset,
  .hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe fieldset {
    margin-top: 0.5em; }
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 .hs-form-radio-display,
  .hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe .hs-form-radio-display {
    cursor: pointer; }
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 .hs-submit input,
  .hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe .hs-submit input {
    width: 100%;
    margin-top: 0;
    text-align: center; }
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 .hs-error-msg,
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 .hs-error-msgs,
  .hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe .hs-error-msg,
  .hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe .hs-error-msgs {
    color: red; }
  .hs-form-20b2347a-ef56-4a8d-9c16-2d08e508efc6 .hs-form-field span,
  .hs-form-8b508d92-acfa-4e94-9dfc-5ab1bc7c5bbe .hs-form-field span {
    color: #555555; }

.continue-bar .selected-value {
  text-align: center;
  width: 100%;
  line-height: 2;
  font-size: 2em; }
  .continue-bar .selected-value span {
    margin-left: 0.2em; }
  .continue-bar .selected-value .qty-values,
  .continue-bar .selected-value .countdown {
    font-weight: bold;
    color: #6cc5e9; }

.continue-bar .continue-btn-wrap {
  display: none;
  width: 100%; }
  .continue-bar .continue-btn-wrap button {
    padding-left: 3em;
    padding-right: 3em; }

/****
* Final "Complete quiz" form that should only show as a button.
* All fields, except the submit button, should be hidden.
* The code should populate the fields within the form.
*
*****/
.hs-form-21264854-71b7-4086-9486-06ada2a18b29 {
  display: none; }

/****
* /core-values/
* /generosity-alignment-quiz/
****/
body.next-steps-page .ui-draggable-handle,
body.core-values-page .ui-draggable-handle,
body.generosity-quiz-page .ui-draggable-handle {
  width: 100%;
  font-size: 16px;
  color: #133156;
  letter-spacing: 0;
  text-align: center;
  padding: 8px 16px;
  border-radius: 16px;
  margin: 10px auto;
  cursor: pointer;
  background: #f4fcff;
  border: 2px solid #6cc5e9;
  box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.27);
  display: inline-table;
  height: 1rem; }

body.next-steps-page .main-content,
body.core-values-page .main-content,
body.generosity-quiz-page .main-content {
  padding-bottom: 200px; }

body.next-steps-page .user-progress,
body.core-values-page .user-progress,
body.generosity-quiz-page .user-progress {
  margin-top: 1em; }

body.next-steps-page .user-progress-text,
body.core-values-page .user-progress-text,
body.generosity-quiz-page .user-progress-text {
  margin: 0 auto 1em auto; }

body.next-steps-page .step-wrap .step.active,
body.core-values-page .step-wrap .step.active,
body.generosity-quiz-page .step-wrap .step.active {
  max-width: 900px;
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  margin: 1em auto; }

body.next-steps-page .step-wrap .step .step-image,
body.core-values-page .step-wrap .step .step-image,
body.generosity-quiz-page .step-wrap .step .step-image {
  flex: 30;
  padding: 0.5em; }
  body.next-steps-page .step-wrap .step .step-image img,
  body.core-values-page .step-wrap .step .step-image img,
  body.generosity-quiz-page .step-wrap .step .step-image img {
    margin: 0 auto; }

body.next-steps-page .step-wrap .step .step-instructions,
body.core-values-page .step-wrap .step .step-instructions,
body.generosity-quiz-page .step-wrap .step .step-instructions {
  font-size: 16px;
  flex: 70;
  padding: 1em; }
  body.next-steps-page .step-wrap .step .step-instructions h3,
  body.core-values-page .step-wrap .step .step-instructions h3,
  body.generosity-quiz-page .step-wrap .step .step-instructions h3 {
    text-align: left;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.2; }
  body.next-steps-page .step-wrap .step .step-instructions p,
  body.core-values-page .step-wrap .step .step-instructions p,
  body.generosity-quiz-page .step-wrap .step .step-instructions p {
    padding: 0;
    margin: 0.5em 0;
    font-size: 1.1em;
    line-height: 1.3;
    text-align: left; }

body.next-steps-page .form,
body.core-values-page .form,
body.generosity-quiz-page .form {
  padding: 2em 3.5em;
  border-radius: 16px;
  background-color: #d3edf8 !important; }

body.next-steps-page .drop-destination,
body.core-values-page .drop-destination,
body.generosity-quiz-page .drop-destination {
  width: 95%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center; }
  body.next-steps-page .drop-destination .ui-draggable-handle,
  body.core-values-page .drop-destination .ui-draggable-handle,
  body.generosity-quiz-page .drop-destination .ui-draggable-handle {
    width: 100%;
    font-size: 16px;
    color: #133156;
    letter-spacing: 0;
    text-align: center;
    padding: 8px 16px;
    border-radius: 16px;
    margin: 10px auto;
    cursor: pointer;
    background: #f4fcff;
    border: 2px solid #6cc5e9;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.27);
    display: inline-table;
    height: 1rem;
    width: 95%;
    display: block;
    height: auto; }

body.next-steps-page .top-10-selected-values,
body.core-values-page .top-10-selected-values,
body.generosity-quiz-page .top-10-selected-values {
  max-width: 900px;
  border-radius: 16px;
  padding: 15px;
  width: 100%;
  margin: 2em auto;
  border: solid 1px #cdeacc; }
  body.next-steps-page .top-10-selected-values h6,
  body.core-values-page .top-10-selected-values h6,
  body.generosity-quiz-page .top-10-selected-values h6 {
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    margin: 1em auto 1.5em auto;
    text-align: center; }
  body.next-steps-page .top-10-selected-values .list-of-values,
  body.core-values-page .top-10-selected-values .list-of-values,
  body.generosity-quiz-page .top-10-selected-values .list-of-values {
    display: grid;
    grid-column: 5;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-column-gap: 30px; }
  body.next-steps-page .top-10-selected-values.ui-droppable.ui-droppable-hover,
  body.core-values-page .top-10-selected-values.ui-droppable.ui-droppable-hover,
  body.generosity-quiz-page .top-10-selected-values.ui-droppable.ui-droppable-hover {
    background: #cdeacc; }

body.next-steps-page .top-5-values,
body.core-values-page .top-5-values,
body.generosity-quiz-page .top-5-values {
  max-width: 900px;
  border-radius: 16px;
  padding: 15px;
  margin: 2em auto;
  height: auto;
  flex-direction: column; }
  body.next-steps-page .top-5-values .ui-droppable-hover,
  body.core-values-page .top-5-values .ui-droppable-hover,
  body.generosity-quiz-page .top-5-values .ui-droppable-hover {
    background: #cdeacc; }
  body.next-steps-page .top-5-values .drop-disabled.ui-droppable-disabled,
  body.core-values-page .top-5-values .drop-disabled.ui-droppable-disabled,
  body.generosity-quiz-page .top-5-values .drop-disabled.ui-droppable-disabled {
    background: #ff4f3f; }
  body.next-steps-page .top-5-values h2,
  body.core-values-page .top-5-values h2,
  body.generosity-quiz-page .top-5-values h2 {
    margin: 0.5em auto 1em;
    font-size: 1.5em;
    line-height: 1; }
  body.next-steps-page .top-5-values .top-ordered-value h3,
  body.core-values-page .top-5-values .top-ordered-value h3,
  body.generosity-quiz-page .top-5-values .top-ordered-value h3 {
    margin: 1em auto 1em auto;
    font-size: 1.4em; }
  body.next-steps-page .top-5-values .top-ordered-value .drop-destination .placeholder-text,
  body.core-values-page .top-5-values .top-ordered-value .drop-destination .placeholder-text,
  body.generosity-quiz-page .top-5-values .top-ordered-value .drop-destination .placeholder-text {
    position: absolute;
    display: block; }

body.next-steps-page .value-btn-wrap button,
body.core-values-page .value-btn-wrap button,
body.generosity-quiz-page .value-btn-wrap button {
  line-height: 1 !important; }
  body.next-steps-page .value-btn-wrap button img,
  body.core-values-page .value-btn-wrap button img,
  body.generosity-quiz-page .value-btn-wrap button img {
    margin-bottom: 0 !important; }

body.next-steps-page .value-quiz-btn-wrap,
body.core-values-page .value-quiz-btn-wrap,
body.generosity-quiz-page .value-quiz-btn-wrap {
  max-width: 900px;
  margin: 2em auto;
  line-height: 1.2; }
  body.next-steps-page .value-quiz-btn-wrap h4,
  body.core-values-page .value-quiz-btn-wrap h4,
  body.generosity-quiz-page .value-quiz-btn-wrap h4 {
    font-size: 1.3em;
    margin: 0.5em auto; }
  body.next-steps-page .value-quiz-btn-wrap p,
  body.core-values-page .value-quiz-btn-wrap p,
  body.generosity-quiz-page .value-quiz-btn-wrap p {
    font-size: 1.3em;
    max-width: 700px;
    margin: 0 auto 1.5em;
    padding: 0; }
  body.next-steps-page .value-quiz-btn-wrap button,
  body.core-values-page .value-quiz-btn-wrap button,
  body.generosity-quiz-page .value-quiz-btn-wrap button {
    margin: 1em 2em; }

.generosity-quiz-page .step-wrap .step.active.step-1 {
  max-width: 100%; }

.generosity-quiz-page .step-wrap .step.active .step-image {
  flex: 35; }
  .generosity-quiz-page .step-wrap .step.active .step-image img {
    max-width: 100%;
    object-fit: cover;
    max-height: 200px;
    object-position: right top; }

.generosity-quiz-page .step-wrap .step.active .step-instructions {
  flex: 65; }

.generosity-quiz-page .form div.aggregate-item {
  margin: 10px 5px !important; }
  .generosity-quiz-page .form div.aggregate-item .aggregate-title h3 {
    font-size: 0.9em;
    line-height: 1.1;
    width: 100%;
    padding: 0 30px; }
  .generosity-quiz-page .form div.aggregate-item [contenteditable][placeholder].cst-other:empty:before {
    font-size: 0.85em;
    line-height: 2; }

body.next-steps-page .step-wrap .step.active {
  max-width: 750px;
  margin-bottom: 4em; }

.result-wrap .result-item .result-thumbnail {
  display: block;
  height: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 1.5rem;
  padding-bottom: 80%; }

@media only percy {
  #at4-share,
  .addthis-smartlayers {
    display: none !important; } }

/****
Row width and alignment
****/
.align-center {
  margin-left: auto;
  margin-right: auto; }

.max-width-850 {
  max-width: 850px !important; }

.max-width-175 {
  max-width: 175px !important; }

.max-width-400 {
  max-width: 400px !important; }

.max-width-300 {
  max-width: 300px !important; }

.max-width-200 {
  max-width: 200px !important; }

/***
Portfolio
/our-team/
***/
.portfolio-wrap .portfolio-items .work-item.port-hover:hover img {
  visibility: hidden; }

.sigpro-hs-form .hs-form input[type="text"],
.sigpro-hs-form .hs-form input[type="email"] {
  background-color: white;
  border-radius: 0;
  color: black; }

.sigpro-hs-form .hs-form .hs-form-field {
  margin-bottom: 1rem; }

.sigpro-hs-form .hs-form span {
  color: white !important; }

.sigpro-hs-form .hs-form ul,
.sigpro-hs-form .hs-form li {
  list-style: none;
  margin-left: 0;
  margin-bottom: 1rem; }