* / . ui . items > . item { display : -webkit- box ; display : -ms- flexbox ; display : flex ; margin : 1 em 0 ; width : 100 % ; min-height : 0 ; background : 0 0 ; padding : 0 ; border : none ; border-radius : 0 ; -webkit- box-shadow : none ; box-shadow : none ; -webkit- transition : -webkit- box-shadow .1 s ease ; transition : -webkit- box-shadow .1 s ease ; transition : box-shadow .1 s ease ; transition : box-shadow .1 s ease , -webkit- box-shadow .1 s ease ; z-index : '' } . ui . items > . item a { cursor : pointer } . ui . items { margin : 1.5 em 0 } . ui . items : first-child { margin-top : 0 !important } . ui . items : last-child { margin-bottom : 0 !important } . ui . items > . item : after { display : block ; content : ' ' ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden } . ui . items > . item : first-child { margin-top : 0 } . ui . items > . item : last-child { margin-bottom : 0 } . ui . items > . item > . image { position : relative ; -webkit- box-flex : 0 ; -ms- flex : 0 0 auto ; flex : 0 0 auto ; display : block ; float : none ; margin : 0 ; padding : 0 ; max-height : '' ; -ms- flex-item-align : top ; align-self : top } . ui . items > . item > . image > img { display : block ; width : 100 % ; height : auto ; border-radius : .125 rem ; border : none } . ui . items > . item > . image : only-child > img { border-radius : 0 } . ui . items > . item > . content { display : block ; -webkit- box-flex : 1 ; -ms- flex : 1 1 auto ; flex : 1 1 auto ; background : 0 0 ; margin : 0 ; padding : 0 ; -webkit- box-shadow : none ; box-shadow : none ; font-size : 1 em ; border : none ; border-radius : 0 } . ui . items > . item > . content : after { display : block ; content : ' ' ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden } . ui . items > . item > . image + . content { min-width : 0 ; width : auto ; display : block ; margin-left : 0 ; -ms- flex-item-align : top ; align-self : top ; padding-left : 1.5 em } . ui . items > . item > . content > . header { display : inline-block ; margin : -.21425 em 0 0 ; font-family : Lato , 'Helvetica Neue' , Arial , Helvetica , sans-serif ; font-weight : 700 ; color : rgba ( 0 , 0 , 0 , .85 ) } . ui . items > . item > . content > . header : not ( . ui ) { font-size : 1.28571429 em } . ui . items > . item [ class * = "left floated" ] { float : left } . ui . items > . item [ class * = "right floated" ] { float : right } . ui . items > . item . content img { -ms- flex-item-align : middle ; align-self : middle ; width : '' } . ui . items > . item . avatar img , . ui . items > . item img . avatar { width : '' ; height : '' ; border-radius : 500 rem } . ui . items > . item > . content > . description { margin-top : .6 em ; max-width : auto ; font-size : 1 em ; line-height : 1.4285 em ; color : rgba ( 0 , 0 , 0 , .87 ) } . ui . items > . item > . content p { margin : 0 0 .5 em } . ui . items > . item > . content p : last-child { margin-bottom : 0 } . ui . items > . item . meta { margin : .5 em 0 .5 em ; font-size : 1 em ; line-height : 1 em ; color : rgba ( 0 , 0 , 0 , .6 ) } . ui . items > . item . meta * { margin-right : .3 em } . ui . items > . item . meta : last-child { margin-right : 0 } . ui . items > . item . meta [ class * = "right floated" ] { margin-right : 0 ; margin-left : .3 em } . ui . items > . item > . content a : not ( . ui ) { color : '' ; -webkit- transition : color .1 s ease ; transition : color .1 s ease } . ui . items > . item > . content a : not ( . ui ) : hover { color : '' } . ui . items > . item > . content > a . header { color : rgba ( 0 , 0 , 0 , .85 ) } . ui . items > . item > . content > a . header : hover { color : #1e70bf } . ui . items > . item . meta > a : not ( . ui ) { color : rgba ( 0 , 0 , 0 , .4 ) } . ui . items > . item . meta > a : not ( . ui ) : hover { color : rgba ( 0 , 0 , 0 , .87 ) } . ui . items > . item > . content . favorite . icon { cursor : pointer ; opacity : .75 ; -webkit- transition : color .1 s ease ; transition : color .1 s ease } . ui . items > . item > . content . favorite . icon : hover { opacity : 1 ; color : #ffb70a } . ui . items > . item > . content . active . favorite . icon { color : #ffe623 } . ui . items > . item > . content . like . icon { cursor : pointer ; opacity : .75 ; -webkit- transition : color .1 s ease ; transition : color .1 s ease } . ui . items > . item > . content . like . icon : hover { opacity : 1 ; color : #ff2733 } . ui . items > . item > . content . active . like . icon { color : #ff2733 } . ui . items > . item . extra { display : block ; position : relative ; background : 0 0 ; margin : .5 rem 0 0 ; width : 100 % ; padding : 0 0 0 ; top : 0 ; left : 0 ; color : rgba ( 0 , 0 , 0 , .4 ) ; -webkit- box-shadow : none ; box-shadow : none ; -webkit- transition : color .1 s ease ; transition : color .1 s ease ; border-top : none } . ui . items > . item . extra > * { margin : .25 rem .5 rem .25 rem 0 } . ui . items > . item . extra > [ class * = "right floated" ] { margin : .25 rem 0 .25 rem .5 rem } . ui . items > . item . extra : after { display : block ; content : ' ' ; height : 0 ; clear : both ; overflow : hidden ; visibility : hidden } . ui . items > . item > . image : not ( . ui ) { width : 175 px } @ media only screen and ( min-width : 768px ) and ( max-width : 991px ) { . ui . items > . item { margin : 1 em 0 } . ui . items > . item > . image : not ( . ui ) { width : 150 p