/* Blog Common Rules - Start */

#page-category-blog .blog-item .position-absolute.bottom-0,
[id^="component-carousel-blog-items"] .item .position-absolute.bottom-0 {
    transform: translateY(100px);
    transition: all 0.3s ease-in-out;
    transition-delay: 0.1s;
    pointer-events: none;
}

#page-category-blog .blog-item:hover .position-absolute.bottom-0,
[id^="component-carousel-blog-items"] .blog-item:hover .position-absolute.bottom-0 {
    transform: translateY(0px);
    transition: all 0.3s ease-in-out;
    transition-delay: 0.1s;
}

#page-category-blog .border-radius-top-left,
[id^="component-carousel-blog-items"] .border-radius-top-left {
    border-top-left-radius: 64px;
    border-top-right-radius: 64px;
    border-bottom: unset;
}

#page-category-blog .blog-item .item-cta,
[id^="component-carousel-blog-items"] .item .item-cta {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
    padding: 12px;
}

#page-entry-hero .autocomplete-search-wrapper {
    position: relative;
    max-width: 800px;
}

#page-entry-hero .autocomplete-search-wrapper .select2-selection__arrow {
    display: none;
}

#page-entry-hero .autocomplete-search-wrapper .search-icon {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    pointer-events: none;
}

.archive.category .select2-results__options .select2-results__option:not([role*="alert"])::before {
    content: '\A0';
    display: inline-block;
    background: url('/wp-content/themes/my-listing-child/src/icons/icon-search-result.svg') no-repeat center center / contain;
    width: 24px;
    height: 24px;
    margin-right: 15px;
}

/* Blog Common Rules - End */


/* Blog Category - Start */

#page-category-blog .blog-image-min-height {
    min-height: 350px;
    max-height: 350px;
}

@media(min-width: 1024px) {
    #page-category-blog .blog-image-min-height {
        min-height: 575px;
        max-height: 575px;
    }
}

#page-category-blog .blog-did-you-know {
    border-bottom-right-radius: 128px;
}


/* Blog Category - End */

/* Blog Item - Start */

.single-post #blog-section-nav .nav-pills {
    width: 100%;
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #E5ECEC;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
}

#blog-section-nav .nav .nav-link {
    color: #022239
}

#blog-section-nav .nav .nav-link {
    padding: 16px;
}

#blog-section-nav .nav .nav-link.active {
    padding: 16px;
    font-weight: 700;
}

[id^="component-carousel-blog-items"] .max-width-section-description {
    max-width: 680px;
}

[id^="component-carousel-blog-items"] .listing-carousel-wrapper .tns-nav {
    display: flex;
    gap: 1rem;
    position: absolute;
    top: 3rem;
    left: 50%;
    translate: -50% 0;
    width: 100%;
    height: 20px;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

[id^="component-carousel-blog-items"] .listing-carousel-wrapper .tns-nav button.tns-nav-active {
    background: var(--bs-secondary);
}

[id^="component-carousel-blog-items"] .listing-carousel-wrapper .tns-nav button {
    all: unset;
    background: var(--bs-white);
    border-radius: 6px;
    display: flex;
    width: 91px;
    height: 6px;
}

[id^="component-carousel-blog-items"] [class^="thassos-carousel-controls"] {
    display: flex;

    .arrow-circle {
        background: var(--bs-white);
        width: 69px;
        aspect-ratio: 1;
        border-radius: 50%;

        svg {
            width: 40px;

            @media (width >=768px) {
                width: auto;
            }
        }

        @media (width >=768px) {
            width: 136px;
        }
    }
}


[id^="component-carousel-blog-items"] .arrow-circle[data-controls] {
    translate: unset;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    &[aria-disabled="true"] {
        display: none !important;
    }

    &[data-controls="prev"] {
        left: 0;
        @media (width >= 1136px) {
            left: -5rem;
        }
    }

    &[data-controls="next"] {
        right: 0;

        @media (width >= 1136px) {
            right: -5rem;
        }
    }
    

}

[id^="component-carousel-blog-items"] .blog-image-min-height {
    min-height: 360px;
    max-height: 360px;
}

@media(min-width: 1024px) {
    [id^="component-carousel-blog-items"] .blog-image-min-height {
        min-height: 460px;
        max-height: 460px;
    }
}

[id^="component-carousel-blog-items"] .item .item-image::after {
    content: '\A0';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

.dashed-border {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%2300A8A7FF' stroke-width='4' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

/* Blog Item - End */