/*
Theme Name: Mighty Generation Network
Theme URI: https://olawalefatai.com.ng
Author: Olawale Fatai / Hola Web Solutions
Author URI: https://olawalefatai.com.ng
Text Domain: mighty-generation-network
Description: Custom Elementor-first theme for Mighty Generation Network, designed and developed by Olawale Fatai / Hola Web Solutions, with homepage image management, integration settings, analytics hooks and the orange, yellow and green community brand system.
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

/* This file holds the WordPress theme header (above) plus truly global
 * rules only. Tailwind handles everything else.
 *
 * - Design tokens live in theme.css's @theme block.
 * - Prose + form styles live in presets.css.
 * - Layout, color, typography utilities come from Tailwind v4.
 *
 * Do NOT add component classes here (.btn-primary, .card, etc.). Use
 * Tailwind utilities in templates instead.
 */

html {
	scroll-behavior: smooth;
}

/* Core Values alignment override: keep the five cards horizontal, but align
 * each icon, headline and hover copy to the left for a cleaner editorial feel. */
.elementor-element-b0000019 .elementor-widget-icon-box .elementor-widget-container,
.elementor-element-b0000019 .elementor-icon-box-wrapper,
.elementor-element-b0000019 .elementor-icon-box-content,
.elementor-element-b0000019 .elementor-icon-box-title,
.elementor-element-b0000019 .elementor-icon-box-description {
	text-align: left !important;
}

.elementor-element-b0000019 .elementor-icon-box-wrapper {
	align-items: flex-start !important;
	justify-content: flex-start !important;
}

.elementor-element-b0000019 .elementor-icon-box-icon {
	text-align: left !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.elementor-element-b0000019 .elementor-icon {
	margin-left: 0 !important;
	margin-right: auto !important;
}

/* Typography pairing: Nunito Sans keeps the friendly, confident headings;
 * Inter handles body copy for cleaner reading and a more polished contrast. */
body,
p,
li,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-icon-box-description,
.elementor-image-box-description,
.mgn-footer-copy,
.mgn-footer a {
	font-family: "Inter", Arial, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.elementor-icon-box-title,
.elementor-image-box-title,
.mgn-brand-text,
.mgn-footer-title,
.mgn-nav a,
.elementor-button {
	font-family: "Nunito Sans", Arial, sans-serif !important;
}

/* ===== Page 36: strict Mighty Generation reference layout (Elementor-editable) ===== */
.page-id-36 { background:#fbf8f1!important; color:#111821; }
.page-id-36 .elementor-widget-text-editor p{margin:0!important}
.page-id-36 .elementor-button{font-family:"Nunito Sans",Arial,sans-serif!important}
.page-id-36 .elementor-element-b0000001,
.page-id-36 .elementor-element-b0000010,
.page-id-36 .elementor-element-b0000025,
.page-id-36 .elementor-element-b000002f,
.page-id-36 .elementor-element-b0000070{max-width:100%!important}
.page-id-36 .elementor-element-b0000001>.e-con-inner,
.page-id-36 .elementor-element-b0000010>.e-con-inner,
.page-id-36 .elementor-element-b0000025>.e-con-inner,
.page-id-36 .elementor-element-b000002f>.e-con-inner,
.page-id-36 .elementor-element-b0000070>.e-con-inner{max-width:1240px!important;margin:0 auto!important}

/* Hero */
.page-id-36 .elementor-element-b0000001{
  background:#fbf8f1!important;position:relative!important;overflow:hidden!important;
  padding-top:18px!important;padding-bottom:20px!important
}
.page-id-36 .elementor-element-b0000001:before{
  content:"";position:absolute;left:-125px;top:42px;width:250px;height:250px;border-radius:50%;
  background:#fff0d3;opacity:.82
}
.page-id-36 .elementor-element-b0000001:after{
  content:"";position:absolute;right:-86px;bottom:-92px;width:220px;height:220px;border-radius:50%;
  border:12px solid #59a52c;box-shadow:-22px -3px 0 -5px #f5b51b,-45px -7px 0 -5px #ff4b1f
}
.page-id-36 .elementor-element-b0000002{padding-left:0!important}
.page-id-36 .elementor-element-b0000003 .elementor-heading-title{
  font-size:64px!important;line-height:.92!important;letter-spacing:-.055em!important;font-weight:900!important
}
.page-id-36 .elementor-element-b0000004 .elementor-widget-container{
  max-width:470px!important;font-size:17px!important;line-height:1.35!important;color:#45535f!important
}
.page-id-36 .elementor-element-b0000006,
.page-id-36 .elementor-element-b0000007{display:inline-flex!important;width:auto!important}
.page-id-36 .elementor-element-b0000006 .elementor-button{
  background:#ff4b1f!important;color:#fff!important;border-radius:999px!important;padding:13px 24px!important
}
.page-id-36 .elementor-element-b0000007 .elementor-button{
  background:transparent!important;color:#e9a300!important;border:1.5px solid #f5b51b!important;border-radius:999px!important;padding:12px 24px!important
}
.page-id-36 .elementor-element-b0000009 .swiper{
  border-radius:46px 0 46px 46px!important;overflow:hidden!important;border:7px solid rgba(255,255,255,.78)!important;
  box-shadow:0 22px 55px rgba(17,24,33,.13)!important
}
.page-id-36 .elementor-element-b0000009 img{width:100%!important;height:430px!important;object-fit:cover!important}
.page-id-36 .elementor-element-b0000009 .elementor-swiper-button{
  width:42px!important;height:42px!important;border-radius:50%!important;background:#fff!important;color:#111821!important;
  box-shadow:0 8px 24px rgba(17,24,33,.15)!important
}
.page-id-36 .elementor-element-b0000009 .swiper-pagination-bullet{background:#fff!important;opacity:.9!important}
.page-id-36 .elementor-element-b0000009 .swiper-pagination-bullet-active{background:#ff4b1f!important}

/* Core values */
.page-id-36 .elementor-element-b0000010{background:#fbf8f1!important;padding-top:12px!important;padding-bottom:22px!important}
.page-id-36 .elementor-element-b0000011{display:flex!important;align-items:center!important;gap:18px!important}
.page-id-36 .elementor-element-b0000012 .elementor-heading-title{font-size:34px!important;font-weight:900!important}
.page-id-36 .elementor-element-b0000019{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important;width:100%!important
}
.page-id-36 .elementor-element-b0000019>.elementor-element{
  width:100%!important;min-width:0!important;background:#fff!important;border:1px solid #eee8df!important;border-radius:16px!important;
  padding:16px 14px!important;box-shadow:0 10px 26px rgba(17,24,33,.045)!important;transition:.28s ease!important
}
.page-id-36 .elementor-element-b0000019>.elementor-element:hover{transform:translateY(-7px)!important;box-shadow:0 18px 38px rgba(17,24,33,.1)!important}
.page-id-36 .elementor-element-b0000019 .elementor-icon-box-wrapper{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
.page-id-36 .elementor-element-b0000019 .elementor-icon{margin:0 auto!important}
.page-id-36 .elementor-element-b0000019 .elementor-icon-box-title{font-size:16px!important;line-height:1.05!important;margin-top:9px!important;text-align:center!important}
.page-id-36 .elementor-element-b0000019 .elementor-icon-box-description{
  max-height:0!important;opacity:0!important;overflow:hidden!important;margin-top:0!important;transform:translateY(6px)!important;
  transition:max-height .3s ease,opacity .22s ease,transform .3s ease,margin-top .3s ease!important;text-align:center!important;font-size:12.5px!important
}
.page-id-36 .elementor-element-b0000019>.elementor-element:hover .elementor-icon-box-description{
  max-height:150px!important;opacity:1!important;transform:none!important;margin-top:8px!important
}

/* What we do: exactly four horizontal cards */
.page-id-36 .elementor-element-b0000025{background:#fff!important;padding-top:16px!important;padding-bottom:26px!important}
.page-id-36 .elementor-element-b0000026{align-items:center!important}
.page-id-36 .elementor-element-b0000027 .elementor-heading-title{font-size:34px!important;font-weight:900!important}
.page-id-36 .elementor-element-b0000028{font-size:15px!important;color:#53606a!important}
.page-id-36 .elementor-element-b0000029 .elementor-button{
  background:transparent!important;color:#ff4b1f!important;border:1.5px solid #ff4b1f!important;border-radius:999px!important;padding:11px 20px!important
}
.page-id-36 .elementor-element-b000002a{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;width:100%!important;
  align-items:stretch!important
}
.page-id-36 .elementor-element-b0000023{display:none!important}
.page-id-36 .elementor-element-b000002a>.elementor-element{
  width:100%!important;min-width:0!important;max-width:none!important;margin:0!important
}
.page-id-36 .elementor-element-b000002a .elementor-widget-container{
  background:#fff!important;border:1px solid #eee8df!important;border-radius:15px!important;overflow:hidden!important;height:100%!important;
  box-shadow:0 10px 28px rgba(17,24,33,.055)!important;transition:.25s ease!important
}
.page-id-36 .elementor-element-b000002a .elementor-widget-container:hover{transform:translateY(-5px)!important;box-shadow:0 18px 36px rgba(17,24,33,.1)!important}
.page-id-36 .elementor-element-b000002a .elementor-image-box-wrapper{display:flex!important;flex-direction:column!important;height:100%!important}
.page-id-36 .elementor-element-b000002a .elementor-image-box-img{width:100%!important;margin:0!important}
.page-id-36 .elementor-element-b000002a .elementor-image-box-img img{width:100%!important;height:180px!important;object-fit:cover!important;display:block!important}
.page-id-36 .elementor-element-b000002a .elementor-image-box-content{position:relative!important;padding:11px 46px 13px 14px!important;text-align:left!important;min-height:54px!important}
.page-id-36 .elementor-element-b000002a .elementor-image-box-title{font-size:16px!important;line-height:1.15!important;font-weight:900!important;margin:0!important;text-align:left!important}
.page-id-36 .elementor-element-b000002a .elementor-image-box-description{display:none!important}
.page-id-36 .elementor-element-b000002a .elementor-image-box-content:after{
  content:"→";position:absolute;right:12px;top:10px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  color:#fff;background:#ff4b1f;font-weight:900
}
.page-id-36 .elementor-element-b0000021 .elementor-image-box-content:after{background:#f5b51b!important}
.page-id-36 .elementor-element-b0000022 .elementor-image-box-content:after{background:#59a52c!important}
.page-id-36 .elementor-element-b0000024 .elementor-image-box-content:after{background:#ff4b1f!important}

/* Clubs & programmes */
.page-id-36 .elementor-element-b000002f{background:#fbf8f1!important;padding-top:16px!important;padding-bottom:24px!important}
.page-id-36 .elementor-element-b0000062{display:flex!important;align-items:center!important;gap:18px!important}
.page-id-36 .elementor-element-b0000064{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;width:100%!important
}
.page-id-36 .elementor-element-b0000030,
.page-id-36 .elementor-element-b0000031,
.page-id-36 .elementor-element-b0000032{
  width:100%!important;min-width:0!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(17,24,33,.045)!important;
  transition:.25s ease!important
}
.page-id-36 .elementor-element-b0000030:hover,
.page-id-36 .elementor-element-b0000031:hover,
.page-id-36 .elementor-element-b0000032:hover{transform:translateY(-5px)!important;box-shadow:0 18px 36px rgba(17,24,33,.09)!important}
.page-id-36 .elementor-element-b0000030 .elementor-widget-image img,
.page-id-36 .elementor-element-b0000031 .elementor-widget-image img,
.page-id-36 .elementor-element-b0000032 .elementor-widget-image img{
  width:100%!important;height:210px!important;object-fit:cover!important;border-radius:14px!important
}
.page-id-36 .elementor-element-b0000030 .elementor-button,
.page-id-36 .elementor-element-b0000031 .elementor-button,
.page-id-36 .elementor-element-b0000032 .elementor-button{
  border-radius:999px!important;padding:11px 18px!important;min-width:126px!important
}

/* Take action */
.page-id-36 .elementor-element-b0000070{background:#fff!important;padding-top:16px!important;padding-bottom:14px!important}
.page-id-36 .elementor-element-b0000071{width:28%!important}
.page-id-36 .elementor-element-b0000074{
  width:70%!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important
}
.page-id-36 .elementor-element-b0000074>.elementor-element{width:100%!important;min-width:0!important}
.page-id-36 .elementor-element-b0000074 .elementor-icon-box-wrapper{text-align:center!important;align-items:center!important}
.page-id-36 .elementor-element-b0000074 .elementor-icon{width:54px!important;height:54px!important;border:2px solid currentColor!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.page-id-36 .elementor-element-b0000074 .elementor-icon-box-title{font-size:12px!important;line-height:1.15!important;margin-top:7px!important}

/* Stay connected */
.page-id-36 .elementor-element-b0000080{
  max-width:1160px!important;margin:8px auto 22px!important;background:#fff4e5!important;border:1px solid #f1e4d0!important;border-radius:16px!important;
  padding:14px 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important
}
.page-id-36 .elementor-element-b0000080 .elementor-button{border-radius:10px!important;background:#ff4b1f!important;color:#fff!important}

/* Tablet/mobile */
@media(max-width:1024px){
  .page-id-36 .elementor-element-b0000003 .elementor-heading-title{font-size:54px!important}
  .page-id-36 .elementor-element-b0000019{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .page-id-36 .elementor-element-b000002a{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-id-36 .elementor-element-b0000064{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-id-36 .elementor-element-b0000071,
  .page-id-36 .elementor-element-b0000074{width:100%!important}
  .page-id-36 .elementor-element-b0000074{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:767px){
  .page-id-36 .elementor-element-b0000003 .elementor-heading-title{font-size:42px!important}
  .page-id-36 .elementor-element-b0000009 img{height:300px!important}
  .page-id-36 .elementor-element-b0000019,
  .page-id-36 .elementor-element-b000002a,
  .page-id-36 .elementor-element-b0000064,
  .page-id-36 .elementor-element-b0000074{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:14px!important;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px!important
  }
  .page-id-36 .elementor-element-b0000019>.elementor-element{flex:0 0 72vw!important;min-width:72vw!important;scroll-snap-align:start}
  .page-id-36 .elementor-element-b000002a>.elementor-element{flex:0 0 78vw!important;min-width:78vw!important;scroll-snap-align:start}
  .page-id-36 .elementor-element-b0000064>.elementor-element{flex:0 0 84vw!important;min-width:84vw!important;scroll-snap-align:start}
  .page-id-36 .elementor-element-b0000074>.elementor-element{flex:0 0 38vw!important;min-width:38vw!important;scroll-snap-align:start}
  .page-id-36 .elementor-element-b0000080{margin-left:16px!important;margin-right:16px!important;flex-wrap:wrap!important}
}