#subject_list_default .item .item_inner{position:relative;display:block;margin:auto;overflow:hidden;background-size:cover;background-position:center;height:200px;position:relative;background-color:var(--primary-colour);border-radius:20px;-webkit-transition:background-color ease-in-out .2s;transition:background-color ease-in-out .2s}#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-primary);font-weight:500;font-size:18px;line-height:22px;max-height:48px;padding:0 25px}#subject_list_default .item .item_inner .subject_btn{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:absolute;z-index:8;left:50%;top:50%;color:var(--secondary-colour);font-size:11px;font-weight:700;font-family:var(--font-secondary);opacity:0;-webkit-transform:translate3d(-50%,250%,0) translate3d(0,0,0);transform:translate3d(-50%,250%,0) translate3d(0,0,0);letter-spacing:4px;text-transform:uppercase}#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.no_image .title{color:var(--secondary-colour)}#subject_list_default .item .item_inner:hover:before{opacity:0}#subject_list_default .item .item_inner:hover .title{bottom:100%}#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:hover.has_image:after{opacity:.85}#subject_list_default .item .item_inner:hover.no_image{background:hsla(calc(var(--secondary-colour-h) + 0deg),calc(var(--secondary-colour-s) + 0%),calc(var(--secondary-colour-l) + 10%),calc(var(--secondary-colour-a) - 0))}#subject_list_default .item .item_inner:hover.no_image .subject_btn{color:#fff}