:root {
    --trauma-web-green: #e4f5ae;
    --trauma-web-blue: #014c8b;
}

.arrow-button[aria-expanded="false"]::after {
    content: "Resources \01F53D";
}

.arrow-button[aria-expanded="true"]::after {
    content: "Collapse \01F53C";
}

.arrow-button-ca[aria-expanded="false"]::after {
    content: "More \01F53D";
}

.arrow-button-ca[aria-expanded="true"]::after {
    content: "Less \01F53C";
}

.banner-ci {
    background-image: url("images/cultural-integration.jpg")
}

.banner-fp {
    background-image: url("images/fp-banner.jpg");
}

.banner-trauma {
    border: solid;
    min-height: 170px;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 0;
}

.banner-kids {
    background-image: url("images/banner-cropped2.png");
    background-repeat: no-repeat;
}

.banner-self-care {
    background-image: url("images/self-care-header-cropped.jpg");
}

.banner-relationship-building {
    background-image: url("images/relationship-building-original.jpg");
}

.banner-dt {
    background-image: url("images/dt-banner.jpg");
}

.banner-policy-considerations {
    background-image: url("images/policy-considerations-banner-r.png");
}

.banner-pl {
    background-image: url("images/pl-banner.png");
    display: grid;
    grid-template-rows: 1fr 1fr;
}

    .banner-pl > h1 {
        /*font-size: 3em;*/
    }

    .banner-pl > blockquote {
        font-size: small;
    }

.banner-supserv {
    background-image: url("images/support-services-banner.jpg");
}

.banner-planning {
    background-image: url("images/planning-and-coord-banner-r.png");
    display: grid;
    grid-template-rows: 1fr 1fr;
}

    .banner-planning > h1 {
        font-size: 3em;
    }

    .banner-planning > blockquote {
        font-size: small;
    }

.banner-schoolwide {
    background-image: url("images/schoolwide-practices-banner.png");
}

.banner-si {
    background-image: url("images/si-banner.png");
}

.big-inner-circle-title {
    font-family: 'Caveat';
    font-size: x-small;
}

blockquote {
    color: var(--trauma-web-blue);
    background-color: white;
    opacity: 80%;
}

#click-on-circles {
    color: blue;
}

.col-thumb {
    text-align: center;
}

.container {
    background-color: white;
}
/* #covid-panel {
    margin-left: 5%;
    margin-right: 5%;
} */
.img-trauma {
    border: 2px solid var(--trauma-web-blue);
    border-radius: 5px;
}

.landing-top-blurb {
    box-shadow: 5px 5px 1px 5px var(--trauma-web-blue);
}

.lil-circles {
    /*fill: var(--trauma-web-blue);*/
    fill-opacity: 50%;
}

.main-trauma-title {
    font-family: 'Caveat';
    font-size: 4em;
    text-align: center;
}

.panel-heading {
    display: flex;
    align-items: center;
}

.panel-title h2 {
    font-family: 'Caveat';
    text-align: left;
}

.panel-heading-link {
    margin-left: auto;
    max-width: 164px;
    text-align: center;
    padding-left: 32px;
    border-left: 1px solid black;
}

.self-care-def-heading:hover {
    box-shadow: 0px 6px 20px 0px var(--trauma-web-blue);
}

#svg-box {
    /*width: 78%;*/
}

.svg-center {
    text-align: center;
}

tspan {
    font-size: 0.5em;
}