.info-pane {
    display: flex;
   flex-wrap: wrap;
   margin-top: 0.5em;
   margin-bottom: 1em;
   justify-content: space-between;
}


.info-pane:not(.output-page-info-pane) {
   flex-direction: row;
}

.info-pane.output-page-info-pane {
    flex-direction: column;
}

.attributes-pane {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 60px;
}

.links-pane {
    display: flex;
    flex-direction: row;
}

.info-pane.output-page-info-pane .links-pane {
    margin-top: 1em;
}

.info-pane.output-page-info-pane .document-button {
    background-color: #F04E53;
    /*background-color: #71619d;*/
    color: white !important;
    font-weight: 700;
    padding: 0.5em;
    border-radius: 4px;
    text-decoration: none;
    margin-right: 0.5em;
}

.info-pane.output-page-info-pane .document-button:hover {
    text-decoration: underline;
}

.info-pane.output-page-info-pane .document-button i {
    margin-right: 0.5em;
}

.info-attribute {
    font-size: 14px;
    margin-right: 24px;
    color: #444;
}
.info-attribute:last-of-type {
     margin-right: 0px;
}

.info-attribute-flex {
    display: flex;
    flex-direction: row;
}

.info-attribute-icon-wrapper {
    margin-right: 0.5em;
}


.objective-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    font-size: 18px;
}

.icon-wrapper {
    background-color: #F04E53;;
    /*background-color: #71619d;*/
    color: white;
    border-radius: 100%;
    margin-right: 15px;
    padding: 5px;
    width: 23px;
    text-align: center;
    flex-shrink: 0;
}

.cluster-wrapper {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 1.5em 0;
}
.cluster-button {
    /*background-size: 100% 100%;
    background-repeat: no-repeat;*/
    position: relative;
    width: calc(50% - 10px);
    min-width: 300px;
    padding-bottom: 22%;
    overflow: hidden;
    margin-bottom: 10px;
    color: black !important;
}
@media only all and (max-width: 750px) {
    .cluster-button {
        width: calc(100% - 10px);
        padding-bottom: 44%;
    }
    .cluster-num {
        font-size: 7.5vw !important;
    }
    .cluster-name {
        font-size: 5vw !important;
    }

}
.cluster-image-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 1s;
}
.cluster-button:hover .cluster-image-container {
    transform: scale(1.2);
}
.cluster-button:hover {
    color: black;
}
.text-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 20%;
    padding: 20px;
    box-sizing: border-box;
}
.cluster-num {
    font-size: 3.75vw;
    font-weight: 700;
}
.cluster-name {
    font-size: 2.5vw;
}
.cluster-banner {
    display: flex;
    flex-direction: row;
    margin: 0 0 2em 2em;
    padding: 2em 2em 0 0;
    background-size: 64px 64px;
}
.cluster-banner-color {
    padding: 2em 1em 0.5em 1em;
    margin: 0 0 -2em -2em;
    align-items: flex-start;
}
.cluster-banner-pattern {
    height: 2em;
}

/*.cluster-page-wrapper h1,*/
/*.cluster-page-wrapper h2,*/
/*.cluster-page-wrapper h3,*/
/*.cluster-page-wrapper h4,*/
/*.cluster-page-wrapper h5,*/
/*.cluster-page-wrapper h6 {*/
/*    color: black !important;*/
/*}*/

.cluster-page-wrapper .cluster-content-wrapper {
    padding-top: 1em;
}

/*.pub-name {*/
/*    color:  !important;*/
/*}*/

.sub-divisions-list {
    list-style-type: none;
    padding: 0;
}

.output-flex-container {
    display: flex;
    flex-direction: row;
    /*align-items: center;*/
    margin: 0 0 2em 0;
    width: 100%;

}
.output-cover-photo {
    font-size: 120px;
    color: #444;
    padding-right: 20px;
    width: 240px;
    flex-shrink: 0;
    text-align: center;
}

.output-cover-photo img {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .output-flex-container {
        flex-direction: column;
        margin-bottom: 4em;
    }

    .output-cover-photo {
        /*display: none;*/
        align-self: center;
    }
}

.pub-name {
    color: #F04E53;
    /*color: #71619d;*/
}

.organisation-logo {
    /*height: 120px;*/
    width: 100%;
    height: auto;
}
.organisation-link {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4% 4% 0;
    width: 21%;
    max-width: 250px;
}

.person-attributes {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.circle {
    border-radius: 100%;
}

.person-image-full {
    height: 25vw;
    width: auto;
    min-width: 25vw;
    min-height: 25vw;
    margin-left: 2em;
}

.person-image-list {
    width: 100%;
    height: auto;
    margin-bottom: 1em;
}

.person-text-wrapper {
    margin-top: 1em;
}

.person-item-wrapper {
    display: flex;
    flex-direction: column;
    width: 21%;
    max-width: 250px;
    padding: 0 4% 2em 0;
}

.person-name {
    color: #F04E53 !important;
    /*color: #71619d !important;*/
    font-size: 15.4pt;
}

.pub-heading {
    font-size: 15.4pt !important;
}
/*.person-name:hover {*/
/*    color: #4e4e4e !important;*/
/*}*/

.person-item-wrapper .info-attribute a {
    color: #444 !important;
}

@media only all and (max-width: 1300px) {
    /*.people-wrapper {*/
    /*    justify-content: center;*/
    /*}*/
    .person-item-wrapper, .organisation-link, .other-sites-container {
        width: 29% !important;
    }
}

@media only all and (max-width: 640px) {
    /*.people-wrapper {*/
    /*    justify-content: center;*/
    /*}*/
    .person-item-wrapper, .organisation-link, .other-sites-container {
        width: 46% !important;
    }
}


@media only all and (max-width: 400px) {
    .people-wrapper, #organisations-list, #other-sites-flex {
        justify-content: center;
    }
    .person-item-wrapper, .organisation-link, .other-sites-container {
        width: 80% !important;
        padding-right: 0;
    }
}