/* ==========================================================
   AVCONNECT ASSISTENT
========================================================== */

/* ==========================================
   PAGINA
========================================== */

.assistantPage{

    max-width:1100px;

    margin:auto;

    padding:25px;

}

/* ==========================================
   KAARTEN
========================================== */

.assistantCard{

    background:#FFFFFF;

    border-radius:18px;

    padding:25px;

    margin-bottom:22px;

    box-shadow:0 5px 18px rgba(0,0,0,.08);

}

/* ==========================================
   TITELS
========================================== */

.assistantCard h2{

    margin-top:0;

    color:#2B92B5;

}

.assistantCard p{

    line-height:1.6;

    color:#555;

}

/* ==========================================
   LIJST
========================================== */

.assistantCard ul{

    margin-top:15px;

    padding-left:20px;

}

.assistantCard li{

    margin-bottom:10px;

}

/* ==========================================
   VRAAGVELD
========================================== */

#question{

    width:100%;

    min-height:140px;

    resize:vertical;

    padding:16px;

    border:2px solid #D9E3EC;

    border-radius:12px;

    font-family:"Comic Neue",sans-serif;

    font-size:16px;

    outline:none;

    box-sizing:border-box;

}

#question:focus{

    border-color:#2B92B5;

}

/* ==========================================
   KNOP
========================================== */

.primaryButton{

    margin-top:20px;

    background:#2B92B5;

    color:#FFFFFF;

    border:none;

    border-radius:10px;

    padding:12px 22px;

    font-family:"Comic Neue",sans-serif;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.2s;

}

.primaryButton:hover{

    background:#237A98;

}

/* ==========================================
   AI ANTWOORD
========================================== */

.assistantAnswer{

    background:#fff;

    border:1px solid #E5E7EB;

    border-radius:12px;

    padding:20px;

    line-height:1.6;

}

.assistantAnswer h3{

    margin:0 0 18px;

    color:#2B92B5;

    font-size:20px;

    font-weight:700;

}

.assistantAnswer p{

    margin:0;

    white-space:pre-line;

    font-size:16px;

}

.assistantSource{

    margin-top:20px;

    padding-top:15px;

    border-top:1px solid #ECECEC;

    color:#666;

    font-size:14px;

}
/* ==========================================
   RESULTATEN
========================================== */

.assistantResult{

    margin-bottom:25px;

    padding-bottom:20px;

    border-bottom:1px solid #E5E5E5;

}

.assistantResult:last-child{

    border-bottom:none;

}

.assistantResult h3{

    color:#2B92B5;

    margin-bottom:12px;

}

.assistantResult p{

    margin:12px 0;

}