/* 
 * Custom CSS
 *
 * Create a custom.css file to add custom styles to your menu.
 */

/* Uber Menu */
.ubermenu-submenu {
    z-index: 999999999999 !important;
}

.ubermenu-skin-minimal .ubermenu-item-level-0>.ubermenu-target {
    /* color: #fff !important; */
    padding: 22px 10px 22px 0;
    margin-right: 1rem;
    text-transform: uppercase;
    outline: none;
}

li.promotions a span.ubermenu-target-title.ubermenu-target-text,
li.promotions a i.ubermenu-sub-indicator {
    /* color: #e6ff1e; */
}

/* .ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target:nth-child(1) {
    padding: 22px 20px 22px 0;
} */

.ubermenu-skin-minimal .ubermenu-item-level-0>.ubermenu-target {
    /* color: #fff; */
    transition: all 0.2s ease;
    transform: scale(1);
}

.ubermenu-skin-minimal .ubermenu-item-level-0:hover>.ubermenu-target {
    transform: scale(1.1);
    /* color: #e6ff1e !important; */
}

.ubermenu-main .ubermenu-row {
    float: none;
}

.ubermenu-submenu.ubermenu-submenu-align-full_width {
    background: #fff;
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_left {
    display: grid;
    grid-template-columns: 50px 100%;
    align-items: center;
}

/* ubermenu-row-id-66733 */
.ubermenu-main .ubermenu-row {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

/* Needed for CSS grid above to work */
span.caret {
    display: none;
}

.ubermenu-target.ubermenu-item-layout-image_left>span.ubermenu-target-text.ubermenu-target-title {
    padding-left: 12px !important;
    width: 80%;
}

.ubermenu-target>span.ubermenu-target-text.ubermenu-target-title:before {
    content: "";
    height: 1px;
    width: 0px;
    display: block;
    background: #b4cc10;
    transition: all 0.2s ease;
    bottom: -20px;
    position: relative;
    transform: scale(1);
}

a.ubermenu-target:hover>span.ubermenu-target-text.ubermenu-target-title:before {
    width: 100%;
}




.ubermenu a.ubermenu-item-layout-image_left>.ubermenu-image {
    transition: all 0.2s ease;
    transform: scale(1.2);
    width: 36px;
}

.ubermenu a.ubermenu-item-layout-image_left:hover>.ubermenu-image {
    transform: scale(1.5);
}

.ubermenu .ubermenu-submenu .ubermenu-column-auto.ubermenu-has-submenu-stack.ubermenu-item-level-2 {
    border-right: 1px solid #ececec;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1rem;
}

.ubermenu .ubermenu-submenu .ubermenu-column-auto.ubermenu-has-submenu-stack:last-child {
    border-right: none;
}

.ubermenu-submenu .ubermenu-highlight .ubermenu-target-text {
    color: #92bf27;
    font-size: 0.85rem;
    text-transform: uppercase;
    font-weight: 600;
}

a.ubermenu-target.ubermenu-highlight.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
    padding-left: 15px;
}

/* .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto {
    border-bottom: 1px solid #f1f1f1;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto:last-child {
    border-bottom: none;
} */


/* 4 columns */
/* Hardware */

.ubermenu-main ul.ubermenu-row.ubermenu-row-id-71063.ubermenu-autoclear {
    grid-template-columns: repeat(4, 1fr);
}

/* 3 columns */
/* Frozen Food */
/* Aquatic submenu */
/* Dry Food */
.ubermenu-main ul.ubermenu-row.ubermenu-row-id-71061.ubermenu-autoclear,
.ubermenu-main ul.ubermenu-row.ubermenu-row-id-72352.ubermenu-autoclear,
.ubermenu-main ul.ubermenu-row.ubermenu-row-id-71062.ubermenu-autoclear {
    grid-template-columns: repeat(3, 1fr);
}

/* 2 columns */
/* Promotions */
.ubermenu-main ul.ubermenu-row.ubermenu-row-id-71065.ubermenu-autoclear {
    grid-template-columns: repeat(2, 1fr);
}

/* 1 columns */
/* Brands (custom content is in 4 columns) */
.ubermenu-main ul.ubermenu-row.ubermenu-row-id-71064.ubermenu-autoclear {
    grid-template-columns: repeat(1, 1fr);
}



.ubermenu-item-72361 {
    grid-column: span 3;
}

.ubermenu .ubermenu-submenu ul.ubermenu-row-id-72360 .ubermenu-column-auto.ubermenu-has-submenu-stack {
    margin-bottom: 0;
}


.ubermenu .ubermenu-submenu ul.ubermenu-row-id-72360 .ubermenu-column-auto.ubermenu-has-submenu-stack .ubermenu-target.ubermenu-item-layout-image_left>span.ubermenu-target-text.ubermenu-target-title,
li#menu-item-71175 span.ubermenu-target-text.ubermenu-target-title,
li#menu-item-71620 span.ubermenu-target-text.ubermenu-target-title {
    padding-top: 0.5rem;
}

li#menu-item-71175 img.ubermenu-image.ubermenu-image-size-full,
li#menu-item-71620 img.ubermenu-image.ubermenu-image-size-full {
    width: 40px;
}

/* Hardware menu */
.ubermenu .ubermenu-submenu ul.ubermenu-row-id-71063 li.ubermenu-column-auto.ubermenu-has-submenu-stack {
    /* padding-top:0;
    margin-top:0; */
}

/* Hardware Menu titles (Reptile / Other) - left for now but hidden */
ul.ubermenu-row.ubermenu-row-id-72360.ubermenu-autoclear {
    display: none;
}

/* Dry food by type - left for now but hidden */
li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-current-menu-ancestor.ubermenu-current-menu-parent.ubermenu-item-has-children.ubermenu-item-71166.ubermenu-item-level-2.ubermenu-column.ubermenu-column-auto.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-71166 {
    display: none;
}

/* Override for weird top margin on dry food submenu
.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
    margin-top: 0;
} */

a.ubermenu-target.ubermenu-target-with-icon.ubermenu-item-layout-default.ubermenu-item-layout-icon_left {
    padding: 1rem 2rem;
}

.ubermenu .ubermenu-submenu-type-stack.ubermenu-submenu-id-72362,
.ubermenu .ubermenu-submenu-type-stack.ubermenu-submenu-id-72361 {
    padding-bottom: 0;
}



.ubermenu .ubermenu-nav .ubermenu-column-3-4 {
    width: auto;
    grid-column: span 3;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 1rem;
    border-right: 1px solid #ececec;
}

.ubermenu-submenu.ubermenu-submenu-type-auto.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    max-height: calc(75vh - 3rem);
    overflow: scroll;
    box-shadow: 0px 12vh 12vh #5b5b5b70;
    border-bottom: 3px solid #979797;
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above.center {
    text-align: center;
    transition: all 0.2s ease;
    transform: scale(1);
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above.center:hover {
    transform: scale(1.1);
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above.center img {
    display: inline-block;
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above.promos {
    /* font-size: 1rem; */
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above.promos img {
    width: 100px;
}

a.ubermenu-target.center:hover>span.ubermenu-target-text.ubermenu-target-title:before {
    width: 0;
    /* transform: scale(1.1); */
}

.ubermenu a.ubermenu-target.promotions span.ubermenu-target-title.ubermenu-target-text {
    background: #b4cc10;
    color: #fff;
    padding: 2px 6px;
    border-radius: 6px;
}

a.ubermenu-target.promotions:hover>span.ubermenu-target-text.ubermenu-target-title:before {
    width: 0;
}

a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.promotions {
    padding: 20px 0px 20px 0px;
}

.mobile-menu.close-drawer {
    z-index: 999999;
}

li#menu-item-71029,
li#menu-item-109149,
.ubermenu li.ubermenu-item#menu-item-135723,
li.hidefromguest {
    display: none;
}

body.logged-in li#menu-item-71029,
body.logged-in li#menu-item-109149,
body.logged-in .ubermenu li.ubermenu-item#menu-item-135723,
body.logged-in li.hidefromguest {
    display: inline-block;
}

li#menu-item-72323 {
    margin-top: 0.8rem;
    border-top: 1px dotted #ddd;
    padding-top: 0.5rem;
    width: calc(100% - 1rem);
}

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_left {
    overflow: visible;
}

.ubermenu .ubermenu-item#menu-item-126909 {
    display: none !important;
}



@media only screen and (max-width:992px) {
    body.logged-in .ubermenu .ubermenu-item#menu-item-126909 {
        display: initial !important;
    }

    .ubermenu .ubermenu-target-text,
    .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator,
    .ubermenu-skin-minimal .ubermenu-item-level-0>.ubermenu-target {
        color: #333 !important
    }

    .ubermenu-main .ubermenu-row {
        display: block;
    }

    .ubermenu .ubermenu-submenu .ubermenu-column-auto.ubermenu-has-submenu-stack.ubermenu-item-level-2 {
        border-right: none;
        margin-top: 0rem;
        margin-bottom: 0rem;
        padding: 0;
    }

    .ubermenu .ubermenu-active .ubermenu-submenu .ubermenu-submenu-type-stack {
        padding: 0;
        margin: 0;
    }

    .ubermenu li.ubermenu-item-level-0 {
        border-bottom: 1px solid #ddd;
    }

    a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only {
        margin: 0;
        padding: 1rem;
    }

    a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.promotions {
        padding: 1rem;
        background: transparent;
    }

    .ubermenu a.ubermenu-target.promotions span.ubermenu-target-title.ubermenu-target-text {
        background: transparent;
        padding: 0;
    }

    a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above.promos img {
        width: 100px;
    }

    .ubermenu .ubermenu-row {
        margin-bottom: 2rem;
        clear: both;
    }

    .ubermenu-target>span.ubermenu-target-text.ubermenu-target-title:before {
        display: none;
    }

    .ubermenu-submenu .ubermenu-highlight .ubermenu-target-title.ubermenu-target-text {
        margin-top: 2rem;
    }

    .ubermenu-submenu li#menu-item-73676 .ubermenu-highlight .ubermenu-target-title.ubermenu-target-text {
        margin-top: 0;
    }

    .ubermenu-submenu.ubermenu-submenu-type-auto.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
        border-bottom: none;
    }

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

    .ubermenu-skin-minimal .ubermenu-item-level-0:hover>.ubermenu-target {
        transform: scale(1);
        color: inherit !important;
    }

    .widget_mbm_login_account_widget a {
        background: transparent;
        padding: 0 1rem 1rem;
        display: block;
        border-radius: 3px;
        color: #333 !important;
        text-transform: uppercase;
        margin-left: 0;
        font-size: 0.75rem;
        border-bottom: 1px solid #dddddd;
    }

    li#menu-item-72323 {
        margin-top: 0;
        border-top: none;
        padding-top: 0;
        width: 100%;
    }
}