:root {--color-text: #1e1e1e;--color-headings-preferred: #0d6c7c;--color-primary-25: #e7f0f2; --color-primary-50: #cfe2e5; --color-primary-100: #b6d3d8; --color-primary-200: #86b6be; --color-primary-300: #5698a3; --color-primary-400: #318290; --color-primary-500: #0d6c7c; --color-primary-600: #0b606f; --color-primary-700: #0a5462; --color-primary-800: #084855; --color-primary-900: #063c47; --color-primary-1000: #05353f; --color-secondary-25: #f1f6f3; --color-secondary-50: #e3ece6; --color-secondary-100: #d5e3da; --color-secondary-200: #b9d1c1; --color-secondary-300: #9cbea8; --color-secondary-400: #87b095; --color-secondary-500: #72a282; --color-secondary-600: #669374; --color-secondary-700: #598367; --color-secondary-800: #4d7459; --color-secondary-900: #41644c; --color-secondary-1000: #395b43; --color-tertiary-25: #f9f6fa; --color-tertiary-50: #f3eef4; --color-tertiary-100: #ece5ef; --color-tertiary-200: #e0d4e4; --color-tertiary-300: #d4c2d9; --color-tertiary-400: #cab5d0; --color-tertiary-500: #c1a8c8; --color-tertiary-600: #b098b7; --color-tertiary-700: #9f89a6; --color-tertiary-800: #8f7995; --color-tertiary-900: #7e6984; --color-tertiary-1000: #735f79; --color-neutral-25: #fefdfc; --color-neutral-50: #fcfbf9; --color-neutral-100: #fbfaf6; --color-neutral-200: #f8f6f0; --color-neutral-300: #f5f2e9; --color-neutral-400: #f3f0e5; --color-neutral-500: #f1ede0; --color-neutral-600: #dfdbcf; --color-neutral-700: #cdc9bd; --color-neutral-800: #bcb8ac; --color-neutral-900: #aaa69a; --color-neutral-1000: #9e9a8f; --font-primary:Arimo, sans-serif;--font-secondary:Arimo, sans-serif;}html {font-family: var(--font-primary);}h1 {font-weight: 700;font-family: var(--font-primary);}h2 {font-weight: 700;font-family: var(--font-primary);}h3 {font-weight: 700;font-family: var(--font-primary);}h4 {font-weight: 400;font-family: var(--font-primary);}h5 {font-weight: 700;font-family: var(--font-primary);}h6 {font-weight: 700;font-family: var(--font-primary);}[type=button],[type=reset],[type=submit],a.button,.button {font-weight: 100;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-headings: var(--color-headings-preferred); } .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-headings: var(--color-headings-preferred); } .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-headings: var(--color-headings-preferred); } .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-headings: var(--color-headings-preferred); } :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-200); --navbar-font-family: var(--font-primary); --navbar-font-weight: 700; } .timeline { --timeline-color-theme: var(--color-primary-500); }.key_aspirations h3, .key_aspirations h4 { color: #ffffff !important; } .green_heading { color: #0D6C7C !important; } .site-logo img { max-width: 16rem; width: auto; } .black_text h3, .black_text h4{ color: #000000 !important; } .black_text h4 a { color: #0d6c7c !important; } .number_list li::marker { color: #0D6C7C !important; font-size: 2.5em; font-weight: 900; } .icon-image-cards figure { padding: 1rem; background: white; border-radius: 50%; height: 100px; width: 100px; margin-left: auto; margin-right: auto; display: flex; object-fit:contain; } .icon-image-cards img { object-fit:contain; } img.footer-logo-image { max-width: 250px; margin-bottom: 1.5rem; } footer.site-footer.bg-secondary-500 { padding-top: 2.5rem; padding-bottom: 1.5rem; color: white; position: relative; } footer.site-footer.bg-secondary-500 a { color: white; text-decoration: none; transition: color 0.3s ease; } footer.site-footer.bg-secondary-500 a:hover { color: var(--color-primary-700) !important; } footer.site-footer::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100px; height: 100px; background-image: url("https://nenevalleyvillages.co.uk/wp-content/uploads/2025/05/footer_white_line2.png"); } footer.site-footer::after { content: ""; position: absolute; bottom: 0; right: 0; width: 20%; height: 100%; background-image: url("https://nenevalleyvillages.co.uk/wp-content/uploads/2025/05/Footer_triangles.png"); background-repeat: no-repeat; object-fit: contain; } h1, h2, h3, h4, h5{ line-height: 1.1; } .page-title { font-size: 2.5rem !important; } .page-title strong{ color: var(--color-primary-500) !important; } .vision-points-list-item h6 { color: black; } .vision-points-number { font-size: 3.5rem !important; margin-top: -1rem !important; } .featured-information.bg-turquoise-500 { background: #5CC5C5; } .featured-information.bg-turquoise-500 a { color: white; transition: 0.3s ease; } .featured-information.bg-turquoise-500 a:hover { color: var(--color-primary-700) !important; }