/*
 Theme Name:   MM
 Theme URI:    https://matchmarketing.ai
 Description:  MM GP child theme
 Author:       Chris Grau
 Author URI:   https://matchmarketing.ai
 Template:     generatepress
 Version:      1.0
*/

/* ===============================
   Reset and Global Styles
   =============================== */
html, body {
    max-width: 100vw;
    overflow-x: hidden;
}

body {
    background-color: #fff;
    color: #222;
    font-size: clamp(1rem, 2vw, 2rem);
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
}

a {
    color: #3fd492;
}

.no-wrap {
  white-space: nowrap;
}


/* ===============================
   Header and Navigation
   =============================== */
.site-header {
    background-color: #1f1f1f;
}

.main-navigation,
.main-navigation ul ul {
    color: #fff;
    background-color: #1f1f1f;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-items {
    color: #3fd492;
    font-weight: 700;
    font-size: 1.75rem;
}


/* ===============================
   Sidebar
   =============================== */


.widget-area .widget {
	padding: 0;
}


/* ===============================
   Footer
   =============================== */
.site-footer,
.footer-widgets,
.site-info {
    color: #fff;
    background-color: #1f1f1f;
}

/* ===============================
   Typography for Headings
   =============================== */
h1, h2, h3 {
    font-weight: 700;
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
    color: #222;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

h1 {
  font-size: clamp(2rem, 6vw, 3.5rem);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 1.5; /* Adjust this value if needed */
  margin-top: 1em;
}

h2 {
    font-size: 2.25rem;
    margin-top: 1em;
}

h3 {
    font-size: 1.75rem;
    margin-top: 1em;
}

h4, h5, h6 {
    font-weight: 600;
    font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
    color: #333;
    line-height: 1.3;
    margin-top: 1em;
    margin-bottom: 0.5em;
}

h4 { font-size: 1.25rem; }
h5 { font-size: 1.1rem; }
h6 { font-size: 1rem; }

/* ===============================
   Responsive Styles
   =============================== */
@media (max-width: 768px) {
    .main-navigation .menu-toggle,
    .main-navigation .menu-toggle:hover {
        color: #3fd492;
    }

    .one-container .site-content {
        padding: 0 20px;
    }
}