/* --- Visual Aid Styles --- */
#tier4innerContent *.visual-aid, 
[id*='innerContent'] *.visual-aid {
    display: flex; flex-direction: row;
    align-items: flex-start; justify-content: space-between; gap: 1em;
    width: 100%; max-width: 100%;
}

.visual-aid .visual-aid-text { 
    flex-basis: 78%;
    padding: 0 0;
}

.visual-aid .visual-aid-image {
    flex-basis: 84px; flex-shrink: 1;
    min-width: 64px;
    text-align: center;
}

.visual-aid-link > * { 
    transition-property: opacity;
    transition-duration: 0.25s;
}
.visual-aid-link:hover > *, .visual-aid-link:active > * { opacity: 0.7;}

.visual-aid-image img { 
    width: 100%; height: auto;
}

@media screen and (min-width: 480px) and (max-width: 959px) {

    .visual-aid .visual-aid-text { flex-basis: 90%; } 
    .visual-aid .visual-aid-image { flex-basis: 10%;}
}

@media screen and (max-width: 479px) {
    #tier4innerContent *.visual-aid, 
    [id*='innerContent'] *.visual-aid {
        flex-direction: column;
    }
    .visual-aid .visual-aid-text, 
    .visual-aid .visual-aid-image {
        flex-basis: 100%;
        max-width: 100%;
    }
    .visual-aid .visual-aid-image img {
        max-width: 100%;
    }
}