.elementor-widget-acrowd_custom_menu {
    --mobile-top-offset: 107.23px;
    --border-color: #D1EAF6;
}

@media (min-width: 825px) {

    body:not(.elementor-editor-active) button.acrowd-custom-menu-mobile-button__button {
        display: none;
    }

    body.elementor-editor-active button.acrowd-custom-menu-mobile-button__button {
        opacity: 0.01;
        width: 1;
        height: 1;
        padding: 0;
    }

    section.advanced-menubar .top-row {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 1rem;
    }

    section.advanced-menubar .middle-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    .elementor-widget-acrowd_custom_menu a:hover {
        text-decoration: underline;
    }

    .elementor-widget-acrowd_custom_menu nav ul {
        padding: 0;
        list-style: none;
    }

    /* Main menu */
    .elementor-widget-acrowd_custom_menu nav>ul {
        display: flex;
        gap: 20px;
    }

    .elementor-widget-acrowd_custom_menu nav>ul>li.menu-item-has-children {
        display: flex;
        align-items: center;
        gap: 0.5em;
        position: relative;
    }

    .elementor-widget-acrowd_custom_menu nav>ul>li.menu-item-has-children>.menu-item-wrapper>.sub-menu-toggle {
        display: none;
    }

    .elementor-widget-acrowd_custom_menu nav ul .sub-menu-back {
        display: none;
    }

    .elementor-widget-acrowd_custom_menu nav>ul>li.menu-item-has-children:after {
        content: '';
        font-size: 0.5em;
        width: 1em;
        height: 1em;
        border-bottom: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: translateY(-0.2em) rotate(45deg);
        display: inline-block;
    }

    .elementor-widget-acrowd_custom_menu nav>ul>li:hover:after,
    .elementor-widget-acrowd_custom_menu nav>ul>li:focus-within:after {
        transform: translateY(0.2em) rotate(-135deg);
    }

    /* First submenu */
    .elementor-widget-acrowd_custom_menu nav>ul>li:hover>.sub-menu,
    .elementor-widget-acrowd_custom_menu nav>ul>li:focus-within>.sub-menu {
        display: flex;
    }

    .elementor-widget-acrowd_custom_menu nav>ul>li>.sub-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        border: 1px solid #D1EAF6;
        background-color: white;
        z-index: 1000;
        top: calc(100% + var(--acrowd-padding-bottom, 11px));
        left: 0;
        min-width: 350px;
        width: max-content;
    }

    .elementor-widget-acrowd_custom_menu nav>ul>li>.sub-menu:before {
        content: '';
        background-color: transparent;
        position: absolute;
        width: 100%;
        top: -0.75rem;
        height: 0.75rem;
        left: 0;
    }

    .elementor-widget-acrowd_custom_menu .menu-item-depth-1>.menu-item-wrapper {
        display: flex;
        align-items: center;
        gap: 0.5em;
        position: relative;
        width: 100%;
        padding-right: 1em;
    }

    .elementor-widget-acrowd_custom_menu .menu-item-depth-1>.menu-item-wrapper>a {
        padding: 1em 1em;
        width: 100%;
        flex-grow: 1;
    }

    .elementor-widget-acrowd_custom_menu .menu-item-depth-1>.menu-item-wrapper>button {
        flex-grow: 1;
        height: 100%;
        padding-top: 1em;
        padding-bottom: 1em;
        position: relative;
        color: currentColor;
        border: none;
        background-color: transparent !important;
        cursor: pointer;
    }

    .elementor-widget-acrowd_custom_menu .menu-item-depth-1>.menu-item-wrapper>button:after {
        content: '';
        font-size: 0.5em;
        width: 1em;
        height: 1em;
        border-bottom: 2px solid currentColor;
        border-right: 2px solid currentColor;
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) translateY(-20%) rotate(45deg);
    }

    .elementor-widget-acrowd_custom_menu .menu-item-depth-1.active>.menu-item-wrapper>button:after {
        transform: translate(-50%, -50%) translateY(20%) rotate(-135deg);
    }

    .elementor-widget-acrowd_custom_menu .menu-item-depth-1>.menu-item-wrapper:hover,
    .elementor-widget-acrowd_custom_menu .menu-item-depth-1.active>.menu-item-wrapper {
        background-color: #D1EAF6;
    }

    .elementor-widget-acrowd_custom_menu .menu-item-depth-1>.sub-menu {
        display: none;
    }

    .elementor-widget-acrowd_custom_menu .menu-item-depth-1.active>.sub-menu {
        display: block;
    }


    .elementor-widget-acrowd_custom_menu .menu-item-depth-2>.menu-item-wrapper {
        width: 100%;
        background-color: #F0F0F4;
    }

    .elementor-widget-acrowd_custom_menu .menu-item-depth-2>.menu-item-wrapper>a {
        display: inline-block;
        width: 100%;
        padding: 1em 1em;
        padding-left: 2em;
    }

}

@media (max-width: 824px) {

    .elementor-widget-acrowd_custom_menu nav {
        display: none;
    }

    body.acrowd-menu-open .elementor-widget-acrowd_custom_menu nav {
        display: block;
    }

    .elementor-widget-acrowd_custom_menu nav {
        position: fixed;
        top: var(--mobile-top-offset);
        left: 0;
        right: 0;
        height: calc(42px + 100vh - var(--mobile-top-offset));
        background-color: white;
        z-index: 1000;
        border-top: 1px solid var(--border-color);
    }

    .elementor-widget-acrowd_custom_menu nav ul {
        display: flex;
        flex-direction: column;
        padding: 0;
        list-style: none;
        gap: 0 !important;
        overflow-y: auto;
        height: 100%;
    }

    .elementor-widget-acrowd_custom_menu li>.menu-item-wrapper {
        display: flex;
        border-bottom: 1px solid var(--border-color);
    }

    .elementor-widget-acrowd_custom_menu li>.menu-item-wrapper>a {
        padding: 1em 1em;
        display: block;
        width: 100%;
    }

    .elementor-widget-acrowd_custom_menu li>.menu-item-wrapper>button {
        display: block;
        flex-shrink: 0;
        width: 56px;
        height: 56px;
        padding: 0;
        position: relative;
        color: currentColor;
        border: none;
        background-color: transparent !important;
        cursor: pointer;
        border-left: 1px solid var(--border-color);
        border-radius: 0;
    }

    .elementor-widget-acrowd_custom_menu li>.menu-item-wrapper>button:after {
        content: '';
        font-size: 0.65em;
        width: 1em;
        height: 1em;
        border-bottom: 2px solid currentColor;
        border-right: 2px solid currentColor;
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) translateX(-20%) rotate(-45deg);
    }

    .elementor-widget-acrowd_custom_menu .sub-menu {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        z-index: 1001;
        flex-direction: column;
    }

    .elementor-widget-acrowd_custom_menu .sub-menu .menu-item-back button {
        width: 100%;
        border: none;
        border-bottom: 1px solid var(--border-color);
        border-radius: 0;
        padding: 1em 1em;
        padding-left: 3em;
        text-align: left;
        color: currentColor;
        background-color: transparent !important;
        position: relative;
    }

    .elementor-widget-acrowd_custom_menu .sub-menu .menu-item-back button:after {
        content: '';
        font-size: 0.65em;
        width: 1em;
        height: 1em;
        border-bottom: 2px solid currentColor;
        border-right: 2px solid currentColor;
        display: inline-block;
        position: absolute;
        left: 2em;
        top: 50%;
        transform: translateY(-50%) rotate(135deg);
    }

    .elementor-widget-acrowd_custom_menu li.active>.sub-menu {
        display: flex;
    }
}

/* Mobile menu button widget */
button.acrowd-custom-menu-mobile-button__button {
    --color: #000;
    --size: 38px;

    font-size: var(--size) !important;
    box-sizing: border-box;
    background-color: transparent !important;
    border: none;
    width: 1em;
    height: 1em;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    position: relative;
}

button.acrowd-custom-menu-mobile-button__button div {
    width: 80%;
    height: 2px;
    background-color: var(--color);
    position: relative;
    transition: transform 0.3s, opacity 0.3s;
}

body.acrowd-menu-open button.acrowd-custom-menu-mobile-button__button div:nth-child(1) {
    transform: translateY(0.26em) rotate(45deg);
}

body.acrowd-menu-open button.acrowd-custom-menu-mobile-button__button div:nth-child(2) {
    opacity: 0;
}

body.acrowd-menu-open button.acrowd-custom-menu-mobile-button__button div:nth-child(3) {
    transform: translateY(-0.26em) rotate(-45deg);
}

/* Custom Taxonomy Filter */

.acrowd-filter select {
    --icon-size: 1em;
    --icon-offset: 0.5em;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: transparent;
    border: 1px solid #D1EAF6;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16' fill='%23455C69'><path d='M8.5 11L3.5 6L4.2 5.3L8.5 9.6L12.8 5.3L13.5 6L8.5 11Z'/></svg>");
    background-repeat: no-repeat;
    background-position: right var(--icon-offset) center;
    background-size: var(--icon-size) var(--icon-size);
    padding: 1em 2em 1em 1em;
}

/* Sidebar Menu */

.elementor-widget-acrowd_sidebar_menu .sidebar-menu {
    padding-left: calc(var(--padding-left, 1rem) + var(--indicator-width, 3px));
    position: relative;
}

.elementor-widget-acrowd_sidebar_menu .sidebar-menu:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: var(--indicator-width, 3px);
    height: 100%;
    background-color: var(--indicator-background-color);
}

.elementor-widget-acrowd_sidebar_menu .sidebar-menu ul {
    list-style: none;
    padding-left: var(--padding-left, 1rem);
}

.elementor-widget-acrowd_sidebar_menu .sidebar-menu li.current-menu-item:before {
    content: '';
    position: absolute;
    left: 0;
    width: var(--indicator-width, 3px);
    height: 1.5em;
    background-color: var(--indicator-current-color);
}

/* Post type tag */

.elementor-widget-acrowd_post_type_tag .acrowd-tag {
    display: inline-block;
    text-align: center;
}

/* Breadcrumbs */
.acrowd-breadcrumbs {
    max-width: 85vw;
}

.acrowd-breadcrumbs ol {
    display: flex;
    align-items: center;
    gap: 0.5em;
    list-style: none;
    padding: 0;

    overflow-x: auto;
    max-width: 100%;

    scrollbar-width: 0;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.acrowd-breadcrumbs ol::-webkit-scrollbar {
    display: none;
}

.acrowd-breadcrumbs ol li::after {
    content: '';
    font-size: 10px;
    margin-left: 1em;
    margin-right: 0.6em;
    width: 1em;
    height: 1em;
    border-bottom: 2px solid var(--link-color, currentColor);
    border-right: 2px solid var(--link-color, currentColor);
    transform: translateY(0.75em) rotate(-45deg);
    display: inline-block;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 1em;
    max-width: 1em;
    min-width: 1em;
}

.acrowd-breadcrumbs ol li:last-child::after {
    content: none;
}

.acrowd-breadcrumbs ol li {
    flex-shrink: 1;
    display: flex;
}

.acrowd-breadcrumbs ol li a,
.acrowd-breadcrumbs ol li span {
    flex-shrink: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
}

.acrowd-breadcrumbs ol li a {
    text-decoration: underline;
    font-weight: bold;
}