/*
Color palette: #a9b8aa #a0b1a1 #96a998 #8ca08e #809683 #658069 #5c745f #546956 #4c5f4e #455647


https://coolors.co/a9b8aa-a0b1a1-96a998-8ca08e-809683-658069-5c745f-546956-4c5f4e-455647
*/


/* FONTS */
@font-face {
    font-family: 'White Garden Wide';
    src: url('fonts/whitegardenwide-regular-webfont.woff2') format('woff2'),
         url('fonts/whitegardenwide-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Exmouth Regular';
    src: url('fonts/exmouth-regular-webfont.woff2') format('woff2'),
         url('fonts/exmouth-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sorts Mill Goudy TT Regular';
    src: url('fonts/goudystmtt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* OVERRIDES */
body {
    font-family: Palatino, Times, 'Times New Roman', Cambria, Cochin, Georgia, serif;
    background-color: #FFFEFC;
    color: #658069;
    font-size: larger;
    background-color: #a9b8aa;
}

a:not(.button) {
    color: #5c745f;
    text-decoration: underline;
}

a:hover {
    color: #677462;
}

hr {
    border-top: solid 0.1rem #B8BEAC;
    background: none;
    margin: 0.5rem 0;
}

strong {
    color: #658069;
}

.title {
    color: #658069;
}

.subtitle {
    color: #658069;
}

/* CUSTOM */
.page-container {
    border-left: 0.125rem solid #658069;
    border-right: 0.125rem solid #658069;
    background-color: #fffefc;
    background-image: url('../images/grain-effect-30percent-opacity.png');
    padding-bottom: 4rem;
    min-height: 100vh;
    margin: 0 0.75rem;
}

.x-is-family-white-garden-wide {
    font-family: 'White Garden Wide', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.x-is-family-exmouth-regular {
    font-family: 'Exmouth Regular', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.x-is-family-goudystmtt {
    font-family: 'Sorts Mill Goudy TT Regular', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.x-is-higher-2 {
    position: relative;
    bottom: 0.5rem;
}

.x-is-reseda-green {
    color: #658069;
}

.x-bg-reseda-green {
    background-color: #658069;
}

.x-mb--3 {
    margin-bottom: -0.75rem;
}

.title.x-is-0 {
    font-size: 3.5rem;
}

/* Page menu */
.page-menu a {
    text-decoration: none;
}

.frame-green {
    background-color: rgba(103, 116, 98, 0.1);
    border-radius: 0.5rem;
    padding: 1rem;
}

.h-full { height: 100%; }
.h-4 { height: 2rem; }
.h-6 { height: 3rem; }
.h-7 { height: 3.5rem; }
.h-8 { height: 4rem; }
.h-12 { height: 6rem; }
.h-16 { height: 8rem; }
.h-32 { height: 16rem; }
.h-64 { height: 32rem; }
.h-72 { height: 36rem; }

.w-full { width: 100%; }

.relative { position: relative; }
.bottom-0 { position: absolute; bottom: 0; }

.overflow-hidden { overflow: hidden; }

.object-cover { height: 100%; width: 100%; object-fit: cover; }
.object-contain { height: 100%; width: 100%; object-fit: contain; }
.object-fill { height: 100%; width: 100%; object-fit: fill; }
.object-cover-horizontal { height: 100%; max-width: 100%; object-fit: cover; }
.object-contain-horizontal { height: 100%; max-width: 100%; object-fit: contain; }
.object-fill-horizontal { height: 100%; max-width: 100%; object-fit: fill; }
.object-cover-vertical { max-height: 100%; width: 100%; object-fit: cover; }
.object-contain-vertical { max-height: 100%; width: 100%; object-fit: contain; }
.object-fill-vertical { max-height: 100%; width: 100%; object-fit: fill; }