:root {
    --cs-bg: hsl(39 32% 96%);
    --cs-fg: hsl(200 25% 15%);
    --cs-card: hsl(39 25% 93%);
    --cs-muted: hsl(39 20% 90%);
    --cs-muted-fg: hsl(200 10% 45%);
    --cs-primary: hsl(195 65% 36%);
    --cs-primary-fg: hsl(39 32% 96%);
    --cs-accent: hsl(25 75% 55%);
    --cs-accent-fg: hsl(39 32% 96%);
    --cs-border: hsl(39 20% 85%);
    --cs-radius: 0.25rem;
    --cs-display: Montserrat, sans-serif;
    --cs-body: 'Lato', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
    --background: 0 0% 100%;
    --foreground: 200 25% 15%;
    --card: 40 30% 98%;
    --card-foreground: 200 25% 15%;
    --popover: 0 0% 100%;
    --popover-foreground: 200 25% 15%;
    --primary: 188 70% 25%;
    --primary-foreground: 0 0% 100%;
    --primary-light: 188 50% 55%;
    --secondary: 39 45% 82%;
    --secondary-foreground: 200 25% 15%;
    --muted: 39 20% 90%;
    --muted-foreground: 200 10% 45%;
    --accent: 188 70% 25%;
    --accent-foreground: 39 32% 96%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 39 20% 85%;
    --input: 39 20% 85%;
    --ring: 188 70% 25%;
    --radius: .5rem;
    --sand-light: 39 40% 95%;
    --sand: 39 35% 88%;
    --ocean: 188 70% 25%;
    --ocean-deep: 192 80% 18%;
    --ocean-light: 188 50% 55%;
    --coral: 188 70% 25%;
    --coral-light: 188 55% 45%;
    --palm: 145 35% 35%;
    --sunset: 15 85% 60%;
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;

    --section-alt-muted-foreground: 40 10% 70%;
    --font-body: "Lora", Georgia, serif;
    --section-alt-foreground: 40 20% 92%;
}
body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    font-family: var(--font-body)
}
.uk-navbar-container,
.uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: hsl(var(--background));
}
.text-muted-foreground {
    color: hsl(var(--muted-foreground));
}
.text-section-alt-foreground .text-muted-foreground {
    color: hsl(var(--section-alt-muted-foreground));
}
.text-foreground {
    color: hsl(var(--foreground));
}
.rounded-lg {
    border-radius: var(--radius);
}
.font-heading {
    font-family: Playfair Display,Georgia,serif;
}
.text-primary {
    color: hsl(var(--primary));
}
.uk-text-muted {
    color: hsl(var(--muted-foreground)) !important;
}
.our_calling .el-item .uk-first-column{
    padding: .75rem;
    background: hsl(var(--primary) / .1);
    border-radius: 9999px;
    margin-left: 15px;
}

.our_calling .uk-first-column .uk-svg,
.healing_living .uk-svg,
.our_calling .uk-first-column .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
    fill: hsl(var(--primary)/ 0) !important;
}
.healing_living .text-primary,
.our_calling .uk-first-column .text-primary {
    --bs-text-opacity: 1;
    color: hsl(var(--primary)) !important;
}
.uk-card-primary.uk-card-body .uk-text-emphasis, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis, .uk-light .uk-text-emphasis, .uk-overlay-primary .uk-text-emphasis, .uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis{
    color: hsl(var(--primary-foreground) / .9) !important;
}
.text-primary-foreground\/80 {
    color: hsl(var(--primary-foreground) / .8);
}
.healing_living .el-title,
.leading-relaxed{
    font-weight: normal;
}
.a-safe-haven .uk-grid-column-small,
.a-safe-haven .uk-grid-small{

}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.custom-font-xl .el-title{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.italic {
    font-style: italic;
}
.item-106{
    display: none;
}
.uk-card-secondary{
    background-color: hsl(var(--card));
}
.a_safe_haven .el-title{
    color: hsl(var(--section-alt-foreground))
}
.footer_menu{
    color: hsl(var(--primary-foreground) / .7)
}
.footer_menu .uk-subnav>*>:first-child{
    font-weight: normal;
}
footer .mod-menu{
    gap: 20px;
    color: hsl(var(--primary-foreground));
}
footer .mod-menu a{
    color: hsl(var(--primary-foreground) / .7)
}
.hero .el-meta{
    display: block !important;
}
@media (min-width: 768px) {
    .md\:text-lg {
        font-size: 18px;
        line-height: 28px;
    }
}
@media (min-width: 960px) {
    /*    .ttt-sticky .tm-header-mobile{
            display: block !important;
            position: fixed;
            width: 100%;
            z-index: 99;
            background: transparent;
        }
        .ttt-sticky .tm-header-mobile .uk-navbar-left {
            display: none;
        }
        .ttt-sticky .tm-header-mobile .uk-navbar-container{
            background-color: transparent;
        }
        .ttt-sticky .tm-header-mobile .uk-navbar-toggle{
            background: #fff;
            padding: 22px 20px;
            min-height: 35px;
            height: 35px;
            margin-top: 5px;
        }
        .ttt-sticky .tm-header-mobile .uk-drop.uk-open {
            display: block;
            max-width: 480px !important;
            left: auto !important;
            right: 0;
            overflow: visible !important;
            max-height: 400px;
        }*/
    .ttt-sticky .btn-book-now{
        /*        position: fixed;
                top: 5px;
                z-index: 999;
                right: 115px;*/
    }
}
@media (min-width: 1024px) {
    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
    .hero .uk-position-cover .el-overlay{
        width: 850px;
    }
}
@media (max-width: 960px) {
    .hero .uk-position-cover,
    .hero .el-content div.uk-flex-middle{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 768px) {
    footer .uk-section{
        padding-bottom: 80px;
    }
}
@media (max-width: 480px) {
    footer .mod-menu{
        flex-direction: column;
        flex-wrap: wrap;
    }
    .home_hero .uk-position-cover{
        /*padding-bottom: 50px*/
    }
    .home_hero .uk-position-absolute{
        bottom: 30px !important;
    }
}