/* Update 37: opleiding sign-up ("Inschrijven" / "S'inscrire") in a Bootstrap 4 popup (Lextra 2 look) */
.lx-opl-cta { margin: 14px 0 6px; }
.lx-opl-signup-open { text-align: center; margin: 4px 0 10px; }
.lx-opl-signup-btn { font-weight: 600; }
.lx-opl-signup-btn i { margin-right: 4px; }
.lx-opl-modal .modal-dialog { max-width: 760px; }
.lx-opl-modal .modal-content { border: 0; border-radius: 12px; border-top: 6px solid #dbf607; overflow: hidden; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); }
.lx-opl-modal .modal-header { background: #21405b; color: #fff; border-bottom: 0; padding: 12px 20px; align-items: center; }
.lx-opl-modal .modal-title { color: #fff; font-weight: 700; font-size: 19px; }
.lx-opl-modal .modal-title i { color: #dbf607; margin-right: 4px; }
.lx-opl-modal .modal-header .close { color: #fff; opacity: .9; text-shadow: none; font-size: 30px; padding: 0 4px; margin: 0 0 0 auto; }
.lx-opl-modal .modal-header .close:hover { color: #dbf607; opacity: 1; }
.lx-opl-modal .modal-body { padding: 16px 20px; background: #f6f9fc; }
.lx-opl-modal .lx-form-card, .lx-opl-modal .lx-form-card.lx2-narrow { max-width: none; width: 100%; margin: 0; box-shadow: none; }
@media (max-width: 575px) { .lx-opl-modal .modal-dialog { margin: 8px; } .lx-opl-modal .modal-body { padding: 10px; } }

/* Update 37: hide the mobile menu toggle while the sign-up popup is open (it sat over the close button) */
body.modal-open .mobile-nav-toggle { display: none !important; }