/* Single Article */

main.article {
    padding: 6rem 0;
}

main.article section#intro-article {
    max-width: 130.8rem;
    margin: 0 auto 6rem;
}

main.article section#intro-article .picture img {
    display: block;
    width: 100%;
    height: auto;
}

main.article section#intro-article .meta {
    display: flex;
}

main.article section#intro-article .meta>* {
    width: 50%;
    padding: 3rem 5rem 1rem;
    position: relative;
}

main.article section#intro-article .meta .left>* {
    position: relative;
    z-index: 2;
}

main.article section#intro-article .meta .left:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.05);
}

main.article section#intro-article .meta .date {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: bold;
    margin: 0 0 0.9rem;
}

main.article section#intro-article .meta .attributes {
    padding: 0 0 0 3.2rem;
    font-family: 'GASK';
    display: flex;
    flex-flow: row wrap;
}

main.article section#intro-article .meta .attributes a {
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 1rem 1rem 0;
}

main.article section#intro-article .meta .attributes a:hover {
    text-decoration: underline;
}

main.article section#intro-article .meta .attributes span {
    text-transform: uppercase;
    margin: 0 1rem 1rem 0;
}

main.article section#intro-article .meta .right .people {
    display: flex;
    flex-flow: column;
}

main.article section#intro-article .meta .right .people>* {
    width: 100%;
}

main.article>.container>.main-content {
    max-width: 103.7rem;
    margin: 0 auto;
}

main.article>.container>.content {
    max-width: 103.7rem;
    margin: 0 auto;
}

main.article>.container section.gallery {
    max-width: 130.7rem;
    margin: 5rem auto 0;
}

main.article>.container section.gallery>h4 {
    margin: 0 0 3rem;
}

main.article>.container section.gallery .masonry-gallery {
    margin: 0;
}

section.files {
    margin: 5rem auto;
    max-width: 103.7rem;
}

section.files>h4 {
    margin: 0 0 3rem;
}

section.files .attachments {
    display: flex;
    flex-flow: column;
}

section.files .attachments>a.attachment {
    margin: 0 0 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3.5rem 5rem 3.5rem 8.6rem;
    background-position: 3.3rem center;
    background-size: 3rem;
    font-size: 2rem;
    line-height: 3rem;
    text-decoration: none;
}

section.files .attachments>a.attachment strong {
    text-decoration: underline;
}

section.files .attachments>a.attachment:hover strong {
    text-decoration: none;
}

section.files .attachments>a.attachment .meta {
    font-family: "GASK";
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-decoration: none;
}

/* Related Posts */

aside.related {
    margin-top: 10rem;
}

aside.related>h4 {
    margin: 0 0 5rem;
}


/* Person */

section.realised-exhibitions {
    margin-top: 10rem;
    margin-bottom: 10rem;
}

section.realised-exhibitions .container>h3 {
    font-size: 4.4rem;
    line-height: 5.4rem;
    margin: 0 0 5rem;
}


/* Exhibition */

main.exhibition section#intro .content .columns .column:nth-child(1) {
    width: calc(50% - 5rem);
}

main.exhibition section#intro .content .columns .column:nth-child(2) {
    width: calc(25% - 5rem);
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    text-align: right;
}

main.exhibition section#intro .content .columns .column:nth-child(3) {
    width: calc(25% - 5rem);
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}

main.exhibition section#intro .content .perex {
    margin: 0 0 6rem;
    max-width: 62rem;
}

main.exhibition section#intro .content .note {
    font-size: 2.8rem;
    line-height: 4rem;
    font-weight: bold;
    margin: 0 0 2rem;
    text-align: right;
}

main.exhibition section#intro .content .note p {
    margin: 0 0 2rem;
}

main.exhibition section#intro .content a.button {
    margin: 1rem 0;
}

/* Education Programme */

main.education-programme section#intro .content .columns .column:nth-child(1) {
    width: calc(75% - 5rem);
}

main.education-programme section#intro .content .columns .column:nth-child(2) {
    width: calc(25% - 5rem);
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}

main.education-programme section#intro .content .perex p {
    margin: 0 0 3rem;
}

main.education-programme section#intro .content .note {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: normal;
    margin: 0;
    text-align: left;
}

main.education-programme section#intro .content .note p {
    margin: 0 0 2rem;
}

main.education-programme section#intro .content .person {
    margin: 0 0 2rem;
    align-items: flex-start;
    width: auto;
}

main.education-programme section#intro .content .person img {
    width: 6rem;
    height: 6rem;
}

main.education-programme section#intro .content .person .text .name {
    font-size: 2rem;
    line-height: 3rem;
    margin: 0 0 0.5rem;
}

main.education-programme section#intro .content .person .text .position {
    margin: 0 0 0.5rem;
    color: var(--font-color-dark);
}

main.education-programme .programmes-section {
    padding: 10rem 0 5rem;
}

main.education-programme .programmes-section .programmes {
    width: 66.66%;
}

main.education-programme .programmes-section .programmes .programme>h2 {
    font-size: 4.4rem;
    line-height: 5.4rem;
    padding: 0 0 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color-dark);
}

main.education-programme .programmes-section .programmes .programme>h2 span.packages-no {
    font-size: 1.6rem;
    line-height: 3rem;
}

main.education-programme .programmes-section .programmes .programme>h2 span.packages-no span {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: var(--color-pistachio);
    text-align: center;
    line-height: 3rem;
    margin: 0 0.8rem 0 0;
}

main.education-programme .programmes-section .programmes .programme {
    padding-bottom: 5rem;
}

main.education-programme .programmes-section .programmes .programme .description {
    margin: 0 0 5rem;
}

main.education-programme .programmes-section .programmes .programme .description p {
    font-size: 2rem;
    line-height: 3rem;
}

main.education-programme .programmes-section .programmes .programme .columns {
    flex-flow: row wrap;
}

main.education-programme .programmes-section .programmes .programme .columns .column {
    width: calc(50% - 5rem);
}

main.education-programme .programmes-section .programmes .programme .columns .column h4 {
    font-size: 2.6rem;
    line-height: 3.6rem;
    margin: 0 0 2rem;
}

main.education-programme .programmes-section .programmes .programme .columns .column p {
    margin: 0 0 2rem;
}

main.education-programme .programmes-section .programmes .programme .columns .column p:first-child {
    font-size: 2rem;
    line-height: 3rem;
}

main.education-programme .programmes-section .programmes .programme .columns .column .topics {
    font-family: "GASK";
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: normal;
    color: var(--font-color-dark);
    margin: 0;
}

/* Person */

main.people-single .main-content {
    margin-top: 10rem;
    margin-bottom: 10rem;
}

main.people-single .main-content .flex {
    flex-flow: row wrap;
}

main.people-single .main-content .flex .left {
    width: 66.66%;
}

main.people-single .main-content .flex .left>*:first-child {
    margin-top: 0;
}

main.people-single .main-content .flex .right {
    width: 33.33%;
    display: flex;
    justify-content: flex-end;
}

main.people-single .main-content aside.contacts {
    max-width: 35.7rem;
    display: flex;
    flex-flow: column;
}

main.people-single .main-content aside.contacts h4 {
    font-size: 2.8rem;
    line-height: 4rem;
    color: var(--color-harvest);
    margin-top: 0;
}

main.people-single .main-content aside.contacts img {
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    margin: 0 0 3rem;
}

main.people-single .main-content aside.contacts a {
    margin: 0 0 1rem;
    font-size: 2rem;
    line-height: 3rem;
}

/* Event */

main.event .wp-block-columns.intro {
    margin: 5rem 0;
}

main.event #content>p {
    font-size: 2rem;
    line-height: 3rem;
    max-width: 70%;
}

main.event .gallery h3 {
    margin: 10rem 0 5rem;
}

main.event section.newsletter {
    max-width: 70% !important;
}

/* Main Content */

.main-content h2 {
    font-size: 4.4rem;
    line-height: 5.4rem;
    margin: 5rem 0 3rem;
}

.main-content h3 {
    font-size: 3.4rem;
    line-height: 4.4rem;
    margin: 5rem 0 3rem;
}

.main-content h4 {
    font-size: 2.8rem;
    line-height: 4rem;
    margin: 5rem 0 3rem;
}

.main-content h5 {
    font-size: 2rem;
    line-height: 3rem;
    margin: 5rem 0 3rem;
}

.main-content .container>h2 {
    max-width: 66.66%;
}

.main-content .container>h3 {
    max-width: 66.66%;
}

.main-content .container>p {
    max-width: 66.66%;
}

.main-content p {
    margin: 3rem 0;
}

.main-content .perex p {
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: bold;
}

.main-content ul {
    padding: 0;
    margin: 5rem 0;
}

.main-content ul li {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0 0 0 2.5rem;
    position: relative;
}

.main-content ul>li>ul {
    padding: 0 0 0 3rem;
    margin: 0;
}

.main-content ul li:before {
    content: "";
    width: 0.6rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    left: 0rem;
    top: 0.5rem;
}

.main-content ul li:after {
    content: "";
    width: 0.6rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    left: 0.6rem;
    top: 0.5rem;
}

.main-content ul li:nth-child(9n-8):before {
    background-color: var(--color-candy-pink);
}

.main-content ul li:nth-child(9n-8):after {
    background-color: var(--color-mandarin);
}

.main-content ul li:nth-child(9n-7):before {
    background-color: var(--color-emerald);
}

.main-content ul li:nth-child(9n-7):after {
    background-color: var(--color-park-green);
}

.main-content ul li:nth-child(9n-6):before {
    background-color: var(--color-citrine);
}

.main-content ul li:nth-child(9n-6):after {
    background-color: var(--color-new-blue);
}

.main-content ul li:nth-child(9n-5):before {
    background-color: var(--color-harvest);
}

.main-content ul li:nth-child(9n-5):after {
    background-color: var(--color-mist);
}

.main-content ul li:nth-child(9n-4):before {
    background-color: var(--color-levander);
}

.main-content ul li:nth-child(9n-4):after {
    background-color: var(--color-mist);
}

.main-content ul li:nth-child(9n-3):before {
    background-color: var(--color-citrine);
}

.main-content ul li:nth-child(9n-3):after {
    background-color: var(--color-mandarin);
}

.main-content ul li:nth-child(9n-2):before {
    background-color: var(--color-ebony-black);
}

.main-content ul li:nth-child(9n-2):after {
    background-color: var(--color-pale-grey);
}

.main-content ul li:nth-child(9n-1):before {
    background-color: var(--color-forest);
}

.main-content ul li:nth-child(9n-1):after {
    background-color: var(--color-new-blue);
}

.main-content ul li:nth-child(9n-0):before {
    background-color: var(--color-new-blue);
}

.main-content ul li:nth-child(9n-0):after {
    background-color: var(--color-levander);
}

.main-content ol {
    list-style: none;
    counter-reset: my-counter;
}

.main-content ol>li {
    counter-increment: my-counter;
    margin: 0.8rem 0;
    padding: 0 0 0 3rem;
    position: relative;
}

.main-content ol>li>ul {
    padding: 0 0 0 3rem;
    margin: 0;
}


.main-content ol>li::before {
    content: "0" counter(my-counter) ".";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0rem;
}

/* Single article */

.single main.article h2 {
    font-size: 4.4rem;
    line-height: 5.4rem;
    margin: 5rem 0 3rem;
}

.single main.article h3 {
    font-size: 3.4rem;
    line-height: 4.4rem;
    margin: 5rem 0 3rem;
}

.single main.article h4 {
    font-size: 2.8rem;
    line-height: 4rem;
    margin: 5rem 0 3rem;
}

.single main.article h5 {
    font-size: 2rem;
    line-height: 3rem;
    margin: 5rem 0 3rem;
}

.single main.article .container>h2 {
    max-width: 66.66%;
}

.single main.article .container>h3 {
    max-width: 66.66%;
}

.single main.article .container>p {
    max-width: 66.66%;
}

.single main.article p {
    margin: 3rem 0;
}

.single main.article .perex p {
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: bold;
}

.single main.article ul {
    padding: 0;
    margin: 5rem 0;
}

.single main.article ul li {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0 0 0 2.5rem;
    position: relative;
}

.single main.article ul>li>ul {
    padding: 0 0 0 3rem;
    margin: 0;
}

.single main.article ul li:before {
    content: "";
    width: 0.6rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    left: 0rem;
    top: 0.5rem;
}

.single main.article ul li:after {
    content: "";
    width: 0.6rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    left: 0.6rem;
    top: 0.5rem;
}

.single main.article ul li:nth-child(9n-8):before {
    background-color: var(--color-candy-pink);
}

.single main.article ul li:nth-child(9n-8):after {
    background-color: var(--color-mandarin);
}

.single main.article ul li:nth-child(9n-7):before {
    background-color: var(--color-emerald);
}

.single main.article ul li:nth-child(9n-7):after {
    background-color: var(--color-park-green);
}

.single main.article ul li:nth-child(9n-6):before {
    background-color: var(--color-citrine);
}

.single main.article ul li:nth-child(9n-6):after {
    background-color: var(--color-new-blue);
}

.single main.article ul li:nth-child(9n-5):before {
    background-color: var(--color-harvest);
}

.single main.article ul li:nth-child(9n-5):after {
    background-color: var(--color-mist);
}

.single main.article ul li:nth-child(9n-4):before {
    background-color: var(--color-levander);
}

.single main.article ul li:nth-child(9n-4):after {
    background-color: var(--color-mist);
}

.single main.article ul li:nth-child(9n-3):before {
    background-color: var(--color-citrine);
}

.single main.article ul li:nth-child(9n-3):after {
    background-color: var(--color-mandarin);
}

.single main.article ul li:nth-child(9n-2):before {
    background-color: var(--color-ebony-black);
}

.single main.article ul li:nth-child(9n-2):after {
    background-color: var(--color-pale-grey);
}

.single main.article ul li:nth-child(9n-1):before {
    background-color: var(--color-forest);
}

.single main.article ul li:nth-child(9n-1):after {
    background-color: var(--color-new-blue);
}

.single main.article ul li:nth-child(9n-0):before {
    background-color: var(--color-new-blue);
}

.single main.article ul li:nth-child(9n-0):after {
    background-color: var(--color-levander);
}

.single main.article ol {
    list-style: none;
    counter-reset: my-counter;
}

.single main.article ol>li {
    counter-increment: my-counter;
    margin: 0.8rem 0;
    padding: 0 0 0 3rem;
    position: relative;
}

.single main.article ol>li>ul {
    padding: 0 0 0 3rem;
    margin: 0;
}


.single main.article ol>li::before {
    content: "0" counter(my-counter) ".";
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0rem;
}

.single main.article section.newsletter {
    margin: 5rem auto !important;
    max-width: 103.7rem !important;
}

/* Single Book */

.single main.book {
    margin-top: 5rem;
}

.single main.book .flex {
    padding: 0 5rem 0 0;
    margin-left: -5rem;
    margin-right: -5rem;
}

.single main.book .flex>* {
    padding: 0;
    margin: 0 0 5rem 5rem;
    width: calc(50% - 5rem);
}

.single main.book .left .picture {
    aspect-ratio: 1/1;
    background-color: var(--color-pale-grey);
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10rem;
    background-image: url(../icons/collections.svg);
}

.single main.book .left .picture img {
    max-width: 50%;
    width: 100%;
    height: auto;
}

.single main.book .right {
    font-size: 2rem;
    line-height: 3rem;
}

.single main.book .right .meta * {
    line-height: 3rem;
}

.single main.book .right label {
    display: block;
    font-weight: bold;
}

.single main.book .right label.borrowed {
    display: inline-block;
    background-color: var(--color-bright-red);
    color: var(--color-ice-white);
    padding: 0.4rem 0.8rem;
    text-align: center;
}

.single main.book .right .authors {
    margin: 3rem 0;
    background-position: left 0rem;
}

.single main.book .right .authors a {
    background-image: none;
}

.single main.book .right .year-publisher {
    background-position: left 0.2rem;
}

.single main.book .right .tags {
    margin: 3rem 0;
    background-position: left top;
    background-size: 2.4rem;
}

.single main.book .right .tags .tag-wrap {
    display: none;
}

.single main.book .right .tags .tag-wrap:nth-child(-n+4) {
    display: inline-block;
}

.single main.book .right .tags .tag-wrap a {
    font-family: 'GASK';
    text-transform: lowercase;
    text-decoration: none;
}

.single main.book .right .tags .tag-wrap a:hover {
    text-decoration: underline;
}

.single main.book .right .description p {
    margin-left: 0;
    margin-bottom: 2rem;
}

.single main.book .right .position {
    text-decoration: none;
    margin: 3rem 0;
    background-position: left 0.5rem;
}

.single main.book .right .position label {
    display: inline-block;
}


/* RESPONSIVE */

@media(max-width: 1200px) {}

@media(max-width: 990px) {
    main.exhibition section#intro .content .columns .column:nth-child(1) {
        width: calc(100% - 5rem);
    }

    main.exhibition section#intro .content .columns .column:nth-child(2) {
        align-items: flex-start;
        text-align: left;
    }

    main.exhibition section#intro .content .perex {
        max-width: 100%;
    }

    main.exhibition section#intro .content .note {
        text-align: left;
    }

    main.education-programme section#intro .content .columns .column:nth-child(1) {
        width: calc(50% - 5rem);
    }

    main.education-programme section#intro .content .columns .column:nth-child(2) {
        width: calc(50% - 5rem);
    }

    main.education-programme .programmes-section .programmes {
        width: 100%;
    }
}

@media(max-width: 750px) {
    main.people-single .main-content {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    main.people-single .main-content .flex .left {
        width: 100%;
    }

    main.people-single .main-content .flex .right {
        width: 100%;
        justify-content: flex-start;
    }

    .main-content .container>h2 {
        max-width: 100%;
    }

    .main-content .container>h3 {
        max-width: 100%;
    }

    .main-content .container>p {
        max-width: 100%;
    }

    main.education-programme section#intro .content .columns .column:nth-child(1) {
        width: calc(100% - 5rem);
    }

    main.education-programme section#intro .content .columns .column:nth-child(2) {
        width: calc(100% - 5rem);
        align-items: flex-start;
    }

    main.education-programme .programmes-section .programmes .programme .columns .column {
        width: calc(100% - 5rem);
    }

    section.files .attachments>a.attachment {
        flex-flow: row wrap;
        background-position: 2rem 3.5rem;
    }

    section.files .attachments>a.attachment .meta {
        margin: 1rem 0 0;
        width: 100%;
    }

    .single main.book .flex>* {
        width: calc(100% - 5rem);
    }
}

@media(max-width: 500px) {
    .main-content ul {
        margin: 2rem 0;
    }

    .main-content h2 {
        font-size: 2.6rem;
        line-height: 3.6rem;
        margin: 3rem 0 1.5rem;
    }

    .main-content h3 {
        font-size: 2.4rem;
        line-height: 3.4rem;
        margin: 3rem 0 1.5rem;
    }

    .main-content h4 {
        font-size: 2.8rem;
        line-height: 4rem;
        margin: 3rem 0 1.5rem;
    }

    .main-content h5 {
        font-size: 2rem;
        line-height: 3rem;
        margin: 3rem 0 1.5rem;
    }

    .single main.article ul {
        margin: 2rem 0;
    }

    .single main.article h2 {
        font-size: 2.6rem;
        line-height: 3.6rem;
        margin: 3rem 0 1.5rem;
    }

    .single main.article h3 {
        font-size: 2.4rem;
        line-height: 3.4rem;
        margin: 3rem 0 1.5rem;
    }

    .single main.article h4 {
        font-size: 2.8rem;
        line-height: 4rem;
        margin: 3rem 0 1.5rem;
    }

    .single main.article h5 {
        font-size: 2rem;
        line-height: 3rem;
        margin: 3rem 0 1.5rem;
    }

    main.article section#intro-article .meta {
        flex-flow: row wrap;
    }

    main.article section#intro-article .meta>* {
        width: 100%;
        padding: 2rem 2rem 1rem;
    }

    main.education-programme .programmes-section .programmes .programme>h2 {
        font-size: 2.6rem;
        line-height: 3.6rem;
    }
}