/**
 * CreativePro mega-menu styling — transplanted from the cp2 theme (creativepro.com)
 * so the local nav matches the live site. Enqueued by the child theme.
 *
 * Source: cp2/css/header.css + main.css (variables). Adaptations:
 *   - cp2 #guw-header / #nav_right wrappers re-scoped to #mega-menu-wrap-menu-1 (our menu).
 *   - MMM instance id rewritten: max_mega_menu_1 -> menu-1 (our local instance).
 *   - Fonts mapped to the locally-loaded "Qualion" + Montserrat.
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

:root {
  --cp-white: #ffffff;
  --cp-darker-blue: #0e1027;
  --cp-dark-blue: #131639;
  --cp-dark-grey: #262948;
  --cp-another-gray: #d9d9d9;
  --cp-blue: #3949f3;
  --cp-dark-gray1: #464646;
  --cp-button-primary-bg: #7febbb;
  --cp-bg-blue-tinted-grey: #f1f8ff;
  --paragraph-font: "Montserrat", Arial, sans-serif;
  --paragraph-qaulion-font: "Qualion", "Montserrat", sans-serif;
  --header-font: "Qualion", "Montserrat", sans-serif;
  --p-small: 15px;
  --p-normal: 18px;
  --p-bigger: 20px;
  --spacing-2x: 8px;
  --spacing-4x: 16px;
  --spacing-10x: 40px;
}

/* ---- Nav offset from logo. Live site uses 32px on #nav_right, but our MMM markup
   adds ~20px more internal padding, so 12px here lands the first item at the same
   40px logo-gap as the main site (measured: both logos end at x=429). ---- */
#mega-menu-wrap-menu-1 {
  margin-left: 12px;
}

/* ---- Top-level links ---- */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  padding: var(--spacing-10x) var(--spacing-4x);
  margin: 0 var(--spacing-2x);
  font-size: var(--p-small);
  font-weight: 600 !important;
  line-height: 20px;
  text-align: left;
  color: var(--cp-white);
  font-family: var(--paragraph-qaulion-font);
  text-decoration: none;
  height: auto;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover {
  color: var(--cp-button-primary-bg);
  font-weight: 600 !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:visited {
  font-weight: 600 !important;
}

/* ---- Panels ---- */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 .mega-sub-menu {
  padding: 0 0 25px 0;
  margin: 0;
  background: var(--cp-darker-blue);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { padding: 0; }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 h4.mega-block-title { display: none; }

/* Constrain mega-panel CONTENT to 1220px (centered); the dark panel background
   stays full browser width. Mirrors the live site's panel_inner_width:#head_wrp. */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row > ul.mega-sub-menu {
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}

/* ---- Icon base + text wrap ---- */
#mega-menu-wrap-menu-1 .icon {
  width: 18px; height: 18px; background-size: contain;
  display: inline-block; vertical-align: top; margin: 0 0.5rem 0 0.25rem;
}
#mega-menu-wrap-menu-1 .text-wrap { display: inline-block; position: relative; }

/* ---- Card title + description ---- */
#mega-menu-wrap-menu-1 div > a > span.text-wrap > h4,
#mega-menu-wrap-menu-1 div > a > span.text-wrap > .menu-card-title {
  display: block; color: var(--cp-white); line-height: 1;
  font-family: var(--paragraph-font); font-weight: 700; font-size: var(--p-normal);
}
#mega-menu-wrap-menu-1 div > a > span.text-wrap > span:not(.menu-card-title),
#mega-menu-wrap-menu-1 div > a > span.text-wrap > .menu-card-description {
  color: var(--cp-another-gray); font-size: var(--p-small); line-height: var(--p-bigger);
  margin: 10px 0 5px 0; display: inline-block; font-family: var(--paragraph-font);
}
#mega-menu-wrap-menu-1 div > a > span.text-wrap > span:not(.menu-card-title):empty,
#mega-menu-wrap-menu-1 div > a > span.text-wrap > .menu-card-description:empty { display: none; }

/* ---- Column header ---- */
#mega-menu-wrap-menu-1 .menu-sub-item {
  color: var(--cp-white); border-bottom: 1px solid var(--cp-dark-grey);
  font-size: var(--p-bigger); line-height: 24px; font-weight: 700;
  padding: 48px 0 20px 0; margin-bottom: 28px;
}

/* ---- Card link layout ---- */
#mega-menu-wrap-menu-1 .mega-menu-item-wrap {
  display: grid; grid-template-columns: 30px 1fr; text-decoration: none; padding: 24px 16px;
}
#mega-menu-wrap-menu-1 .mega-menu-item-wrap:hover { background-color: #131639; border-radius: 6px; }

/* ---- Card icons (inline SVG data-URIs, from cp2/css/header.css) ---- */
/* END Archive Banner Styles */
#mega-menu-wrap-menu-1 .icon.phone-icon {
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 18 18%22 fill%3D%22none%22%3E %3Cg clip-path%3D%22url%28%23clip0_1413_29265%29%22%3E %3Cpath d%3D%22M14.4225 11.4449L12.5175 11.2274C12.06 11.1749 11.61 11.3324 11.2875 11.6549L9.9075 13.0349C7.785 11.9549 6.045 10.2224 4.965 8.09245L6.3525 6.70495C6.675 6.38245 6.8325 5.93245 6.78 5.47495L6.5625 3.58495C6.4725 2.82745 5.835 2.25745 5.07 2.25745H3.7725C2.925 2.25745 2.22 2.96245 2.2725 3.80995C2.67 10.2149 7.7925 15.3299 14.19 15.7274C15.0375 15.7799 15.7425 15.0749 15.7425 14.2274V12.9299C15.75 12.1724 15.18 11.5349 14.4225 11.4449Z%22 fill%3D%22%233399FF%22/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id%3D%22clip0_1413_29265%22%3E %3Crect width%3D%2218%22 height%3D%2218%22 fill%3D%22white%22/%3E %3C/clipPath%3E %3C/defs%3E%3C/svg%3E")
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.target {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8.5" cy="11.5" r="6" stroke="%233399FF"/><circle cx="8.5" cy="11.5" r="3" stroke="%233399FF"/><path d="M8.64271 11.2813L14.4331 5.75979M16.5154 3.81997L16.0873 1.79069L14.1937 3.64031L14.4331 5.75979M16.5154 3.81997L18.4845 4.29708L16.2927 6.20959L14.4331 5.75979M16.5154 3.81997L14.4331 5.75979" stroke="%233399FF" stroke-linecap="round" stroke-linejoin="round"/></svg>')
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.team {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1413_29208)"><path d="M9 14C9 12.3431 7.20914 11 5 11C2.79086 11 1 12.3431 1 14" stroke="%233399FF"/><circle cx="5" cy="8" r="1.5" stroke="%233399FF"/><path d="M19 14C19 12.3431 17.2091 11 15 11C12.7909 11 11 12.3431 11 14" stroke="%233399FF"/><circle cx="15" cy="8" r="1.5" stroke="%233399FF"/><circle cx="10" cy="18" r="4.5" stroke="%233399FF"/><circle cx="10" cy="9.25" r="2" stroke="%233399FF"/></g><defs><clipPath id="clip0_1413_29208"><rect width="16" height="10.1818" fill="white" transform="translate(2 5)"/></clipPath></defs></svg>')
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.logo {
  /* background: url('data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2213%22 height%3D%2214%22 viewBox%3D%220 0 13 14%22 fill%3D%22none%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M6.08877 0V6.6962L0.181152 3.34809L6.08877 0Z%22 fill%3D%22%23F9DB6C%22/%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.353 3.34809L6.44441 6.6962H6.44348V0H6.44441L12.353 3.34809Z%22 fill%3D%22%23E85E5C%22/%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M5.90858 6.99944V7.00038L0 10.3475V3.65137L5.90858 6.99944Z%22 fill%3D%22%233949F3%22/%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M0.181152 10.6519L6.08877 7.30286V14L0.181152 10.6519Z%22 fill%3D%22%237FEBBB%22/%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M12.353 10.6519L6.44441 13.9991L6.44348 14V7.30286L6.44441 7.30379L12.353 10.6519Z%22 fill%3D%22%239263CD%22/%3E%3C/svg%3E') no-repeat center center; */
  background-image: url('data:image/svg+xml,<svg width="35" height="38" viewBox="0 0 35 38" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_dd_0_20)"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.9172 2V17.3056L3.4141 9.65277L16.9172 2Z" fill="%23F9DB6C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.2354 9.65277L17.7301 17.3056H17.728V2H17.7301L31.2354 9.65277Z" fill="%23E85E5C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16.5053 17.9987V18.0008L3 25.6515V10.3459L16.5053 17.9987Z" fill="%233399FF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.4141 26.3473L16.9172 18.6923V34.0001L3.4141 26.3473Z" fill="%237FEBBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.2354 26.3473L17.7301 33.9979L17.728 34.0001V18.6923L17.7301 18.6945L31.2354 26.3473Z" fill="%239263CD"/></g><defs><filter id="filter0_dd_0_20" x="0" y="0" width="34.2354" height="38.0001" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1"/><feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.06 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_0_20"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="1"/><feGaussianBlur stdDeviation="1.5"/><feColorMatrix type="matrix" values="0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.1 0"/><feBlend mode="normal" in2="effect1_dropShadow_0_20" result="effect2_dropShadow_0_20"/><feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_0_20" result="shape"/></filter></defs></svg>');
}

#mega-menu-wrap-menu-1 .icon.email {
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22%3E%3Cpath d%3D%22M3.5 5.5L10 10L16.5 5.5%22 stroke%3D%22%233399FF%22/%3E%3Crect x%3D%223.5%22 y%3D%225.5%22 width%3D%2213%22 height%3D%229%22 stroke%3D%22%233399FF%22/%3E%3C/svg%3E")
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.lightbulb {
  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%3Cg clip-path%3D%22url(%23clip0_1763_2724)%22%3E%3Cpath d%3D%22M6.00016 14C6.00016 14.3667 6.30016 14.6667 6.66683 14.6667H9.3335C9.70016 14.6667 10.0002 14.3667 10.0002 14V13.3333H6.00016V14ZM8.00016 1.33334C5.42683 1.33334 3.3335 3.42667 3.3335 6C3.3335 7.58667 4.12683 8.98 5.3335 9.82667V11.3333C5.3335 11.7 5.6335 12 6.00016 12H10.0002C10.3668 12 10.6668 11.7 10.6668 11.3333V9.82667C11.8735 8.98 12.6668 7.58667 12.6668 6C12.6668 3.42667 10.5735 1.33334 8.00016 1.33334ZM9.90016 8.73334L9.3335 9.13334V10.6667H6.66683V9.13334L6.10016 8.73334C5.20016 8.10667 4.66683 7.08667 4.66683 6C4.66683 4.16 6.16016 2.66667 8.00016 2.66667C9.84016 2.66667 11.3335 4.16 11.3335 6C11.3335 7.08667 10.8002 8.10667 9.90016 8.73334Z%22 fill%3D%223399FF%22/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id%3D%22clip0_1763_2724%22%3E%3Crect width%3D%2216%22 height%3D%2216%22 fill%3D%22white%22/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.star-hollow {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 1.61641L11.8852 7.41202L11.9975 7.75735H12.3607H18.4598L13.526 11.338L13.2317 11.5515L13.3442 11.8973L15.229 17.6918L10.2937 14.11L10 13.8969L9.70632 14.11L4.77098 17.6918L6.65582 11.8973L6.76829 11.5515L6.47402 11.338L1.54023 7.75735H7.63932H8.00247L8.1148 7.41202L10 1.61641Z" stroke="%233399FF"/></svg>')
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.star-filled {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 3L11.5716 7.83688H16.6574L12.5429 10.8262L14.1145 15.6631L10 12.6738L5.8855 15.6631L7.4571 10.8262L3.3426 7.83688H8.4284L10 3Z" fill="%233399FF"/></svg>')
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.speech-bubble {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 6L6.44903 7.38197H7.90211L6.72654 8.23607L7.17557 9.61803L6 8.76393L4.82443 9.61803L5.27346 8.23607L4.09789 7.38197H5.55097L6 6Z" fill="%233399FF"/><path d="M10 6L10.449 7.38197H11.9021L10.7265 8.23607L11.1756 9.61803L10 8.76393L8.82443 9.61803L9.27346 8.23607L8.09789 7.38197H9.55097L10 6Z" fill="%233399FF"/><path d="M14 6L14.449 7.38197H15.9021L14.7265 8.23607L15.1756 9.61803L14 8.76393L12.8244 9.61803L13.2735 8.23607L12.0979 7.38197H13.551L14 6Z" fill="%233399FF"/><path d="M9.11766 12.9788L5.35714 15.9646V13.3704V12.8704H4.85714H2.5V3.5H17.5V12.8704H9.42857H9.25421L9.11766 12.9788Z" stroke="%233399FF"/></svg>')
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.box {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 14V6L10 9.65217V18L3 14Z" stroke="%233399FF" stroke-linejoin="round"/><path d="M17 14.5V6.5L10 9.65217V18L17 14.5Z" stroke="%233399FF" stroke-linejoin="round"/><path d="M3 6L10 3L17 6.5" stroke="%233399FF" stroke-linejoin="round"/></svg>')
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.calendar {
  background: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="1.95837" width="13" height="10.6667" stroke="%233399FF"/><line x1="0.583252" y1="5.04163" x2="13.4166" y2="5.04163" stroke="%233399FF"/><line x1="4.875" y1="1.33563e-08" x2="4.875" y2="3.5" stroke="%233399FF"/><line x1="9.25" y1="1.33563e-08" x2="9.25" y2="3.5" stroke="%233399FF"/><ellipse cx="4.375" cy="8.75" rx="1.75" ry="1.75" fill="%233399FF"/></svg>')
    no-repeat center center;
    width: 14px !important;
    height: 14px !important;
}

#mega-menu-wrap-menu-1 .icon.creative-pro-week-logo {
  background: url("data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M4 9L6.59808 13.5H1.40192L4 9Z%22 fill%3D%22%23F9DB6C%22/%3E%3Cpath d%3D%22M7 11L4.40192 6.5L9.59808 6.5L7 11Z%22 fill%3D%22%23E85E5C%22/%3E%3Cpath d%3D%22M13 11L10.4019 6.5L15.5981 6.5L13 11Z%22 fill%3D%22%23A050E5%22/%3E%3Cpath d%3D%22M10 9L12.5981 13.5H7.40192L10 9Z%22 fill%3D%22%233399FF%22/%3E%3Cpath d%3D%22M16 9L18.5981 13.5H13.4019L16 9Z%22 fill%3D%22%237FEBBB%22/%3E%3C/svg%3E")
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.computer-with-man {
  background: url("data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect x%3D%223.5%22 y%3D%224.5%22 width%3D%2213%22 height%3D%229%22 stroke%3D%22%233399FF%22/%3E%3Cpath d%3D%22M10 13.5V17H4.5H15%22 stroke%3D%22%233399FF%22/%3E%3Ccircle cx%3D%2210%22 cy%3D%228%22 r%3D%222%22 fill%3D%22%233399FF%22/%3E%3Cpath d%3D%22M10 11C7.6 11 6.33333 12.3333 6 13H14C13.6667 12.3333 12.4 11 10 11Z%22 fill%3D%22%233399FF%22/%3E%3C/svg%3E")
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.webinar {
  background: url("data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect x%3D%223.5%22 y%3D%224.5%22 width%3D%2213%22 height%3D%229%22 stroke%3D%22%233399FF%22/%3E%3Cpath d%3D%22M10 13.5V17H4.5H15%22 stroke%3D%22%233399FF%22/%3E%3Cpath d%3D%22M8 12V6L13 9L10.5 10.5L8 12Z%22 fill%3D%22%233399FF%22/%3E%3C/svg%3E")
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.stack-of-papers {
  background: url("data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M13.7917 14.6034H14.2917V14.1034V6.13853L16.5 8.16786V16.5H6.5V14.6034H13.7917Z%22 stroke%3D%22%233399FF%22/%3E%3Cpath d%3D%22M4.5 2.5H11.2201L14.5 5.73018V14.5H4.5V2.5Z%22 stroke%3D%22%233399FF%22/%3E%3Cpath d%3D%22M11 3V4.5V6H14%22 stroke%3D%22%233399FF%22/%3E%3Cline x1%3D%227%22 y1%3D%226.5%22 x2%3D%229.5%22 y2%3D%226.5%22 stroke%3D%22%233399FF%22/%3E%3Cline x1%3D%227%22 y1%3D%228.5%22 x2%3D%2212%22 y2%3D%228.5%22 stroke%3D%22%233399FF%22/%3E%3Cline x1%3D%227%22 y1%3D%2210.5%22 x2%3D%2212%22 y2%3D%2210.5%22 stroke%3D%22%233399FF%22/%3E%3C/svg%3E")
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.download-arrow {
  background: url("data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M2 13.5L2 17.5L18 17.5L18 13.5%22 stroke%3D%22%233399FF%22 stroke-linecap%3D%22round%22/%3E%3Cpath d%3D%22M9.29861 14.1796C9.49387 14.3749 9.81045 14.3749 10.0057 14.1796L13.1877 10.9977C13.383 10.8024 13.383 10.4858 13.1877 10.2906C12.9924 10.0953 12.6758 10.0953 12.4806 10.2906L9.65216 13.119L6.82373 10.2906C6.62847 10.0953 6.31189 10.0953 6.11663 10.2906C5.92136 10.4858 5.92136 10.8024 6.11663 10.9977L9.29861 14.1796ZM9.15216 2L9.15216 13.8261H10.1522L10.1522 2H9.15216Z%22 fill%3D%22%233399FF%22/%3E%3C/svg%3E")
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.shopping-cart {
  background: url("data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle cx%3D%227.5%22 cy%3D%2215.5%22 r%3D%221.5%22 fill%3D%22%233399FF%22/%3E%3Ccircle cx%3D%2213.5%22 cy%3D%2215.5%22 r%3D%221.5%22 fill%3D%22%233399FF%22/%3E%3Cpath d%3D%22M2 3H4.25806L6.06452 12H14.6452L16 6H6.96774%22 stroke%3D%22%233399FF%22/%3E%3C/svg%3E")
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.lightbulb {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1413_29220)"><path d="M8.00001 16C8.00001 16.3666 8.30001 16.6666 8.66668 16.6666H11.3333C11.7 16.6666 12 16.3666 12 16V15.3333H8.00001V16ZM10 3.33331C7.42668 3.33331 5.33334 5.42665 5.33334 7.99998C5.33334 9.58665 6.12668 10.98 7.33334 11.8266V13.3333C7.33334 13.7 7.63334 14 8.00001 14H12C12.3667 14 12.6667 13.7 12.6667 13.3333V11.8266C13.8733 10.98 14.6667 9.58665 14.6667 7.99998C14.6667 5.42665 12.5733 3.33331 10 3.33331ZM11.9 10.7333L11.3333 11.1333V12.6666H8.66668V11.1333L8.10001 10.7333C7.20001 10.1066 6.66668 9.08665 6.66668 7.99998C6.66668 6.15998 8.16001 4.66665 10 4.66665C11.84 4.66665 13.3333 6.15998 13.3333 7.99998C13.3333 9.08665 12.8 10.1066 11.9 10.7333Z" fill="%233399FF"/></g><defs><clipPath id="clip0_1413_29220"><rect width="16" height="16" fill="white" transform="translate(2 2)"/></clipPath></defs></svg>')
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.book {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.57143 6.3344C3.78781 6.20837 2.92942 6.13333 2 6.13333V14.522C3.49333 14.5853 5.2 14.4 10 17.3333V14.4" stroke="%233399FF" stroke-linejoin="round"/><path d="M15.4286 6.3344C16.2122 6.20837 17.0706 6.13333 18 6.13333V14.522C16.5067 14.5853 13.4667 14.9333 10 17.3333V14.4" stroke="%233399FF" stroke-linejoin="round"/><path d="M10 6.4678V15.2C7.93493 13.5295 5.22844 12.9853 4.13333 12.922V4C7.3248 4 9.37422 5.6452 10 6.4678Z" stroke="%233399FF" stroke-linejoin="round"/><path d="M10 6.4678V15.2C12.0651 13.5295 14.7716 12.9853 15.8667 12.922V4C12.6752 4 10.6258 5.6452 10 6.4678Z" stroke="%233399FF" stroke-linejoin="round"/></svg>')
    no-repeat center center;
}

#mega-menu-wrap-menu-1 .icon.microphone {
  background: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 5.5V8.5C12.5 10.1569 11.1569 11.5 9.5 11.5C7.84315 11.5 6.5 10.1569 6.5 8.5V5.5C6.5 3.84315 7.84315 2.5 9.5 2.5C11.1569 2.5 12.5 3.84315 12.5 5.5Z" stroke="%233399FF"/><path d="M15 7V8.5C15 11.5376 12.5376 14 9.5 14V14C6.46243 14 4 11.5376 4 8.5V7.26923" stroke="%233399FF" stroke-linecap="round"/><path d="M9.5 14.5V17M6 17H13" stroke="%233399FF"/></svg>')
    no-repeat center center;
}



/* ---- Sticky header: transparent at top on the homepage, solid (#131639) on scroll.
   Mirrors the live site (.transparent-header-bg on the front page -> solid on scroll). ---- */
.elementor-element-8d7958e {
  transition: background-color 0.3s ease;
}
body.home .elementor-element-8d7958e:not(.elementor-sticky--effects) {
  background-color: transparent !important;
}


/* ============ Mega-panel promo columns (Events "Featured Event" + Membership CTA) ============ */
/* Dark-blue gradient on the Membership & Events panels (live: li.member-menu / li.event-menu) */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.member-menu > ul.mega-sub-menu,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.event-menu > ul.mega-sub-menu {
  background: linear-gradient(to right, #0e1027 70%, #131639 50%);
}
/* Promo column: solid dark-blue + decorative cube pattern bottom-right */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-column:has(.menu-promo-wrap) {
  background-color: #131639;
  background-image: url('data:image/svg+xml,<svg width="119" height="88" viewBox="0 0 119 88" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_709_38110)"><path fill-rule="evenodd" clip-rule="evenodd" d="M91.2646 47.2845L106.245 38.6472L121.232 30.0063V47.2845V64.559L106.245 55.9218L91.2646 47.2845Z" fill="%2344AAAA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.3623 64.5609L16.3425 55.9236L31.3298 47.2827V64.5609V81.8354L16.3425 73.1981L1.3623 64.5609Z" fill="%23B2CCFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.3296 47.2845L46.3097 38.6472L61.2971 30.0063V47.2845V64.559L46.3097 55.9218L31.3296 47.2845Z" fill="%23F9DB6C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.3296 81.8372L46.3097 73.1999L61.2971 64.559V81.8372V99.1117L46.3097 90.4745L31.3296 81.8372Z" fill="%237FEBBB"/><path fill-rule="evenodd" clip-rule="evenodd" d="M61.2974 64.5609L76.2775 55.9236L91.2649 47.2827V64.5609V81.8354L76.2775 73.1981L61.2974 64.5609Z" fill="%23FFEEAF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M61.2974 30.0081L76.2775 21.3709L91.2649 12.7299V30.0081V47.2827L76.2775 38.6454L61.2974 30.0081Z" fill="%23F58486"/><path fill-rule="evenodd" clip-rule="evenodd" d="M91.2649 81.8372L76.2775 73.1963L61.2974 64.559V81.8372V99.1117L76.2775 90.4745L91.2649 81.8372Z" fill="%23A050E5"/><path fill-rule="evenodd" clip-rule="evenodd" d="M91.2649 47.2845L76.2775 38.6436L61.2974 30.0063V47.2845V64.559L76.2775 55.9218L91.2649 47.2845Z" fill="%23E85E5C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M61.2971 30.0081L46.3098 21.3672L31.3296 12.7299V30.0081V47.2827L46.3098 38.6454L61.2971 30.0081Z" fill="%23FFF4C8"/><path fill-rule="evenodd" clip-rule="evenodd" d="M61.2971 64.5609L46.3098 55.92L31.3296 47.2827V64.5609V81.8354L46.3098 73.1981L61.2971 64.5609Z" fill="%233949F3"/><path fill-rule="evenodd" clip-rule="evenodd" d="M121.232 30.0081L106.245 21.3672L91.2646 12.7299V30.0081V47.2827L106.245 38.6454L121.232 30.0081Z" fill="%23FECDCA"/><path fill-rule="evenodd" clip-rule="evenodd" d="M121.232 64.5609L106.245 55.92L91.2646 47.2827V64.5609V81.8354L106.245 73.1981L121.232 64.5609Z" fill="%23C6DB64"/></g><defs><clipPath id="clip0_709_38110"><rect width="151" height="108" fill="white"/></clipPath></defs></svg>');
  background-repeat: no-repeat;
  background-position: bottom right;
}
#mega-menu-wrap-menu-1 .menu-promo-wrap { padding: 32px; }
/* Top-align the promo heading with the panel's left section heading. The base
   .menu-sub-item has 48px top padding; inside the promo wrap that stacks on the
   wrap's 32px padding and pushed the heading ~32px too low. cp2 overrides it to
   20px (header.css: #menu-become-a-member-wrap .menu-sub-item) — which on the live
   site covers both promos since the events wrap reuses that id. */
#mega-menu-wrap-menu-1 .menu-promo-wrap .menu-sub-item { padding-top: 20px; margin-bottom: 24px; }

/* --- Membership CTA --- */
#mega-menu-wrap-menu-1 #menu-become-a-member-wrap ul {
  font-family: var(--paragraph-font); color: #fff;
  margin: 16px 0 0 20px; font-size: 15px; list-style-type: disc;
}
#mega-menu-wrap-menu-1 #menu-become-a-member-wrap ul li {
  color: #fff; list-style-type: disc; font-size: 15px; font-weight: 400; line-height: 20px; text-align: left;
}
#mega-menu-wrap-menu-1 .menu-promo-wrap .cp-btn {
  display: inline-block; margin-top: 40px;
  border-radius: 56px; padding: 14px 28px;
  font-family: var(--header-font); font-size: 16px; font-weight: 600;
  text-decoration: none; transition: background-color .2s ease;
}
#mega-menu-wrap-menu-1 .menu-promo-wrap .cp-btn.btn-primary { background-color: #7febbb; color: #00205b; }
#mega-menu-wrap-menu-1 .menu-promo-wrap .cp-btn.btn-primary:hover { background-color: #abf4d4; color: #00205b; }

/* --- Events Featured card --- */
#mega-menu-wrap-menu-1 #event-wrap { background: #0e1027; max-width: 250px; padding: 20px; color: #fff; }
#mega-menu-wrap-menu-1 #event-wrap img {
  max-width: 100%; width: 100%; height: 109px; object-fit: cover;
  border-radius: 8px; object-position: center center; display: block;
}
#mega-menu-wrap-menu-1 #event-wrap h3.event-title {
  font-family: var(--paragraph-font); color: #fff; font-size: 18px;
  line-height: normal; margin: 16px 0 4px 0;
}
#mega-menu-wrap-menu-1 #event-wrap p { font-family: var(--paragraph-font); color: #fff; font-size: 15px; margin: 0 0 8px 0; }
#mega-menu-wrap-menu-1 #event-wrap .cp-btn-link {
  display: inline-block; font-family: var(--header-font); font-size: 14px; font-weight: 600;
  line-height: 20px; color: #fff; text-decoration: none; margin-top: 10px;
}
#mega-menu-wrap-menu-1 #event-wrap .cp-btn-link.btn-link-icon:after {
  content: ""; display: inline-block; width: 6px; height: 10px; margin-left: 8px; vertical-align: middle;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjI5MjUgMC4yOTM3NjJDLTAuMDk3NSAwLjY4Mzc2MiAtMC4wOTc1IDEuMzEzNzYgMC4yOTI1IDEuNzAzNzZMNC4xNzI1IDUuNTgzNzZMMC4yOTI1IDkuNDYzNzZDLTAuMDk3NSA5Ljg1Mzc2IC0wLjA5NzUgMTAuNDgzOCAwLjI5MjUgMTAuODczOEMwLjY4MjUgMTEuMjYzOCAxLjMxMjUgMTEuMjYzOCAxLjcwMjUgMTAuODczOEw2LjI5MjUgNi4yODM3NkM2LjY4MjUgNS44OTM3NiA2LjY4MjUgNS4yNjM3NiA2LjI5MjUgNC44NzM3NkwxLjcwMjUgMC4yODM3NjJDMS4zMjI1IC0wLjA5NjIzNzkgMC42ODI1IC0wLjA5NjIzNzcgMC4yOTI1IDAuMjkzNzYyWiIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K") no-repeat center / contain;
}

/* Cards column (8-of-12) in Events/Membership panels: 2-column grid; the section label
   spans full width. Two-ID specificity to beat MMM's generated display:block. The promo
   column is 4-of-12 so it's untouched. */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.event-menu .mega-menu-columns-8-of-12 > ul.mega-sub-menu,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.member-menu .mega-menu-columns-8-of-12 > ul.mega-sub-menu,
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.courses-menu .mega-menu-columns-8-of-12 > ul.mega-sub-menu {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  align-content: start;
  column-gap: 16px;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.event-menu .mega-menu-columns-8-of-12 > ul.mega-sub-menu > li:has(.menu-sub-item),
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.member-menu .mega-menu-columns-8-of-12 > ul.mega-sub-menu > li:has(.menu-sub-item),
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.courses-menu .mega-menu-columns-8-of-12 > ul.mega-sub-menu > li:has(.menu-sub-item) {
  grid-column: 1 / -1;
}

/* ============ Header right-side account component (.cpc-header-account) ============ */
.cpc-header-account { display: flex; align-items: center; }

/* --- Logged-out: Sign in + Become a member --- */
.cpc-header-account #sign-in { display: inline-block; margin: 0 1rem; }
.cpc-header-account #sign-in a {
  color: #fff; font-family: var(--paragraph-font); font-weight: 700;
  font-size: 15px; position: relative; top: 2px; text-decoration: none !important;
}
.cpc-header-account .cp-btn {
  display: inline-block; border-radius: 56px; padding: 16px 32px;
  font-family: var(--header-font); font-size: 17px; font-weight: 600;
  line-height: 24px; text-decoration: none; transition: background-color .2s ease;
}
.cpc-header-account .cp-btn.btn-sm { padding: 9px 19px; font-size: 15px; line-height: 20px; }
.cpc-header-account .cp-btn.btn-primary { background-color: #7febbb; color: #00205b; }
.cpc-header-account .cp-btn.btn-primary:hover { background-color: #abf4d4; color: #00205b; }

/* --- Logged-in: hexagon avatar --- */
.cpc-header-account .hexagon-user-profile-icon {
  height: 36px; width: 32px; display: flex; position: relative; cursor: pointer;
  margin: 0 12px; z-index: 99999;
}
.cpc-header-account .hexagon-user-profile-icon .user-profile-img img {
  height: 36px; width: 32px; object-fit: cover;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.cpc-header-account .hexagon-user-profile-icon .user-profile-initials {
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  background-color: #3949f3; color: #fff; height: 36px; width: 32px;
  font-size: 15px; font-weight: 500;
}
.cpc-header-account .hexagon-user-profile-icon span,
.cpc-header-account .bigger-hexagon-user-profile-icon span {
  position: relative; text-align: center; display: flex; align-items: center; justify-content: center;
}

/* --- Logged-in: profile dropdown --- */
.cpc-header-account .profile-menu {
  display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
  background: linear-gradient(to bottom, #f1f8ff 50%, #fff 50%);
  box-shadow: 0px 4px 16px 0px #00000026; border-radius: 8px; overflow: hidden;
  width: 275px; z-index: 1; text-align: left; font-family: var(--paragraph-font);
}
@media (min-width: 769px) {
  .cpc-header-account .hexagon-user-profile-icon:hover .profile-menu { display: block; }
}
.cpc-header-account .user-info {
  background: #f1f8ff; display: flex; align-items: center; gap: 12px; padding: 24px;
}
.cpc-header-account .bigger-hexagon-user-profile-icon { display: block; position: relative; flex: 0 0 auto; }
.cpc-header-account .bigger-hexagon-user-profile-icon .user-profile-img img,
.cpc-header-account .bigger-hexagon-user-profile-icon .user-profile-initials {
  width: 44px; height: 48px; object-fit: cover; font-size: 16px;
  background-color: #3949f3; color: #fff;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.cpc-header-account .user-info .name p {
  font-family: var(--paragraph-qaulion-font); font-size: 18px; font-weight: 600;
  line-height: 24px; margin: 0 0 4px 0; color: #161616;
}
.cpc-header-account .user-info .status p {
  border: 1px solid #000; display: inline-block; padding: 2px 12px; border-radius: 4px;
  font-family: var(--paragraph-qaulion-font); font-size: 13px; font-weight: 600;
  line-height: 17px; color: #464646; margin: 0;
}
.cpc-header-account .user-info .status.green p { border-color: #7febbb; }
.cpc-header-account .user-info .status.red p { border-color: #e85e5c; }
.cpc-header-account .profile-menu nav ul { list-style: none; margin: 0; padding: 0; background: #fff; }
.cpc-header-account .profile-menu nav ul li { padding: 16px 24px; display: block; font-size: 15px; font-weight: 600; }
.cpc-header-account .profile-menu nav ul li:hover { background-color: #f0f0f0; }
.cpc-header-account .profile-menu nav ul li:last-child { border-top: 1px solid #d9d9d9; }
.cpc-header-account .profile-menu nav ul li a { text-decoration: none; color: #333; display: block; }

/* Vertically center (and right-align) the account component in the header's right slot */
.elementor-element-7f7af90 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* atomic e-div-block forces display:block; force flex so align-items centers the account */
.elementor-element-7f7af90 { display: flex !important; }
/* push the account slot to the far right of the header row */
.elementor-element-7f7af90 { margin-left: auto; }