/*

    /new-design/css/subpage-summary.css
    
    This module extends "/new-design/css/module_summary.css" for use on a navigator page.

*/

.subpage-summary {
    margin: 30px 0;
    padding: 30px 0;
}

.subpage-summary .cols .col {
    display: block;
}

.subpage-summary .cols .col p {
    margin: 1em 0;
}

.navigator-page .subpage-summary ul {
    font-family: "Proxima Nova Regular", Arial, sans-serif;
    line-height: 24px;
    font-size: 18px;
    margin: 0;
    color: #000000;
    align-self: end;
    padding-left: 0;
    list-style-position: inside;
}

.navigator-page #content .subpage-summary h3 {
    color: #000000;
    margin-top: 0;
}

.navigator-page #content .subpage-summary div.circle {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.navigator-page #content .subpage-summary div.circle h3 {
    width: 125px;
    height: 125px;
    background-color: #fff;
    border-radius: 500px;
    margin: 0;
    color: #000000;
}

.navigator-page #content .subpage-summary div.circle h3 span {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 250%;
    padding-bottom: 3px;
    /*color: #7EA8AD;*/
    color: #007481;
}


@media only screen and (max-width: 1280px) {
    .subpage-summary .cols {
        flex-direction: column;
    }
    
    .subpage-summary .cols .col {
        max-width: 100%;
        width: auto;
        border-right: 0;
        border-bottom: 1px solid #000;
        padding: 0;
        margin: 0 20px 26px 20px;
    }
    
    .subpage-summary .cols .col p {
        font-size: 18px;
    }
    
    .subpage-summary .cols .col.last {
        border-bottom: 0;
        margin-bottom: 0;
    }
}