/**
Theme Name: webFEAT Complete
Author: webFEAT Complete
Author URI: https://webfeatcomplete.com/
Description: We're webFEAT Complete: Your Digital Growth Partners
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: webfeat-complete
Template: astra
*/

 .certificate-container {
                font-family: 'Times New Roman', serif;
            }
            
            .admin-header {
                background: #fff;
                padding: 15px 20px;
                margin-bottom: 20px;
                border: 1px solid #ccd0d4;
                box-shadow: 0 1px 1px rgba(0,0,0,.04);
            }
            
            .admin-header h1 {
                margin: 0;
                font-size: 23px;
                font-weight: 400;
                color: #23282d;
            }
            
            .back-link {
                color: #0073aa;
                text-decoration: none;
                font-size: 14px;
            }
            
            .back-link:hover {
                color: #005177;
            }
            
            .certificate-container {
                position: relative;
                width: 885px;
                height: 600px;
                margin: 0 auto;
                background-image: url('<?php echo site_url('/wp-content/uploads/2025/07/certi.png'); ?>');
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            }
            
            .student-name {
                position: absolute;
                top: 152px;
                left: 50%;
                transform: translateX(-50%);
                font-size: 25px;
                font-weight: bold;
                color: #000;
                text-align: center;
                width: 500px;
                padding-bottom: 5px;
            }
            
            .course-name {
                position: absolute;
                top: 213px;
                left: 447px;
                font-size: 14px;
                color: #000;
                width: 450px;
            }
            
            .course-number {
                position: absolute;
                top: 237px;
                left: 447px;
                font-size: 16px;
                color: #000;
                width: 200px;
            }
            
            .credit-hours {
                position: absolute;
                top: 260px;
                left: 447px;
                font-size: 16px;
                color: #000;
                width: 150px;
            }
            
            .course-location {
                position: absolute;
                top: 282px;
                left: 447px;
                font-size: 16px;
                color: #000;
                width: 200px;
            }
            
            .completion-date {
                position: absolute;
                top: 305px;
                left: 447px;
                font-size: 16px;
                color: #000;
                width: 200px;
            }
            
            .student-signature {
                position: absolute;
                top: 365px;
                left: 532px;
                font-size: 16px;
                color: #000;
                width: 200px;
                text-align: center;
                padding-top: 5px;
            }
            
            .license-type {
                position: absolute;
                top: 428px;
                left: 467px;
                font-size: 14px;
                color: #000;
                width: 150px;
                padding-bottom: 2px;
            }
            
            .license-number {
                position: absolute;
                top: 428px;
                left: 696px;
                font-size: 14px;
                color: #000;
                width: 120px;
                padding-bottom: 2px;
            }
            
            .certificate-date {
                position: absolute;
                top: 481px;
                left: 690px;
                font-size: 14px;
                color: #000;
                width: 120px;
                padding-bottom: 2px;
                text-align: center;
            }
            
            .certificate-info {
                background: #fff;
                padding: 20px;
                margin: 20px auto;
                max-width: 885px;
                border: 1px solid #ccd0d4;
                font-family: 'Times New Roman', serif;
            }
            
            .certificate-info h3 {
                margin-top: 0;
                color: #23282d;
            }
            
            .info-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 15px;
                margin-top: 15px;
            }
            
            .info-item {
                padding: 10px;
                background: #f8f9fa;
                border-left: 4px solid #0073aa;
            }
            
            .info-label {
                font-weight: 600;
                color: #555;
                font-size: 12px;
                text-transform: uppercase;
                margin-bottom: 5px;
            }
            
            .info-value {
                font-size: 14px;
                color: #23282d;
            }