@charset "utf-8";

.store_info_bar { background: linear-gradient(90deg, rgb(249, 208, 16), rgb(255, 242, 0), rgb(249, 208, 16)); display: flex; align-items: center; height: 35px; }

@media only screen and (min-width: 1200px) {
  .store_info_bar .mobile_only { display: none !important; }
}

@media only screen and (max-width: 1199px) {
  .store_info_bar .desktop_only { display: none !important; }
}

.store_info_bar span { line-height: 1; }

.store_info_bar .container { display: flex; justify-content: space-between; align-items: center; height: 100%; }

.store_info_bar .store-wrapper { display: flex; align-items: center; gap: 5px; position: relative; height: 100%; }

@media only screen and (max-width: 1200px) {
  .store_info_bar .store-wrapper { justify-content: space-between; width: 100%; }
}

@media only screen and (min-width: 1201px) {
  .store_info_bar .store-wrapper { flex-grow: 1; }
}

.store_info_bar .store-name-container { display: flex; align-items: flex-end; gap: 5px; font-weight: 700; }

.store_info_bar .store-name-container .store-name { text-decoration: underline; min-width: 50px; }

.store_info_bar .nearest-store-button { display: flex; align-items: center; gap: 5px; background: 0px 0px; border: none; line-height: 1; font-weight: 700; transition: 0.3s; }

.store_info_bar .nearest-store-button:hover { color: rgb(19, 90, 138); }

.store_info_bar .nearest-store-button:has(~ .open) svg:last-of-type { transform: rotate(180deg); }

.store_info_bar .nearest-store-popup { transition: 0.3s ease-in-out; position: absolute; top: 100%; left: 0px; right: 0px; overflow: hidden; background-color: rgb(255, 255, 255); border: 0px solid rgb(155, 155, 155); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; z-index: 99999999; max-width: 625px; height: 0px; max-height: fit-content; }

.store_info_bar .nearest-store-popup.open { height: 650px; border-width: 1px; }

.store_info_bar .links-wrapper { display: flex; height: 100%; align-items: center; gap: 10px; margin: 0px; }

.store_info_bar .links-wrapper li { display: flex; align-items: center; gap: 10px; white-space: nowrap; font-size: 12px; font-weight: 700; line-height: 1; }

.store_info_bar .links-wrapper li:not(:first-child)::before { content: "|"; }

.store_info_bar .links-wrapper li a, .store_info_bar .links-wrapper li button { color: rgb(0, 0, 0); line-height: 1; font-size: 12px; font-weight: 700; text-transform: uppercase; background: 0px 0px; border: none; transition: 0.3s; }

.store_info_bar .links-wrapper li a:hover, .store_info_bar .links-wrapper li button:hover { color: rgb(19, 90, 138); }

.little_leons_website .store_info_bar { background: linear-gradient(90deg, rgb(8, 182, 154), rgb(10, 226, 182), rgb(8, 182, 154)); }

.logo_bar { padding: 12px 0px; }

@media only screen and (min-width: 1200px) {
  .logo_bar .mobile_only { display: none !important; }
}

@media only screen and (max-width: 1199px) {
  .logo_bar .desktop_only { display: none !important; }
}

.logo_bar p, .logo_bar span, .logo_bar strong { line-height: 25px; }

.logo_bar .logo_bar-container { display: grid; grid-template-areas: "hamburger flyer logo account cart" "search search search search search"; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; place-items: center stretch; row-gap: 10px; }

@media only screen and (min-width: 1200px) {
  .logo_bar .logo_bar-container { grid-template-areas: "logo search flyer account cart"; grid-template-columns: 3.75fr 6fr 2fr 2fr 0.75fr; }
}

.logo_bar .logo_bar-container #hamburger-menu { grid-area: hamburger; height: 100%; display: flex; align-items: center; gap: 5px; font-size: 12px; text-transform: uppercase; color: rgb(19, 90, 138); justify-content: flex-start; background: 0px 0px; border: none; }

.logo_bar .logo_bar-container #hamburger-menu svg { fill: rgb(19, 90, 138); }

.logo_bar .logo_bar-container #hamburger-menu:hover { color: rgb(0, 0, 0); }

.logo_bar .logo_bar-container #hamburger-menu:hover svg { fill: rgb(0, 0, 0); }

.logo_bar .logo_bar-container #logo-link { grid-area: logo; display: flex; align-items: center; }

@media only screen and (max-width: 1199px) {
  .logo_bar .logo_bar-container #logo-link { justify-content: center; }
}

@media only screen and (min-width: 1200px) {
  .logo_bar .logo_bar-container #logo-link svg { width: 95px; height: 54px; }
}

.logo_bar .logo_bar-container .search-box-wrapper { grid-area: search; position: relative; }

.logo_bar .logo_bar-container .search-box-wrapper #search-bar { display: flex; align-items: center; width: 100%; border: 1px solid rgb(221, 221, 221); border-radius: 10px; justify-content: space-between; }

.logo_bar .logo_bar-container .search-box-wrapper #search-bar input { flex-grow: 1; border: none; outline: 0px; margin: 0px 10px; height: 35px; background: 0px 0px; font-size: 16px; }

.logo_bar .logo_bar-container .search-box-wrapper #search-bar button { border: none; background: 0px 0px; padding: 5px; line-height: 1; }

.logo_bar .logo_bar-container #flyer-link { grid-area: flyer; height: 100%; display: flex; justify-content: center; align-items: center; gap: 5px; font-size: 12px; text-transform: uppercase; color: rgb(19, 90, 138); }

.logo_bar .logo_bar-container #flyer-link svg { fill: rgb(19, 90, 138); }

.logo_bar .logo_bar-container #flyer-link:hover { color: rgb(0, 0, 0); }

.logo_bar .logo_bar-container #flyer-link:hover svg { fill: rgb(0, 0, 0); }

@media only screen and (max-width: 1199px) {
  .logo_bar .logo_bar-container #flyer-link { justify-content: flex-start; }
}

@media only screen and (min-width: 1200px) {
  .logo_bar .logo_bar-container #flyer-link svg { width: 25px; }
}

.logo_bar .logo_bar-container #account-link { grid-area: account; position: relative; height: 100%; display: flex; justify-content: center; align-items: center; gap: 5px; font-size: 12px; text-transform: uppercase; color: rgb(19, 90, 138); }

.logo_bar .logo_bar-container #account-link svg { fill: rgb(19, 90, 138); }

.logo_bar .logo_bar-container #account-link:hover { color: rgb(0, 0, 0); }

.logo_bar .logo_bar-container #account-link:hover svg { fill: rgb(0, 0, 0); }

@media only screen and (max-width: 1199px) {
  .logo_bar .logo_bar-container #account-link { justify-content: flex-end; }
}

@media only screen and (min-width: 1200px) {
  .logo_bar .logo_bar-container #account-link svg { width: 25px; }
}

.logo_bar .logo_bar-container #account-link > a, .logo_bar .logo_bar-container #account-link > button { border: none; background: 0px 0px; align-items: center; gap: 5px; font-weight: 700; line-height: 1; }

.logo_bar .logo_bar-container #account-link > a { display: flex; }

.logo_bar .logo_bar-container #account-link > button { display: none; }

.logo_bar .logo_bar-container #account-link > button:has(~ .open) svg:last-of-type { transform: rotate(180deg); }

.logo_bar .logo_bar-container #account-link .account-popup { transition: 0.3s ease-in-out; position: absolute; top: 100%; left: 0px; overflow: hidden; background-color: rgb(255, 255, 255); border: 0px solid rgb(155, 155, 155); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; z-index: 99999999; max-width: 300px; height: 0px; max-height: fit-content; }

.logo_bar .logo_bar-container #account-link .account-popup.open { height: 650px; border-width: 1px; }

.logo_bar .logo_bar-container #account-link .account-popup ul { margin: 0px; display: flex; flex-direction: column; padding: 10px 15px; }

.logo_bar .logo_bar-container #account-link .account-popup ul a { color: rgb(0, 0, 0); line-height: 36px; width: 100%; display: block; text-transform: uppercase; font-weight: 400; font-size: 12px; }

.logo_bar .logo_bar-container #account-link .account-popup ul a:hover { color: rgb(19, 90, 138); }

.logo_bar .logo_bar-container #cart-link { grid-area: cart; height: 100%; display: flex; align-items: center; gap: 5px; font-size: 12px; text-transform: uppercase; color: rgb(19, 90, 138); justify-content: flex-end; }

.logo_bar .logo_bar-container #cart-link svg { fill: rgb(19, 90, 138); }

.logo_bar .logo_bar-container #cart-link:hover { color: rgb(0, 0, 0); }

.logo_bar .logo_bar-container #cart-link:hover svg { fill: rgb(0, 0, 0); }

.logo_bar .logo_bar-container #cart-link .cart-icon { position: relative; display: flex; align-items: center; }

@media only screen and (min-width: 1200px) {
  .logo_bar .logo_bar-container #cart-link .cart-icon svg { width: 35px; }
}

.logo_bar .logo_bar-container #cart-link .cart-icon .cart-count { position: absolute; border-radius: 100%; background-color: rgb(0, 138, 0); display: flex; align-items: center; justify-content: center; line-height: 1; color: rgb(255, 255, 255); top: -10px; right: -5px; min-width: 20px; height: 20px; }

.logo_bar .logo_bar-container #cart-link .cart-icon .cart-count[data-value="0"] { display: none; }

@media only screen and (min-width: 1200px) {
  .logo_bar .logo_bar-container #cart-link .cart-icon .cart-count { top: -15px; right: -10px; min-width: 25px; height: 25px; }
}

.little_leons_website .logo_bar .logo_bar-container #cart-link .cart-icon .cart-count { background-color: rgb(246, 139, 105); }

.customer-logged-in #account-link > a, .lfl_logged_in #account-link > a { display: none !important; }

.customer-logged-in #account-link > button, .lfl_logged_in #account-link > button { display: flex !important; }

.menu_bar { background-color: rgb(0, 0, 0); position: relative; }

.menu_bar ul { margin: 0px; padding: 0px; }

@media only screen and (min-width: 1200px) {
  .menu_bar .mobile_only { display: none !important; }
}

@media only screen and (max-width: 1199px) {
  .menu_bar .desktop_only { display: none !important; }
}

.menu_bar a, .menu_bar button { font-size: 14px; background-color: transparent; border: none; text-transform: capitalize; line-height: 1; }

.menu_bar .TE-en, .menu_bar .TE-fr { display: flex; }

.menu_bar .TE-en section, .menu_bar .TE-fr section { width: 100%; }

@media only screen and (max-width: 1199px) {
  .menu_bar .TE-en, .menu_bar .TE-fr { justify-content: center; align-items: center; margin-top: 30px; }
  .menu_bar .TE-en img, .menu_bar .TE-fr img { width: 100%; }
}

@media only screen and (min-width: 1200px) {
  .menu_bar .TE-en, .menu_bar .TE-fr { height: 650px; max-height: fit-content; min-width: 350px; max-width: 350px; width: 350px; }
  .menu_bar .TE-en section, .menu_bar .TE-fr section { max-height: fit-content; }
}

.menu_bar .menu-wrapper { display: flex; flex-direction: column; position: relative; }

@media only screen and (min-width: 1200px) {
  .menu_bar .menu-wrapper { flex-direction: row; justify-content: space-between; height: 50px; }
}

.menu_bar .menu-wrapper .navbar-menu-title { transition: 0.3s ease-in-out; }

@media only screen and (min-width: 1200px) {
  .menu_bar .menu-wrapper .navbar-menu-title { overflow: visible; flex-grow: 1; }
  .menu_bar .menu-wrapper .navbar-menu-title:has(.open), .menu_bar .menu-wrapper .navbar-menu-title:hover { background: rgb(19, 90, 138); }
  .menu_bar .menu-wrapper .navbar-menu-title > button { position: relative; overflow: hidden; }
  .menu_bar .menu-wrapper .navbar-menu-title > button::after { content: ""; transition: bottom 0.2s ease-in-out; display: block; border-width: 8px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; border-image: initial; position: absolute; bottom: -100%; left: 50%; margin-left: -10px; transform: rotate(180deg); }
  .menu_bar .menu-wrapper .navbar-menu-title:has(.open) > button::after { bottom: 0px !important; }
  .menu_bar .menu-wrapper .navbar-menu-title:not(:has(.menu .menu)) { position: relative; }
  .menu_bar .menu-wrapper .navbar-menu-title:not(:has(.menu .menu)) > .menu-container { width: 210px; }
  .menu_bar .menu-wrapper .navbar-menu-title:not(:has(.menu .menu)) > .menu-container > .menu { column-count: 1; }
  .menu_bar .menu-wrapper .navbar-menu-title:not(:has(.menu .menu)) > .menu-container > .menu .menu-item > a, .menu_bar .menu-wrapper .navbar-menu-title:not(:has(.menu .menu)) > .menu-container > .menu .menu-item > button, .menu_bar .menu-wrapper .navbar-menu-title:not(:has(.menu .menu)) > .menu-container > .menu .menu-item > span { font-weight: 400; font-size: 14px; }
  .menu_bar .menu-wrapper .navbar-menu-title:last-child { background-color: rgb(8, 182, 154); max-width: 150px; }
  .menu_bar .menu-wrapper .navbar-menu-title:last-child:hover { filter: brightness(0.8); }
}

.menu_bar .menu-wrapper .navbar-menu-title > a, .menu_bar .menu-wrapper .navbar-menu-title > button { display: flex; align-items: center; width: 100%; color: rgb(0, 0, 0); padding: 5px 0px; justify-content: space-between; height: 46px; }

@media only screen and (max-width: 1199px) {
  .menu_bar .menu-wrapper .navbar-menu-title > a, .menu_bar .menu-wrapper .navbar-menu-title > button { justify-content: space-between; border-bottom: 1px solid rgb(221, 221, 221); font-size: 1.2em; font-weight: 700; padding: 0.6em 1em; line-height: 25px; }
}

@media only screen and (min-width: 1200px) {
  .menu_bar .menu-wrapper .navbar-menu-title > a, .menu_bar .menu-wrapper .navbar-menu-title > button { height: 100%; text-transform: uppercase; justify-content: center; color: rgb(255, 255, 255); font-weight: 900; }
  .menu_bar .menu-wrapper .navbar-menu-title > a svg.chevron, .menu_bar .menu-wrapper .navbar-menu-title > button svg.chevron { display: none; }
}

.menu_bar .menu-wrapper .navbar-menu-title > a svg, .menu_bar .menu-wrapper .navbar-menu-title > button svg { font-weight: 400; text-transform: none; }

.menu_bar .menu-wrapper.utility-menu { margin-top: 15px; }

.menu_bar .menu-wrapper.utility-menu > li > a, .menu_bar .menu-wrapper.utility-menu > li > button, .menu_bar .menu-wrapper.utility-menu > li > form > a, .menu_bar .menu-wrapper.utility-menu > li > form > button { padding: 7px 14px; color: rgb(19, 90, 138); font-weight: 700; width: 100%; display: flex; align-items: center; }

@media only screen and (max-width: 1199px) {
  .menu_bar .has_submenus:not(.navbar-menu-title):not(.account-menu) > a, .menu_bar .has_submenus:not(.navbar-menu-title):not(.account-menu) > span { display: none !important; }
}

@media only screen and (min-width: 1200px) {
  .menu_bar .has_submenus:not(.navbar-menu-title):not(.account-menu) > button { display: none !important; }
}

.menu_bar .account-menu > a { display: flex; }

.menu_bar .account-menu > button { display: none; }

.menu_bar .container { transition: 0.3s ease-in-out; background-color: rgb(255, 255, 255); }

.menu_bar .container > * { transition: 0.3s ease-in-out; }

@media only screen and (max-width: 1199px) {
  .menu_bar .container { position: fixed; top: 0px; left: -100%; height: 100%; width: 100%; max-width: 440px; z-index: 99999999; padding: 0px; border-right: 1px solid rgb(221, 221, 221); overflow: hidden; }
}

@media only screen and (min-width: 1200px) {
  .menu_bar .container { background-color: transparent; }
}

.menu_bar .container .mobile-header { display: flex; position: relative; height: 80px; justify-content: center; align-items: center; border-bottom: 1px solid rgb(221, 221, 221); flex-shrink: 0; }

.menu_bar .container .mobile-header > button { position: absolute; top: 0px; bottom: 0px; padding: 10px; background: 0px 0px; border: none; cursor: pointer; line-height: 1; }

.menu_bar .container .mobile-header > button.back-button { left: 0px; }

.menu_bar .container .mobile-header > button.cancel-button { right: 0px; }

.menu_bar .container .mobile-header > span { color: rgb(136, 136, 136); font-size: 20px; font-weight: 700; }

.menu_bar .menu-container.first_level { position: absolute; top: 100%; left: 0px; display: flex; width: 100%; z-index: 99999999; justify-content: space-between; padding: 0px 20px; transition: 0.3s ease-in-out; background-color: rgb(255, 255, 255); }

@media only screen and (max-width: 1199px) {
  .menu_bar .menu-container.first_level { flex-direction: column; justify-content: flex-start; }
}

.menu_bar .menu-container.first_level > * { transition: 0.3s ease-in-out; }

@media only screen and (max-width: 1199px) {
  .menu_bar .menu-container.first_level { position: fixed; top: 0px; left: -100%; height: 100%; width: 100%; max-width: 440px; z-index: 99999999; padding: 0px; border-right: 1px solid rgb(221, 221, 221); overflow: hidden; }
}

@media only screen and (min-width: 1200px) {
  .menu_bar .menu-container.first_level { overflow: hidden; max-height: 0px; }
}

@media only screen and (min-width: 1200px) {
  .menu_bar .menu-container.first_level > .menu { height: 650px; max-height: fit-content; column-gap: 30px; flex-grow: 1; column-count: 4; }
  .menu_bar .menu-container.first_level > .menu:not(:has(> :nth-child(6))) { column-count: 3; }
  .menu_bar .menu-container.first_level > .menu:not(:has(> :nth-child(6))) > .menu-item:last-child { break-before: column; }
  .menu_bar .menu-container.first_level > .menu > li { break-inside: avoid; }
  .menu_bar .menu-container.first_level > .menu > li:first-child { break-after: avoid; }
}

.menu_bar .menu-container.first_level > .menu .menu-item > a, .menu_bar .menu-container.first_level > .menu .menu-item > button, .menu_bar .menu-container.first_level > .menu .menu-item > span { display: flex; align-items: center; width: 100%; color: rgb(0, 0, 0); padding: 5px 0px; line-height: 18px; }

@media only screen and (max-width: 1199px) {
  .menu_bar .menu-container.first_level > .menu .menu-item > a, .menu_bar .menu-container.first_level > .menu .menu-item > button, .menu_bar .menu-container.first_level > .menu .menu-item > span { justify-content: space-between; border-bottom: 1px solid rgb(221, 221, 221); font-size: 1.2em; font-weight: 700; padding: 0.6em 1em; line-height: 25px; }
}

@media only screen and (min-width: 1200px) {
  .menu_bar .menu-container.first_level > .menu .menu-item.has_submenus > a, .menu_bar .menu-container.first_level > .menu .menu-item.has_submenus > button, .menu_bar .menu-container.first_level > .menu .menu-item.has_submenus > span, .menu_bar .menu-container.first_level > .menu > .menu-item > a, .menu_bar .menu-container.first_level > .menu > .menu-item > button, .menu_bar .menu-container.first_level > .menu > .menu-item > span { font-weight: 600; font-size: 16px; }
}

@media only screen and (max-width: 1199px) {
  .menu_bar .menu-container:not(.first_level) { transition: 0.3s ease-in-out; background-color: rgb(255, 255, 255); }
  .menu_bar .menu-container:not(.first_level) > * { transition: 0.3s ease-in-out; }
}

@media only screen and (max-width: 1199px) and (max-width: 1199px) {
  .menu_bar .menu-container:not(.first_level) { position: fixed; top: 0px; left: -100%; height: 100%; width: 100%; max-width: 440px; z-index: 99999999; padding: 0px; border-right: 1px solid rgb(221, 221, 221); overflow: hidden; }
}

@media only screen and (min-width: 1200px) {
  .menu_bar .menu-container:not(.first_level) .menu { display: flex; flex-flow: column wrap; flex-grow: 1; }
}

.menu_bar .menu-backdrop { transition: 0.3s ease-in-out; position: fixed; top: 0px; left: -100%; width: 100%; height: 100vh; z-index: 99999998; background: rgba(0, 0, 0, 0.6); }

@media only screen and (min-width: 1200px) {
  .menu_bar .menu-backdrop { position: absolute; top: 100%; left: 0px; height: 0px; }
}

@media only screen and (max-width: 1199px) {
  .menu_bar .open { left: 0px !important; overflow: hidden auto !important; }
  .menu_bar .open + .menu-backdrop { left: 0px !important; }
}

@media only screen and (min-width: 1200px) {
  .menu_bar .open.first_level.menu-container { max-height: 650px; }
  .menu_bar .open.first_level.menu-container > * { margin: 20px 0px; }
  .menu_bar .open + .menu-backdrop { height: 100vh; }
}

@media only screen and (min-width: 1200px) {
  .little_leons_website .menu_bar { background-color: rgb(8, 182, 154); }
}

@media only screen and (min-width: 1200px) {
  .little_leons_website .menu_bar .TE-en, .little_leons_website .menu_bar .TE-fr { max-width: 255px; min-width: 255px; width: 255px; }
}

@media only screen and (min-width: 1200px) {
  .little_leons_website .menu_bar .menu-wrapper .navbar-menu-title { position: relative; }
  .little_leons_website .menu_bar .menu-wrapper .navbar-menu-title:last-child { background-color: rgb(255, 242, 0); }
}

@media only screen and (min-width: 1200px) {
  .little_leons_website .menu_bar .menu-container.first_level { width: 570px; }
}

@media only screen and (min-width: 1200px) {
  .little_leons_website .menu_bar .menu-container.first_level > .menu { column-count: 1; }
  .little_leons_website .menu_bar .menu-container.first_level > .menu .menu-item { break-before: avoid !important; }
}

.customer-logged-in .account-menu > a, .lfl_logged_in .account-menu > a { display: none !important; }

.customer-logged-in .account-menu > button, .lfl_logged_in .account-menu > button { display: flex !important; }

.nearest-store { display: grid; grid-template-columns: 1fr; gap: 20px; padding: 10px 20px 20px; }

@media only screen and (min-width: 1200px) {
  .nearest-store { grid-template-columns: 1fr 1fr; }
}

.nearest-store .button { background-color: rgb(19, 90, 138); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; gap: 5px; padding: 10px; border: 1px solid rgb(19, 90, 138); border-radius: 5px; transition: 0.3s ease-in-out; }

.nearest-store .button:hover { filter: brightness(0.8); }

.nearest-store .postal_code_form { display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; grid-column: 1 / -1; }

.nearest-store .postal_code_form input, .nearest-store .postal_code_form label { margin: 0px; line-height: 1; display: flex; align-items: center; }

.nearest-store .postal_code_form input { padding: 4px 10px; font-size: 16px; }

.nearest-store .closest-store-map { display: flex; flex-direction: column; gap: 15px; }

.nearest-store .closest-store-map .map { overflow: hidden; width: 100%; height: 250px; }

.nearest-store .store-info { display: flex; flex-direction: column; gap: 10px; }

.nearest-store .store-info p { margin: 0px; font-weight: 700; font-size: 15px; }

.nearest-store .store-info address { display: flex; flex-direction: column; line-height: 1; gap: 10px; margin: 0px; }

.nearest-store .store-info .hours { display: grid; grid-template-columns: auto auto; justify-content: space-between; gap: 6px 10px; }

.nearest-store .store-info .hours span { line-height: 1; }

.nearest-store .view-more-stores { display: flex; align-items: center; font-weight: 700; text-transform: capitalize; line-height: 1; }

@media only screen and (min-width: 1200px) {
  .nearest-store .view-more-stores { justify-content: flex-end; }
}