/* Templates de plural nao tem barra na direita 
então flex dentro do main view eh em coluna */


/* GENERAL USE */

#center div.plurals {
    display: flex;
    flex-direction: column;
}

#center div.plurals .headers {
    font-family: "Lato";
    font-weight: 400;
    color:#012169;
    font-size: 2em;
    padding-bottom: 0.5em;
}

#center div.plurals .objectinfos{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#center div.plurals .objectinfos .item{
    background-color: #EBF1FF;
    padding: 1.5em;
    display: flex;
    flex-direction: column;
    height: 18em;
    width: 30em;
    margin-right: 0.7em;
    margin-bottom: 0.7em;
}

#center div.plurals div.objectinfos div.item a.details {
    text-decoration: none;
    display: flex;
    justify-content: right;
    color:#012169;
    font-family: "Lato";
    font-weight: 700;
    font-size: 1em;
}

#center div.plurals div.objectinfos div.item a.details:hover {
    font-weight: 900;
}
#center div.plurals div.objectinfos div.item a.titlelink {
    text-decoration: none;
    font-family: "Lato";
    font-weight: 700;
    font-size: 1.3em;
    padding-bottom: 0.3em;
    color: #012169;
    text-overflow: ellipsis;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; 
}


#center div.plurals div.objectinfos div.item a.titlelink:hover {
    font-weight: 900;
}

#center div.plurals div.objectinfos div.item a.authorship {
    background-color: #d7e3ff;
    font-family: "Lato";
    font-size: 1em;
    font-weight: 400;
    width: fit-content;
    flex-basis: fit-content;
    padding: 0.3em;
    margin: 0.3em 0 0.3em 0;
    text-decoration: none;
}

#center div.plurals div.objectinfos div.item a.authorship:hover {
    font-weight: 700;
}

#center div.plurals div.objectinfos div.item .listing {
    list-style-type: none;
    overflow: hidden;
} 

#center div.plurals div.objectinfos div.item .listing .keyword {
    background-color: #FFF8CC;
    font-size: 1em;
    font-weight: 400;
    margin: 0.3em 0.4em 0.3em 0;
    display: inline;
    padding: 0.2em;
}

#center div.plurals div.objectinfos div.item .listing a.author {
    text-decoration: none;
    color: #012169;
    background-color: #d7e3ff;
    font-size: 1em;
    font-weight: 400;
    margin: 0.3em 0.4em 0.3em 0;
    display: inline;
    padding: 0.4em;
}

#center div.plurals div.objectinfos div.item .listing a.author:hover {
    font-weight: 700;
}

/* COLLECTIVES */


#center div.plurals .objectinfos .item .collectivefirst {
    flex: 1 1 15%;
}

#center div.plurals .objectinfos .item .collectivesecond {
    flex: 1 1 10%;
}

#center div.plurals .objectinfos .item .collectivethird {
    flex: 1 1 75%;
}

#center div.plurals .objectinfos .item .memberqtde {
    text-decoration: none;
    font-family: "Lato";
    font-weight: 400;
    font-size: 1em;
    padding-bottom: 0.9em;
    color:#012169;
}

#center div.plurals div.objectinfos div.item .collectivedescr {
    text-decoration: none;
    color:#012169;
    font-family: "Lato";
    font-weight: 300;
    font-size: 1.1em;
    line-height: 1.4em;
    width: 100%;
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical; 
}

/* BOARDS */

#center div.plurals .objectinfos .item .boardfirst {
    flex: 1 1 15%;
}

#center div.plurals .objectinfos .item .boardsecond {
    flex: 1 1 10%;
}

#center div.plurals .objectinfos .item .boardthird {
    flex: 1 1 65%;
}

#center div.plurals .objectinfos .item .boardfourth {
    flex: 1 1 10%;
}

#center div.plurals div.objectinfos div.item .boarddescr {
    text-decoration: none;
    color:#012169;
    font-family: "Lato";
    font-weight: 300;
    font-size: 1.1em;
    line-height: 1.4em;
    width: 100%;
    height: auto;
    margin-top: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical; 
}

/* MEMBERS */

#center div.plurals .objectinfos .item .memberfirst {
    flex: 1 1 15%;
}

#center div.plurals .objectinfos .item .membersecond {
    flex: 1 1 85%;
}


/* EVENTS */

#center div.plurals .objectinfos .item .eventfirst {
    flex: 1 1 46%;
}

#center div.plurals .objectinfos .item .eventsecond {
    flex: 1 1 11%;
}

#center div.plurals .objectinfos .item .eventthird {
    flex: 1 1 11%;
}

#center div.plurals .objectinfos .item .eventfourth {
    flex: 1 1 11%;
}

#center div.plurals .objectinfos .item .eventfifth {
    flex: 1 1 11%;
}

#center div.plurals .objectinfos .item .eventsixth {
    flex: 1 1 10%;
}


#center div.plurals div.objectinfos div.item .eventstatus {
    text-decoration: none;
    color:#012169;
    font-family: "Lato";
    font-weight: 300;
    font-size: 1.1em;
    width: 100%;
    overflow: hidden;
}

#center div.plurals div.objectinfos div.item .eventdescr {
    text-decoration: none;
    color:#012169;
    font-family: "Lato";
    font-weight: 300;
    font-size: 1.1em;
    line-height: 1.4em;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-bottom: 1em;
}


/* DRAFTS */

#center div.plurals .objectinfos .item .draftfirst {
    flex: 1 1 15%;
}

#center div.plurals .objectinfos .item .draftsecond {
    flex: 1 1 10%;
}

#center div.plurals .objectinfos .item .draftthird {
    flex: 1 1 65%;
}

#center div.plurals .objectinfos .item .draftfourth {
    flex: 1 1 10%;
}



#center div.plurals .infos{
    flex: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 25vh;
    grid-gap: 1.25rem;
}

#center div.plurals div.infos .item{
    background-color: #EBF1FF;
    padding: 0.625rem 0.937rem 0.625rem 0.937rem;
}


#center .votecheck{
    font-family: "Lato";
    font-size: 1rem;
    font-weight: 300;
    color:#012169;
    flex-basis: 40%;
    margin-right: 6.25rem;
}

#center div.plurals div.infos div.item .listinfo {
    text-decoration: none;
    font-family: "Lato";
    font-weight: 400;
    font-size: 1rem;
    padding-bottom: 0.937rem;
    color:#012169;
}

#center div.plurals div.infos div.item .description {
    text-decoration: none;
    color:#012169;
    font-family: "Lato";
    font-weight: 300;
    font-size: 1.075rem;
    width: inherit;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
    overflow: hidden; 
}

#center div.plurals div.infos div.item .status {
    text-decoration: none;
    color:#012169;
    font-family: "Lato";
    font-weight: 300;
    font-size: 1.075rem;
    width: inherit;
    overflow: hidden;
    height: 5vh;
    padding-top: 0.313rem;
}








#center div.plurals div.infos div.item a.details {
    text-decoration: none;
    color:#012169;
    font-family: "Lato";
    font-weight: 700;
    font-size: 1rem;
}

#center div.plurals div.infos div.item .listinfotitle {
    text-decoration: none;
    font-family: "Lato";
    font-weight: 400;
    font-size: 1.075rem;
    padding-bottom: 0.313rem;
    color:#012169;
}




#drafts{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#drafts .box {
    height: 18em;
    width: 30em; 
    display: flex;
    flex-direction: column;
    background-color: #EBF1FF;
   padding: 1.5em;
    margin-right: 0.7em;
    margin-bottom: 0.7em;
}

#drafts .box .head {
    flex-grow: 1;
    display: block;
}

#drafts .box .head .title:hover {
    font-weight: 900;
}

#drafts .box .head .title {
    text-decoration: none;
    font-weight: 700;
    font-size: 1.5em;
    text-overflow: ellipsis;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
    margin-bottom: 0.625rem;
}

#drafts .box .head .keywords {
    max-height: 4em;
    list-style-type: none;
    display: inline-block;
    margin-bottom: 0.7em;
}  

#drafts .box .head .keywords li {
    margin: 0.3em 0.4em 0.3em 0;
    padding: 0.2em;
    display: inline-block;    
}
#drafts .box .head .abstract {
    text-overflow: ellipsis;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical; 
}


#drafts .box .foot{
    list-style-type: none;
    max-height: 2em;
    margin: 0.3em 0.4em 0.3em 0;
    display: inline-block;
    white-space: nowrap;
}

#drafts .box .foot .listing{
    list-style-type: none;
    max-height: 2em;
    margin: 0.3em 0.4em 0.3em 0;
    display: inline-block;
}

#drafts .box .foot .author{
    text-decoration: none;
    color: #012169;
    background-color: #d7e3ff;
}

#drafts .box .foot .author:hover{
    font-weight: 700;
}

div.collectiveitem {
    display: block;
    background-color: #EBF1FF;
    padding: 1.5em;
    /*height: 18em;*/
    width: 30em;
    margin-right: 0.7em;
    margin-bottom: 0.7em;
}

.collectiveitem .title {
    text-overflow: ellipsis;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 0.5em;
}

.collectiveitem .members {
    padding-bottom: 0.9em;
}

.collectiveitem .description {
    line-height: 1.4em;
    text-overflow: ellipsis;
    overflow-y: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}

.plurals .objectinfos .item .firstrow {
    flex-grow: 1;
    display: inline-block;
}

.plurals .objectinfos .item .secondrow {
    flex-basis: 1;
    align-self: flex-end;
}

.votereasons {
    padding-top: 1em;
}