@import url("./dl-icons.cleaned.css");
/* linear-gradient(180deg, #97d1e8a6, #d1e9f1 15px, #e1f5ff) */
background-image: linear-gradient(0deg,#97d1e8a6,transparent 15px),linear-gradient(180deg,#97d1e8a6,#d1e9f1 15px,#e1f5ff)
.uk-10deg-mask {}

.tm-sidebar-position {

}
.in-article-review-block-review-rating,
.review-block .review-info {
    align-items: center;
}
.in-article-review-block-review-rating,
.review-block .review-info-rating {
    font-size: 20px;
    font-weight: 900;
    min-height: 40px;
}
.in-article-review-block-review-rating .uk-icon[uk-icon] svg *,
.review-block .review-info-rating .uk-icon[uk-icon="star"] svg *,
.sidebar-review-stars .uk-icon[uk-icon] svg * {
    fill: #ffcc31 !important;
    stroke: #a98721 !important;
}

.sidebar-review-stars {
    display: flex;
    gap: 15px;
    flex-direction: row;
    align-items: center;
}
.sidebar-review-stars .rating {
    font-size: 50px;
}
.sidebar-review-stars .stars {
    display: flex;
    gap: 5px;
}

.in-article-review-block-review-rating {
    display: flex;
    gap: 7px;
    flex-direction: row;
    align-items: center;
}
.in-article-review-block-review-rating .rating {
    font-size: 30px;
}
.in-article-review-block-review-rating .stars {
    display: flex;
    gap: 5px;
}

.gallery-list-item-images {
    border: 1px solid #505050;
    border-radius: 5px;
    overflow: hidden;
}
.gallery-list-item-images .el-item {
    border-bottom:1px solid #505050;
}

.gallery-list-item-images,
.gallery-list-item-images .el-item {
    border-color: #ffffff;
}
.gallery-list-item-headline {
    color: #4d9ecd !important;
}
.gallery-list-item-info-list {
    line-height: 1em;
}
.gallery-list-item-info-list {

}

.uk-sticky > .uk-navbar-container.uk-navbar-transparent {
    background: rgb(255 255 255 / 40%) !important;
}
.uk-navbar-dropdown .services-menu {
    text-transform: uppercase;
}
.uk-navbar-dropdown .services-menu .uk-nav-sub.accordion-content {
    padding-left: 20px;
}
.hero-slider-home section .uk-position-cover:nth-child(2) {
    /* background-color: transparent !important; */
    /* background-image: linear-gradient(90deg, rgb(241 244 250 / 70%) 50%, transparent 70%); */
    /* opacity: .5; */
    opacity: 0;
}
.hero-slider-home section .uk-width-xlarge {
    width: 670px;
    width: auto;
}
.hero-slider-home section .uk-position-cover .el-overlay {
    padding: 20px;
    /* background-image: linear-gradient(90deg, rgb(241 244 250 / 70%) 60%, transparent); */
    background: rgb(244 250 250 / 75%) !important;
    border-radius: 7px;
    box-shadow: 1px 1px 12px rgb(120 130 147);
    border: 1px solid rgb(253 253 253);
}

footer hr {
    border-width: 1px;
    border-color: #2990b966;
}
footer:before {
    /* content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-image: linear-gradient(180deg, #97d1e8a6, transparent 15px); */
}

.hero-slider-home .uk-slideshow-items > .el-item:nth-child(3) [data-uk-cover]:where(img,video),
.hero-slider-home .uk-slideshow-items > .el-item:nth-child(3) [uk-cover]:where(img,video) {
    object-position: 80%;
}
.hero-slider-home .uk-slideshow-items > .el-item:nth-child(4) [data-uk-cover]:where(img,video),
.hero-slider-home .uk-slideshow-items > .el-item:nth-child(4) [uk-cover]:where(img,video) {
    object-position: 75%;
}
.hero-slider-home .uk-slideshow-items > .el-item:nth-child(5) [data-uk-cover]:where(img,video),
.hero-slider-home .uk-slideshow-items > .el-item:nth-child(5) [uk-cover]:where(img,video) {
    object-position: 65%;
}
.hero-slider-home .uk-slideshow-items > .el-item:nth-child(6) [data-uk-cover]:where(img,video),
.hero-slider-home .uk-slideshow-items > .el-item:nth-child(6) [uk-cover]:where(img,video) {
    object-position: 75%;
}
.tm-header-mobile .uk-navbar-right {
    flex-wrap: nowrap;
    flex-shrink: 0;
}
.tm-header-mobile .uk-navbar-right .header-cta-mobile .el-content {
    flex-wrap: nowrap;
    word-break:keep-all;
    white-space: nowrap;
    flex-shrink:0;
}
.tm-header-mobile .uk-navbar-right .header-cta-mobile .el-content .uk-icon,
.tm-header-mobile .uk-navbar-right  .uk-navbar-toggle {
    flex-shrink:0;
}
.tm-header-mobile nav.uk-navbar {
    gap: 10px;
}

div#hero-marquee {
    font-size:  14px;
    margin-top: -90px;
    background: #fff;
    display: block;
    position: relative;
    line-height: 40px;
    height: 40px;
}
.official-icon::before {
    content:"";
    width: 20px;
    height: 20px;
    background: url('/images/renuvia-medical-center/logo-icon-40x40.png') left center no-repeat;
    display: inline-block;
    background-size: 20px;
    /* margin-right: 10px; */
    padding-right: 3.5rem;
}

.marquee .marquee-track li {
    display:flex;
    align-items: center;
}
div#hero-marquee {
    border-bottom: 1px solid #c0dffa;
}
@media (min-width: 640px) {
    div#hero-marquee {
        font-size:  18px;
        margin-top: -40px;
    }
}
@media (min-width: 960px) {

    .uk-10deg-mask {
        -webkit-mask-image: url(/images/renuvia-medical-center/mask1.svg);
        mask-image: url(/images/renuvia-medical-center/mask1.svg);
        -webkit-mask-size: 100% 100%;
        mask-position: 50% 50%;
        mask-size: 100%;
        mask-repeat: no-repeat;
    }
    .section-deg-1 > div > .uk-position-cover,
    .section-deg-1 > div img {
        display: none;
    }
    .section-deg-1 > div {
        padding-top: 140px;
        padding-bottom: 140px;
    }
    .section-deg-1 {
        mask-size: 150%;
    }
    .section-deg-1 .section-deg-1-col {
        min-height: 400px;
    }
    .gallery-list-item-images {
        margin-top:0 !important;
    }
    .gallery-list-item-c2 .gallery-list-item-headline,
    .gallery-list-item-c3 .gallery-list-item-button {
        min-height: 50px;
    }

    /* .uk-10deg-mask.tm-home-10deg .uk-panel {
        min-height: 800px;
    } */
}
@media (min-width: 1200px) {
    .section-deg-1 {
        mask-size: 130%;
    }
    .section-deg-1 .section-deg-1-col {
        min-height: 500px;
    }
    .gallery-list-item-c1.uk-width-medium\@l {
        width: 430px;
    }
}
@media (min-width: 1024px) {
    .hero-slider-home .uk-slideshow-items > .el-item:nth-child(4) [data-uk-cover]:where(img,video),
    .hero-slider-home .uk-slideshow-items > .el-item:nth-child(4) [uk-cover]:where(img,video),
    .hero-slider-home .uk-slideshow-items > .el-item:nth-child(5) [data-uk-cover]:where(img,video),
    .hero-slider-home .uk-slideshow-items > .el-item:nth-child(5) [uk-cover]:where(img,video),
    .hero-slider-home .uk-slideshow-items > .el-item:nth-child(6) [data-uk-cover]:where(img,video),
    .hero-slider-home .uk-slideshow-items > .el-item:nth-child(6) [uk-cover]:where(img,video){
        object-position: center;
    }
}
@media (min-width: 1400px) {
    .section-deg-1 {
        mask-size: 110%;
    }
}
@media (min-width: 1600px) {
    .hero-slider-home .uk-slideshow-items > .el-item:nth-child(3) [data-uk-cover]:where(img,video),
    .hero-slider-home .uk-slideshow-items > .el-item:nth-child(3) [uk-cover]:where(img,video) {
        object-position: center;
    }
    .section-deg-1 {
        mask-size: 100%;
    }
    .section-deg-1 .section-deg-1-col {
        min-height: 800px;
    }
}

/* optimize smaller resolutions */
@media (max-width: 640px) {
    div#crisp-chatbox [data-maximized=false] {
        bottom: 60px !important;
        right: 10px !important;
    }
    .tm-header-mobile {
        background: #ffffff6b;
    }
    .tm-header-mobile .uk-logo {
        max-width: 260px;
    }
    body {
        padding-bottom: 50px;
    }
    .sticky-cta-mobile {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        margin:0;
        z-index: 999;
    }
    .sticky-cta-mobile > div {
        padding:0;
    }
    .sticky-cta-mobile .uk-button {
        font-size: 20px;
        line-height: 45px;
        width: 100%;
    }

}
@media (max-width: 540px) {

    .hero-slider-home .uk-position-cover:nth-child(3) {
        background: rgba(255, 255, 255, 0.2) !important;
    }
    .hero-slider-home .uk-position-cover .el-overlay {
        padding: 20px;
        /* background-image: linear-gradient(90deg, rgb(241 244 250 / 70%) 60%, transparent); */
        background: rgb(244 250 250 / 75%) !important;
        border-radius: 7px;
        box-shadow: 1px 1px 12px rgb(120 130 147);
        border: 1px solid rgb(253 253 253);
    }
    .hero-slider-home .el-overlay .el-title {
        font-size: 28px;
    }
    .hero-slider-home .el-overlay .uk-button {
        font-size: 14px;
        padding: 0 20px;
        line-height: 35px;
    }
    .tm-header-mobile .uk-navbar-right .header-cta-mobile .btn, .tm-header-mobile .uk-navbar-right .header-cta-mobile .uk-button {
        padding: 0 15px;
    }
}

@media (max-width: 440px) {
    .hero-slider-home .el-overlay .el-title {
        font-size: 24px;
    }
}
/* ===================================
   Accordion Menu Styles
   =================================== */

/* Toggle icon positioning */
.accordion-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: transform 0.3s ease;
}

/* Left toggle for top-level accordions */
.accordion-toggle-left {
    margin-right: 8px;
    flex-shrink: 0;
}

/* Right toggle for nested accordions */
.accordion-toggle-right {
    margin-left: auto;
    padding-left: 8px;
    flex-shrink: 0;
}

/* Accordion content container */
.accordion-content {
    overflow: hidden;
    transition: max-height 0.3s ease;
}

/* Closed state */
li:not(.uk-open) > .accordion-content {
    max-height: 0 !important;
}

/* Open state */
li.uk-open > .accordion-content {
    max-height: none;
}

/* Top-level accordion wrapper styling */
.accordion-wrapper {
    position: relative;
}

/* Top-level accordion heading wrapper */
.accordion-heading {
    display: block;
    position: relative;
    padding: 8px 15px 7px 0px;
    text-transform: uppercase;
    border-bottom: 1px solid;
    cursor: pointer;
}

.accordion-heading:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

/* Ensure the li itself doesn't have conflicting styles */
.accordion-wrapper[data-accordion-type="heading"] {
    cursor: default;
}

/* Ensure nested accordion links display properly with right icon */
.nested-accordion > a {
    display: flex;
    align-items: center;
    flex: 1;
}

/* Style for any item with right toggle icon */
li:has(> .accordion-toggle-right) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

li:has(> .accordion-toggle-right) > a {
    flex: 1;
}

li:has(> .accordion-toggle-right) > ul {
    width: 100%;
}

/* Nested accordion parent container */
.nested-accordion {
    position: relative;
}

/* Make toggle icons stand out slightly */
.accordion-toggle:hover {
    opacity: 0.7;
}

/* Smooth icon transitions */
.accordion-toggle svg {
    transition: transform 0.2s ease;
}

/* Optional: Add slight rotation on hover for visual feedback */
.accordion-toggle:hover svg {
    transform: scale(1.1);
}

/* Ensure proper spacing in accordion lists */
.accordion-content > li {
    list-style: none;
}

/* Fix for deeply nested accordions */
.accordion-content .accordion-content {
    margin-left: 0;
}

/* Ensure clickable area for heading-type accordions */
[data-accordion-type="heading"] {
    user-select: none;
}

/* Prevent link clicks from triggering accordion on heading-type */
[data-accordion-type="heading"] a {
    pointer-events: auto;
}

/* Nested accordion closed by default */
.nested-accordion:not(.uk-open) > .accordion-content {
    display: none;
    max-height: 0 !important;
}

.nested-accordion.uk-open > .accordion-content {
    display: block;
}

/* Also handle items with right toggle that don't have nested-accordion class */
li:has(> .accordion-toggle-right):not(.uk-open) > ul {
    display: none !important;
    max-height: 0 !important;
}

li:has(> .accordion-toggle-right).uk-open > ul {
    display: block;
}

[button-limit] .el-item.tm-hidden-item {
    display: none;
}

[button-limit] .tm-toggle-more {
    cursor: pointer;
    font-weight: 600;
}

.in-article-services-sidebar-procedures .procedure-sidebar-headline {
    font-size: 16px;
    font-weight: 400;
}
.in-article-services-sidebar-procedures .procedure-sidebar-gallery {
    border: 2px solid #77afca;
    border-radius: 10px;
    overflow:hidden;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.in-article-services-sidebar-procedures .procedure-sidebar-gallery .uk-first-column .el-item img {
    border-right: 2px solid #8a9ba6;
}
.main-footer {
    background: #e1f5ff;
    background: #fff;
    /* background-image: linear-gradient(to bottom, #82b5cf, #fff 1px, #e1f5ff 2px, #5fabcd); */
    /* background-image: linear-gradient(180deg, #97d1e8a6, #d1e9f1 15px, #e1f5ff); */
    /* background-image: linear-gradient(to bottom, #82b5cf, #fff 1px, #97d1e8a6 2px, #e1f5ff 15px, #5fabcd); */
    /* background-image: linear-gradient(to bottom, #387da2, #dff4fd 1px, #a3d6ea78 2px, #e1f5ff 20px, #5fabcd); */
    /* background-image: linear-gradient(to bottom, #1095f69e, #fff 1px, #abeaff2b); */
    /* background-image: linear-gradient(to bottom, #1095f69e, #ffffffa3 1px, #abeaff2b); */
}
.main-footer a {
    color: #1a1a1a;
}
.main-footer a:hover {
    opacity: 0.8;
}
/* Mobile Accordion System */
@media (max-width: 639px) {
    /* Hide original grid on mobile */
    .uk-grid:has([tm-mobile-accordion]) {
        display: none !important;
    }

    /* Mobile accordion container */
    .tm-mobile-accordion {
        display: block;
        margin-bottom: 20px;
    }

    /* Accordion item */
    .tm-accordion-item {
        border-bottom: 1px solid #e5e5e5;
    }

    /* Accordion title */
    .tm-accordion-title {
        padding: 15px 0;
        font-weight: 600;
        font-size: 16px;
        text-decoration: none;
        color: #333;
        cursor: pointer;
    }

    .tm-accordion-title:hover {
        color: #1e87f0;
        text-decoration: none;
    }

    /* Hide our manual icon span (UIkit adds its own) */
    .tm-accordion-icon {
        display: none !important;
    }

    /* Accordion icon (+/-) from UIkit */
    .tm-accordion-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        font-size: 20px;
        font-weight: 400;
        line-height: 1;
        color: #999;
        flex-shrink: 0;
        margin-left: 10px;
    }

    /* Accordion content */
    .tm-mobile-accordion .uk-accordion-content {
        padding-bottom: 15px;
    }

    /* Remove bottom margin from cloned columns */
    .tm-mobile-accordion .uk-accordion-content > div {
        margin-bottom: 0;
    }

    /* Space between merged columns */
    .tm-mobile-accordion .uk-accordion-content > div + div {
        margin-top: 20px;
    }
}

@media (min-width: 640px) {
    /* Hide accordion on desktop */
    .tm-mobile-accordion {
        display: none !important;
    }
}