.elementor-2659 .elementor-element.elementor-element-081b042{--display:flex;--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;--align-items:center;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--overlay-opacity:1;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2659 .elementor-element.elementor-element-081b042:not(.elementor-motion-effects-element-type-background), .elementor-2659 .elementor-element.elementor-element-081b042 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://solarprimeenergy.co.uk/wp-content/uploads/2026/02/iStock-1346348482.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2659 .elementor-element.elementor-element-081b042::before, .elementor-2659 .elementor-element.elementor-element-081b042 > .elementor-background-video-container::before, .elementor-2659 .elementor-element.elementor-element-081b042 > .e-con-inner > .elementor-background-video-container::before, .elementor-2659 .elementor-element.elementor-element-081b042 > .elementor-background-slideshow::before, .elementor-2659 .elementor-element.elementor-element-081b042 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2659 .elementor-element.elementor-element-081b042 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(100deg, #04132C 11%, #04132C9C 100%);}.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-2659 .elementor-element.elementor-element-19a8f8f .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:700;text-transform:uppercase;line-height:1.3em;letter-spacing:0.14em;color:var( --e-global-color-accent );}.elementor-2659 .elementor-element.elementor-element-b6bcc70 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:3.5rem;font-weight:700;text-transform:uppercase;color:var( --e-global-color-70eae5c );}.elementor-2659 .elementor-element.elementor-element-4d6e257{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-2659 .elementor-element.elementor-element-4d6e257:not(.elementor-motion-effects-element-type-background), .elementor-2659 .elementor-element.elementor-element-4d6e257 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2659 .elementor-element.elementor-element-92991dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-2659 .elementor-element.elementor-element-92991dd .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:0.75rem;font-weight:700;text-transform:uppercase;line-height:1.3em;letter-spacing:0.16em;color:var( --e-global-color-accent );}.elementor-2659 .elementor-element.elementor-element-1e0d938{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-2659 .elementor-element.elementor-element-1e0d938 .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:2.6rem;font-weight:700;color:var( --e-global-color-d5f9489 );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-2659 .elementor-element.elementor-element-9be5671{--grid-columns:4;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-2659 .elementor-element.elementor-element-9be5671 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2659 .elementor-element.elementor-element-9be5671 .e-loop-item > .elementor-section, .elementor-2659 .elementor-element.elementor-element-9be5671 .e-loop-item > .elementor-section > .elementor-container, .elementor-2659 .elementor-element.elementor-element-9be5671 .e-loop-item > .e-con, .elementor-2659 .elementor-element.elementor-element-9be5671 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-2659 .elementor-element.elementor-element-9be5671 .elementor-pagination{text-align:center;margin-top:30px;}.elementor-2659 .elementor-element.elementor-element-9be5671 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-d5f9489 );}.elementor-2659 .elementor-element.elementor-element-9be5671 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-accent );}.elementor-2659 .elementor-element.elementor-element-9be5671 .elementor-pagination .page-numbers.current{color:var( --e-global-color-accent );}body:not(.rtl) .elementor-2659 .elementor-element.elementor-element-9be5671 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 15px/2 );}body:not(.rtl) .elementor-2659 .elementor-element.elementor-element-9be5671 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 15px/2 );}body.rtl .elementor-2659 .elementor-element.elementor-element-9be5671 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 15px/2 );}body.rtl .elementor-2659 .elementor-element.elementor-element-9be5671 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 15px/2 );}.elementor-2659 .elementor-element.elementor-element-607c3a6{--display:flex;--overlay-opacity:1;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-2659 .elementor-element.elementor-element-607c3a6:not(.elementor-motion-effects-element-type-background), .elementor-2659 .elementor-element.elementor-element-607c3a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FC;}.elementor-2659 .elementor-element.elementor-element-607c3a6::before, .elementor-2659 .elementor-element.elementor-element-607c3a6 > .elementor-background-video-container::before, .elementor-2659 .elementor-element.elementor-element-607c3a6 > .e-con-inner > .elementor-background-video-container::before, .elementor-2659 .elementor-element.elementor-element-607c3a6 > .elementor-background-slideshow::before, .elementor-2659 .elementor-element.elementor-element-607c3a6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2659 .elementor-element.elementor-element-607c3a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#F5F8FC;--background-overlay:'';}@media(max-width:1200px){.elementor-2659 .elementor-element.elementor-element-081b042{--gap:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(max-width:1024px){.elementor-2659 .elementor-element.elementor-element-081b042{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2659 .elementor-element.elementor-element-b6bcc70 .elementor-heading-title{font-size:2.4rem;}.elementor-2659 .elementor-element.elementor-element-1e0d938 .elementor-heading-title{font-size:2.2em;}.elementor-2659 .elementor-element.elementor-element-9be5671{--grid-columns:2;}}@media(max-width:880px){.elementor-2659 .elementor-element.elementor-element-081b042{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2659 .elementor-element.elementor-element-607c3a6{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-2659 .elementor-element.elementor-element-b6bcc70 .elementor-heading-title{font-size:2.2rem;}.elementor-2659 .elementor-element.elementor-element-92991dd .elementor-heading-title{font-size:0.7rem;}.elementor-2659 .elementor-element.elementor-element-1e0d938 .elementor-heading-title{font-size:1.7rem;}.elementor-2659 .elementor-element.elementor-element-9be5671{--grid-columns:1;}}/* Start custom CSS for heading, class: .elementor-element-b6bcc70 */.elementor-2659 .elementor-element.elementor-element-b6bcc70 span{ color: #F59145; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1e0d938 */.elementor-2659 .elementor-element.elementor-element-1e0d938 span{ color: #D7FF00; }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-17943b5 *//* ========================================================= SOLAR PRIME ENERGY PREMIUM INSTAGRAM FEED HEADER + BUTTON BRANDING UPDATE ========================================================= */ /* --------------------------------------------------------- MAIN INSTAGRAM CONTAINER --------------------------------------------------------- */ #sb_instagram { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; } /* ========================================================= PROFESSIONAL HEADER ========================================================= */ #sb_instagram .sbi_header { width: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; /* Professional header background */ background: #F3F7F2 !important; padding: 14px 18px !important; margin: 0 0 20px 0 !important; min-height: 78px !important; border: 1px solid #E2EAE0 !important; border-radius: 12px !important; box-sizing: border-box !important; position: relative !important; overflow: hidden !important; box-shadow: 0 4px 18px rgba(43, 64, 41, 0.06) !important; } /* Remove unwanted lines / pseudo elements */ #sb_instagram .sbi_header:before, #sb_instagram .sbi_header:after { display: none !important; content: none !important; } /* Remove vertical borders created by plugin */ #sb_instagram .sbi_header, #sb_instagram .sbi_header * { border-left-color: transparent !important; border-right-color: transparent !important; } /* ========================================================= PROFILE LOGO ========================================================= */ #sb_instagram .sbi_header .sbi_header_img { width: 56px !important; height: 56px !important; min-width: 56px !important; margin: 0 15px 0 0 !important; padding: 2px !important; border-radius: 50% !important; background: linear-gradient( 135deg, #F7943D 0%, #FEC306 42%, #2B4029 100% ) !important; box-shadow: 0 4px 12px rgba(43, 64, 41, 0.16) !important; overflow: hidden !important; box-sizing: border-box !important; } #sb_instagram .sbi_header .sbi_header_img img { width: 100% !important; height: 100% !important; display: block !important; object-fit: cover !important; border-radius: 50% !important; } /* ========================================================= HEADER TEXT ========================================================= */ #sb_instagram .sbi_header .sbi_header_text { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; padding: 0 !important; margin: 0 !important; flex: 0 0 auto !important; } /* Username */ #sb_instagram .sbi_header .sbi_header_text h3, #sb_instagram .sbi_header .sbi_header_text h3 a { margin: 0 !important; padding: 0 !important; font-family: inherit !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: -0.2px !important; color: #123B63 !important; text-decoration: none !important; } /* Bio */ #sb_instagram .sbi_header .sbi_bio { margin: 4px 0 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1.4 !important; color: #66736A !important; } /* ========================================================= HIDE DEFAULT HEADER FOLLOW ELEMENT ========================================================= */ #sb_instagram .sbi_header .sbi_header_link, #sb_instagram .sbi_header a.sbi_header_link { display: none !important; } /* ========================================================= INSTAGRAM GRID ========================================================= */ #sb_instagram #sbi_images { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 12px !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } /* ========================================================= INDIVIDUAL POST ========================================================= */ #sb_instagram .sbi_item { width: 100% !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; border-radius: 10px !important; background: #ffffff !important; box-shadow: 0 3px 15px rgba(35, 55, 35, 0.07) !important; transition: transform 0.25s ease, box-shadow 0.25s ease !important; } /* ========================================================= IMAGE WRAPPER ========================================================= */ #sb_instagram .sbi_photo_wrap { width: 100% !important; height: 300px !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; border-radius: 10px !important; } /* ========================================================= IMAGE ========================================================= */ #sb_instagram .sbi_photo { width: 100% !important; height: 300px !important; min-height: 300px !important; padding: 0 !important; margin: 0 !important; border-radius: 10px !important; overflow: hidden !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; transform: none !important; filter: none !important; opacity: 1 !important; transition: none !important; } /* ========================================================= REMOVE HOVER OVERLAY ========================================================= */ #sb_instagram .sbi_photo_wrap:before, #sb_instagram .sbi_photo_wrap:after, #sb_instagram .sbi_photo:before, #sb_instagram .sbi_photo:after { display: none !important; content: none !important; opacity: 0 !important; } /* ========================================================= IMAGE HOVER ========================================================= */ #sb_instagram .sbi_item:hover .sbi_photo { transform: none !important; filter: none !important; opacity: 1 !important; } /* ========================================================= CARD HOVER ========================================================= */ #sb_instagram .sbi_item:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 28px rgba(43, 64, 41, 0.13) !important; } /* ========================================================= BUTTON AREA ========================================================= */ #sb_instagram #sbi_load { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px !important; margin: 25px 0 0 !important; padding: 0 !important; } /* ========================================================= LOAD MORE — BLUE ========================================================= */ #sb_instagram #sbi_load .sbi_load_btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 0 23px !important; margin: 0 !important; border-radius: 7px !important; border: 1px solid #123B63 !important; background: #123B63 !important; color: #ffffff !important; font-family: inherit !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0 !important; box-shadow: 0 5px 14px rgba(18, 59, 99, 0.16) !important; transition: all 0.25s ease !important; } /* Blue hover */ #sb_instagram #sbi_load .sbi_load_btn:hover { background: #0D2D4C !important; border-color: #0D2D4C !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 8px 18px rgba(18, 59, 99, 0.22) !important; } /* ========================================================= FOLLOW ON INSTAGRAM — ORANGE ========================================================= */ #sb_instagram #sbi_load .sbi_follow_btn { margin: 0 !important; padding: 0 !important; } /* Orange Instagram button */ #sb_instagram #sbi_load .sbi_follow_btn a { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 44px !important; padding: 0 20px !important; margin: 0 !important; border-radius: 7px !important; border: 1px solid #F7943D !important; background: #F7943D !important; color: #ffffff !important; font-family: inherit !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 5px 14px rgba(247, 148, 61, 0.16) !important; transition: all 0.25s ease !important; } /* Instagram icon */ #sb_instagram #sbi_load .sbi_follow_btn a svg, #sb_instagram #sbi_load .sbi_follow_btn a i { margin-right: 8px !important; } /* Orange hover */ #sb_instagram #sbi_load .sbi_follow_btn a:hover { background: #E57F28 !important; border-color: #E57F28 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 8px 18px rgba(247, 148, 61, 0.22) !important; } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { #sb_instagram .sbi_header { min-height: 70px !important; padding: 11px 14px !important; margin-bottom: 17px !important; border-radius: 10px !important; } #sb_instagram .sbi_header .sbi_header_img { width: 50px !important; height: 50px !important; min-width: 50px !important; margin-right: 12px !important; } #sb_instagram .sbi_header .sbi_header_text h3, #sb_instagram .sbi_header .sbi_header_text h3 a { font-size: 16px !important; } #sb_instagram #sbi_images { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } #sb_instagram .sbi_photo_wrap { height: 220px !important; } #sb_instagram .sbi_photo { height: 220px !important; min-height: 220px !important; } #sb_instagram #sbi_load { flex-wrap: wrap !important; gap: 8px !important; margin-top: 20px !important; } #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram #sbi_load .sbi_follow_btn a { min-height: 42px !important; padding: 0 17px !important; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { #sb_instagram #sbi_images { gap: 7px !important; } #sb_instagram .sbi_photo_wrap { height: 185px !important; } #sb_instagram .sbi_photo { height: 185px !important; min-height: 185px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-607c3a6 */.elementor-2659 .elementor-element.elementor-element-607c3a6{ background-image: linear-gradient(135deg, oklch(17% 0.05 258) 0%, oklch(26% 0.075 256) 55%, oklch(32% 0.09 252) 100%); }/* End custom CSS */