@import "../../../styles/layout.scss";

.main-container{
    flex-direction: column;
    align-items: center;
}
.attack-detail-card, .heading{
    max-width: 368px;
    width: 100%;
}
.content h5{
    margin: 8px 0 0 0;
    color: rgba(0, 0, 0, 0.54);
}
.content > div:first-child > .group:first-child h5{
    margin: 0;
}
.group {
    display: flex;
}
.group > div {
    flex: 1;
}
@media #{$isWebContent}{
    .attack-detail-card, .heading{
        max-width: 768px;
        width: 768px;
    }  
    .content .web-view-group:first-child h5{
        margin: 0;
    }
    .web-view-group{
        display: flex;
    }
    .web-view-group > div{
        flex: 1;
    }
    .content .terror-security-group, .content .deaths-injured-group{
        flex: 2;
    }
    .content .terrorist-organization{
        flex: 1.25;
    }
    .content .potential-victims{
        flex: 1.4;
    }
}
.content .soft-target-type, .content .modus-operandi{
    flex: none;
    margin-right: 8%;
}
.mat-list-base .mat-list-item{
    font-size: 13px;
    height: 32px;
}
mat-list{
    padding: 4px 0 0 0;
}
.mat-list-base .mat-list-item.mat-2-line{
    height: 52px;
}
.note-line{
    font-size: 12px !important;
    color: rgba(0, 0, 0, 0.64);
}