/*
Theme Name: Thirlwall Inquiry WP Theme
Theme URI: 
Author: Alastair Mogford
Theme Name: Thirlwall Inquiry WP Theme
Theme URI: 
Author: Alastair Mogford
Author URI: 
Description: 
Version: 3.1.1
License: 
License URI: 
Tags: 
Text Domain: thirlwall
*/ 

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

:root{

    --clr-blue-rgb: 3, 101, 140;
    --clr-navy-rgb: 8, 51, 89;
    --clr-teal-rgb: 68, 139, 125;
    --clr-lightteal-rgb: 126, 181, 176;
    --clr-lightblue-rgb: 158, 239, 230;
    --clr-lightgreen-rgb: 205, 228, 199;
    --clr-lightgrey-rgb: 205, 205, 205;

    --clr-blue-hex: #03658C;
    --clr-navy-hex: #083359;
    --clr-teal-hex: #448B7D;
    --clr-lightteal-hex: #7EB5B0;
    --clr-lightblue-hex: #9EEFE6;
    --clr-lightgreen-hex: #CDE4C7;
    --clr-lightgrey-hex: #cdcdcd;

    --nav-border-width: 0.25rem;

    --rounded-corner-amount: 1rem;

    --box-shadow: 0 0 0.5rem rgb(0, 0, 0, 0.2);

}

html{
    font-size: 16px;
    font-family: 'Source Sans 3', sans-serif;
    scroll-behavior: smooth;
}

@media (max-width: 768px) {
    html{
        font-size: 15px;
    }    
}
@media (max-width: 480px) {
    html{
        font-size: 14px;
    }    
}

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

.debug-message{
    background-color: hsl(0, 100%, 90%);
    border: 1px solid hsl(0, 100%, 75%);
    padding: 1rem;
    border-radius: 0.5rem;
}




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


main{
    background-color: white;
    margin-bottom: 4rem;
}


.wrapper{
    max-width: 64rem;
    margin-inline: auto;
    padding: 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 */
}

a:focus {
    box-shadow: none;
    outline: 3px solid rgb(var(--clr-blue-rgb));
    outline-offset: 2px;
}

*{
    scroll-margin-top: 2rem;
}


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

footer{
    background-color: rgb(var(--clr-blue-rgb));
    color: white;
    font-size: 1.2rem;
}

footer > .wrapper{
    padding-block: 3rem;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2rem;
}

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

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


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

ul#menu-footer-menu > li > a{
    color: white;
    font-weight: 500;
    text-decoration: none;
}

ul#menu-footer-menu > li > a:hover{
    color: rgb(var(--clr-lightblue-rgb));
    text-decoration: underline;
}

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

@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(--bg-color-header); 
}

.header-upper a:focus,
.header-nav-old a:focus{
    background-color: transparent;
    outline-color: #ffdd00;
    box-shadow: none;
}

.header-upper{
    position: sticky;
    width: 100%; 
    background-color: rgb(var(--clr-navy-rgb));
    color: white;
}

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

.header-logo-svg{
    width: 18rem;
    height: auto;
    margin-top: 0.5rem;
}

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




.header-upper-menu-items{
    display: flex;
    gap: 1rem;
}



  
.header-nav{
    width: 100%; 
    background-color: rgb(var(--clr-blue-rgb));
    color: white;
}


.header-nav > .wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
}

/* desktop large */
@media (min-width: 768px) {
    .menu-toggle{display: none;}    
    .menu-toggle-v2{display: none;}    
    .header-nav-mobile{display: none;}
}

/* desktop small */
@media (max-width: 1024px) {
    ul#menu-primary-navigation{
        font-size: 1rem;
        gap: 0.5rem !important;
    }
}

/* tablet */
@media (max-width: 768px) {
    .header-upper-menu-items{display: none;}
    .header-nav{ display: none;}
    header{
        position: sticky;
        top: 0;
        z-index: 20;
        max-height: 100vh;
        max-height: 100dvh;
        overflow-y: scroll;
    }
    .header-logo-svg{
        width: 12rem;
    }
    .header-nav > .wrapper{
        flex-direction: column;
        align-items: flex-start;
    }
    ul#menu-primary-navigation{
        flex-wrap: wrap;
        align-items: flex-start;
    }


    .thirlwall-primary-navigation-social--container,
    a.thirlwall-expanded-nav--close{
        display: none !important;
    }

    .expanded-nav-container .expanded-nav-section ul{
        font-size: 1rem;
    }
    .expanded-nav-container .expanded-nav-section .heading {
        font-size: 1.2rem;
    }
}



 

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

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

.search-button > a::after,
.quick-exit > a::after{
    content: '';
    min-width: 1em; min-height: 1em;
    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);
}





/* ---------- MENU TOGGLE BUTTON ------ */

/* .menu-toggle,
.menu-toggle-v2 {
    padding: 1em;
    background: transparent;
    border: 0;
    cursor: pointer;
    text-align: right;
  } */

.menu-toggle,
.menu-toggle-v2{
        /* reset */
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-align: right;

    padding: 0.5rem;
    background-color: rgb(var(--clr-navy-rgb));
    border: 2px solid white;
    text-decoration: none;
    color: white;

}

.menu-toggle-items,
a.thirlwall-expanded-nav--close{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.menu-toggle-items::before, 
a.thirlwall-expanded-nav--close::before{
    content: '';
    display: inline-block;
    min-width: 1.5em; min-height: 1.5em;
    background-color: white;
    --_open_icon: url('https://api.iconify.design/material-symbols:add.svg');
    mask-image: var(--_open_icon);
    mask-size: 2em;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--_open_icon);
    -webkit-mask-size: 2em;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    transition: 200ms;
}


[aria-expanded="true"] .menu-toggle-items::before,
a.thirlwall-expanded-nav--close::before {
    transform: rotate(-45deg);
}
  


/* ----- NAV ------- */


ul#menu-primary-navigation {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    gap: 1rem;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
}

ul#menu-primary-navigation > li{
    position: relative;
}

ul#menu-primary-navigation > li > a{
    color: white;
    text-decoration: none;
    font-weight: 500;
    padding: 1rem 0.5rem;
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

ul#menu-primary-navigation > li > a:hover, 
ul#menu-primary-navigation > li.current-page-ancestor > a,
ul#menu-primary-navigation > li.current-menu-item > a{
    color: rgb(var(--clr-lightblue-rgb));
}

ul#menu-primary-navigation > li > a:hover::before, 
ul#menu-primary-navigation > li.current-page-ancestor > a::before,
ul#menu-primary-navigation > li.current-menu-item > a::before{
    content: '';
    /* display: block; */
    width: 100%;
    height: var(--nav-border-width);
    background-color: rgb(var(--clr-lightblue-rgb));
    position: absolute;
    bottom: 0;
    left: 0;

}



ul#menu-primary-navigation > li.menu-item-has-children > a::after{
    content: '';
    min-width: 1em; min-height: 1em;
    background-color: rgb(var(--clr-lightblue-rgb));
    --_drop-mask-image: url('https://api.iconify.design/material-symbols:arrow-back-ios-new-rounded.svg');
    mask-image: var(--_drop-mask-image);
    mask-size: 1em;
    mask-repeat: no-repeat;
    mask-position: cover;
    -webkit-mask-image: var(--_drop-mask-image);
    -webkit-mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: cover;
    rotate: 270deg;
}




/* ---  SUB NAV ---- */


ul#menu-primary-navigation .sub-menu{
    display: none;
    position: absolute;
    top: calc(100% - var(--nav-border-width));
    width: max-content;
    background-color: white;
    border-top: var(--nav-border-width) solid rgb(var(--clr-lightblue-rgb));
    padding: 1em;
    margin: 0;
    box-shadow: 0 0.25rem 0.5rem rgb(0, 0, 0, 0.2);
    list-style: none;
    z-index: 10;

}

ul#menu-primary-navigation .sub-menu > li{
    margin-bottom: 1em;
}
ul#menu-primary-navigation .sub-menu > li:last-child{
    margin-bottom: 0;
}
ul#menu-primary-navigation .sub-menu > li > a{
    color: rgb(var(--clr-navy-rgb));
    text-decoration: none;
    font-weight: 500;
}
ul#menu-primary-navigation .sub-menu > li > a:hover{
    color: rgb(var(--clr-blue-rgb));
}

ul#menu-primary-navigation .menu-item-has-children:hover > .sub-menu{
    display: block;
    left: 0;
}


/* Style for focused primary items */
ul#menu-primary-navigation > li:focus > a {
    color: rgb(var(--clr-lightblue-rgb));
}

/* Style for focused sub-menu items */
ul#menu-primary-navigation li.menu-item-has-children:focus-within .sub-menu {
    display: block;
}



.sub-menu a:focus{
    outline-color: rgb(var(--clr-blue-rgb));
}


/* ---------- MOBILE NAV ------------- */

.header-nav-mobile{
    background-color: rgb(var(--clr-blue-rgb));
}

.header-nav-mobile-upper{
    display: flex;
    gap: 1rem;
    flex-direction: row;
    flex-wrap: wrap;
}

ul#menu-primary-navigation-1{
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25rem;
}

ul#menu-primary-navigation-1 > li > a ,
ul#menu-primary-navigation-1 .sub-menu > li > a {
    padding: 0.25rem 0.5rem;
    background-color: rgb(255,255,255,0.1);
    color: white;
    width: 100%;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


ul#menu-primary-navigation-1 > li.menu-item-has-children > a::after{
    content: '';
    display: block;
    width: 1em; height: 1em;
    background-color: rgb(var(--clr-lightblue-rgb));
    --_drop-mask-image: url('https://api.iconify.design/material-symbols:arrow-back-ios-new-rounded.svg');
    mask-image: var(--_drop-mask-image);
    mask-size: 1em;
    mask-repeat: no-repeat;
    mask-position: cover;
    -webkit-mask-image: var(--_drop-mask-image);
    -webkit-mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: cover;
    rotate: 270deg;

}

ul#menu-primary-navigation-1 .sub-menu {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.25rem;
    margin-top: 0.25rem;
    padding-left: 1rem;
}


/* --- SOCIAL ---- */

.social-icons{
    display: flex;
    gap: 0.5rem;
}


.social-icon{
    --social-size: 2em;

    display: flex;
    align-items: center;
    justify-content: center;

    width: var(--social-size); 
    height: var(--social-size);
    /* border-radius: calc( (var(--social-size) / 2) ); */
    /* background-color: white; */
}

.social-icon:hover{
    background-color: rgb(var(--clr-lightblue-rgb));
}
.social-icon:focus{
    background-color: rgb(var(--clr-lightblue-rgb));
    box-shadow: none;
    outline: 2px solid #ffdd00;
    outline-offset: 1px;
}
.social-icon:hover > .svg-social, .social-icon:focus > .svg-social{
    background-color: rgb(var(--clr-navy-rgb));
}


.svg-social{
    
    mask-image: var(--_social_icon_svg);
    -webkit-mask-image: var(--_social_icon_svg);
    mask-position: center;
    mask-size: calc( (var(--social-size) / 1.33) );
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: calc( (var(--social-size) / 1.33) );
    -webkit-mask-repeat: no-repeat;
    width: var(--social-size); 
    height: var(--social-size);
    display: block;
    background-color: white;
}


/* .svg-social-twitter{
    mask-image: url('images/icons/social/twitter.svg');
    -webkit-mask-image: url('images/icons/social/twitter.svg');
}
.svg-social-x{
    mask-image: url('images/icons/social/x.svg');
    -webkit-mask-image: url('images/icons/social/x.svg');
}
.svg-social-facebook{
    mask-image: url('images/icons/social/facebook.svg');
    -webkit-mask-image: url('images/icons/social/facebook.svg');
}
.svg-social-linkedin{
    mask-image: url('images/icons/social/linkedin.svg');
    -webkit-mask-image: url('images/icons/social/linkedin.svg');
}
.svg-social-youtube{
    mask-image: url('images/icons/social/youtube.svg');
    -webkit-mask-image: url('images/icons/social/youtube.svg');
}
.svg-social-tiktok{
    mask-image: url('images/icons/social/tiktok.svg');
    -webkit-mask-image: url('images/icons/social/tiktok.svg');
}
.svg-social-vimeo{
    mask-image: url('images/icons/social/vimeo.svg');
    -webkit-mask-image: url('images/icons/social/vimeo.svg');
}
.svg-social-instagram{
    mask-image: url('images/icons/social/instagram.svg');
    -webkit-mask-image: url('images/icons/social/instagram.svg');
}
.svg-social-slack{
    mask-image: url('images/icons/social/slack.svg');
    -webkit-mask-image: url('images/icons/social/slack.svg');
} */




/* ----------------- NEW NAVIGATION ----------------- */

.thirlwall-header-nav{
    width: 100%; 
    background-color: rgb(var(--clr-blue-rgb));
    color: white;
}

.thirlwall-header-nav .wrapper{
    padding: 0 1em;
    position: relative;
}

.thirlwall-primary-navigation-social--container{
    display: flex;
    gap: 2em;
    justify-content: space-between;
    align-items: center;
}


@media (max-width: 1024px) {
    ul.thirlwall-primary-navigation{
        font-size: 1em;
        gap: 0.5em !important;
    }
}

ul.thirlwall-primary-navigation {
    list-style: none;
    padding: 0; margin: 0;
    display: flex;
    gap: 1.25em;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    transition: 200ms;
}

ul.thirlwall-primary-navigation[aria-hidden="true"]{
    opacity: 0;
    pointer-events: none;
    cursor: default;  
}
ul.thirlwall-primary-navigation[aria-hidden="false"]{
    opacity: 1;
}

ul.thirlwall-primary-navigation > li{
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.25em;
    padding: 1em 0.25em;
}

ul.thirlwall-primary-navigation > li > a:not(.has-sub-pages){
    color: white;
    text-decoration: none;
    font-weight: 500;
}

ul.thirlwall-primary-navigation > li > a.main-nav-link:hover{
    color: rgb(var(--clr-lightblue-rgb));
}

ul.thirlwall-primary-navigation > li > a:focus,
.thirlwall-expanded-nav .expanded-nav-section a:focus{
    outline: 3px solid transparent;
    color: #0b0c0c;
    background-color: #ffdd00;
    box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
}



ul.thirlwall-primary-navigation > li > a.has-sub-pages:focus::after{
    background-color: #0b0c0c;
}


ul.thirlwall-primary-navigation > li > a.main-nav-link:hover::before,
ul.thirlwall-primary-navigation > li > a.no-link:hover::before,
ul.thirlwall-primary-navigation > li.current_page > a.main-nav-link::before{
    content: '';
    width: 100%;
    height: var(--nav-border-width);
    background-color: rgb(var(--clr-lightblue-rgb));
    position: absolute;
    bottom: 0;
    left: 0;
}



ul.thirlwall-primary-navigation > li > a.has-sub-pages{
    display: block;
    width: 1em; height: 1em;
    background-image: url('images/icons/menu_chevron--lightblue.svg');  
    background-size: 1em;
    background-repeat: no-repeat;
    background-position: cover;
    rotate: 270deg;
}

ul.thirlwall-primary-navigation > li > a.has-sub-pages:focus{
    background-image: url('images/icons/menu_chevron--black.svg');  
    outline: 3px solid transparent;
    background-color: #ffdd00;
    box-shadow: none;
}




.thirlwall-expanded-nav{
    padding-block: 1rem;
    width: 100%;
    transition: opacity 200ms;
}
.thirlwall-expanded-nav[data-state="closed"]{
    opacity: 0;
}
.thirlwall-expanded-nav[data-state="open"]{
    opacity: 1;
}


.expanded-nav-container{
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 2em;
}


.expanded-nav-section .heading{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    line-height: 1.5;
    font-size: 1.5rem;
    color: rgb(var(--clr-lightblue-rgb));
}

.expanded-nav-section ul{
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}

.expanded-nav-section ul li{
    margin-block: 0.5em;
}

/* .expanded-nav-section a {
    color: white !important;
} */

.expanded-nav-section ul.thirlwall-expanded-nav__links-list a {
    color: white;
}

.expanded-nav-section a:visited {
    color: white;
}


#expanded-navigation{
    scroll-behavior: unset;
    scroll-padding-top: 150px;
} 
 


a.thirlwall-expanded-nav--close { 
    margin-top: 1em;  
    /* display: inline-block; */
    padding: 0.5rem;
    border: 2px solid white;
    text-decoration: none;
    color: white;
    cursor: pointer;

    position: absolute;
    top: 0;
    left: 1em;
}

a.thirlwall-expanded-nav--close:visited{
    color: white;
}

a.thirlwall-expanded-nav--close:hover{
    background-color: rgb(var(--clr-navy-rgb));
}

a.thirlwall-expanded-nav--close:focus{
    background-color: #ffdd00;
    color: #0b0c0c;
    box-shadow: unset;
    border-color: #0b0c0c;
}


/* @media (max-width: 768px) {
    .thirlwall-primary-navigation-social--container .social-icons{
        margin-block: 0.5rem;
    }
} */

@media (max-width: 640px) {
    .expanded-nav-container{
        grid-template-columns: repeat(2, auto);
    }
    .expanded-nav-container .expanded-nav-section .heading {
        font-size: 1.1rem;
    }
}
@media (max-width: 320px) {
    .expanded-nav-container{
        grid-template-columns: repeat(1, auto);
    }
}





.social-icons-mobile-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.social-icons-mobile{
    align-items: center;
}

@media (min-width: 768px) {
    .social-icons-mobile-container{
        display: none;
    }
}




/* ----------------- HEADINGS ----------------- */


h1, h2, h3, h4, h5, h6, 
.thirlwall-heading-xl,
.thirlwall-heading-l,
.thirlwall-heading-m,
.thirlwall-heading-s,
.thirlwall-heading-xs,
.thirlwall-heading-xxs
{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    line-height: 1.5;
}

h1, 
.thirlwall-heading-xl{
    font-size: 2.5rem;
    margin-block: 2.5rem;
}
h2, 
.thirlwall-heading-l{
    font-size: 2rem;
    margin-block: 2rem;
}
h3,
.thirlwall-heading-m{
    font-size: 1.8rem;
    margin-block: 1.8rem;
}
h4,
.thirlwall-heading-s{
    font-size: 1.5rem;
    margin-block: 1.5rem;
}
h5, 
.thirlwall-heading-xs{
    font-size: 1.33rem;
    margin-block: 1.5rem;
}
h6, 
.thirlwall-heading-xxs{
    font-size: 1.2rem;
    margin-block: 1.5rem;
}

p, ul, ol{
    line-height: 1.5;
    font-size: 1.2rem;
}


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



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

a:not(.thirlwall-block):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:link {
    color: rgb(var(--clr-blue-rgb));
}

a:visited {
    color: rgb(var(--clr-blue-rgb));
}

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

a:hover {
    color: #003078;
}

a:active {
    color: #0b0c0c;
}





/* ----------------- 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: 700;
    margin-block: 2rem;
}




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


.hero{
    background-image: url('images/brand/hero_bg.jpg');
    background-color: rgb(var(--clr-lightgreen-rgb));
    color: rgb(var(--clr-navy-rgb));
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-text{
    max-width: 48rem;
}
.hero-text p{
    font-size: 1.4rem;
    font-weight: 500;
}


@media (max-width: 480px){
    .hero > .wrapper{
        background-color: rgba(255,255,255,0.25);
    }
    
}



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

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


.breadcrumb::after{
    content: '';
    display: block;
    width: 6rem;
    height: 0.25rem;
    background-color: rgb(var(--clr-blue-rgb));
    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: rgb(var(--clr-blue-rgb));
    --_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: rgb(var(--clr-blue-rgb));
}

.breadcrumb a:hover,
.breadcrumb a:focus{
    color: rgb(var(--clr-navy-rgb));
}





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


/* main block */
.thirlwall-block{
    border-top-left-radius: var(--rounded-corner-amount);
    border-bottom-right-radius: var(--rounded-corner-amount);
    padding: 1.5rem;
    color: rgb(var(--clr-navy-rgb));
}


/* main block is a link */
a.thirlwall-block{
    text-decoration: inherit;
    color: rgb(var(--clr-navy-rgb));
}

a.thirlwall-block:focus{
    background-color: inherit;
    box-shadow: none;
    outline-color: #ffdd00;
}

a.thirlwall-block .thirlwall-heading-s,
a.thirlwall-block .thirlwall-heading-s{
    color: rgb(var(--clr-blue-rgb));
    text-decoration: underline;
    text-decoration-thickness: max(1px, .0625rem);
    text-underline-offset: 0.1578em;
}

a.thirlwall-block:hover .thirlwall-heading-s,
a.thirlwall-block:focus .thirlwall-heading-s{
    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.thirlwall-block:focus .thirlwall-heading-s{
    outline: 3px solid transparent;
    color: #0b0c0c;
    background-color: #ffdd00;
    box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
    text-decoration: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}


/* or block contains links */
.thirlwall-block a{
    display: block;
}


/* last child spacing */
.thirlwall-block > *:first-child,
.thirlwall-block-inner-padding > *:first-child{
    margin-top: 0;
}
.thirlwall-block > *:last-child,
.thirlwall-block-inner-padding > *:last-child{
    margin-bottom: 0;
}


/* add inner padding to blocks if required */
.thirlwall-block-inner-padding{
    padding: 1.5rem
}


/* colours */
.thirlwall-block--teal{ background-color: rgb(var(--clr-lightteal-rgb), 0.6); }
.thirlwall-block--blue{ background-color: rgb(var(--clr-lightblue-rgb), 0.6);}
.thirlwall-block--green{ background-color: rgb(var(--clr-lightgreen-rgb), 0.6); }
.thirlwall-block--grey{ background-color: rgb(var(--clr-lightgrey-rgb), 0.6); }

a.thirlwall-block--teal:hover,
a.thirlwall-block--teal:focus{
    background-color: rgb(var(--clr-lightteal-rgb), 0.8);
}
a.thirlwall-block--blue:hover,
a.thirlwall-block--blue:focus{
    background-color: rgb(var(--clr-lightblue-rgb), 0.8);
}
a.thirlwall-block--green:hover,
a.thirlwall-block--green:focus{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.8);
}
a.thirlwall-block--grey:hover,
a.thirlwall-block--grey:focus{
    background-color: rgb(var(--clr-lightgrey-rgb), 0.8);
}


/* grid container */
.thirlwall-block-container-grid{
    display: grid;
    gap: 1rem;
}

/* number of columns */
.thirlwall-block-container-grid.thirlwall-block-container--1-col{
    grid-template-columns: repeat(1, 1fr);
}
.thirlwall-block-container-grid.thirlwall-block-container--2-col{
    grid-template-columns: repeat(2, 1fr);
}
.thirlwall-block-container-grid.thirlwall-block-container--3-col{
    grid-template-columns: repeat(3, 1fr);
}
.thirlwall-block-container-grid.thirlwall-block-container--4-col{
    grid-template-columns: repeat(4, 1fr);
}
.thirlwall-block-container-grid.thirlwall-block-container--auto-col{
    grid-template-columns: repeat(auto-fit, minmax(157px, 1fr));
}




@media (max-width: 768px) {
    .thirlwall-block-container-grid.thirlwall-block-container--2-col{
        grid-template-columns: repeat(1, 1fr);
    }
    .thirlwall-block-container-grid.thirlwall-block-container--4-col,
    .thirlwall-block-container-grid.thirlwall-block-container--3-col{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .thirlwall-block-container-grid.thirlwall-block-container--3-col,
    .thirlwall-block-container-grid.thirlwall-block-container--4-col{
        grid-template-columns: repeat(1, 1fr);
    }
}




/* block smaller-style headings */
.thirlwall-block-heading-medium{
    font-size: 1.2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5em;
    color: rgb(var(--clr-navy-rgb));
}
.thirlwall-block-heading-small{
    font-size: 1.2rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 0.5em;
    color: rgb(var(--clr-navy-rgb));
}


/* block heading has an icon */
.thirlwall-block-heading-icon::before{
    content: '';
    min-width: 1em; min-height: 1em;
    background-color: rgb(var(--clr-blue-rgb));
    mask-image: var(--_heading-icon);
    mask-position: center;
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--_heading-icon);
    -webkit-mask-position: center;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
}

/* icons */
.thirlwall-block-heading-icon--calendar::before{
    --_heading-icon: url('https://api.iconify.design/ic:baseline-calendar-month.svg');
}
.thirlwall-block-heading-icon--doc::before{
    --_heading-icon: url('https://api.iconify.design/mdi:file-document.svg');
}
.thirlwall-block-heading-icon--warning::before{
    --_heading-icon: url('https://api.iconify.design/material-symbols:warning-rounded.svg');
}






/* ----------------- FRONT PAGE ----------------- */




.fp-heading{
    margin-top: 4rem;
    margin-bottom: 1rem;
    position: relative;
}

.fp-summary{
    margin-bottom: 1rem;
}

.fp-heading::before{
    content: '';
    display: block;
    width: 6rem;
    height: 0.25rem;
    background-color: rgb(var(--clr-blue-rgb));
    top: -2rem;
    position: absolute;
}


.fp-featured-video-grid{
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 2rem;
    margin-top: 2rem;
}

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
  }
 
.fp-featured-video-text .fp-summary{
    margin-top: 0;
}

@media (max-width: 768px) {
    .fp-featured-video-grid{
        grid-template-columns: 1fr;
    }  
    
}


.fp-news-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 768px) {
    .fp-news-grid{
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}
@media (max-width: 480px) {
    .fp-news-grid{
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

.fp-news-grid > a{
    text-decoration: none;
    color: inherit;
    display: grid;
}

.fp-news-article-block-container{
    border-top-left-radius: var(--rounded-corner-amount);

}

.fp-news-article-image{
    height: 10rem;
    border-top-left-radius: var(--rounded-corner-amount);
    background-image: url(images/brand/Thirlwall_placeholder_3.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transition: 200ms;
}

.fp-news-article-block{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.6);
    /* border-top-left-radius: var(--rounded-corner-amount); */
    border-bottom-right-radius: var(--rounded-corner-amount);
    padding: 1.5rem;
}

.fp-news-grid > a:hover .fp-news-article-block,
.fp-news-grid > a:focus .fp-news-article-block{
    background-color: rgb(var(--clr-lightgreen-rgb), 1);
}

.fp-news-grid > a:hover .fp-news-article-block > h3,
.fp-news-grid > a:focus .fp-news-article-block > h3{
    color: rgb(var(--clr-blue-rgb));
}

.fp-news-grid > a:hover .fp-news-article-image,
.fp-news-grid > a:focus .fp-news-article-image{
    background-size: 105%;
}


.fp-news-article-block > h3{
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1.5;
    color: rgb(var(--clr-navy-rgb));
    text-decoration: underline;
}

.fp-news-article-block-date{
    padding-bottom: 0;
}



/* ----------------- FRONT PAGE HEARINGS ----------------- */





.fp-hearings-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 768px) {
    .fp-hearings-grid{
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}
@media (max-width: 480px) {
    .fp-hearings-grid{
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

.fp-hearings-grid > a{
    text-decoration: none;
    color: inherit;
}



.fp-hearings-grid a:hover > .fp-hearing-block,
.fp-hearings-grid a:focus > .fp-hearing-block{
    background-color: rgb(var(--clr-lightgreen-rgb), 1);
}

.fp-hearings-grid a:hover > .fp-hearing-block > h4,
.fp-hearings-grid a:focus > .fp-hearing-block > h4{
    color: rgb(var(--clr-dark-grey-rgb));
}




.fp-hearing-block{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.6);
    border-top-left-radius: var(--rounded-corner-amount);
    border-bottom-right-radius: var(--rounded-corner-amount);
    padding: 1.5rem;
}

.fp-hearings-grid-row a:hover > .fp-hearing-block,
.fp-hearings-grid-row a:focus > .fp-hearing-block{
    background-color: rgb(var(--clr-lightgreen-rgb), 1);
}

.fp-hearings-grid-row a:hover > .fp-hearing-block > h4,
.fp-hearings-grid-row a:focus > .fp-hearing-block > h4{
    color: rgb(var(--clr-dark-grey-rgb));
}

.fp-hearing-block > h4{
    margin-top: 0.5rem;
    margin-bottom: 1.25rem;
    font-size: 1.4rem;
    line-height: 1.5;
    color: rgb(var(--clr-navy-rgb));
    text-decoration: underline;
}

.hearing-date-time{
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    gap: 0.5em;
    color: rgb(var(--clr-navy-rgb));
}

.hearing-date-time::before{
    content: '';
    min-width: 1em; min-height: 1em;
    background-color: rgb(var(--clr-blue-rgb));
    --_calendar-icon: url('https://api.iconify.design/ic:baseline-calendar-month.svg');
    mask-image: var(--_calendar-icon);
    mask-position: center;
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--_calendar-icon);
    -webkit-mask-position: center;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
}



.hearing-children .hearing-date-time{
    margin-bottom: 1rem;
}

.hearing-date-time a .hearing-child-witness{
    font-weight: 300;
}

.hearing-date-time a .hearing-child-witness{
    font-weight: 700;
}


.fp-hearing-block > *:last-child{
    margin-bottom: 0;
}


.fp-about-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 768px) {
    .fp-about-grid{
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}
@media (max-width: 480px) {
    .fp-about-grid{
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}


.fp-about-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}

@media (max-width: 768px) {
    .fp-about-grid{
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }
}
@media (max-width: 480px) {
    .fp-about-grid{
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}


.fp-block-icon{
    width: 3rem;
    height: auto;
    display: block;
    font-style: italic;
}


/* ----------------- LAYOUTS 2 COL ----------------- */


.grid-2-col{
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 2fr;
}


.grid-2-col-rev{
    display: grid;
    gap: 2rem;
    grid-template-columns: 2fr 1fr;
}

@media (max-width: 640px) {
    .grid-2-col, 
    .grid-2-col-rev{
        display: flex;
        flex-direction: column-reverse;
    }
}

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

.width-restrict{
    max-width: 48rem;
}


.editor-style-wrapper .width-restrict{ 
    margin-inline: auto;
    padding-right: 72px;
}


/* ----------------- DOCUMENTS / FACETS ----------------- */


.thirlwall-facet-container-bar{
    padding: 2rem;
    background-color: rgb(var(--clr-lightgrey-rgb), 0.6);
}

.thirlwall-facet-column > *:first-child{
    margin-top: 0;
}
.thirlwall-facet-column > *:last-child{
    margin-bottom: 0px !important;
}


.facet-heading{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 1.25rem;
    margin-block: 1.5rem;
    color: rgb(var(--clr-navy-rgb));
}


.facetwp-facet[data-name=keyword_search] {
    margin-bottom: 2rem;
}

.facetwp-facet[data-name=keyword_search] > span {
    width: 100%;
}

.facetwp-facet[data-name=keyword_search] input {
    font-size: 1.2rem;
    font-family: inherit;
    padding: 0.5rem 1rem 0.5rem 1rem;
    width: 100%;
}

.facetwp-facet[data-name=keyword_search] .facetwp-icon:before{
    width: 2.5rem;
    background-position: center;
}

.thirlwall-facet-column .fs-wrap {
    width: 100% !important;
}


.doc-facets-toggle,
.thirlwall-facets-toggle{
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    color: inherit;
    line-height: normal;
    overflow: visible;
    cursor: pointer;
    outline: none;
    font-family: inherit;

    font-size: 1.2rem;
    padding: 0.5rem 0.8rem;
    color: white;
    font-weight: 500;
    background-color: rgb(var(--clr-blue-rgb));
    text-decoration: none;
    border-bottom: 0.25rem solid rgb(var(--clr-navy-rgb));

    display: none;
}
.doc-facets-toggle-contents,
.thirlwall-facets-toggle-contents{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.doc-facets-toggle-contents::before,
.thirlwall-facets-toggle-contents::before{
    content: '';
    min-width: 1em; min-height: 1em;
    display: inline-block;
    background-color: white;
    --_filter-icon: url('https://api.iconify.design/material-symbols:filter-alt-sharp.svg');
    mask-image: var(--_filter-icon);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: var(--_filter-icon);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}


.doc-facets-toggle[aria-expanded=true] .doc-facets-toggle-contents::before,
.thirlwall-facets-toggle[aria-expanded=true] .thirlwall-facets-toggle-contents::before{
    --_filter-icon: url('https://api.iconify.design/material-symbols:cancel.svg');
}


@media (max-width: 768px) {
    .grid-2-col{
        grid-template-columns: 1fr;
    }
    .doc-facets-toggle,
    .thirlwall-facets-toggle{
        display: block;    
    }
    .documents-facets, 
    .thirlwall-facets-container{
        display: none;
        margin-top: 1em;
    }
}


.thirlwall-facet-container-bar .facetwp-facet{
    font-size: 1.2rem;
}
.search-results-indicator .facetwp-facet,
.search-results-indicator-with-pager{
    font-size: 1.2rem;
    margin-bottom: 0px;
}

.search-results-indicator.search-results-indicator-with-pager{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;    
}

.search-results-indicator-pager-dropdown{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;    
    gap: 1em;
}

.search-results-indicator-pager-dropdown .facetwp-facet{
    margin-bottom: 0px;
}

.facetwp-facet-date_range input[type=text]{
    font: inherit;
    width: 100%;
    padding: 0.25rem;
    margin-bottom: 1rem;
}


.facetwp-type-pager{
    margin-top: 2rem;
    font-size: 1.2rem;
}

.thirlwall-table-pager-controls .facetwp-type-pager{
    margin: 0;
}


/* selections */
.facetwp-selections ul{
    padding-left: 0;
}
.facetwp-selections ul li{
    background-color: rgb(var(--clr-lightgreen-rgb), 1);
    padding: 0.5em;
    border-radius: 6px;
    margin-right: 1rem;
}
.facetwp-selections .facetwp-selection-value {
    margin-right: 0px !important;
    padding-right: 1.25em !important;
}
.facetwp-selections .facetwp-selection-value{
    font-weight: bold;
}



/* search results indicator */
.search-results-indicator{
    padding-block: 1rem;
}
.search-results-indicator > .facetwp-facet[data-name=search_results_pager]{
    margin-bottom: 0;
}


/* results */
.docs-results-grid{
    display: grid;
    gap: 1rem;
}


.docs-results-grid > a{
    text-decoration: none;
    color: inherit;
    display: grid;
}


a.docs-result-block > h2{
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    line-height: 1.5;
    color: rgb(var(--clr-navy-rgb));
    text-decoration: underline;
    text-decoration-thickness: max(1px, .0625rem);
    text-underline-offset: 0.1578em;
    display: flex;
    align-items: center;
    gap: 1rem;
}



a.docs-result-block:hover > h2{
    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.docs-result-block:focus > h2 {
    outline: 3px solid transparent;
    color: #0b0c0c;
    background-color: #ffdd00;
    box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;
    text-decoration: none;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;

}

.doc-name-icon::before,
.docs-result-block > h2::before{
    content: '';
    --_doc_icon: url('https://api.iconify.design/mdi:file-document.svg');
    min-width: 1em; min-height: 1em;
    background-color: rgb(var(--clr-navy-rgb));
    display: inline-block;
    mask-image: var(--_doc_icon);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-image: var(--_doc_icon);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;


}

.docs-result-block-excerpt > p{
    font-size: 1rem;
}

.docs-result-block-date, 
.docs-result-block-type{
    font-size: 1rem;
}



ul.doc-category-list{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 1rem;
    font-size: 1rem;
    margin-top: 1rem;
}

li.doc-category-item{
    padding: 0.25rem 0.5rem;
    background-color: rgb(255,255,255,0.6);
    border-radius: 0.25rem;
}



/* ----------------- DOCS SINGLE PAGE ----------------- */


.doc-meta-grid{
    display: grid;
    font-size: 1.2rem;
    margin-top: 2rem;
}

.doc-meta-row{
    display: grid;
    grid-template-columns: 1fr 2fr;
    border-top: 0.125rem solid rgb(var(--clr-blue-rgb), 0.2);
    align-items: center;
}

.doc-meta-grid > .doc-meta-row:last-child{
    border-bottom: 0.125rem solid rgb(var(--clr-blue-rgb), 0.2);
}


.doc-meta-cell-label,
.doc-meta-cell-info {
    padding-block: 1rem;
}

.doc-meta-cell-label{
    font-weight: 700;
}

.doc-meta-cell-info > .cta{
    margin: 0;
}

.doc-meta-cell-info > .doc-category-list{
    margin-top: 0;
    font-size: 1.2rem;
}

.doc-meta-cell-info li.doc-category-item{
    background-color: rgb(var(--clr-lightgreen-rgb));
}

@media (max-width: 480px) {
    .doc-meta-row{
        grid-template-columns: 1fr;
    }
    .doc-meta-cell-label{
        padding-bottom: 0;
    }
    
}


/* ----------------- NEWS ARTICLE BLOCK ----------------- */


.news-articles-grid{
    display: grid;
    gap: 2rem;
    margin-block: 2rem;
}

.news-article-block{
    /* background-color: rgb(var(--clr-lightgreen-rgb), 0.6);
    border-top-left-radius: var(--rounded-corner-amount);
    border-bottom-right-radius: var(--rounded-corner-amount);
    padding: 1.5rem; */
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem 2rem;
}

.news-article-block-featured-image{
    grid-row: 1/3;
    max-width: 16rem;
}

.news-article-block-featured-image img{
    max-width: 100%;
    display: block;
    font-style: italic;
    height: auto;
    border-top-left-radius: var(--rounded-corner-amount);
    border-bottom-right-radius: var(--rounded-corner-amount);
}



.news-article-block-title > h2{
    margin: 0;
    font-size: 1.5rem;
    color: rgb(var(--clr-navy-rgb));
}




@media (max-width: 768px) {
    .news-article-block-featured-image{
        max-width: 10rem;
    }  
}

@media (max-width: 480px) {
    .news-article-block-featured-image{
        max-width: 100%;
    } 
    .news-article-block{
        grid-template-columns: 1fr;
    }  
}



/* ----------------- TEAM IMAGES PAGE ----------------- */



.team-row > .wp-block-group__inner-container{
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 2rem;
    margin-bottom: 2rem;
}

.team-desc h2{
    margin-top: 0;
}

.team-image img{
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

@media (max-width: 768px) {
    .team-row > .wp-block-group__inner-container{
        grid-template-columns: 1fr 2fr;    
    }
}

@media (max-width: 480px) {
    .team-row > .wp-block-group__inner-container{
        display: grid;
        grid-template-columns: 1fr;    
    }
}




/* ------------ CALL TO ACTIONS CTAs ------------ */


.cta-container{
    display: flex;
    gap: 1rem;
    margin-block: 1rem;
}

.cta{
    margin-block: 1rem;
}

button.cta, 
input.cta{
    appearance: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
}

.cta > a, 
button.cta,
input.cta{
    font-size: 1.2rem;
    padding: 0.5rem 0.8rem;
    color: white;
    font-weight: 500;
    background-color: rgb(var(--clr-blue-rgb));
    text-decoration: none;
    border-bottom: 0.25rem solid rgb(var(--clr-navy-rgb));
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: row;
    flex-wrap: nowrap;
    width: fit-content;
}

.cta > a:hover,
button.cta:hover,
input.cta:hover{
    color: rgb(var(--clr-lightblue-rgb));
    border-bottom: 0.25rem solid rgb(var(--clr-lightblue-rgb));
    background-color: rgb(var(--clr-navy-rgb));
}

.cta > a:focus,
button.cta:focus,
input.cta:focus{
    color: #0b0c0c;
    border-bottom: 0.25rem solid #0b0c0c;
    background-color: #ffdd00;
    box-shadow: none;
    outline: transparent;
}

.cta-icon-arrow-right > a::after,
.cta-icon-external > a::after,
.cta-icon-download > a::after
{
    content: '';
    min-width: 1em; min-height: 1em;
    background-color: rgb(var(--clr-lightblue-rgb));
    mask-size: 1em;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: 1em;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.cta-icon-arrow-right > a::after{
    --_arrow-mask-image: url('https://api.iconify.design/material-symbols:arrow-back-ios-new-rounded.svg');
    mask-image: var(--_arrow-mask-image);
    -webkit-mask-image: var(--_arrow-mask-image);
    rotate: 180deg;
}

.cta-icon-external > a::after{
    --_external-mask-image: url('https://api.iconify.design/tabler:external-link.svg');
    mask-image: var(--_external-mask-image);
    -webkit-mask-image: var(--_external-mask-image);
}

.cta-icon-download > a::after{
    --_download-mask-image: url('https://api.iconify.design/material-symbols:download.svg');
    mask-image: var(--_download-mask-image);
    -webkit-mask-image: var(--_download-mask-image);
}





/* ----------- SUPPORT ORGS ------------- */

.support-grid > .wp-block-group__inner-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-block: 2rem;
}

.support-organisation{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.6);
    border-top-left-radius: var(--rounded-corner-amount);
    border-bottom-right-radius: var(--rounded-corner-amount);
    padding: 1.5rem;
}

.support-organisation > .wp-block-group__inner-container > *:first-child{
    margin-top: 0;
}

.support-organisation > .wp-block-group__inner-container > *:last-child{
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .support-grid > .wp-block-group__inner-container{
        grid-template-columns: 1fr;
    }
}






/* ----------- SEARCH PAGE ------------- */


.hero .govuk-details .govuk-details__summary{
    color: rgb(var(--clr-navy-rgb));
}

.hero .govuk-details .govuk-details__text{
    border-left-color: white;   
    max-width: 70ch;
}

.search-form-bar{
    margin-bottom: 2rem;
}

.search-form-bar > form{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
}



.search-form-bar input.search-field{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid rgb(var(--clr-blue-rgb));
    
    font-size: 1.2rem;
    font-family: inherit;
    padding: 0.5rem 1rem 0.5rem 1rem;
    width: 100%;
    height: 100%;
}


/* - - - - message if no results - - - - */


body.search-results .search_new_message{
    margin-block: 3rem;
    max-width: 70ch;
}



/* - - - - search term - - - - */



h2.search-term{
    background-color: rgb(var(--clr-lightgreen-rgb));
    padding: 0.5em;
    border-radius: 0.25em;
    display: inline-block;
    margin-block: 1rem;
}


/* - - - - search results - - - - */



.search-results-grid{
    display: grid;
    gap: 2rem;
}

.search-results-grid a{
    text-decoration: none;
    color: inherit;
}

.search-result{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.6);
    border-top-left-radius: var(--rounded-corner-amount);
    border-bottom-right-radius: var(--rounded-corner-amount);
    padding: 1.5rem;
}

.search-results-grid > a:hover .search-result,
.search-results-grid > a:focus .search-result{
    background-color: rgb(var(--clr-lightgreen-rgb), 1);
}

.search-results-grid > a:hover .search-result > h3,
.search-results-grid > a:focus .search-result > h3{
    color: rgb(var(--clr-blue-rgb));
}

.search-result .post-type-label{
    margin-top: 0;
    margin-bottom: 1rem;
}
.search-result > h3{
    margin-top: 0;
    font-size: 1.4rem;
    line-height: 1.5;
    color: rgb(var(--clr-navy-rgb));
    text-decoration: underline;
}





/* - - - - - - LOADING BAR ON SEARCH PAGE - - - - - - */


/* full-width top bar */
.section-search{
    position: relative;
}

.search-loading {
    position: absolute; inset: 0 auto auto 0; height: 8px; 
    width: 100%;
    background: transparent; z-index: 9999; pointer-events: none;
    transform: translateZ(0);
  }
  .search-loading[aria-hidden="true"] { display: none; }
  
  .search-loading__bar {
    position: absolute; left: 0; top: 0; height: 100%;
    width: 0%; 
    background: rgb(var(--clr-blue-rgb)); 
    animation: tw-progress 1.2s infinite;
  }
  @keyframes tw-progress {
    0%   { left: 0%;   width: 0%; }
    50%  { left: 0%;   width: 60%; }
    100% { left: 100%; width: 0%; }
  }
  
  /* Prevent accidental clicks while loading if you want */
  body.is-search-loading { cursor: progress; }
  

#loading-text{
    background-color: rgb(var(--clr-blue-rgb), 0.2);
}

#loading-text[aria-hidden="true"]{
    display: none;
}

#loading-text .wrapper{
    padding-top: calc(1rem + 8px);
}





/* ----------- POST TYPE LABEL ------------- */



.post-type-label{
    padding: 0.25em 0.5em;
    font-size: 0.9em;
    border-radius: 0.25em;
    background-color: rgb(var(--clr-lightgreen-rgb));
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: fit-content;
    align-items: center;
    gap: 0.5rem;
}

.post-type-label-doc::before,
.post-type-label-news::before,
.post-type-label-calendar::before{
    content: '';
    min-width: 1em; min-height: 1em;
    background-color: rgb(var(--clr-navy-rgb));
    display: inline-block;
    mask-image: var(--_post_type_icon);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: cover;
    -webkit-mask-image: var(--_post_type_icon);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
}

.post-type-label-doc::before{
    --_post_type_icon: url('https://api.iconify.design/mdi:file-document.svg');
}
.post-type-label-news::before{
    --_post_type_icon: url('https://api.iconify.design/material-symbols:newspaper.svg');
}
.post-type-label-calendar::before{
    --_post_type_icon: url('https://api.iconify.design/ic:baseline-calendar-month.svg');
}



/* ----------- SEARCH RESULT ------------- */

.search-result--title{
    margin: 0;
}

.search-result--excerpt{
    margin-top: 1.5rem;
    font-size: 1rem;
}

.search-result--file-name{
    margin-top: 1.5rem;
    font-size: 1rem;
}

.search-result--pdf-result{
    margin-top: 0.5rem;
    font-size: 1rem;
    font-style: italic;
    color: #636363;
}




/* ----------------- FAQs ----------------- */


.faq-container{
    margin-block: 2rem;
}

.faq-question-group{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.6);
    color: rgb(var(--clr-navy-rgb));
    padding: 1rem;
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;

}

.faq-question-group::after{
    content: 'Show';

    font-size: 1.2rem;
    padding: 0.5rem 0.8rem;
    color: white;
    font-weight: 500;
    background-color: rgb(var(--clr-blue-rgb));
    text-decoration: none;
    border-bottom: 0.25rem solid rgb(var(--clr-navy-rgb));
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: row;
    flex-wrap: nowrap;
    width: fit-content;
}

.faq-question-group[aria-expanded=true]::after{
    content: 'Hide';
}

.faq-question-group:hover, 
.faq-question-group:focus{
    background-color: rgb(var(--clr-lightgreen-rgb), 1);
    cursor: pointer;
}

.faq-question-group:hover > .wp-block-group__inner-container, 
.faq-question-group:focus > .wp-block-group__inner-container {
    color: rgb(var(--clr-blue-rgb));
    text-decoration: underline;
}


.faq-question-group:hover::after,
.faq-question-group:focus::after{
    color: rgb(var(--clr-lightblue-rgb));
    border-bottom: 0.25rem solid rgb(var(--clr-lightblue-rgb));
    background-color: rgb(var(--clr-navy-rgb));
}


.faq-question-group > .wp-block-group__inner-container{
    margin: 0 !important;
}

.faq-question-group h2 {
    font-size: 1.75rem;
    margin: 0;
}

.faq-answer-group{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.4);
    /* display: none; */
}

.faq-answer-group > .wp-block-group__inner-container{
    padding: 1rem;
}






/* ----------------- PAGINATION ----------------- */



.pagination{
    margin-top: 1.5rem;
}

.pagination .nav-links{
    display: flex;
    gap: 0.25rem;
    font-size: 1.2rem;
}

.nav-links > *, 
.facetwp-type-pager > .facetwp-pager > *{
    padding: 0.25rem 0.5rem;
    background-color: rgb(var(--clr-lightgreen-rgb), 0.6);
}

.nav-links > .current,
.facetwp-type-pager > .facetwp-pager > .active{
    background-color: rgb(var(--clr-lightgreen-rgb), 1);
}
.facetwp-type-pager > .facetwp-pager > .active{
pointer-events: none;
cursor: default;
text-decoration: none;
color: black;
font-weight: bold;
}


.nav-links a,
.facetwp-type-pager > .facetwp-pager a{
    text-decoration: none;
    color: rgb(var(--clr-blue-rgb));
    font-weight: 500;
    text-decoration: underline;
    text-decoration-thickness: max(1px, .0625rem);
    text-underline-offset: 0.1578em;

}

.nav-links a:hover,
.facetwp-type-pager > .facetwp-pager a:hover{
    background-color: rgb(var(--clr-lightgreen-rgb), 1);
    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;
}

.nav-links a:focus,
.facetwp-type-pager > .facetwp-pager a:focus{
    background-color: #ffdd00;
    color: black;
    box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;

}



/* ----------------- HEARINGS SINGLE PAGE ----------------- */



.hearing-sidebar{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.4);
    padding: 1.5rem;
    border-top-left-radius: var(--rounded-corner-amount);
    border-bottom-right-radius: var(--rounded-corner-amount);
}

.hearing-sidebar-subheading{
    font-family: 'Merriweather', serif;
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0 0 0.8em 0;
}

.heading-siderbar-section{
    margin-bottom: 1rem;
    border-bottom: 1px solid rgb(var(--clr-navy-rgb), 0.2);
}

.heading-siderbar-section:last-of-type{
    margin-bottom: 0;
    border-bottom-width: 0px;
}

.hearing-sidebar-content{
    font-weight: 400;
}


.hearing-heading{
    margin-top: 3rem;
    margin-bottom: 2rem;
    position: relative;
}

.hearing-heading::before {
    content: '';
    display: block;
    width: 4rem;
    height: 0.25rem;
    background-color: rgb(var(--clr-lightgreen-rgb));
    top: -1rem;
    position: absolute;
}

.col-main .hearing-heading:first-of-type{
    margin-top: 0;
}




.hearings-main-page-results-container{
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 480px) {
    .hearings-main-page-results-container{
        grid-template-columns: 1fr;

    }
    
}


.hearings-main-page-results-container a {
    text-decoration: none;
    color: inherit;
}


.hearings-main-page-results-container a:hover > .fp-hearing-block,
.hearings-main-page-results-container a:focus > .fp-hearing-block{
    background-color: rgb(var(--clr-lightgreen-rgb), 1);
}

.hearings-main-page-results-container a:hover > .fp-hearing-block > h4,
.hearings-main-page-results-container a:focus > .fp-hearing-block > h4{
    color: rgb(var(--clr-dark-grey-rgb));
}





/* live stream */
.embed-container {
    position: relative;
    padding-bottom: 56.25%;  /*this ensures aspect ratio is 16:9*/
}
     
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}    






/* -------------------- 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;
}







/* ------------------------ Booking Form Pages ------------------------  */


.thirlwall-booking-form-container{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.6);
    padding: 2rem;
    margin-block: 2rem;
}

.thirlwall-booking-form-container h2{
    margin-top: 0;
    color: rgb(var(--clr-navy-rgb));
}


.thirlwall-booking-form-collapsable-toggle-data a,
.thirlwall-booking-form-collapsable-toggle-code a{
    background-color: rgb(255,255,255,0.8);
    padding: 0.25em 0.5em;
    display: flex;
    gap: 0.5em;
    flex-direction: row;
    align-items: center;
    width: fit-content;
}

.thirlwall-booking-form-collapsable-toggle-data a:hover,
.thirlwall-booking-form-collapsable-toggle-code a:hover{
    background-color: rgb(255,255,255,1);
}

.thirlwall-booking-form-collapsable-toggle-data a::before,
.thirlwall-booking-form-collapsable-toggle-code a::before{
    content: '';
    display: block;
    width: 1em; height: 1em;
    background-image: url('images/icons/triangle.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 200ms;
}

.thirlwall-booking-form-collapsable-toggle-data a[aria-label="open"]::before,
.thirlwall-booking-form-collapsable-toggle-code a[aria-label="open"]::before{
    transform: rotate(-90deg);
}

.thirlwall-booking-form-collapsable-toggle-data a[aria-label="closed"]::before,
.thirlwall-booking-form-collapsable-toggle-code a[aria-label="closed"]::before{
    transform: rotate(0);
}




.wpbc_container_booking_form input[type="text"],
.wpbc_container_booking_form .govuk-textarea{
    max-width: 26rem !important;
}


.wpbc_container_booking_form .govuk-hint{
    color: inherit !important;
}  









/* ------------------------ Thirlwall Form controls (from govuk) ------------------------  */



  
.thirlwall-select-container select {
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.25;
    box-sizing: border-box;
    /* min-width: 11.5em;
    max-width: 100%; */
    width: 100%;
    height: 2.5rem;
    padding: 5px;
    border: 2px solid #0b0c0c;
    color: #0b0c0c;
    background-color: #ffffff;
  }
  @media print {
    .thirlwall-select-container select {
      font-family: sans-serif;
    }
  }
  @media (min-width: 40.0625em) {
    .thirlwall-select-container select {
      font-size: 1.1875rem;
      line-height: 1.25;
    }
  }
  @media print {
    .thirlwall-select-container select {
      font-size: 14pt;
      line-height: 1.25;
    }
  }
  .thirlwall-select-container select:focus {
    outline: 3px solid #ffdd00;
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px;
  }
  .thirlwall-select-container select:disabled {
    opacity: 0.5;
    color: inherit;
    cursor: not-allowed;
  }
  
  .thirlwall-select-container select option:active,
  .thirlwall-select-container select option:checked,
  .thirlwall-select-container select:focus::-ms-value {
    color: #ffffff;
    background-color: #1d70b8;
  }
  


  
.facetwp-facet.thirlwall-input-container input[type=text] {
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.25;
    box-sizing: border-box;
    min-width: unset;
    width: 100%;
    height: 2.5rem;
    margin-top: 0;
    padding: 5px;
    border: 2px solid #0b0c0c;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
  }
  @media print {
    .thirlwall-input-container input[type=text] {
      font-family: sans-serif;
    }
  }
  @media (min-width: 40.0625em) {
    .thirlwall-input-container input[type=text] {
      font-size: 1.1875rem;
      line-height: 1.3157894737;
    }
  }
  @media print {
    .thirlwall-input-container input[type=text] {
      font-size: 14pt;
      line-height: 1.15;
    }
  }
  .thirlwall-input-container input[type=text]:focus {
    outline: 3px solid #ffdd00;
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px;
  }
  .thirlwall-input-container input[type=text]:disabled {
    opacity: 0.5;
    color: inherit;
    background-color: transparent;
    cursor: not-allowed;
  }
  
  .thirlwall-input-container input[type=text]::-webkit-outer-spin-button,
  .thirlwall-input-container input[type=text]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
  }
  

 


/* -–---------------------- TABLES -------------------- */


.wp-block-table{
    font-size: 1.2rem;
}
@media (max-width: 480px) {
    .wp-block-table{
        font-size: 1rem;
    }
}

.wp-block-table tr, 
.wp-block-table thead{
    border-bottom: 1px solid rgb(var(--clr-navy-rgb), 1) !important;
}

.wp-block-table td,
.wp-block-table th{
    border: 0px solid !important;
}
  

.wp-block-table thead{
    background-color: rgb(var(--clr-lightgreen-rgb), 0.6);
}
.wp-block-table th{
    text-align: left;   
}


.thirlwall-witness-timetable tr > th:first-child{
    width: 40%;
} 





/* -–---------------------- EVIDENCE / DOCS / TRANSCRIPTS / HEARINGS TABLE PAGES -------------------- */


/* - - - - - - - - - - Facets at top of the page - - - - - - - - - - - */


.thirlwall-facets-container{
    padding-bottom: 1rem;
}

.thirlwall-facets-container-grid{
    display: grid;
    gap: 1rem 2rem;
}

@media (min-width: 1024px) {
    .thirlwall-facets-container-grid[data-table="evidence"]{
        grid-template-columns: repeat(4, 1fr);
    }
    .thirlwall-facets-container-grid[data-table="documents"]{
        grid-template-columns: repeat(3, 1fr);
    }
    .thirlwall-facets-container-grid[data-table="transcript"]{
        grid-template-columns: repeat(3, 1fr);
    }
    .thirlwall-facets-container-grid[data-table="written-submissions"]{
        grid-template-columns: repeat(3, 1fr);
    }
    .thirlwall-facets-container-grid[data-table="hearings"]{
        grid-template-columns: repeat(3, 1fr);
    }

}
@media (max-width: 1024px) {
    .thirlwall-facets-container-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .thirlwall-facets-container-grid{
        grid-template-columns: 1fr;
    }
}


.thirlwall-facet-column > .thirlwall-heading-xxs{
    margin-bottom: 0.75rem;
}


/* - - - - - - - - - - Facet styling - - - - - - - - - - - */

.thirlwall-facets-container .fs-label-wrap{
    border: 2px solid black;
}

.thirlwall-facets-container .fs-label-wrap .fs-label{
    height: 35px;
    font-size: 1.2rem;
}

.thirlwall-facets-container .fs-wrap[role="button"]:focus{
    outline: none;
    box-shadow: 0 0 0 2px black, 0 0 0 5px #ffdd00;
}


/* - - - - - - - - Table results pager / sort / per page  - - - - - - - - */



.thirlwall-table-pager-controls{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;  
    margin-top: 2rem;
    margin-bottom: 1rem; 
}

.thirlwall-table-pager-controls-dropdown{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;    
    gap: 1em;
}

.thirlwall-table-pager-controls-results .facetwp-facet{
    font-size: 1.2rem;
    margin-bottom: 0px;
}

.thirlwall-table-pager-controls-results,
.thirlwall-table-pager-controls-dropdown{
    font-size: 1.2rem;
}
.thirlwall-table-pager-controls-dropdown .facetwp-facet{
    margin-bottom: 0px;
}

@media (max-width: 640px) {
    .thirlwall-table-pager-controls{
        display: flex;
        margin-top: 1rem;
        margin-bottom: 1rem;
        gap: 1rem;
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .thirlwall-table-pager-controls-dropdown{
        width: 100%;
        justify-content: space-between;
    }
    
}


/* - - - - - - - - - - Table Generic - - - - - - - - - - - */


.thirlwall-table{
    display: grid;
}

.thirlwall-table-row{
    display: grid;
    /* grid-template-columns: 3fr 4.2fr; */
    border-bottom: 1px solid rgb(var(--clr-blue-rgb), 0.2);
}

.thirlwall-table[data-table="evidence"] .thirlwall-table-row{
    grid-template-columns: 3fr 4.2fr;
}
.thirlwall-table[data-table="documents"] .thirlwall-table-row{
    grid-template-columns: 3fr 4fr;
}
.thirlwall-table[data-table="transcripts"] .thirlwall-table-row{
    grid-template-columns: 3fr 5fr;
}
.thirlwall-table[data-table="written-submissions"] .thirlwall-table-row{
    grid-template-columns: 3fr 5fr;
}
.thirlwall-table[data-table="hearings"] .thirlwall-table-row{
    grid-template-columns: 3fr 5fr;
}
.thirlwall-table[data-table="evidence-hearing-page"] .thirlwall-table-row{
    grid-template-columns: 4fr 3fr;
}


.thirlwall-table-cell-group{
    display: grid;
}

.thirlwall-table[data-table="evidence"] .thirlwall-table-cell-group{
    grid-template-columns: 0.9fr 0.8fr 0.6fr 1fr 1fr;
}
.thirlwall-table[data-table="documents"] .thirlwall-table-cell-group{
    grid-template-columns: 1fr 1fr 1fr;
}
.thirlwall-table[data-table="transcripts"] .thirlwall-table-cell-group{
    grid-template-columns: 1fr 0.6fr 1.2fr 1.4fr;
}
.thirlwall-table[data-table="written-submissions"] .thirlwall-table-cell-group{
    grid-template-columns: 1fr 0.8fr 1.2fr 1.4fr;
}
.thirlwall-table[data-table="hearings"] .thirlwall-table-cell-group{
    grid-template-columns: 2fr 1fr 2fr;
}
.thirlwall-table[data-table="evidence-hearing-page"] .thirlwall-table-cell-group{
    grid-template-columns: 0.8fr 0.8fr 1.4fr;
}




.thirlwall-table-row.thirlwall-table-row--header{
    font-weight: bold;
    background-color: rgb(var(--clr-navy-rgb));
    color: white;
}

.thirlwall-table-row:nth-of-type(even){
    background-color: rgb(var(--clr-lightgreen-rgb), 0.4);
}
.thirlwall-table-cell{
    padding: 8px 6px;
    word-break: break-word;
}

.thirlwall-table-error{
    color: #6e6e6e;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.5em;
    flex-direction: row;
    line-height: 1.2;
}

.thirlwall-table-error::before{
    --_error-icon: url(https://api.iconify.design/material-symbols:warning-rounded.svg);
    content: '';
    min-width: 1em;
    min-height: 1em;
    background-color: #6e6e6e;
    mask-image: var(--_error-icon);
    mask-position: center;
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--_error-icon);
    -webkit-mask-position: center;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
}


.thirlwall-table-cell[data-type="download-link"] a,
.thirlwall-table-cell[data-type="document-link"] a{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0.5em;
    flex-direction: row;
}
.thirlwall-table-cell[data-type="document-link"] a::before, 
.thirlwall-table-cell[data-type="download-link"] a::before{
    content: '';
    min-width: 1em;
    min-height: 1em;
    background-color: rgb(var(--clr-blue-rgb));
    mask-position: center;
    mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
}
.thirlwall-table-cell[data-type="download-link"] a::before{
    mask-image: url(https://api.iconify.design/material-symbols:download.svg);
    -webkit-mask-image: url(https://api.iconify.design/material-symbols:download.svg);
}
.thirlwall-table-cell[data-type="document-link"] a::before{
    mask-image: url('https://api.iconify.design/mdi:file-document.svg');
    -webkit-mask-image: url('https://api.iconify.design/mdi:file-document.svg');
}




/* mobile only */
.thirlwall-table-cell-label{
    color: #6e6e6e;
}


@media (min-width: 768px) {
    .thirlwall-table-cell-label{
        display: none;
    }
}

@media (max-width: 768px) {
    .thirlwall-table-row.thirlwall-table-row--header{
        display: none;
    }
    .thirlwall-table[data-table="evidence"] .thirlwall-table-row, 
    .thirlwall-table[data-table="documents"] .thirlwall-table-row, 
    .thirlwall-table[data-table="transcripts"] .thirlwall-table-row,
    .thirlwall-table[data-table="hearings"] .thirlwall-table-row,
    .thirlwall-table[data-table="evidence-hearing-page"] .thirlwall-table-row{
            grid-template-columns: 1fr;
    }
    .thirlwall-table[data-table="evidence"] .thirlwall-table-cell-group{
        grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
    } 
    .thirlwall-table[data-table="documents"] .thirlwall-table-cell-group, 
    .thirlwall-table[data-table="transcripts"] .thirlwall-table-cell-group {
        grid-template-columns: 1fr 1fr 1fr 2fr;
    }
    .thirlwall-table[data-table="transcripts"] .thirlwall-table-cell-group {
        grid-template-columns: 2fr 1fr 1fr;
    }
    .thirlwall-table[data-table="evidence-hearing-page"] .thirlwall-table-cell-group {
        grid-template-columns: 2fr 1fr 1fr;
    }
    .thirlwall-table-cell[data-type="evidence"]{
        font-weight: bold;
        font-size: 1.2rem;
    }
}

@media (max-width: 600px) {
    .thirlwall-table[data-table="evidence"] .thirlwall-table-cell-group,
    .thirlwall-table[data-table="documents"] .thirlwall-table-cell-group,
    .thirlwall-table[data-table="transcripts"] .thirlwall-table-cell-group,
    .thirlwall-table[data-table="hearings"] .thirlwall-table-cell-group,
    .thirlwall-table[data-table="evidence-hearing-page"] .thirlwall-table-cell-group {
        grid-template-columns: 1fr 1fr;
    }
    .thirlwall-table[data-table="evidence"] .thirlwall-table-cell-group .thirlwall-table-cell[data-type="associated-hearings"],
    .thirlwall-table[data-table="hearings"] .thirlwall-table-cell-group .thirlwall-table-cell[data-type="document-link"]{
        grid-column: 1/3;
    }

}



/* - - - - - - - - - - Excerpt details - - - - - - - - - - - */



.thirlwall-table .govuk-details{
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 0px;
}

.thirlwall-table .govuk-details__text p{
    font-size: 16px;
}














/* ----------------- WARNING ----------------- */



.thirlwall-warning{
    /* border-width: 1px;
    border-style: solid; */
    border-radius: 0.5rem;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: nowrap;
    flex-direction: row;
    background-color: #DDDDDD;
    /* border-color: var(--clr-lightteal-hex); */
}

.thirlwall-warning::before{
    background-color: #767676;
}

.thirlwall-warning::before{
    content: '';
    --_warning-icon: url('https://api.iconify.design/material-symbols:warning-rounded.svg');
    width: 2rem;
    height: 2rem;
    mask-image: var(--_warning-icon);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--_warning-icon);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    flex-shrink: 0;
}