#subject_list_default{gap:20px}#subject_list_default .item .item_inner{position:relative;display:block;margin:auto;overflow:hidden;background-size:cover;background-position:center;height:190px;max-width:310px;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;background-color:var(--primary-colour)}#subject_list_default .item .item_inner .title{z-index:2;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;width:100%;bottom:25px;color:#fff;text-align:center;font-family:var(--font-heading);line-height:24px;max-height:48px;padding:0 25px;font-size:18px;font-style:normal;font-weight:700}#subject_list_default .item .item_inner .subject_btn{font-family:var(--font-secondary);font-size:12px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:#fff;position:absolute;bottom:-25px;left:50%;z-index:3;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:bottom ease-in-out .2s;transition:bottom ease-in-out .2s}#subject_list_default .item .item_inner:after,#subject_list_default .item .item_inner:before{content:'';top:0;left:0;width:100%;height:100%;position:absolute;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:1;opacity:0}#subject_list_default .item .item_inner:after{background:var(--primary-colour)}#subject_list_default .item .item_inner:before{background:-webkit-gradient(linear,left top, left bottom,color-stop(0, rgba(0,0,0,.0001)),to(#000));background:linear-gradient(180deg,rgba(0,0,0,.0001) 0,#000 100%)}#subject_list_default .item .item_inner.has_image:before{opacity:.55}#subject_list_default .item .item_inner:hover:before{opacity:0}#subject_list_default .item .item_inner:hover .title{bottom:50px}#subject_list_default .item .item_inner:hover .subject_btn{opacity:1;bottom:20px}#subject_list_default .item .item_inner:hover.has_image:after{opacity:.85}#subject_list_default .item .item_inner:hover.no_image{background:hsla(calc(var(--primary-colour-h) + 0deg),calc(var(--primary-colour-s) + 0%),calc(var(--primary-colour-l) + 10%),calc(var(--primary-colour-a) - 0))}