/*
Theme Name: YEC Custom Theme
Theme URI: https://www.example.com/yec-theme/
Author: Your Name
Author URI: https://www.yourwebsite.com/
Description: A custom WordPress theme for YEC, converted from a static webpage.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yec-theme
Tags: custom, responsive, blog, business
*/

/*
    Tailwind CSS is loaded via CDN in header.php.
    Any custom CSS overrides or additions can go here.
*/

/* General Body Styles */

body {
  font-family: "Inter", sans-serif; /* Using Inter as a modern sans-serif font */
  @apply bg-gray-100 text-gray-800; /* Default background and text color */
}

/* Custom styles for specific elements not easily covered by Tailwind */

.content-wrapper {
  max-width: 1100px;
  margin: 0 auto; /* Max width for content area */
}

/* Example: Custom button style if needed */
.btn-primary {
}

/* Placeholder for responsive adjustments if needed beyond Tailwind's utility classes */
@media (max-width: 768px) {
  /* Mobile specific styles */
}

.site-main h2 {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
}

.site-main h3 {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
}

.site-main ul {
  margin-bottom: 1.5rem;
  padding-left: 1.5rem;
}

.site-main ul li {
  list-style-type: disc;
  margin-left: 1.5rem;
}

.site-main p {
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

header .custom-logo {
  width: 62px;
  height: 30px;
}

footer .custom-logo {
  width: 200px;
  height: 103px;
}
.bg-yec-orange {
  background-color: #e8710c;
}

#site-navigation li {
  line-height: 2.3;
}

#site-navigation li a {
  padding: 6px 25px;
}

.blog-header {
  background: url(/wp-content/uploads/2025/08/yec-blog-hero-bg.webp) 0px 50% /
    auto 100% no-repeat rgb(0, 115, 154);
  padding: 120px 0px;
}

article h2 {
  font-size: 2.5rem;
  line-height: 1.5;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
}

article p {
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

article ol {
  list-style-type: decimal;
  margin-bottom: 1.5rem;
  padding-left: 32px;
}
article li {
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

a.page-numbers {
  color: rgb(37, 99, 235);
}

.nav-links {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.nav-links a {
  color: rgb(37, 99, 235);
}