@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import "../fonts/adobe-caslon-pro-webfont/style.css";

body {
    --bs-body-font-family: "Montserrat", sans-serif;
}

.montserrat {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.cormorant-infant {
    font-family: "Cormorant Infant", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.roboto {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

.ACaslonPro-Regular {
    font-family: "Adobe Caslon Pro Regular", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.bg-green-dark {
    background-color: #1b201b;
}

.title-badge {
    color: #315514;
    font-weight: 300;
    font-size: 1.5rem;
    background: white;
}

.img-section {
    overflow: hidden;
    min-height: 250px;
}
.img-section img.bg {
    transition: all 0.3s ease-out;
}
.img-section:hover img.bg {
    scale: 1.1;
}

.max-h-1080px {
    max-height: 1080px;
}