/* ESPS Widget CSS */
/* Last Updated: 06/02/2025 */

.widget-items{
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 1em 1rem 1em 1rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
    max-width: 500px;
}

.widget-items:hover{
  box-shadow: 0 6px 6px #00000026, 0 6px 6px #0003;
  transition: all .25s ease-in-out;
}


.widget-items p{
    margin-left: auto;
    margin-right: auto;
}

.widget-btn{
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    background-color: #006dae !important;
    border-color: #006dae !important;
    padding: 0.5rem 1.0625rem;
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 1px 1px 1px rgba(0,0,0,.4);
    text-align: center;
    flex: auto;
  
  }

  .widget-btn:hover {
    background-color: #0289d4 !important;
    border-color: #0289d4 !important;
    background-color: #006dae;
    transition: all .15s ease-in-out;
  }

  .question{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: black;
    margin-top: 1rem;
    margin-bottom: 0.2rem;

  }

  .outcome{
    font-weight: 700;
  }

.othercontent{
    width: 100%;
    height: 500px;
    background-color: #7e898f;
}

.contact-email{
    text-align: center;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
    color: black;
}


.espsWidgetDropdown{
  font-size: .75rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  
}

.dropdown_container{
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}


.response h2{
  text-align: center;
}