
@media (max-width: 380px) {
    #sa-funnel_react-app .funnel--groupEmail .funnel--question-container,
    #sa-funnel_react-app .funnel--groupGroupUsername .funnel--question-container
    {
        height: max(100vh - 400px, 375px) !important;
    }
}
.heading {
    font-size: 28px !important;
    line-height: 36px !important;
}

.question .label {
    font-size: 18px !important;
}

@media only screen and (max-width: 768px) {
    .answer {
        height: auto !important;
        justify-content: center !important;
    }

    .input--text {
        min-height: 29px !important;
        font-size: 18px !important;
    }

    .slider--labels {
        font-size: 18px !important;
    }

    .extraMessage {
        width: 216px !important;
        text-align: center !important;
    }

    .question--type-short_answer input {
        height: 42px !important;
    }
}

@media only screen and (max-width: 425px) {
    .funnel .menu {
        justify-content: space-between !important;
    }

    .button--back {
        margin-left: 36px !important;
    }
}

/* TCPA */
#sa-funnel_react-app .funnel .question.question--type-checkbox .input--checkbox {
    display: none !important;
}

#sa-funnel_react-app .funnel--groupPhone .question--termsOfService label {
    background-color: #f4f4f6 !important;
    padding: 5px 15px 7px 15px !important;
    color: #6c6c6c !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

#sa-funnel_react-app .funnel--groupPhone .question--termsOfService label {
    pointer-events: none;
}

#sa-funnel_react-app .funnel--groupPhone .question--termsOfService label a {
    pointer-events: auto !important;
}

.funnel--initialLoading {
    visibility: hidden;
}

/* One panel */
@media (min-width: 760px){

    #sa-funnel_react-app .funnel .answer {
           width: 380px !important; 
      }
    
    #sa-funnel_react-app .funnel .question.question--type-single_choice {
     background-color: white; 
     border-radius: 16px;
     width: 380px;
     padding: 16px !important;
     flex: none !important;
     box-shadow: 0px 12px 12px 0px rgba(0, 73, 110, 0.15);
     margin-top: 20px
    }
    
  }

  /* ZIP Code Delighter */
  .welcome-text-block {
    font-family: 'proxima-nova';
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
  }

  /* Green CTA */
  #sa-funnel_react-app .funnel nav.menu .button--next{
    background-color: #4E832A !important;
  }
  
  #sa-funnel_react-app .funnel nav.menu .button--next:hover {
          background-color: #315E12 !important;
  }
  
  #sa-funnel_react-app .funnel .answer.answer--selected .input--radio:before {
  background-color: #4E832A !important;
  }
  
  #sa-funnel_react-app .funnel .answer.answer--selected .input--radio {
    border: 1px solid #4E832A !important;
  }
  
  
  .progress {
  color: #4E832A !important;
  }
  
  #sa-funnel_react-app .funnel progress.progress::-webkit-progress-value {
  
  background-color:#4E832A !important;
  
  }
  /* For Firefox */
  progress::-moz-progress-bar {
  background: #4E832A;
  }
  
  /* For Chrome or Safari */
  progress::-webkit-progress-value {
  background: #4E832A;
  }
  
  /* For IE10 */
  progress {
  background: #4E832A;
  }
  
  progress {
  -webkit-appearance: none;
  }
  
  ::-webkit-progress-bar {
  background-color: #4E832A;
  }
  
  
  ::-webkit-progress-value {  background-color: #4E832A !important; }
  