.health-info-index {
padding-bottom:2em;
}
.health-info-index .types {
margin: 0;
padding: 0;
}
.health-info-index .types li {
list-style: none;
} 
.health-info-index .types li a {
transition-duration: 0.2s;
transition-timing-function: ease-out;
padding:0.5em;
display: block;
border-radius: 0.25em;
}
.health-info-index .types li:hover a {
background-color:var(--c-blue3-o2);
}
.health-info-index .types li a>* {
display: block;
margin:0;
color: var(--c-black);
}
.health-info-index .types li.current a {
color:var(--c-blue2);
cursor:default;
}
.health-info-index .types li.current a:hover {
background:none;
}
.health-info-index {
display: flex;
flex-direction: column;
gap: 2em;
}
.health-info-index .section-title h2 {
color:var(--c-black);
font-size: 1.25em!important;
font-weight: 400!important;
margin:0;
text-align: left;
}
.health-info-index .articles-list,
.health-info-index .articles-list aside {
display: flex;
flex-direction: column; 
}
.health-info-index .articles-list aside {
gap:2em;
}
.health-info-index .articles-list ul{
margin:1.5em 0 0 0;
padding:0;
display: flex;
flex-direction: column;
gap: 2em;
}
.health-info-index .articles-list li{
list-style: none;
display: flex;
flex-direction: column;
gap: 1.5em;
}
.health-info-index .articles-list li .img-wrap figure {
margin:0;
display: block;
position: relative;
padding-bottom: 100%;
width: 100%;
}
.health-info-index .articles-list li .img-wrap figure img{
margin:0;
display: block;
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
object-fit: cover;
}
.health-info-index .articles-list li h3 {
margin:0;
}
.health-info-index .articles-list li h3 a {
color:var(--c-blue1);
}
.health-info-index .articles-list li .date {
margin:0.5em 0;
font-size:0.875em;
color:#888;
}
.health-info-index .articles-list li .short-intro{
margin:0 auto;
}
.health-info-index .articles-list li .cta{
margin-top:1em;
display: flex;
align-items: center;
gap: 0.5em;
}
@media (min-width: 768px) { 
.health-info-index .articles-list li .cta{
justify-content: start;
}
}
.health-info-index .articles-list li .cta a:after{
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 700; 
vertical-align: middle;
display: inline-block;
line-height: 1;
margin-left:0.25em;
}
.health-info-index .articles-list aside .items {
gap:1.5em;
}
.health-info-index .articles-list aside .item {
display: flex;
flex-direction: row;
gap: 0.75em;
align-items: center;
}
.health-info-index .articles-list aside .item .img-wrap {
width:calc((100% - 1em) * 0.2);
}
.health-info-index .articles-list aside .item .txt-wrap {
width:calc((100% - 1em) * 0.8);
}
.health-info-index .articles-list aside .item .txt-wrap h3 {
font-size:1em;
}
.health-info-index .articles-list aside .item .txt-wrap h3 a {
color:var(--c-blue1);
}
@media (max-width: 767px) {
.health-info-index .types {
display: flex;
flex-wrap: wrap;
gap: 0em;
}
.health-info-index .types li {
flex: 1 1 calc((100% - 3em) / 2);
}
.health-info-index .types li a {
display: flex;
align-items: center;
gap: 0.5em;
}
.health-info-index .types li .icon {
width: 2em;
height: 2em;
}
.health-info-index .articles-list aside .item .img-wrap {
width:calc((100% - 1em) * 0.3);
}
.health-info-index .articles-list aside .item .txt-wrap {
width:calc((100% - 1em) * 0.7);
}
.health-info-index .section-title h2 {
margin:  0 auto;
}
.health-info-index .articles-list section {
border-top:1px solid #ccc;
padding:1.5em 0;
}
}
@media (min-width: 768px) {
.health-info-index {
flex-direction: row;
}
.health-info-index .types li .icon {
width: 2.5em;
height: 2.5em;
}
.health-info-index .types {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.health-info-index .types li a {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.25em;
} 
.health-info-index .articles-list {
flex:1;
}
.health-info-index .articles-list .new .items li {
display: flex;
flex-direction: row;
gap: 1.5em;
}
.health-info-index .articles-list .new .items li .img-wrap {
width:30%;
}
.health-info-index .articles-list .new .items li .txt-wrap {
width:70%;
}
}
@media (min-width: 1024px) {
.health-info-index .types {
} 
.health-info-index .articles-list {
display: flex;
flex-direction: row;
gap: 2em;
}
.health-info-index .new {
flex: 1;
}
.health-info-index aside {
width:20%;
}
}
.single-health main .content {
line-height: 2;
}
@media (min-width: 768px) {
.single-health main .content {
font-size:1.25em;
margin-top: 2em;
}
}
.cover-item.square figure {
padding-bottom: 0;
}
.cover-item.square figure img {
display: block;
margin: auto;
position: relative;
top: auto;
left: auto;
width: auto;
height: auto;
object-fit: unset;
}
.cover-item.square .txt-wrap {
margin: calc(100% - 3em) 1.5em 0 1.5em;
}
@media (min-width: 768px) {
.cover-item.square  {
}
.cover-item.square  {
display: flex;
align-items: center;
margin-top:2.5em;
}
.cover-item.square>div  {
flex:1;
}
.cover-item.square .img-wrap {
position: relative;
width: 50%;
top:auto;
left:auto; 
margin-top:-1.5em;
}
.cover-item.square .txt-wrap {
margin:0;
}
}
@media (min-width: 1024px) {
.cover-item.square .txt-wrap {
margin-left:-3em;
}  
}