/* Name Caption - For use under photos of people */
/* Page: Homepage */
.lorem .name-caption {
    text-align: center;
    margin: 30px 0 0 0;
}
.lorem .name-caption span.name {
    display: block;
    font-size: 2rem;
    line-height: 2.7rem;
    font-weight: 300;
    color: #0077be;
}
.lorem .name-caption span.title {
    display: block;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    font-size: 0.9rem;
    line-height: 1.3rem;
    color: rgba(0,0,0,0.8);
    margin: 7px 0 0 0;
}
.lorem .neg .name-caption span.name {
    color: #fff;
}
.lorem .neg .name-caption span.title {
    color: rgba(255,255,255,0.85);
}

/* Infographic Icons */
/* Page: About the Plan */
.infographic-icon {
    display: flex;
    justify-content: center;
}
.infographic-icon .icon {
    width: 8rem;
    height: 8rem;
    background: #0077be;
    border: solid 3px #0077be;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.infographic-icon.is-style-outline .icon {
    background: none;
    color: #0077be;
}
.infographic-icon.is-style-med-blue .icon {
    background: #bfdef1;
    border-color: #bfdef1;
    color: #0077be;
}
.infographic-icon .icon:before {
    font-weight: 900;
}
.infographic-icon.la .icon:before {
    font-family: "Line Awesome Free";
    font-size: 3.5rem;
}
.infographic-icon.fa .icon:before {
    font-family: "Font Awesome 6 Free";
    font-size: 2.5rem;
}
.infographic-icon .icon.thermometer:before {
    content: "\f769";
}
.infographic-icon .icon.book:before {
    content: "\f02d";
}
.infographic-icon .icon.leaf:before {
    content: "\f06c";
}
.infographic-icon .icon.cloud:before {
    content: "\f0c2";
}
.infographic-icon .icon.shelter:before {
    content: "\e54f";
}
.infographic-icon .icon.group:before {
    content: "\e533";
}

/* Infographic Number Speech Bubbles */
/* Page: Community Engagement */
.infographic-number-bubble {
    text-align: center;
}
.infographic-number-bubble .number-bubble {
    margin: 0 auto 35px;
    width: 14rem;
    min-height: 8rem;
    border: solid 4px #fff;
    background: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.infographic-number-bubble .number-bubble:after {
    display: block;
    width: 0;
    content: "";
    border: 16px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    position: absolute;
    bottom: -20px;
    left: calc(50% - 15px);
}
.infographic-number-bubble .number-bubble .icon {
    background: #0077be;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin: 0 10px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.infographic-number-bubble .number-bubble .icon:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
    font-size: 1.2rem;
}
.infographic-number-bubble .number-bubble .icon.check:before {
    content: "\f00c";
}
.infographic-number-bubble .number-bubble .icon.brain:before {
    content: "\f5dc";
}
.infographic-number-bubble .number-bubble .icon.chalkboard:before {
    content: "\e53d";
}
.infographic-number-bubble .number-bubble .icon.cog:before {
    content: "\f013";
}
.infographic-number-bubble .number-bubble .icon.bus:before {
    content: "\f55e";
}
.infographic-number-bubble .number-bubble .icon.car:before {
    content: "\f1b9";
}
.infographic-number-bubble .number-bubble .icon.college:before {
    content: "\f19c";
}
.infographic-number-bubble .number-bubble .icon.un:before {
    content: "\e4d9";
}
.infographic-number-bubble .number-bubble .number {
    color: #262626;
    font-size: 2.9rem;
    line-height: 1;
    font-weight: 300;
    letter-spacing: -0.02rem;
}
.infographic-number-bubble .label {
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #262626;
}
.infographic-number-bubble .label:not(.center) {
    text-align: left;
    width: 90%;
    margin: 0 auto;
}
@media only screen and (max-width: 460px) {
    
    .infographic-number-bubble .label {
        font-size: 1.4rem;
        line-height: 2.1rem;
    }
    .infographic-number-bubble .label:not(.center) {
        width: 100%;
        text-align: center;
    }
    
}

/* Infographic Icons with Numbers */
/* Page: Community Engagement */
.infographic-icon-number {
    color: #fff;
}
.infographic-icon-number .icon-number-center {
    display: flex;
    justify-content: center;
}
.infographic-icon-number .icon-number-inner {
    display: flex;
    align-items: center;
    position: relative;
    
    display: grid;
    grid-row-gap: 20px;
}
.infographic-icon-number .icon-number-inner .icon:before {
    font-family: "Font Awesome 6 Free";
    border: solid 2px #00BEA6;
    background: #00BEA6;
    color: #fff;
    border-radius: 50%;
    width: 6rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.9rem;
    font-weight: 900;
}
.infographic-icon-number .icon-number-inner .icon.thumb:before {
    content: "\f164";
}
.infographic-icon-number .icon-number-inner .icon.talk:before {
    content: "\f075";
}
.infographic-icon-number .icon-number-inner .icon.tv:before {
    content: "\f26c";
}
.infographic-icon-number .icon-number-inner .number {
    margin: 0 0 0 8px;
    font-size: 2.2rem;
    line-height: 1;
    font-weight: 300;
    text-align: center;
}
.infographic-icon-number .label {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 300;
    display: block;
    margin: 20px auto 0;
    text-align: center;
}
@media only screen and (max-width: 460px) {
    
    .infographic-icon-number .label {
        width: 100%;
        font-size: 1.4rem;
        line-height: 2.1rem;
        text-align: center;
    }
    
}

/* Milestones Box */
/* Page: Community Engagement Timeline */
.lorem .milestones-box h4 {
    color: #262626 !important;
    font-size: 1.9rem !important;
    line-height: 2.7rem !important;
    margin-bottom: 20px !important;
}

/* Timeline */
/* Page: Community Engagement Timeline */
.timeline .year-block {
    padding: 0 0 2rem 3rem;
    position: relative;
}
.timeline .year-block:before {
    content: " ";
    width: 3px;
    height: 100%;
    border-left: dotted 3px #262626;
    display: block;
    position: absolute;
    left: 1.35rem;
    top: 20px;
    display: flex;
}
.timeline .year-block ul {
    margin: 0 !important;
}
.timeline .year-block ul li {
    margin-left: 0 !important;
}
.timeline .year-block h4.year {
    display: flex;
    align-items: center;
    margin-bottom: 15px !important;
    color: #074d94 !important;
}
.timeline .year-block .year:before {
    content: " ";
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: absolute;
    left: 10px;
    border-radius: 50%;
    background: #074d94;
    border: solid 4px #fff;
}
.timeline .year-block:last-child:before {
    content: none;
}
@media only screen and (max-width: 460px) {
    
    .timeline .year-block {
        padding-left: 2.25rem;
    }
    .timeline .year-block .year:before {
        left: 0;
    }
    .timeline .year-block:before {
        left: 0.7rem;
    }
    
}

/* Guiding Principles Square Buttons */
/* Page: Guiding Principles */
.lorem .guiding-principles-buttons {
    gap: 1rem !important;
}
.lorem .guiding-principles-buttons a.btn {
    border-radius: 8px;
    min-height: 190px;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    line-height: 1.6rem;
}
@media only screen and (max-width: 1200px) {
    
    .lorem .guiding-principles-buttons {
        display: grid !important;
    }
    .lorem .guiding-principles-buttons a.btn {
        min-height: unset;
    }
    
}

/* Core Priorities Tags */
/* Page: Areas of Focus */
.lorem .priorities-tags {
    margin: 0 0 20px 0;
}
.lorem .priorities-tags h5 {
    margin-bottom: 7px !important;
}
.lorem .priorities-tags ul {
    margin: 0;
    list-style-type: none;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.lorem .priorities-tags ul li {
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0;
}
.lorem .priorities-tags ul li .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 0 1.55rem;
}
.lorem .priorities-tags ul li .icon:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 15px;
}
.lorem .priorities-tags ul li.academic {
    background: rgba(0,119,190,0.1);
}
.lorem .priorities-tags ul li.academic .icon:before {
    content: "\f303";
    color: rgba(0,119,190,1);
}
.lorem .priorities-tags ul li.ccr {
    background: rgba(0,187,199,0.15);
}
.lorem .priorities-tags ul li.ccr .icon:before {
    content: "\f630";
    color: rgba(0,187,199,1);
}
.lorem .priorities-tags ul li.research {
    background: rgba(0,214,169,0.15);
}
.lorem .priorities-tags ul li.research .icon:before {
    content: "\f492";
    color: rgba(0,171,135,1);
}
.lorem .priorities-tags ul li.biodiversity {
    background: rgba(149,236,133,0.15);
}
.lorem .priorities-tags ul li.biodiversity .icon:before {
    content: "\f520";
    color: #50b13f;
}
.lorem .priorities-tags ul li.land {
    background: rgba(137,116,86,0.12);
}
.lorem .priorities-tags ul li.land .icon:before {
    content: "\f6fc";
    color: rgba(137,116,86,1);
}
.lorem .priorities-tags ul li.buildings {
    background: rgba(161,172,189,0.2);
}
.lorem .priorities-tags ul li.land .icon:before {
    content: "\f6fc";
    color: rgba(137,116,86,1);
}
.lorem .priorities-tags ul li.transportation {
    background: rgba(181,80,118,0.1);
}
.lorem .priorities-tags ul li.transportation .icon:before {
    content: "\f55e";
    color: rgba(181,80,118,1);
}
.lorem .priorities-tags ul li.waste {
    background: rgba(137,116,86,0.12);
}
.lorem .priorities-tags ul li.waste .icon:before {
    content: "\f1b8";
    color: rgba(137,116,86,1);
}
.lorem .priorities-tags ul li.water {
    background: rgba(0,119,190,0.1);
}
.lorem .priorities-tags ul li.water .icon:before {
    content: "\f773";
    color: rgba(0,119,190,1);
}
.lorem .priorities-tags ul li.energy {
    background: rgba(223,160,30,0.15);
}
.lorem .priorities-tags ul li.energy .icon:before {
    content: "\f0e7";
    color: rgba(223,160,30,1);
}
.lorem .priorities-tags ul li.food {
    background: rgba(149,236,133,0.15);
}
.lorem .priorities-tags ul li.food .icon::before {
    content: "\f2e7";
    color: #50b13f;
}
.lorem .priorities-tags ul li.carbon {
    background: rgba(161,172,189,0.2);
}
.lorem .priorities-tags ul li.carbon .icon:before {
    content: "\f0c2";
    color: #7b8faf;
}
.lorem .priorities-tags ul li.procurement {
    background: rgba(181,80,118,0.1);
}
.lorem .priorities-tags ul li.procurement .icon:before {
    content: "\f328";
    color: rgba(181,80,118,1);
}
.lorem .priorities-tags ul li.governance {
    background: rgba(0,214,169,0.15);
}
.lorem .priorities-tags ul li.governance .icon:before {
    content: "\f0e3";
    color: rgba(0,171,135,1);
}

/* Goals and Targets List / Blockquote */
/* Page: Areas of Focus subpages */

.layout-bar.targets-bar ul.is-style-check li ul {
    list-style-type: none;
}
    .layout-bar.targets-bar ul.is-style-check li ul li {
        position: relative;
        padding: 0 0 0 1.5rem;
    }
        .layout-bar.targets-bar ul.is-style-check li ul li:before {
            content: "\f178";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            left: 0;
            color: rgba(0,0,0,0.6);
            font-size: 1rem;
        }
.layout-bar.targets-bar blockquote {
    max-width: 22rem;
}
/* -> Headings Tags */
.layout-bar.targets-bar h5.priorities-heading-tag {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
    .layout-bar.targets-bar h5.priorities-heading-tag span {
        display: block;
    }
    .layout-bar.targets-bar h5.priorities-heading-tag span:nth-child(2) {
        background: rgba(0,0,0,0.1);
        padding: 5px 15px 5px 2.9rem;
        border-radius: 3px;
        position: relative;
    }
    .layout-bar.targets-bar h5.priorities-heading-tag span:nth-child(2):before {
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        left: 17px;
        font-size: 1.5rem;
    }
        .layout-bar.targets-bar h5.priorities-heading-tag span.academic {
            background: rgba(0,119,190,0.1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.academic:before {
            content: "\f303";
            color: rgba(0,119,190,1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.ccr {
            background: rgba(0,187,199,0.15);
            padding-left: 3.5rem;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.ccr:before {
            content: "\f630";
            color: rgba(0,187,199,1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.research {
            background: rgba(0,214,169,0.15);
            padding-left: 3.15rem;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.research:before {
            content: "\f492";
            color: rgba(0,171,135,1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.biodiversity {
            background: rgba(149,236,133,0.15);
            padding-left: 3.5rem;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.biodiversity:before {
            content: "\f520";
            color: #50b13f;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.land {
            background: rgba(137,116,86,0.12);
            padding-left: 3.25rem;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.land:before {
            content: "\f6fc";
            color: rgba(137,116,86,1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.buildings {
            background: rgba(161,172,189,0.15);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.buildings:before {
            content: "\f1ad";
            color: #748aad;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.transportation {
            background: rgba(181,80,118,0.1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.transportation:before {
            content: "\f55e";
            color: rgba(181,80,118,1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.waste {
            background: rgba(137,116,86,0.12);
            padding-left: 3.25rem;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.waste:before {
            content: "\f1b8";
            color: rgba(137,116,86,1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.water {
            background: rgba(0,119,190,0.1);
            padding-left: 3.25rem;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.water:before {
            content: "\f773";
            color: rgba(0,119,190,1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.energy {
            background: rgba(223,160,30,0.15);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.energy:before {
            content: "\f0e7";
            color: rgba(223,160,30,1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.food {
            background: rgba(149,236,133,0.15);
            padding-left: 3.2rem;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.food:before {
            content: "\f2e7";
            color: #50b13f;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.carbon {
            background: rgba(161,172,189,0.2);
            padding-left: 3.5rem;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.carbon:before {
            content: "\f0c2";
            color: #7b8faf;
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.procurement {
            background: rgba(181,80,118,0.1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.procurement:before {
            content: "\f328";
            color: rgba(181,80,118,1);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.governance {
            background: rgba(0,214,169,0.15);
        }
        .layout-bar.targets-bar h5.priorities-heading-tag span.governance:before {
            content: "\f0e3";
            color: rgba(0,171,135,1);
        }
/* -> Did You Know? Bar */
.lorem .dyk-bar .panel {
    background: rgba(255,255,255,0.95);
    border-radius: 3px;
}
/* Did You Know? + Stories Bar */
.lorem p.sdgia {
    display: inline-block;
    align-items: center;
    border-radius: 3px;
    padding: 8px 12px 8px 2.25rem;
    margin: 15px 0 0 0;
    background: rgba(255,255,255,0.1);
    position: relative;
}
.lorem p.sdgia:before {
    content: "\e4d9";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 12px;
    font-size: 1.3rem;
}
.layout-bar.stories-bar .sdgia {
    background: rgba(0,119,190,0.05);
}
/* -> Actions Table */
figure.action-table .table table {
    border: none;
    border-collapse: separate;
    border-spacing: 0 15px;
}
figure.action-table .table table thead tr th {
    vertical-align: bottom;
    font-weight: 400;
    border: none;
    padding:  25px 15px 12px 15px;
    font-size: 1.2rem;
    line-height: 1.6rem;
    background: none;
    color: #fff;
    border-bottom: solid 3px #0077be;
    background: rgba(0,119,190,0.9);
}
figure.action-table .table table thead tr th:nth-child(1),
figure.action-table .table table thead tr th:nth-child(4) {
    text-align: left;
}
figure.action-table .table table tbody tr td:nth-child(1) {
    background: rgba(0,119,190,0.05);
}
figure.action-table .table table tbody tr td:nth-child(2),
figure.action-table .table table tbody tr td:nth-child(3),
figure.action-table .table table tbody tr td:nth-child(5),
figure.action-table .table table tbody tr td:nth-child(6),
figure.action-table .table table tbody tr td:nth-child(7) {
    text-align: center;
}
figure.action-table .table table thead tr th:nth-child(3) {
    min-width: 140px;
}
figure.action-table .table table thead tr th:nth-child(4) {
    min-width: 175px;
}
figure.action-table .table table thead tr th:nth-child(6) {
    min-width: 120px;
}
figure.action-table .table table thead tr th:nth-child(7) {
    min-width: 170px;
}
figure.action-table .table table tbody tr {
    background: rgba(0,119,190,0.06);
}
figure.action-table .table table tbody tr td {
    border: none;
    padding: 20px 15px;
}
/* -> Stories */
.layout-bar.stories-bar h5 {
    font-size: 2rem !important;
    line-height: 2.8rem !important;
    margin: 0 0 25px !important;
}
.layout-bar.stories-bar figure.image {
    margin: 0 0 25px 0 !important;
}


@media only screen and (max-width: 1200px) {
    
    figure.action-table .table table thead tr th:nth-child(1) {
        min-width: 325px;
    }
    figure.action-table .table table thead tr th:nth-child(2) {
        min-width: 200px;
    }
    figure.action-table .table table thead tr th:nth-child(5) {
        min-width: 175px;
    }
    
}

/* Did you know? Facts Box */
/* Page: Implementing the Plan */
.lorem .layout-bar .panel.dyk-panel-resources h4 {
    color: #262626 !important;
    min-height: 4rem;
    padding-left: 5rem;
    font-size: 2.2rem !important;
    line-height: 3.2rem !important;
    margin-bottom: 0 !important;
}
.lorem .layout-bar .panel.dyk-panel-resources h4 .icon {
    width: 4rem;
    height: 4rem;
}
.lorem .layout-bar .panel.dyk-panel-resources h4 .icon:before {
    width: 4rem;
    height: 4rem;
}