/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#breadcrumbs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

body #breadcrumbs a,
body.ast-single-post .entry-content #breadcrumbs a {
    background-image: linear-gradient(var(--e-global-color-text), var(--e-global-color-text));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    padding-bottom: 1px;
    transition: background-size .3s ease-in-out;
}

/* body #breadcrumbs #breadcrumbs_last{
    background-image: linear-gradient(var(--e-global-color-text), var(--e-global-color-text));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    padding-bottom: 1px;
    transition: background-size .3s ease-in-out;
    line-height: 110%;
} */

body .elementor-widget-counter .elementor-counter-number-wrapper p{
    margin-bottom: 0px;
}


body .elementor-button-content-wrapper p.elementor-button-text, body .jet-color-image-list__item p.jet-color-image-list__label{
    margin-bottom: 0px!important;
}

/* Add smooth transitions for better UX */

div[data-filter-id="1493"] .jet-color-image-list__button .jet-color-image-list__label{
   
}

div[data-filter-id="1493"] .jet-color-image-list__button {
    transition: all 0.3s ease;
}

/* Checked state */
div[data-filter-id="1493"] .jet-color-image-list__input:checked + .jet-color-image-list__button {
    background: #0859A6;
    border-color: #0859A6;
    border-width: 0px!important;
    border-radius: 50px;
}

div[data-filter-id="1493"] .jet-color-image-list__input:checked + .jet-color-image-list__button .jet-color-image-list__label {
    color: #fff!important;
    background: #0859A6!important;
    
}

/* Style the color indicator */
div[data-filter-id="1493"] .jet-color-image-list__input:checked + .jet-color-image-list__button .jet-color-image-list__color {
    border: 2px solid #fff;
    box-sizing: border-box;
}

@media(max-width: 768px) {
    #breadcrumbs ul {
        display: block;
    }

    #breadcrumbs ul li {
        display: inline;
        margin-right: 5px;
    }
}