/*
 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, 5vw, 1.35rem);
	font-family: source-serif-pro, Georgia, Cambria, "Times New Roman", Times, serif;
}

a {
    color: #1e73be;
}

a:hover {
    color: #575760;
}

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

.home .site-content {
	padding-bottom: 0px;
}


/* ===============================
   Header and Navigation
   =============================== */
.site-header {
    background-color: #2C9ACF;
	font-family: Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.main-navigation,
.main-navigation ul ul {
    color: #333;
    background-color: #2C9ACF;
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-bar-items {
    color: #333;
    font-weight: 700;
  	font-size: clamp(1rem, 5vw, 1.2rem);
	text-transform: uppercase;
	font-family: Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #333;
}

.main-navigation .main-nav ul li a:hover {
	color: #fde914;
}

.forminator-ui#forminator-module-177854.forminator-design--default .forminator-label {
	color: #333 !important;
}


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


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


/* ===============================
   Footer
   =============================== */
.site-footer,
.footer-widgets,
.site-info {
    color: #333;
    background-color: #2C9ACF;
}

.footer-widgets a, .site-info a, .site-footer a {
	color: #fff;
}

/* ===============================
   Typography for Headings
   =============================== */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    font-family: Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    color: #222;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

h1 {
  font-size: clamp(2.5rem, 10vw, 3.75rem);
  text-overflow: ellipsis;
  max-width: 100%;
}

h2 {
  font-size: clamp(1.75rem, 5vw, 2rem);
  text-overflow: ellipsis;
  max-width: 100%;
}

h3 {
  font-size: clamp(1.5rem, 4vw, 1.75rem);
  text-overflow: ellipsis;
  max-width: 100%;
}

h4 { font-size: clamp(1rem, 4vw, 1.75rem); 
}
h5 { font-size: clamp(1rem, 4vw, 1.75rem); 
}
h6 { font-size: clamp(1rem, 4vw, 1.75rem); 
}



/* ===============================
   Youtube wrapper
   =============================== */
.wp-block-embed-youtube {
  border-radius: 16px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}

/* Ensure the iframe fills the container and keeps the styling */
.wp-block-embed__wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
}

/* ===============================
   Home Grid Blocks
   =============================== */

.gb-element-436d6f39 a {
	color: #fff;
}

.gb-element-436d6f39 a:hover {
	color: #222;
}





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

    .one-container .site-content {
        padding: 20px;
    }
	
	:where(.wp-block-columns.is-layout-flex) {
    gap: 0em;
	}
	
}