.elementor-kit-7733{--e-global-color-primary:#E74A1D;--e-global-color-secondary:#9B280D;--e-global-color-text:#333333;--e-global-color-accent:#1D70B7;--e-global-color-955d1e3:#FFFFFF;--e-global-color-e821854:#000000;--e-global-color-88d227e:#333333;--e-global-color-bd8c91b:#F9F9F9;--e-global-color-c6356a3:#F5F5F5;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Roboto", Sans-serif;}.elementor-kit-7733 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7733 h1{font-size:40px;}.elementor-kit-7733 h3{font-size:22px;text-transform:uppercase;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7733 h1{font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================================
   FINAL HEADER COLOUR OVERRIDE
   ===================================================== */

/* TOP INFORMATION STRIP — LIGHT GREY */
.elementor-location-header > .e-con:first-child,
.elementor-location-header > .elementor-element:first-child,
header .e-con:first-child {
    background: #dedede !important;
    background-color: #dedede !important;
}

/* TOP STRIP TEXT / ICONS — CHARCOAL */
.elementor-location-header > .e-con:first-child *,
.elementor-location-header > .elementor-element:first-child * {
    color: #333333 !important;
}


/* MAIN NAVIGATION — TRANSPARENT CHARCOAL */
.elementor-location-header > .e-con:nth-child(2),
.elementor-location-header > .elementor-element:nth-child(2),
header .e-con:nth-child(2) {
    background: rgba(48, 48, 48, 0.76) !important;
    background-color: rgba(48, 48, 48, 0.76) !important;

    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}


/* KEEP MAIN MENU / ICONS WHITE */
.elementor-location-header nav a,
.elementor-location-header .elementor-nav-menu a,
.elementor-location-header .elementor-icon,
.elementor-location-header .elementor-menu-toggle {
    color: #ffffff !important;
}


/* DROPDOWN MENU */
.elementor-location-header .sub-menu {
    background: rgba(45, 45, 45, 0.95) !important;
}


/* MOBILE */
@media (max-width: 767px) {

    .elementor-location-header > .e-con:nth-child(2),
    .elementor-location-header > .elementor-element:nth-child(2) {
        background: rgba(48, 48, 48, 0.92) !important;
    }
}
/* =========================================================
   JEDI GEAR STORE – FOOTER COLOUR
   WooCommerce pages only
   ========================================================= */

/* REMOVE ORANGE FROM FOOTER AREAS */
body.woocommerce .elementor-location-footer .elementor-element,
body.woocommerce-page .elementor-location-footer .elementor-element,
body.single-product .elementor-location-footer .elementor-element,
body.post-type-archive-product .elementor-location-footer .elementor-element,
body.tax-product_cat .elementor-location-footer .elementor-element {
    --e-global-color-primary: #34383c;
}


/* ORANGE SOCIAL MEDIA STRIP → CHARCOAL GREY */
body.woocommerce .elementor-location-footer > .elementor-element,
body.woocommerce-page .elementor-location-footer > .elementor-element,
body.single-product .elementor-location-footer > .elementor-element,
body.post-type-archive-product .elementor-location-footer > .elementor-element,
body.tax-product_cat .elementor-location-footer > .elementor-element {
    border-color: #34383c !important;
}


/* TARGET ORANGE BACKGROUNDS IN FOOTER */
body.woocommerce .elementor-location-footer [style*="background"],
body.woocommerce-page .elementor-location-footer [style*="background"],
body.single-product .elementor-location-footer [style*="background"] {
    border-color: #34383c !important;
}


/* SOCIAL ICON SECTION */
body.woocommerce .elementor-location-footer .elementor-social-icons-wrapper,
body.woocommerce-page .elementor-location-footer .elementor-social-icons-wrapper,
body.single-product .elementor-location-footer .elementor-social-icons-wrapper {
    background-color: transparent !important;
}


/* GEAR STORE FOOTER LINKS */
body.woocommerce .elementor-location-footer a,
body.woocommerce-page .elementor-location-footer a,
body.single-product .elementor-location-footer a {
    transition: opacity .2s ease;
}

body.woocommerce .elementor-location-footer a:hover,
body.woocommerce-page .elementor-location-footer a:hover,
body.single-product .elementor-location-footer a:hover {
    opacity: .75;
}
/* ==========================================================
   JEDI GEAR STORE COLOUR THEME
   SKY BLUE + CHARCOAL
   WooCommerce / Gear Store pages ONLY
   ========================================================== */


/* ==========================================================
   1. TOP INFORMATION BAR — SKY BLUE
   ========================================================== */

body.woocommerce .elementor-location-header > .e-con:first-child,
body.woocommerce-page .elementor-location-header > .e-con:first-child,
body.single-product .elementor-location-header > .e-con:first-child,
body.post-type-archive-product .elementor-location-header > .e-con:first-child,
body.tax-product_cat .elementor-location-header > .e-con:first-child {

    background: #65BFE6 !important;
    background-color: #65BFE6 !important;
}


/* TOP BAR TEXT + ICONS */

body.woocommerce .elementor-location-header > .e-con:first-child *,
body.woocommerce-page .elementor-location-header > .e-con:first-child *,
body.single-product .elementor-location-header > .e-con:first-child *,
body.post-type-archive-product .elementor-location-header > .e-con:first-child *,
body.tax-product_cat .elementor-location-header > .e-con:first-child * {

    color: #1f2933 !important;
}


/* ==========================================================
   2. MAIN NAVIGATION — TRANSPARENT CHARCOAL
   ========================================================== */

body.woocommerce .elementor-location-header > .e-con:nth-child(2),
body.woocommerce-page .elementor-location-header > .e-con:nth-child(2),
body.single-product .elementor-location-header > .e-con:nth-child(2),
body.post-type-archive-product .elementor-location-header > .e-con:nth-child(2),
body.tax-product_cat .elementor-location-header > .e-con:nth-child(2) {

    background: rgba(43, 47, 51, 0.82) !important;
    background-color: rgba(43, 47, 51, 0.82) !important;

    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}


/* NAVIGATION TEXT WHITE */

body.woocommerce .elementor-location-header nav a,
body.woocommerce-page .elementor-location-header nav a,
body.single-product .elementor-location-header nav a {

    color: #ffffff !important;
}


/* ==========================================================
   3. GEAR STORE DROPDOWN MENUS
   ========================================================== */

body.woocommerce .elementor-location-header .sub-menu,
body.woocommerce-page .elementor-location-header .sub-menu,
body.single-product .elementor-location-header .sub-menu {

    background: rgba(43, 47, 51, 0.96) !important;
}


/* ==========================================================
   4. GEAR STORE FOOTER — SKY BLUE STRIP
   ========================================================== */

body.woocommerce .elementor-location-footer > .e-con:first-child,
body.woocommerce-page .elementor-location-footer > .e-con:first-child,
body.single-product .elementor-location-footer > .e-con:first-child,
body.post-type-archive-product .elementor-location-footer > .e-con:first-child,
body.tax-product_cat .elementor-location-footer > .e-con:first-child {

    background: #65BFE6 !important;
    background-color: #65BFE6 !important;
}


/* ==========================================================
   5. FOOTER SOCIAL ICONS
   ========================================================== */

body.woocommerce .elementor-location-footer .elementor-social-icon,
body.woocommerce-page .elementor-location-footer .elementor-social-icon,
body.single-product .elementor-location-footer .elementor-social-icon {

    background-color: #ffffff !important;
    color: #34383c !important;
}


/* ==========================================================
   6. LOWER FOOTER — CHARCOAL
   ========================================================== */

body.woocommerce .elementor-location-footer > .e-con:last-child,
body.woocommerce-page .elementor-location-footer > .e-con:last-child,
body.single-product .elementor-location-footer > .e-con:last-child,
body.post-type-archive-product .elementor-location-footer > .e-con:last-child,
body.tax-product_cat .elementor-location-footer > .e-con:last-child {

    background: #27323a !important;
    background-color: #27323a !important;
}


/* LOWER FOOTER TEXT */

body.woocommerce .elementor-location-footer > .e-con:last-child,
body.woocommerce .elementor-location-footer > .e-con:last-child *,
body.woocommerce-page .elementor-location-footer > .e-con:last-child,
body.woocommerce-page .elementor-location-footer > .e-con:last-child * {

    color: #ffffff !important;
}


/* ==========================================================
   7. MOBILE
   ========================================================== */

@media (max-width: 767px) {

    body.woocommerce .elementor-location-header > .e-con:nth-child(2),
    body.woocommerce-page .elementor-location-header > .e-con:nth-child(2),
    body.single-product .elementor-location-header > .e-con:nth-child(2) {

        background: rgba(43, 47, 51, 0.94) !important;
    }

}/* End custom CSS */