@media (min-width:992px) and (max-width:1199px){main>.container{max-width:930px}}@media (min-width:1200px) and (max-width:1399px){main>.container{max-width:930px}}@media (min-width:1400px){main>.container{max-width:930px}}#subject_list_default .item_inner{height:240px;position:relative;display:block;border-radius:10px;overflow:hidden}#subject_list_default .item_inner .text{position:absolute;width:100%;padding:20px 40px;text-align:center;bottom:0;color:#fff;z-index:2;-webkit-transition:bottom ease-in-out .2s,-webkit-transform ease-in-out .2s;transition:bottom ease-in-out .2s,-webkit-transform ease-in-out .2s;transition:bottom ease-in-out .2s,transform ease-in-out .2s;transition:bottom ease-in-out .2s,transform ease-in-out .2s,-webkit-transform ease-in-out .2s}#subject_list_default .item_inner .text .title{font-family:var(--font-heading);font-size:22px;font-style:normal;font-weight:700;line-height:28px}#subject_list_default .item_inner .text .read-more{font-size:12px;font-style:normal;font-weight:400;line-height:15px;opacity:0;height:0;-webkit-transition:height ease-in-out .2s,opacity ease-in-out .2s,margin-top ease-in-out .2s;transition:height ease-in-out .2s,opacity ease-in-out .2s,margin-top ease-in-out .2s}#subject_list_default .item_inner .text .read-more i{margin-left:10px;display:inline-block;font-size:14px}#subject_list_default .item_inner:after,#subject_list_default .item_inner:before{content:'';bottom: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}#subject_list_default .item_inner:after{opacity:0;background:var(--secondary-colour)}#subject_list_default .item_inner:before{height:60%;background:-webkit-gradient(linear,left bottom, left top,color-stop(0, var(--primary-colour)),to(rgba(37,167,175,0)));background:linear-gradient(0deg,var(--primary-colour) 0,rgba(37,167,175,0) 100%)}#subject_list_default .item_inner:hover:after{opacity:.9}#subject_list_default .item_inner:hover:before{opacity:0}#subject_list_default .item_inner:hover .text{bottom:50%;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}#subject_list_default .item_inner:hover .text .read-more{margin-top:30px;opacity:1;height:15px}