/* START NEW modification to the survey popup to fit the overall design */
/* original CSS specified in the services api css */
.fullbleed-response {
   background-image: none;
   background-color: #4f4f4f;
   position: fixed;
   z-index: 100;
   bottom: 0px;
   right: 0px;
}

.fullbleed-response .wrapper.responsebox-wrapper {
   width: 420px;
}

.fullbleed-response .responsebox .responsebox-header h1 {
   padding: 8px 15px 0 20px;
}

.fullbleed-response .responsebox .responsebox-content h2 {
   padding: 0px 15px 0 0px
}

.fullbleed-response .responsebox .responsebox-content p {
   margin: 4px 25px 0px 0px
}

.responsebox .responsebox-content {
   padding: 15px 0 25px 30px;
}

.responsebox .responsebox-content .text {
   width: inherit;
}

.responsebox .responsebox-content .buttons {
   width: 420px;
   text-align: center;
   padding-right: 0px;
}

.fullbleed-response .responsebox .responsebox-content .buttons {
   margin: 20px 0px 0px 0px;
}

.wrapper a.cta, .wrapper button.cta {
   background-color: #5887f5;
   background-image: none;
   border: none;
}

.wrapper a.cta:hover, .wrapper button.cta:hover {
   background-color: #4572ed;
   background-image: none;
   border: none;
}

.wrapper a, .wrapper button {
   color: #5887f5;

}

.wrapper a:hover, .wrapper button:hover {
   color: #4572ed;
}
/* END new modification of survey popup */

@media screen and (max-width: 425px) {
  .fullbleed-response .wrapper.responsebox-wrapper {
    width: 320px;
  }
  .responsebox .responsebox-content .buttons {
    width: 100%;
    text-align: left;
  }
}