.molecule-club-preview { background: #fff; max-width: 220px; margin: 24px auto; width: 100%; }
.molecule-club-preview .name-holder { margin-bottom: 16px; }
.molecule-club-preview .emblem-holder { margin-bottom: 16px; height: 60px; }

.molecule-club-preview .emblem-holder svg { height: 25px; width: auto; margin-top: 17px; opacity: .3; }
.molecule-club-preview .emblem-holder svg path { fill: #000; }

.molecule-club-preview .file-holder ul li { margin-bottom: 16px; }
.molecule-club-preview .file-holder ul li.foundation span { display: inline-block; }
.molecule-club-preview .file-holder ul li.president span, 
.molecule-club-preview .file-holder ul li.office span {  display: block; margin-bottom: 3px; }

.molecule-club-preview .file-holder ul li.president span + span, 
.molecule-club-preview .file-holder ul li.office span + span { margin-bottom: 0; }

.molecule-club-preview .file-holder ul li:last-child { margin-bottom: 0; }


@media only screen and ( min-width: 48em ) {
    .molecule-club-preview .name-holder { height: 42px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}

@media only screen and ( min-width: 62em ) { 
    .molecule-club-preview .name-holder { height: 48px; }
}