/* Breadcrumb Query
--------------------*/
@media screen {
    .home .mod_breadcrumb {
        display: none;
    }


    .mod_breadcrumb,
    .mod_breadcrumb ul {
        font-size: 0.75rem;
    }

    .mod_breadcrumb ul li {
        display: inline-block;
    }

    .mod_breadcrumb ul li.home {
        text-transform: lowercase;
    }

    .mod_breadcrumb ul li a {
        color: var(--theme-color1);
        border: none;
    }

    .mod_breadcrumb a.no-link:hover {
        transition: none;
        color: var(--link-color1);
        cursor: auto;
    }

    .mod_breadcrumb ul li.active {
        color: var(--theme-color2);
    }


    .mod_breadcrumb ul li:after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        position: relative;
        background-image: url(../images/icons/arrow-bold.svg);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
    }

    .mod_breadcrumb li:last-child:after {
        display: none;
    }

}

/* Mobile-landscape (and larger) lansacape */
@media only screen and (min-width: 480px) {}


/* min-width:768px Tablet-portrait (and larger) */
@media only screen and (min-width: 768px) {
    .mod_breadcrumb {
        clear: both;
        padding-left: 0;
    }

    .mod_breadcrumb ul {
        margin-bottom: 0;
    }
}


/* Tablet-landscape (and larger) for width 992px */
@media only screen and (min-width: 992px) {
    .mod_breadcrumb a:hover {
        transition: var(--transition);
        color: var(--link-hover-color1);
    }
}

/* min-width:1100 */
@media only screen and (min-width:1100px) {}

/* min-width:1300 Laptops (and larger) for width 1300px */
@media only screen and (min-width:1300px) {}

/* Breadcrumb ends
--------------------*/