/* garden-party visual identity. */


/* 11. Garden Party */
.theme-garden-party {
    --bs-light: #f4f9f4;
    --bs-white: #ffffff;
    --bs-dark: #1b4332;
    --bs-gray-100: #e8f3e8;
    color: var(--bs-dark);
}


.theme-garden-party .bg-light-dark,
.theme-garden-party .bg-white-black {
    background-image:
        radial-gradient(circle at 20% 12%, rgba(105, 170, 115, .18), transparent 12rem),
        radial-gradient(circle at 82% 86%, rgba(245, 182, 195, .16), transparent 13rem),
        linear-gradient(135deg, rgba(45, 106, 79, .045) 25%, transparent 25%);
    background-size: auto, auto, 42px 42px;
}


.theme-garden-party .bg-theme-auto,
.theme-garden-party .border.rounded-5.shadow,
.theme-garden-party .border.rounded-pill.shadow {
    background: rgba(255, 255, 255, .84) !important;
    border-color: rgba(45, 106, 79, .22) !important;
    box-shadow: 0 18px 40px rgba(27, 67, 50, .12) !important;
}


.theme-garden-party .font-esthetic,
.theme-garden-party .text-theme-auto {
    color: #2d6a4f !important;
}


.garden-vine {
    position: absolute;
    left: 0;
    width: 100%;
    height: 90px;
    opacity: .2;
    background:
        radial-gradient(ellipse at 18px 34px, rgba(45, 106, 79, .7) 0 7px, transparent 8px),
        radial-gradient(ellipse at 42px 54px, rgba(245, 159, 177, .52) 0 6px, transparent 7px),
        linear-gradient(100deg, transparent 0 42%, rgba(45, 106, 79, .55) 43% 45%, transparent 46%);
    background-size: 70px 90px;
    animation: motifSlideX 42s linear infinite;
}


.garden-vine.top { top: 0; }

.garden-vine.bottom { bottom: 0; transform: rotate(180deg); }


/* 11. Garden Party */
.theme-garden-party { font-family: "Nunito", sans-serif; }

.theme-garden-party h1, .theme-garden-party h2, .theme-garden-party h3, .theme-garden-party h4, .theme-garden-party h5, .theme-garden-party h6 { font-family: "Amatic SC", cursive; }

.theme-garden-party .font-esthetic { font-family: "Clicker Script", cursive; }


.signature-garden-party {
    --signature-opacity: .34;
    color: #2d6a4f;
}


.signature-garden-party::before,
.signature-garden-party::after {
    top: 13%;
    width: 39%;
    height: 74%;
    border: 2px solid currentColor;
    border-right: 0;
    border-bottom: 0;
    border-radius: 70% 0 0 0;
    opacity: .4;
}


.signature-garden-party::before { left: 12%; transform: rotate(-18deg); }

.signature-garden-party::after { right: 12%; transform: scaleX(-1) rotate(-18deg); }


.signature-garden-party span {
    background:
        radial-gradient(ellipse at 33% 44%, rgba(45, 106, 79, .7) 0 8%, transparent 9%),
        radial-gradient(ellipse at 44% 32%, rgba(245, 159, 177, .64) 0 7%, transparent 8%),
        radial-gradient(ellipse at 58% 48%, rgba(45, 106, 79, .62) 0 8%, transparent 9%),
        radial-gradient(ellipse at 68% 36%, rgba(245, 159, 177, .55) 0 6%, transparent 7%);
}


body.theme-garden-party #theme-ornaments::before {
    opacity: .26;
    background:
        repeating-linear-gradient(110deg, transparent 0 34px, rgba(27, 67, 50, .11) 35px 37px, transparent 38px 90px),
        radial-gradient(ellipse at 30% 20%, rgba(45, 106, 79, .12) 0 12%, transparent 13%);
    background-size: 260px 260px, 320px 240px;
    animation: gardenBreezeMove 30s ease-in-out infinite alternate;
}


body.theme-garden-party #theme-ornaments::after {
    opacity: .18;
    background:
        linear-gradient(80deg, transparent 0 46%, rgba(27, 67, 50, .12) 48%, transparent 50% 100%);
    background-size: 160px 160px;
    animation: leafShadowDrift 18s linear infinite;
}