/* @import url('https://fonts.googleapis.com/css2?family=Borel&family=Roboto+Slab:wght@100..900&family=Special+Gothic:wght@400..700&family=Tangerine:wght@400;700&family=Yellowtail&display=swap'); */

:root {
    --main-color-1: #A6DFD2;
    --main-color-2: #B9A2E0;
    --main-color-3: #002A32;
    --main-color-4: #fff3ce;
    /*#fff2e9;*/
    --main-color-bg: #fffcfa;
    --main-color-destructive: #f8a5a5;

    --main-color-1-darker: #96c8bc;
    --main-color-2-darker: #a894cc;
    --main-color-destructive-darker: #db9292;
}

body {
    background-color: var(--main-color-bg);
    color: var(--main-color-3);
    padding-bottom: 50px;
}

p {
    font-family: "Roboto Slab", serif;
    font-optical-sizing: auto;
    font-size: 14pt;
    margin-top: 15px;
}

.navbar {
    background-color: var(--main-color-4) !important;
}

.navbar {
    font-family: "Tangerine", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 44px;
    line-height: 44px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.nav-item::after {
    content: "";
    background: linear-gradient(to right, var(--main-color-1) 0%, var(--main-color-2) 75%);
    display: block;
    height: 2px;
    margin-top: -16px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s;
}

.nav-item-active::after,
.nav-item:hover::after {
    transform: scaleX(0.5);
}

@media (min-width: 768px) {
    .nav-item::after {
        transform-origin: center;
    }

    .nav-item-active::after,
    .nav-item:hover::after {
        transform: scaleX(1);
    }
}

.flip-x {
    transform: scaleX(-1);
}

.main-title h1 {
    font-family: "Tangerine", cursive;
    font-size: min(max(10vw, 80px), 140px);
    font-weight: 900;
}

.main-title img {
    height: 1em;
    font-size: min(max(10vw, 80px), 140px);
}

.sub-title {
    font-family: "Borel", cursive;
    font-weight: 400;
    font-style: normal;
    line-height: 45px;
}

.image-box>img {
    max-width: 100%;
    max-height: 700px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.image-box-larger>img {
    max-height: 800px;
}

.image-box-in-text>img {
    max-width: calc(100% + 0.5px);
    /* max-height: 100%; */
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-top: -.5rem;
}

.text-box,
.text-box-color-1,
.text-box-color-2 {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: 100%;
}

.text-box>h3,
.text-box-color-1>h3,
.text-box-color-2>h3,
.text-box>h4,
.text-box-color-1>h4,
.text-box-color-2>h4 {
    width: 100%;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    color: var(--bs-white);
    font-family: "Borel", cursive;
    font-weight: 400;
    font-style: normal;
}

.text-box>h3,
.text-box>h4 {
    background-color: var(--main-color-1);
}

.text-box-color-1>h3,
.text-box-color-1>h4 {
    background-color: var(--main-color-1);
}

.text-box-color-2>h3,
.text-box-color-2>h4 {
    background-color: var(--main-color-2);
}

.text-fix {
    display: inline-block;
    transform: translateY(0.7rem);
}

.text-box>p,
.text-box-color-1>p,
.text-box-color-2>p {
    padding-left: 10px;
    padding-right: 10px;
    color: var(--main-color-3);
}

.search-results .search-result-row:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.btn-bd-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--main-color-2);
    --bs-btn-border-color: var(--main-color-2);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--main-color-2-darker);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--main-color-2-darker);
}

.btn-bd-destructive {
    --bs-btn-font-weight: 600;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--main-color-destructive);
    --bs-btn-border-color: var(--main-color-destructive);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--main-color-destructive-darker);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--main-color-destructive-darker);
}

.btn-bd-amazon {
    --bs-btn-font-weight: 600;
    --bs-btn-color: #232f3e;
    --bs-btn-bg: #ff9900;
    --bs-btn-border-color: #ff9900;
    --bs-btn-hover-color: #232f3e;
    --bs-btn-hover-bg: #ffcd83;
    --bs-btn-active-color: #232f3e;
    --bs-btn-active-bg: #ffcd83;
}

.btn-bd-chef {
    --bs-btn-font-weight: 600;
    --bs-btn-color: white;
    --bs-btn-bg: rgb(26, 89, 98);
    --bs-btn-border-color: rgb(26, 89, 98);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: rgb(76, 150, 161);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: rgb(76, 150, 161);
}

.registry-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    font-size: 20pt;
}

.registry-link>* {
    margin: 0 10px;
}

.registry-link>i {
    margin-top: 5px;
    display: block;
}

.registry-link>.registry-link-text {}

.makenna-font {
    font-family: "Yellowtail", cursive;
    font-style: normal;
    font-size: 18pt;
}

.dot-line-separator::after {
    content: '•';
    display: block;
    text-align: center;
    line-height: 0.5;
    margin: 0 0;
    opacity: 0.6;
}