.site-main {
    padding-top:2.618em;
}

/* Utility classes */
.relative {
    position: relative !important;
}
.absolute {
    position: absolute !important;
}
.flex {
    display: flex !important;
}
.justify-between {
    justify-content: space-between;
}
  .mt-0 {
    margin-top: 0 !important;
  }
  .mb-0 {
    margin-bottom: 0 !important;
  }
  .mt-1 {
    margin-top: 1rem !important;
  }
  .mb-1 {
    margin-bottom: 1rem !important;
  }
  .mt-2 {
    margin-top: 2rem !important;
  }
  .mb-2 {
    margin-bottom: 2rem !important;
  }
/* Home page slick slider */
.slick-google-reviews .google-review {
    padding: 2rem;
    background-color: transparent;
    position: relative;
}
.slick-google-reviews .google-review-logo img {
    height: 16px !important;
    width: 16px !important;
    margin-left: 10px;
    margin-top: -17px;
}
.slick-google-reviews .slick-autoplay-toggle-button {
    display: none;
}
.slick-google-reviews .google-review .google-review_name {
    font-size: 14px;
    line-height: 1.4;
}
.slick-google-reviews .google-review .google-review_stars {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}
.slick-google-reviews .google-review .google-review_star {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin-right: .5rem;
}
.slick-google-reviews .google-review_body {
    padding-right: 1rem;
    height: 150px;
    overflow: auto;
    color: #333;
    font-size: 1.4rem;
    line-height: 1.5;
    /* scrollbar-color: #d3d3d3 #aaa; */
    scrollbar-width: thin;
}
.slick-google-reviews .google-review_body::-webkit-scrollbar {
    width: 5px;
    /* height: 200px; */
}
.slick-google-reviews .google-review_body::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    border-radius: 2px;
}
.slick-google-reviews .google-review_body::-webkit-scrollbar-track {
    background: #d3d3d3;
}
.slick-google-reviews .google-review_meta {
    display: flex;
    align-items: center;
    color: #333;
}
.slick-google-reviews .google-review_meta img {
    height: 50px;
    width: 50px;
    border-radius: 99px;
    margin-right: 10px;
}
.slick-google-reviews .google-review_meta img {
    height: 50px;
    width: 50px;
    border-radius: 99px;
    margin-right: 10px;
}
.slick-slide {
    margin: 0 1.5rem;
}

@media(max-width:640px){
    .slick-google-reviews.slick-slider {
        margin-bottom: 6rem;
    }
    .slick-slide {
        margin: 0;
    }
    .slick-google-reviews .slick-next,
    .slick-google-reviews .slick-prev {
        top: unset;
        bottom: -35px;
    }
    .slick-google-reviews .slick-next {
        right: 50%;
        transform: translateX(50px);
    }
    .slick-google-reviews .slick-prev {
        left: 50%;
        transform: translateX(-50px);
    }
}

/* Accessibility Icon Styles */
body #pojo-a11y-toolbar {
	top: unset !important;
	bottom: -170px;
	z-index: 9999999999 !important;
}

body #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
	left: 185px !important;
}

body #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	border-radius: 999px;
	border: 1px solid #FFF;
}

body .pojo-a11y-toolbar-overlay {
	position: relative;
	top: -170px;
}
  
body.pojo-a11y-grayscale {   
    filter: none !important;   
    -webkit-filter: none !important;   
    -webkit-filter: none !important;   
    -moz-filter: none !important;   
    -ms-filter: none !important;   
    -o-filter: none !important;   
    filter: none !important;   
}   
 
body.pojo-a11y-grayscale *{   
    filter: grayscale(100%);   
    -webkit-filter: grayscale(100%);   
    -webkit-filter: grayscale(1);   
    -moz-filter: grayscale(100%);   
    -ms-filter: grayscale(100%);   
    -o-filter: grayscale(100%);   
    filter: gray;   
}

@media only screen and (max-width : 767px) {
	body #pojo-a11y-toolbar {
		top: unset !important;
		bottom: -120px;
	}
}

.single-product div.product .single-product-wrapper {
    width: 100%; 
} 

/* DIG-443 - Fontawesome icon fixes */
.demo_store:before,
.pizzaro-sidebar-header .secondary-navigation .menu li::before,
.widget_nav_menu .menu li::before,
.single-product div.product form.cart .ywapo_input_container_checkbox label::before,
a.reset_variations:before,
.stock.in-stock:before,
.stock.out-of-stock:before {
    font-family: 'Font Awesome 5 Free';
}

.single-product div.product form.cart .ywapo_input_container_checkbox label::before {
    content: "\f0c8";
}

.single-product div.product form.cart .ywapo_input_container_checkbox label::before {
    font-weight: 400;
}

.demo_store:before,
a.reset_variations:before,
.single-product div.product form.cart .ywapo_input_container_checkbox input:checked+label::before {
    font-weight: 900;
}

body.pizzatime .yith_wapo_group_total.yith_wapo_keep_show,
body.single .ywapo_tr_product_base_price,
body.single .ywapo_tr_additional_options,
body.single #secondary,
body.single div.product .product_meta,
.yith_wapo_group_product_price_total {
    display: none;
}

body.single .yith_wapo_group_total table td {
    text-align: left;
}

body.single.woocommerce div.product form.cart table td {
    padding-left: 1.5rem;
}

.single .ywapo_input_container.ywapo_input_container_checkbox label:nth-of-type(2):before{
    content: '' !important;
}

/* checkout */
.pizzaro-order-steps {
    
    @media (min-width: 768px) {
        margin-top: 2em;
    }
}
.woocommerce-checkout .woocommerce table.shop_table td {
    border-top: 0;
}
.woocommerce-checkout .woocommerce-Price-amount {
    font-weight: 700;
}
.woocommerce-checkout .woocommerce table.shop_table tfoot th {
    border-top: 0;
}
.woocommerce-checkout .woocommerce form .form-row .input-checkbox {
    margin: 5px 8px 0 -20px;
}
.woocommerce-checkout #yith-par-message-reward-cart {
    margin: 0 0 3.5rem;
    padding: 2.25rem 1.5rem;
    border: 1px solid #eadfce;
    background: #fff6e8;
    box-shadow: 0 14px 28px rgba(17, 17, 17, 0.05);
    color: #231f1a;
    position: relative;

    &:before,
    &:after {
        display: none;
    }

    .clear {
        display: none;
    }
}
.woocommerce-checkout #yith-par-message-reward-cart form.ywpar_apply_discounts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.875rem;
    margin: 0;
    line-height: 1.6;
    font-size: 1.5rem;
}
.woocommerce-checkout #yith-par-message-reward-cart strong {
    color: #111;
}
.woocommerce-checkout #yith-par-message-reward-cart .ywpar-message-copy {
    display: inline;
}
.woocommerce-checkout #yith-par-message-reward-cart .ywpar-message-copy-mobile {
    display: none;
}
.woocommerce-checkout #yith-par-message-reward-cart .ywpar-mobile-row {
    display: block;
}
.woocommerce-checkout #yith-par-message-reward-cart .ywpar-message-copy-desktop > strong:first-of-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    padding: 0 0.75rem;
    background: #fbf3e8;
    color: var(--primary-button-color, #99081f);
    font-size: 1.6rem;
    letter-spacing: 0.01em;
}
.woocommerce-checkout #yith-par-message-reward-cart span:has(> #ywpar-points-max),
.woocommerce-checkout #yith-par-message-reward-cart span:has(> #ywpar_apply_discounts) {
    display: inline-flex;
    align-items: center;
}
.woocommerce-checkout #yith-par-message-reward-cart #ywpar-points-max {
    width: 92px;
    min-height: 46px;
    margin: auto;
    padding: 0.6rem 0.75rem;
    border: 1px solid #d7c5b0;
    background-color: #fff;
    box-shadow: none;
    text-align: center;
    font-weight: 700;
}
.woocommerce-checkout #yith-par-message-reward-cart #ywpar-points-max:focus {
    border-color: var(--primary-button-color, #99081f);
    outline: 0;
}
.woocommerce-checkout #yith-par-message-reward-cart #ywpar_apply_discounts {
    min-height: 46px;
    padding: 0.7rem 1.25rem;
    border: 0;
    border-radius: 0;
    background: var(--primary-button-color, #99081f);
    color: #fff;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    transition: opacity 0.2s ease;
}
.woocommerce-checkout #yith-par-message-reward-cart #ywpar_apply_discounts:hover,
.woocommerce-checkout #yith-par-message-reward-cart #ywpar_apply_discounts:focus {
    opacity: 0.9;
}
.woocommerce-checkout #yith-par-message-reward-cart .woocommerce-Price-amount {
    white-space: nowrap;
}
.woocommerce-checkout #yith-par-message-reward-cart .ywpar_min_reedem_value_error {
    flex-basis: 100%;
    margin-top: 0.25rem;
    color: #b42318;
    font-size: 0.95rem;
}

@media (min-width: 992px) {
    .woocommerce-checkout #yith-par-message-reward-cart {
        text-align: center;
    }
    .woocommerce-checkout #yith-par-message-reward-cart form.ywpar_apply_discounts {
        justify-content: center;
    }
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar_min_reedem_value_error {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .woocommerce-checkout #yith-par-message-reward-cart {
        padding: 1.75rem 1rem;
        text-align: center;
    }
    .woocommerce-checkout #yith-par-message-reward-cart form.ywpar_apply_discounts {
        gap: 0.625rem;
        font-size: 1.35rem;
        line-height: 1.55;
        align-items: stretch;
        justify-content: center;
    }
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar-message-copy-desktop {
        display: none;
    }
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar-message-copy-mobile {
        display: block;
        width: 100%;
        margin-bottom: 0.25rem;
    }
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar-mobile-row {
        width: 100%;
    }
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar-mobile-row-intro,
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar-mobile-row-savings {
        text-align: center;
    }
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar-mobile-row-intro {
        font-size: 1.9rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 0.25rem;
    }
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar-mobile-row-field {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
        text-align: center;
    }
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar-mobile-field-text,
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar-mobile-field-label {
        display: block;
        width: 100%;
        text-align: center;
    }
    .woocommerce-checkout #yith-par-message-reward-cart span:has(> #ywpar-points-max),
    .woocommerce-checkout #yith-par-message-reward-cart span:has(> #ywpar_apply_discounts) {
        width: 100%;
        flex: 0 0 100%;
    }
    .woocommerce-checkout #yith-par-message-reward-cart #ywpar-points-max {
        width: 100%;
        min-height: 38px;
        padding: 0.45rem 0.625rem;
        text-align: center;
    }
    .woocommerce-checkout #yith-par-message-reward-cart #ywpar_apply_discounts {
        width: 100%;
        min-height: 42px;
        padding: 0.65rem 1rem;
        font-size: 1.2rem;
    }
    .woocommerce-checkout #yith-par-message-reward-cart .ywpar_min_reedem_value_error {
        text-align: center;
    }
}
/* cart */
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tbody tr th {
    padding-left: 15px;
}
.woocommerce-cart .cart-collaterals .cart_totals table.shop_table tbody tr td {
    padding-right: 15px;
}
.woocommerce-cart .woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
    display: table;
}
.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    display: block;
}
.woocommerce-cart .woocommerce table.cart td.actions .input-text {
    flex-grow: 1;
    border-radius: 3px;
}
.woocommerce-cart #pizza-cart__upsell_products .pizza-cart__upsell_product button {
    background: #99081f;
}

.woocommerce #primary ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 275px));
    gap: 1.5rem;
}

.woocommerce #primary ul.products .product {
    width: 100%;
}

.woocommerce #primary ul.products .product-outer {
    height: auto !important;
}

.woocommerce #primary li.product:hover .product-inner {
    position: static;
}

.woocommerce #primary li.product .product-content-wrapper {
    border: 0;
}

.woocommerce #primary .product .woocommerce-loop-product__title,
.woocommerce #primary .product .woocommerce-product-details__short-description {
    width: 100%;
    padding: 0;
}

.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
    display: none;
}

.woocommerce #primary .product .product-image-wrapper {
    border: 0;
    padding: 0;
}

.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    height: auto;
}

#colophon .col-full {
    display: block !important;
}

.woocommerce-shop header#masthead {
    margin-bottom: 2em;
}

@media (min-width: 992px) {
    .woocommerce-cart .cart-collaterals {
        margin-left: 52%;
    }
    .woocommerce #content .col-full {
        display: flex;
    }
    .woocommerce.tax-product_cat #content #primary {
        order: 2;
        width: calc(75% - 2rem);
    }
    .woocommerce #content #secondary {
        width: 25%;
        margin-right: 2rem;
    }
}

/* 404 */
.error-404 {
    text-align: center;
}
.error-404 .buttons-404 {
    margin-top: 60px;
    margin-bottom: 120px;
}
.error-404 .buttons-404 .btn {
    background-color: #c00a27;
    padding: 12px;
    width: 120px;
    color: #fff;
    margin: 0 10px;
}
.error-404 .buttons-404 .btn:nth-child(2) {
    background-color: #fff;
    color: #c00a27;
    border: 1px solid #c00a27;
}

/* date picker bg fix store status in front dashboard */
#ui-datepicker-div{
background:#fff;
}

p#user_switching_switch_on {
    color: #fff;
    background: #c54531;
    font-size: 11pt;
    border-radius: 5px;
}

p#user_switching_switch_on a {
    color: #fff;
    font-size: 11pt;
    padding: 10px;
}

/* New Design 4/20/24 */
.page-template-template-home .site-content {
    background-color: #fff;
}

.d-flex {
    display: flex;

    &.space-between {
        justify-content: space-between;
    }

    &.items-center {
        align-items: center;
    }
}
.section-padding {
    padding: 4rem 0;
}
.pizzaro-secondary-navigation {
    display: none;
    padding-top: 7px;
    padding-bottom: 7px;

    @media (min-width: 768px) {
        display: block;
    }
}

.store-status-symbol text {
    text-transform: uppercase;
}
.page-template-template-home .site {
    overflow-x: visible;
}
.page-template-template-home #masthead {
    position: sticky;
    top: 0;

    @media(min-width: 768px) {
        top: -61px;
    }
}
.dropdown .dropdown-menu {
    display: none !important;
}
.dropdown.open > .dropdown-menu {
    display: block !important;
    margin: 0 !important;
    padding: 0;

    a {
        padding: 8px 15px;
    }

    a:hover {
        background-color: #EEE !important;
        text-decoration: none !important;
    }
} 
.menu-item-has-children.open ul.sub-menu::before {
    left: 20px;
    right: unset !important;
}
.menu-item-has-children.open ul.sub-menu::after {
    display: none;
}
.main-navigation .menu {
    overflow: visible;
}
header#masthead.site-header.header-2024 {
    padding: 0;
    margin-bottom: 0 !important;
}

header#masthead .menu-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    background: transparent !important;
    border: none;
    box-shadow: none;

    @media (min-width: 992px) {
        display: none;
    }
}
.menu-toggle .hamburger-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    width: 28px;
}
.menu-toggle .hamburger-bar {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #333;
    transition: transform .3s ease, opacity .2s ease;
}
.menu-toggle[aria-expanded="true"] .hamburger-bar:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}
.menu-toggle[aria-expanded="true"] .hamburger-bar:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}
.menu-toggle[aria-expanded="true"] .hamburger-bar:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}

header#masthead .site-header-wrap a.custom-logo-link img {
    max-width: 150px !important;
    max-height: 70px !important;
    object-fit: contain;
}

@media(min-width: 992px) {
    header#masthead .site-header-wrap a.custom-logo-link img {
        max-height: 100px !important;
    }
}

/* ---- Mobile full-screen menu ---- */
body.mobile-nav-open {
    overflow: hidden;
}
#mobile-menu {
    position: fixed;
    inset: 0;
    width: auto;
    height: auto;
    max-height: none;
    z-index: 100000;
    display: flex !important;
    flex-direction: column;
    padding: 1.25rem 1.5rem calc(1.5rem + env(safe-area-inset-bottom));
    background: linear-gradient(165deg, #1e252c 0%, #12161a 100%);
    border: none;
    overflow: hidden;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform .45s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .45s;

    @media (min-width: 992px) {
        display: none !important;
    }
}
body.mobile-nav-open #mobile-menu {
    visibility: visible;
    transform: none;
    transition: transform .45s cubic-bezier(.22, 1, .36, 1), visibility 0s;
}

#mobile-menu .mobile-menu-header {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
#mobile-menu .mobile-menu-status {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    min-width: 0;
}
#mobile-menu .mobile-menu-status .status-dot {
    flex: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #22C55E;
    box-shadow: 0 0 0 0 rgba(34, 197, 94, .5);
    animation: mobile-status-pulse 2.5s ease-out infinite;
}
#mobile-menu .mobile-menu-status.is-closed .status-dot {
    background-color: #EF4444;
    box-shadow: none;
    animation: none;
}
#mobile-menu .mobile-menu-status .status-text {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    min-width: 0;
}
#mobile-menu .mobile-menu-status .status-label {
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .08em;
    white-space: nowrap;
}
#mobile-menu .mobile-menu-status .status-hours {
    color: rgba(255, 255, 255, .55);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@keyframes mobile-status-pulse {
    0%   { box-shadow: 0 0 0 0 rgba(34, 197, 94, .5); }
    70%  { box-shadow: 0 0 0 11px rgba(34, 197, 94, 0); }
    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }
}
#mobile-menu .mobile-menu-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    background: transparent;
    border: none;
    color: #FFF;
}
#mobile-menu .mobile-menu-close svg {
    width: 32px;
    height: 32px;
}

#mobile-menu .mobile-menu-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1rem 0;
    overscroll-behavior: contain;
}
#mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: none;
    overflow: visible;
}
#mobile-menu .mobile-menu-body > ul {
    margin: auto 0;
}
#mobile-menu .mobile-menu-body > ul > li {
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .3s ease, transform .4s cubic-bezier(.22, 1, .36, 1);
}
body.mobile-nav-open #mobile-menu .mobile-menu-body > ul > li {
    opacity: 1;
    transform: none;
}
body.mobile-nav-open #mobile-menu .mobile-menu-body > ul > li:nth-child(1) { transition-delay: .1s; }
body.mobile-nav-open #mobile-menu .mobile-menu-body > ul > li:nth-child(2) { transition-delay: .15s; }
body.mobile-nav-open #mobile-menu .mobile-menu-body > ul > li:nth-child(3) { transition-delay: .2s; }
body.mobile-nav-open #mobile-menu .mobile-menu-body > ul > li:nth-child(4) { transition-delay: .25s; }
body.mobile-nav-open #mobile-menu .mobile-menu-body > ul > li:nth-child(5) { transition-delay: .3s; }
body.mobile-nav-open #mobile-menu .mobile-menu-body > ul > li:nth-child(6) { transition-delay: .35s; }
body.mobile-nav-open #mobile-menu .mobile-menu-body > ul > li:nth-child(7) { transition-delay: .4s; }
body.mobile-nav-open #mobile-menu .mobile-menu-body > ul > li:nth-child(n+8) { transition-delay: .45s; }

#mobile-menu .mobile-menu-body > ul > li > a {
    display: block;
    position: relative;
    padding: 1.3rem 0;
    color: #FFF;
    font-size: 1.55rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .02em;
    text-align: center;
}

#mobile-menu .sub-menu {
    display: block;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    transition: max-height .35s ease;
}
#mobile-menu li.open > .sub-menu {
    max-height: 70vh;
}
#mobile-menu .sub-menu li a {
    display: block;
    padding: .55rem 0;
    color: rgba(255, 255, 255, .72);
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}
#mobile-menu .sub-menu > li:last-child {
    padding-bottom: .75rem;
}

#mobile-menu .child-indicator {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: none;
}
#mobile-menu .child-indicator::before {
    content: '' !important;
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2px solid rgba(255, 255, 255, .55);
    border-bottom: 2px solid rgba(255, 255, 255, .55);
    transform: rotate(45deg);
    margin-top: -4px;
    transition: transform .25s ease, margin .25s ease;
}
#mobile-menu li.open > a .child-indicator::before {
    transform: rotate(225deg);
    margin-top: 4px;
}

#mobile-menu .mobile-menu-footer {
    flex: none;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .3s ease, transform .4s cubic-bezier(.22, 1, .36, 1);
}
body.mobile-nav-open #mobile-menu .mobile-menu-footer {
    opacity: 1;
    transform: none;
    transition-delay: .25s;
}
#mobile-menu .mobile-menu-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: .5rem 0 1.25rem;
}
#mobile-menu .mobile-menu-location {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    color: #FFF;
    font-size: 1.15rem;
    font-weight: 600;
    line-height: 1.5;
}
#mobile-menu .mobile-menu-location svg {
    width: 30px;
    height: 30px;
    margin-bottom: .9rem;
    opacity: .9;
    animation: mobile-pin-float 3s ease-in-out infinite;
}
#mobile-menu .mobile-menu-location::before {
    content: '';
    position: absolute;
    top: 33px;
    left: 50%;
    width: 18px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .25);
    filter: blur(1px);
    transform: translateX(-50%);
    animation: mobile-pin-shadow 3s ease-in-out infinite;
}
@keyframes mobile-pin-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
}
@keyframes mobile-pin-shadow {
    0%, 100% { transform: translateX(-50%) scaleX(1); opacity: 1; }
    50%      { transform: translateX(-50%) scaleX(.55); opacity: .45; }
}
#mobile-menu .mobile-menu-location .location-line {
    display: block;
}
#mobile-menu .mobile-menu-body > ul > li.mobile-menu-phone-item {
    border-bottom: none;
    margin-top: 1.75rem;
}
#mobile-menu .mobile-menu-body > ul > li.mobile-menu-phone-item > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .85rem;
    font-size: 1.7rem;
}
#mobile-menu .mobile-menu-phone-item svg {
    flex: none;
    width: 23px;
    height: 23px;
    opacity: .7;
}
#mobile-menu .mobile-menu-body > ul > li.mobile-menu-language-item {
    border-bottom: none;
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
}
#mobile-menu .mobile-menu-language {
    position: relative;
    width: 100%;
    max-width: 320px;
}
#mobile-menu .mobile-menu-language__toggle {
    display: flex;
    align-items: center;
    gap: .85rem;
    width: 100%;
    padding: .95rem 1.25rem;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 14px;
    color: #FFF;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease;
}
#mobile-menu .mobile-menu-language-item.open .mobile-menu-language__toggle {
    background: rgba(255, 255, 255, .11);
    border-color: rgba(255, 255, 255, .35);
}
#mobile-menu .mobile-menu-language__toggle svg {
    flex: none;
    width: 21px;
    height: 21px;
    opacity: .85;
}
#mobile-menu .mobile-menu-language__current {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#mobile-menu .mobile-menu-language__toggle .mobile-menu-language__chevron {
    width: 16px;
    height: 16px;
    opacity: .55;
    transition: transform .25s ease;
}
#mobile-menu .mobile-menu-language-item.open .mobile-menu-language__chevron {
    transform: rotate(180deg);
}
#mobile-menu .mobile-menu-language__native {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 2;
}
#mobile-menu .mobile-menu-language__list {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    width: 100%;
    max-height: 42vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    margin: 0;
    padding: .4rem;
    list-style: none;
    background: rgba(31, 38, 45, .95);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(8px) scale(.97);
    transform-origin: bottom center;
    transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
#mobile-menu .mobile-menu-language-item.open .mobile-menu-language__list {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0) scale(1);
    transition: opacity .2s ease, transform .2s ease, visibility 0s;
}
#mobile-menu .mobile-menu-language__list li {
    position: relative;
    padding: .7rem 2.2rem;
    border-radius: 9px;
    color: rgba(255, 255, 255, .85);
    font-size: 1.05rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: background .15s ease;
}
#mobile-menu .mobile-menu-language__list li:hover,
#mobile-menu .mobile-menu-language__list li:active {
    background: rgba(255, 255, 255, .08);
}
#mobile-menu .mobile-menu-language__list li.selected {
    background: rgba(255, 255, 255, .1);
    color: #FFF;
}
#mobile-menu .mobile-menu-language__list li.selected::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 6px;
    height: 11px;
    border-right: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: translateY(-62%) rotate(45deg);
}
#mobile-menu .mobile-menu-language__list::-webkit-scrollbar {
    width: 4px;
}
#mobile-menu .mobile-menu-language__list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .25);
}
#mobile-menu a.mobile-menu-order {
    display: block;
    width: 100%;
    padding: 1.15rem 1rem;
    font-size: 1.25rem;
    text-align: center;
}

@media (prefers-reduced-motion: reduce) {
    #mobile-menu,
    #mobile-menu .mobile-menu-body > ul > li,
    #mobile-menu .mobile-menu-footer {
        transition: none !important;
    }
    #mobile-menu .mobile-menu-status .status-dot,
    #mobile-menu .mobile-menu-location svg,
    #mobile-menu .mobile-menu-location::before {
        animation: none;
    }
}

header#masthead .header-info-wrapper {
    display: none;

    @media (min-width: 992px) {
        display: flex;
    }
}

.header-address,
.header-hours {
    color:#FFF;
}
.header-address a {
    color: #FFF;
}
.header-address a:hover {
    text-decoration: underline;
}
.header-button svg path {
    fill: var(--primary-button-color);
}
.header-button:hover svg path {
    fill: #FFF;
}
.menu.nav-menu {
    max-height: max-content;
}

.bottom-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 1rem 0;
}
.fixed-button {
    position: fixed;
    bottom: 55px;
    right: 15px;
    z-index: 9999;
    border-radius: 5px;

    @media(min-width: 992px) {
        display: none;
    }
}
body:not(.page-template-template-home) .fixed-button {
    display: none;
}
#site-navigation {
    width: auto;
    padding-left: 4rem;
    position: static;
}
.main-nav {
    display: none;

    @media (min-width: 992px) {
        display: block;
    }
}
.main-navigation .main-nav ul {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}
.main-navigation .main-nav ul li a {
    font-weight: bold;
}

.main-navigation .main-nav ul li a {
    text-transform: uppercase;
    font-weight: bold;
}
.main-navigation .main-nav ul li a:hover {
    text-decoration: underline;
}

.main-navigation .main-nav ul:not(.dropdown-menu) li a {
    color: #333;
    padding: 5px 15px;
}

.main-navigation .main-nav ul:not(.dropdown-menu) li a:hover {
    background-color: #DDD;
}

/* Home hero */
.home-hero {
    padding: 3rem 0;

    .col-full {
        position: relative;
    }
}
.home-hero__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 3rem;
    
    @media (min-width: 768px) {
        flex-wrap: nowrap;
        gap: 4rem;
    }

    @media (min-width: 992px) {
        gap: 10rem;
    }
}
.home-hero__flex.mt-3 {

    @media (min-width: 768px) {
        margin-top: 3rem;
    }
}
.home-hero__tagline {
    top: 0;
    left: 15px;
    width: 100%;

    @media (min-width: 768px) {
        position: absolute;
    }
}
.home-hero__title {

    @media (min-width: 768px) {
        max-width: 500px;
    }
}

.home-hero__image {
    display: none;

    @media (min-width: 768px) {
        display: block;
    }

    img {
        max-height: 400px;
    }
}

/* home popular */
.home-popular__title {
    margin-bottom: 4rem;

    @media (min-width: 768px) {
        margin-bottom: 2rem;
    }
}
.home-popular__items {
    display: grid;
    grid-template-columns: 1fr;
    
    @media (min-width: 768px) {
        display: grid;
        gap: 3rem;
        grid-template-columns: repeat(2, 1fr);
    }
    
    @media (min-width: 992px) {
        grid-template-columns: repeat(4, 1fr);
    }

    @media (min-width: 992px) {
        .mobile {
            display: none;
        }
    }

    .home-popular__post.mobile {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 2rem;
        padding: 1.5rem 0;
        border-bottom: 1px solid #CCC;

        @media (min-width: 768px) {
            display: none;
        }

        h3, .home-popular_desc {
            font-size: 14px;
            line-height: 1.3;
        }

        .home-popular__desc {
            margin-bottom: 0;
        }

        .image-link {
            flex-shrink: 0;
        }

        .home-popular__image {
            height: 100px;
            width: 100px;
            object-fit: cover;
            margin-bottom: 0;
        }
    }

    .home-popular__post {
        display: none;
        flex-direction: column;
        height: 100%;
        float: none;

        @media (min-width: 768px) {
            display: flex;
        }

        h3 {
            font-weight: bold !important;
            font-size: 20px;
            text-transform: uppercase;
        }

        a:not(.image-link) {
            margin-top: auto;
        }

        .home-popular__desc {
            line-height: 1.5;
            font-size: 14px;
        }
    }
}

.home-popular__image {
    height: 250px;
    width: 100%;
    margin-bottom: 10px;
    object-fit: cover;
}

.home-popular__desc {
    margin-bottom: 15px;
}

.home-popular__cta {
    width: max-content;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    border-radius: 99px;
    border: 1px solid #000;
    background-color: #FFF;
    transition: all 0.3s;
    font-weight: bold;
}

.home-popular__cta:hover {
    background-color: #000;
    color: #FFF;
}

.home-announcement-bar {
    padding: 1.5em 0 0.5em;
}

/* home about */
.home-about .d-flex {
    flex-direction: column;

    @media (min-width: 768px){
        flex-direction: row;
    }
}
.home-about__image,
.home-about__content {
    width: 100%;

    @media (min-width: 768px){
        width: 50%;
    }
}

.home-about__image img {
    width: 100%;
    height: 250px;
    object-fit: cover;

    @media (min-width: 768px){
        height: 100%;
        min-height: 300px;
        max-height: 600px;
    }
}

.home-about__content {
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-about__cta {
    text-decoration: underline;
}

/* home visit */
.home-visit {
    padding-bottom: 3rem;
}
.home-visit_outerwrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;

    @media (min-width: 992px) {
        grid-template-columns: 25% 45% 1fr;
    }
}

.home-visit__map iframe {
    height: 250px;
    width: 100%;

    @media (min-width: 768px) {
        height: 100%;
    }
}

.home-visit__content {

    .phone-border {
        border-left: 1px solid rgba(0,0,0,0.15);
        display: none;
        height: 45px;

        @media (min-width: 576px) {
            display: block;
        }
    }

    hr {
        background-color: rgba(0,0,0,0.15);
    }

    .d-flex {
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 2rem;

        @media (min-width: 576px) {
            flex-wrap: nowrap;
            gap: 0;
        }
    }
}

.home-visit__cta {
    width: 100%;

    @media (min-width: 480px) {
        max-width: 300px;
    }

    a {
        display: block;
    }

    .store-timings {
        margin-left: 0;
        list-style-type: none;
    }

    .store-timings > li {
        display: grid;
        grid-template-columns: 100px 1fr;
    }
}

/* New Footer */
.footer {
    position: relative;

    .grid {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        row-gap: 2.5rem;
    
        @media (min-width: 768px) {
            grid-template-columns: 200px 1fr;
            grid-template-rows: auto auto;
        }
    
        @media (min-width: 992px) {
            grid-template-columns: 20% 55% minmax(0, 1fr);
        }
    }

    .custom-logo {
        width: auto;
        max-height: 100px;
        margin: auto;

        @media (min-width: 768px) {
            margin: 0;
        }
    }

    .menu {
        display: flex;
        column-gap: 2rem;
        row-gap: .5rem;
        flex-wrap: wrap;
        margin: 0;
        list-style-type: none;
        justify-content: center;
        
        @media (min-width: 768px) {
            padding-right: 2rem;
            margin-left: 3rem;
            justify-content: flex-start;
        }

        a {
            text-transform: uppercase;
            font-weight: bold;
        }
    }

    .footer-zip-codes {
        text-align: center;
    
        @media (min-width: 768px) {
            text-align: left;
        }
    
        .d-flex {
            column-gap: 1rem;
            row-gap: .5rem;
            flex-wrap: wrap;
            justify-content: center;
    
            @media (min-width: 768px) {
                justify-content: flex-start;
            }
        }
    
        .zip {
            font-size: 14px;
        }
    }

    .socials {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 2rem;
        margin-top: 2rem;

        @media (min-width: 768px) {
            margin-top: 0;
            justify-content: start;
        }

        a {
            width: 20px;
        }

        a:hover {
            svg {
                transition: scale 0.2s;
                transform: scale(1.1);
            }
        }
    }

    .bottom-footer {
        background-color: #fff;
        padding: 2rem 0;

        img {
            margin: auto;
            max-width: 200px;
        }
    }

    .bottom-footer__copyright {
        margin: 2rem 0 0;
        color: #666;
        background-color: #fff;
        font-size: 14px;

        a {
            color: #666;
            text-decoration: underline;
            transition: color 0.3s;
        }

        a:hover {
            color: #000;
        }
    }
}

/* Home embed section */
.home-embed__heading {
    margin-bottom: 3rem;
}
.home-embed__content {
    display: flex;
    gap: 4rem;
    justify-content: center;
    flex-wrap: wrap;

    .left-column,
    .right-column {
        width: calc(100% - 4rem);

        @media (min-width: 768px) {
            width: calc(50% - 4rem);
        }
    }
}

/* Home Image Gallery Section */
.home-image-gallery {

    .img-gallery {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2rem;

        @media (min-width: 768px) {
            grid-template-columns: repeat(2, 1fr);
        }

        @media (min-width: 992px) {
            grid-template-columns: repeat(4, 1fr);
            gap: 3rem;
        }

        
        img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            cursor: pointer;
            border: 1px solid #eee;
            transition: transform 0.3s;
        }

        img:hover {
            transform: scale(1.05);
        }
    }
}

/* Home FAQ Section */
.home-faqs {

    /* plus glyph for showing collapsible panels */
    .panel-heading .accordion-plus-toggle:before {
        font-family: FontAwesome;
        content: "\f068";
        float: right;
        color: silver;
    }
    
    .panel-heading .accordion-plus-toggle.collapsed:before {
        content: "\f067";
        color: silver;
    }
    
    /* arrow glyph for showing collapsible panels */
    .panel-heading .accordion-arrow-toggle:before {
        font-family: FontAwesome;
        content: "\f078";
        float: right;
        color: silver;
    }
    
    .panel-heading .accordion-arrow-toggle.collapsed:before {
        content: "\f054";
        color: silver;
    }
    
    /* sets the link to the width of the entire panel title */
    .panel-title > a {
        display: block;
        font-size: 20px;
    }
}

/* Home zip codes */
.home-zip-codes {

    .zip {
        font-weight: 600;
        font-size: 1.8rem;
    }
    
    .three-col, .four-col, .five-col {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem;
    }

    .home-zip-codes__heading {
        margin-bottom: 3rem;
    }

    @media (min-width: 768px) {
        .three-col {
            grid-template-columns: repeat(3, 1fr);
        }

        .four-col, .five-col {
            grid-template-columns: repeat(4, 1fr);
        }
    }
    
    @media (min-width: 992px) {

        .three-col {
            grid-template-columns: repeat(3, 1fr);
        }

        .four-col {
            grid-template-columns: repeat(4, 1fr);
        }

        .five-col {
            grid-template-columns: repeat(5, 1fr);
        }
    }
}

/* woocommerce single product template styles */
.single-product {

    .pizzaro-breadcrumb {
        margin: 0;
        position: static;

        .woocommerce-breadcrumb {
            margin: 0;
            max-width: 100%;
        }
    }
}
@media (min-width: 992px) {
    .woocommerce.single-product #content .col-full {
        display: block;
    }
}

/* ---- Mobile: bigger floating Order Now ---- */
@media (max-width: 991px) {
    .fixed-button {
        display: flex;
        align-items: center;
        bottom: 25px;
        height: 54px;
        padding: 0 1.9rem;
        font-size: 1.2rem;
        text-transform: uppercase;
        letter-spacing: .02em;
    }
}