@media (min-width: 1200px) {
    .nav-primary {
        display: block !important;
        
        > .ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-submenu {
            background-color: var(--white);
            
            .ubermenu-target {
                color: var(--charcoal);
            }
        }

        .ubermenu-main .ubermenu-submenu-type-mega .ubermenu-row {
            align-items: initial
        }

        .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target {
            padding-right: 35px;
        }

        .ubermenu.ubermenu-main .ubermenu-item-level-0:hover>.ubermenu-target,
        .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
            background-color: transparent !important;
            color: var(--white) !important;
        }

        .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target > .ubermenu-sub-indicator {
            color: var(--orange) !important;
            transform: translateY(calc(-50% - 2px)) rotate(180deg);
        }

        > .ubermenu > .ubermenu-nav > .ubermenu-item > .ubermenu-submenu-type-mega {
            padding-block: 32px;
            /* margin-top: 25px; */
        }

        .ubermenu .ubermenu-target-with-image {
            padding: 16px;
            margin-bottom: 16px;
            text-align: center;
            box-shadow: inset 0 0 0px rgba(29, 28, 29, 1);
            height: 100%;
            transition: box-shadow 0.3s ease-in-out;
            text-decoration: none;
        }

        .ubermenu .ubermenu-item-layout-image_above > .ubermenu-image {
            margin: 0 auto 32px;
            height: 100px;
            width: auto;
        }

        .ubermenu .ubermenu-target-with-image:hover {
            box-shadow: inset 0 0 1px rgba(29, 28, 29, 1);

            > .ubermenu-target-title {
                color: var(--orange) !important;
            }
        }

        .ubermenu .ubermenu-submenu {
            display: flex;
            flex-wrap: wrap;
            align-items: initial;
            justify-content: initial;
            padding-bottom: 0;

            &.ubermenu-submenu-type-flyout > .ubermenu-item {
                width: 100%;
            }

            > .ubermenu-column {
                float: none;
            }
        }

        .ubermenu .ubermenu-active .ubermenu-submenu .ubermenu-submenu-type-stack {
            display: flex;
        }

        .ubermenu-main .ubermenu-submenu-type-mega .ubermenu-row .ubermenu-item-level-3>.ubermenu-target:hover>.ubermenu-target-title {
            text-decoration: none;
        }

        .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
            margin-top: 0;
        }

        > .ubermenu > .ubermenu-nav > .ubermenu-item .header-menu-list {
            padding-right: 32px;
            
            > ul {
                margin-left: -32px;
            }
        }

        > .ubermenu > .ubermenu-nav > .ubermenu-item .header-menu-list .ubermenu-target {
            padding-inline: 0;
        }

        /* .ubermenu-item-level-0 > .ubermenu-target {
            padding-block: 49px !important;
        } */

        .ubermenu .ubermenu-has-submenu-flyout {
            .ubermenu-submenu {
                width: 250px;
                padding-block: 0 !important;
                box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);

                .ubermenu-submenu {
                    background-color: var(--oat);
                }

                .ubermenu-target:hover {
                    color: var(--charcoal-50);
                }

                .ubermenu-target > .ubermenu-sub-indicator {
                    right: 30px;
                }
            }
        }

        > .ubermenu > .ubermenu-nav > .ubermenu-item .header-menu-list .ubermenu-target:hover {
            color: var(--charcoal-50);
        }

        .ubermenu-has-submenu-mega > .ubermenu-submenu > .ubermenu-row > .ubermenu-item-level-2:first-child {
            padding-right: 20px;
        }
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .ubermenu-item-level-0 > .ubermenu-target {
		padding-block: 20px !important;
	}
}

@media (min-width: 1400px) {
    .ubermenu-item-level-0 > .ubermenu-target {
		padding-block: 49px !important;
	}
}

.nav-primary {
    .ubermenu-sub-indicator {
        position: absolute;
        font-size: 12px;
        margin-left: 0;
        top: 0;
        right: 10px;
        cursor: pointer;
        transition: transform 0.3s ease-in-out, color 0.3s ease-in-out;

        &:before {
            content: "\e905";
            font-family: var(--font-icon);
        }
    }

    .ubermenu .ubermenu-row {
        margin-bottom: 0;
    }

    > .ubermenu > .ubermenu-nav > .ubermenu-item .header-menu-heading > .ubermenu-target {
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 1px solid var(--charcoal-10);
        margin-bottom: 10px;
    }

    > .ubermenu > .ubermenu-nav > .ubermenu-item .header-menu-heading:not(:first-child) {
        margin-top: 32px;
    }
}

@media (max-width: 1199px) {
    .nav-primary {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        padding-top: 83px;
        background: var(--charcoal-60);
        backdrop-filter: blur(10px);
        z-index: -1;
        overflow: scroll;
    }

    .page-header:not(.js-scrolled) .nav-primary {
        padding-top: 123px;
    }

    .page-header.js-scrolled .nav-primary {
        padding-top: 103px;
    }

    .nav-primary {
        .ubermenu-responsive-toggle {
            display: none;
        }

        .ubermenu .ubermenu-row {
            padding-inline: 0;
        }

        .ubermenu .ubermenu-item .ubermenu-submenu-drop {
            position: relative;
            box-shadow: none !important;
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-has-submenu-flyout,
        .ubermenu .ubermenu-item {
            position: relative;
        }

        .ubermenu-sub-indicator {
            padding-inline: 20px;
        }

        .ubermenu-active > .ubermenu-sub-indicator {
            color: var(--orange) !important;
            transform: rotate(180deg);
        }
    
        .ubermenu-responsive.ubermenu {
            background-color: #000;
            color: var(--white);
            height: auto;
            visibility: visible;
            max-height: none !important;
            overflow: initial !important;
            position: relative;
            top: 0;
            bottom: 0;
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
            color: var(--white);
            padding-block: 18px;
            padding-inline: 53px;
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-sub-indicator {
            right: 45px;
            padding-block: 21px;
        }

        .ubermenu-responsive.ubermenu-responsive-collapse .ubermenu-item.ubermenu-has-submenu-mega.ubermenu-active .ubermenu-submenu {
            display: block;
        }

        .ubermenu-submenu {
            background-color: var(--white);
        }

        .ubermenu-main .ubermenu-submenu-type-mega .ubermenu-row .ubermenu-target,
        .ubermenu-main .ubermenu-submenu-type-flyout .ubermenu-item-level-1 .ubermenu-target {
            padding-inline: 0 !important;
            font-weight: normal;
        }

        .ubermenu-main .ubermenu-submenu-type-mega {
            padding-inline: 53px !important;
            padding-block: 22px !important;
        }

        .ubermenu-main .ubermenu-has-submenu-flyout {
            &.ubermenu-item-level-0 > .ubermenu-sub-indicator {
                color: var(--white);
                padding: 25px 20px;
            }

            .ubermenu-sub-indicator {
                color: var(--black);
                padding: 18px;
                right: 46px;
            }

            .ubermenu-item > .ubermenu-target {
                padding-inline: 53px !important;
            }

            .ubermenu-submenu .ubermenu-submenu {
                background-color: var(--oat);
                padding-inline: 22px;
            }
        }

        .ubermenu-main .ubermenu-active .ubermenu-submenu-type-flyout {
            padding-block: 0 !important;
        }

        .ubermenu-main .ubermenu-has-submenu-flyout.ubermenu-active > .ubermenu-submenu {
            display: block;
        }

        .ubermenu .ubermenu-target-with-image {
            display: flex;
            align-items: center;
            gap: 32px;
        }

        .ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {
            margin-bottom: 0;
        }

        .ubermenu .ubermenu-image {
            height: 80px;
            width: 80px;
            object-fit: contain;
            object-position: center;
        }
    }
}

@media (max-width: 767px) {
    .nav-primary {
        padding-top: 171px;
        
        .ubermenu .ubermenu-target-with-image {
            gap: 22px;
        }    

        .ubermenu-responsive.ubermenu {
            padding-top: 0;
        }

        .ubermenu .ubermenu-image {
            height: 48px;
            width: 48px;
            object-fit: contain;
            object-position: center;
        }   

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
            font-size: 16px;
            font-weight: normal;
            padding-block: 16px;
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
            padding-inline: 22px;
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-sub-indicator {
            right: 14px;
        }

        .ubermenu-main .ubermenu-submenu-type-mega {
            padding-inline: 22px !important;
        }

        .ubermenu-main .ubermenu-has-submenu-flyout {
            .ubermenu-item > .ubermenu-target {
                padding-inline: 22px !important;
            }

            .ubermenu-submenu .ubermenu-submenu {
                padding-inline: 22px;
            }

            &.ubermenu-item-level-0 > .ubermenu-sub-indicator  {
                padding: 20px 20px;
            }
        }

        .ubermenu-main .ubermenu-has-submenu-flyout .ubermenu-item > .ubermenu-sub-indicator {
            padding: 20px;
            right: 13px;
        }

        .ubermenu-responsive .ubermenu-item.ubermenu-item-level-0 > .ubermenu-sub-indicator {
            padding-block: 20px;
        }
    }

    .page-header:not(.js-scrolled) .nav-primary {
        padding-top: 123px;
    }

    .page-header.js-scrolled .nav-primary {
        padding-top: 99px;
    }

    .admin-bar .page-header:not(.js-scrolled) .nav-primary {
        padding-top: calc(168px - 46px);
    }

    .admin-bar .page-header.js-scrolled .nav-primary {
        padding-top: 99px;
    }
}