.elementor-14 .elementor-element.elementor-element-8761f9c{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.8;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-8761f9c::before, .elementor-14 .elementor-element.elementor-element-8761f9c > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-8761f9c > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-8761f9c > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-8761f9c > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-8761f9c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-72eaf46 );--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-47f9ac3{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-14 .elementor-element.elementor-element-47f9ac3:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-47f9ac3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9AA88740;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-14 .elementor-element.elementor-element-2f949f1 img{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-afd8333 );border-radius:10px 10px 10px 10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-b15c20c .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;text-transform:uppercase;line-height:36px;letter-spacing:1px;color:var( --e-global-color-8c466be );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14 .elementor-element.elementor-element-4816c18 .elementor-button{background-color:var( --e-global-color-afd8333 );font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:24px;letter-spacing:1px;fill:var( --e-global-color-8c466be );color:var( --e-global-color-8c466be );border-style:none;border-radius:16px 16px 16px 16px;}.elementor-14 .elementor-element.elementor-element-4816c18 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-4816c18 .elementor-button:focus{background-color:var( --e-global-color-8c466be );color:var( --e-global-color-afd8333 );border-color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-4816c18 .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-4816c18 .elementor-button:focus svg{fill:var( --e-global-color-afd8333 );}.elementor-14 .elementor-element.elementor-element-fcf592f{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-14 .elementor-element.elementor-element-fcf592f:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-fcf592f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FCF8E085;}.elementor-14 .elementor-element.elementor-element-ac6ad26 img{border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-afd8333 );border-radius:10px 10px 10px 10px;}.elementor-14 .elementor-element.elementor-element-2b20ffc .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;text-transform:uppercase;line-height:36px;letter-spacing:1px;color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-a1e097b .elementor-button{background-color:var( --e-global-color-8c466be );font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;text-transform:uppercase;line-height:24px;letter-spacing:1px;fill:var( --e-global-color-afd8333 );color:var( --e-global-color-afd8333 );border-style:none;border-radius:16px 16px 16px 16px;}.elementor-14 .elementor-element.elementor-element-a1e097b .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-a1e097b .elementor-button:focus{background-color:var( --e-global-color-afd8333 );color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-a1e097b .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-a1e097b .elementor-button:focus svg{fill:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-ee19638{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-180px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-ee19638:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-ee19638 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E241800;}.elementor-14 .elementor-element.elementor-element-5cb0c0c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-39664b8 .elementor-icon-wrapper{text-align:center;}.elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-default .elementor-icon{color:var( --e-global-color-8c466be );border-color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-framed .elementor-icon, .elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-afd8333 );}.elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-framed .elementor-icon:hover, .elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-afd8333 );border-color:var( --e-global-color-afd8333 );}.elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-framed .elementor-icon:hover, .elementor-14 .elementor-element.elementor-element-39664b8.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-afd8333 );}.elementor-14 .elementor-element.elementor-element-6a15164{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-14 .elementor-element.elementor-element-6a15164:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-6a15164 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-72eaf46 );}.elementor-14 .elementor-element.elementor-element-cc222b5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-14 .elementor-element.elementor-element-c818fd7 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;text-transform:uppercase;line-height:36px;letter-spacing:1px;color:var( --e-global-color-8c466be );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14 .elementor-element.elementor-element-e23a919{font-family:"Spectral", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-e23a919 a{color:var( --e-global-color-afd8333 );}.elementor-14 .elementor-element.elementor-element-e23a919 a:hover, .elementor-14 .elementor-element.elementor-element-e23a919 a:focus{color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-56538bb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-14 .elementor-element.elementor-element-64c3697 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:30px;font-weight:300;text-transform:uppercase;line-height:36px;letter-spacing:1px;color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-e32e911{font-family:"Spectral", Sans-serif;font-size:22px;font-weight:300;line-height:38px;color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-e32e911 a{color:var( --e-global-color-afd8333 );}.elementor-14 .elementor-element.elementor-element-e32e911 a:hover, .elementor-14 .elementor-element.elementor-element-e32e911 a:focus{color:#FFFFFF;}.elementor-14 .elementor-element.elementor-element-ce7228d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.86;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-14 .elementor-element.elementor-element-ce7228d:not(.elementor-motion-effects-element-type-background), .elementor-14 .elementor-element.elementor-element-ce7228d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-72eaf46 );background-image:url("https://mezzo-aberdeen.com/wp-content/uploads/2026/08/Retro-pattern-004-800-300x300.jpg");background-position:center center;}.elementor-14 .elementor-element.elementor-element-ce7228d::before, .elementor-14 .elementor-element.elementor-element-ce7228d > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-ce7228d > .e-con-inner > .elementor-background-video-container::before, .elementor-14 .elementor-element.elementor-element-ce7228d > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-ce7228d > .e-con-inner > .elementor-background-slideshow::before, .elementor-14 .elementor-element.elementor-element-ce7228d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-72eaf46 );--background-overlay:'';}.elementor-14 .elementor-element.elementor-element-0951246 .elementor-button{background-color:var( --e-global-color-8c466be );font-family:"Jost", Sans-serif;font-size:32px;font-weight:400;text-transform:uppercase;line-height:42px;fill:var( --e-global-color-afd8333 );color:var( --e-global-color-afd8333 );border-style:none;border-radius:50px 50px 50px 50px;}.elementor-14 .elementor-element.elementor-element-0951246 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-0951246 .elementor-button:focus{background-color:var( --e-global-color-afd8333 );color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-0951246 .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-0951246 .elementor-button:focus svg{fill:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-37584e2 .elementor-button{background-color:var( --e-global-color-8c466be );font-family:"Jost", Sans-serif;font-size:32px;font-weight:400;text-transform:uppercase;line-height:42px;fill:var( --e-global-color-afd8333 );color:var( --e-global-color-afd8333 );border-style:none;border-radius:50px 50px 50px 50px;}.elementor-14 .elementor-element.elementor-element-37584e2 .elementor-button:hover, .elementor-14 .elementor-element.elementor-element-37584e2 .elementor-button:focus{background-color:var( --e-global-color-afd8333 );color:var( --e-global-color-8c466be );}.elementor-14 .elementor-element.elementor-element-37584e2 .elementor-button:hover svg, .elementor-14 .elementor-element.elementor-element-37584e2 .elementor-button:focus svg{fill:var( --e-global-color-8c466be );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14 .elementor-element.elementor-element-47f9ac3{--width:50%;}.elementor-14 .elementor-element.elementor-element-fcf592f{--width:50%;}}@media(max-width:767px){.elementor-14 .elementor-element.elementor-element-8761f9c{--min-height:800px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-14 .elementor-element.elementor-element-47f9ac3{--min-height:50vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-2f949f1 img{width:80%;}.elementor-14 .elementor-element.elementor-element-b15c20c{padding:0px 40px 0px 40px;}.elementor-14 .elementor-element.elementor-element-fcf592f{--min-height:80vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-14 .elementor-element.elementor-element-ac6ad26 img{width:80%;}.elementor-14 .elementor-element.elementor-element-39664b8{padding:0px 0px 0px 0px;}.elementor-14 .elementor-element.elementor-element-c818fd7{text-align:center;}.elementor-14 .elementor-element.elementor-element-e23a919{text-align:center;}.elementor-14 .elementor-element.elementor-element-56538bb{--padding-top:0px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-14 .elementor-element.elementor-element-64c3697{text-align:center;}.elementor-14 .elementor-element.elementor-element-e32e911{padding:0px 0px 60px 0px;text-align:center;font-size:20px;}}/* Start custom CSS for container, class: .elementor-element-47f9ac3 */.mezzo-upstairs:border-right: 1px solid #9AA887;/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8761f9c */@media only screen and (max-width: 767px) {
  /* Ensure parent container allows content to flow vertically */
  .entrance-section, 
  .hero-wrapper {
    flex-direction: column !important;
    height: auto !important;
    min-height: auto !important;
  }

  /* Ensure the Downstairs panel and links take full width and fit content */
  .downstairs-panel,
  .entrance-panel {
    width: 100% !important;
    min-height: 50vh;
    padding: 40px 20px !important;
  }

  /* Ensure the "Come on In" link/button stays visible and interactable */
  .downstairs-panel .come-on-in-link,
  .downstairs-panel a {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
  }
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-39664b8 */.elementor-14 .elementor-element.elementor-element-39664b8 {
    animation: mezzoChevron 1.5s ease-in-out infinite;
}

@keyframes mezzoChevron {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(8px);
    }
}/* End custom CSS */
/* Start custom CSS */.mezzo-gateway {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.mezzo-panel {
    width: 50%;
    flex: 0 0 50%;
    transition: width 1s cubic-bezier(0.22, 1, 0.36, 1),
                flex-basis 1s cubic-bezier(0.22, 1, 0.36, 1);
    overflow: hidden;
}

/* MEZZO selected */
.mezzo-gateway:has(.mezzo-upstairs:hover) .mezzo-upstairs {
    width: 65%;
    flex-basis: 65%;
}

.mezzo-gateway:has(.mezzo-upstairs:hover) .mezzo-deli {
    width: 35%;
    flex-basis: 35%;
}

/* DELI selected */
.mezzo-gateway:has(.mezzo-deli:hover) .mezzo-deli {
    width: 65%;
    flex-basis: 65%;
}

.mezzo-gateway:has(.mezzo-deli:hover) .mezzo-upstairs {
    width: 35%;
    flex-basis: 35%;
}


/* MOBILE PORTRAIT */
@media (max-width: 767px) {

    .mezzo-gateway {
        flex-direction: column !important;
        height: 100vh !important;
    }

    .mezzo-panel {
        width: 100% !important;
        height: 50% !important;
        min-height: 0 !important;
        flex: 0 0 50% !important;

        transition:
            height 1s cubic-bezier(0.22, 1, 0.36, 1),
            flex-basis 1s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }

    /* UPSTAIRS ACTIVE */
    .mezzo-gateway:has(.mezzo-upstairs:hover) .mezzo-upstairs {
        width: 100% !important;
        height: 65% !important;
        flex-basis: 65% !important;
    }

    .mezzo-gateway:has(.mezzo-upstairs:hover) .mezzo-deli {
        width: 100% !important;
        height: 35% !important;
        flex-basis: 35% !important;
    }

    /* DELI ACTIVE */
    .mezzo-gateway:has(.mezzo-deli:hover) .mezzo-deli {
        width: 100% !important;
        height: 65% !important;
        flex-basis: 65% !important;
    }

    .mezzo-gateway:has(.mezzo-deli:hover) .mezzo-upstairs {
        width: 100% !important;
        height: 35% !important;
        flex-basis: 35% !important;
    }
}


/* MEZZO UPSTAIRS TRANSITION */

.mezzo-upstairs-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100vh;
    background: #4E5643;
    z-index: 99999;
    pointer-events: none;
    overflow: hidden;
    transition: width 0.9s cubic-bezier(0.77, 0, 0.175, 1);
}

.mezzo-upstairs-overlay.active {
    width: 100vw;
}


/* UPSTAIRS TRANSITION LOGO */

.mezzo-upstairs-transition-logo {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
    transition:
        opacity 0.45s ease,
        transform 0.45s ease;
}

.mezzo-upstairs-transition-logo.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}


/* MOBILE UPSTAIRS TRANSITION */

@media (max-width: 767px) {

    .mezzo-upstairs-transition-logo {
        width: 180px;
        height: 180px;
    }
}


/* MEZZO DELI TRANSITION */

.mezzo-deli-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 100vh;
    background: #4E5643;
    z-index: 99998;
    pointer-events: none;
    overflow: hidden;
    transition: width 0.9s cubic-bezier(0.77, 0, 0.175, 1);
}

.mezzo-deli-overlay.active {
    width: 100vw;
}


/* DELI TRANSITION LOGO */

.mezzo-deli-transition-logo {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.95);
    transition:
        opacity 0.45s ease,
        transform 0.45s ease;
}

.mezzo-deli-transition-logo.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}


/* MOBILE DELI TRANSITION */

@media (max-width: 767px) {

    .mezzo-deli-transition-logo {
        width: 180px;
        height: 180px;
    }
}/* End custom CSS */