/* =========================
   PLAY BUTTON — PREMIUM STYLE
========================= */

.vpm-btn{
  display:inline-flex;
  border:none;
  background:transparent;
  cursor:pointer;
	color:#ffffff !important;
  fill:#ffffff !important;
}
.vpm-btn,
.vpm-btn *{
  color:#ffffff !important;
  fill:#ffffff !important;
}


/* White round glow button */
.vpm-icon{
  width:80px;
  height:80px;
  border-radius:50%;
  border:3px solid #ffffff !important;
  color:#ffffff !important;
  font-size:30px;

  display:flex;
  justify-content:center;
  align-items:center;

  background:rgba(255,255,255,.1);
  box-shadow:0 0 25px rgba(0,0,0,.35);

  animation:pulse 2s infinite;
}

/* Soft glow animation */
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}
  70%{box-shadow:0 0 0 22px rgba(255,255,255,0)}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}
}


/* =========================
   POPUP OVERLAY — CENTERED
========================= */

.vpm-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.85);
  display:none;
  justify-content:center;
  align-items:center;
  z-index:999999;
  padding:20px;
}


/* =========================
   POPUP BOX
========================= */

.vpm-popup{
  position:relative;
  max-width:900px;
  width:90%;
  background:#000;
  padding:10px;
  border-radius:10px;
}


/* Keep video 16:9 */
.vpm-wrapper{
  position:relative;
  padding-top:56.25%;
}

.vpm-wrapper iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:0;
}


/* =========================
   CLOSE BUTTON
========================= */

.vpm-close{
  position:absolute;
  top:-30px;
  right:0;
  color:#fff;
  font-size:30px;
  cursor:pointer;
}

@media(max-width:600px){
  .vpm-close{
    top:5px;
    right:10px;
  }
}

/* =====================================================
   HARD RESET: KILL ELEMENTOR GLOBAL BUTTON STYLES
   (Patient Gallery Only)
===================================================== */

.pg-wrapper button,
.pg-wrapper .pg-body,
.pg-wrapper .pg-treatment{
    all: revert !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-transform: none !important;
    font: inherit !important;
}

/* =========================
   BODY PART BUTTONS
========================= */
.pg-wrapper .pg-body{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 30px !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    color: #000 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.pg-wrapper .pg-body.active{
    background: #000 !important;
    color: #fff !important;
}

/* =========================
   TREATMENT BUTTONS
========================= */
.pg-wrapper .pg-treatment{
    display: block !important;
    padding: 10px !important;
    margin-bottom: 6px !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    color: #000 !important;
    cursor: pointer !important;
}

.pg-wrapper .pg-treatment.active{
    background: #000 !important;
    color: #fff !important;
}