#subject_list_default .item .item_inner{position:relative;display:block;margin:auto;overflow:hidden;background-size:cover;background-position:center;height:160px;background-color:var(--primary-colour)}#subject_list_default .item .item_inner .title{z-index:2;-webkit-transition:all .2s ease-in-out;-o-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-primary);font-weight:700;font-size:16px;line-height:24px;max-height:48px;padding:0 25px}#subject_list_default .item .item_inner .subject_btn{-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;z-index:8;left:50%;top:50%;color:#fff;opacity:0;-webkit-transform:translate3d(-50%,250%,0) translate3d(0,0,0);transform:translate3d(-50%,250%,0) translate3d(0,0,0)}#subject_list_default .item .item_inner .subject_btn i{color:#fff}#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;-o-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:-o-linear-gradient(top,rgba(0,0,0,.0001) 0,#000 100%);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:focus:before,#subject_list_default .item .item_inner:hover:before{opacity:0}#subject_list_default .item .item_inner:focus .title,#subject_list_default .item .item_inner:hover .title{bottom:100%}#subject_list_default .item .item_inner:focus .subject_btn,#subject_list_default .item .item_inner:hover .subject_btn{opacity:1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}#subject_list_default .item .item_inner:focus.has_image:after,#subject_list_default .item .item_inner:hover.has_image:after{opacity:.85}#subject_list_default .item .item_inner:focus.no_image,#subject_list_default .item .item_inner:hover.no_image{background:hsla(calc(var(--secondary-colour-h) + 0deg),calc(var(--secondary-colour-s) + .001%),calc(var(--secondary-colour-l) + 10%),calc(var(--secondary-colour-a) - 0))}