/* CSS File of class aboutlist */
@media  { 

.aboutlist {	
 margin-bottom:2em;
 font-weight:
}

.aboutlist__nodata{}
.aboutlist__panel{display:flex;flex-direction:column;}


.aboutlist__block{padding-bottom:1em;}
.aboutlist__block__title{font-size:1.3em;
color:black;
font-weight:bolder;
font-family:arial}
.aboutlist__block__items{padding:0.5em 0em;}
.aboutlist__block__items__item{
display:flex;
flex-direction:row;
align-items:center;
color:green;  
text-decoration:none;
margin-top:0.5em;
margin-bottom:0.5em;
}
.aboutlist__block__items__item:hover{color:lightgreen}
.aboutlist__block__items__item__title{color:green;}
.aboutlist__block__items__item__title:hover{text-decoration:underline;}
.aboutlist__block__items__item__body{height:80px;}
.aboutlist__block__items__item__body__img{border-radius:3px;}
.aboutlist__block__items__item__body__textbox{
box-sizing:border-box;
height:80px;
width:100%;
padding:0 0.3em;
background:	linear-gradient(lightgrey,white,white,white,white,lightgrey);
display:flex;
flex-direction:row;
align-items:center;
font-weight:500;
font-size:1em;
}
.aboutlist__block__items__item__body__textbox__text{
	
 -webkit-box-pack: center;	
line-height:25px;
 -webkit-line-clamp: 3;
 display: -webkit-box;
 -webkit-box-orient: vertical;
overflow: hidden;
font-size:1em;
text-align:left;
box-sizing:border-box;
vertical-align:center;
border-radius:3px;


}

}




@media  all and (min-width: 950px) {
	
.aboutlist__block__items__item__body__text{ padding:0.2em 0.5em;font-weight:500;}

}


@media  all and (max-width: 950px) {
	
.aboutlist__block__items__item__body__text{ 
padding:0.2em 0.5em;
font-size:0.9em;
font-weight:500;
}
	
}