#popity .infusion-submit-hidden {
  display: none !important;
}


#popity {
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  box-sizing: border-box;
}

#popity .step-first,
#popity .step-second,
#popity .step-third {
  display: flex;
  width: 100%;
}

#popity .hide {
  display: none;
}

#popity .show {
  display: flex;
}

#popity .column {
  flex: 1;
}

#popity h4,
#popity h4>p {
  font-family: 'Lato', sans-serif;
  font-weight: bolder;
  color: rgb(185, 2, 2);
  font-size: 20px;
  margin: 0;
}

#popity h2,
#popity h2 p {
  font-family: 'Lato', sans-serif;
  font-size: 44px;
  color: #000;
  font-weight: 900;
  margin: 0;
  line-height: 1.1;
  padding: 12px 0;
}

#popity p {
  font-family: 'EB Garamond', serif;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 500;
  padding: 0 0 4px;
  margin-bottom: 8px;
}

#popity .button-holder {
  padding: 5px 0;
}

#popity button,
#popity .yes-link {
  background: #f99f44;
  border: 1px solid #FA8D1D;
  border-radius: 3px;
  font-family: 'Lato', sans-serif;
  width: 100%;
  font-size: 22px;
  font-weight: 900;
  padding: 20px 12px;
  cursor: pointer;
  transition: background 0.2s ease;
  display: block;
  box-sizing: border-box;
  color: #000;
  text-decoration: none;
  text-align: center;
}

#popity button,
#popity .yes-button,
#popity .yes-link {
  margin-bottom: 12px;
  background: #f99f44;
  border: 1px solid #FA8D1D;
}

#popity button:hover,
#popity .yes-button:hover,
#popity .yes-link:hover {
  background: #fc9224;
  border-color: #FA8D1D;
}

#popity button.no-button {
  font-size: 18px;
  background: #fff;
  border: 1px solid #fa8d1d;
}

#popity button.no-button:hover {
  border-color: #fa8d1d;
  background: #fff;
}



#popity .privacy-notice {
  margin: 6px 4px;
  color: #333;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
}

#popity #pp-form {
  padding-top: 8px;
}

#popity #pp-form td {
  padding: 0;
}

#popity #pp-form label {
  display: none;
}

#popity #pp-form input[type="text"] {
  line-height: 1.5;
  padding: .4rem .75rem;
  margin: 0 0 10px;
  border: 1px solid #1a1414;
  width: 100%;
  height: 64px;
  border-radius: .25rem;
  font-family: 'EB Garamond', serif;
  color: #1a1414;
  font-size: 22px;
  box-sizing: border-box;
}

#popity #pp-form .infusion-submit {
  font-size: 28px;
}

#popity #pp-form .infusion-submit button {
  border-radius: .25rem !important;
}

#popity #pp-form .infusion-submit h3 {
  font-weight: bolder;
  font-size: 28px;
  margin: 0;
  line-height: 1;
}

#popity .mobile {
  display: none;
}

@media only screen and (max-width: 1023px) {
  #popity {
    max-width: 500px;
    background: white;
    padding: 24px 12px;
  }

  #popity .step-first,
  #popity .step-second {
    flex-flow: column;
  }

  #popity h4 {
    text-align: center;
  }

  #popity h2,
  #popity h2 p {
    text-align: center;
  }

  #popity .button-holder {
    padding: 0;
  }
}

@media only screen and (max-width: 520px) {
  #popity {
    max-width: 100%;
  }

  #popity h2,
  #popity h2 p {
    font-size: 24px;
    padding: 6px;
    margin-bottom: 0;
  }

  #popity .infusion-submit button {
    height: auto !important;
  }
}

@media only screen and (max-width: 480px) {
  #popity {
    padding: 12px 8px 6px;
  }

  #popity #pp-form label {
    font-size: 14px;
  }

  #popity h4,
  #popity h4>p {
    font-size: 18px;
  }

  #popity #pp-form input {
    height: 34px;
    font-size: 16px;
  }

  #popity p,
  #popity span {
    line-height: 1.1;
  }

  #popity button,
  #popity .yes-button,
  #popity .yes-link {
    padding: 12px;
    font-size: 18px;
  }

  #popity button.no-button {
    padding: 10px 12px;
    font-size: 14px;
  }


  #popity .desktop {
    display: none;
  }

  #popity .mobile {
    display: block;
  }
}


/*
* Quill Editor styles
*/
.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-video {
  display: block;
  max-width: 100%;
}

.ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-bg-black {
  background-color: #000;
}

.ql-bg-red {
  background-color: #e60000;
}

.ql-bg-orange {
  background-color: #f90;
}

.ql-bg-yellow {
  background-color: #ff0;
}

.ql-bg-green {
  background-color: #008a00;
}

.ql-bg-blue {
  background-color: #06c;
}

.ql-bg-purple {
  background-color: #93f;
}

.ql-color-white {
  color: #fff;
}

.ql-color-red {
  color: #e60000;
}

.ql-color-orange {
  color: #f90;
}

.ql-color-yellow {
  color: #ff0;
}

.ql-color-green {
  color: #008a00;
}

.ql-color-blue {
  color: #06c;
}

.ql-color-purple {
  color: #93f;
}

.ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-size-small {
  font-size: 0.75em;
}

.ql-size-large {
  font-size: 1.5em;
}

.ql-size-huge {
  font-size: 2.5em;
}

.ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-align-center {
  text-align: center;
}

.ql-align-justify {
  text-align: justify;
}

.ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/** Button Loader Styles **/
.button-loader {
  width: 24px;
  height: 24px;
  border: 5px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;

  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite;
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* OVERWRITTEN STYLES */

#popity-overlay-outer #popity-overlay-middle {
  background-image: var(--fl-background-image);
}
    
@media only screen and (max-width: 480px) {
  #popity-overlay-outer #popity-overlay-middle {
    background: var(--fl-background-color);
  }
}