.latest-report, .reports-list, .ferc-list, .ferc-home{
    max-width: 1256px;
    margin: 0 auto;
}

.ferc-home{
    padding-top:4em;
}

.year .section-title{
    display: block;
    padding-top:2.5em;
    cursor: pointer;
}

.year .section-title h2{
    cursor: pointer;
}

.activities-wrapper .section-title h2{
    margin-bottom:.5em;
}

.activities-wrapper .section-title h2 .fa{
    font-weight: 100;
    color: #7CB342;
    font-size: 38px;
    float:right;
    width:auto;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.last-mod{
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 20px;
}

.activities-wrapper .activities{
    padding: 3em 1em;
}

.activities{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-content: flex-start;
}

.activity{
    width: 27%;
    margin:4% 3%;
    display: flex;
    flex-direction: row;
    position: relative;
}

.activity .date-wrapper{
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-start;
    padding: 0px 20px 0px 0px;
    height:100%;
}

.activity .activity-info{
    border-left: 1px solid #7CB342;
    padding-left:20px;
}

.activity .date-wrapper .day{
    font-style: normal;
    display: block;
    font-size: 32px;
    line-height: 32px;
    font-family: Kufam, sans-serif;
    padding-bottom:5px;
}

.activity .date-wrapper .month{
    text-decoration: none;
    display: block;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
}

.activity-info .type, .activity-info .docket, .activity-info .docket a{
    font-weight: bold;
    padding-bottom:1em;
}

.year.collapsible{
    border-top: 1px solid #bcbcbc;
}

.year.collapsible .yearly-wrapper{
    display: flex;
    justify-content: flex-start;
    align-content: space-between;
    flex-wrap: wrap;
    flex-direction: row;
    overflow: hidden;
    padding-bottom: 1em;
}

.yearly-wrapper.expanded{
    height:auto;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
            transition: all .5s ease;
}

.yearly-wrapper.collapsed{
    height:0px;
    -webkit-transition: all .5s ease;
       -moz-transition: all .5s ease;
            transition: all .5s ease;
}

.year.collapsible .fal{
    padding-left: 1em;
}

.year.collapsible .yearly-wrapper .report {
    max-width: 13.5%;
    width: 13.5%;
    margin: 2% 1.5%;
}

.yearly-wrapper .report .title{
    padding:0px;
    margin:0px;
    font-size:125%;
    font-weight: bold;
}

.page-template-page-FERC .month-header{
    font-size: 18px;
    color: #7CB342;
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 40px;
    padding-bottom: 15px;
    border-bottom: 1px solid #BCBCBC;
}

.yearly-wrapper .report .activity-link .fa, .yearly-wrapper .report .report-file .fa{
    padding-left:.5em;
    font-size: 14px;
}

.yearly-wrapper .report .activity-link a, .yearly-wrapper .report .report-file a{
    color:#011C66;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
}

.yearly-wrapper .report .description p{
    font-size: 14px;
    color:#858ea4;
}

.report, .activity{
    position: relative;
}

.report .edit > a, .activity .edit > a{
    background-color: #000;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 5px 10px;
    display: block;
    font-weight: 600;
}

.yearly-wrapper .report .edit, .activity .edit {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.yearly-wrapper .report:hover .edit, .activity:hover .edit{
    display: block;
}

.ferc-list .list-item.cols .docket-wrap{
    width:55%;
    max-width: none;
}

.ferc-list .list-item.cols > div:first-child{
    width:200px;
    max-width: none;
}

.ferc-list .docket-wrap .docket a, .ferc-list .docket-wrap .docket, .ferc-list .order a{
    font-weight: bold;
}

.ferc-home .activities-wrapper .activities{
    padding-top:0px;
}

.ferc-home .activities-wrapper .activity {
    width: 27%;
    margin: 1% 3%;
}

.ferc-link{
    align-self: center;
}

.ferc-link .fas, .ferc-link a{
    font-size:18px;
    color:#7CB342;
}

.ferc-list .facetwp-facet{
    margin-bottom:0px;
    margin-left:5px;
}

.ferc-list .filter-bar{
    margin-bottom:10px;
    font-weight: bold;
}

.members-list .desc::after{
    content:"\f107";
    display: inline;
    width:20px;
    height:20px;
    font-size: 20px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    padding-left:5px;
}

.members-list .asc::after{
    content:"\f106";
    display: inline;
    width:20px;
    height:20px;
    font-size: 20px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    padding-left:5px;
}

.facetwp-per-page-select {
width: 100px;
text-transform: uppercase;
height: 30px;
border: none;
border-bottom: 1px solid #BCBCBC;
font-size: 13.3333px;
}


body .members-list .rows .header > div{
    padding-top: 0px;
    padding-bottom: 0px;
}

.member-list-footer .facetwp-pager {
    width: 50%;
    margin: 1em auto;
}

.member-list-footer .facetwp-facet{
    width:100%;
}

.facetwp-pager .facetwp-page {
   display: block;
}

.members-list .rows .row .customer-id a{
    text-transform: uppercase;
}

.members-list .rows .row .customer-id a .fa {
    font-weight: 300;
}

.text-block-ferc{
    padding-top:20px;
}

.meta .ect-list-venue {
    width: 100%;
    text-align: left;
    background: transparent; 
    color: #00445e;
    padding:0px;
    padding-top: 10px;
}

@media (min-width: 767px) {
body .members-list .rows .row .voting, body .members-list .rows .row .date, body .members-list .rows .row .relationship, body .members-list .rows .row .customer-id{
    text-align: center;
    width:10%;
}

body .members-list .rows .row .logo{
    width:16%;
}

body .members-list .rows .row .company{
    width:35%;
}

body .members-list .rows .row .sector{
    width:19%;
}
}

@media (max-width: 767px) {
    .activities{
        display: block;
    }
    
    .activity, .ferc-home .activities-wrapper .activity{
        max-width:95%;
        width:95%;
        margin:4% auto;
    }
    
    
    .year.collapsible .yearly-wrapper .report{
    max-width: 35%;
    margin:2%;
}
    
    
    
}