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

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

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

    /* main dark palette */
    --csprp-darkteal-core: #03607B;
    --csprp-darkpurple-core: #583C84;
    --csprp-darkblue-core: #283271;
    --csprp-darkgreen-core: #03635F;
    --csprp-darkpink-core: #942A6D;

    /* slightly darker varients for hovers etc */
    --csprp-darkteal-900: #003D53;
    --csprp-darkpurple-900: #311C4F;
    --csprp-darkblue-900: #1B204B; 
    --csprp-darkgreen-900: #003B3B;
    --csprp-darkpink-900: #6B134C;

    /* ligher tones core */
    --csprp-pink-core: #EBAECF;
    --csprp-orange-core: #E88B64;
    --csprp-blue-core: #7ED0DF;
    --csprp-green-core: #7ABE95;
    --csprp-yellow-core: #F4DD7A;

    /* lighter tones tints */
    --csprp-green-200: #bbdfc7; 
    --csprp-green-100: #dcefe1; 
    --csprp-green-50: #f0f9f3; 
    --csprp-yellow-200: #F9EAAA; 
    --csprp-yellow-100: #fbf2ca; 
    --csprp-yellow-50: #fefaec; 
    --csprp-blue-200: #b4e5ed; 
    --csprp-blue-100: #d7f2f6; 
    --csprp-blue-50: #effbfc; 
    --csprp-pink-200: #f4d6e7; 
    --csprp-pink-100: #f9eaf3; 
    --csprp-pink-50: #fbf4f8; 
    --csprp-orange-300: #edaa84; 
    --csprp-orange-200: #f4ccb4; 
    --csprp-orange-100: #fae7da; 
    --csprp-orange-50: #fdf5ef; 

    
    
    /* lighter tones text colours */
    --csprp-green-950: #0d2118; 
    --csprp-yellow-950: #411c07; 
    --csprp-blue-950: #122c3a; 
    --csprp-pink-950: #451226; 
    --csprp-orange-950: #3c110e; 

    /* other */
    --csprp-blue-hyperlink: #1d70b8;
    --csprp-blue-hover: #085293;
    --csprp-white: #ffffff;
    --csprp-grey:  hsl(0, 0%, 66%);
}



html{
    scroll-behavior: smooth;
}

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


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



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


.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;
}


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

 

.govuk-skip-link{
    background-color: var(--govuk-focus-colour);

}
header{
    width: 100%;
}



.csprp-header-topics-cards{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}








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





/* hero */
.csprp-section-hero-news{
    background-image: url(images/hero/hero_news.png);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}

section.csprp-section-hero-news .csprp-links-icons-container{
    margin-top: 1.5rem;
}

section.csprp-section-news-events{
    margin-block: 2rem;
}

section.csprp-section-news-events .csprp-facet-filters-header{
    border-bottom: 1px solid var(--csprp-orange-core);
    margin-bottom: 2rem;
}

section.csprp-section-news-events .csprp-facet-filters-header [class*="csprp-heading"]{
    margin: 0;
}


.facetwp-facet.facetwp-facet-news_categories{
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    margin-bottom: 0;
}


/* main */
.csprp-section-news-events .csprp-layout-row{
    gap: 4rem;
}


/* articles list */
.csprp-news-articles-list{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}


/* events */

.csprp-events-list-seperator-link{
    margin-block: 2rem;
}


/* newsletter section */
section#newsletter{
    padding-block: 3rem;
}

ul.csprp-external-feeds-list,
ul.csprp-external-feeds-list li{
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.csprp-external-feeds-list li{
    margin-block: 0.5rem;
}



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




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


section#fp-hero {
    padding-block: 5rem;
}


.csprp-fp-hero-image-container{
    display: block;
    width: 50rem;
    height: 30rem;
    background-image: url('images/images/homepage_hero_bleed_right_bottom.png');
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;

    position: absolute;
    right: 0;
    bottom: -4rem;
    transition: all 200ms;
}

@media (max-width: 1550px) {
    .csprp-fp-hero-image-container{
        width: 50rem;
        right: -8rem;
    }
}
@media (max-width: 1280px) {
    .csprp-fp-hero-image-container{
        width: 50rem;
        right: -15rem;
    }
}
@media (max-width: 1024px) {
    .csprp-fp-hero-image-container{
        width: 40rem;
        right: -12rem;
        bottom: 0;
    }
    section#fp-hero .csprp-body-l{
        padding-right: 1rem;
    }
}
@media (max-width: 780px) {
    .csprp-fp-hero-image-container{
        display: none;
    }
    section#fp-hero .csprp-layout-col{
        grid-column: 1/3;
    }
}

section#fp-hero .csprp-button{
    margin-top: 2rem;
}







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


section#fp-topics{
    padding-block: 3rem;
}

.csprp-fp-topics-container{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

@media (max-width: 960px) {
    .csprp-fp-topics-container{
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
}
@media (max-width: 640px) {
    .csprp-fp-topics-container{
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }
}


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


section#fp-about{
    padding-block: 3rem;
}

.csprp-fp-about-pages-container{
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 960px) {
    .csprp-fp-about-pages-container{
        gap: 1.5rem;
    }
}
@media (max-width: 640px) {
    .csprp-fp-about-pages-container{
        gap: 1rem;
    }
}



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

section#fp-news{
    padding-block: 3rem;
}

.csprp-fp-news-cards-grid{
    display: grid;
    gap: 2rem;
}

.csprp-fp-news-cards-grid.two_thirds{
    grid-template-columns: repeat(2, 1fr);
}
.csprp-fp-news-cards-grid.full_width{
    grid-template-columns: repeat(4, 1fr);
}

/* hide 3rd and 4th in two thirds mode */
.csprp-fp-news-cards-grid.two_thirds a.csprp-news-card:nth-child(3),
.csprp-fp-news-cards-grid.two_thirds a.csprp-news-card:nth-child(4){
    display: none;
}

.csprp-fp-news-links-container{
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    flex-wrap: wrap;
}

section#fp-news .csprp-items-space-between{
    margin-top: 2rem;
}

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

section#publications .wrapper{
    padding-block: 3rem;
}


section#publications .csprp-items-space-between{
    margin-bottom: 2rem;
}

section#publications .csprp-items-space-between h2{
    margin: 0;
}

@media (max-width: 960px) {   
    section#publications .csprp-layout-row{
        gap: 1.5rem;
    }
}
@media (max-width: 720px) {   
    section#publications .csprp-layout-row-33-33-33{
        grid-template-columns: 1fr;
    }
}
@media (max-width: 640px) {   
    section#publications .csprp-layout-row{
        gap: 1rem;
    }
}


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

section#concerned-about-a-child .wrapper{
    padding-block: 4rem;
    /* text-align: center; */
}

section#concerned-about-a-child [class*="csprp-heading"]{
    margin-top: 0;
}

/* section#concerned-about-a-child [class*="csprp-body-l"]{
    max-width: 800px;
    margin-inline: auto;
} */

section#concerned-about-a-child .csprp-alert{
    /* max-width: 800px;
    margin-inline: auto;
    justify-content: center; */
    background-color: var(--csprp-pink-core);
    border-radius: 0.5rem;
}

section#concerned-about-a-child .csprp-alert::before{
    background-color: var(--csprp-pink-950);
}

section#concerned-about-a-child .csprp-layout-row{
    gap: 4rem;
}

@media (max-width: 640px) {
    section#concerned-about-a-child .csprp-layout-row{
        gap: 2rem;
    }
}


/* ----------------- MAIN HUB PAGE ----------------- */


.csprp-section-hero-hub{
    background-image: url(images/hero/hero_hub.png);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;

}



.csprp-hub-main-page{
    margin-block: 2rem;
}

.csprp-hub-main-page .csprp-publication-card-col{
    margin-bottom: 2rem;
}


.csprp-hub-main-page .csprp-facet-filters-header{
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--csprp-blue-core);
    margin-bottom: 2rem;
    font-size: 1.125rem;
    min-height: 3.5rem;
}

.csprp-hub-main-page .csprp-facet-filters-header .csprp-heading-s{
    margin: 0;
}

.csprp-topics-results{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}

.csprp-topics-results a.csprp-topic-card{
    max-width: unset;
}

/* responsive */
@media (max-width: 1080px) {
    .csprp-topics-results .csprp-topic-card-grad{
        height: 2rem;
    }
    .csprp-topics-results .csprp-topic-card-content .media-type{
        display: none;
    }
}

@media (max-width: 960px) {
    .csprp-topics-results{
        gap: 1.5rem;
    }
    .csprp-topics-results .csprp-topic-card-content .content-type{
        display: none;
    }
}
@media (max-width: 640px) {
    .csprp-topics-results{
        gap: 1rem;
    }
}



.csprp-hub-main-page .csprp-facet-heading{
    font-weight: 700;
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}

.csprp-hub-main-page .csprp-results-facet-header{
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--csprp-blue-core);
    margin-bottom: 2rem;
    font-size: 1.125rem;
    min-height: 3.5rem;
}

.csprp-hub-main-page .csprp-results-facet-header > *{
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}

.csprp-hub-main-page .csprp-results-facet-header .facetwp-facet{
    margin-bottom: 0;
}






/* ----------------- MAIN ABOUT PAGE ----------------- */


/* hero */
.csprp-section-hero-about{
    background-image: url(images/hero/hero_about.png);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}


body.page-template-page-about .csprp-fp-about-pages-container{
    margin-block: 4rem;
}





/* ----------------- ABOUT SUB SECTION PAGES ----------------- */


.csprp-about-subsection-content{
    margin-block: 4rem;
}

.csprp-about-subsection-content .page-title {
    margin-top: 0;
}


.csprp-chapter-pages-container{
    border-radius: 0.5rem;
    padding: 2rem;
    color: var(--csprp-green-950);
    background-color: var(--csprp-green-100);
    margin-right: 2rem;
}

@media (max-width: 960px) {
    .csprp-chapter-pages-container{
        margin-right: 1rem;    
    }
}

@media (max-width: 640px) {
    .csprp-chapter-pages-container{
        margin-right: 0;    
    }
}

.csprp-chapter-pages-container .csprp-heading-m{
    margin-top: 0;
}

ul.csprp-chapter-pages-list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}

ul.csprp-chapter-pages-list li{
    padding-block: 0.75em;
    border-bottom: 1px dashed var(--csprp-green-core);
    margin: 0;
}

ul.csprp-chapter-pages-list li a{
    display: flex;
    gap: 1rem;
    align-items: center;
    color: var(--csprp-green-950);
}

ul.csprp-chapter-pages-list li a::before{
    content: '';
    width: 1em;
    height: 1em;
    display: block;
    --_link-type-icon: url(images/icons/button-icons/arrow-right.svg);
    background-color: var(--csprp-green-950);
    mask-image: var(--_link-type-icon); 
    -webkit-mask-image: var(--_link-type-icon);
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    flex-shrink: 0;
}


ul.csprp-chapter-pages-list li.current_page_item a{
    pointer-events: none;
    font-weight: 700;
    text-decoration: none;
}





/* ----------------- TOPIC PAGES ----------------- */


/* 
.csprp-topic-hero-container{
    background-image: url(images/hero/hero_topic_csa.png);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
} */


body.hub-topic-template-default .page-content{
    padding-bottom: 4rem;
}





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

/* 
.pagination, 
.facetwp-facet-docs_page_numbers{
    margin-top: 2rem; 
}

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

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

.nav-links > .current,
.facetwp-facet-docs_page_numbers > .facetwp-pager > .active{
    background-color: rgb(var(--clr-sandstone-rgb), 1);
}

.facetwp-facet-docs_page_numbers > .facetwp-pager > .active{
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

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

}

.nav-links a:hover,
.facetwp-facet-docs_page_numbers > .facetwp-pager a:hover{
    background-color: rgb(var(--clr-sandstone-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-facet-docs_page_numbers > .facetwp-pager a:focus{
    background-color: #ffdd00;
    color: black;
    box-shadow: 0 -2px #ffdd00, 0 4px #0b0c0c;

}




 */












/* ----------------- TABLE OF CONTENTS ----------------- */



ul.toc-list, 
ul.toc-list li{
    list-style: none;
    padding: 0;
}

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

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

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(--csprp-blue-hyperlink);
}

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

}

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(--csprp-blue-hyperlink);
} 



ul.toc-list li.current-heading a{
    color: var(--csprp-darkblue-core);
    text-decoration: none;
}

ul.toc-list li.current-heading{
    background-color: var(--csprp-blue-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(--csprp-darkblue-core);
}






/* ----------------- TABLE OF CONTENTS (TOPICS H2 ONLY) ----------------- */




ul.toc-h2-list, 
ul.toc-h2-list li{
    list-style: none;
    padding: 0;
}

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

ul.toc-h2-list li{
    margin: 0;
}

ul.toc-h2-list li.h2-heading a{
    display: block;
    gap: 0.5em;
    padding-block: 0.5rem;
    color: var(--csprp-blue-hover);
    position: relative;
    margin-left: 2rem;
}

ul.toc-h2-list li.h2-heading a::before{
    content: '';
    --_dot_radius: 1em;
    width: var(--_dot_radius); height: var(--_dot_radius);
    border-radius: calc(var(--_dot_radius) / 2);
    position: absolute;
    left: calc(-1.5rem - (var(--_dot_radius) / 2));
    top: calc(50% - (var(--_dot_radius) / 2));
    display: block;
    background-color: var(--csprp-blue-core);
    transition: all 100ms ease-in-out;
}

ul.toc-h2-list li.h2-heading a:hover::before{
    --_dot_radius: 1.5em;
    background-color: var(--csprp-darkblue-core);

}




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



.csprp-single--category-container{
    display: flex;
    gap: 1em;
    margin-bottom: 1rem;
    align-items: center;
}

.csprp-single--category{
    background-color: var(--csprp-orange-200);
    font-size: 1.25em;
    padding: 0.25em 0.5em;
    border-radius: 0.25em;
}


.csprp-single-date{
    font-size: 1em;
}

p.csprp-single-hero-excerpt{
    margin-block: 0;
}

section.csprp-single-content .page-content{
    margin-block: 2rem;
}


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


.csprp-single-event--date{

    font-size: 1.25em;
    padding: 0.25em 0.5em;
    border-radius: 0.25em;

    background-color: var(--csprp-darkpurple-core);
    color: white;
}



/* ----------------- EVENTS MAIN PAGE ----------------- */

.csprp-events-content{
    margin-bottom: 4rem;
}

body.page-template-page-events .facetwp-facet-page_numbers{
    margin-block: 2rem;
}


/* ----------------- SINGLE EVENTS PAGE ----------------- */


.csprp-eventinfo-table{
    display: grid;
}

.csprp-eventinfo-row{
    display: grid;
    grid-template-columns: 1fr 2fr;   
    align-items: center;
    gap: 1rem;
    border-bottom: 1px solid var(--csprp-orange-300);
}

.csprp-eventinfo-col{
    padding-block: 0.75rem;
}





/* ----------------- PUBLICATIONS MAIN PAGE ----------------- */


/* hero */
.csprp-section-hero-publications{
    background-image: url(images/hero/hero_search.png);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
}

.csprp-publications-main-page{
    margin-block: 2rem;
}

.csprp-publications-main-page .csprp-publication-card-col{
    margin-bottom: 2rem;
}


.csprp-publications-main-page .csprp-facet-filters-header{
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--csprp-pink-core);
    margin-bottom: 2rem;
    font-size: 1.125rem;
    min-height: 3.5rem;
}

.csprp-publications-main-page .csprp-facet-filters-header .csprp-heading-s{
    margin: 0;
}

.csprp-publications-main-page .csprp-facet-heading{
    font-weight: 700;
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}
.csprp-publications-main-page .csprp-results-facet-header{
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--csprp-pink-core);
    margin-bottom: 2rem;
    font-size: 1.125rem;
    min-height: 3.5rem;
}

.csprp-publications-main-page .csprp-results-facet-header > *{
    display: inline-flex;
    align-items: center;
    gap: 1rem;
}

.csprp-publications-main-page .csprp-results-facet-header .facetwp-facet{
    margin-bottom: 0;
}

/* ----------------- PUBLICATIONS SINGLE PAGE ----------------- */



body.single-publication .csprp-hero-container .csprp-heading-xl{
    margin-block: 1rem;
}

body.single-publication .csprp-publication-card--category-container{
    font-size: 1.25rem;
}



.csprp-document-download-container{
    display: grid;
    margin-top: 2rem;
    padding: 0.5rem 2rem;
    border-radius: 0.5rem;
    background-color: var(--csprp-pink-100);

}

.csprp-document-download-container .csprp-button{
    word-break: break-word;
}

.doc-meta-row{
    display: grid;
    grid-template-columns: 1fr 3fr;
    border-bottom: 1px solid var(--csprp-pink-core);
    align-items: center;
}

.csprp-document-download-container > .doc-meta-row:last-child{
    border-bottom-width: 0px;
}


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

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

.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-sandstone-rgb));
}

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







/* ----------------- DEFAULT WORDPRESS BLOCK ADJUSTMENTS ----------------- */



/* Images */
.wp-block-image{
    /* padding: 1rem;
    border-radius: 0.5rem;
    background-color: var(--csprp-yellow-100);
    color: var(--csprp-yellow-950); */
}

.wp-block-image figcaption.wp-element-caption{
    margin-bottom: 0;
    margin-top: 1em;
    font-style: italic;
}


/* Quote */
.wp-block-quote{
    background-color: var(--csprp-orange-100);
    margin-inline: 0;
    margin-block: 2rem;
    padding: 2rem;
    border-radius: 0.5rem;
}

.wp-block-quote > *:first-child{
    margin-top: 0;
}
.wp-block-quote > *:last-child{
    margin-bottom: 0;
}









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



  
.csprp-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 {
    .csprp-select-container select {
      font-family: sans-serif;
    }
  }
  @media (min-width: 40.0625em) {
    .csprp-select-container select {
      font-size: 1.1875rem;
      line-height: 1.25;
    }
  }
  @media print {
    .csprp-select-container select {
      font-size: 14pt;
      line-height: 1.25;
    }
  }
  .csprp-select-container select:focus {
    outline: 3px solid #ffdd00;
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px;
  }
  .csprp-select-container select:disabled {
    opacity: 0.5;
    color: inherit;
    cursor: not-allowed;
  }
  
  .csprp-select-container select option:active,
  .csprp-select-container select option:checked,
  .csprp-select-container select:focus::-ms-value {
    color: #ffffff;
    background-color: #1d70b8;
  }
  


  
.facetwp-facet.csprp-input-container input[type=text] {
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    font-size: 1.125rem;
    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;
  }
  .csprp-input-container input[type=text]:focus {
    outline: 3px solid #ffdd00;
    outline-offset: 0;
    box-shadow: inset 0 0 0 2px;
  }




/* ----------------- INPUT TEXT FIELD ----------------- */


.csprp-input {
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.25;
  box-sizing: border-box;
  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;
}
.csprp-input:focus {
  outline: 3px solid #ffdd00;
  outline-offset: 0;
  box-shadow: inset 0 0 0 2px;
}
.csprp-input:disabled {
  opacity: 0.5;
  color: inherit;
  background-color: transparent;
  cursor: not-allowed;
}



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

form.csprp-search-form{
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}

form.csprp-search-form label{
    width: 100%;
}

form.csprp-search-form input{
    height: 46.66px;
}


section.csprp-search-results .wrapper{
    padding-block: 3rem;
}

section.csprp-search-results .csprp-facet-filters-header{
    margin-bottom: 2rem;
}
section.csprp-search-results .csprp-facet-filters-header [class*="csprp-heading-"]{
    margin-top: 0;
}

section.csprp-search-results .csprp-facet-filters-header,
section.csprp-search-results .csprp-results-facet-header{
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--csprp-yellow-core);
}


section.csprp-search-results .csprp-facet-heading{
    font-weight: 700;
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
}



.csprp-results-facet-header .facetwp-facet{
    margin-bottom: 0;
}

.csprp-results-facet-header-perpage{
    display: flex;
    gap: 0.5rem;
    align-items: center;
}


.search-results-grid{
    margin-block: 1.5rem;
    display: grid;
    gap: 1.5rem;
}




/* ----------------- ALERTS / WARNING BOX ----------------- */



.csprp-alert{
    border-width: 1px;
    border-style: solid;
    border-color: var(--csprp-navy-50);
    border-radius: 3px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: nowrap;
    flex-direction: row;
    margin-block: 2rem;
}

/* colours */
.csprp-alert--blue{
    background-color: var(--csprp-blue-50);
    border-color: var(--csprp-blue-core);
    color: var(--csprp-blue-950);
}
.csprp-alert--blue::before{    
    background-color: var(--csprp-blue-core);
}

.csprp-alert--pink{
    background-color: var(--csprp-pink-50);
    border-color: var(--csprp-pink-core);
    color: var(--csprp-pink-950);
}
.csprp-alert--pink::before{    
    background-color: var(--csprp-pink-core);
}

.csprp-alert--green{
    background-color: var(--csprp-green-50);
    border-color: var(--csprp-green-core);
    color: var(--csprp-green-950);
}
.csprp-alert--green::before{    
    background-color: var(--csprp-green-core);
}

.csprp-alert--orange{
    background-color: var(--csprp-orange-50);
    border-color: var(--csprp-orange-core);
    color: var(--csprp-orange-950);
}
.csprp-alert--orange::before{    
    background-color: var(--csprp-orange-core);
}

.csprp-alert--yellow{
    background-color: var(--csprp-yellow-50);
    border-color: var(--csprp-yellow-core);
    color: var(--csprp-yellow-950);
}
.csprp-alert--yellow::before{    
    background-color: var(--csprp-yellow-core);
}

/* dark */
.csprp-alert--darkblue {
    background-color: var(--csprp-darkblue-900);
    border-color: rgb(255, 255, 255, 0.2);
    color: var(--csprp-blue-50);
}
.csprp-alert--darkblue::before{    
    background-color: var(--csprp-blue-50);
}


/* icons */

.csprp-alert--icon--info{
    --_alert-icon: url('https://api.iconify.design/material-symbols:info-rounded.svg');
}
.csprp-alert--icon--warning{
    --_alert-icon: url('https://api.iconify.design/material-symbols:warning-rounded.svg');
}
.csprp-alert--icon--tick{
    --_alert-icon: url('https://api.iconify.design/icon-park-solid:correct.svg');
}

[class*="csprp-alert--icon"]:before{
    content: '';
    width: 30px;
    height: 30px;
    mask-image: var(--_alert-icon);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-image: var(--_alert-icon);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    flex-shrink: 0;
}









/* ----------------- STATISTICS BOX ----------------- */



.csprp-statistics-box{
    padding: 1rem;
    border-radius: 0.5rem;
    position: relative;
    overflow: hidden;
    z-index: 1;
}


/* colours */
.csprp-statistics-box-yellow{
    background-color: var(--csprp-yellow-100);
    color: var(--csprp-yellow-950);
}
.csprp-statistics-box-yellow::after{ background-color: var(--csprp-yellow-core); opacity: 0.6; }

.csprp-statistics-box-pink{
    background-color: var(--csprp-pink-100);
    color: var(--csprp-pink-950);
}
.csprp-statistics-box-pink::after{ background-color: var(--csprp-pink-200); }

.csprp-statistics-box-orange{
    background-color: var(--csprp-orange-100);
    color: var(--csprp-orange-950);
}
.csprp-statistics-box-orange::after{ background-color: var(--csprp-orange-200); }

.csprp-statistics-box-blue{
    background-color: var(--csprp-blue-100);
    color: var(--csprp-blue-950);
}
.csprp-statistics-box-blue::after{ background-color: var(--csprp-blue-200); }

.csprp-statistics-box-green{
    background-color: var(--csprp-green-100);
    color: var(--csprp-green-950);
}
.csprp-statistics-box-green::after{ background-color: var(--csprp-green-200); }



.csprp-statistics-box .csprp-heading-xs{
    margin-top: 0;
}




.wp-block-column .csprp-statistics-box{
    height: 100%;
}