/* GENERAL STYLING */
svg {
    max-width: 1000px;
}

svg .legend-group text {
    font-size: 12px;
}

svg text.n-axis-title {
    font-size: 14px;
}

details.mb-4 {
    margin-bottom: 40px;
}

p.custom-hidden {
    display: none;
}



/* SHARED STYLING */
#fig4 svg .legend,
#fig5 svg .legend {
    translate: -360px -20px;
}

#fig7 svg .legend,
#fig6 svg .legend,
#fig10 svg .legend {
    translate: 0px 10px;
}




/* FIG 1 STYLING */
#fig1 > svg g.c0 > g.tick > text {
    font-size: 14px;
    translate: 0 25px;
}

#fig1 svg text.bar-label {
    font-size: 15px;
}¯



/* FIG 2 STYLING */
#fig2 > svg g.c0 > g.tick > text {
    font-size: 11px;
    color: black;
}

#fig2 svg text.bar-label {
    font-size: 15px;
    translate: 30px 0px;
}

#fig2 svg .legend { 
    translate: -400px -20px;
}



/* FIG 3 STYLING */
#fig3 > svg g.c0 > g.tick > text {
    font-size: 11px;
    color: black;
}

#fig3 svg text.bar-label {
    font-size: 13px;
    translate: 30px 0px;
}

#fig3 svg .legend {
    translate: -375px -20px;
}



/* FIG 4 STYLING */
#fig4 svg text.bar-label {
    font-size: 13px;
    translate: 30px 0px;
}

#fig4 > svg g.c0 > g.tick > text {
    font-size: 11px;
    color: black;
}




/* FIG 5 STYLING */
#fig5 svg text.bar-label {
    font-size: 13px;
    translate: 30px 0px;
}

#fig5 > svg g.c0 > g.tick > text {
    font-size: 11px;
    color: black;
}




/* FIG 6 STYLING */
#fig6 svg text.bar-label {
    font-size: 15px;
}




/* FIG 7 STYLING */
#fig7 svg text.bar-label {
    font-size: 11px;
    translate: 24px 0px;
}

#fig7 > svg g.c0 > g.tick > text {
    font-size: 11px;
    color: black;
}



/* FIG 8 STYLING */
#fig8 svg text.bar-label {
    font-size: 11px;
    translate: 0px 11px;
}



/* FIG 8 STYLING */
#fig9 svg text.bar-label {
    font-size: 12.5px;
    translate: 0px 11px;
}




/* FIG 10 STYLING */
#fig10 svg text.bar-label {
    font-size: 11px;
    translate: 30px 0px;
}

#fig10 > svg g.c0 > g.tick > text {
    font-size: 11px;
    color: black;
}




/* MOBILE STYLING */
@media only screen and (max-width: 575px) {
    #fig1 svg g.titles text.n-axis-title,
    #fig2 svg g.titles text.n-axis-title,
    #fig3 svg g.titles text.n-axis-title,
    #fig4 svg g.titles text.n-axis-title,
    #fig5 svg g.titles text.n-axis-title,
    #fig6 svg g.titles text.n-axis-title,
    #fig7 svg g.titles text.n-axis-title,
    #fig8 svg g.titles text.n-axis-title,
    #fig9 svg g.titles text.n-axis-title,
    #fig10 svg g.titles text.n-axis-title {
        font-size: 20px;
        translate: -25px 0px;
    }
    
    
    #fig1 svg g.c0 g.tick text,
    #fig6 svg g.c0 g.tick text,
    #fig9 svg g.c0 g.tick text {
        font-size: 20px;
        translate: 0px 10px;
    }
    #fig2 svg g.c0 g.tick text,
    #fig3 svg g.c0 g.tick text,
    #fig4 svg g.c0 g.tick text,
    #fig5 svg g.c0 g.tick text,
    #fig7 svg g.c0 g.tick text,
    #fig8 svg g.c0 g.tick text,
    #fig10 svg g.c0 g.tick text {
        font-size: 14px;
    }
    #fig6 svg g.c0 g.tick text {
        font-size: 13px;
    }
    
    
    #fig1 svg g.n g.tick,
    #fig2 svg g.n g.tick,
    #fig3 svg g.n g.tick,
    #fig4 svg g.n g.tick,
    #fig5 svg g.n g.tick,
    #fig6 svg g.n g.tick,
    #fig7 svg g.n g.tick,
    #fig8 svg g.n g.tick,
    #fig9 svg g.n g.tick,
    #fig10 svg g.n g.tick {
        font-size: 15px;
    }
    
    #fig1 svg text.bar-label,
    #fig2 svg text.bar-label,
    #fig3 svg text.bar-label,
    #fig4 svg text.bar-label,
    #fig5 svg text.bar-label,
    #fig6 svg text.bar-label,
    #fig9 svg text.bar-label {
        font-size: 19px;
    }
    
    #fig1 svg g.legend text,
    #fig2 svg g.legend text,
    #fig3 svg g.legend text,
    #fig4 svg g.legend text,
    #fig5 svg g.legend text,
    #fig6 svg g.legend text,
    #fig7 svg g.legend text, 
    #fig8 svg g.legend text,
    #fig9 svg g.legend text,
    #fig10 svg g.legend text{
        font-size: 15px;
    }
    
    #fig1 svg g.legend,
    #fig6 svg g.legend,
    #fig7 svg g.legend,
    #fig8 svg g.legend,
    #fig9 svg g.legend,
    #fig10 svg g.legend {
        translate: -20px 0px;
    }
}