/* Credits */
.credits_block {
	display: block;
}


.series_credits_heading {
    font-family: ZeroTwos, sans-serif;
    font-size: 24pt;
    text-shadow:  0.2vw  0.2vw 0.2vw #000000,
                  0.2vw -0.2vw 0.2vw #000000,
                 -0.2vw  0.2vw 0.2vw #000000,
                 -0.2vw -0.2vw 0.2vw #000000;
    text-align: center;
    color: #e978c6;
}


.series_centered_credits,
.series_cast_credits,
.series_music_credits {
    width: 90vw;
    min-width: 1.8in;
    font-family: ZeroThrees, sans-serif;
    font-size: 12pt;
    color: #e9c678;
    padding: 2vw;
    display: block;
    background-color: #22222288;
    column-width: 4in;
    column-fill: balance;
    margin-left: auto;
    margin-right: auto;   
    text-shadow:  0.3vw  0.3vw 1vw #000000,
                  0.1vw -0.1vw 0.2vw #000000,
                 -0.1vw  0.1vw 0.2vw #000000,
                 -0.1vw -0.1vw 0.2vw #000000;
    justify-content: space-around;
    align-content: center;
    text-align: center;
}

.series_centered_credits > div {
    break-inside: avoid;
    page-break-inside: avoid;
    text-align: center;
}

.series_centered_credits > div > p {
    color: #c678e9;
    font-size: 15pt;
    margin-top: 0px;
    margin-bottom: 5pt;
    width: 100%;
    page-break-inside: auto;
}

.series_centered_credits > div > p:first-child {
    color: #e9c678;
    font-size: 10pt;
    margin-top: 10pt;
    margin-bottom: 1pt;
    break-after: avoid;
    page-break-after: avoid;
}

.series_cast_credits {
    column-width: 4in;
    column-gap: 1in;
}

.series_cast_credits > div {
    display: flex;
    justify-content: space-between;
    padding: 1vw;
    flex-wrap: wrap;
    flex-shrink: 49vw;
    flex-grow: 80vw;
}

.series_cast_credits > div > p {
    color: #c678e9;
    font-size: 16pt;
    text-align: right;
    margin-top: 0px;
    display: inline-block;
}

.series_cast_credits > div > p:first-child {
    color: #e9c678;
    font-size: 12pt;
    text-align: left;
    margin-bottom: 1pt;
    display: inline-block;
}

@media only screen and (max-width: 400px) {
    .series_cast_credits > div > p {
        display: block;
        width: 100%;
        min-width: 100%;
    }
}

.series_music_credits {
    column-count: 1;
}

.series_music_credits > div {
    column-count: 1;
    column-width: 100%;
    display: block;
}

.series_music_title {
    color: #c678e9;
    font-size: 18pt;
    margin-top: 0px;
    margin-bottom: 1pt;
}

.series_music_artist {
    color: #e9c678;
    font-size: 16py;
    margin-top: 0px;
    margin-bottom: 1pt;
}

.series_music_detail {
    color: #c678e9;
    font-size: 10pt;
    margin-top: 0px;
    margin-bottom: 1pt;
}

/* Episode page credits */


.credits_heading {
    font-family: ZeroTwos, sans-serif;
    font-size: 24pt;
    text-shadow:  0.2vw  0.2vw 0.2vw #000000,
                  0.2vw -0.2vw 0.2vw #000000,
                 -0.2vw  0.2vw 0.2vw #000000,
                 -0.2vw -0.2vw 0.2vw #000000;
    text-align: center;
    color: #e978c6;
}

.block_credits,
.centered_credits,
.basic_credits,
.cast_credits,
.music_credits {
    width: 90vw;
    min-width: 1.8in;
    font-family: ZeroThrees, sans-serif;
    font-size: 12pt;
    color: #e9c678;
    padding: 2vw;
    display: block;
    background-color: #22222288;
    column-width: 4in;
    column-fill: balance;
    margin-left: auto;
    margin-right: auto;   
    text-shadow:  0.3vw  0.3vw 1vw #000000,
                  0.1vw -0.1vw 0.2vw #000000,
                 -0.1vw  0.1vw 0.2vw #000000,
                 -0.1vw -0.1vw 0.2vw #000000;
    justify-content: space-around;
    align-content: center;
    text-align: center;
}

.centered_credits > div {
    break-inside: avoid;
    page-break-inside: avoid;
    text-align: center;
}

.centered_credits > div > p {
    color: #c678e9;
    font-size: 15pt;
    margin-top: 0px;
    margin-bottom: 5pt;
    width: 100%;
    page-break-inside: auto;
}

.centered_credits > div > p:first-child {
    color: #e9c678;
    font-size: 10pt;
    margin-top: 10pt;
    margin-bottom: 1pt;
    break-after: avoid;
    page-break-after: avoid;
}

.basic_credits > div {
    break-inside: avoid;
    page-break-inside: avoid;
    text-align: center;
}

.basic_credits > div > p {
    color: #c678e9;
    font-size: 15pt;
    margin-top: 0px;
    margin-bottom: 5pt;
    width: 100%;
    page-break-inside: auto;
}

.basic_credits > div > p:first-child {
    color: #e9c678;
    font-size: 10pt;
    margin-top: 10pt;
    margin-bottom: 1pt;
    break-after: avoid;
    page-break-after: avoid;
}

.cast_credits {
    column-width: 4in;
    column-gap: 1in;
}

.cast_credits > div {
    display: flex;
    justify-content: space-between;
    padding: 1vw;
    flex-wrap: wrap;
    flex-shrink: 49vw;
    flex-grow: 80vw;
}

.cast_credits > div > p {
    color: #c678e9;
    font-size: 16pt;
    text-align: right;
    margin-top: 0px;
    display: inline-block;
}

.cast_credits > div > p:first-child {
    color: #e9c678;
    font-size: 12pt;
    text-align: left;
    margin-bottom: 1pt;
    display: inline-block;
}

@media only screen and (max-width: 400px) {
    .cast_credits > div > p {
        display: block;
        width: 100%;
        min-width: 100%;
    }
}

.music_credits {
    column-count: 1;
}

.music_credits > div {
    column-count: 1;
    column-width: 100%;
    display: block;
}

.music_title {
    color: #c678e9;
    font-size: 18pt;
    margin-top: 0px;
    margin-bottom: 1pt;
}

.music_artist {
    color: #e9c678;
    font-size: 16py;
    margin-top: 0px;
    margin-bottom: 1pt;
}

.music_detail {
    color: #c678e9;
    font-size: 10pt;
    margin-top: 0px;
    margin-bottom: 1pt;
}

.block_credits {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: top;
}

.block_credits div {
	display: inline-block;
}