/* Style the expositions home page */
#expo_home_top {
    padding-top: 7rem;
    padding-bottom: 5rem;
    background-color: var(--clr_base_900);
    color: var(--clr_base_100);
    text-align: center;
}

#expo_home_top h1 {
    padding-bottom: 2rem;
    font-size: 3rem;
    font-weight: 300;
}

#expo_home_top p {
    font-size: 1.2rem;
    line-height: 140%;
    padding-bottom: 3rem;
}

#expo_home_top > div > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    width: fit-content;
    margin-inline: auto;
}



#expo_home_list {
    background-color: var(--clr_base_900);
    color: var(--clr_base_100);
}

#expo_home_list h2 {
    padding-bottom: 1rem;
    font-size: 2.5rem;
    font-weight: 300;
}

#expo_home_list h2 + p {
    text-align: center;
}

#expo_home_list h3 {
    padding-bottom: 1rem;
    font-size: 1.3rem;
    font-weight: 300;
    text-align: center;
}

#expo_home_list a {text-decoration: none;}

#expo_home_list div.card-layered {height: 15rem;}

#expo_home_list div.art-mobile-padding-bottom-3r p:nth-child(3) {
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 140%;
}

#expo_home_list div.art-mobile-padding-bottom-3r p:nth-child(4) {
    font-size: 0.9rem;
    text-align: right;
    font-style: italic;
}



@media (max-width: 768px) {
    #expo_home_top h1 {font-size: 2rem;}

    #expo_home_top p {font-size: 1rem;}

    #expo_home_list h2 {
        font-size: 2rem;
    }

    #expo_home_list h2 + p {text-align: left;}

    #expo_home_list h3 {text-align: left;}
}









/* Style the exposition's top data and galery */
#expo_main_top {margin-top: 3rem;}

#expo_main_top, #expo_main_top img {
    background-color: var(--clr_base_900);
    width: 100%;
}

#expo_main_data > div {
    padding-top: 3rem;
    padding-bottom: 3rem;
    text-align: center;
}

#expo_main_data h1 {
    font-size: 2.5rem;
    font-weight: 300;
    padding-bottom: 1rem;
}

#expo_main_data p {line-height: 140%;}

#expo_main_galery {text-align: center;}
#expo_main_galery h3 {font-size: 1.2rem;}
#expo_main_galery p {font-size: 0.8rem;}

#expo_main_galery > div {padding-bottom: 5rem;}

#expo_main_galery div.cont-grid-4 {gap: 3.5rem 2rem;}

#expo_main_galery div.cont-grid-4 > div {width: 100%;}

#expo_main_galery div.cont-grid-4 img {
    width: 100%;
    cursor: pointer;
    transition: all 500ms ease-out;
}

#expo_main_galery div.cont-grid-4 > div:hover img {transform: scale(1.25);}

#expo_main_video {padding-bottom: 5rem;}

#expo_main_video div.embedded {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 0.5rem;
    overflow: hidden;
}
#expo_main_video div.embedded > iframe {width: 100%; height: 100%;}

.art-author {padding-top: 3rem;}

.art-author > p:nth-child(1) {
    font-size: 1.2rem;
    font-weight: 800;
    padding-bottom: 1rem;
}

.art-author > p:nth-child(n+2) {
    font-size: 0.9rem;
    line-height: 140%;
    padding-bottom: 0.75rem;
}

.art-craft-copy {
    font-size: 1rem;
    padding-bottom: 0.75rem;
}

.art-craft-description {
    font-size: 0.9rem;
    line-height: 140%;
    padding-bottom: 2rem;
}

.art-craft-description > p {
    font-size: 0.9rem;
    line-height: 140%;
    padding-bottom: 0.75rem;
}



@media (max-width: 1400px) {
    #expo_main_galery div.cont-grid-4 {grid-template-columns: repeat(3, 1fr);}
}









/* Style the exposition's craft display */
#expo_craft_title {
    padding-top: 5rem;
    padding-bottom: 3rem;
}

#expo_craft_title h2 {
    font-size: 1.8rem;
    padding-bottom: 1rem;
    text-align: left;
}

#expo_craft_title p {font-size: 0.9rem;}

.art-expo-craft-shoot {
    margin-bottom: 2rem;
    border-radius: 0.5rem;
    overflow: hidden;
}

.art-expo-craft-shoot img {width: 100%;}

.art-expo-craft-data {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.art-expo-craft-data > p:nth-child(1) {
    font-size: 0.8rem;
    padding-bottom: 0.5rem;
}