body {
    font-family: 'ProximaNova', sans-serif;
}

.company-logo img {
    margin-left: auto;
    margin-right: auto;
}

#companyTab .nav-link.active {
    font-weight: bold;
    border-bottom: 4px solid #63AD3D;
}

/* mobile nav */
select.mobile-nav {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(/img/company/mobile-nav-arrow.png) no-repeat right 10px top 50%;
    background-size: 30px auto, 100%;
    outline-color: transparent;
    font-weight: 200;
}

/* company ASSOCIATED nav section */
@media only screen and (min-width: 1024px) {
    .sub-nav-link.active {
        border-bottom: 4px solid #63AD3D;
    }
}

.sub-nav-link {
    font-family: 'BebasNeue', sans-serif;
}

.sub-nav-link.active {
    color: #343F4B;
}

.mobile-tab-content {
    max-height: 0;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
}

.mobile-tab label::after {
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    float: right;
    font-size: 23px;
}

.mobile-tab input:checked ~ .mobile-tab-content {
    max-height: 90vh;
}

.mobile-tab input + label::after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f078";
    font-weight: 900;
    color: #343F4B;
}

.mobile-tab input:checked + label {
    color: #343F4B;
    border-bottom: 2px solid #C8C8C8;
}

.mobile-tab input:checked + label::after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f077";
    font-weight: 900;
}

.mobile-tab label {
    font-family: 'BebasNeue', sans-serif;
}

.resources img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.secondary-content div:not(:nth-child(4n+1)):not(:nth-child(4n+2)) {
    background-color: rgba(200, 200, 200, 0.15);
}

.alternating-highlights div:not(:nth-child(4n+1)):not(:nth-child(4n+2)) {
    background-color: rgba(200, 200, 200, 0.15);
}

/* charts */
.pieChart {
    height: 240px;
    width: 240px;
}

.pieLabel {
    line-height: 1.5 !important;
}

.legend table {
    font-size: 18px !important;
    font-family: 'ProximaNova', sans-serif;
    font-weight: 200;
}

td.legendColorBox > div {
    border: none !important;
    padding: 0 !important;
    margin-right: 5px !important;
}

td.legendColorBox > div div:first-child {
    border-radius: 100% !important;
    border-width: 8px !important;
}

#legendFunction table,
#legendMaterial table {
    margin: auto;
}

#legendFunction table tr,
#legendMaterial table tr {
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
    line-height: normal;
}

.pie-container table {
    left: 120%;
}

.legend table {
    min-width: 150px;
}

@media only screen and (max-width: 1350px) {
    #pieFunction, #pieMaterial {
        margin-left: auto;
        margin-right: auto;
    }

    #legendFunction, #legendMaterial {
        display: block;
    }
}

@media only screen and (min-width: 1351px) {
    .pie-container {
        padding-left: 2.5rem;
    }

    #legendFunction, #legendMaterial {
        display: none;
    }
}