.elementor-249 .elementor-element.elementor-element-2482bdc7{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-249 .elementor-element.elementor-element-4039c25{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-eael-nft-gallery .eael-nft-gallery-load-more .eael-nft-gallery-load-more-text{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-wrapper .eael-nft-grid{grid-template-columns:repeat( 4, 1fr);}.elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-loadmore-wrap{text-align:center;}.elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-wrapper .eael-nft-gallery-items{border-radius:10px;}.elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-wrapper .eael-nft-gallery-items .eael-nft-item, .elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-wrapper .preset-2 .eael-nft-item > a{border-radius:10px;}.elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-wrapper .eael-nft-gallery-items .eael-nft-button button a{background:rgb(32, 129, 226);}.elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-wrapper .eael-nft-gallery-items .eael-nft-button button a:hover{background:rgb(46, 142, 238);}.elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-load-more{background-color:#29D8D8;color:#fff;}.elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-load-more .eael-nft-gallery-load-more-icon{font-size:15px;}.elementor-249 .elementor-element.elementor-element-2885cb8 .eael-nft-gallery-load-more img.eael-nft-gallery-load-more-icon{height:15px;width:15px;}.elementor-249 .elementor-element.elementor-element-fa8749a{--display:flex;--min-height:446px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-249 .elementor-element.elementor-element-5855882{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-dbb28e1{--e-image-carousel-slides-to-show:1;width:100%;max-width:100%;}.elementor-249 .elementor-element.elementor-element-dbb28e1.elementor-element{--align-self:center;}.elementor-249 .elementor-element.elementor-element-dbb28e1 .swiper-pagination-bullet{width:3px;height:3px;}.elementor-249 .elementor-element.elementor-element-dbb28e1 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-accent );opacity:var( --e-global-color-accent );}.elementor-249 .elementor-element.elementor-element-a752a44{--e-image-carousel-slides-to-show:1;}.elementor-249 .elementor-element.elementor-element-a752a44 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-accent );opacity:var( --e-global-color-accent );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-249 .elementor-element.elementor-element-cc1fd2d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-106c054{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-aa81296{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-249 .elementor-element.elementor-element-fdd11dd{--display:flex;}.elementor-widget-softlite_image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-249 .elementor-element.elementor-element-09909af:hover img{opacity:1;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 1.9px ) hue-rotate( 0deg );}.elementor-249 .elementor-element.elementor-element-1ec25ee{--display:flex;}.elementor-249 .elementor-element.elementor-element-dc5ea21{--display:flex;}.elementor-249 .elementor-element.elementor-element-7f3065c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;} { "template": { "title": "SportswearPro Hero Slider", "type": "page", "version": "0.4", "siteurl": "", "content": [ { "id": "hero_section", "elType": "section", "settings": { "layout": "full_width", "height": "full", "content_position": "middle", "overflow": "hidden", "padding": { "unit": "px", "top": "0", "right": "0", "bottom": "0", "left": "0" }, "margin": { "unit": "px", "top": "0", "right": "0", "bottom": "0", "left": "0" }, "_element_id": "hero", "css_classes": "hero-slider-section" }, "elements": [ { "id": "hero_col", "elType": "column", "settings": { "_column_size": 100, "padding": { "unit": "px", "top": "0", "right": "0", "bottom": "0", "left": "0" } }, "elements": [ { "id": "hero_slides", "elType": "widget", "widgetType": "slides", "settings": { "slides": [ { "slides_title": "Premium Soccer & Sportswear Manufacturing", "slides_description": "OEM / ODM Production for Global Brands", "slides_button_text": "Get a Quote", "slides_button_link": { "url": "#inquiry", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-factory.jpg", "id": "", "alt": "Premium Soccer & Sportswear Manufacturing" }, "slides_background_overlay": "yes" }, { "slides_title": "In-House Sublimation Printing", "slides_description": "Vibrant Colors. Unlimited Designs. No Fading.", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-sublimation.jpg", "id": "", "alt": "In-House Sublimation Printing" }, "slides_background_overlay": "yes" }, { "slides_title": "500 Skilled Workers in Production", "slides_description": "High Capacity \u2013 Consistent Quality \u2013 Fast Delivery", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/factory-interior.jpg", "id": "", "alt": "500 Skilled Workers in Production" }, "slides_background_overlay": "yes" }, { "slides_title": "Custom Soccer Jerseys & Teamwear", "slides_description": "Fully customizable designs for clubs and brands worldwide", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/product-jerseys.jpg", "id": "", "alt": "Custom Soccer Jerseys & Teamwear" }, "slides_background_overlay": "yes" }, { "slides_title": "Tracksuits & Training Apparel", "slides_description": "From concept to bulk production \u2014 your vision, our craft", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/product-tracksuits.jpg", "id": "", "alt": "Tracksuits & Training Apparel" }, "slides_background_overlay": "yes" }, { "slides_title": "Embroidery & Screen Printing Facility", "slides_description": "Precision finishing for logos, names, and branding", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/factory-interior.jpg", "id": "", "alt": "Embroidery & Screen Printing Facility" }, "slides_background_overlay": "yes" }, { "slides_title": "Transfer Press & Heat Applications", "slides_description": "Professional name and number heat press technology", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-sublimation.jpg", "id": "", "alt": "Transfer Press & Heat Applications" }, "slides_background_overlay": "yes" }, { "slides_title": "Private Label & Custom Branding Solutions", "slides_description": "Your brand identity, manufactured to perfection", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-factory.jpg", "id": "", "alt": "Private Label & Custom Branding Solutions" }, "slides_background_overlay": "yes" }, { "slides_title": "Global Export Experience", "slides_description": "Trusted by brands in 30+ countries worldwide", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/factory-interior.jpg", "id": "", "alt": "Global Export Experience" }, "slides_background_overlay": "yes" }, { "slides_title": "Your Reliable Sportswear Production Partner", "slides_description": "Quality manufacturing you can count on", "slides_button_text": "Start Your Project", "slides_button_link": { "url": "#inquiry", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-factory.jpg", "id": "", "alt": "Your Reliable Sportswear Production Partner" }, "slides_background_overlay": "yes" } ], "slides_height": { "unit": "vh", "size": 100 }, "autoplay": "yes", "autoplay_speed": 5000, "pause_on_hover": "no", "pause_on_interaction": "yes", "infinite": "yes", "effect": "fade", "speed": 800, "navigation": "both", "arrows_position": "inside", "arrows_size": { "unit": "px", "size": 24 }, "arrows_color": "#F2F2F2", "arrows_hover_color": "#0080FF", "arrows_background_color": "rgba(38,38,38,0.5)", "arrows_hover_background_color": "rgba(0,128,255,0.8)", "arrows_border_radius": { "unit": "px", "top": "50", "right": "50", "bottom": "50", "left": "50" }, "arrows_padding": { "unit": "px", "top": "12", "right": "12", "bottom": "12", "left": "12" }, "dots_position": "inside", "dots_size": { "unit": "px", "size": 10 }, "dots_color": "rgba(153,153,153,0.4)", "dots_active_color": "#0080FF", "content_max_width": { "unit": "px", "size": 900 }, "slides_horizontal_position": "center", "slides_vertical_position": "middle", "slides_text_align": "center", "heading_spacing": { "unit": "px", "size": 16 }, "title_color": "#F2F2F2", "title_typography_typography": "custom", "title_typography_font_family": "Oswald", "title_typography_font_size": { "unit": "px", "size": 72 }, "title_typography_font_size_tablet": { "unit": "px", "size": 48 }, "title_typography_font_size_mobile": { "unit": "px", "size": 32 }, "title_typography_font_weight": "700", "title_typography_text_transform": "uppercase", "title_typography_letter_spacing": { "unit": "px", "size": 2 }, "title_typography_line_height": { "unit": "em", "size": 1.1 }, "description_spacing": { "unit": "px", "size": 32 }, "description_color": "#999999", "description_typography_typography": "custom", "description_typography_font_family": "Inter", "description_typography_font_size": { "unit": "px", "size": 20 }, "description_typography_font_size_tablet": { "unit": "px", "size": 18 }, "description_typography_font_size_mobile": { "unit": "px", "size": 16 }, "description_typography_font_weight": "400", "description_typography_line_height": { "unit": "em", "size": 1.5 }, "button_color": "#FFFFFF", "button_background_color": "#D42020", "button_hover_color": "#FFFFFF", "button_hover_background_color": "#B01A1A", "button_typography_typography": "custom", "button_typography_font_family": "Oswald", "button_typography_font_size": { "unit": "px", "size": 18 }, "button_typography_font_weight": "600", "button_typography_letter_spacing": { "unit": "px", "size": 3 }, "button_typography_text_transform": "uppercase", "button_border_radius": { "unit": "px", "top": "2", "right": "2", "bottom": "2", "left": "2" }, "button_padding": { "unit": "px", "top": "16", "right": "32", "bottom": "16", "left": "32" }, "background_overlay_background": "gradient", "background_overlay_color": "rgba(13,13,13,0.9)", "background_overlay_color_b": "rgba(13,13,13,0.3)", "background_overlay_gradient_type": "linear", "background_overlay_gradient_angle": { "unit": "deg", "size": 0 }, "background_overlay_gradient_position": "center center", "background_ken_burns": "yes", "background_ken_burns_zoom_direction": "in", "content_animation": "fadeInUp", "content_animation_duration": "500" } } ] } ] } ], "page_settings": {}, "metadata": { "wp_page_template": "elementor_canvas" } }, "custom_css": "\n/* \u2500\u2500 Hero Slider Custom CSS \u2500\u2500 */\n\n/* Dot navigation: active dot stretches like a pill */\n.hero-slider-section .swiper-pagination-bullet-active {\n width: 32px !important;\n border-radius: 10px !important;\n background: #0080FF !important;\n transition: width 0.3s ease;\n}\n\n.hero-slider-section .swiper-pagination-bullet {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: rgba(153,153,153,0.4);\n transition: all 0.3s ease;\n}\n\n/* Arrow hover circle */\n.hero-slider-section .elementor-swiper-button {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(38,38,38,0.5);\n border-radius: 50%;\n transition: background 0.3s ease;\n}\n.hero-slider-section .elementor-swiper-button:hover {\n background: rgba(0,128,255,0.8);\n}\n\n/* Ken Burns zoom on active slide */\n.hero-slider-section .swiper-slide-active .swiper-slide-bg {\n animation: kenBurnsZoom 5s ease-out forwards;\n}\n@keyframes kenBurnsZoom {\n from { transform: scale(1.1); }\n to { transform: scale(1); }\n}\n\n/* Content fade-in-up animation */\n.hero-slider-section .swiper-slide-active .elementor-slide-content {\n animation: slideContentIn 0.5s ease-out 0.2s both;\n}\n@keyframes slideContentIn {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* Gradient overlay (bottom-heavy) */\n.hero-slider-section .elementor-background-overlay {\n background: linear-gradient(\n to top,\n rgba(13,13,13,0.9) 0%,\n rgba(13,13,13,0.6) 40%,\n rgba(13,13,13,0.3) 100%\n ) !important;\n}\n", "_instructions": [ "1. Go to Elementor > My Templates > Import Template and upload this JSON file.", "2. Upload your hero images to WordPress Media Library. Replace {{UPLOAD_PATH}} with your actual media URL path (e.g., https://yoursite.com/wp-content/uploads/2024/01/).", "3. Insert the template into your page and edit each slide's background image to point to your uploaded images.", "4. Add the Custom CSS (in 'custom_css' field) to: Elementor > Site Settings > Custom CSS, OR your theme's Additional CSS in Customizer.", "5. Ensure Elementor Pro is active (the Slides widget requires Pro).", "6. Install Google Fonts: Oswald (headings) and Inter (body).", "7. The slider uses: Fade transition (800ms), 5s autoplay, Ken Burns zoom effect, fadeInUp content animation with 200ms delay.", "8. Color reference: Primary Blue #0080FF, Accent Red #D42020, Background #0D0D0D, Text #F2F2F2, Muted Text #999999.", "9. The section is set to 100vh full-screen height with the element ID 'hero' for anchor linking.", "10. Arrow navigation uses circular buttons (48px) with semi-transparent background. Dots use pill-stretch effect for active state." ], "_animation_reference": { "slide_transition": "Fade effect, 800ms duration", "autoplay": "5 seconds per slide, infinite loop", "ken_burns": "Scale from 1.1 to 1.0 over 5s on each slide entry (zoom-in effect)", "content_enter": "fadeInUp \u2014 opacity 0\u21921, translateY 30px\u21920, 500ms ease-out, 200ms delay after slide transition", "dots_active": "Width expands from 10px circle to 32px pill shape, blue color", "arrows_hover": "Background transitions from rgba(38,38,38,0.5) to rgba(0,128,255,0.8)" } } { "template": { "title": "SportswearPro Hero Slider", "type": "page", "version": "0.4", "siteurl": "", "content": [ { "id": "hero_section", "elType": "section", "settings": { "layout": "full_width", "height": "full", "content_position": "middle", "overflow": "hidden", "padding": { "unit": "px", "top": "0", "right": "0", "bottom": "0", "left": "0" }, "margin": { "unit": "px", "top": "0", "right": "0", "bottom": "0", "left": "0" }, "_element_id": "hero", "css_classes": "hero-slider-section" }, "elements": [ { "id": "hero_col", "elType": "column", "settings": { "_column_size": 100, "padding": { "unit": "px", "top": "0", "right": "0", "bottom": "0", "left": "0" } }, "elements": [ { "id": "hero_slides", "elType": "widget", "widgetType": "slides", "settings": { "slides": [ { "slides_title": "Premium Soccer & Sportswear Manufacturing", "slides_description": "OEM / ODM Production for Global Brands", "slides_button_text": "Get a Quote", "slides_button_link": { "url": "#inquiry", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-factory.jpg", "id": "", "alt": "Premium Soccer & Sportswear Manufacturing" }, "slides_background_overlay": "yes" }, { "slides_title": "In-House Sublimation Printing", "slides_description": "Vibrant Colors. Unlimited Designs. No Fading.", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-sublimation.jpg", "id": "", "alt": "In-House Sublimation Printing" }, "slides_background_overlay": "yes" }, { "slides_title": "500 Skilled Workers in Production", "slides_description": "High Capacity \u2013 Consistent Quality \u2013 Fast Delivery", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/factory-interior.jpg", "id": "", "alt": "500 Skilled Workers in Production" }, "slides_background_overlay": "yes" }, { "slides_title": "Custom Soccer Jerseys & Teamwear", "slides_description": "Fully customizable designs for clubs and brands worldwide", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/product-jerseys.jpg", "id": "", "alt": "Custom Soccer Jerseys & Teamwear" }, "slides_background_overlay": "yes" }, { "slides_title": "Tracksuits & Training Apparel", "slides_description": "From concept to bulk production \u2014 your vision, our craft", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/product-tracksuits.jpg", "id": "", "alt": "Tracksuits & Training Apparel" }, "slides_background_overlay": "yes" }, { "slides_title": "Embroidery & Screen Printing Facility", "slides_description": "Precision finishing for logos, names, and branding", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/factory-interior.jpg", "id": "", "alt": "Embroidery & Screen Printing Facility" }, "slides_background_overlay": "yes" }, { "slides_title": "Transfer Press & Heat Applications", "slides_description": "Professional name and number heat press technology", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-sublimation.jpg", "id": "", "alt": "Transfer Press & Heat Applications" }, "slides_background_overlay": "yes" }, { "slides_title": "Private Label & Custom Branding Solutions", "slides_description": "Your brand identity, manufactured to perfection", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-factory.jpg", "id": "", "alt": "Private Label & Custom Branding Solutions" }, "slides_background_overlay": "yes" }, { "slides_title": "Global Export Experience", "slides_description": "Trusted by brands in 30+ countries worldwide", "slides_button_text": "", "slides_button_link": { "url": "", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/factory-interior.jpg", "id": "", "alt": "Global Export Experience" }, "slides_background_overlay": "yes" }, { "slides_title": "Your Reliable Sportswear Production Partner", "slides_description": "Quality manufacturing you can count on", "slides_button_text": "Start Your Project", "slides_button_link": { "url": "#inquiry", "is_external": false, "nofollow": false }, "slides_image": { "url": "{{UPLOAD_PATH}}/hero-factory.jpg", "id": "", "alt": "Your Reliable Sportswear Production Partner" }, "slides_background_overlay": "yes" } ], "slides_height": { "unit": "vh", "size": 100 }, "autoplay": "yes", "autoplay_speed": 5000, "pause_on_hover": "no", "pause_on_interaction": "yes", "infinite": "yes", "effect": "fade", "speed": 800, "navigation": "both", "arrows_position": "inside", "arrows_size": { "unit": "px", "size": 24 }, "arrows_color": "#F2F2F2", "arrows_hover_color": "#0080FF", "arrows_background_color": "rgba(38,38,38,0.5)", "arrows_hover_background_color": "rgba(0,128,255,0.8)", "arrows_border_radius": { "unit": "px", "top": "50", "right": "50", "bottom": "50", "left": "50" }, "arrows_padding": { "unit": "px", "top": "12", "right": "12", "bottom": "12", "left": "12" }, "dots_position": "inside", "dots_size": { "unit": "px", "size": 10 }, "dots_color": "rgba(153,153,153,0.4)", "dots_active_color": "#0080FF", "content_max_width": { "unit": "px", "size": 900 }, "slides_horizontal_position": "center", "slides_vertical_position": "middle", "slides_text_align": "center", "heading_spacing": { "unit": "px", "size": 16 }, "title_color": "#F2F2F2", "title_typography_typography": "custom", "title_typography_font_family": "Oswald", "title_typography_font_size": { "unit": "px", "size": 72 }, "title_typography_font_size_tablet": { "unit": "px", "size": 48 }, "title_typography_font_size_mobile": { "unit": "px", "size": 32 }, "title_typography_font_weight": "700", "title_typography_text_transform": "uppercase", "title_typography_letter_spacing": { "unit": "px", "size": 2 }, "title_typography_line_height": { "unit": "em", "size": 1.1 }, "description_spacing": { "unit": "px", "size": 32 }, "description_color": "#999999", "description_typography_typography": "custom", "description_typography_font_family": "Inter", "description_typography_font_size": { "unit": "px", "size": 20 }, "description_typography_font_size_tablet": { "unit": "px", "size": 18 }, "description_typography_font_size_mobile": { "unit": "px", "size": 16 }, "description_typography_font_weight": "400", "description_typography_line_height": { "unit": "em", "size": 1.5 }, "button_color": "#FFFFFF", "button_background_color": "#D42020", "button_hover_color": "#FFFFFF", "button_hover_background_color": "#B01A1A", "button_typography_typography": "custom", "button_typography_font_family": "Oswald", "button_typography_font_size": { "unit": "px", "size": 18 }, "button_typography_font_weight": "600", "button_typography_letter_spacing": { "unit": "px", "size": 3 }, "button_typography_text_transform": "uppercase", "button_border_radius": { "unit": "px", "top": "2", "right": "2", "bottom": "2", "left": "2" }, "button_padding": { "unit": "px", "top": "16", "right": "32", "bottom": "16", "left": "32" }, "background_overlay_background": "gradient", "background_overlay_color": "rgba(13,13,13,0.9)", "background_overlay_color_b": "rgba(13,13,13,0.3)", "background_overlay_gradient_type": "linear", "background_overlay_gradient_angle": { "unit": "deg", "size": 0 }, "background_overlay_gradient_position": "center center", "background_ken_burns": "yes", "background_ken_burns_zoom_direction": "in", "content_animation": "fadeInUp", "content_animation_duration": "500" } } ] } ] } ], "page_settings": {}, "metadata": { "wp_page_template": "elementor_canvas" } }, "custom_css": "\n/* \u2500\u2500 Hero Slider Custom CSS \u2500\u2500 */\n\n/* Dot navigation: active dot stretches like a pill */\n.hero-slider-section .swiper-pagination-bullet-active {\n width: 32px !important;\n border-radius: 10px !important;\n background: #0080FF !important;\n transition: width 0.3s ease;\n}\n\n.hero-slider-section .swiper-pagination-bullet {\n width: 10px;\n height: 10px;\n border-radius: 50%;\n background: rgba(153,153,153,0.4);\n transition: all 0.3s ease;\n}\n\n/* Arrow hover circle */\n.hero-slider-section .elementor-swiper-button {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(38,38,38,0.5);\n border-radius: 50%;\n transition: background 0.3s ease;\n}\n.hero-slider-section .elementor-swiper-button:hover {\n background: rgba(0,128,255,0.8);\n}\n\n/* Ken Burns zoom on active slide */\n.hero-slider-section .swiper-slide-active .swiper-slide-bg {\n animation: kenBurnsZoom 5s ease-out forwards;\n}\n@keyframes kenBurnsZoom {\n from { transform: scale(1.1); }\n to { transform: scale(1); }\n}\n\n/* Content fade-in-up animation */\n.hero-slider-section .swiper-slide-active .elementor-slide-content {\n animation: slideContentIn 0.5s ease-out 0.2s both;\n}\n@keyframes slideContentIn {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* Gradient overlay (bottom-heavy) */\n.hero-slider-section .elementor-background-overlay {\n background: linear-gradient(\n to top,\n rgba(13,13,13,0.9) 0%,\n rgba(13,13,13,0.6) 40%,\n rgba(13,13,13,0.3) 100%\n ) !important;\n}\n", "_instructions": [ "1. Go to Elementor > My Templates > Import Template and upload this JSON file.", "2. Upload your hero images to WordPress Media Library. Replace {{UPLOAD_PATH}} with your actual media URL path (e.g., https://yoursite.com/wp-content/uploads/2024/01/).", "3. Insert the template into your page and edit each slide's background image to point to your uploaded images.", "4. Add the Custom CSS (in 'custom_css' field) to: Elementor > Site Settings > Custom CSS, OR your theme's Additional CSS in Customizer.", "5. Ensure Elementor Pro is active (the Slides widget requires Pro).", "6. Install Google Fonts: Oswald (headings) and Inter (body).", "7. The slider uses: Fade transition (800ms), 5s autoplay, Ken Burns zoom effect, fadeInUp content animation with 200ms delay.", "8. Color reference: Primary Blue #0080FF, Accent Red #D42020, Background #0D0D0D, Text #F2F2F2, Muted Text #999999.", "9. The section is set to 100vh full-screen height with the element ID 'hero' for anchor linking.", "10. Arrow navigation uses circular buttons (48px) with semi-transparent background. Dots use pill-stretch effect for active state." ], "_animation_reference": { "slide_transition": "Fade effect, 800ms duration", "autoplay": "5 seconds per slide, infinite loop", "ken_burns": "Scale from 1.1 to 1.0 over 5s on each slide entry (zoom-in effect)", "content_enter": "fadeInUp \u2014 opacity 0\u21921, translateY 30px\u21920, 500ms ease-out, 200ms delay after slide transition", "dots_active": "Width expands from 10px circle to 32px pill shape, blue color", "arrows_hover": "Background transitions from rgba(38,38,38,0.5) to rgba(0,128,255,0.8)" } }