/*
Theme Name: PCXpress
Theme URI: https://pcxpress.com/
Author: PCXpress Team
Author URI: https://pcxpress.com/
Description: A simple Bootstrap-based WordPress theme for PCXpress.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pcxpress
Tags: bootstrap, responsive, clean, simple
*/

/* This file is mainly for WordPress theme identification.
   The actual styles are loaded from Bootstrap and custom.css */
 body {
      background-color: #F8FAFC;
 }
   .site-header {
      background-color: #101591;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      padding: 1rem 0;
  }
  .site-footer {
        background-color: #020352;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='%239C92AC' fill-opacity='0.07'%3E%3Cpolygon fill-rule='evenodd' points='8 4 12 6 8 8 6 12 4 8 0 6 4 4 6 0 8 4'/%3E%3C/g%3E%3C/svg%3E");
        color: #fff;
  }
  
  .site-footer .copyright {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      padding-top: 1rem;
      line-height: 1.5;
      opacity: 0.4;
  }
  
  .cn-fa-icon a {
        background: none !important;
  }
  
  .cn-fa-icon a:hover {
        background: none !important;
  }
  
  .mascot-container {
      position: relative;
      /* max-width: 400px; */
      width: 100%;
  }

  .hero-mascot {
      width: 100%;
      height: auto;
      position: relative;
      z-index: 2;
      animation: bounce 3s ease-in-out infinite;
      filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2));
  }

  @keyframes bounce {
      0%, 100% { transform: translateY(0px); }
      50% { transform: translateY(-10px); }
  }

  .mascot-glow {
      position: absolute;
      inset: -30px;
      background: radial-gradient(ellipse at center, rgba(251, 191, 36, 0.2) 0%, transparent 70%);
      border-radius: 50%;
      filter: blur(25px);
      z-index: 1;
      animation: glow-pulse 4s ease-in-out infinite;
  }
  
  @keyframes glow-pulse {
      0%, 100% { opacity: 0.6; transform: scale(1); }
      50% { opacity: 0.9; transform: scale(1.1); }
  }