:root {


        --var-org-colour-apple: grey;
        --var-org-colour-barclays: lightblue;
        --var-org-colour-bp: green;
        --var-org-colour-chip: turquoise;
        --var-org-colour-easyjet: darkorange;
        --var-org-colour-lloyds: darkgreen;
        --var-org-colour-moj: black;
        --var-org-colour-rolls: #2C0A28;
        --var-org-colour-unicef: skyblue;


        --var-org-colour-apple: 	#A2AAAD;
        --var-org-colour-barclays: #00aeef;
        --var-org-colour-bp: #00ad5e;
        --var-org-colour-chip: #0dceb3;
        --var-org-colour-chip-dark: #14474c;
        --var-org-colour-easyjet: #FF671E;
        --var-org-colour-lloyds: #024731;
        --var-org-colour-lloyds: #2d8259;
        --var-org-colour-moj: black;
        --var-org-colour-rolls: #281332;

        --var-org-colour-unicef: #0099FF;


        --var-org-colour-saatchi: #feed00;
        --var-org-colour-nhs: #2272bb;
        --var-org-colour-business-stream: #0063a6;
        

    }



    .layout-cards-two
    {

    }

    .layout-cards-two .row
    {
        border: 0px solid red;
        margin-bottom: calc( var(--var-layout-spacer-between-rows) * 3);
    }

    .layout-cards-two .card
    {
        padding:1rem;
    }

    .layout-cards-two .card 
    {
        border-radius: 0.75rem;
        padding: 0.5rem;
        background-color: var(--colour-tw-neutral-200);
        color: var(--colour-tw-neutral-800);
    }

    .layout-cards-two .card-header
    {
        xdisplay:none;
    }

    .layout-cards-two .card-header,
    .layout-cards-two .card-footer
    {
        background: none;
        border: none;
        padding:0px;
        padding: 1rem 1rem;
    }

    .layout-cards-two .card-header p,
    .layout-cards-two .card-footer p
    {
        margin:0px;
        color: var(--colour-tw-neutral-800);

    }    


    .layout-cards-two .card-header img,
    .layout-cards-two .card-footer img
    {
        width: 3rem;
        height: auto;
        display: inline;
        border: 2px solid skyblue;
        background-color: white;
    }        

    .layout-cards-two .card-body
    {
        margin: 0px;
        padding-bottom: 0px;
    }

    .layout-cards-two .card-body p,
    .layout-cards-two .card-body blockquote,
    .layout-cards-two .card-body q
    {
        xxxfont-family: Georgia, 'Times New Roman', Times, serif;
        font-size: calc( var(--var-font-size-p, 16px) * 1);
        padding-bottom: 0.75rem;    /* this should be on md and above */
        color: var(--colour-tw-neutral-800);
        XXXfont-family: 'EB Garamond';
        xxxfont-family: 'Special Elite';
        xxxfont-style:italic;
    

    }

    .layout-cards-two .card-body p::before,
    .layout-cards-two .card-body blockquote::before,
    .layout-cards-two .card-body q::before
    {
        XXXcontent:'" ';
        content: '“';
    }

    .layout-cards-two .card-body p::after,
    .layout-cards-two .card-body blockquote::after,
    .layout-cards-two .card-body q::after
    {
        content:'"';
    }



    .layout-cards-two img
    {
        margin-right:1rem;
    }




    /*
        Option - use org colours
    */
    .layout-cards-two .card
    {
        xxxbackground-image: linear-gradient(to bottom right, var(--var-org-colour, var(--colour-tw-gray-800, #999)), var(--colour-tw-gray-900, #333) );
        border: 3px solid var(--var-org-colour); 
        box-shadow: 7px 10px 1px var(--var-org-colour);

    }

    .layout-cards-two .card-header img,
    .layout-cards-two .card-footer img
    {
        border: 3px solid var(--var-org-colour);
    }        




    /*
        Option 1
        show bottom line only
        bottom show both images
        bottom bold font ?
    */

    .layout-cards-two .card-header
    {
        display: none;
    }

    .layout-cards-two .card-footer .testimonial-img-org
    {
        margin-right:-1rem;
    }

    .layout-cards-two .card-footer p
    {
        xfont-weight: bold;
    }        

    .testimonial-name
    {
            display:none;
        font-weight: 400;
    }

    .layout-cards-two .card-footer .testimonial-position,
    .layout-cards-two .card-footer .testimonial-organisation
    {
        display: none;
    }






        /*
        Option 2
        smaller quotes
    */

    .layout-cards-two .card
    {
        background: none;
        box-shadow: none;
        border-width: 0px;
        border:1px solid #eee;
    }

    .layout-cards-two .card-footer .testimonial-position,
    .layout-cards-two .card-footer .testimonial-organisation
    {
        display: inline;
    }


    .layout-cards-two .card-footer .testimonial-position
    {
        padding-right: 0.2rem;
    }


    .layout-cards-two .card-footer .testimonial-organisation
    {
        font-weight: bold;
    }



    .layout-cards-two .card-header img,
    .layout-cards-two .card-footer img
    {
        border: 5px solid var(--var-org-colour);
        width: 4rem;
    } 

        .layout-cards-two .card-body p
        {
            font-family: 'Special Elite', Garamond, Gerogia, 'comic sans', cursive;
            font-size: 1.6rem;
            font-weight: 400;
            word-spacing: 5px;          
            font-size: calc( var(--var-font-size-p) * 1);
            xxxpadding-bottom: 1.3rem;  
            font-style: italic;
        }

        .testimonial-icon
        {
            filter: grayscale();
        }