.muzic-doc-page .entry-content hr,
.muzic-doc-page .wp-block-post-content hr,
.muzic-doc-page .entry-content .wp-block-separator,
.muzic-doc-page .wp-block-post-content .wp-block-separator {
width: 100%;
max-width: none;
margin: 2.4em 0;
border: 0;
border-top: 3px solid #ff7a45;
background: none;
}
.muzic-doc,
.muzic-doc p,
.muzic-doc li {
line-height: 1.65;
}
.muzic-doc h2 {
font-size: 1.55em;
line-height: 1.25;
margin: 2.2em 0 0.7em;
letter-spacing: -0.01em;
}
.muzic-doc h3 {
font-size: 1.25em;
margin: 1.8em 0 0.5em;
}
.muzic-doc p,
.muzic-doc ul {
margin: 0 0 1.15em;
}
.muzic-doc ul {
padding-left: 1.2em;
list-style: disc;
}
.muzic-doc li {
margin-bottom: 0.4em;
} .muzic-doc h2[id*="choose-a-music-documentary"] + ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
padding: 0;
list-style: none;
}
.muzic-doc h2[id*="choose-a-music-documentary"] + ul > li {
margin: 0;
padding: 16px 17px;
background: #1b2025;
border: 1px solid #394149;
border-left: 4px solid #e65f43;
color: #d7dbde;
}
.muzic-doc h2[id*="choose-a-music-documentary"] + ul > li strong:first-child {
color: #ff8d60;
}
@media (max-width: 620px) {
.muzic-doc h2[id*="choose-a-music-documentary"] + ul {
grid-template-columns: 1fr;
}
}
.muzic-doc strong {
font-weight: 650;
} .muzic-doc-page .muzic-documentary-title-art {
width: min(100%, 740px);
min-height: clamp(170px, 25vw, 214px);
margin: 0 auto;
}
.muzic-doc-page .muzic-documentary-title-art > .wp-block-post-title {
font-size: clamp(29px, 4.4vw, 46px);
text-wrap: balance;
}
.muzic-doc hr {
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 2.2em 0;
} .muzic-table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 1.4em 0 1.8em;
background: #171b1f;
border: 1px solid #394149;
border-left: 4px solid #e65f43;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
scrollbar-color: #e65f43 #171b1f;
scrollbar-width: thin;
}
.muzic-doc table,
.muzic-table-wrap table {
width: 100%;
max-width: 100%;
border-collapse: collapse;
font-size: 0.9em;
white-space: normal;
table-layout: fixed;
margin: 0;
}
.muzic-doc table td,
.muzic-doc table th,
.muzic-table-wrap table td,
.muzic-table-wrap table th {
overflow-wrap: anywhere;
} .muzic-table-wrap--3 table tr > :first-child { width: 38%; }
.muzic-table-wrap--3 table tr > :nth-child(2) { width: 20%; }
.muzic-table-wrap--4 table tr > :first-child { width: 32%; }
.muzic-table-wrap--4 table tr > :last-child { width: 24%; } .muzic-table-wrap--5 table tr > :first-child { width: 30%; }
.muzic-table-wrap--5 table tr > :nth-child(2) { width: 9%; }
.muzic-table-wrap--5 table tr > :nth-child(3) { width: 29%; }
.muzic-table-wrap--5 table tr > :nth-child(4) { width: 13%; }
.muzic-table-wrap--5 table tr > :nth-child(5) { width: 19%; } .muzic-table-wrap--5 table tr > :nth-child(2),
.muzic-table-wrap--5 table tr > :nth-child(4) {
white-space: nowrap;
} .muzic-table-wrap table th,
.muzic-table-wrap table td {
line-height: 1.3;
padding: 0.72em 0.78em;
} @media (max-width: 600px) {
.muzic-table-wrap table {
table-layout: auto;
min-width: 440px;
}
.muzic-table-wrap--5 table { min-width: 590px; }
.muzic-table-wrap--4 table { min-width: 510px; }
.muzic-doc-page .muzic-documentary-title-art {
min-height: 176px;
padding: 22px 20px;
}
.muzic-doc-page .muzic-documentary-title-art > .wp-block-post-title {
font-size: clamp(27px, 8vw, 37px);
line-height: 1.12;
}
}
.muzic-doc th,
.muzic-doc td,
.muzic-table-wrap th,
.muzic-table-wrap td {
border-bottom: 1px solid rgba(128, 128, 128, 0.35); border-bottom-color: color-mix(in srgb, currentColor 22%, transparent);
padding: 0.6em 0.75em;
text-align: left;
vertical-align: top;
}
.muzic-doc th,
.muzic-table-wrap th {
font-weight: 650;
border-bottom-width: 2px;
color: #ff8d60;
background: #23292f;
font-size: 0.78em;
letter-spacing: 0.075em;
text-transform: uppercase;
}
.muzic-doc tbody tr:last-child td,
.muzic-table-wrap tbody tr:last-child td {
border-bottom: 0;
}
.muzic-doc tbody tr:nth-child(even),
.muzic-table-wrap tbody tr:nth-child(even) {
background: rgba(255, 255, 255, 0.035);
}
.muzic-table-wrap tbody tr:hover {
background: rgba(230, 95, 67, 0.09);
}
.muzic-table-wrap td {
color: #d7dbde;
}
.muzic-table-wrap a {
color: #ff8d60;
text-underline-offset: 3px;
} .muzic-doc iframe {
display: block;
max-width: 100%;
border: 0;
}
.muzic-doc iframe[src*="youtube.com/embed"] {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
margin: 1.4em 0 0.5em;
}
.muzic-trailer {
position: relative;
width: 100%;
aspect-ratio: 16 / 9;
margin: 1.4em 0 0.5em;
display: grid;
place-items: center;
background: radial-gradient(circle at 50% 45%, rgba(230,95,67,.18), transparent 42%), #101214;
border: 1px solid #394149;
border-left: 4px solid #e65f43;
}
.muzic-trailer-load {
min-height: 44px;
padding: 10px 16px;
color: #f4f4f2;
background: #1b2025;
border: 1px solid #59636c;
font: inherit;
font-weight: 750;
cursor: pointer;
}
.muzic-trailer-load span { color: #e65f43; margin-right: 7px; }
.muzic-trailer-load:hover,.muzic-trailer-load:focus-visible { color: #101214; background: #e65f43; border-color: #e65f43; }
.muzic-trailer-load:hover span,.muzic-trailer-load:focus-visible span { color: #101214; }
.muzic-trailer > iframe { width: 100%; height: 100%; margin: 0; }
.muzic-trailer-source {
position: absolute;
left: 12px;
bottom: 10px;
z-index: 2;
color: #b8c0c7;
font-size: 11px;
font-weight: 750;
letter-spacing: .045em;
text-decoration: none;
text-transform: uppercase;
}
.muzic-trailer-source:hover,.muzic-trailer-source:focus-visible { color: #ff8d60; text-decoration: underline; text-underline-offset: 3px; }
.muzic-trailer:has(> iframe) .muzic-trailer-source { display: none; } .muzic-doc p > em {
display: block;
font-size: 0.9em;
opacity: 0.72;
margin-bottom: 1.6em;
}
.muzic-doc img {
max-width: 100%;
height: auto;
display: block;
margin: 1.4em 0 0.5em;
border-radius: 4px;
} .muzic-doc a[id] {
scroll-margin-top: 90px;
}