@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body {
    font-family: 'Playfair Display', sans-serif;
    background-color: #f7f7f7;
}

:root {
    /* =========================================================
       COLOR PALETTE
       ========================================================= */

    --bs-primary: #9A6845;
    --bs-primary-rgb: 154, 104, 69;

    --bs-secondary: #59604A;
    --bs-secondary-rgb: 89, 96, 74;

    --bs-success: #59604A;
    --bs-success-rgb: 89, 96, 74;

    --bs-info: #8A9A8A;
    --bs-info-rgb: 138, 154, 138;

    --bs-warning: #C79A55;
    --bs-warning-rgb: 199, 154, 85;

    --bs-danger: #A65F55;
    --bs-danger-rgb: 166, 95, 85;

    --bs-light: #E8E0D2;
    --bs-light-rgb: 232, 224, 210;

    --bs-dark: #292723;
    --bs-dark-rgb: 41, 39, 35;


    /* =========================================================
       SUBTLE COLORS
       ========================================================= */

    --bs-primary-text-emphasis: #6B472F;
    --bs-primary-bg-subtle: #F0E3D8;
    --bs-primary-border-subtle: #D8B89D;

    --bs-secondary-text-emphasis: #404536;
    --bs-secondary-bg-subtle: #E5E8DF;
    --bs-secondary-border-subtle: #BCC2B0;

    --bs-success-text-emphasis: #404536;
    --bs-success-bg-subtle: #E5E8DF;
    --bs-success-border-subtle: #BCC2B0;

    --bs-info-text-emphasis: #4D5D52;
    --bs-info-bg-subtle: #E5EAE4;
    --bs-info-border-subtle: #BFCBBE;

    --bs-warning-text-emphasis: #705323;
    --bs-warning-bg-subtle: #F5EBD9;
    --bs-warning-border-subtle: #E2C895;

    --bs-danger-text-emphasis: #6F3D37;
    --bs-danger-bg-subtle: #F2E0DD;
    --bs-danger-border-subtle: #D8ADA6;

    --bs-light-text-emphasis: #595348;
    --bs-light-bg-subtle: #FAF8F4;
    --bs-light-border-subtle: #D9D0C1;

    --bs-dark-text-emphasis: #292723;
    --bs-dark-bg-subtle: #DDD8CF;
    --bs-dark-border-subtle: #AAA398;


    /* =========================================================
       BODY
       ========================================================= */

    --bs-body-color: #292723;
    --bs-body-color-rgb: 41, 39, 35;

    --bs-body-bg: #F5F1E8;
    --bs-body-bg-rgb: 245, 241, 232;

    --bs-emphasis-color: #292723;
    --bs-emphasis-color-rgb: 41, 39, 35;

    --bs-secondary-color: rgba(41, 39, 35, .65);
    --bs-secondary-color-rgb: 41, 39, 35;

    --bs-tertiary-color: rgba(41, 39, 35, .45);
    --bs-tertiary-color-rgb: 41, 39, 35;


    /* =========================================================
       BACKGROUNDS
       ========================================================= */

    --bs-secondary-bg: #E8E0D2;
    --bs-secondary-bg-rgb: 232, 224, 210;

    --bs-tertiary-bg: #EFE8DD;
    --bs-tertiary-bg-rgb: 239, 232, 221;


    /* =========================================================
       BORDERS
       ========================================================= */

    --bs-border-color: #CFC5B5;
    --bs-border-color-translucent: rgba(41, 39, 35, .12);


    /* =========================================================
       LINKS
       ========================================================= */

    --bs-link-color: #9A6845;
    --bs-link-color-rgb: 154, 104, 69;

    --bs-link-hover-color: #59604A;
    --bs-link-hover-color-rgb: 89, 96, 74;

    --bs-link-decoration: none;
    --bs-link-hover-decoration: underline;


    /* =========================================================
       FOCUS
       ========================================================= */

    --bs-focus-ring-color: rgba(154, 104, 69, .25);


    /* =========================================================
       BUTTONS — PRIMARY
       ========================================================= */

    .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #9A6845;
        --bs-btn-border-color: #9A6845;

        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #875A3C;
        --bs-btn-hover-border-color: #7F5338;

        --bs-btn-focus-shadow-rgb: 154, 104, 69;

        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #744C32;
        --bs-btn-active-border-color: #6C462F;

        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #9A6845;
        --bs-btn-disabled-border-color: #9A6845;
    }


    /* =========================================================
       BUTTONS — SECONDARY
       ========================================================= */

    .btn-secondary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #59604A;
        --bs-btn-border-color: #59604A;

        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #4B513F;
        --bs-btn-hover-border-color: #454A3A;

        --bs-btn-focus-shadow-rgb: 89, 96, 74;

        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #3E4335;
        --bs-btn-active-border-color: #383D30;

        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #59604A;
        --bs-btn-disabled-border-color: #59604A;
    }


    /* =========================================================
       BUTTONS — SUCCESS
       ========================================================= */

    .btn-success {
        --bs-btn-color: #fff;
        --bs-btn-bg: #59604A;
        --bs-btn-border-color: #59604A;

        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #4B513F;
        --bs-btn-hover-border-color: #454A3A;

        --bs-btn-focus-shadow-rgb: 89, 96, 74;

        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #3E4335;
        --bs-btn-active-border-color: #383D30;

        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #59604A;
        --bs-btn-disabled-border-color: #59604A;
    }


    /* =========================================================
       BUTTONS — INFO
       ========================================================= */

    .btn-info {
        --bs-btn-color: #292723;
        --bs-btn-bg: #8A9A8A;
        --bs-btn-border-color: #8A9A8A;

        --bs-btn-hover-color: #292723;
        --bs-btn-hover-bg: #788A78;
        --bs-btn-hover-border-color: #718271;

        --bs-btn-focus-shadow-rgb: 138, 154, 138;

        --bs-btn-active-color: #292723;
        --bs-btn-active-bg: #718271;
        --bs-btn-active-border-color: #697A69;

        --bs-btn-disabled-color: #292723;
        --bs-btn-disabled-bg: #8A9A8A;
        --bs-btn-disabled-border-color: #8A9A8A;
    }


    /* =========================================================
       BUTTONS — WARNING
       ========================================================= */

    .btn-warning {
        --bs-btn-color: #292723;
        --bs-btn-bg: #C79A55;
        --bs-btn-border-color: #C79A55;

        --bs-btn-hover-color: #292723;
        --bs-btn-hover-bg: #B58948;
        --bs-btn-hover-border-color: #AA8243;

        --bs-btn-focus-shadow-rgb: 199, 154, 85;

        --bs-btn-active-color: #292723;
        --bs-btn-active-bg: #AA8243;
        --bs-btn-active-border-color: #9F793D;

        --bs-btn-disabled-color: #292723;
        --bs-btn-disabled-bg: #C79A55;
        --bs-btn-disabled-border-color: #C79A55;
    }


    /* =========================================================
       BUTTONS — DANGER
       ========================================================= */

    .btn-danger {
        --bs-btn-color: #fff;
        --bs-btn-bg: #A65F55;
        --bs-btn-border-color: #A65F55;

        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #92534A;
        --bs-btn-hover-border-color: #884E45;

        --bs-btn-focus-shadow-rgb: 166, 95, 85;

        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #884E45;
        --bs-btn-active-border-color: #7F483F;

        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #A65F55;
        --bs-btn-disabled-border-color: #A65F55;
    }


    /* =========================================================
       BUTTONS — LIGHT
       ========================================================= */

    .btn-light {
        --bs-btn-color: #292723;
        --bs-btn-bg: #E8E0D2;
        --bs-btn-border-color: #CFC5B5;

        --bs-btn-hover-color: #292723;
        --bs-btn-hover-bg: #DDD4C5;
        --bs-btn-hover-border-color: #C3B8A7;

        --bs-btn-focus-shadow-rgb: 154, 104, 69;

        --bs-btn-active-color: #292723;
        --bs-btn-active-bg: #D5CBB9;
        --bs-btn-active-border-color: #BBAF9D;

        --bs-btn-disabled-color: #292723;
        --bs-btn-disabled-bg: #E8E0D2;
        --bs-btn-disabled-border-color: #CFC5B5;
    }


    /* =========================================================
       BUTTONS — DARK
       ========================================================= */

    .btn-dark {
        --bs-btn-color: #fff;
        --bs-btn-bg: #292723;
        --bs-btn-border-color: #292723;

        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #3A3732;
        --bs-btn-hover-border-color: #45413B;

        --bs-btn-focus-shadow-rgb: 41, 39, 35;

        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #45413B;
        --bs-btn-active-border-color: #504B44;

        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #292723;
        --bs-btn-disabled-border-color: #292723;
    }
}

.default-padding {
    padding: 2rem 16rem;
}

a {
    text-decoration: none
}

.btn {
    border: none;
    border-radius: 32px;
    padding: 8px 32px
}


.main--header {
    position: fixed;
    top: 0;
    width: 100svw;
    z-index: 10;
}

li.menu-item a {
    padding-bottom: 8px;
    color: var(--bs-dark);
    border-bottom: 1px solid #fff;
    transition: 0.2s;
}
li.menu-item a:hover {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
    cursor: pointer;
}

#header-full {
    transition: 0.5s;
}
#header-full.hidden {
    transform: translateY(-100%);
}