/* mbox termine */
.mbox.term h4 a { color: #64696f; }
.mbox.term .list-wrap { /* height:200px !important; */ }

.mbox.term span.scroll { font: 500 25px var(--fontAwesome); right:30px; color: #23527c; position:absolute; z-index:2; cursor:pointer; }
.mbox.term .angle-up { top:-45px; right:0; }
.mbox.term .angle-down { top:-21px; right:0; }
.mbox.term .angle-up:after { content: "\f077"; }
.mbox.term .angle-down:after { content: "\f078"; }
.mbox.term span.scroll:hover, .mbox.term span.scroll.inactive { color:#a9aeb3; }

.mbox.term ul .date, .mbox.term ul .title { color:#5e6c72;  }
.mbox.term ul .date { font-weight:bold; padding-bottom:5px;  }
.mbox.term ul .title { padding-bottom:20px;  }
.mbox.term h4 a:after { content: '\f054'; font: 400 25px var(--fontAwesome); color: #64696f; position: relative; top: 4px; padding-left: 14px; }

@media (min-width: 768px) {

    .mbox.term .scrollable-wrap:after {content: ''; position: absolute; bottom: 0; width: 100%; height: 36px; margin-left: -10px; background-image: linear-gradient( to bottom, rgba(255,255,255,0), rgba(255,255,255,1));}
}

@media (min-width: 992px) {

    /* mbox termine */
    .mbox.term span.scroll { font-size:25px; }
    .mbox.term span.angle-up { top:-45px; right:20px;}
    .mbox.term span.angle-down { top:-21px; right:20px; }
}

@media (min-width: 1200px) {

    /* mbox termine */
    .mbox.term span.angle-up { top:-45px; }
    .mbox.term span.angle-down { top:-21px; }
}