@font-face {
    font-family: 'Vienna Woodtype Rough';
    src: url('https://www.slice-house.com/wp-content/themes/slicehouse/assets/fonts/ViennaWoodtype-Rough.woff2') format('woff2'),
        url('https://www.slice-house.com/wp-content/themes/slice-house/assets/fonts/ViennaWoodtype-Rough.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mont Regular';
    src: url('https://www.slice-house.com/wp-content/themes/slicehouse/assets/fonts/Mont-Regular.woff2') format('woff2'),
        url('https://www.slice-house.com/wp-content/themes/slice-house/assets/fonts/Mont-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mont Bold';
    src: url('https://www.slice-house.com/wp-content/themes/slicehouse/assets/fonts/Mont-Bold.woff2') format('woff2'),
        url('https://www.slice-house.com/wp-content/themes/slicehouse/assets/fonts/Mont-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iron__brineregular';
    src: url('https://www.slice-house.com/wp-content/themes/slicehouse/assets/fonts/iron__brine-webfont.woff2') format('woff2'),
         url('https://www.slice-house.com/wp-content/themes/slicehouse/assets/fonts/iron__brine-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Variable --------------------------------------------- */
:root{
    --font-vienna: 'Vienna Woodtype Rough';
    --font-mont: 'Mont Regular';
    --font-mont-bold: 'Mont Bold';
    --font-iron-brine: 'iron__brineregular';
    --black: #000000;
    --white: #FFFFFF;
    --red: #ED1A3B;
    --light-grey: #D9D9D9;
    --pink: #F8C1D9;
    --green: #D9E0C5;
    --yellow: #FFE6CB;
    --blue: #e1eef9;;
    --intro-overlap: 7vw;
    --main-overlap: 6vw;
    --intro-top-left: 14vw;
    --intro-top-right: 2vw;
    --intro-heading: 13.75rem;
    --module-heading: 11.25rem;
    --burger-menu: 6.250rem;
    --menu-accordion: 4.063rem;
    --faqs-h2: 3.125rem;
    --card-h2: 1.5rem;
    --newsletter-h2: 1.25rem;
    --newsletter-copy: 2.375rem;
    --about-copy: 1.875rem;
    --faqs-copy: 1.5rem;
    --copy-xs: 1rem;
    --copy: 1.5rem;
    --burger-padding: 6.875rem 5.625rem;
    --header-padding: 1.875rem 5.625rem;
    --module-padding-home: 6.25rem 0 12.5rem 0;
    --module-padding-xs: 4.688rem 0;
    --module-padding-s: 9.375rem 0;
    --module-padding-m: 12.5rem 0;
    --module-padding-l: 18.75rem 0;
    --about-module-padding: 12.5rem 0 5.625rem 0;
    --faqs-padding: 1.875rem 0;
    --faqs-accordion-padding: 12.5rem;
    --card-padding: 0.938rem;
    --card-padding-m: 1.875rem;
    --footer-padding: 11.875rem 5.625rem 5.625rem 5.625rem;
    --button-header-padding: 0.625rem 1.875rem;
    --button-padding: 0.625rem 2.875rem;
    --gap-s: 0.938rem;
    --gap-m: 1.438rem;
    --gap-l: 3.125rem;
    --burger-tilt: -2.857deg;
    --burger-spacing: 40px;
    --burger-thickness: 1.2;
}
/* General --------------------------------------------- */
body, html{background-color: var(--red); line-height: normal; overflow-x: hidden; scroll-behavior: smooth;}
a, a:focus, a:active, a:hover{outline: none!important; box-shadow: none;}
:focus{outline: none!important;}
*, *::before, *::after{box-sizing: border-box; margin: 0; padding: 0;}
.site-inner{max-width: 100%; padding: 0;}
.content{width: 100%;}
img, picture, video, canvas{max-width: 100%; display: block;}
.content > *:first-child{padding-top: 106px;}
.copy p{padding-bottom: 20px;}
.copy p:last-child{padding-bottom: 0;}
a, a:focus, a:active, a:hover, input[type="submit"]:focus, input[type="submit"]:hover, button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover{background: transparent; outline: none; box-shadow: none;}
/* Header --------------------------------------------- */
.custom-header{background-color: var(--red); padding: var(--header-padding); position: fixed; width: 100%; z-index: 3;}
.custom-header .wrap{display: flex; align-items: center; position: relative;}
.site-logo{position: absolute; left: 50%; top: 50%; translate: -50% -50%; z-index: 2; display: grid; place-items: center; transition: transform 520ms cubic-bezier(.2,.8,.2,1); will-change: transform;}
.site-logo img{width: clamp(120px, 21vw, 210px); height: auto; display: block; transition: transform 520ms cubic-bezier(.2,.8,.2,1); transform-origin: 50% 50%; will-change: transform;}
@media (prefers-reduced-motion: reduce){
    .site-logo, .site-logo img, .burger-bar{transition: none!important;}
}
.header-nav--left, .header-nav--right{width: 50%;}
.header-nav--left, ul.menu.menu-right{display: flex; align-items: center;}
ul.menu.menu-left{justify-content: flex-start; gap: 80px;}
ul.menu.menu-right{justify-content: flex-end; gap: 80px;}
ul.menu.menu-left li a, ul.menu.menu-right li a{color: var(--black); font-family: var(--font-mont-bold); font-size: var(--newsletter-h2); letter-spacing: 2.4px; text-transform: uppercase; text-decoration: none;}
ul.menu.menu-left li a:hover, ul.menu.menu-right li a:hover{color: var(--pink);}
.burger-toggle{background: transparent; border: 0; padding: 0; cursor: pointer; line-height: 0; position: relative; z-index: 10001; color: var(--black);}
.burger-icon{width: 40px; height: 40px; display: block;}
.burger-toggle:hover .burger-icon, .custom-header.custom-header--open .burger-toggle{fill: var(--pink);}
.burger-toggle:hover{color: var(--pink);}
.burger-toggle--desktop{display: none; margin-right: 80px;}
.burger-menu-panel{position: fixed; inset: 0; z-index: 10000; background: var(--black); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-8px); transition: opacity 260ms ease, transform 260ms ease, visibility 0s linear 260ms; overflow: auto; -webkit-overflow-scrolling: touch; padding: var(--burger-padding);}
.burger-menu-panel.is-open{opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition: opacity 260ms ease, transform 260ms ease, visibility 0s;} 
ul#menu-burger-menu li{width: fit-content;}
ul#menu-burger-menu li a{line-height: 80px; text-decoration: none; font-family: var(--font-vienna); font-size: var(--burger-menu); color: var(--white);}
ul#menu-burger-menu li a:hover{color: var(--pink);}
.burger-bar{fill: currentColor; transform-box: fill-box; transform-origin: 50% 50%; transition: transform 320ms cubic-bezier(.2,.8,.2,1), opacity 220ms ease; will-change: transform, opacity;}
.custom-header.custom-header--open .burger-bar--top{transform: translateY(20px) rotate(45deg); fill: var(--red);}
.custom-header.custom-header--open .burger-bar--mid{opacity: 0; transform: scaleX(0.2);}
.custom-header.custom-header--open .burger-bar--bot{transform: translateY(20px) rotate(-45deg); fill: var(--red);}
.burger-menu-panel .burger-menu-list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start;}
.custom-header:not(.custom-header--open) .burger-bar--top{transform: scaleY(var(--burger-thickness)) translateY(calc(-1 * var(--burger-spacing))) rotate(var(--burger-tilt));}
.custom-header:not(.custom-header--open) .burger-bar--mid{transform: scaleY(var(--burger-thickness)) rotate(var(--burger-tilt));}
.custom-header:not(.custom-header--open) .burger-bar--bot{transform: scaleY(var(--burger-thickness)) translateY(var(--burger-spacing)) rotate(var(--burger-tilt));}
/* Slider --------------------------------------------- */
.acf-slideshow, .acf-slider{position: relative; z-index: 1;}
.acf-slideshow{width: 100%; position: relative;}
.acf-slider .flickity-viewport{height: 70vh; overflow: hidden;}
.acf-slider .slide{position: relative; width: 100%; overflow: visible; align-items: center; justify-content: center; height: 70vh;}
.acf-slider img, .acf-slider video{display: block; width: 100%; height: 100%; object-fit: cover;}
.acf-slider img{object-position: center;}
.media-wrapper{position: relative; width: 100%; height: 100%; overflow: hidden;}
.media-wrapper img, .media-wrapper video{width: 100%; height: 100%; object-fit: cover; display: block; object-position: center;}
.acf-slider .media-wrapper{position: absolute; inset: 0;}
.acf-slider .slider-inner{z-index: 3;}
li.header-button{background: var(--black); padding: var(--button-header-padding);}
li.header-button a{color: var(--white)!important;}
li.header-button:hover{background: var(--pink);}
.slider-inner{position: absolute; top: 60%; left: 50%; transform: translate(-50%, -60%);}
.buttons-row{display: flex; gap: var(--gap-s);}
.buttons-row a{background-image: url(/wp-content/themes/slicehouse/assets/img/button-bg.svg); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: transparent; padding: var(--button-padding); color: var(--white); font-family: var(--font-mont-bold); font-size: var(--card-h2); letter-spacing: 2.4px; text-transform: uppercase; text-decoration: none;}
/* Home Page --------------------------------------------- */  
body.home .introduction{padding: var(--module-padding-home);}
body.home .intro-heading{font-size: var(--intro-heading);}
.introduction{isolation: isolate; position: relative; padding: var(--module-padding-l); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible;}
.introduction::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--black); clip-path: polygon(0 var(--intro-top-right), 100% var(--intro-top-left), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
.intro-heading{display: flex; font-family: var(--font-vienna); font-size: var(--module-heading); margin: 0; justify-content: center; color: var(--white); transform: rotate(-2.857deg);} 
.intro-heading .intro-line:first-child{line-height: 205px;}
.intro-heading--top .intro-line{display: flex; align-items: baseline; gap: var(--gap-m);}
.intro-heading--bottom .intro-line{display: flex; flex-direction: row-reverse; align-items: flex-start; gap: var(--gap-m);}
.intro-underline.intro-underline--top img{width: 265px;}
.intro-underline.intro-underline--bottom{margin-top: var(--gap-m);}
.intro-underline.intro-underline--bottom img{width: 360px;}
.about{position: relative; padding: var(--about-module-padding); background: transparent; overflow: visible; color: var(--black); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2;}
.about::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--light-grey); clip-path: polygon(0 var(--intro-top-left), 100% var(--intro-top-right), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
.about_inner{padding: 0 100px;}
.about h2.module-heading{transform: rotate(6.931deg); font-family: var(--font-vienna); font-size: var(--module-heading); margin: 0; position: absolute; top: 80px; right: 200px;}
svg.about{position: absolute; width: 310px; right: 200px; top: 265px; margin: 0; padding: 0;}
.about_panel{display: flex; flex-direction: column; width: 60%; margin: 0 auto; padding: 40px 0 90px 0;}
svg.about_panel.top, svg.about_panel.bottom{width: 100%; padding: 0;}
.about_panel_inner{margin: var(--gap-s) 0; text-transform: uppercase;}
.about_inner .buttons-row{justify-content: center;}
.about-image{position: relative; display: inline-block;}
.about-panel-block{display: none; color: var(--black); text-align: center; font-family: var(--font-mont-bold); text-transform: uppercase; margin: 0; font-size: var(--about-copy);}
.about-panel-block.is-active{display: block;}
.values-triangle{position: relative; display: block; width: 60%; height: 100%; margin: 0 auto;}
.values-triangle__base{position: relative; z-index: 1;}
.values-triangle__base svg{display: block; width: 100%; height: auto;}
.values-triangle__device, .values-triangle__segment{position: absolute; inset: 0;}
.values-triangle__device{z-index: 2; position: relative;}
.values-triangle__segment{z-index: 3; background: transparent; border: 0; padding: 0; cursor: pointer;}
.values-triangle svg{display: block; width: 100%; height: auto;}
.values-triangle svg .d{fill: var(--black);}
.values-triangle__segment svg .d, .values-triangle__device.values-triangle__device--line svg .d{fill: var(--light-grey);}
.values-triangle__segment.is-active svg .d, .values-triangle__segment:hover svg .d, .values-triangle__segment:focus-visible svg .d{fill: var(--pink);}
.values-triangle__segment--real{left: 16%; top: 72%; width: 66%; height: 20%; transform: rotate(0deg); transform-origin: left center;}
.values-triangle__segment--sliced{left: 5%; top: 18%; width: 18%; height: 80%; transform: rotate(-1deg); transform-origin: left top; position: absolute;}
.values-triangle__segment--fresh{left: 17%; top: 6%; width: 52%; height: 26%; transform: rotate(0deg); transform-origin: left center;}
.popular{position: relative; padding: var(--module-padding-xs); background: var(--white); overflow: visible; text-align: center; color: var(--black);}
.popular h2.module-heading{line-height: 205px; font-family: var(--font-vienna); font-size: var(--module-heading); text-transform: uppercase; margin: 0;}
svg.module-heading.popular{padding: 0; width: 240px;}
.module-subheading{padding: 70px 0 0 0!important;}
svg.module-subheading.popular{width: 370px; padding: 0 !important; margin-bottom: 60px;}
.module-subheading, .main-filter .module-subheading{font-family: var(--font-mont-bold); font-size: var(--menu-accordion); text-transform: uppercase; padding: 70px 0 60px 0;}
.popular__slider{margin: 0 100px 60px 100px;}
.flickity-page-dots{bottom: -73px;}
.flickity-page-dots .dot{background: var(--light-grey)!important; margin: 0 5px;}
.flickity-page-dots .dot.is-selected{background: var(--red)!important;}
.popular__item{width: calc((100% - 40px) / 3); margin-right: 20px;}
/*.popular__item:last-child{margin-right: 0;}*/
.popular__media{aspect-ratio: 1 / 1; overflow: hidden;}
.popular__image{width: 100%; height: 100%; object-fit: cover; display: block;}
.popular__copy{display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-top: 30px;}
h3.popular__title, .popular__desc, .popular__price{color: var(--black); font-family: var(--font-mont-bold); font-size: var(--copy); text-transform: uppercase; text-align: left;}
h3.popular__title{margin: 0;}
.main-menu{isolation: isolate; position: relative; padding: var(--module-padding-s); background: var(--white); overflow: visible; color: var(--white); z-index: 2;}
.main-menu::before{content: ""; position: absolute; top: calc(-1 * var(--main-overlap)); left: -2vw; right: -2vw; bottom: -1px; background: var(--black); clip-path: polygon(0 var(--intro-top-left), 100% var(--intro-top-right), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
.main-filter{position: relative; background: var(--white); overflow: visible; text-align: center; color: var(--black); padding-bottom: 100px;}
.main-filter .module-subheading{padding: 0!important;}
svg.module-subheading.main{width: 400px;}
.newsletter{isolation: isolate; z-index: 2; position: relative; padding: 0 0 180px 0; background: var(--black); overflow: visible; color: var(--white);}
svg.newsletter{padding: 0; margin-top: var(--gap-m);}
.newsletter-form{display: flex; flex-direction: column; gap: 15px;}
form#mc4wp-form-1{width: 25%;}
input, textarea{color: #AFA9A9!important; border: 0!important; font-family: var(--font-mont); font-size: var(--copy-xs); letter-spacing: 0.939px;}
input::placeholder, textarea::placeholder{color: #AFA9A9!important; opacity: 1;}
input[type="submit"]{background-image: url(/wp-content/themes/slicehouse/assets/img/button-bg.svg); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: transparent; font-family: var(--font-mont-bold); color: var(--white) !important; text-transform: uppercase; font-size: var(--copy); letter-spacing: 3.15px; width: 100%; border-radius: 0; padding: 10px 45px;}
.main_inner, .popular_inner, .newsletter_inner{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.menu-section{width: 100%;}
h2.menu-type__title, .menu-type__overview, .menu-accordion__panel{margin: 0 100px;}
.menu-accordion__panel .buttons-row{justify-content: center; margin-bottom: 80px;}
h2.menu-type__title{font-family: var(--font-vienna); font-size: var(--module-heading); line-height: 205px; margin-bottom: var(--gap-m); margin-top: 50px;}
svg.horizontal-line{margin: 0 100px;}
h2#breakfast, #menu-section-breakfast h3.menu-item__title{color: var(--yellow);}
svg#breakfast, #menu-section-breakfast .menu-item__dietary svg{fill: var(--yellow);}
h2#desserts, #menu-section-desserts h3.menu-item__title{color: var(--pink);}
svg#desserts, #menu-section-desserts .menu-item__dietary svg{fill: var(--pink);}
h2#drinks, #menu-section-drinks h3.menu-item__title{color: var(--blue);}
svg#drinks, #menu-section-drinks .menu-item__dietary svg{fill: var(--blue);}
h2#pasta, #menu-section-pasta h3.menu-item__title{color: var(--pink);}
svg#pasta, #menu-section-pasta .menu-item__dietary svg{fill: var(--pink);}
h2#sides, #menu-section-sides h3.menu-item__title{color: var(--green);}
svg#sides, #menu-section-sides .menu-item__dietary svg{fill: var(--green);}
h2#meaty-pizzas, #menu-section-meaty-pizzas h3.menu-item__title{color: var(--pink);}
svg#meaty-pizzas, #menu-section-meaty-pizzas .menu-item__dietary svg{fill: var(--pink);}
h2#veggie-pizzas, #menu-section-veggie-pizzas h3.menu-item__title{color: var(--green);}
svg#veggie-pizzas, #menu-section-veggie-pizzas .menu-item__dietary svg{fill: var(--green);}
h2#square-pizzas, #menu-section-square-pizzas h3.menu-item__title{color: var(--yellow);}
svg#square-pizzas, #menu-section-square-pizzas .menu-item__dietary svg{fill: var(--yellow);}
.menu-type__overview{max-width: 56%;}
.menu-type__overview p{font-family: var(--font-mont-bold); font-size: var(--about-copy); font-style: normal; text-transform: uppercase; margin-bottom: 50px;}
.menu-accordion__toggle{font-family: var(--font-iron-brine); background: transparent!important; padding: 35px 0!important; font-size: var(--menu-accordion); text-transform: uppercase; border-radius: 0; width: -webkit-fill-available; display: flex; align-items: center; justify-content: space-between; margin: 0 100px;}
.menu-accordion__toggle:focus, .menu-accordion__toggle:hover{outline: none!important; box-shadow: none;}
select#menu-type-filter{margin-top: 70px; border-radius: 3.673px; border: 3.673px solid var(--red); width: 25%; color: var(--red); text-align: center; font-family: var(--font-mont-bold); font-size: var(--faqs-copy); letter-spacing: 4.408px; text-transform: uppercase;}
ul.menu-items{display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 40px; grid-row-gap: 90px; padding: 50px 0 90px 0;}
h3.menu-item__title{display: flex; align-items: center; gap: var(--gap-s); margin-bottom: 10px; font-size: var(--menu-accordion); text-transform: uppercase; margin: 0; font-family: var(--font-iron-brine);}
.menu-item__dietary{display: flex; align-items: center;}
.menu-item__dietary svg{width: 1em; height: 1em; display: block;}
p.menu-item__desc{width: 90%; font-family: var(--font-mont-bold); font-size: var(--about-copy); text-transform: uppercase; margin: 0;}
.menu-item__pricing{display: flex; gap: 15px; font-family: var(--font-mont-bold); font-size: var(--copy-xs); text-transform: uppercase;}
img.menu-type__image{display: block; width: 100%; height: 80vh; clip-path: polygon(0 30%, 100% 0, 100% 70%, 0% 100%); transform: translateY(0); object-fit: cover; margin-top: 50px;}
.newsletter-headings{text-align: center;}
.newsletter-headings h2.module-heading{line-height: 170px; font-family: var(--font-vienna); font-size: var(--module-heading); margin: 0; max-width: 580px;}
#top.copy, #bottom.copy{padding: 50px 0;}
#top.copy p, #bottom.copy p{font-family: var(--font-mont-bold); font-size: var(--newsletter-copy); text-transform: uppercase; width: 55%; text-align: center; margin: 0 auto;}
.app-list{display: flex; align-items: center; gap: 15px;}
/* Franchise --------------------------------------------- */  
body.page-template-franchise .acf-slideshow{background-color: var(--black);}
body.page-template-franchise .slider-inner{top: 50%;}
body.page-template-franchise .slider-inner h1{font-family: var(--font-vienna); font-size: var(--module-heading); color: var(--white); margin: 0;}
body.page-template-franchise svg.slider-subpage{fill: var(--pink);}
#franchise.about .about_inner{display: flex; flex-direction: column;}
#franchise.about{padding: var(--module-padding-s);}
#franchise.about h2{transform: none; position: inherit; text-align: center; margin-bottom: 0;}
#franchise.about svg{width: 900px; margin: 0 auto;}
#franchise.about .copy, .own-house .copy, .join-us .copy{padding: 0 50px; text-align: center; margin-top: 50px;}
#franchise.about .copy p, .join-us .copy p{font-family: var(--font-mont-bold); font-size: var(--copy); line-height: 40px; text-transform: uppercase; margin-bottom: 0; color: var(--black);}
#about.introduction::before{background-image: url('/wp-content/uploads/2025/12/Slice_House_Web_Images_v1-04.webp'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.our-franchises{background: var(--black); padding: var(--module-padding-m);}
.our-franchises::before{content: ""; position: absolute; top: calc(-1 * var(--main-overlap)); left: -2vw; right: -2vw; bottom: -1px; background: var(--black); clip-path: polygon(0 var(--intro-top-left), 100% var(--intro-top-right), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
.own-house{position: relative; padding: var(--module-padding-s); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible; isolation: isolate;}
.own-house::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--pink); clip-path: polygon(0 var(--intro-top-left), 100% var(--intro-top-right), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
.own-house .copy p{color: var(--black); font-family: var(--font-mont-bold); font-size: var(--copy); text-transform: uppercase; margin-bottom: 0;}
.contact-form{width: 50%; margin: 50px auto 0 auto;}
.contact-form .two-col{display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-m);}
.contact-form .wpcf7 input[type="email"], .contact-form input, .contact-form textarea{color: var(--light-grey); margin-bottom: var(--gap-m); text-transform: uppercase; font-size: var(--copy-xs);}
.contact-form p{margin-bottom: 0;}
p.label{margin-bottom: var(--gap-m); color: var(--black); font-family: var(--font-mont-bold); font-size: var(--copy-xs); letter-spacing: 0.8px; text-transform: uppercase;}
p#radio.label{margin-bottom: 5px; margin-top: 15px;}
p#top.label{margin-top: 15px;}
.contact-form input[type="submit"]{display: block; width: auto; margin: 0 auto; font-size: var(--copy);}
.wpcf7 form .wpcf7-response-output{width: 40%; margin: 0 auto; padding: 0; border: 0; text-align: center; font-family: var(--font-mont-bold); font-size: var(--copy-xs); letter-spacing: 0.8px; color: var(--white);}
.wpcf7-not-valid-tip{border: 0; font-family: var(--font-mont); font-size: var(--copy-xs); letter-spacing: 0.8px; margin-bottom: var(--gap-m);}
.wpcf7 form.sent .wpcf7-response-output{color: #46b450;}
#franchise.about .copy{max-width: 75%; margin: 50px auto 0 auto;}
.franchise-table img{width: 100%;}
.franchise-table{padding: 0 135px;}
.franchise-columns{padding: 0 135px; margin-top: 100px;}
.franchise-col{margin-bottom: 50px;}
.franchise-col:last-child{margin-bottom: 0;}
.franchise-col h3{font-family: var(--font-iron-brine); font-size: var(--faqs-h2); margin-bottom: 0; color: var(--pink);}
.franchise-col__copy{width: 85%;}
.franchise-col p, .franchise-col li{font-family: var(--font-mont-bold); font-size: var(--copy); color: var(--white);}
.franchise-col p:last-child{margin-bottom: 0;}
.franchise-col p a{color: var(--white);}
.franchise-col p a:hover{color: var(--pink);}
.franchise-col ul{margin-bottom: 28px;}
.franchise-col li{list-style: disc; list-style-position: inside;}
body.page-template-franchise .newsletter{position: relative; padding: var(--module-padding-m); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible; isolation: isolate;}
body.page-template-franchise .newsletter::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--black); clip-path: polygon(0 var(--intro-top-left), 100% var(--intro-top-right), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
body.page-template-franchise svg.newsletter{padding: 0; margin-top: var(--gap-m);}
.house-headings{text-align: center; padding: 0 100px;}
.house-headings h2.module-heading{font-family: var(--font-vienna); font-size: var(--module-heading); margin: 0; color: var(--black); line-height: 205px;}
svg.house{width: 1000px; margin: 0 auto;}
/* Restaurants --------------------------------------------- */  
body.page-template-restaurants .acf-slideshow{background-color: var(--pink);}
body.page-template-restaurants .slider-inner{top: 50%;}
body.page-template-restaurants .slider-inner h1{font-family: var(--font-vienna); font-size: var(--module-heading); text-transform: uppercase; color: var(--black); margin: 0;}
body.page-template-restaurants svg.slider-subpage{fill: var(--black);}
.our-locations{isolation: isolate; position: relative; padding: var(--module-padding-m); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible;}
.our-locations::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--black); clip-path: polygon(0 var(--intro-top-right), 100% var(--intro-top-left), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
.banner-image{isolation: isolate; position: relative; padding: var(--module-padding-l); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible;}
.banner-image::before{background-image: url('/wp-content/uploads/2025/12/Slice_House_Web_Images_v1-10-1.webp'); background-size: cover; background-repeat: no-repeat; background-position: center; content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; z-index: -1; pointer-events: none; clip-path: polygon(0 var(--intro-top-left), 100% var(--intro-top-right), 100% 100%, 0 100%);}
.locations-map{width: 90%; margin: 0 auto; padding-bottom: 70px;}
.locations-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-l); width: 55%; margin: 0 auto; grid-template-columns: 1fr;}
.location-card{display: flex; align-items: center; padding: var(--card-padding-m); background: var(--pink); color: var(--white); text-decoration: none; transition: background 0.25s ease; flex-direction: column;}
h2.location-card__title{color: var(--black); font-family: var(--font-mont-bold); font-size: var(--card-h2); letter-spacing: 1.2px; width: 100%; text-align: center; text-transform: uppercase;}
.location-card__address, .location-card__hours{width: 100%; margin-bottom: 20px;}
.location-card__address p, .location-card__hours-day, .location-card__hours-time{color: var(--black); font-family: var(--font-mont); font-size: var(--copy-xs); letter-spacing: 1.2px; width: 100%; text-align: center; text-transform: uppercase; margin: 0;}
.location-card__hours-item{display: flex; align-items: center;}
a.button.location-card__button{background-image: url(/wp-content/themes/slicehouse/assets/img/button-bg.svg); background-repeat: no-repeat; background-position: center; background-size: cover; background-color: transparent; font-family: var(--font-mont-bold); color: var(--white) !important; text-transform: uppercase; font-size: var(--card-h2); letter-spacing: 3.15px; width: 100%; border-radius: 0; padding: 10px 45px;}
body.page-template-restaurants .newsletter{position: relative; padding: var(--module-padding-m); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible; isolation: isolate;}
body.page-template-restaurants .newsletter::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--black); clip-path: polygon(0 var(--intro-top-left), 100% var(--intro-top-right), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
body.page-template-restaurants svg.newsletter{padding: 0; margin-top: var(--gap-m);}
/* Join Us --------------------------------------------- */
body.page-template-join .acf-slideshow{background-color: var(--green);}
body.page-template-join .slider-inner{top: 50%;}
body.page-template-join .slider-inner h1{line-height: 205px; font-family: var(--font-vienna); font-size: var(--module-heading); text-transform: uppercase; color: var(--black); margin: 0;}
body.page-template-join svg.slider-subpage{fill: var(--black);}
.join-us{isolation: isolate; position: relative; padding: var(--module-padding-s); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible;}
.join-us::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--black); clip-path: polygon(0 var(--intro-top-right), 100% var(--intro-top-left), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
.join-us .copy p{color: var(--white);}
#join.contact-form p.label{color: var(--white);}
.contact-form .wpcf7-list-item{margin: 0 23px 0 0;}
.contact-form .wpcf7-list-item-label{color: var(--white); font-family: var(--font-mont-bold); font-size: var(--copy-xs); letter-spacing: 0.8px; text-transform: uppercase;}
/* Order --------------------------------------------- */
body.page-template-order .acf-slideshow{background-color: var(--pink);}
body.page-template-order .slider-inner{top: 50%;}
body.page-template-order .slider-inner h1{line-height: 205px; font-family: var(--font-vienna); font-size: var(--module-heading); text-transform: uppercase; color: var(--black); margin: 0;}
body.page-template-order svg.slider-subpage{fill: var(--black);}
#order.banner-image{padding: 0;}
#order.banner-image::before{background-image: url('/wp-content/uploads/2025/12/Slice_House_Web_Images_v1-08.webp'); clip-path: polygon(0 var(--intro-top-right), 100% var(--intro-top-left), 100% 100%, 0 100%);}
.delivery-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gap-l); width: 55%; margin: 0 auto; padding: var(--module-padding-m);}
.delivery-card{display: flex; align-items: center; padding: var(--card-padding); background: var(--red); color: var(--white); text-decoration: none; transition: background 0.25s ease;}
.delivery-card:hover{background: var(--black);}
.delivery-card__logo img{object-fit: contain; display: block;}
.delivery-card__title{color: var(--white); font-family: var(--font-mont-bold); font-size: var(--copy); letter-spacing: 1.2px; width: 100%; text-align: center; text-transform: uppercase; margin: 0;}
/* Feedback --------------------------------------------- */
body.page-template-feedback .acf-slideshow{background-color: var(--green);}
body.page-template-feedback .slider-inner{top: 50%;}
body.page-template-feedback .slider-inner h1{line-height: 205px; font-family: var(--font-vienna); font-size: var(--module-heading); text-transform: uppercase; color: var(--black); margin: 0;}
body.page-template-feedback svg.slider-subpage{fill: var(--black);}
.feedback{isolation: isolate; position: relative; padding: var(--module-padding-s); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible;}
.feedback::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--black); clip-path: polygon(0 var(--intro-top-right), 100% var(--intro-top-left), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}    
.feedback .copy{width: 55%; margin: 0 auto; text-align: center; padding: 0 50px; margin-top: 50px;}
.feedback .copy p{font-family: var(--font-mont-bold); font-size: var(--copy); text-transform: uppercase; margin-bottom: 0; color: var(--white);}
.feedback_inner img{display: inline-block; align-items: center; place-content: center; margin-bottom: 30px;}
#feedback.contact-form p.label{color: var(--white);}
/* FAQs --------------------------------------------- */
body.page-template-faqs{background-color: var(--black);}
body.page-template-faqs .slider-inner{top: 50%;}
body.page-template-faqs .slider-inner h1{font-family: var(--font-vienna); font-size: var(--module-heading); color: var(--white); margin: 0; text-align: center;}
body.page-template-faqs svg.slider-subpage{fill: var(--pink); width: 250px;}
#faqs.introduction::before{background-image: url('/wp-content/uploads/2025/12/Slice_House_Web_Images_v1-05.webp'); background-size: cover; background-repeat: no-repeat; background-position: center;}
.faqs-grid{position: relative; padding: var(--about-module-padding); background: transparent; overflow: visible; color: var(--black); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2;}
body.page-template-faqs .accordion__grid{margin: 0 auto; width: 70%; padding-bottom: var(--faqs-accordion-padding);}
body.page-template-faqs .accordion__grid::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--black); clip-path: polygon(0 var(--intro-top-left), 100% var(--intro-top-right), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
body.page-template-faqs .menu-accordion__panel{margin: 0; padding-bottom: 35px;}
body.page-template-faqs .accordion__panel{transition: height 300ms ease;}
h2.faqs-block__heading:first-child{margin: 0;}
h2.faqs-block__heading{font-family: var(--font-vienna); font-size: var(--module-heading); color: var(--pink); margin: 50px 0 0 0;}
.accordion__icon{transition: transform 0.3s ease;}
.accordion__icon.rotated{transform: rotate(180deg);} 
h3.accordion__row-heading{margin: 0;}
.faq_underline img{width: 100%;}
.accordion__title, .accordion__copy{width: 90%;}
body.page-template-faqs button.menu-accordion__toggle{display: flex; align-items: center; justify-content: space-between; gap: 15px; font-family: var(--font-iron-brine); font-size: var(--faqs-h2); text-transform: uppercase; width: 100%; text-align: left; margin: 0; color: var(--white); padding: var(--faqs-padding)!important;}
body.page-template-faqs .accordion__copy p{font-family: var(--font-mont-bold); font-size: var(--faqs-copy); margin: 0; color: var(--white);}
body.page-template-faqs .accordion__copy p a{color: currentColor;}
body.page-template-faqs .accordion__copy p a:hover{text-decoration: underline; color: var(--pink);}
/* Privacy --------------------------------------------- */
body.page-template-privacy .acf-slideshow{background-color: var(--green);}
body.page-template-privacy .slider-inner{top: 50%;}
body.page-template-privacy .slider-inner h1{line-height: 205px; font-family: var(--font-vienna); font-size: var(--module-heading); text-transform: uppercase; color: var(--black); margin: 0;}
body.page-template-privacy svg.slider-subpage{fill: var(--black);}
.policies{isolation: isolate; position: relative; padding: var(--module-padding-m); margin-top: calc(-1 * var(--intro-overlap)); z-index: 2; background: transparent; overflow: visible;}
.policies::before{content: ""; position: absolute; top: calc(-1 * var(--intro-overlap)); left: -2vw; right: -2vw; bottom: 0; background: var(--black); clip-path: polygon(0 var(--intro-top-right), 100% var(--intro-top-left), 100% 100%, 0 100%); z-index: -1; pointer-events: none;}
#policies.franchise-columns{margin: 0;}
body.page-template-privacy .franchise-col h2{font-family: var(--font-iron-brine); font-size: var(--faqs-h2); margin-bottom: 0; color: var(--green);}
body.page-template-privacy .franchise-col p a:hover{color: var(--green);}
/* Terms of Use --------------------------------------------- */
body.page-template-terms .acf-slideshow{background-color: var(--pink);}
body.page-template-terms .slider-inner{top: 50%;}
body.page-template-terms .slider-inner h1{line-height: 205px; font-family: var(--font-vienna); font-size: var(--module-heading); text-transform: uppercase; color: var(--black); margin: 0;}
body.page-template-terms svg.slider-subpage{fill: var(--black);}
body.page-template-terms .franchise-col h2{font-family: var(--font-iron-brine); font-size: var(--faqs-h2); margin-bottom: 0; color: var(--pink);}
/* Footer --------------------------------------------- */
.footer{position: relative; background-color: var(--red); padding: var(--footer-padding);}
.footer-badge{position: absolute; left: 50%; top: 0; translate: -50% -45%; z-index: 2; display: grid; place-items: center; pointer-events: none;}
.footer-badge__img{width: clamp(120px, 16vw, 210px); height: auto; display: block;}
.footer-wrap{position: relative; z-index: 1;}
.footer-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start;}  
.delivery-sites{display: grid; grid-auto-flow: column; grid-auto-columns: max-content; gap: clamp(10px, 1.25vw, 20px); align-items: center; justify-content: flex-end; padding-bottom: 30px;}
.delivery-sites:last-child{padding-bottom: 0;}
.social-media__logo{display: block; width: 50px; height: auto;}
.delivery-sites__logo{display: block; width: clamp(72px, 8vw, 89px); height: auto;}
.widget ul > li{margin-bottom: 0;}
.widget ul > li a{color: var(--black); font-family: var(--font-mont-bold); font-size: var(--copy); letter-spacing: 1.2px; text-transform: uppercase; text-decoration: none;}
.widget ul > li a:hover{color: var(--pink);}
/* 404 Error Page --------------------------------------------- */
body.error404{background-color: var(--black);}
body.error404 .header-lang{display: none;}
body.error404 .content{padding: var(--module-padding-s);} 
body.error404 .entry{color: var(--white); padding: var(--module-padding-s); margin: 0;}
body.error404 .entry .inner{display: flex; flex-direction: column; justify-content: center; align-items: center;}
body.error404 h1{line-height: 170px; font-family: var(--font-vienna); font-size: var(--module-heading); margin: 0; max-width: 580px;}
body.error404 .entry-content{width: 55%; text-align: center; margin: 0 auto; padding: 50px 0;}
body.error404 p{font-family: var(--font-mont-bold); font-size: var(--newsletter-copy); text-transform: uppercase; margin: 0;}
body.error404 p a{color: var(--white); text-decoration: none;}
body.error404 p a:hover{text-decoration: underline;}
/* Responsive --------------------------------------------- */
@media (max-width: 767px) {
    #mobile{display: block;}
}
@media (min-width: 768px) {
    #mobile{display: none;}
    .burger-toggle--desktop{display: inline-flex; align-items: center; padding-top: 5px;}
    .custom-header .header-wrap > .burger-toggle{display: none;}
    .custom-header:not(.is-scrolled) .site-logo{transform: translateY(30%);}
    .custom-header.is-scrolled .site-logo{transform: translateY(0%);}
    .custom-header.is-scrolled .site-logo img{transform: scale(0.48);}
    svg.module-heading.about.mobile{display: none;}
}