/*====================================================
CERTIFICATE
PART 1
====================================================*/

.xa-cert-page{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:60px 30px;

    background:#eef1f7;

}

.xa-cert-paper{

    position:relative;

    width:1120px;

    min-height:790px;

    background:#ffffff;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.15);

    padding:70px;

}

/*=========================================
DOUBLE BORDER
=========================================*/

.xa-cert-border{

    position:absolute;

    inset:18px;

    border:4px solid #b98a2f;

    pointer-events:none;

}

.xa-cert-inner{

    position:absolute;

    inset:34px;

    border:1px solid #d9bc73;

    pointer-events:none;

}

/*=========================================
CORNERS
=========================================*/

.xa-cert-paper::before{

    content:"";

    position:absolute;

    top:48px;

    left:48px;

    width:70px;

    height:70px;

    border-top:4px solid #b98a2f;

    border-left:4px solid #b98a2f;

}

.xa-cert-paper::after{

    content:"";

    position:absolute;

    right:48px;

    bottom:48px;

    width:70px;

    height:70px;

    border-right:4px solid #b98a2f;

    border-bottom:4px solid #b98a2f;

}

/*=========================================
WATERMARK
=========================================*/

.xa-cert-watermark{

    position:absolute;

    top:50%;

    left:50%;

    transform:translate(-50%,-50%);

    font-size:220px;

    font-family:Georgia,serif;

    font-weight:bold;

    color:#b98a2f;

    opacity:.05;

    letter-spacing:10px;

    user-select:none;

    z-index:1;

}

/*=========================================
HEADER
=========================================*/

.xa-cert-header{

    position:relative;

    z-index:5;

    text-align:center;

}

.xa-cert-logo{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    border:4px solid #b98a2f;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    font-weight:700;

    color:#b98a2f;

    margin-bottom:25px;

}

.xa-cert-academy{

    text-transform:uppercase;

    letter-spacing:5px;

    color:#777;

    font-size:15px;

    margin-bottom:15px;

}

.xa-cert-header h1{

    margin:0;

    font-size:52px;

    font-family:Georgia,serif;

    color:#1d2a44;

    letter-spacing:6px;

    text-transform:uppercase;

}

.xa-cert-header h2{

    margin-top:10px;

    font-size:18px;

    color:#9a7a2f;

    letter-spacing:6px;

    text-transform:uppercase;

    font-weight:500;

}

/*====================================================
CERTIFICATE
PART 2
====================================================*/

/*=========================================
BODY
=========================================*/

.xa-cert-body{

    position:relative;

    z-index:5;

    text-align:center;

    margin-top:55px;

}

.xa-cert-presented{

    font-size:18px;

    color:#666;

    letter-spacing:1px;

}

.xa-cert-name{

    margin-top:25px;

    margin-bottom:18px;

    font-size:58px;

    font-family:Georgia,"Times New Roman",serif;

    font-style:italic;

    font-weight:700;

    color:#1d2a44;

    line-height:1.2;

}

.xa-cert-line{

    width:340px;

    height:2px;

    margin:0 auto 28px;

    background:#c9a34a;

}

.xa-cert-description{

    max-width:760px;

    margin:0 auto;

    font-size:18px;

    line-height:1.9;

    color:#555;

}

.xa-cert-program{

    margin-top:28px;

    font-size:34px;

    font-family:Georgia,serif;

    color:#8d6b22;

    font-weight:700;

    letter-spacing:1px;

}

.xa-cert-achievement{

    max-width:760px;

    margin:28px auto 0;

    font-size:16px;

    line-height:1.8;

    color:#777;

}

/*=========================================
STATISTICS
=========================================*/

.xa-cert-stats{

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

    margin-top:60px;

}

.xa-cert-card{

    background:#faf8f2;

    border:1px solid #e7d7aa;

    padding:28px;

    text-align:center;

    transition:.25s;

}

.xa-cert-card:hover{

    transform:translateY(-3px);

    box-shadow:0 8px 24px rgba(0,0,0,.08);

}

.xa-cert-card span{

    display:block;

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#888;

    margin-bottom:12px;

}

.xa-cert-card strong{

    display:block;

    font-size:32px;

    color:#1d2a44;

    font-weight:700;

}

/*=========================================
SPECIAL COLORS
=========================================*/

.xa-cert-card:nth-child(2) strong{

    color:#b98a2f;

}

.xa-cert-card:nth-child(3) strong{

    font-size:20px;

}

/*====================================================
CERTIFICATE
PART 3
====================================================*/

/*=========================================
SIGNATURE AREA
=========================================*/

.xa-cert-signatures{

    position:relative;

    z-index:5;

    display:grid;

    grid-template-columns:1fr 180px 1fr;

    align-items:end;

    gap:40px;

    margin-top:70px;

}

.xa-sign{

    text-align:center;

}

.xa-sign-line{

    width:220px;

    height:1px;

    background:#444;

    margin:0 auto 14px;

}

.xa-sign h4{

    margin:0;

    font-size:18px;

    color:#1d2a44;

    font-weight:600;

}

.xa-sign small{

    display:block;

    margin-top:8px;

    color:#777;

    font-size:13px;

    letter-spacing:1px;

}

/*=========================================
OFFICIAL SEAL
=========================================*/

.xa-cert-seal{

    width:140px;

    height:140px;

    margin:auto;

    border-radius:50%;

    border:6px solid #c79b39;

    background:radial-gradient(circle,#fff7d7 0%,#efd38d 100%);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:42px;

    font-family:Georgia,serif;

    font-weight:700;

    color:#8d6b22;

    box-shadow:
        0 10px 25px rgba(0,0,0,.12),
        inset 0 0 0 4px rgba(255,255,255,.6);

}

/*=========================================
FOOTER
=========================================*/

.xa-cert-footer{

    position:relative;

    z-index:5;

    margin-top:60px;

    padding-top:25px;

    border-top:1px solid #d9c999;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.xa-cert-meta{

    display:flex;

    gap:50px;

}

.xa-meta-item span{

    display:block;

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:2px;

    color:#888;

    margin-bottom:6px;

}

.xa-meta-item strong{

    font-size:16px;

    color:#1d2a44;

    letter-spacing:1px;

}

/*=========================================
QR
=========================================*/

.xa-cert-verify{

    text-align:center;

}

.xa-cert-qr{

    width:90px;

    height:90px;

    margin:auto;

    border:2px solid #222;

    background:
    repeating-linear-gradient(
        45deg,
        #111 0 4px,
        #fff 4px 8px
    );

}

.xa-cert-verify small{

    display:block;

    margin-top:10px;

    color:#666;

    font-size:12px;

    letter-spacing:1px;

}

/*=========================================
BUTTONS
=========================================*/

.xa-cert-actions{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:50px;

    flex-wrap:wrap;

}

.xa-cert-actions .btn{

    min-width:200px;

    padding:14px 24px;

    border-radius:6px;

    font-weight:600;

    transition:.3s;

}

.xa-cert-actions .btn:hover{

    transform:translateY(-2px);

    box-shadow:0 10px 20px rgba(0,0,0,.12);

}

/*====================================================
CERTIFICATE
PART 4
====================================================*/

/*=========================================
EMPTY CERTIFICATE
=========================================*/

.xa-empty-certificate{

    max-width:700px;

    margin:60px auto;

    background:#fff;

    border:1px solid #e5e5e5;

    padding:60px;

    text-align:center;

    border-radius:10px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.xa-empty-certificate h2{

    margin:0 0 15px;

    color:#1d2a44;

    font-family:Georgia,serif;

    font-size:34px;

}

.xa-empty-certificate p{

    color:#666;

    line-height:1.8;

    margin-bottom:15px;

}

/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1200px){

.xa-cert-paper{

    width:100%;

    padding:45px;

}

}

@media(max-width:992px){

.xa-cert-page{

    padding:25px;

}

.xa-cert-header h1{

    font-size:38px;

}

.xa-cert-header h2{

    font-size:15px;

    letter-spacing:3px;

}

.xa-cert-name{

    font-size:40px;

}

.xa-cert-program{

    font-size:26px;

}

.xa-cert-stats{

    grid-template-columns:1fr;

}

.xa-cert-signatures{

    grid-template-columns:1fr;

    gap:35px;

}

.xa-cert-footer{

    flex-direction:column;

    gap:25px;

    text-align:center;

}

.xa-cert-meta{

    flex-direction:column;

    gap:20px;

}

}

@media(max-width:640px){

.xa-cert-paper{

    padding:30px;

}

.xa-cert-logo{

    width:70px;

    height:70px;

    font-size:24px;

}

.xa-cert-header h1{

    font-size:30px;

}

.xa-cert-name{

    font-size:30px;

}

.xa-cert-program{

    font-size:22px;

}

.xa-cert-description{

    font-size:15px;

}

.xa-cert-achievement{

    font-size:14px;

}

.xa-cert-actions{

    flex-direction:column;

}

.xa-cert-actions .btn{

    width:100%;

}

}

/*=========================================
PRINT
=========================================*/

@page{

    size:A4 landscape;

    margin:0;

}

@media print{

html,
body{

    margin:0!important;

    padding:0!important;

    background:#fff!important;

}

header,
footer,
aside,
nav,
.xa-sidebar,
.xa-header,
.page-header,
.site-header,
.site-footer,
.dashboard-header,
.dashboard-sidebar,
.btn,
.xa-cert-actions{

    display:none!important;

}

body *{

    visibility:hidden;

}

.xa-cert-page,
.xa-cert-page *{

    visibility:visible;

}

.xa-cert-page{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    padding:0;

    margin:0;

    background:#fff;

}

.xa-cert-paper{

    width:100%;

    min-height:100vh;

    box-shadow:none;

    border:none;

    margin:0;

    padding:60px;

    page-break-after:avoid;

}

.xa-cert-watermark{

    opacity:.04;

}

}

/*=========================================
FINISHING
=========================================*/

.xa-cert-paper{

    background-image:

    radial-gradient(circle at top left,
    rgba(185,138,47,.05),
    transparent 35%),

    radial-gradient(circle at bottom right,
    rgba(185,138,47,.05),
    transparent 35%);

}

.xa-cert-header,
.xa-cert-body,
.xa-cert-stats,
.xa-cert-signatures,
.xa-cert-footer{

    position:relative;

    z-index:5;

}

/* ==========================================================
   XELLENT ENGLISH
   PREMIUM CERTIFICATE THEME
   ========================================================== */

.xa-cert-page {

    --xa-blue: #1598B8;
    --xa-navy: #102A43;
    --xa-gold: #C9A34E;
    --xa-gold-light: #E3C979;

    --xa-paper: #FCFBF7;
    --xa-text: #243B53;
    --xa-muted: #7B8794;

}


/* ==========================================================
   CERTIFICATE PAPER
   ========================================================== */

.xa-cert-page .xa-cert-paper {

    background: var(--xa-paper);

    color: var(--xa-text);

}


/* ==========================================================
   OUTER BORDER
   ========================================================== */

.xa-cert-page .xa-cert-border {

    border-color: var(--xa-gold);

}


/* ==========================================================
   INNER BORDER
   ========================================================== */

.xa-cert-page .xa-cert-inner {

    border-color: rgba(201, 163, 78, 0.45);

}


/* ==========================================================
   LOGO
   ========================================================== */

.xa-cert-page .xa-cert-logo img {

    display: block;

    max-width: 100%;

    height: auto;

    object-fit: contain;

}


/* ==========================================================
   ACADEMY NAME
   ========================================================== */

.xa-cert-page .xa-cert-academy {

    color: var(--xa-blue);

}


/* ==========================================================
   CERTIFICATE TITLE
   ========================================================== */

.xa-cert-page .xa-cert-header h1 {

    color: var(--xa-navy);

}


/* ==========================================================
   OF COMPLETION
   ========================================================== */

.xa-cert-page .xa-cert-header h2 {

    color: var(--xa-gold);

}


/* ==========================================================
   PRESENTED TEXT
   ========================================================== */

.xa-cert-page .xa-cert-presented {

    color: var(--xa-muted);

}


/* ==========================================================
   STUDENT NAME
   ========================================================== */

.xa-cert-page .xa-cert-name {

    color: var(--xa-navy);

}


/* ==========================================================
   NAME UNDERLINE
   ========================================================== */

.xa-cert-page .xa-cert-line {

    background: var(--xa-gold);

}


/* ==========================================================
   DESCRIPTION
   ========================================================== */

.xa-cert-page .xa-cert-description {

    color: var(--xa-muted);

}


/* ==========================================================
   PROGRAM NAME
   ========================================================== */

.xa-cert-page .xa-cert-program {

    color: var(--xa-gold);

}


/* ==========================================================
   ACHIEVEMENT TEXT
   ========================================================== */

.xa-cert-page .xa-cert-achievement {

    color: var(--xa-muted);

}


/* ==========================================================
   SCORE / LEVEL / DATE CARDS
   ========================================================== */

.xa-cert-page .xa-cert-card {

    background: rgba(255, 255, 255, 0.72);

    border-color: rgba(201, 163, 78, 0.38);

}


/* Card labels */

.xa-cert-page .xa-cert-card span {

    color: var(--xa-muted);

}


/* Card values */

.xa-cert-page .xa-cert-card strong {

    color: var(--xa-navy);

}


/* ==========================================================
   SIGNATURE
   ========================================================== */

.xa-cert-page .xa-sign {

    color: var(--xa-navy);

}


/* Signature line */

.xa-cert-page .xa-sign-line {

    border-color: rgba(16, 42, 67, 0.55);

}


/* Signature title */

.xa-cert-page .xa-sign h4 {

    color: var(--xa-navy);

}


/* Signature academy / department */

.xa-cert-page .xa-sign small {

    color: var(--xa-muted);

}


/* ==========================================================
   CERTIFICATE SEAL
   ========================================================== */

.xa-cert-page .xa-cert-seal {

    color: var(--xa-gold);

    border-color: var(--xa-gold);

    background:
        radial-gradient(
            circle,
            rgba(227, 201, 121, 0.25) 0%,
            rgba(255, 255, 255, 0.9) 65%,
            rgba(201, 163, 78, 0.12) 100%
        );

}


/* ==========================================================
   META INFORMATION
   ========================================================== */

.xa-cert-page .xa-cert-meta {

    border-top-color: rgba(201, 163, 78, 0.45);

}


/* Meta labels */

.xa-cert-page .xa-meta-item span {

    color: var(--xa-muted);

}


/* Meta values */

.xa-cert-page .xa-meta-item strong {

    color: var(--xa-navy);

}


/* ==========================================================
   VERIFY CERTIFICATE
   ========================================================== */

.xa-cert-page .xa-cert-verify {

    color: var(--xa-muted);

}


/* QR */

.xa-cert-page .xa-cert-qr {

    border-color: var(--xa-navy);

}


/* ==========================================================
   BUTTONS
   ========================================================== */

/* Download PDF */

.xa-cert-page .btn.btn-primary {

    background: var(--xa-blue);

    border-color: var(--xa-blue);

    color: #FFFFFF;

}


/* Download hover */

.xa-cert-page .btn.btn-primary:hover {

    background: var(--xa-navy);

    border-color: var(--xa-navy);

}


/* Print */

.xa-cert-page .btn.btn-outline {

    background: transparent;

    border-color: var(--xa-gold);

    color: var(--xa-navy);

}


/* Print hover */

.xa-cert-page .btn.btn-outline:hover {

    background: var(--xa-gold);

    border-color: var(--xa-gold);

    color: #FFFFFF;

}


/* ==========================================================
   EMPTY / LOCKED CERTIFICATE
   ========================================================== */

.xa-cert-page .xa-empty-certificate {

    background: var(--xa-paper);

    color: var(--xa-text);

}


/* Locked title */

.xa-cert-page .xa-empty-certificate h2 {

    color: var(--xa-navy);

}


/* Locked description */

.xa-cert-page .xa-empty-certificate p {

    color: var(--xa-muted);

}