.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b616575:#063B32;--e-global-color-9f852b0:#E9BD98;--e-global-color-b31b61e:#4BC6C9;--e-global-color-221ee9c:#D98432;--e-global-color-5aaf50c:#DA8530;--e-global-color-6bc73e4:#00574C;--e-global-color-098fea3:#FFFCFA;--e-global-color-f530d8d:#FFFFFF;--e-global-color-762f4ce:#FFEAD8;--e-global-typography-primary-font-family:"Sofia-Pro-Bold";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.site-header{padding-right:0px;padding-left:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.sectionmargin {
    padding-left: 10vw!important;
    padding-right: 10vw!important;
}

.nav-order {
    background-color: #4cc5c9;
    border-radius: 5px;
}

.nav-order > a {
    background-color: #4cc5c9;
    color: #063b32 !important;
    font-weight: bold;
}

.nav-reserve {
    
}

.nav-reserve > a {
    background-color: #c84549;
    border-radius: 5px;
    padding: 13px 20px !important;
    font-weight: bold;
    color: #ffffff !important;
}

.nav-order a,
.nav-reserve a {
    font-family: 'Sofia-Pro-Bold', Sans-serif !important;
    line-height: 1 !important;
}

.nav-order a::after,
.nav-reserve a::after {
    bottom: -10px !important;
}

@media (min-width: 768px) and (max-width: 1420px) {
    .elementor-21 .elementor-element.elementor-element-b08c617 {
        padding: 0em 2em !important;
    }
    .nav-order,
    .nav-reserve {
        flex-basis: 50%;
        margin-top: 30px !important;
    }
    .nav-order a,
    .nav-reserve a {
        justify-content: center;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sofia-Pro-Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://hattiesrestaurants.com/wp-content/uploads/2023/02/SofiaPro-Bold.eot');
	src: url('https://hattiesrestaurants.com/wp-content/uploads/2023/02/SofiaPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://hattiesrestaurants.com/wp-content/uploads/2023/02/SofiaPro-Bold.woff2') format('woff2'),
		url('https://hattiesrestaurants.com/wp-content/uploads/2023/02/SofiaPro-Bold.woff') format('woff'),
		url('https://hattiesrestaurants.com/wp-content/uploads/2023/02/SofiaPro-Bold.ttf') format('truetype'),
		url('https://hattiesrestaurants.com/wp-content/uploads/2023/02/SofiaPro-Bold.svg#Sofia-Pro-Bold') format('svg');
}
/* End Custom Fonts CSS */