.elementor-918 .elementor-element.elementor-element-d2feb65{--display:flex;--margin-top:0px;--margin-bottom:-92px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-918 .elementor-element.elementor-element-073d5f2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-918 .elementor-element.elementor-element-686a92f{--display:flex;--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-918 .elementor-element.elementor-element-5d0df84 img{width:100%;height:600px;object-fit:cover;object-position:center center;filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-918 .elementor-element.elementor-element-c5665be{--display:flex;--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-918 .elementor-element.elementor-element-4d1493a img{width:100%;height:600px;object-fit:cover;object-position:center center;filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-918 .elementor-element.elementor-element-26c4a37{--display:flex;--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-918 .elementor-element.elementor-element-182c338 img{width:100%;height:600px;object-fit:cover;object-position:center center;filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-918 .elementor-element.elementor-element-15b0218{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-swiper-pagination-size:14px;--e-n-carousel-dots-normal-color:#E4E4E4;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0%;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:-72px;}.elementor-918 .elementor-element.elementor-element-01f9287{margin:-452px 0px calc(var(--kit-widget-spacing, 0px) + 452px) 0px;z-index:1;text-align:center;}.elementor-918 .elementor-element.elementor-element-01f9287 .elementor-heading-title{font-family:"Barlow", Sans-serif;font-size:72px;font-weight:500;text-transform:uppercase;color:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-625a264{--display:flex;--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-918 .elementor-element.elementor-element-2ac86ea{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:30px;}.elementor-918 .elementor-element.elementor-element-2ac86ea:not(.elementor-motion-effects-element-type-background), .elementor-918 .elementor-element.elementor-element-2ac86ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-918 .elementor-element.elementor-element-ba07986{--display:flex;}.elementor-918 .elementor-element.elementor-element-4bdc614{--display:flex;--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-918 .elementor-element.elementor-element-ef2a543{width:100%;max-width:100%;text-align:start;font-family:"Urbanist", Sans-serif;font-size:1.2vw;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-b75ae51{--display:flex;}.elementor-918 .elementor-element.elementor-element-7a0ec91{--display:flex;--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-918 .elementor-element.elementor-element-5ff384f{width:100%;max-width:100%;text-align:start;font-family:"Urbanist", Sans-serif;font-size:1.2vw;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-14150be{--display:flex;}.elementor-918 .elementor-element.elementor-element-73d932a{--display:flex;--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-918 .elementor-element.elementor-element-644d640{width:100%;max-width:100%;text-align:start;font-family:"Urbanist", Sans-serif;font-size:1.2vw;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-55f520a{--display:flex;}.elementor-918 .elementor-element.elementor-element-6f91b14{--display:flex;--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-918 .elementor-element.elementor-element-d430f7d{width:100%;max-width:100%;text-align:start;font-family:"Urbanist", Sans-serif;font-size:1.2vw;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-9a9beed{--display:flex;}.elementor-918 .elementor-element.elementor-element-ece28e5{--display:flex;--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-918 .elementor-element.elementor-element-ece28e5.e-con{--align-self:center;}.elementor-918 .elementor-element.elementor-element-1ec7acd{width:100%;max-width:100%;text-align:start;font-family:"Urbanist", Sans-serif;font-size:1.2vw;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-3c6fb0e{--display:flex;}.elementor-918 .elementor-element.elementor-element-18ee7b0{--display:flex;--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-918 .elementor-element.elementor-element-e531ad8{width:100%;max-width:100%;text-align:start;font-family:"Urbanist", Sans-serif;font-size:1.2vw;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-7094eb8{--display:flex;}.elementor-918 .elementor-element.elementor-element-02f9522{--display:flex;--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-918 .elementor-element.elementor-element-2d87b8b{width:100%;max-width:100%;text-align:start;font-family:"Urbanist", Sans-serif;font-size:1.2vw;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-4d842cf{--display:flex;}.elementor-918 .elementor-element.elementor-element-bc34a39{--display:flex;--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-918 .elementor-element.elementor-element-e9a005a{width:100%;max-width:100%;text-align:start;font-family:"Urbanist", Sans-serif;font-size:1.2vw;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-53d9b01{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:15px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:15px;--n-tabs-title-font-size:12px;}.elementor-918 .elementor-element.elementor-element-53d9b01 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-918 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#007EA3;}.elementor-918 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-918 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#007EA3;}.elementor-918 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Barlow", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1.1px;}:where( .elementor-918 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content ) > .e-con{--padding-top:10px;--padding-right:60px;--padding-bottom:10px;--padding-left:60px;}:root{--page-title-display:none;}body.elementor-page-918{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-918 .elementor-element.elementor-element-d2feb65{--content-width:2560px;}.elementor-918 .elementor-element.elementor-element-625a264{--content-width:2560px;}.elementor-918 .elementor-element.elementor-element-ece28e5{--width:100%;}}@media(max-width:1024px){.elementor-918 .elementor-element.elementor-element-15b0218{--e-n-carousel-swiper-slides-to-display:2;}.elementor-918 .elementor-element.elementor-element-ef2a543{font-size:1.7vw;}.elementor-918 .elementor-element.elementor-element-5ff384f{font-size:1.7vw;}.elementor-918 .elementor-element.elementor-element-644d640{font-size:1.7vw;}.elementor-918 .elementor-element.elementor-element-d430f7d{font-size:1.7vw;}.elementor-918 .elementor-element.elementor-element-1ec7acd{font-size:1.7vw;}.elementor-918 .elementor-element.elementor-element-e531ad8{font-size:1.7vw;}.elementor-918 .elementor-element.elementor-element-2d87b8b{font-size:1.7vw;}.elementor-918 .elementor-element.elementor-element-e9a005a{font-size:1.7vw;}}@media(max-width:767px){.elementor-918 .elementor-element.elementor-element-15b0218{--e-n-carousel-swiper-slides-to-display:1;}.elementor-918 .elementor-element.elementor-element-01f9287 .elementor-heading-title{font-size:34px;}.elementor-918 .elementor-element.elementor-element-ba07986{--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-918 .elementor-element.elementor-element-ef2a543{font-size:3.8vw;}.elementor-918 .elementor-element.elementor-element-b75ae51{--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-918 .elementor-element.elementor-element-5ff384f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:3.8vw;}.elementor-918 .elementor-element.elementor-element-14150be{--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-918 .elementor-element.elementor-element-644d640{font-size:3.8vw;}.elementor-918 .elementor-element.elementor-element-55f520a{--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-918 .elementor-element.elementor-element-d430f7d{font-size:3.8vw;}.elementor-918 .elementor-element.elementor-element-9a9beed{--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-918 .elementor-element.elementor-element-1ec7acd{font-size:3.8vw;}.elementor-918 .elementor-element.elementor-element-3c6fb0e{--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-918 .elementor-element.elementor-element-e531ad8{font-size:3.8vw;}.elementor-918 .elementor-element.elementor-element-7094eb8{--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-918 .elementor-element.elementor-element-2d87b8b{font-size:3.8vw;}.elementor-918 .elementor-element.elementor-element-4d842cf{--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-918 .elementor-element.elementor-element-e9a005a{font-size:3.8vw;}.elementor-918 .elementor-element.elementor-element-53d9b01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-ef2a543 *//* =====================================================
   CASEY'S MENU - stacked layout, ALL screen sizes
   Tab list on top, menu items underneath, both wrapped in
   one bordered panel.
   The "body " prefix is deliberate: this CSS is duplicated on
   other Text Editor widgets on this page, so the extra
   specificity is needed to beat the older copies that load
   after this one.
   ===================================================== */

/* ---------- TAB BUTTONS ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: "barlow" !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}

body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    background-color: #007EA3 !important;
    color: #ffffff !important;
}

/* ---------- THE PANEL: tab row + items read as one unit ---------- */
body .le-menu-classes.menu-sidetabs .section-sortable {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
}

/* ---------- TAB ROW ACROSS THE TOP ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 14px 0 !important;
    text-align: center !important;
    /* hairline between the tabs and the items; delete for no divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body .le-menu-classes.menu-sidetabs .subsection-title-list > * {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ---------- CONTENT BACK INTO NORMAL FLOW ----------
   The plugin absolutely-positions .subsection-content and fakes the
   column height with an inline min-height on .subsection-content-space.
   Once the columns are stacked that number is wrong and the menu
   collapses, so put the content back in flow and let every wrapper
   size itself to its own content. */
body .le-menu-classes.menu-sidetabs .subsection-content,
body .le-menu-classes.menu-sidetabs .subsection-content.open {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .le-menu-classes.menu-sidetabs,
body .le-menu-classes.menu-sidetabs .section,
body .le-menu-classes.menu-sidetabs .section-sortable,
body .le-menu-classes.menu-sidetabs .subsection-content-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* ---------- Drop the old two-column divider and gutter ---------- */
body .le-menu-classes.menu-sidetabs .subsection-content-space,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .le-menu-classes.menu-sidetabs .section {
    margin-top: 10px;
    padding: 10px 0 !important;
}

/* ---------- TYPE SIZES ---------- */
body .le-menu-classes.menu-sidetabs .subsection-item .name {
    font-family: "barlow";
    font-size: 22px !important;
    margin: 0 0 5px 0;
    text-align: left !important;
}

body .le-menu-classes.menu-sidetabs span.description {
    font-family: "barlow";
    font-weight: 400;
    font-size: 19px !important;
}

body .le-menu-classes.menu-sidetabs span.price {
    font-family: "barlow";
    font-size: 19px !important;
}

/* Subsection intro line ("Add to any salad: chicken +4.99 | ...") */
body .le-menu-classes.menu-sidetabs .subsection-description,
body .le-menu-classes.menu-sidetabs .subsection-description p {
    font-family: "barlow";
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Notice / disclaimer text.
   These spans carry an inline style="font-size:10px" written into the
   menu content itself in the Restaurant Menu plugin, not into any
   stylesheet - so !important is required to override them. */
body .le-menu-classes.menu-sidetabs .subsection-description span,
body .le-menu-classes.menu-sidetabs .subsection-description [style*="font-size"],
body .le-menu-classes.menu-sidetabs .subsection-content span[style*="font-size"] {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

body .le-menu-classes.menu-sidetabs .section-description {
    font-family: "barlow";
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

body .le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}

/* ---------- ELEMENTOR TAB CONTAINER PADDING ---------- */
:where(.elementor-207 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content) > .e-con {
    padding-left: 0px;
}

/* =====================================================
   TABLET & DESKTOP (768px and up)
   Same stacked style, but cap the panel width so the food
   photos and description lines don't stretch across a wide
   monitor. Uncapped, images render about 1420px wide.
   ===================================================== */
@media (min-width: 768px) {

    body .le-menu-classes.menu-sidetabs .section-sortable {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 24px !important;
    }

    body .le-menu-classes.menu-sidetabs .section-description {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ff384f */.le-menu-classes.menu-sidetabs .subsection-title-list {
    width: 30% !important;
    

    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    border-radius: 0px;
    background-color: #007EA3 !important;
    color: white !important;
    font-family: "barlow";
    padding: 8px 24px;

    
}

.le-menu-classes.menu-sidetabs .subsection-item .name {
    margin: 0 0 5px 0;
    text-align: left !important;
}

.le-menu-classes.menu-sidetabs .subsection-title{
    
    border-radius: 0px;
    background-color: white !important;
    color: black !important;
    font-family: "barlow";
    margin-right: 10px !important;
    text-align: right !important;
    padding: 8px 24px !important;
    font-family: "barlow" !important;
    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space{
    
    
    padding-left: 40px;
   
}

.le-menu-classes.menu-sidetabs .subsection-content.open{
    
    width: 100%
}

.le-menu-classes.menu-sidetabs .subsection-item{
    
    



}

p.span{
    font-size: 15px !important;
    
    
}


span.description.ng-binding.ng-scope {
    font-family: "barlow";
    font-size: 15px;
    font-weight: 400;
    
}

span.price.ng-scope {
    font-family: "barlow";
    font-size: 15px;
}

.subsection-description.ng-binding.ng-scope {
    font-family: "barlow";
    font-weight: 400;
    font-size: 14px;

}

.le-menu-classes.menu-sidetabs .section {
    margin-top: 15px;
    overflow: auto;
    padding: 15px 0;
    height:50em;
}


.section-description.ng-binding.ng-scope {
   
    margin-right:20px !important;
    font-family: "barlow";

}


.le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}



/* Mobile */
@media (max-width: 767px) {
    
    .le-menu-classes.menu-sidetabs .subsection-title-list{
        
        float: none;
}


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ec7acd *//* h2#subsection-title-11837 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ef2a543 *//* =====================================================
   CASEY'S MENU - stacked layout, ALL screen sizes
   Tab list on top, menu items underneath, both wrapped in
   one bordered panel.
   The "body " prefix is deliberate: this CSS is duplicated on
   other Text Editor widgets on this page, so the extra
   specificity is needed to beat the older copies that load
   after this one.
   ===================================================== */

/* ---------- TAB BUTTONS ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: "barlow" !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}

body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    background-color: #007EA3 !important;
    color: #ffffff !important;
}

/* ---------- THE PANEL: tab row + items read as one unit ---------- */
body .le-menu-classes.menu-sidetabs .section-sortable {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
}

/* ---------- TAB ROW ACROSS THE TOP ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 14px 0 !important;
    text-align: center !important;
    /* hairline between the tabs and the items; delete for no divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body .le-menu-classes.menu-sidetabs .subsection-title-list > * {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ---------- CONTENT BACK INTO NORMAL FLOW ----------
   The plugin absolutely-positions .subsection-content and fakes the
   column height with an inline min-height on .subsection-content-space.
   Once the columns are stacked that number is wrong and the menu
   collapses, so put the content back in flow and let every wrapper
   size itself to its own content. */
body .le-menu-classes.menu-sidetabs .subsection-content,
body .le-menu-classes.menu-sidetabs .subsection-content.open {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .le-menu-classes.menu-sidetabs,
body .le-menu-classes.menu-sidetabs .section,
body .le-menu-classes.menu-sidetabs .section-sortable,
body .le-menu-classes.menu-sidetabs .subsection-content-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* ---------- Drop the old two-column divider and gutter ---------- */
body .le-menu-classes.menu-sidetabs .subsection-content-space,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .le-menu-classes.menu-sidetabs .section {
    margin-top: 10px;
    padding: 10px 0 !important;
}

/* ---------- TYPE SIZES ---------- */
body .le-menu-classes.menu-sidetabs .subsection-item .name {
    font-family: "barlow";
    font-size: 22px !important;
    margin: 0 0 5px 0;
    text-align: left !important;
}

body .le-menu-classes.menu-sidetabs span.description {
    font-family: "barlow";
    font-weight: 400;
    font-size: 19px !important;
}

body .le-menu-classes.menu-sidetabs span.price {
    font-family: "barlow";
    font-size: 19px !important;
}

/* Subsection intro line ("Add to any salad: chicken +4.99 | ...") */
body .le-menu-classes.menu-sidetabs .subsection-description,
body .le-menu-classes.menu-sidetabs .subsection-description p {
    font-family: "barlow";
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Notice / disclaimer text.
   These spans carry an inline style="font-size:10px" written into the
   menu content itself in the Restaurant Menu plugin, not into any
   stylesheet - so !important is required to override them. */
body .le-menu-classes.menu-sidetabs .subsection-description span,
body .le-menu-classes.menu-sidetabs .subsection-description [style*="font-size"],
body .le-menu-classes.menu-sidetabs .subsection-content span[style*="font-size"] {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

body .le-menu-classes.menu-sidetabs .section-description {
    font-family: "barlow";
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

body .le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}

/* ---------- ELEMENTOR TAB CONTAINER PADDING ---------- */
:where(.elementor-207 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content) > .e-con {
    padding-left: 0px;
}

/* =====================================================
   TABLET & DESKTOP (768px and up)
   Same stacked style, but cap the panel width so the food
   photos and description lines don't stretch across a wide
   monitor. Uncapped, images render about 1420px wide.
   ===================================================== */
@media (min-width: 768px) {

    body .le-menu-classes.menu-sidetabs .section-sortable {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 24px !important;
    }

    body .le-menu-classes.menu-sidetabs .section-description {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ff384f */.le-menu-classes.menu-sidetabs .subsection-title-list {
    width: 30% !important;
    

    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    border-radius: 0px;
    background-color: #007EA3 !important;
    color: white !important;
    font-family: "barlow";
    padding: 8px 24px;

    
}

.le-menu-classes.menu-sidetabs .subsection-item .name {
    margin: 0 0 5px 0;
    text-align: left !important;
}

.le-menu-classes.menu-sidetabs .subsection-title{
    
    border-radius: 0px;
    background-color: white !important;
    color: black !important;
    font-family: "barlow";
    margin-right: 10px !important;
    text-align: right !important;
    padding: 8px 24px !important;
    font-family: "barlow" !important;
    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space{
    
    
    padding-left: 40px;
   
}

.le-menu-classes.menu-sidetabs .subsection-content.open{
    
    width: 100%
}

.le-menu-classes.menu-sidetabs .subsection-item{
    
    



}

p.span{
    font-size: 15px !important;
    
    
}


span.description.ng-binding.ng-scope {
    font-family: "barlow";
    font-size: 15px;
    font-weight: 400;
    
}

span.price.ng-scope {
    font-family: "barlow";
    font-size: 15px;
}

.subsection-description.ng-binding.ng-scope {
    font-family: "barlow";
    font-weight: 400;
    font-size: 14px;

}

.le-menu-classes.menu-sidetabs .section {
    margin-top: 15px;
    overflow: auto;
    padding: 15px 0;
    height:50em;
}


.section-description.ng-binding.ng-scope {
   
    margin-right:20px !important;
    font-family: "barlow";

}


.le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}



/* Mobile */
@media (max-width: 767px) {
    
    .le-menu-classes.menu-sidetabs .subsection-title-list{
        
        float: none;
}


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ec7acd *//* h2#subsection-title-11837 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ef2a543 *//* =====================================================
   CASEY'S MENU - stacked layout, ALL screen sizes
   Tab list on top, menu items underneath, both wrapped in
   one bordered panel.
   The "body " prefix is deliberate: this CSS is duplicated on
   other Text Editor widgets on this page, so the extra
   specificity is needed to beat the older copies that load
   after this one.
   ===================================================== */

/* ---------- TAB BUTTONS ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: "barlow" !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}

body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    background-color: #007EA3 !important;
    color: #ffffff !important;
}

/* ---------- THE PANEL: tab row + items read as one unit ---------- */
body .le-menu-classes.menu-sidetabs .section-sortable {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
}

/* ---------- TAB ROW ACROSS THE TOP ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 14px 0 !important;
    text-align: center !important;
    /* hairline between the tabs and the items; delete for no divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body .le-menu-classes.menu-sidetabs .subsection-title-list > * {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ---------- CONTENT BACK INTO NORMAL FLOW ----------
   The plugin absolutely-positions .subsection-content and fakes the
   column height with an inline min-height on .subsection-content-space.
   Once the columns are stacked that number is wrong and the menu
   collapses, so put the content back in flow and let every wrapper
   size itself to its own content. */
body .le-menu-classes.menu-sidetabs .subsection-content,
body .le-menu-classes.menu-sidetabs .subsection-content.open {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .le-menu-classes.menu-sidetabs,
body .le-menu-classes.menu-sidetabs .section,
body .le-menu-classes.menu-sidetabs .section-sortable,
body .le-menu-classes.menu-sidetabs .subsection-content-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* ---------- Drop the old two-column divider and gutter ---------- */
body .le-menu-classes.menu-sidetabs .subsection-content-space,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .le-menu-classes.menu-sidetabs .section {
    margin-top: 10px;
    padding: 10px 0 !important;
}

/* ---------- TYPE SIZES ---------- */
body .le-menu-classes.menu-sidetabs .subsection-item .name {
    font-family: "barlow";
    font-size: 22px !important;
    margin: 0 0 5px 0;
    text-align: left !important;
}

body .le-menu-classes.menu-sidetabs span.description {
    font-family: "barlow";
    font-weight: 400;
    font-size: 19px !important;
}

body .le-menu-classes.menu-sidetabs span.price {
    font-family: "barlow";
    font-size: 19px !important;
}

/* Subsection intro line ("Add to any salad: chicken +4.99 | ...") */
body .le-menu-classes.menu-sidetabs .subsection-description,
body .le-menu-classes.menu-sidetabs .subsection-description p {
    font-family: "barlow";
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Notice / disclaimer text.
   These spans carry an inline style="font-size:10px" written into the
   menu content itself in the Restaurant Menu plugin, not into any
   stylesheet - so !important is required to override them. */
body .le-menu-classes.menu-sidetabs .subsection-description span,
body .le-menu-classes.menu-sidetabs .subsection-description [style*="font-size"],
body .le-menu-classes.menu-sidetabs .subsection-content span[style*="font-size"] {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

body .le-menu-classes.menu-sidetabs .section-description {
    font-family: "barlow";
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

body .le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}

/* ---------- ELEMENTOR TAB CONTAINER PADDING ---------- */
:where(.elementor-207 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content) > .e-con {
    padding-left: 0px;
}

/* =====================================================
   TABLET & DESKTOP (768px and up)
   Same stacked style, but cap the panel width so the food
   photos and description lines don't stretch across a wide
   monitor. Uncapped, images render about 1420px wide.
   ===================================================== */
@media (min-width: 768px) {

    body .le-menu-classes.menu-sidetabs .section-sortable {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 24px !important;
    }

    body .le-menu-classes.menu-sidetabs .section-description {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ff384f */.le-menu-classes.menu-sidetabs .subsection-title-list {
    width: 30% !important;
    

    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    border-radius: 0px;
    background-color: #007EA3 !important;
    color: white !important;
    font-family: "barlow";
    padding: 8px 24px;

    
}

.le-menu-classes.menu-sidetabs .subsection-item .name {
    margin: 0 0 5px 0;
    text-align: left !important;
}

.le-menu-classes.menu-sidetabs .subsection-title{
    
    border-radius: 0px;
    background-color: white !important;
    color: black !important;
    font-family: "barlow";
    margin-right: 10px !important;
    text-align: right !important;
    padding: 8px 24px !important;
    font-family: "barlow" !important;
    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space{
    
    
    padding-left: 40px;
   
}

.le-menu-classes.menu-sidetabs .subsection-content.open{
    
    width: 100%
}

.le-menu-classes.menu-sidetabs .subsection-item{
    
    



}

p.span{
    font-size: 15px !important;
    
    
}


span.description.ng-binding.ng-scope {
    font-family: "barlow";
    font-size: 15px;
    font-weight: 400;
    
}

span.price.ng-scope {
    font-family: "barlow";
    font-size: 15px;
}

.subsection-description.ng-binding.ng-scope {
    font-family: "barlow";
    font-weight: 400;
    font-size: 14px;

}

.le-menu-classes.menu-sidetabs .section {
    margin-top: 15px;
    overflow: auto;
    padding: 15px 0;
    height:50em;
}


.section-description.ng-binding.ng-scope {
   
    margin-right:20px !important;
    font-family: "barlow";

}


.le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}



/* Mobile */
@media (max-width: 767px) {
    
    .le-menu-classes.menu-sidetabs .subsection-title-list{
        
        float: none;
}


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ec7acd *//* h2#subsection-title-11837 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ef2a543 *//* =====================================================
   CASEY'S MENU - stacked layout, ALL screen sizes
   Tab list on top, menu items underneath, both wrapped in
   one bordered panel.
   The "body " prefix is deliberate: this CSS is duplicated on
   other Text Editor widgets on this page, so the extra
   specificity is needed to beat the older copies that load
   after this one.
   ===================================================== */

/* ---------- TAB BUTTONS ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: "barlow" !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}

body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    background-color: #007EA3 !important;
    color: #ffffff !important;
}

/* ---------- THE PANEL: tab row + items read as one unit ---------- */
body .le-menu-classes.menu-sidetabs .section-sortable {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
}

/* ---------- TAB ROW ACROSS THE TOP ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 14px 0 !important;
    text-align: center !important;
    /* hairline between the tabs and the items; delete for no divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body .le-menu-classes.menu-sidetabs .subsection-title-list > * {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ---------- CONTENT BACK INTO NORMAL FLOW ----------
   The plugin absolutely-positions .subsection-content and fakes the
   column height with an inline min-height on .subsection-content-space.
   Once the columns are stacked that number is wrong and the menu
   collapses, so put the content back in flow and let every wrapper
   size itself to its own content. */
body .le-menu-classes.menu-sidetabs .subsection-content,
body .le-menu-classes.menu-sidetabs .subsection-content.open {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .le-menu-classes.menu-sidetabs,
body .le-menu-classes.menu-sidetabs .section,
body .le-menu-classes.menu-sidetabs .section-sortable,
body .le-menu-classes.menu-sidetabs .subsection-content-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* ---------- Drop the old two-column divider and gutter ---------- */
body .le-menu-classes.menu-sidetabs .subsection-content-space,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .le-menu-classes.menu-sidetabs .section {
    margin-top: 10px;
    padding: 10px 0 !important;
}

/* ---------- TYPE SIZES ---------- */
body .le-menu-classes.menu-sidetabs .subsection-item .name {
    font-family: "barlow";
    font-size: 22px !important;
    margin: 0 0 5px 0;
    text-align: left !important;
}

body .le-menu-classes.menu-sidetabs span.description {
    font-family: "barlow";
    font-weight: 400;
    font-size: 19px !important;
}

body .le-menu-classes.menu-sidetabs span.price {
    font-family: "barlow";
    font-size: 19px !important;
}

/* Subsection intro line ("Add to any salad: chicken +4.99 | ...") */
body .le-menu-classes.menu-sidetabs .subsection-description,
body .le-menu-classes.menu-sidetabs .subsection-description p {
    font-family: "barlow";
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Notice / disclaimer text.
   These spans carry an inline style="font-size:10px" written into the
   menu content itself in the Restaurant Menu plugin, not into any
   stylesheet - so !important is required to override them. */
body .le-menu-classes.menu-sidetabs .subsection-description span,
body .le-menu-classes.menu-sidetabs .subsection-description [style*="font-size"],
body .le-menu-classes.menu-sidetabs .subsection-content span[style*="font-size"] {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

body .le-menu-classes.menu-sidetabs .section-description {
    font-family: "barlow";
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

body .le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}

/* ---------- ELEMENTOR TAB CONTAINER PADDING ---------- */
:where(.elementor-207 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content) > .e-con {
    padding-left: 0px;
}

/* =====================================================
   TABLET & DESKTOP (768px and up)
   Same stacked style, but cap the panel width so the food
   photos and description lines don't stretch across a wide
   monitor. Uncapped, images render about 1420px wide.
   ===================================================== */
@media (min-width: 768px) {

    body .le-menu-classes.menu-sidetabs .section-sortable {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 24px !important;
    }

    body .le-menu-classes.menu-sidetabs .section-description {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ff384f */.le-menu-classes.menu-sidetabs .subsection-title-list {
    width: 30% !important;
    

    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    border-radius: 0px;
    background-color: #007EA3 !important;
    color: white !important;
    font-family: "barlow";
    padding: 8px 24px;

    
}

.le-menu-classes.menu-sidetabs .subsection-item .name {
    margin: 0 0 5px 0;
    text-align: left !important;
}

.le-menu-classes.menu-sidetabs .subsection-title{
    
    border-radius: 0px;
    background-color: white !important;
    color: black !important;
    font-family: "barlow";
    margin-right: 10px !important;
    text-align: right !important;
    padding: 8px 24px !important;
    font-family: "barlow" !important;
    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space{
    
    
    padding-left: 40px;
   
}

.le-menu-classes.menu-sidetabs .subsection-content.open{
    
    width: 100%
}

.le-menu-classes.menu-sidetabs .subsection-item{
    
    



}

p.span{
    font-size: 15px !important;
    
    
}


span.description.ng-binding.ng-scope {
    font-family: "barlow";
    font-size: 15px;
    font-weight: 400;
    
}

span.price.ng-scope {
    font-family: "barlow";
    font-size: 15px;
}

.subsection-description.ng-binding.ng-scope {
    font-family: "barlow";
    font-weight: 400;
    font-size: 14px;

}

.le-menu-classes.menu-sidetabs .section {
    margin-top: 15px;
    overflow: auto;
    padding: 15px 0;
    height:50em;
}


.section-description.ng-binding.ng-scope {
   
    margin-right:20px !important;
    font-family: "barlow";

}


.le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}



/* Mobile */
@media (max-width: 767px) {
    
    .le-menu-classes.menu-sidetabs .subsection-title-list{
        
        float: none;
}


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ec7acd *//* h2#subsection-title-11837 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ef2a543 *//* =====================================================
   CASEY'S MENU - stacked layout, ALL screen sizes
   Tab list on top, menu items underneath, both wrapped in
   one bordered panel.
   The "body " prefix is deliberate: this CSS is duplicated on
   other Text Editor widgets on this page, so the extra
   specificity is needed to beat the older copies that load
   after this one.
   ===================================================== */

/* ---------- TAB BUTTONS ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: "barlow" !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}

body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    background-color: #007EA3 !important;
    color: #ffffff !important;
}

/* ---------- THE PANEL: tab row + items read as one unit ---------- */
body .le-menu-classes.menu-sidetabs .section-sortable {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
}

/* ---------- TAB ROW ACROSS THE TOP ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 14px 0 !important;
    text-align: center !important;
    /* hairline between the tabs and the items; delete for no divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body .le-menu-classes.menu-sidetabs .subsection-title-list > * {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ---------- CONTENT BACK INTO NORMAL FLOW ----------
   The plugin absolutely-positions .subsection-content and fakes the
   column height with an inline min-height on .subsection-content-space.
   Once the columns are stacked that number is wrong and the menu
   collapses, so put the content back in flow and let every wrapper
   size itself to its own content. */
body .le-menu-classes.menu-sidetabs .subsection-content,
body .le-menu-classes.menu-sidetabs .subsection-content.open {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .le-menu-classes.menu-sidetabs,
body .le-menu-classes.menu-sidetabs .section,
body .le-menu-classes.menu-sidetabs .section-sortable,
body .le-menu-classes.menu-sidetabs .subsection-content-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* ---------- Drop the old two-column divider and gutter ---------- */
body .le-menu-classes.menu-sidetabs .subsection-content-space,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .le-menu-classes.menu-sidetabs .section {
    margin-top: 10px;
    padding: 10px 0 !important;
}

/* ---------- TYPE SIZES ---------- */
body .le-menu-classes.menu-sidetabs .subsection-item .name {
    font-family: "barlow";
    font-size: 22px !important;
    margin: 0 0 5px 0;
    text-align: left !important;
}

body .le-menu-classes.menu-sidetabs span.description {
    font-family: "barlow";
    font-weight: 400;
    font-size: 19px !important;
}

body .le-menu-classes.menu-sidetabs span.price {
    font-family: "barlow";
    font-size: 19px !important;
}

/* Subsection intro line ("Add to any salad: chicken +4.99 | ...") */
body .le-menu-classes.menu-sidetabs .subsection-description,
body .le-menu-classes.menu-sidetabs .subsection-description p {
    font-family: "barlow";
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Notice / disclaimer text.
   These spans carry an inline style="font-size:10px" written into the
   menu content itself in the Restaurant Menu plugin, not into any
   stylesheet - so !important is required to override them. */
body .le-menu-classes.menu-sidetabs .subsection-description span,
body .le-menu-classes.menu-sidetabs .subsection-description [style*="font-size"],
body .le-menu-classes.menu-sidetabs .subsection-content span[style*="font-size"] {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

body .le-menu-classes.menu-sidetabs .section-description {
    font-family: "barlow";
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

body .le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}

/* ---------- ELEMENTOR TAB CONTAINER PADDING ---------- */
:where(.elementor-207 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content) > .e-con {
    padding-left: 0px;
}

/* =====================================================
   TABLET & DESKTOP (768px and up)
   Same stacked style, but cap the panel width so the food
   photos and description lines don't stretch across a wide
   monitor. Uncapped, images render about 1420px wide.
   ===================================================== */
@media (min-width: 768px) {

    body .le-menu-classes.menu-sidetabs .section-sortable {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 24px !important;
    }

    body .le-menu-classes.menu-sidetabs .section-description {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ff384f */.le-menu-classes.menu-sidetabs .subsection-title-list {
    width: 30% !important;
    

    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    border-radius: 0px;
    background-color: #007EA3 !important;
    color: white !important;
    font-family: "barlow";
    padding: 8px 24px;

    
}

.le-menu-classes.menu-sidetabs .subsection-item .name {
    margin: 0 0 5px 0;
    text-align: left !important;
}

.le-menu-classes.menu-sidetabs .subsection-title{
    
    border-radius: 0px;
    background-color: white !important;
    color: black !important;
    font-family: "barlow";
    margin-right: 10px !important;
    text-align: right !important;
    padding: 8px 24px !important;
    font-family: "barlow" !important;
    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space{
    
    
    padding-left: 40px;
   
}

.le-menu-classes.menu-sidetabs .subsection-content.open{
    
    width: 100%
}

.le-menu-classes.menu-sidetabs .subsection-item{
    
    



}

p.span{
    font-size: 15px !important;
    
    
}


span.description.ng-binding.ng-scope {
    font-family: "barlow";
    font-size: 15px;
    font-weight: 400;
    
}

span.price.ng-scope {
    font-family: "barlow";
    font-size: 15px;
}

.subsection-description.ng-binding.ng-scope {
    font-family: "barlow";
    font-weight: 400;
    font-size: 14px;

}

.le-menu-classes.menu-sidetabs .section {
    margin-top: 15px;
    overflow: auto;
    padding: 15px 0;
    height:50em;
}


.section-description.ng-binding.ng-scope {
   
    margin-right:20px !important;
    font-family: "barlow";

}


.le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}



/* Mobile */
@media (max-width: 767px) {
    
    .le-menu-classes.menu-sidetabs .subsection-title-list{
        
        float: none;
}


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ec7acd *//* h2#subsection-title-11837 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ef2a543 *//* =====================================================
   CASEY'S MENU - stacked layout, ALL screen sizes
   Tab list on top, menu items underneath, both wrapped in
   one bordered panel.
   The "body " prefix is deliberate: this CSS is duplicated on
   other Text Editor widgets on this page, so the extra
   specificity is needed to beat the older copies that load
   after this one.
   ===================================================== */

/* ---------- TAB BUTTONS ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: "barlow" !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}

body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    background-color: #007EA3 !important;
    color: #ffffff !important;
}

/* ---------- THE PANEL: tab row + items read as one unit ---------- */
body .le-menu-classes.menu-sidetabs .section-sortable {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
}

/* ---------- TAB ROW ACROSS THE TOP ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 14px 0 !important;
    text-align: center !important;
    /* hairline between the tabs and the items; delete for no divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body .le-menu-classes.menu-sidetabs .subsection-title-list > * {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ---------- CONTENT BACK INTO NORMAL FLOW ----------
   The plugin absolutely-positions .subsection-content and fakes the
   column height with an inline min-height on .subsection-content-space.
   Once the columns are stacked that number is wrong and the menu
   collapses, so put the content back in flow and let every wrapper
   size itself to its own content. */
body .le-menu-classes.menu-sidetabs .subsection-content,
body .le-menu-classes.menu-sidetabs .subsection-content.open {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .le-menu-classes.menu-sidetabs,
body .le-menu-classes.menu-sidetabs .section,
body .le-menu-classes.menu-sidetabs .section-sortable,
body .le-menu-classes.menu-sidetabs .subsection-content-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* ---------- Drop the old two-column divider and gutter ---------- */
body .le-menu-classes.menu-sidetabs .subsection-content-space,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .le-menu-classes.menu-sidetabs .section {
    margin-top: 10px;
    padding: 10px 0 !important;
}

/* ---------- TYPE SIZES ---------- */
body .le-menu-classes.menu-sidetabs .subsection-item .name {
    font-family: "barlow";
    font-size: 22px !important;
    margin: 0 0 5px 0;
    text-align: left !important;
}

body .le-menu-classes.menu-sidetabs span.description {
    font-family: "barlow";
    font-weight: 400;
    font-size: 19px !important;
}

body .le-menu-classes.menu-sidetabs span.price {
    font-family: "barlow";
    font-size: 19px !important;
}

/* Subsection intro line ("Add to any salad: chicken +4.99 | ...") */
body .le-menu-classes.menu-sidetabs .subsection-description,
body .le-menu-classes.menu-sidetabs .subsection-description p {
    font-family: "barlow";
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Notice / disclaimer text.
   These spans carry an inline style="font-size:10px" written into the
   menu content itself in the Restaurant Menu plugin, not into any
   stylesheet - so !important is required to override them. */
body .le-menu-classes.menu-sidetabs .subsection-description span,
body .le-menu-classes.menu-sidetabs .subsection-description [style*="font-size"],
body .le-menu-classes.menu-sidetabs .subsection-content span[style*="font-size"] {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

body .le-menu-classes.menu-sidetabs .section-description {
    font-family: "barlow";
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

body .le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}

/* ---------- ELEMENTOR TAB CONTAINER PADDING ---------- */
:where(.elementor-207 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content) > .e-con {
    padding-left: 0px;
}

/* =====================================================
   TABLET & DESKTOP (768px and up)
   Same stacked style, but cap the panel width so the food
   photos and description lines don't stretch across a wide
   monitor. Uncapped, images render about 1420px wide.
   ===================================================== */
@media (min-width: 768px) {

    body .le-menu-classes.menu-sidetabs .section-sortable {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 24px !important;
    }

    body .le-menu-classes.menu-sidetabs .section-description {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ff384f */.le-menu-classes.menu-sidetabs .subsection-title-list {
    width: 30% !important;
    

    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    border-radius: 0px;
    background-color: #007EA3 !important;
    color: white !important;
    font-family: "barlow";
    padding: 8px 24px;

    
}

.le-menu-classes.menu-sidetabs .subsection-item .name {
    margin: 0 0 5px 0;
    text-align: left !important;
}

.le-menu-classes.menu-sidetabs .subsection-title{
    
    border-radius: 0px;
    background-color: white !important;
    color: black !important;
    font-family: "barlow";
    margin-right: 10px !important;
    text-align: right !important;
    padding: 8px 24px !important;
    font-family: "barlow" !important;
    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space{
    
    
    padding-left: 40px;
   
}

.le-menu-classes.menu-sidetabs .subsection-content.open{
    
    width: 100%
}

.le-menu-classes.menu-sidetabs .subsection-item{
    
    



}

p.span{
    font-size: 15px !important;
    
    
}


span.description.ng-binding.ng-scope {
    font-family: "barlow";
    font-size: 15px;
    font-weight: 400;
    
}

span.price.ng-scope {
    font-family: "barlow";
    font-size: 15px;
}

.subsection-description.ng-binding.ng-scope {
    font-family: "barlow";
    font-weight: 400;
    font-size: 14px;

}

.le-menu-classes.menu-sidetabs .section {
    margin-top: 15px;
    overflow: auto;
    padding: 15px 0;
    height:50em;
}


.section-description.ng-binding.ng-scope {
   
    margin-right:20px !important;
    font-family: "barlow";

}


.le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}



/* Mobile */
@media (max-width: 767px) {
    
    .le-menu-classes.menu-sidetabs .subsection-title-list{
        
        float: none;
}


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ec7acd *//* h2#subsection-title-11837 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ef2a543 *//* =====================================================
   CASEY'S MENU - stacked layout, ALL screen sizes
   Tab list on top, menu items underneath, both wrapped in
   one bordered panel.
   The "body " prefix is deliberate: this CSS is duplicated on
   other Text Editor widgets on this page, so the extra
   specificity is needed to beat the older copies that load
   after this one.
   ===================================================== */

/* ---------- TAB BUTTONS ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: "barlow" !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}

body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    background-color: #007EA3 !important;
    color: #ffffff !important;
}

/* ---------- THE PANEL: tab row + items read as one unit ---------- */
body .le-menu-classes.menu-sidetabs .section-sortable {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
}

/* ---------- TAB ROW ACROSS THE TOP ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 14px 0 !important;
    text-align: center !important;
    /* hairline between the tabs and the items; delete for no divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body .le-menu-classes.menu-sidetabs .subsection-title-list > * {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ---------- CONTENT BACK INTO NORMAL FLOW ----------
   The plugin absolutely-positions .subsection-content and fakes the
   column height with an inline min-height on .subsection-content-space.
   Once the columns are stacked that number is wrong and the menu
   collapses, so put the content back in flow and let every wrapper
   size itself to its own content. */
body .le-menu-classes.menu-sidetabs .subsection-content,
body .le-menu-classes.menu-sidetabs .subsection-content.open {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .le-menu-classes.menu-sidetabs,
body .le-menu-classes.menu-sidetabs .section,
body .le-menu-classes.menu-sidetabs .section-sortable,
body .le-menu-classes.menu-sidetabs .subsection-content-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* ---------- Drop the old two-column divider and gutter ---------- */
body .le-menu-classes.menu-sidetabs .subsection-content-space,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .le-menu-classes.menu-sidetabs .section {
    margin-top: 10px;
    padding: 10px 0 !important;
}

/* ---------- TYPE SIZES ---------- */
body .le-menu-classes.menu-sidetabs .subsection-item .name {
    font-family: "barlow";
    font-size: 22px !important;
    margin: 0 0 5px 0;
    text-align: left !important;
}

body .le-menu-classes.menu-sidetabs span.description {
    font-family: "barlow";
    font-weight: 400;
    font-size: 19px !important;
}

body .le-menu-classes.menu-sidetabs span.price {
    font-family: "barlow";
    font-size: 19px !important;
}

/* Subsection intro line ("Add to any salad: chicken +4.99 | ...") */
body .le-menu-classes.menu-sidetabs .subsection-description,
body .le-menu-classes.menu-sidetabs .subsection-description p {
    font-family: "barlow";
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Notice / disclaimer text.
   These spans carry an inline style="font-size:10px" written into the
   menu content itself in the Restaurant Menu plugin, not into any
   stylesheet - so !important is required to override them. */
body .le-menu-classes.menu-sidetabs .subsection-description span,
body .le-menu-classes.menu-sidetabs .subsection-description [style*="font-size"],
body .le-menu-classes.menu-sidetabs .subsection-content span[style*="font-size"] {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

body .le-menu-classes.menu-sidetabs .section-description {
    font-family: "barlow";
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

body .le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}

/* ---------- ELEMENTOR TAB CONTAINER PADDING ---------- */
:where(.elementor-207 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content) > .e-con {
    padding-left: 0px;
}

/* =====================================================
   TABLET & DESKTOP (768px and up)
   Same stacked style, but cap the panel width so the food
   photos and description lines don't stretch across a wide
   monitor. Uncapped, images render about 1420px wide.
   ===================================================== */
@media (min-width: 768px) {

    body .le-menu-classes.menu-sidetabs .section-sortable {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 24px !important;
    }

    body .le-menu-classes.menu-sidetabs .section-description {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ff384f */.le-menu-classes.menu-sidetabs .subsection-title-list {
    width: 30% !important;
    

    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    border-radius: 0px;
    background-color: #007EA3 !important;
    color: white !important;
    font-family: "barlow";
    padding: 8px 24px;

    
}

.le-menu-classes.menu-sidetabs .subsection-item .name {
    margin: 0 0 5px 0;
    text-align: left !important;
}

.le-menu-classes.menu-sidetabs .subsection-title{
    
    border-radius: 0px;
    background-color: white !important;
    color: black !important;
    font-family: "barlow";
    margin-right: 10px !important;
    text-align: right !important;
    padding: 8px 24px !important;
    font-family: "barlow" !important;
    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space{
    
    
    padding-left: 40px;
   
}

.le-menu-classes.menu-sidetabs .subsection-content.open{
    
    width: 100%
}

.le-menu-classes.menu-sidetabs .subsection-item{
    
    



}

p.span{
    font-size: 15px !important;
    
    
}


span.description.ng-binding.ng-scope {
    font-family: "barlow";
    font-size: 15px;
    font-weight: 400;
    
}

span.price.ng-scope {
    font-family: "barlow";
    font-size: 15px;
}

.subsection-description.ng-binding.ng-scope {
    font-family: "barlow";
    font-weight: 400;
    font-size: 14px;

}

.le-menu-classes.menu-sidetabs .section {
    margin-top: 15px;
    overflow: auto;
    padding: 15px 0;
    height:50em;
}


.section-description.ng-binding.ng-scope {
   
    margin-right:20px !important;
    font-family: "barlow";

}


.le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}



/* Mobile */
@media (max-width: 767px) {
    
    .le-menu-classes.menu-sidetabs .subsection-title-list{
        
        float: none;
}


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ec7acd *//* h2#subsection-title-11837 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ef2a543 *//* =====================================================
   CASEY'S MENU - stacked layout, ALL screen sizes
   Tab list on top, menu items underneath, both wrapped in
   one bordered panel.
   The "body " prefix is deliberate: this CSS is duplicated on
   other Text Editor widgets on this page, so the extra
   specificity is needed to beat the older copies that load
   after this one.
   ===================================================== */

/* ---------- TAB BUTTONS ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: "barlow" !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}

body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    background-color: #007EA3 !important;
    color: #ffffff !important;
}

/* ---------- THE PANEL: tab row + items read as one unit ---------- */
body .le-menu-classes.menu-sidetabs .section-sortable {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
}

/* ---------- TAB ROW ACROSS THE TOP ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 14px 0 !important;
    text-align: center !important;
    /* hairline between the tabs and the items; delete for no divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body .le-menu-classes.menu-sidetabs .subsection-title-list > * {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ---------- CONTENT BACK INTO NORMAL FLOW ----------
   The plugin absolutely-positions .subsection-content and fakes the
   column height with an inline min-height on .subsection-content-space.
   Once the columns are stacked that number is wrong and the menu
   collapses, so put the content back in flow and let every wrapper
   size itself to its own content. */
body .le-menu-classes.menu-sidetabs .subsection-content,
body .le-menu-classes.menu-sidetabs .subsection-content.open {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .le-menu-classes.menu-sidetabs,
body .le-menu-classes.menu-sidetabs .section,
body .le-menu-classes.menu-sidetabs .section-sortable,
body .le-menu-classes.menu-sidetabs .subsection-content-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* ---------- Drop the old two-column divider and gutter ---------- */
body .le-menu-classes.menu-sidetabs .subsection-content-space,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .le-menu-classes.menu-sidetabs .section {
    margin-top: 10px;
    padding: 10px 0 !important;
}

/* ---------- TYPE SIZES ---------- */
body .le-menu-classes.menu-sidetabs .subsection-item .name {
    font-family: "barlow";
    font-size: 22px !important;
    margin: 0 0 5px 0;
    text-align: left !important;
}

body .le-menu-classes.menu-sidetabs span.description {
    font-family: "barlow";
    font-weight: 400;
    font-size: 19px !important;
}

body .le-menu-classes.menu-sidetabs span.price {
    font-family: "barlow";
    font-size: 19px !important;
}

/* Subsection intro line ("Add to any salad: chicken +4.99 | ...") */
body .le-menu-classes.menu-sidetabs .subsection-description,
body .le-menu-classes.menu-sidetabs .subsection-description p {
    font-family: "barlow";
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Notice / disclaimer text.
   These spans carry an inline style="font-size:10px" written into the
   menu content itself in the Restaurant Menu plugin, not into any
   stylesheet - so !important is required to override them. */
body .le-menu-classes.menu-sidetabs .subsection-description span,
body .le-menu-classes.menu-sidetabs .subsection-description [style*="font-size"],
body .le-menu-classes.menu-sidetabs .subsection-content span[style*="font-size"] {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

body .le-menu-classes.menu-sidetabs .section-description {
    font-family: "barlow";
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

body .le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}

/* ---------- ELEMENTOR TAB CONTAINER PADDING ---------- */
:where(.elementor-207 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content) > .e-con {
    padding-left: 0px;
}

/* =====================================================
   TABLET & DESKTOP (768px and up)
   Same stacked style, but cap the panel width so the food
   photos and description lines don't stretch across a wide
   monitor. Uncapped, images render about 1420px wide.
   ===================================================== */
@media (min-width: 768px) {

    body .le-menu-classes.menu-sidetabs .section-sortable {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 24px !important;
    }

    body .le-menu-classes.menu-sidetabs .section-description {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ff384f */.le-menu-classes.menu-sidetabs .subsection-title-list {
    width: 30% !important;
    

    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    border-radius: 0px;
    background-color: #007EA3 !important;
    color: white !important;
    font-family: "barlow";
    padding: 8px 24px;

    
}

.le-menu-classes.menu-sidetabs .subsection-item .name {
    margin: 0 0 5px 0;
    text-align: left !important;
}

.le-menu-classes.menu-sidetabs .subsection-title{
    
    border-radius: 0px;
    background-color: white !important;
    color: black !important;
    font-family: "barlow";
    margin-right: 10px !important;
    text-align: right !important;
    padding: 8px 24px !important;
    font-family: "barlow" !important;
    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space{
    
    
    padding-left: 40px;
   
}

.le-menu-classes.menu-sidetabs .subsection-content.open{
    
    width: 100%
}

.le-menu-classes.menu-sidetabs .subsection-item{
    
    



}

p.span{
    font-size: 15px !important;
    
    
}


span.description.ng-binding.ng-scope {
    font-family: "barlow";
    font-size: 15px;
    font-weight: 400;
    
}

span.price.ng-scope {
    font-family: "barlow";
    font-size: 15px;
}

.subsection-description.ng-binding.ng-scope {
    font-family: "barlow";
    font-weight: 400;
    font-size: 14px;

}

.le-menu-classes.menu-sidetabs .section {
    margin-top: 15px;
    overflow: auto;
    padding: 15px 0;
    height:50em;
}


.section-description.ng-binding.ng-scope {
   
    margin-right:20px !important;
    font-family: "barlow";

}


.le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}



/* Mobile */
@media (max-width: 767px) {
    
    .le-menu-classes.menu-sidetabs .subsection-title-list{
        
        float: none;
}


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ec7acd *//* h2#subsection-title-11837 {
    display: none;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ef2a543 *//* =====================================================
   CASEY'S MENU - stacked layout, ALL screen sizes
   Tab list on top, menu items underneath, both wrapped in
   one bordered panel.
   The "body " prefix is deliberate: this CSS is duplicated on
   other Text Editor widgets on this page, so the extra
   specificity is needed to beat the older copies that load
   after this one.
   ===================================================== */

/* ---------- TAB BUTTONS ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title {
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: "barlow" !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    white-space: nowrap;
}

body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    background-color: #007EA3 !important;
    color: #ffffff !important;
}

/* ---------- THE PANEL: tab row + items read as one unit ---------- */
body .le-menu-classes.menu-sidetabs .section-sortable {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 6px !important;
    padding: 16px 14px !important;
    box-sizing: border-box !important;
}

/* ---------- TAB ROW ACROSS THE TOP ---------- */
body .le-menu-classes.menu-sidetabs .subsection-title-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 0 0 14px 0 !important;
    text-align: center !important;
    /* hairline between the tabs and the items; delete for no divider */
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

body .le-menu-classes.menu-sidetabs .subsection-title-list > * {
    display: block !important;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* ---------- CONTENT BACK INTO NORMAL FLOW ----------
   The plugin absolutely-positions .subsection-content and fakes the
   column height with an inline min-height on .subsection-content-space.
   Once the columns are stacked that number is wrong and the menu
   collapses, so put the content back in flow and let every wrapper
   size itself to its own content. */
body .le-menu-classes.menu-sidetabs .subsection-content,
body .le-menu-classes.menu-sidetabs .subsection-content.open {
    position: static !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

body .le-menu-classes.menu-sidetabs,
body .le-menu-classes.menu-sidetabs .section,
body .le-menu-classes.menu-sidetabs .section-sortable,
body .le-menu-classes.menu-sidetabs .subsection-content-space {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* ---------- Drop the old two-column divider and gutter ---------- */
body .le-menu-classes.menu-sidetabs .subsection-content-space,
body .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    border-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .le-menu-classes.menu-sidetabs .section {
    margin-top: 10px;
    padding: 10px 0 !important;
}

/* ---------- TYPE SIZES ---------- */
body .le-menu-classes.menu-sidetabs .subsection-item .name {
    font-family: "barlow";
    font-size: 22px !important;
    margin: 0 0 5px 0;
    text-align: left !important;
}

body .le-menu-classes.menu-sidetabs span.description {
    font-family: "barlow";
    font-weight: 400;
    font-size: 19px !important;
}

body .le-menu-classes.menu-sidetabs span.price {
    font-family: "barlow";
    font-size: 19px !important;
}

/* Subsection intro line ("Add to any salad: chicken +4.99 | ...") */
body .le-menu-classes.menu-sidetabs .subsection-description,
body .le-menu-classes.menu-sidetabs .subsection-description p {
    font-family: "barlow";
    font-weight: 400;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Notice / disclaimer text.
   These spans carry an inline style="font-size:10px" written into the
   menu content itself in the Restaurant Menu plugin, not into any
   stylesheet - so !important is required to override them. */
body .le-menu-classes.menu-sidetabs .subsection-description span,
body .le-menu-classes.menu-sidetabs .subsection-description [style*="font-size"],
body .le-menu-classes.menu-sidetabs .subsection-content span[style*="font-size"] {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

body .le-menu-classes.menu-sidetabs .section-description {
    font-family: "barlow";
    margin-right: 0 !important;
    margin-bottom: 10px !important;
}

body .le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}

/* ---------- ELEMENTOR TAB CONTAINER PADDING ---------- */
:where(.elementor-207 .elementor-element.elementor-element-53d9b01.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-content) > .e-con {
    padding-left: 0px;
}

/* =====================================================
   TABLET & DESKTOP (768px and up)
   Same stacked style, but cap the panel width so the food
   photos and description lines don't stretch across a wide
   monitor. Uncapped, images render about 1420px wide.
   ===================================================== */
@media (min-width: 768px) {

    body .le-menu-classes.menu-sidetabs .section-sortable {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 24px !important;
    }

    body .le-menu-classes.menu-sidetabs .section-description {
        max-width: 820px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5ff384f */.le-menu-classes.menu-sidetabs .subsection-title-list {
    width: 30% !important;
    

    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:hover, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title:focus, .le-menu-angular .le-menu-classes.menu-sidetabs .subsection-title.open {
    border-radius: 0px;
    background-color: #007EA3 !important;
    color: white !important;
    font-family: "barlow";
    padding: 8px 24px;

    
}

.le-menu-classes.menu-sidetabs .subsection-item .name {
    margin: 0 0 5px 0;
    text-align: left !important;
}

.le-menu-classes.menu-sidetabs .subsection-title{
    
    border-radius: 0px;
    background-color: white !important;
    color: black !important;
    font-family: "barlow";
    margin-right: 10px !important;
    text-align: right !important;
    padding: 8px 24px !important;
    font-family: "barlow" !important;
    
}

.le-menu-angular .le-menu-classes.menu-sidetabs .subsection-content-space{
    
    
    padding-left: 40px;
   
}

.le-menu-classes.menu-sidetabs .subsection-content.open{
    
    width: 100%
}

.le-menu-classes.menu-sidetabs .subsection-item{
    
    



}

p.span{
    font-size: 15px !important;
    
    
}


span.description.ng-binding.ng-scope {
    font-family: "barlow";
    font-size: 15px;
    font-weight: 400;
    
}

span.price.ng-scope {
    font-family: "barlow";
    font-size: 15px;
}

.subsection-description.ng-binding.ng-scope {
    font-family: "barlow";
    font-weight: 400;
    font-size: 14px;

}

.le-menu-classes.menu-sidetabs .section {
    margin-top: 15px;
    overflow: auto;
    padding: 15px 0;
    height:50em;
}


.section-description.ng-binding.ng-scope {
   
    margin-right:20px !important;
    font-family: "barlow";

}


.le-menu-classes.menu-sidetabs .subsection-item:first-child {
    padding: 0;
    margin-top: 20px;
}



/* Mobile */
@media (max-width: 767px) {
    
    .le-menu-classes.menu-sidetabs .subsection-title-list{
        
        float: none;
}


}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1ec7acd *//* h2#subsection-title-11837 {
    display: none;
}/* End custom CSS */