.card{background:#fafbfb;text-align:center;margin:1em;max-width:250px;display:flex}.card-link:hover{opacity:.6;transition:opacity .1s linear 0s}.cardPath{border-top:5px solid #aaa}.cardCourse{padding-top:1em}.cardCourse-icon{width:50%}.coursePublicationDate{border-top:2px solid #e9e9e9;color:grey;font-weight:700;text-align:center;padding-top:.5em;padding-bottom:.7em;margin-top:1em}.card-link{color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;min-height:66px}.card-title{font-size:1em;padding:.5em;width:100%}.cardPath .card-icon{width:40%}.cardCourse .card-icon{width:76px;padding:15px 0 10px}@media (min-width:320px){.card{width:48.5%;margin:0 1em 1em 0;width:calc(50% - .5em)}.card:nth-child(2n){margin-right:0}}@media (min-width:550px){.card:nth-child(n){width:32%;margin:0 1em 1em 0;width:calc(33.33333% - .66667em)}.card:nth-child(3n){margin-right:0}.cardCourse .card-icon{padding:10px 0 5px}}@media (min-width:800px){.card:nth-child(n){width:24%;margin:0 1em 1em 0;width:calc(25% - .75em)}.card:nth-child(4n){margin-right:0}}@media (min-width:1000px){.card:nth-child(n){width:19%;margin:0 1em 1em 0;width:calc(20% - .8em)}.card:nth-child(5n){margin-right:0}}@media (max-width:960px){.uiCardListSubcategory{justify-content:center}}