@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

:root {
    --text-color: #646A5D;
    --theme-color1: #BAC6AE;
    --theme-color2: #F1E4EE;
    --cms-accent-color: #F1E4EE;
    --canvas-color: #fffff0;
}

body {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    background-color: var(--canvas-color);
}

#login {
    position: sticky;
    top: 0;
    z-index: 7;
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 64, .75);
}

#main-header, #featured1, #featured3 { background-image: url(flowers.jpg); }

#title {
    font-family: 'Pinyon Script', cursive;
    font-weight: normal;
    text-transform: none;
}

nav a { font-size: 25px; }

#featured1 h1 { text-align: center;}

.custom_button { --btn-bg: var(--text-color); }

.copy img,
.copy iframe,
.copy figure.image,
.copy figure.image img,
#main-container::before,
.custom_button { border-radius: 1.5vw; }

.copy figure.image img { border-radius: 1.5vw !important; }

.gallery_brick { width: 25%; }

.gallery_brick img {
    box-sizing: border-box;
    width: 100% !important;
}

@media screen and (max-width: 900px) {
    .gallery_brick { width: 33.333%; }
}

@media screen and (max-width: 625px) {
    .gallery_brick { width: auto; }
}