/*
Theme Name: Verification Portal Demo
Description: WordPress demo theme based on the user-provided verification-page source. No page builder required.
Version: 1.0
*/
*{box-sizing:border-box}
html,body{
    margin:0;
    padding:0;
    background:#F7F7F7;
    color:#212529;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
body{font-size:16px}
#wpadminbar{display:none!important}
table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:8px}
tr:nth-child(even){background-color:#D6EEEE}
.demo-banner{background:#fff3cd;color:#664d03;border-bottom:1px solid #ffecb5;text-align:center;padding:6px 10px;font:600 13px Arial}
.verify-page{padding:0 0px 0px}
.verify-page>h1{text-align:center;margin:0px 0 10px}
.verify-page>h1 img{width:200px;height:200px;object-fit:contain;border-radius:50%}
.portal-title{
    text-align:center;
    font-size:40px;
    line-height:1.2;
    margin:0 0 16px;
    font-weight:500;
}
.portal-subtitle{
    text-align:center;
    color:green;
    font-size:32px;
    line-height:1.2;
    margin:0 0 16px;
    font-weight:500;
    width:100%;
}
.record-wrap{width:100%;max-width:706px;margin:0 auto}
.record-table{
    width:100%;
    border-collapse:collapse;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    margin:0;
}
.record-table td{
    text-align:left;
    padding:8px;
    vertical-align:middle;
    font-size:16px;
    font-weight:400;
    line-height:1.5;
}

.record-table td:nth-child(1),
.record-table td:nth-child(4){
    width:20%;
}

.record-table td:nth-child(2),
.record-table td:nth-child(3){
    width:30%;
}

.record-table tr:nth-child(even){
    background-color:#d6eeee;
}
.note{margin:18px 0 12px;line-height:1.45;font-weight:400}
.email-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0}
.email-row .spacer-left{width:18%}
.email-row .label{width:8%}
.email-row .input{width:34%}
.email-row .button{width:25%}
.email-row input{width:100%;height:38px;padding:.25rem .5rem;border:1px solid #ced4da;border-radius:.2rem;font-size:14px;background:#fff}
.email-row button{background:#28a745;border:1px solid #28a745;color:#fff;padding:.375rem .75rem;border-radius:.25rem;font-size:1rem;cursor:pointer}
.info{text-align:center;color:green;font-weight:700;margin-top:8px;line-height:1.45}
.record-not-found{text-align:center;color:red}
.address{text-align:center}
.demo-form{text-align:center;margin:40px auto;max-width:500px}
.demo-form input{padding:8px;width:70%;height:38px;border:1px solid #ced4da;border-radius:4px}
.demo-form button{height:38px;background:#28a745;color:#fff;border:0;border-radius:4px;padding:0 16px}
@media(max-width:700px){
 .verify-page{padding-left:10px;padding-right:10px}
 .portal-title{font-size:40px}
 .portal-subtitle{font-size:34px}
 .record-table{font-size:14px}
 .record-table td{padding:7px 5px}
 .record-table td:nth-child(1),.record-table td:nth-child(4){width:10%}
 .record-table td:nth-child(2){width:40%}
 .record-table td:nth-child(3){width:40%}
 .email-row{gap:6px}
 .email-row .spacer-left{display:none}
 .email-row .label{width:12%}
 .email-row .input{width:48%}
 .email-row .button{width:25%}
}
/* Exact table row sizing */

.record-table .row-serial,
.record-table .row-father,
.record-table .row-certificate,
.record-table .row-group,
.record-table .row-marks{
    height:40px;
}

.record-table .row-student{
    height:64px;
}

.record-table .row-qualification{
    height:88px;
}

.record-table .row-reference{
    height:64px;
}