/*
Theme Name: LMG Create:Creative
Theme URI: https://wearelmg.com/
Description: This is the Create:Creative theme created for the Genesis Framework.
Author: :<G
Author URI: https://www.wearelmg.com/

Version: 2.8.0

Tags: accessibility-ready, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns

Template: genesis

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: genesis-sample
*/

@media screen and (max-width: 40em) {
	.int-tier.founder-tier,
	.contact-grid{
		padding: 1em;
	}
	.home-tier.tier-4, .home-tier.tier-1 {
		    padding: 2rem 1.5rem;
	}
}

.team-bio {
	padding-bottom: 2em;
	border-bottom: 1px solid #ddd;
}
/* LeadByAI QA corrective: Palm Coast responsive header/hero stability. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.site-header .wrap .title-area,
.site-header .wrap .header-widget-area,
.home .hero .overlay-text {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

.site-header .wrap .title-area img,
.custom-logo {
  display: block;
  height: auto;
  object-fit: contain;
}

.home .hero .overlay-text {
  width: auto;
  max-width: calc(100% - 100px);
}

.home .hero .overlay-text h2,
.home .hero .overlay-text p {
  width: auto;
  max-width: 100%;
}

@media screen and (min-width: 64em) {
  .home .hero .overlay-text {
    right: 50px;
  }
}

@media screen and (max-width: 40em) {
  html,
  body {
    overflow-x: hidden;
  }

  .site-header {
    width: 100%;
    padding: 14px 16px;
    text-align: left;
  }

  .site-header .wrap {
    align-items: center;
    flex-flow: row nowrap;
    width: 100%;
  }

  .site-header .wrap .title-area {
    flex: 1 1 auto;
    width: calc(100% - 64px) !important;
    max-width: calc(100% - 64px);
    margin-bottom: 0;
  }

  .site-header .wrap .title-area img {
    width: min(245px, 100%) !important;
    max-width: 100% !important;
    padding-right: 0;
  }

  .site-header .wrap .header-widget-area {
    flex: 0 0 56px;
    width: 56px !important;
    min-height: 48px;
  }

  .site-header .wrap .header-widget-area .mobile-menu-icon {
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    background-color: #0f0e0e;
  }

  .home .hero {
    min-height: 440px;
    padding: 5rem 1rem 3rem;
    background-position: center center;
    overflow: hidden;
  }

  .home .hero .overlay-text {
    padding: 3.5rem 0 0;
    max-width: 100%;
  }

  .home .hero .overlay-text h2 {
    font-size: clamp(2.8rem, 15vw, 4.2rem);
    line-height: 0.98;
    overflow-wrap: normal;
  }

  .home-tier,
  .home-tier > .wrap,
  .home-tier .grid-x,
  .home-tier .cell,
  .content-sidebar-wrap,
  .site-inner {
    max-width: 100%;
  }
}

/* LeadByAI QA corrective rework: make mobile navigation affordance unmistakable. */
@media screen and (max-width: 40em) {
  .site-header .wrap .header-widget-area .mobile-menu-icon {
    right: 0;
    width: 64px;
    height: 54px;
    padding: 10px 10px 6px;
    border: 2px solid #0f0e0e;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 2px 8px rgba(15, 14, 14, 0.14);
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  .site-header .wrap .header-widget-area .mobile-menu-icon::after {
    content: "MENU";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 4px;
    color: #0f0e0e;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.08em;
    text-align: center;
    text-transform: uppercase;
  }

  .site-header .wrap .header-widget-area .mobile-menu-icon .hamburger-box {
    width: 34px;
    height: 20px;
  }

  .site-header .wrap .header-widget-area .mobile-menu-icon .hamburger-inner,
  .site-header .wrap .header-widget-area .mobile-menu-icon .hamburger-inner::before,
  .site-header .wrap .header-widget-area .mobile-menu-icon .hamburger-inner::after {
    width: 34px;
    height: 4px;
    background-color: #0f0e0e !important;
    opacity: 1 !important;
  }

  .site-header .wrap .header-widget-area .mobile-menu-icon .hamburger-inner::before {
    top: -9px;
  }

  .site-header .wrap .header-widget-area .mobile-menu-icon .hamburger-inner::after {
    bottom: -9px;
  }
}