/*
Theme Name:   My Custom Child Theme
Theme URI:    https://example.com/
Description:  A child theme for the Twenty Twenty-Five theme
Author:       Ecelebs
Author URI:   https://example.com/
Template:     twentytwentyfive
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  my-custom-child-theme
*/




/* Hero Section Cover */
.hero-section {
  background-image: url('https://ecelebsnation.com/wp-content/uploads/2025/04/1744750813778.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 100vh;

  /* Centering */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  /* Padding and positioning */
  padding: 20vh 5% 10vh;
  text-align: center;
  box-sizing: border-box;
}

/* Text in hero */
.hero-section h1,
.hero-section p {
  color: white;
  max-width: 90%;
  margin: 0 auto;
}

/* Buttons */
.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  margin-top: 2rem;
}

.wp-block-button__link {
  font-size: 1.1rem;
  padding: 14px 32px;
  color: #fff;
  background: linear-gradient(135deg, #0693e3 0%, #121113 42%, #9b51e0 100%);
  border-radius: 6px;
  text-decoration: none;
}

/* Responsive styles */
@media (max-width: 1024px) {
  .hero-section {
    padding: 15vh 4% 8vh;
  }

  .wp-block-buttons {
    flex-direction: column;
    align-items: center;
  }

  .wp-block-button__link {
    font-size: 1rem;
    padding: 12px 24px;
  }
}

@media (max-width: 600px) {
  .hero-section {
    padding: 12vh 3% 6vh;
  }

  .wp-block-button__link {
    font-size: 0.95rem;
    padding: 10px 20px;
  }
}