/* Aanmeldpopup trainingen, gemeten op marcneerhof.nl (Elementor-popups 1748 en 3203). */
html.mn-popup-open{overflow:hidden;}
.mn-popup{position:fixed;inset:0;z-index:100010;display:flex;align-items:center;justify-content:center;background:rgba(82,71,82,.6);}
.mn-popup[hidden]{display:none!important;}
.mn-popup-zt{background:rgba(0,0,0,.8);}
.mn-popup-venster{position:relative;width:800px;max-width:100%;max-height:100%;overflow-y:auto;background:#f5f3ef;border-radius:8px;box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;}
.mn-popup-zt .mn-popup-venster{width:640px;background:#fff;border-radius:0;}
.mn-popup-sluit{position:absolute;top:14px;right:14px;z-index:2;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#6a7180;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.mn-popup-sluit svg{width:14px;height:14px;}
.mn-popup-kop{display:flex;align-items:center;gap:15px;padding:30px;background:#0b1018;}
.mn-popup-babs .mn-popup-kop{border-radius:8px 8px 0 0;}
.mn-popup-kop img{flex:0 0 125px;width:125px;height:125px;}
.mn-popup-kop h3{margin:8px 0 10px;color:#f5f3ef;font-family:"Playfair Display",serif;font-size:var(--mn-kit-h3);font-weight:400;line-height:1.2;}
.mn-popup-kop p{margin:0;color:#f5f3ef;font-family:Inter,sans-serif;font-size:var(--mn-kit-body);line-height:var(--mn-kit-lh);}
.mn-popup-body{padding:40px 40px 80px;}
.mn-popup-body .melange-formulier{margin:0;padding:0;background:none;box-shadow:none;border:0;max-width:none;}
.mn-popup-body .melange-formulier-form{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;row-gap:35px;margin:0;padding:0;}
.mn-popup-body .melange-formulier-hp{position:absolute!important;left:-9999px!important;}
.mn-popup-body .melange-formulier-veld{display:block;margin:0;padding:0;}
.mn-popup-body .melange-formulier-veld label{display:block;margin:0;padding:0 0 10px;color:#344054;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:18px;}
.mn-popup-body .melange-formulier-ster{display:none;}
.mn-popup-body .melange-formulier-veld input,.mn-popup-body .melange-formulier-veld select{display:block;width:100%;box-sizing:border-box;height:51.6px;min-height:40px;margin:0;padding:12px;border:1px solid #e7e1d6;border-radius:100px;background-color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:25.6px;color:rgba(0,0,0,.35);box-shadow:none;outline:none;}
.mn-popup-body .melange-formulier-veld input::placeholder{color:rgba(0,0,0,.35);opacity:.6;}
.mn-popup-body .melange-formulier-veld select{color:#000;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0h10L5 6z' fill='rgba(0,0,0,.35)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:11px 7px;}
.mn-popup-body .melange-formulier-veld input:focus,.mn-popup-body .melange-formulier-veld select:focus{border-color:#b88c48;}
.mn-popup-body .melange-formulier-veld:has(select){grid-column:1;}
.mn-popup-body .melange-formulier-ip{grid-column:1 / -1;order:9;margin:-20px 0 0;padding:0;background:none;font-family:Inter,sans-serif;font-size:13px;line-height:1.5;color:#8a8a8a;text-align:center;}
.mn-popup-body .melange-formulier-knop{grid-column:1 / -1;order:8;margin:0;text-align:center;}
.mn-popup-body .melange-formulier-knop button{display:inline-block;margin:0;padding:18px 45px;border:0;border-radius:2px;background:#b88c48;color:#06090f;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:13px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;box-shadow:none;transition:background-color .3s;}
.mn-popup-body .melange-formulier-knop button:hover{background:#caa05a;}
.mn-popup-body .melange-formulier-melding{margin:0;padding:16px 20px;border-radius:4px;font-family:Inter,sans-serif;font-size:16px;line-height:1.6;}
.mn-popup-body .melange-formulier-gelukt{background:#fff;border-left:3px solid #b88c48;color:#1f242c;}
.mn-popup-body .melange-formulier-fout{grid-column:1 / -1;background:#fbeaea;color:#8a1f1f;margin-bottom:24px;}

@media(max-width:767px){
  .mn-popup{align-items:stretch;}
  .mn-popup-venster,.mn-popup-zt .mn-popup-venster{width:100%;height:100%;padding:0 24px;border-radius:0;}
  .mn-popup-babs .mn-popup-kop{border-radius:0;}
  .mn-popup-kop{padding:20px;gap:15px;}
  .mn-popup-kop img{flex-basis:67px;width:67px;height:67px;}
  .mn-popup-kop h3{font-size:20px;line-height:24px;}
  .mn-popup-kop p{font-size:13px;line-height:19.5px;}
  .mn-popup-body{padding:40px 20px 40px;}
  .mn-popup-body .melange-formulier-form{grid-template-columns:1fr;}
}
