/*
Theme Name: EIC WP Theme
Theme URI: 
Author: Alastair Mogford
Author URI: 
Description: 
Version: 1.0
License: 
License URI: 
Tags: 
Text Domain: eic
*/

*, 
*::before,
*::after {
    box-sizing: border-box;
}

/* Use the :root section below to set variables for repeated use through the rest of the CSS */
:root{


    --eic-main-navy-50: #F4F6FE;
    --eic-main-navy-100: #EAEBFD;
    --eic-main-navy-200: #D8DCFC;
    --eic-main-navy-300: #B8BCFA;
    --eic-main-navy-400: #9093F5;
    --eic-main-navy-500: #6763EF;
    --eic-main-navy-600: #5142E5;
    --eic-main-navy-700: #4230D1;
    --eic-main-navy-800: #3627B0;
    --eic-main-navy-900: #2F2290;
    --eic-main-navy-950: #1A1463;


    --eic-blue-50: #F0F9FF;
    --eic-blue-100: #E1F1FD;
    --eic-blue-200: #BCE5FB;
    --eic-blue-300: #80CFF9;
    --eic-blue-400: #3CB7F4;
    --eic-blue-500: #1CA7EC;
    --eic-blue-600: #077FC2;
    --eic-blue-700: #07659D;
    --eic-blue-800: #0A5582;
    --eic-blue-900: #0E476C;
    --eic-blue-950: #0A2E47;

    --eic-purple-50: #F9F5FF;
    --eic-purple-100: #F1E7FF;
    --eic-purple-200: #E5D4FF;
    --eic-purple-300: #D1B2FF;
    --eic-purple-400: #AC73FF;
    --eic-purple-500: #9851FB;
    --eic-purple-600: #812EEF;
    --eic-purple-700: #6D1ED2;
    --eic-purple-800: #5E1EAB;
    --eic-purple-900: #4E198A;
    --eic-purple-950: #320566;

    --eic-red-50: #FEF1F8;
    --eic-red-100: #FDE6F4;
    --eic-red-200: #FDCDEA;
    --eic-red-300: #FDA4D7;
    --eic-red-400: #FB6BBB;
    --eic-red-500: #F4409F;
    --eic-red-600: #E41E7C;
    --eic-red-700: #C70F62;
    --eic-red-800: #990F4B;
    --eic-red-900: #891246;
    --eic-red-950: #540326;

    --eic-teal-50: #EEFDFA;
    --eic-teal-100: #D4F9F7;
    --eic-teal-200: #ADF4F3;
    --eic-teal-300: #75EBE9;
    --eic-teal-400: #4ADEDE;
    --eic-teal-500: #1ABEC0;
    --eic-teal-600: #1899A2;
    --eic-teal-700: #1B7B83;
    --eic-teal-800: #1E636C;
    --eic-teal-900: #1D535C;
    --eic-teal-950: #0E363E;

    --eic-white: white;

}



html{
    font-size: 16px;
    scroll-behavior: smooth;
}

@media (max-width: 480px) {
    html{
        scroll-padding-top: 80px;
    }    
}

body{
    margin: 0;
    padding: 0;
    background-color: white;
}



/* ----------------- SITEWIDE ----------------- */


main{
    background-color: var(--casey-white);
}


.wrapper{
    max-width: 64rem;
    margin-inline: auto;
    padding-inline: 1rem;
}

.visually-hidden{
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    color: black; 
    background-color: white;
    /* color & bg colour applied to fix accessibility */
}



/* ----------------- LINKS ----------------- */


a{
    color: var(--govuk-link-colour);
    text-decoration: underline;
    text-decoration-thickness: max(1px, .0625rem);
    text-underline-offset: 0.1578em;
}

a:hover {
    text-decoration-thickness: max(3px, .1875rem, .12em);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
  }

a:focus-visible {
    outline: 3px solid transparent;
    color: #0b0c0c;
    background-color: var(--govuk-focus-colour);
    box-shadow: 0 -2px var(--govuk-focus-colour), 0 4px #0b0c0c;
    text-decoration: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}


/* ----------------- FOOTER ----------------- */

footer{
    /* background-color: var(--casey-grey-100);
    color: var(--casey-navy-900);
    font-size: 1.2rem; */
}

footer > .wrapper{
    padding-block: 3rem;
    display: grid;
    gap: 1rem;
}

.casey-footer-copyright{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 1rem;    
}

.casey-footer-logo-svg{
    width: 14rem;
    height: auto;
}

.casey-footer-logo > a,
.casey-footer-logo img{
    display: block;
}

.casey-footer-logo > a:focus-visible {
    background-color: var(--govuk-focus-colour);
    box-shadow: 0px 0px 0px 5px var(--govuk-focus-colour);
    outline: 3px solid var(--casey-blue-700);
    outline-offset: 3px;
}


ul#menu-footer-menu{
    list-style: none;
    padding: 0; margin: 0;
}

ul#menu-footer-menu > li{
    margin-block: 0.5em;
}

ul#menu-footer-menu > li > a{
    color: var(--casey-blue-800);
    font-weight: 400;
    /* text-decoration: none; */
}



ul#menu-footer-menu > li > a:focus{
    color: black;
    
}

@media (max-width: 480px) {
    footer > .wrapper{
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .footer-copyright {
        align-items: flex-start;
    }
}
    



/* ----------------- HEADER ----------------- */

 
header{
    width: 100%;
    background-color: var(--casey-white); 
}


.casey-header-upper{
    width: 100%; 
    /* background-color: var(--casey-navy-100); */
    color: white;
}

.casey-header-upper > .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-block: 1rem;
}


.casey-header-logo-svg{
    width: 220px;
    height: auto;
    transition: width 100ms;
}




.casey-header-logo > a{
    display: block; 
    text-decoration: none;
}

.casey-header-logo > a:focus-visible {
    background-color: var(--govuk-focus-colour);
    box-shadow: 0px 0px 0px 5px var(--govuk-focus-colour);
    outline: 3px solid var(--casey-blue-700);
    outline-offset: 3px;
}


.casey-header-all-items{
    display: flex;
    gap: 1rem;
    align-items: center;
}







/* Header responsive */


@media (max-width: 1024px) {
    /* reduce text size and spacing on main nav items */
    ul.casey-primary-navigation{
        font-size: 1rem;
        gap: 0.5rem;
    }
}

@media (min-width: 768px) {
    /* on desktop devices, hide the menu toggle */
    .menu-toggle-v2{display: none;}    
}



@media (max-width: 768px) {
    /* on smaller desktop or mobile devices, remove desktop nav */
    .casey-header-upper nav.casey-nav, 
    .casey-header-upper .casey-social-icons{
        display: none;
    }

    /* make the menu sticky, including for expanded section */
    /* header{
        position: sticky;
        top: 0;
        z-index: 20;
        max-height: 100vh;
        max-height: 100dvh;
        overflow-y: scroll;
    } */
}


@media (max-width: 640px){
    .casey-header-all-items .casey-button-icon-search span{
        display: none;
    }
    .casey-header-all-items{
        align-items: stretch;
    }
    .casey-header-all-items .casey-button-icon-search a{
        height: 100%;
    }
}


@media (max-width: 480px) {
    /* on mobile, make logo no larger than 46% of device width */
    .casey-header-logo-svg{
        width: 46vw;
    }
}
 


/* ----- SEARCH BAR ----- */

.search-button > a,
.quick-exit > a{
    padding: 0.5rem;
    background-color: rgb(var(--clr-shadow-rgb));
    border: 2px solid white;
    text-decoration: none;
    color: white;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    height: 100%;
}

.search-button > a::after,
.quick-exit > a::after{
    content: '';
    width: 1rem; height: 1rem;
    background-color: white;
    mask-size: 1rem;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-size: 1rem;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}

.search-button > a::after{
    --_search-icon: url('https://api.iconify.design/radix-icons:magnifying-glass.svg');
    mask-image: var(--_search-icon);
    -webkit-mask-image: var(--_search-icon);
}
.quick-exit > a::after{
    --_quick-exit-icon: url('https://api.iconify.design/material-symbols:cancel.svg');
    mask-image: var(--_quick-exit-icon);
    -webkit-mask-image: var(--_quick-exit-icon);
}


.search-button > a:hover,
.quick-exit > a:hover{
    background-color: rgb(var(--clr-dark-grey-rgb));
}


.search-button > a:focus,
.quick-exit > a:focus{
    box-shadow: none;
    outline: 3px solid var(--govuk-link-colour);
    outline-offset: 2px;
    
    background-color: var(--govuk-focus-colour);
    color: black;
    border-color: black;
}

.search-button > a:focus::after,
.quick-exit > a:focus::after{
    background-color: black;
}


/* ----------------- PAGE LAYOUT ----------------- */



.casey-layout-grid{
    display: grid;
    gap: 2rem;
}


/* standard single column */
.casey-layout-grid--single_col{
    grid-template-columns: 1fr;
}
.casey-layout-grid--single_col .page-content{
    max-width: 70ch;
}

/* full width single column */
.casey-layout-grid--full_width {
    grid-template-columns: 1fr
}
.casey-layout-grid--full_width .page-content{
    width: 100%;
}

/* sidebar left */
.casey-layout-grid--sidebar_left{
    grid-template-columns: 1fr 2fr;
}

/* sidebar right */
.casey-layout-grid--sidebar_right{
    grid-template-columns: 2fr 1fr;
}

@media (max-width: 720px) {
    .casey-layout-grid--sidebar_left,
    .casey-layout-grid--sidebar_right{
        grid-template-columns: 1fr;
    }
}






.casey-layout--sidebar-sticky{
    position: sticky;
    top: 40px;
}
@media (max-width: 480px) {
    .casey-layout--sidebar-sticky{
        position: inherit;
    }
}

@media (min-width: 480px) {
    .casey-layout--sidebar-sticky--scroll-top{
        display: none;
    }
}
.casey-layout--sidebar-sticky--scroll-top{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
}

/* ----------------- EIC LAYOUT SYSTEM ----------------- */

/* Main Content Transition for Mobile Menu Push Effect */
.eic-hero {
    transition: padding-top 0.3s ease;
}

/* Hero Expandable Content */
.eic-hero-intro {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;   
}


.eic-hero-main-content > p {
    margin: 0.7rem;
}

.eic-read-more-button {
    background: none;
    border: 2px solid var(--eic-main-navy-950);
    padding: 0.75rem 1.5rem;
    cursor: pointer;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: var(--eic-main-navy-950);
    border-radius: 5px;
    transition: all 0.3s ease;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.eic-read-more-button:hover {
    background-color: var(--eic-main-navy-950);
    color: white;
}

.eic-read-more-button:focus {
    outline: 3px solid var(--govuk-focus-colour);
    outline-offset: 2px;
}

.eic-hero-expanded-content {
    display: none;
    transition: opacity 0.3s ease;
}

.eic-hero-expanded-content[data-state="open"] {
    opacity: 1;
}

.eic-hero-expanded-content[data-state="closed"] {
    opacity: 0;
}

/* Message from the Chair Section */
.eic-chair-message {
    background-color: var(--eic-green-50);
}



.eic-chair-video {
    width: 100%;
}

.eic-video-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    border-radius: 5px;
    margin-block: 1rem;
}

.eic-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}



.eic-transcript-link {
    display: flex;
    align-items: center;
    gap: 1rem;
    background-color: var(--eic-main-navy-50);
    color: var(--eic-main-navy-950);
    padding: 1.5rem 2rem;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    border: 2px solid var(--eic-main-navy-950);
    transition: all 0.3s ease;
    width: fit-content;
}

.eic-transcript-link:hover {
    background-color: var(--eic-main-navy-950);
    color: white;
}

.eic-transcript-link:focus {
    outline: 3px solid var(--govuk-focus-colour);
    outline-offset: 2px;
}

.eic-transcript-link img {
    width: 12px;
    height: auto;
    flex-shrink: 0;
    transform: scaleX(-1);
    filter: brightness(0);
}

.eic-transcript-link:hover img {
    filter: brightness(0) invert(1);
}

/* Responsive Design for Chair Section */
@media (max-width: 1024px) {
    .eic-chair-content {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .eic-chair-transcript {
        padding: 1rem 0;
    }
}

@media (max-width: 768px) {
    .eic-chair-content {
        gap: 2rem;
        margin-top: 2rem;
    }

    .eic-transcript-link {
        font-size: 1rem;
        padding: 1.25rem 1.5rem;
    }
}

/* Member Block Styling */
.eic-member-block {
    margin-bottom: 2rem;
}

.eic-member-container {
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 2rem;
    align-items: start;
    background-color: var(--theme-secondary);
    
    padding: 2rem;
    
    
}

.eic-member-image {
    width: 100%;
}

.eic-member-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 5px;
    
}

.eic-member-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.eic-member-info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.eic-member-name {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.25;
    color: var(--eic-green-950);
    margin: 0;
}

.eic-member-job-title {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.4;
    color: var(--eic-green-700);
    margin: 0;
}

.eic-member-link {
    margin-top: 0.5rem;
}

.eic-member-link .eic-button {
    font-size: 0.9rem;
    padding: 0.75rem 1.25rem;
}

/* Responsive Design for Member Block */
@media (max-width: 768px) {
    .eic-member-container {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        padding: 1.5rem;
        text-align: center;
    }

    .eic-member-image {
        max-width: 150px;
        justify-self: center;
    }

    .eic-member-name {
        font-size: 1.25rem;
    }

    .eic-member-job-title {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .eic-member-container {
        padding: 1rem;
        gap: 1rem;
    }

    .eic-member-image {
        max-width: 120px;
    }
}

/* EIC Layout Grid for Test Template */
.eic-layout-grid {
    display: grid;
    gap: 2rem;
}

/* Full width single column */
.eic-layout-grid--full_width {
    grid-template-columns: 1fr;
}

.eic-layout-grid--full_width .eic-page-content {
    width: 100%;
}

/* Sidebar left */
.eic-layout-grid--sidebar_left {
    grid-template-columns: 1fr 2fr;
}

/* Sidebar right */
.eic-layout-grid--sidebar_right {
    grid-template-columns: 2fr 1fr;
}

@media (max-width: 720px) {
    .eic-layout-grid--sidebar_left,
    .eic-layout-grid--sidebar_right {
        grid-template-columns: 1fr;
    }
}

/* EIC Page Content Wrapper */
.eic-page-content {
    max-width: 100%;
}

.eic-page-content h2 {
    max-width: 100%;
}

/* Theme-specific content area styling */
.eic-test-content {
    padding: 3rem 0;
}

/* Comprehensive color theme support for blocks and components */

.eic-theme-main-navy {
    --theme-primary: var(--eic-main-navy-500);
    --theme-secondary: var(--eic-main-navy-50);
    --theme-accent: var(--eic-main-navy-600);
    --theme-hero-bg: var(--eic-main-navy-500);
    --theme-content-bg: var(--eic-main-navy-100);
    --theme-text-primary: var(--eic-main-navy-950);
    --theme-text-secondary: var(--eic-main-navy-950);
    --theme-border: var(--eic-red-600);
}


.eic-theme-red {
    --theme-primary: var(--eic-red-500);
    --theme-secondary: var(--eic-red-50);
    --theme-accent: var(--eic-red-600);
    --theme-hero-bg: var(--eic-red-500);
    --theme-content-bg: var(--eic-red-100);
    --theme-text-primary: var(--eic-red-950);
    --theme-text-secondary: var(--eic-red-950);
    --theme-border: var(--eic-red-950);
}


/* Theme-aware component styling */
.eic-theme-main-navy .eic-principle-title h2,
.eic-theme-red .eic-principle-title h2 {
    color: var(--theme-text-primary);
}

.eic-theme-main-navy .eic-principle-description p,
.eic-theme-red .eic-principle-description p {
    color: var(--theme-text-secondary);
}

.eic-theme-main-navy .eic-principle-title,
.eic-theme-red .eic-principle-title {
    border-top-color: var(--theme-border);
}

.eic-theme-main-navy .eic-landscape-header,
.eic-theme-red .eic-landscape-header {
    background-color: var(--theme-accent);
}

.eic-theme-main-navy .eic-landscape-header h2,
.eic-theme-red .eic-landscape-header h2 {
    color: var(--theme-secondary);
}

.eic-theme-main-navy.eic-footer,
.eic-theme-red.eic-footer {
    background-color: var(--theme-text-primary);
}











/* ----------------- POSTS ----------------- */

.post-meta{
    background-color: var(--bg-color-header);
    padding: 1rem;
}

.post-meta p:nth-child(1){
    margin-top: 0;
}
.post-meta p:nth-last-child(1){
    margin-bottom: 0;
}



.wp-block-embed__wrapper{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;

}
.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.post-content-date{
    font-weight: 600;
    margin-block: 2rem;
}




/* ----------- HERO ------------- */

.casey-hero > .wrapper{
    padding-block: 3rem;
}

.casey-hero h1{
    margin: 0;
}

    
.secondary-title {
    font-size: 5.5em;
    margin-block: 1.5rem;
}


/* ----------- BREADCRUMBS ------------- */

.breadcrumb{
    margin-top: 2rem;
    margin-bottom: 0;
    position: relative;
}


/* .breadcrumb::after{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--eic-green-950);
    bottom: -2rem;
    position: absolute;
} */

.container-breadcrumb{
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.breadcrumb-separator{
    display: block;
    width: 1rem; height: 1rem;
    background-color: var(--eic-red-700);
    --_breadcrumb-icon: url('https://api.iconify.design/akar-icons:triangle-right-fill.svg');
    mask-image: var(--_breadcrumb-icon);
    mask-repeat: no-repeat;
    mask-size: cover;
    mask-position: center;
    -webkit-mask-image: var(--_breadcrumb-icon);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    -webkit-mask-position: center;
}

.breadcrumb a{
    color: var(--eic-pink-950);
}

.breadcrumb a:hover{
    color: var(--eic-pink-700);
}
.breadcrumb a:focus{
    color: var(--eic-pink-950);
}












/* ----------------- TBALE OF CONTENTS ----------------- */



ul.toc-list, 
ul.toc-list li{
    list-style: none;
    padding: 0;
    font-size: 1.125rem;
}

ul.toc-list{
    display: grid;
    gap: 2px;
}

ul.toc-list li{
    position: relative;
}

ul.toc-list li.h2-heading a{
    display: block;
    padding-block: 0.3rem;
    padding-inline: 0.5rem;
    position: relative;
    /* margin-top: 20px; */
    font-weight: 700;
    color: var(--govuk-link-colour);
}

ul.toc-list li.h3-heading a{
    display: block;
    padding-block: 4px;
    padding-left: 2rem;
    position: relative;
    color: var(--govuk-link-colour);

}

ul.toc-list li.h3-heading a::before{
    content: '';
    position: absolute;
    top: calc(50% - 1px); 
    left: 0.5rem;
    width: 1rem;
    height: 2px;
    background-color: var(--govuk-link-colour);
} 



ul.toc-list li.current-heading a{
    color: var(--eic-main-navy-950);
    text-decoration: none;
}

ul.toc-list li.current-heading{
    background-color: var(--eic-red-100);
}

ul.toc-list li.current-heading::before{
    --_bar: 4px;
    content: '';
    position: absolute;
    height: 100%;
    left: calc(var(--_bar) * -1);
    top: 0;
    width: var(--_bar);
    background-color: var(--eic-red-700);
}

















/* ---------------- SECTIONS ----------------- */

.eic-hero.eic-section {
    padding-top: 155px;
}

.eic-section{
    padding-block: 2rem;
}

/* .eic-section > .wrapper > *:first-child{
    margin-top: 0;
}

.eic-section > .wrapper > *:last-child{
    margin-bottom: 0;
} */




/* ---------------- CARDS ----------------- */

.container{
    container-type: inline-size;
}

.casey-cards-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    container-type: inline-size;
}

.casey-cards-grid-landscape{
    display: grid;
    gap: 2rem;
    container-type: inline-size;
}


@container (max-width: 690px) {
    .casey-cards-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}

@container (max-width: 450px) {
    .casey-cards-grid{
        grid-template-columns: 1fr;
    }
}



.casey-card {
    display: grid;
    grid-template-rows: min-content;
    gap: 1rem;
}


@container (min-width: 450px) {
    .casey-cards-grid-landscape .casey-card {
        grid-template-columns: 200px 1fr;
        gap: 2rem;
    }
}

@container (min-width: 690px) {
    .casey-cards-grid-landscape .casey-card {
        grid-template-columns: 300px 1fr;
    }
}


a.casey-card{
    color: inherit;
    text-decoration: unset;
}

a.casey-card:focus-visible{
    box-shadow: none;
    background-color: transparent;
    outline: 3px solid var(--casey-blue-700);
    outline-offset: 5px;
}

.casey-card--image-container{
    width: 100%;
    height: fit-content;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.1);
    border: 1px solid rgb(0, 0, 0, 0.1);
}

.casey-card--image{
    display: block;
    width: 100%;
    /* height: auto; */
    aspect-ratio: 3/2;
    object-fit: cover;
    scale: 1;
    transition: 100ms;
}

.casey-card:hover .casey-card--image{
    scale: 1.1;
}

a.casey-card .casey-heading-focus{
    color: var(--casey-blue-700);
    text-decoration: underline;
    text-decoration-thickness: max(1px, .0625rem);
    text-underline-offset: 0.1578em;
}

a.casey-card:hover .casey-heading-focus {
    text-decoration-thickness: max(3px, .1875rem, .12em);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
    text-decoration-skip: none;
  }

a.casey-card:focus-visible .casey-heading-focus {
    outline: 3px solid transparent;
    color: #0b0c0c;
    background-color: var(--govuk-focus-colour);
    box-shadow: 0 -2px var(--govuk-focus-colour), 0 4px #0b0c0c;
    text-decoration: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}



.casey-card--content > *:first-child{
    margin-top: 0;
}
.casey-card--content > *:last-child{
    margin-bottom: 0;
}

p.casey-card--excerpt{
    font-size: 1.125rem;
    color: var(--casey-grey-950);

    max-height: 100px; /* Approx */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Approximate number of lines */
    -webkit-box-orient: vertical;
  
}


.casey-card--date{
    color: var(--casey-grey-800);
    font-size: 1rem;
}


/* -------------------- COOKIE BAR OVERIDES -------------------- */


.govuk-button-group form{
    margin: 0;
}

.govuk-button-group{
    align-items: center !important;
}

.govuk-cookie-banner .govuk-heading-m, 
.govuk-cookie-banner .govuk-body,
.govuk-cookie-banner .govuk-button,
.govuk-cookie-banner .govuk-link{
    font-family: inherit !important;
}





/* ---------------- COOKIES PAGE ----------------- */


body.page-id-36 .page-content form{
    background-color: var(--casey-navy-100);
    padding: 2rem;
}

body.page-id-36 .page-content form .casey-button{
    margin-top: 1rem;
}














/* ==================== EIC SPECIFIC STYLES ==================== */

/* ----------------- EIC HEADER ----------------- */

.eic-header {
    /* background-color: var(--eic-green-100); */
    width: 100%;
    position: absolute;
    
    
}

.eic-header .wrapper {
    padding: 40px 1rem;
}

.eic-header-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eic-logo img {
    height: auto;
    width: 130px;
    display: block;
}

.eic-main-nav ul {
    display: flex;
    gap: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

.eic-main-nav a {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: bold;
    font-size: 1em; /* 22px */
    color: var(--eic-main-navy-50);
    text-decoration: none;
}

.eic-main-nav a:hover {
    text-decoration: underline;
}

.eic-main-nav a:focus-visible {
    color: black;
   
}

/* Navigation styling for single posts and secondary pages */
.eic-header.eic-theme-main-navy .eic-main-nav a,
.eic-header.eic-theme-red .eic-main-nav a {
    color: var(--theme-text-primary);
}

/* Front page specific navigation styling */
/* .page-id-6 .eic-main-nav a {
    color: white;
}

.page-id-6 .eic-main-nav a:hover {
    color: white;
    text-decoration: underline;
} */

/* ----------------- EIC FOOTER ----------------- */

.eic-footer {
    background-color: var(--eic-main-navy-950);
    padding: 20px 120px;
}

.eic-footer .wrapper {
    color: white;
}

.eic-footer-content {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 2rem;
   
    border-bottom: 1px solid var(--eic-green-50);
    padding-bottom: 1.25rem;

}



@media (max-width: 768px) {
    .eic-footer-content {
        flex-direction: column;
        gap: 2rem;
        align-items: flex-start;
    }

}

.eic-footer-logo img {
    height: auto;
    width: 10rem;
    display: block;
}

.eic-footer-links {
    display: flex;
    gap: 66px;
    align-items: flex-start;
}

@media (max-width: 768px) {
    .eic-footer-links {
        flex-direction: column;
        gap: 2rem;
        align-items: flex-start;
        width: 100%;
    }
}


.eic-footer-logo a:focus-visible img{
    outline: 3px solid var(--govuk-focus-colour);
    outline-offset: 6px;
    box-shadow: unset;
    border-radius: 1px;
}


ul.eic-footer-nav,
ul.eic-footer-nav > li{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1rem;
}

ul.eic-footer-nav{
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 1rem 2rem;
}

@media (max-width: 768px) {
    ul.eic-footer-nav{
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
    }
}




.eic-footer-social {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.eic-footer-social-title {
    font-weight: bold;
    font-size: 1rem; 
    color: white;
}

.eic-footer-social-icons {
    display: flex;
    gap: 12px;
}

.eic-footer-social-icons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--eic-dark-green);
    border-radius: 5px;
    text-decoration: none;
}

.eic-footer-social-icons a:focus-visible {
    outline: 3px solid var(--govuk-focus-colour);
    outline-offset: 2px;
    box-shadow: unset;
}   

.eic-footer-social-icons a img {
    width: auto;
    height: 24px;
    object-fit: contain;
}

.eic-footer-line {
    height: 1px;
    background-color: white;
    margin-bottom: 15px;
}

.eic-footer-copyright {
    color: white;
}

/* Theme-aware footer backgrounds for page-test template */
.eic-theme-main-navy .eic-footer {
    background-color: var(--eic-main-navy-950);
}

.eic-theme-red .eic-footer {
    background-color: var(--eic-red-950);
}

/* ----------------- EIC HOMEPAGE SECTIONS ----------------- */



/* Hero Section */
.eic-hero-main {

    padding-bottom: 40px;
}

.eic-hero-main .wrapper {
    height: 100%;
}

.eic-hero-main-content {
    display: grid;
    grid-template-rows: auto auto;
    width: 100%;
    gap: 4em;
    padding-top: 155px;
}

.eic-hero h1 {
    font-weight: bold;
    font-size: 7.5em; 
    line-height: 0.958; 
    letter-spacing: -0.01em;
    transition: all 200ms;
}

@media (max-width: 1024px) {
    .eic-hero h1 {
        font-size: 5em; 
        line-height: 1.063; 
    }
}

@media (max-width: 768px) {
    .eic-hero h1 {
        font-size: 3.75em; 
        line-height: 1.083; 
        margin-bottom: 1.25em;
    }
}



.eic-decorative-line {
    height: 29px;
    margin-bottom: 2em;
    display: flex;
    justify-content: flex-start;
}

.eic-decorative-line.large-line {
    margin-bottom: 5em;
}

.eic-decorative-line.medium-line {
    margin-bottom: 4em;
}

.eic-decorative-line svg {
    max-width: 100%;
}

.eic-decorative-line rect {
    fill: var(--eic-red-600);
}


@media (max-width: 300px) {
    .eic-decorative-line {
        transform: scale(80%);
        transform-origin: left;
    }
}



.eic-hero-leading-paragraphs-container{
    max-width: 52rem;
    font-weight: 500;
    font-size: 1.375em;
    line-height: 1.273;

}

.eic-hero-leading-paragraphs-container p.leading{
    font-size: 1.75rem;
}

.eic-hero-leading-paragraphs-container p{
    font-size: unset;
}




/* News Section */
.eic-news {
    background-color: #2a645c;
}

.eic-section-header {
    margin-bottom: 5em;
    position: relative;
}

.eic-news .eic-decorative-line {
    height: 11px;
    margin-bottom: 3em;
}

/* .eic-section-header h2 {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: bold;
    font-size: 3.4375em; 
    line-height: 0.636; 
    color: white;
    margin: 0;
} */

.eic-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    margin-bottom: 65px;
}

.eic-news-card {
    display: flex;
    flex-direction: column;
    gap: 1.25em;
}

.eic-news-card > div:first-child {
    border-top: 2px solid;
    padding: 1.25em 0;
}

.eic-news-card h3 {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: bold;
    font-size: 2.25em; /* 36px */
    line-height: 1.083; /* 39/36 */
    color: unset;
    margin: 0;
}

.eic-news-card h3 a {
    
    text-decoration: none;
}

.eic-news-card h3 a:hover {
    text-decoration: underline;
}



.eic-news-card .eic-excerpt {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 500;
    font-size: 1.375em; /* 22px */
    line-height: 1.318; /* 29/22 */
    color: unset;
}

.eic-news-card .eic-date{
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 1.375em; /* 22px */
    color: unset;
}

/* Principles Section */
.eic-principles {
    background-color: #def3f2;
}

.eic-principles .eic-section-header {
    margin-bottom: 100px;
}

.eic-principles .eic-decorative-line {
    height: 10px;
    margin-bottom: 55px;
}

.eic-principles .eic-section-title-and-header h2 {
    color: #1e3338;
}

.eic-principles-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 100px;
}

.eic-principles .eic-section-title-and-header .eic-intro {
    color: #1e3338;
}

.eic-principles-right {
    display: grid;
    grid-template-rows: auto auto;
    gap: 80px;
}

.eic-principles-list {
    position: relative;
    margin-top: 2em;
}

.eic-intro {
    margin-top: 5px;
}



.principles-text > p {
    font-weight: 600;
    font-size: 3rem; 
    line-height: 2.082; 
    text-align: left;
    border-top: 2px solid var(--eic-red-600);
    margin: 0;
}

@media (max-width: 480px) {
    .principles-text > p {
        font-size: 2rem; 
    }
    
}


.eic-principles-list p {
    margin: 0;
}

/* Standards Landscape Section */


.eic-landscape .eic-section-header {
    margin-bottom: 143px;
}

.eic-section-title-and-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: start;
    margin-bottom: 2em;
}

.eic-section-title-and-header h2 {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: bold;
    font-size: 3.4375em; /* 55px */
    line-height: 1.127; /* 62/55 */
    margin: 0;
}

.eic-section-header h2 {
    font-size: 3.4375em;
}

.eic-landscape .eic-section-title-and-header h2 {
    color: white;
}

.eic-section-title-and-header .eic-intro {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 500;
    font-size: 1.375em; /* 22px */
    line-height: 1.273; /* 28/22 */
}

.eic-section-title-and-header .eic-intro p{
    font-size: unset;
}

.eic-section-title-and-header .eic-intro p:first-child{
    margin-top: 0;
    margin-bottom: 0;
}



.eic-landscape .eic-section-title-and-header .eic-intro {
    color: white;
}

.eic-governance .eic-section-title-and-header h2 {
    color: #1e3338;
}

/* .eic-page-link-block {
    margin-bottom: 2rem;
} */


/* ----------------- NEWS PAGE ----------------- */



/* Introduction Section */
.eic-news-intro {
    margin-bottom: 7.5em; /* 120px */
}

.eic-news-intro p {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 500;
    font-size: 1.75em; /* 28px */
    line-height: 1.32; /* 37/28 */
    color: #1e3338;
    margin: 0;
}

/* News Listing Container */
.eic-news-listing {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 75em; /* 1200px */
}

/* Individual News Articles */
.eic-news-article {
        padding: 2em 0 4em 0;
}

/* Article Separator */
.eic-news-separator {
    width: 100%;
    height: 3px;
    background-color: var(--eic-red-600);
    margin-bottom: 2.5em; /* 40px */
}

/* Full-width Articles (First 2) */
.eic-news-article-full .eic-news-content {
    display: flex;
    gap: 3.75em; /* 60px */
    align-items: flex-start;
}

.eic-news-article-full .eic-news-title {
    flex: 1;
    min-width: 0;
}

.eic-news-article-full .eic-news-description {
    flex: 1;
    min-width: 0;
}

/* Two-column Articles (Last 2) */
.eic-news-listing {
    position: relative;
}

/* Create two-column layout for last two articles */
.eic-news-article-half:nth-last-child(2),
.eic-news-article-half:nth-last-child(1) {
    width: calc(50% - 3.75em); /* 50% minus half the gap */
    display: inline-block;
    vertical-align: top;
}

.eic-news-article-half:nth-last-child(2) {
    margin-right: 7.5em; /* 120px gap between columns */
}

.eic-news-article-half .eic-news-content {
    display: flex;
    flex-direction: column;
    gap: 3.75em; /* 60px */
}

/* Article Titles */
.eic-news-title h2 {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: bold;
    font-size: 3.4375em; /* 55px */
    line-height: 1.127; /* 62/55 */
    margin: 0;
    letter-spacing: -0.01em;
    max-width: 100%
}



.eic-news-title a {
    color: inherit;
    text-decoration: none;
}

.eic-news-title a:hover {
    text-decoration: underline;
}

/* Article Descriptions */
.eic-news-description p {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 500;
    font-size: 1.375em; /* 22px */
    line-height: 1.318; /* 29/22 */
    color: #1e3338;
    margin: 0;
    letter-spacing: -0.01em;
}

/* Article Meta (Date) */
.eic-news-meta {
    margin-top: 1.25em; /* 20px */
}

.eic-news-meta time {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 1.375em; /* 22px */
    line-height: 1.318; /* 29/22 */
    color: var(--eic-pink-950);
    letter-spacing: -0.01em;
}

/* No Posts Message */
.eic-news-no-posts {
    text-align: center;
    padding: 3.75em 0; /* 60px */
}

.eic-news-no-posts p {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 500;
    font-size: 1.375em; /* 22px */
    color: #1e3338;
    margin: 0;
}

/* ----------------- PRINCIPLES PAGE ----------------- */




/* Main Content */
.eic-bg-dark-green {
    background-color: var(--eic-dark-green);
}

.eic-principles-intro {
    margin-bottom: 6.25em; /* 100px */
}

.eic-principles-intro p {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 500;
    font-size: 1.75em; /* 28px */
    line-height: 1.32; /* 37/28 */
    color: var(--eic-blue-950);
    margin: 0;
}

/* Principles Container */
.eic-principles-container {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 3rem;
    margin-top: 6rem;
}

.eic-principle-box {
    display: flex;
    align-items: stretch;
    gap: 6.4375em; /* 103px */
    padding: 0;
    /* border-bottom: 2px solid var(--eic-green-50); */
    padding-bottom: 3.5em;

}

.eic-principle-title {
    flex: 1;
    min-width: 0;
    min-height: 100%;
    border-top: 2px solid var(--eic-red-600);
    padding-top: 2rem;
    display: flex;
    align-items: center;
}

.eic-principle-box:last-child .eic-principle-title {
   
    padding-bottom: 3em;
}



.eic-principle-title h2 {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: bold;
    font-size: 4.2em; /* 88.5px */
    line-height: 1.2; /* ~106px */
    color: var(--eic-blue-950);
    margin: 0;
    letter-spacing: -0.01em;
}

.eic-principle-description {
    flex: 1;
    min-width: 0;
}

.eic-principle-description p {
    font-family: 'Source Sans 3', sans-serif;
    /* font-weight: 500; */
    font-size: 1.25rem; 
    line-height: 1.27; 
    color: var(--eic-blue-950);
    margin: 0;
    letter-spacing: -0.01em;
}

/* ----------------- LANDSCAPE PAGE ----------------- */

/* Hero Section */


/* Decorative Dots */
.eic-landscape-dots {
    display: flex;
    gap: 1em; /* 16px */
    align-items: center;
}

.eic-landscape-dots .dot {
    width: 0.625em; /* 10px */
    height: 0.625em; /* 10px */
    background-color: white;
    
    opacity: 0.8;
}

/* Main Content */
.eic-landscape-intro {
    margin-bottom: 5em; /* 80px */
    text-align: left;
}

.eic-landscape-intro p {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 500;
    font-size: 1.75em; /* 28px */
    line-height: 1.32; /* 37/28 */
    color: #1e3338;
    margin: 0;
}

/* Landscape Container */
.eic-landscape-container {
    display: flex;
    flex-direction: column;
    gap: 2.5em; /* 40px */
    margin-top: 3em;
    margin-bottom: 3em;
}

.eic-landscape-row {
    display: flex;
    gap: 2.5em; /* 40px */
    width: 100%;
}

.eic-landscape-row-single {
    justify-content: left;
}

.eic-landscape-row-single .eic-landscape-box {
    max-width: 50%;
}

.eic-landscape-box {
    flex: 1;
    ;
    border-radius: 0;
    overflow: hidden;
    
}

.eic-landscape-header {
    background-color: var(--eic-main-navy-500);
    padding: 1em 1.5em; /* 30px 40px */
    margin-bottom: 2em; /* 30px */
    min-height: 125px;
    display: flex;
    align-items: center;
    
}

.eic-landscape-header h2 {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: bold;
    font-size: 2.5em;
    max-width: 20ch;
    margin: 0;
    color: white;
}


.eic-landscape-content p {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 400;
    font-size: 1.125em; /* 18px */
    line-height: 1.44; /* 26/18 */
    
    margin: 0;
}


@media (max-width: 1024px) {
    .eic-landscape-intro {
        margin-bottom: 3.75em; /* 60px */
    }

    .eic-landscape-container {
        gap: 2em; /* 32px */
    }

    .eic-landscape-row {
        gap: 2em; /* 32px */
    }

    .eic-landscape-header {
        padding: 1.5em 2em;
        min-height: unset;
    }

    .eic-landscape-header h2 {
        font-size: 1.5em; /* 24px */
    }

    .eic-landscape-content p {
        font-size: 1rem;
        line-height: 1.5;
    }
}


@media (max-width: 768px) {

    .eic-landscape-intro {
        margin-bottom: 2.5em; /* 40px */
    }

    .eic-landscape-intro p {
        font-size: 1.375em; 
        line-height: 1.273; 
    }

    .eic-landscape-container {
        gap: 1.5em; /* 24px */
    }

    .eic-landscape-row {
        flex-direction: column;
        gap: 1.5em; /* 24px */
    }

    .eic-landscape-row-single .eic-landscape-box {
        max-width: 100%;
    }

    .eic-landscape-header {
        padding: 1.25em 1.5em; /* 20px 24px */
        margin-bottom: 2em;
        
    }

    .eic-landscape-content {
        padding-bottom: 1.5em;
    }

    /* .eic-landscape-content p {
        font-size: 0.875em; 
        line-height: 1.43;
    } */
    .eic-landscape-dots {
        gap: 0.75em; /* 12px */
    }

    .eic-landscape-dots .dot {
        width: 0.5em; /* 8px */
        height: 0.5em; /* 8px */
    }
}






/* Three Bodies Section - Grid */
.eic-landscape-front-page-container {
    width: 100%;
    margin-top: 3em;
    margin-bottom: 3em;
    background-color: var(--eic-main-navy-900);

}

.eic-landscape-front-page-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
    padding: 2em 2em;
    /* width: fit-content; */
    margin: 0 auto;
}

.eic-landscape-front-page-item {
    display: flex;
    align-items: top;
    justify-content: start;
    padding-block: 1.5em;
    text-align: left;
    position: relative;
}

.eic-landscape-front-page-item::before{
    content: '';
    display: block;
    height: 2px;
    width: 4rem;
    position: absolute;
    top: 0;
    left: -2px;
    background-color: var(--eic-red-600);
}

.eic-landscape-front-page-item .eic-heading-s {
    color: var(--eic-main-navy-50);
    margin: 0;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.3;
    text-align: left;
    max-width: 14ch;
}

/* Responsive Design for Grid */
@media (max-width: 768px) {
    .eic-landscape-front-page-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5em;
        padding: 2em 1.5em;
    }

    /* .eic-landscape-front-page-item .eic-heading-s {
        font-size: 1.25rem;
    } */
}

@media (max-width: 360px) {
    .eic-landscape-front-page-grid {
        grid-template-columns: 1fr;
        gap: 1em;
        padding: 2em 1em;
    }

    .eic-landscape-front-page-item {
        padding-block: 1em;
    }

    .eic-landscape-front-page-item .eic-heading-s {
        font-size: 1.25rem;
    }
}



/* What we do Section */
.eic-governance .eic-section-header {
    margin-bottom: 87px;
    width: 912px;
}

.eic-governance h2 {
    font-weight: bold;
    font-size: 3rem;
    line-height: 0.636; /* 35/55 */
    color: #1e3338;
    margin: 0;
}

.eic-governance-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    margin-bottom: 4rem;   
}

@media (max-width: 480px) {
    .eic-governance-grid {
        grid-template-columns: repeat(1, 1fr);
    }    
}



.eic-governance-icon {
    background-color: var(--eic-red-600);
    padding: 1.5rem;
    width: 8rem;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eic-governance-icon img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100px;
}

.eic-governance-content {
    flex: 1;
    background-color: var(--eic-main-navy-50);
    padding: 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.75rem;
}

.eic-governance-content h3 {
    font-weight: bold;
    /* font-size: 2.25em; */
    line-height: 1.083; /* 39/36 */
    
    margin: 0;
}

.eic-governance-content p {
    font-weight: 500;
    font-size: 1.25rem; 
    line-height: 1.273; 
    margin: 0;
}

.eic-bg-main-navy-950 .eic-governance-content {
    color: var(--eic-main-navy-950);
}  

@media (max-width: 768px) {
    .eic-governance-content p {
        font-size: 1rem
    }

}


.eic-page-content .eic-page-link-block {
    margin-bottom: 1rem;
}

.eic-page-content .eic-page-link-block:first-of-type {
    margin-top: 3em;
}

/* Page Link Block - Clickable governance items */
.eic-page-link-item {
    text-decoration: none;
    color: inherit;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    align-items: stretch;
    height: 100%;
}

.eic-page-link-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    color: inherit;
}

 a.eic-page-link-item:focus-visible {
    outline: 3px solid var(--govuk-focus-colour);
    outline-offset: 2px;
    
}


.eic-page-link-item:hover .eic-governance-icon {
    background-color: var(--eic-red-700);
}

.eic-page-link-item:hover .eic-governance-content {
    background-color: var(--eic-main-navy-100);
}

.eic-page-link-item .eic-governance-content h3 {
    transition: color 0.2s ease;
}

.eic-page-link-item:hover .eic-governance-content h3 {
    color: var(--eic-main-navy-950);
}

/* Page Link Block - Editor preview mode */
.eic-preview-mode {
    cursor: default;
}

.eic-preview-mode:hover {
    transform: none;
    box-shadow: none;
}

.eic-preview-mode:hover .eic-governance-icon {
    background-color: var(--eic-main-navy-600);
}

.eic-preview-mode:hover .eic-governance-content {
    background-color: var(--eic-main-navy-200);
}

/* ----------------- NEWS SINGLE PAGE ----------------- */

/* Breadcrumb Section */
.eic-news-single-breadcrumb {
    /* Additional spacing specific to news single pages */
    margin-top: 2rem;
    margin-bottom: 4rem;
}

.eic-news-single-breadcrumb.breadcrumb {
    /* Ensure proper inheritance of breadcrumb styles */
    position: relative;
}

.eic-news-single-breadcrumb.breadcrumb::after {
    /* Override default breadcrumb line color for news pages */
    background-color: var(--eic-green-600);
}





/* Single News Title */
.eic-news-single-title {
    font-weight: bold;
    font-size: 4rem;
    line-height: 1.071;
    color: var(--eic-pink-950);
    margin: 0 0 1em 0;
    letter-spacing: -0.01em;
}

/* Single News Date */
.eic-news-single-date {
    font-weight: 600;
    font-size: 1.375em; /* 22px */
    line-height: 1.318; /* 29/22 */
    margin-bottom: 2em; /* 40px */
    padding-bottom: 0.5em; /* 20px */
    border-bottom: 2px solid var(--eic-pink-400);
    width: fit-content;
}

/* Single News Body Content */
.eic-news-single-body {
    font-weight: 400;
    font-size: 1.25em; /* 20px */
    line-height: 1.6; /* 32/20 */
}

.eic-news-single-body p {
    margin-bottom: 1.5em;
}



.eic-news-single-body h2 {
    font-size: 2em; /* 40px */
    line-height: 1.2;
}

.eic-news-single-body h3 {
    font-size: 1.5em; /* 30px */
    line-height: 1.267;
}

.eic-news-single-body h4 {
    font-size: 1.25em; /* 25px */
    line-height: 1.28;
}

/* News Page Pagination */
.eic-news-pagination {
    margin-top: 5em; /* 80px */
    text-align: center;
}

.eic-news-pagination .navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.25em; /* 20px */
}

.eic-news-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5em; /* 40px */
    height: 2.5em; /* 40px */
    padding: 0.5em 1em; /* 8px 16px */
    background-color: transparent;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.125em; /* 18px */
    border: 2px solid #50a4a6;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.eic-news-pagination .page-numbers:hover,
.eic-news-pagination .page-numbers.current {
    background-color: #50a4a6;
    color: white;
}

.eic-news-pagination .page-numbers.prev,
.eic-news-pagination .page-numbers.next {
    padding: 0.5em 1.25em; /* 8px 20px */
}

.eic-news-pagination .page-numbers.dots {
    border: none;
    background: none;
    color: #1e3338;
}

.eic-news-pagination .page-numbers.dots:hover {
    background: none;
    color: #1e3338;
}






/* Responsive Design */
@media (max-width: 1024px) {
    .eic-header .wrapper{
        padding: 40px 1rem;
    }

    .eic-footer {
        padding: 20px 60px;
    }



    .eic-news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }




    .eic-principle-box {
        gap: 3.75em; /* 60px */
        padding-bottom: 3em; /* 60px */
        
    }

    .eic-principle-title h2 {
        font-size: 4em; /* 64px */
    }



    /* News Page Responsive - Tablet */
    .eic-news-hero h1 {
        font-size: 5em; /* 80px */
        line-height: 1.063; /* 85/80 */
    }

    .eic-news-intro {
        margin-bottom: 5em; /* 80px */
    }

    .eic-news-article-full .eic-news-content {
        gap: 2.5em; /* 40px */
    }

    .eic-news-title h2 {
        font-size: 2.75em; /* 44px */
        line-height: 1.136; /* 50/44 */
    }

    .eic-news-article-half:nth-last-child(2) {
        margin-right: 5em; /* 80px gap */
    }

    /* News Page Pagination - Tablet */
    .eic-news-pagination {
        margin-top: 3.75em; /* 60px */
    }

    .eic-news-pagination .page-numbers {
        font-size: 1em; /* 16px */
        min-width: 2.25em; /* 36px */
        height: 2.25em; /* 36px */
    }

    /* News Single Page - Tablet */
    .eic-news-single-title {
        font-size: 3.5em; /* 56px */
        line-height: 1.107; /* 62/56 */
        margin-bottom: 1.25em;
    }

    .eic-news-single-date {
        font-size: 1.25em; /* 20px */
        margin-bottom: 2em;
        padding-bottom: 1em;
    }

    .eic-news-single-body {
        font-size: 1.125em; /* 18px */
        line-height: 1.556; /* 28/18 */
    }
}


/* ---------------- Mobile Responsive Design ---------------- */



@media (max-width: 768px) {
    .eic-header .wrapper {
        padding: 30px 20px;
    }

    .eic-footer {
        padding: 20px;
    }

    .eic-header-nav {
        flex-direction: row;
        gap: 20px;
        align-items: start;
    }

    .eic-main-nav ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }

    .eic-hero-main-content {
        gap: 3em;
    }

    .eic-decorative-line.large-line {
        margin-bottom: 2em;
    }

    .eic-news-grid {
        grid-template-columns: 1fr;
        gap: 4em;
    }

    .eic-principles-content,
    .eic-section-title-and-header {
        grid-template-columns: 1fr;
        gap: 40px;
    }


    .eic-principles-intro {
        margin-bottom: 3.75em; /* 60px */
    }

    .eic-principles-intro p {
        font-size: 1.375em; /* 22px */
        line-height: 1.273; /* 28/22 */
    }

    .eic-principle-box {
        flex-direction: column;
        gap: 1.25em; /* 20px */
        padding-bottom: 2.5em; /* 40px */
        
    }

    .eic-principle-title {
        width: 75%;
        padding-top: 1em;
    }

    .eic-principle-title h2 {
        font-size: 2.5em; /* 40px */
        line-height: 1.125; /* 45/40 */
    }

    .eic-principle-description p {
        font-size: 1.125em; /* 18px */
        line-height: 1.333; /* 24/18 */
    }


    




    .eic-governance-item {
        flex-direction: column;
    }

    .eic-governance-icon {
        width: 100%;
        
    }

    .eic-governance-content {
        width: 100%;
        height: auto;
        padding: 20px;
    }







    /* News Page Responsive - Mobile */


    .eic-news-intro {
        margin-bottom: 3.75em; /* 60px */
    }

    .eic-news-intro p {
        font-size: 1.375em; /* 22px */
        line-height: 1.273; /* 28/22 */
    }

    /* All articles stack on mobile */
    .eic-news-article-full .eic-news-content {
        flex-direction: column;
        gap: 1.875em; /* 30px */
    }

    .eic-news-article-half {
        width: 100% !important;
        display: block !important;
        margin-right: 0 !important;
        margin-bottom: 3.75em; /* 60px */
    }

    .eic-news-article-half:nth-last-child(2) {
        margin-right: 0;
    }

    .eic-news-title h2 {
        font-size: 2.25em; /* 36px */
        line-height: 1.083; /* 39/36 */
    }

    .eic-news-description p {
        font-size: 1.125em; /* 18px */
        line-height: 1.333; /* 24/18 */
    }

    .eic-news-meta time {
        font-size: 1.25em; /* 16px */
    }

    .eic-news-separator {
        height: 1px;
        margin-bottom: 1.875em; /* 30px */
    }

    /* News Page Pagination - Mobile */
    .eic-news-pagination {
        margin-top: 2.5em; /* 40px */
    }

    .eic-news-pagination .navigation {
        gap: 0.75em; /* 12px */
        flex-wrap: wrap;
    }

    .eic-news-pagination .page-numbers {
        font-size: 0.875em; /* 14px */
        min-width: 2em; /* 32px */
        height: 2em; /* 32px */
        padding: 0.25em 0.75em; /* 4px 12px */
    }

    .eic-news-pagination .page-numbers.prev,
    .eic-news-pagination .page-numbers.next {
        padding: 0.25em 1.25em; /* 4px 16px */
    }

    /* News Single Page - Mobile */
    .eic-news-single-breadcrumb {
        margin-top: 1.5rem;
        margin-bottom: 2.5rem;
    }

    .eic-news-single-title {
        font-size: 2.75em; /* 44px */
        line-height: 1.136; /* 50/44 */
        margin-bottom: 1em;
    }

    .eic-news-single-date {
        font-size: 1.125em; /* 18px */
        margin-bottom: 1.5em;
        padding-bottom: 0.75em;
    }

    .eic-news-single-body {
        font-size: 1em; /* 16px */
        line-height: 1.625; /* 26/16 */
    }

    .eic-news-single-body h2 {
        font-size: 1.75em; /* 28px */
        margin-top: 1.5em;
    }

    .eic-news-single-body h3 {
        font-size: 1.375em; /* 22px */
        margin-top: 1.5em;
    }

    .eic-news-single-body h4 {
        font-size: 1.125em; /* 18px */
        margin-top: 1.25em;
    }
}