#subject_list_default .item .item_inner{position:relative;display:block;margin:auto;overflow:hidden;background-size:cover;background-position:center;height:220px;background-color:var(--primary-colour);border-radius:25px}#subject_list_default .item .item_inner:before{content:'';position:absolute;top:120px;left:38%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:850px;height:850px;border-radius:50%;z-index:1;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;background:-webkit-gradient(linear,right top, left top,color-stop(0, rgba(196,196,196,0)),to(#000));background:linear-gradient(270deg,rgba(196,196,196,0) 0,#000 100%);opacity:.8}#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:left;font-family:var(--font-primary);font-weight:700;font-size:25px;line-height:31px;max-height:62px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;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:25px;bottom:0;color:#fff;font-size:16px;font-weight:600;font-family:var(--font-secondary);opacity:0}#subject_list_default .item .item_inner:after{content:'';position:absolute;top:160px;left:38%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:850px;height:850px;border-radius:50%;z-index:1;opacity:0;-webkit-transition:all ease-in-out .2s;transition:all ease-in-out .2s;background:hsla(calc(var(--link-colour-hover-h) + 0deg),calc(var(--link-colour-hover-s) + .001%),calc(var(--link-colour-hover-l) + .001%),calc(var(--link-colour-hover-a) - calc(1 - .85)))}#subject_list_default .item .item_inner:after{background:var(--secondary-colour)}#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:1;height:100%;border-radius:0;top:0}#subject_list_default .item .item_inner:focus:after,#subject_list_default .item .item_inner:hover:after{opacity:1;height:100%;border-radius:0;top:0}#subject_list_default .item .item_inner:focus .title,#subject_list_default .item .item_inner:hover .title{bottom:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}#subject_list_default .item .item_inner:focus .subject_btn,#subject_list_default .item .item_inner:hover .subject_btn{opacity:1;bottom:30px}#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))}