/* 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: 14px; overflow: hidden; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); }
.lx-opl-modal .modal-header { background: #213b52; color: #fff; border-bottom: 2px solid #fdc134; padding: 12px 20px; align-items: center; }
.lx-opl-modal .modal-title { color: #fff; font-family: Poppins, sans-serif; font-weight: 700; font-size: 1.1rem; }
.lx-opl-modal .modal-title i { color: #fdc134; margin-right: 4px; }
.lx-opl-modal .modal-header .close { color: #fdc134; opacity: 1; text-shadow: none; font-size: 30px; padding: 0 4px; margin: 0 0 0 auto; }
.lx-opl-modal .modal-header .close:hover { color: #fff; opacity: 1; }
.lx-opl-modal .modal-body { padding: 16px 20px; background: #f2f6fa; }
.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; }