.ui-widget-overlay {
  background: #000000 !important;
  opacity: 0.75 !important;
}

#adblock_popup_content {
  text-align: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin-top: 50px;
  /*border: 4px solid white;*/
}

.notinzip_content {
  padding-bottom: 128px;
}

.congrats_content {
  padding-bottom: 60px;
}

#adblock_popup_content h1 {
  color: #ffffff;
  margin-bottom: 10px;
  font-size: 35px;
  font-weight: 600;
  /* font-family:'Caveat', cursive; */
}

/* ============================== MEDIA QUERIES ==================================== */
@media only screen and (min-width: 1200px) {
  .ui-dialog,
  .adblock-dialog {
    width: 800px !important;
  }
}

@media only screen and (min-width: 700px) {
  .ui-dialog,
  .adblock-dialog {
    min-width: 600px !important;
  }
}
.adblock-popup-button {
  background-color: #00497f !important;
  color: white !important;
  border: none !important;
  text-decoration: none;
  position: absolute;
  font-weight: bold;
  font-size: 20px;
  top: 0;
  right: 0;
  padding-right: 10px;
}
@media (min-device-width: 1200px) {
  .ui-dialog,
  .adblock-dialog {
    top: 550px !important;
    min-height: 200px;
    background-color: #00497f !important;
  }
} /* end of @media max-width: 1200px  */

@media (min-device-width: 499px) and (max-device-width: 1199px) {
  .ui-dialog,
  .adblock-dialog {
    min-width: 500px !important;
    background-color: #00497f !important;
  }
}

@media (min-device-width: 415px) and (max-device-width: 768px) {
  .ui-dialog,
  .adblock-dialog {
    width: 400px !important;
  }
  .ui-dialog {
    top: 400px !important;
    left: 50% !important;
    /* min-width: 300px !important; */
    min-height: 200px;
    background-color: #00497f !important;
  }
} /* end of @media max-width: 768px  */

@media (min-device-width: 376px) and (max-device-width: 414px) {
  .ui-dialog,
  .adblock-dialog {
    /* position: relative; */
    height: auto;
    top: -3818.88px !important;
    right: 51px !important;
    min-width: 100px;
    min-height: 200px;
    /* display: block; */
  }
} /* end of @media max-width: 414px  */

@media (min-device-width: 361px) and (max-device-width: 375px) {
  .ui-dialog,
  .adblock-dialog {
    top: -4144.25px !important;
    left: 28px !important;
  }

  /* remove breakpoints in not zip dialog */
  .mobile_view {
    display: none;
  }

  #adblock_popup_content h1 {
    font-size: 40px;
  }
} /* end of @media max-width: 375px  */

@media screen and (max-width: 360px) {
  .ui-dialog,
  .adblock-dialog {
    top: -4144.25px !important;
    left: 28px !important;
  }
} /* end of @media max-width: 360px  */
