#orchestra .about p {
    margin-top: 8px;
}

#orchestra .col {
    background: transparent;
}

#orchestra h2, #orchestra h3, #orchestra h4 {
    color: #6f0c0a;
}

#orchestra h2 {
    margin-top: 36px;
}

#orchestra h3, #orchestra h4 {
    margin-top: 12px;
}

#orchestra h3.name, #orchestra h4 {
    font-family: 'EB Garamond', serif;
}

@media only screen and (min-width: 641px) {
#orchestra .about h4 {
    display: block;
    margin-top: 4px;
    margin-bottom: 8px;
    float: left;
    text-align: center;
    min-width: 12em;
    min-height: 2em;
    padding: 0;
    position: relative;
    top: 1em;
}
}

#orchestra .about h3 {
    margin-top: 12px;
    color: #6f0c0a;
}

#orchestra h2.role {
    margin-bottom: 24px;
}

@media only screen and (min-width: 641px) and (max-width: 1120px) {
/* На узких экранах при вёрстке в две колонки русский заголовок
«Художественный руководитель» растягивается на две строки. При этом хочется,
чтобы текст под этим заголовком и под соседним был выровнен по верхнему
краю. */
body:lang(ru) #orchestra h2.role {
    min-height: 2.75em;
    margin-bottom: 0;
}
#orchestra .person h3.name {
    clear: both;
}
}

#orchestra .person h3 {
    color: #000;
}

#orchestra .person h4 {
    color: #000;
    font-style: italic;
}

#orchestra .person-list {
    margin-top: .75em;
}

#orchestra .person-list > li {
    list-style: none;
}

#orchestra .person-list > li .person {
    display: none;
}

#orchestra .person-list > li:hover {
    color: #41372e;
    cursor: zoom-in;
    list-style: square outside;
}

#orchestra .person-list > li.expanded {
    padding: 6px 1em;
    margin-top: 8px;
    margin-bottom: 8px;
    border: 1px solid #41372e;
    border-radius: 6px;
    box-shadow: 2px 3px 4px rgba(0,0,0,0.25);
}

@media only screen and (min-width: 641px) {
#orchestra .person-list > li.expanded {
    width: 85%;
}
}

#orchestra .person-list > li.expanded:hover {
    color: #000;
    cursor: zoom-out;
    list-style: none;
}

#orchestra .person-list > li.expanded .person {
    display: block;
    margin-bottom: 12px;
}

#orchestra .person-list > li.expanded .person-item {
    display: none;
}

#orchestra .person {
    min-height: 244px;
}

#orchestra .person img.face {
    margin: 16px 0;
    border: 1px solid #444;
}

@media only screen and (min-width: 481px) {
#orchestra .person img.face {
    float: left;
    margin: 0 16px 0 0;
}
}

#orchestra .instrument-list li {
    list-style: none;
    margin-top: .6em;
    font-style: italic;
}

#orchestra .instrument-list li::first-letter {
    text-transform: uppercase;
}

#orchestra .poppy-list {
    list-style: none;
}

#orchestra .poppy-list li {
    margin-top: 12px;
}

#orchestra .poppy-list li > div:first-child {
    margin: 12px 0;
    font-family: 'EB Garamond', serif;
    cursor: zoom-in;
}


#orchestra .poppy-list li > div:first-child:hover {
    margin-left: -12px;
    padding-left: 8px;
    border-left: 4px solid #41372e;
    color:  #41372e;
}

#orchestra .poppy-list li > div:last-child {
    display: none;
}

#orchestra .press .article-item .title {
    display: block;
    font-weight: bold;
}

#orchestra .press .article-item .author {
    font-style: italic;
}

#orchestra .press .article h4 {
    font-family: 'PT Serif', serif;
    font-weight: bold;
    font-style: italic;
    color: #000;
}

#orchestra .press .article p {
    margin-top: 12px;
}

#orchestra .press-year > h3 {
    font-family: 'EB Garamond', serif;
    font-size: 150%;
}

#orchestra .programmes > div.abstract {
    margin-top: 12px;
}

#orchestra .programmes .concert .programme {
    display: block;
}

#orchestra .programmes .instrumentation h3.subtitle {
    margin: 24px 0;
}

.concert-item .date {
    position: relative;
    top: 3px;
}

.concert-item .title {
    font-family: 'EB Garamond', serif;
    font-size: larger;
    font-weight: bold;
}

.concert-item .abstract {
    font-style: italic;
}