:root {--color-text: #131516;--color-headings-preferred: #000037;--color-primary-25: #e6e6eb; --color-primary-50: #ccccd7; --color-primary-100: #b3b3c3; --color-primary-200: #80809b; --color-primary-300: #4d4d73; --color-primary-400: #262655; --color-primary-500: #000037; --color-primary-600: #000030; --color-primary-700: #000029; --color-primary-800: #000022; --color-primary-900: #00001c; --color-primary-1000: #000017; --color-secondary-25: #e6eff9; --color-secondary-50: #ccdef2; --color-secondary-100: #b3ceec; --color-secondary-200: #80addf; --color-secondary-300: #4d8cd2; --color-secondary-400: #2674c8; --color-secondary-500: #005bbe; --color-secondary-600: #0051ad; --color-secondary-700: #00469d; --color-secondary-800: #003c8c; --color-secondary-900: #00317b; --color-secondary-1000: #002a71; --color-tertiary-25: #ffffff; --color-tertiary-50: #ffffff; --color-tertiary-100: #ffffff; --color-tertiary-200: #ffffff; --color-tertiary-300: #ffffff; --color-tertiary-400: #ffffff; --color-tertiary-500: #ffffff; --color-tertiary-600: #ededed; --color-tertiary-700: #dbdbdb; --color-tertiary-800: #cacaca; --color-tertiary-900: #b8b8b8; --color-tertiary-1000: #acacac; --color-neutral-25: #f5f5f6; --color-neutral-50: #ebebed; --color-neutral-100: #e0e0e4; --color-neutral-200: #ccccd2; --color-neutral-300: #b8b8c0; --color-neutral-400: #a8a8b3; --color-neutral-500: #9999a5; --color-neutral-600: #8a8a95; --color-neutral-700: #7b7b86; --color-neutral-800: #6c6c76; --color-neutral-900: #5d5d67; --color-neutral-1000: #53535d; --font-primary:"Blinker", serif;}html {font-family: var(--font-primary);}h1 {font-weight: 500;font-family: var(--font-primary);}h2 {font-weight: 500;font-family: var(--font-primary);}h3 {font-weight: 500;font-family: var(--font-primary);}h4 {font-weight: 500;font-family: var(--font-primary);}h5 {font-weight: 500;font-family: var(--font-primary);}h6 {font-weight: 500;font-family: var(--font-primary);}[type=button],[type=reset],[type=submit],a.button,.button {font-weight: 700;font-family: var(--font-primary);}:root{--block-padding: 1.5rem;}@media (min-width: 37.5em) {:root{--block-padding: 2rem;}}@media (min-width: 56.25em) {:root{--block-padding: 3rem;}}.block.bg-primary-25 { --color-section-background: var(--color-primary-25); --color-section-headings: var(--color-headings-preferred); } .block.bg-primary-25:not(.is-full-width) + .block.bg-primary-25:not(.is-full-width) { padding-top: 0; } .block.bg-primary-25:not(.is-full-width) + .block.bg-primary-25.is-full-width .inner-content { padding-top: 0; } .overlay-primary-25 { --overlay-color: var(--color-primary-25); --color-section-headings: var(--color-headings-preferred); } .block.bg-primary-100 { --color-section-background: var(--color-primary-100); --color-section-headings: var(--color-headings-preferred); } .block.bg-primary-100:not(.is-full-width) + .block.bg-primary-100:not(.is-full-width) { padding-top: 0; } .block.bg-primary-100:not(.is-full-width) + .block.bg-primary-100.is-full-width .inner-content { padding-top: 0; } .overlay-primary-100 { --overlay-color: var(--color-primary-100); --color-section-headings: var(--color-headings-preferred); } .block.bg-primary-500 { --color-section-background: var(--color-primary-500); --color-section-text: #ffffff; --color-section-headings: #ffffff; } .block.bg-primary-500:not(.is-full-width) + .block.bg-primary-500:not(.is-full-width) { padding-top: 0; } .block.bg-primary-500:not(.is-full-width) + .block.bg-primary-500.is-full-width .inner-content { padding-top: 0; } .overlay-primary-500 { --overlay-color: var(--color-primary-500); --color-section-text: #ffffff; --color-section-headings: #ffffff; } .block.bg-primary-700 { --color-section-background: var(--color-primary-700); --color-section-text: #ffffff; --color-section-headings: #ffffff; } .block.bg-primary-700:not(.is-full-width) + .block.bg-primary-700:not(.is-full-width) { padding-top: 0; } .block.bg-primary-700:not(.is-full-width) + .block.bg-primary-700.is-full-width .inner-content { padding-top: 0; } .overlay-primary-700 { --overlay-color: var(--color-primary-700); --color-section-text: #ffffff; --color-section-headings: #ffffff; } .block.bg-secondary-25 { --color-section-background: var(--color-secondary-25); --color-section-headings: var(--color-headings-preferred); } .block.bg-secondary-25:not(.is-full-width) + .block.bg-secondary-25:not(.is-full-width) { padding-top: 0; } .block.bg-secondary-25:not(.is-full-width) + .block.bg-secondary-25.is-full-width .inner-content { padding-top: 0; } .overlay-secondary-25 { --overlay-color: var(--color-secondary-25); --color-section-headings: var(--color-headings-preferred); } .block.bg-secondary-100 { --color-section-background: var(--color-secondary-100); --color-section-headings: var(--color-headings-preferred); } .block.bg-secondary-100:not(.is-full-width) + .block.bg-secondary-100:not(.is-full-width) { padding-top: 0; } .block.bg-secondary-100:not(.is-full-width) + .block.bg-secondary-100.is-full-width .inner-content { padding-top: 0; } .overlay-secondary-100 { --overlay-color: var(--color-secondary-100); --color-section-headings: var(--color-headings-preferred); } .block.bg-secondary-500 { --color-section-background: var(--color-secondary-500); --color-section-text: #ffffff; --color-section-headings: #ffffff; } .block.bg-secondary-500:not(.is-full-width) + .block.bg-secondary-500:not(.is-full-width) { padding-top: 0; } .block.bg-secondary-500:not(.is-full-width) + .block.bg-secondary-500.is-full-width .inner-content { padding-top: 0; } .overlay-secondary-500 { --overlay-color: var(--color-secondary-500); --color-section-text: #ffffff; --color-section-headings: #ffffff; } .block.bg-secondary-700 { --color-section-background: var(--color-secondary-700); --color-section-text: #ffffff; --color-section-headings: #ffffff; } .block.bg-secondary-700:not(.is-full-width) + .block.bg-secondary-700:not(.is-full-width) { padding-top: 0; } .block.bg-secondary-700:not(.is-full-width) + .block.bg-secondary-700.is-full-width .inner-content { padding-top: 0; } .overlay-secondary-700 { --overlay-color: var(--color-secondary-700); --color-section-text: #ffffff; --color-section-headings: #ffffff; } .block.bg-tertiary-25 { --color-section-background: var(--color-tertiary-25); --color-section-headings: var(--color-headings-preferred); } .block.bg-tertiary-25:not(.is-full-width) + .block.bg-tertiary-25:not(.is-full-width) { padding-top: 0; } .block.bg-tertiary-25:not(.is-full-width) + .block.bg-tertiary-25.is-full-width .inner-content { padding-top: 0; } .overlay-tertiary-25 { --overlay-color: var(--color-tertiary-25); --color-section-headings: var(--color-headings-preferred); } .block.bg-tertiary-100 { --color-section-background: var(--color-tertiary-100); --color-section-headings: var(--color-headings-preferred); } .block.bg-tertiary-100:not(.is-full-width) + .block.bg-tertiary-100:not(.is-full-width) { padding-top: 0; } .block.bg-tertiary-100:not(.is-full-width) + .block.bg-tertiary-100.is-full-width .inner-content { padding-top: 0; } .overlay-tertiary-100 { --overlay-color: var(--color-tertiary-100); --color-section-headings: var(--color-headings-preferred); } .block.bg-tertiary-500 { --color-section-background: var(--color-tertiary-500); --color-section-headings: var(--color-headings-preferred); } .block.bg-tertiary-500:not(.is-full-width) + .block.bg-tertiary-500:not(.is-full-width) { padding-top: 0; } .block.bg-tertiary-500:not(.is-full-width) + .block.bg-tertiary-500.is-full-width .inner-content { padding-top: 0; } .overlay-tertiary-500 { --overlay-color: var(--color-tertiary-500); --color-section-headings: var(--color-headings-preferred); } .block.bg-tertiary-700 { --color-section-background: var(--color-tertiary-700); --color-section-headings: var(--color-headings-preferred); } .block.bg-tertiary-700:not(.is-full-width) + .block.bg-tertiary-700:not(.is-full-width) { padding-top: 0; } .block.bg-tertiary-700:not(.is-full-width) + .block.bg-tertiary-700.is-full-width .inner-content { padding-top: 0; } .overlay-tertiary-700 { --overlay-color: var(--color-tertiary-700); --color-section-headings: var(--color-headings-preferred); } .block.bg-neutral-25 { --color-section-background: var(--color-neutral-25); --color-section-headings: var(--color-headings-preferred); } .block.bg-neutral-25:not(.is-full-width) + .block.bg-neutral-25:not(.is-full-width) { padding-top: 0; } .block.bg-neutral-25:not(.is-full-width) + .block.bg-neutral-25.is-full-width .inner-content { padding-top: 0; } .overlay-neutral-25 { --overlay-color: var(--color-neutral-25); --color-section-headings: var(--color-headings-preferred); } .block.bg-neutral-100 { --color-section-background: var(--color-neutral-100); --color-section-headings: var(--color-headings-preferred); } .block.bg-neutral-100:not(.is-full-width) + .block.bg-neutral-100:not(.is-full-width) { padding-top: 0; } .block.bg-neutral-100:not(.is-full-width) + .block.bg-neutral-100.is-full-width .inner-content { padding-top: 0; } .overlay-neutral-100 { --overlay-color: var(--color-neutral-100); --color-section-headings: var(--color-headings-preferred); } .block.bg-neutral-500 { --color-section-background: var(--color-neutral-500); --color-section-headings: var(--color-headings-preferred); } .block.bg-neutral-500:not(.is-full-width) + .block.bg-neutral-500:not(.is-full-width) { padding-top: 0; } .block.bg-neutral-500:not(.is-full-width) + .block.bg-neutral-500.is-full-width .inner-content { padding-top: 0; } .overlay-neutral-500 { --overlay-color: var(--color-neutral-500); --color-section-headings: var(--color-headings-preferred); } .block.bg-neutral-700 { --color-section-background: var(--color-neutral-700); --color-section-text: #ffffff; --color-section-headings: #ffffff; } .block.bg-neutral-700:not(.is-full-width) + .block.bg-neutral-700:not(.is-full-width) { padding-top: 0; } .block.bg-neutral-700:not(.is-full-width) + .block.bg-neutral-700.is-full-width .inner-content { padding-top: 0; } .overlay-neutral-700 { --overlay-color: var(--color-neutral-700); --color-section-text: #ffffff; --color-section-headings: #ffffff; } :root {--navbar-bg-color: var(--color-white); --navbar-color: var(--color-black); --navbar-bg-color-hover: var(--color-white); --navbar-color-hover: var(--color-primary-500); --navbar-font-family: var(--font-primary); --navbar-font-weight: 700; } .timeline { --timeline-color-theme: var(--color-primary-500); }#masthead { position: relative; } .hero { padding-bottom: calc(var(--block-padding) + var(--hero-padding) - 1.5rem) !important; } .page-title { color: #ffffff; } .page-title strong { padding: 0.5rem 1rem !important; background-color: var(--color-primary-500) !important; } .main-navigation { position: relative; background-color: white; } .site-footer { display: none; } .navbar-menu li a { background-color: transparent !important; background: transparent !important; color: var(--color-primary-500) !important; } .navbar-menu li a:hover { color: var(--color-secondary-500) !important; } li.has-image-marker:before { background-size: cover; } .main-navigation { position: relative; } .button-list { justify-content: center; } .contact-email, .contact-number { display: flex; align-items: center; } .contact-number::before { content: ''; display: inline-block; width: 16px; height: 16px; background-image: url('https://heolddusolar.co.uk/wp-content/uploads/2025/01/noun-phone-7467299-FFFFFF.png'); background-size: contain; background-repeat: no-repeat; margin-right: 8px; } .contact-email::before{ content: ''; display: inline-block; width: 16px; height: 16px; background-image: url('https://heolddusolar.co.uk/wp-content/uploads/2025/01/email.png'); background-size: contain; background-repeat: no-repeat; margin-right: 8px; } .gt_switcher_wrapper { position: fixed; top: 40vh !important; left: 0 !important; width: 1.5rem; z-index: 999999; background-color: white; padding: 1rem; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; width: 2rem; padding: 0.25rem; height: 75px; padding-top: 0.5rem; } .hamburger { background-color: #ffffff !important; border-color: transparent !important; } .navbar-menu.is-active .navbar-end li a { color: #ffffff!important; display: flex !important; justify-content: center !important; } .navbar-menu.is-active .navbar-end li a:hover { text-decoration: underline; } .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before { background-color: var(--color-primary-500)!important } .hamburger-inner:hover, .hamburger-inner:before:hover, .hamburger-inner:after:hover { background-color: var(--color-secondary-500)!important; } button.hamburger.is-active { background-color: var(--color-primary-500) !important; } .hamburger-label { color: #ffffff !important; } button.hamburger.is-active { background-color: var(--color-primary-500) !important; } .about-section .button-list { justify-content: flex-start; } .about-section .button:hover { color: var(--color-secondary-300) !important; } /* Footer section*/ .footer-section img { width: 80%; } .gfield_label { font-weight: 700 !important; } .feedback-section a { white-space: nowrap; } .bg-primary-500 a , .bg-primary-700 a { color: #ffffff; } .bg-primary-500 a:hover , .bg-primary-700 a:hover { color: #ffffff; } .hero .has-medium-font-size{ color: white !important; } .site-logo{ padding-bottom: .25rem; } .site-title-h2{ margin-left: .5rem; }