.skip-link {
                    background: #ca7c3c;
                    color: white;
                    font-weight: 700;
                    left: 50%;
                    padding: 5px 10px;
                    position: absolute;
                    transform: translateY(-500%);
                    transition: transform 0.3s;
                    z-index: 999;
                }
                a.skip-link:focus {
                    transform: translateY(00%);
                }#nav-main-controls, #nav-main { background: #333132; background: rgba(51, 49, 50, 0.95);}#nav-main li a {font-family:'Open Sans';text-transform: uppercase;}#nav_main_toggle .icon-bar {background: rgba(255, 255, 255, 1);}#nav-main li a {color: rgba(255, 255, 255, 1);}#nav-main-content li.active a {border-color: rgba(255, 255, 255, 1);}#nav-main-content li:hover a {color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1);}#nav-main-content li.active:hover a {border-color: rgba(255, 255, 255, 1);}.home-31427 .layout-1-bg-path{background-image: url('https://www.unoapp.com/app/source/resources/webbuilder/structure/1/home/layout_1.jpg');}.home-31427 .layout-1-logo-section{background-image: url('https://images.unoapp.com/boxdata/asset87209/images/Logo-700px.png');}.home-31427 .layout-1-arrow-color{color:#fff;}@media only screen and (min-width: 1600px) { .layout-1-logo-padding{padding-top:495px !important;}}@media only screen and (max-width: 1600px) { .layout-1-logo-padding{padding-top:395px !important;}}.home-31428 .layout-1-bg-path{background-image: url('');}.popup-31429 .layout-1-bg-path{background-image: url('');}.landing-31430 .layout-1-bg-path{background-image: url('');}.intro-31448 .layout-1-bg-path{background-image: url('');}.gallery-31436 .layout-1-bg-path{background-image: url('');}.reservations-31440 .layout-1-bg-path{background-image: url('');}.spacer-31442 .layout-1-bg-path{background-image: url('https://images.unoapp.com/boxdata/asset87209/images/Image-Spacer-1.jpg');}.about-34078 .layout-1-bg-path{background-image: url('');}.spacer-2-31445 .layout-1-bg-path{background-image: url('https://images.unoapp.com/boxdata/asset87209/images/Image-Spacer-2.jpg');}.menus-34079 .layout-1-bg-path{background-image: url('');}.contact-31438 .layout-1-bg-path{background-image: url('');}.layout-1-footer-bg{background-color:rgb(0, 0, 0);}.content-social h1, .headline h1 ,.headlineui h1 {font-family: 'Oswald'; font-size: 32px; color: #fff; margin: 0px;line-height: 32px;font-weight: normal;}.content-social h2, .headline h2,.subheadui h2{font-family: 'Oswald'; font-size: 24px; color: #fff; margin: 0px;line-height: 24px;font-weight: normal;}.content-social h1, .headline h1 ,.headlineui h1 {font-family: ''; font-size: px; color: ; margin: 0px;line-height: px;font-weight: normal;}.content-social h2, .headline h2,.subheadui h2{font-family: ''; font-size: px; color: ; margin: 0px;line-height: px;font-weight: normal;}@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');

:root {
    --color-primary: #333132;
    --font-family: "Bodoni Moda", serif;
}

.skip {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body, a {font-size: 16px;}
h1, h2, h3, h4, h5, h6, body {font-family: var(--font-family) !important;}
h1 {letter-spacing: 1px; font-size: 42px; margin-bottom: 16px !important;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
p {font-size: 18px; margin-bottom: 16px !important;}

.button {
   text-decoration: none !important;
   padding: 16px !important;
   border-radius: 4px;
   font-family: var(--font-family);
   font-size: 18px !important;
   max-width: fit-content;
   display: block;
   margin: 0 auto !important;
}
.primary-btn {
   background: var(--color-primary);
   color: white;
}
.primary-btn:hover {background: rgb(115, 115, 115) !important; color: white;}
.secondary-btn {
   border: 1px solid var(--color-primary);
   color: var(--color-primary);
}
.secondary-btn:hover {
   background: var(--color-primary);
   color: white;
}
@media screen and (max-width: 767px) {
   .button {max-width: 100%;}
}

/*AODA: NOTICEABLE OUTLINE FOR KEYBOARD FOCUS*/
  a:focus,a:active,button:focus,button:active,.btn.active.focus, .btn.active:focus,.btn.focus,.btn:active.focus, .btn:active:focus,.btn:focus { outline: 1px solid #000000; box-shadow: none;}


/* === Section CSS === */ 
.main-wrapper *, .main-wrapper *:before, .main-wrapper *:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.main-wrapper {
    padding: 50px 16px;
}
@media screen and (max-width: 767px) {
   .main-wrapper {padding: 24px 16px;}
}
.main-wrapper.landing-section {
    background-image: url('https://unoapp.com/img2110925');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment:fixed;
    padding: 100px 15px 150px;
}

#spacer div.widget-section, 
#spacer-2 div.widget-section {
    min-height: 425px !important;
}
#spacer div.widget-section {
    background-image: url('https://images.unoapp.com/boxdata/asset87209/images/Image-Spacer-1.jpg') !important;
} 
#spacer-2 div.widget-section {
    background-image: url('https://images.unoapp.com/boxdata/asset87209/images/Image-Spacer-2.jpg') !important;
}
#intro div.widget-section {
    background:url(https://images.unoapp.com/boxdata/asset87209/images/Character-Image-Owl_1.jpg ) left bottom no-repeat, #fff !important;
    background-size:25% !important;
    padding:50px 0px !important;
}
#reservations div.widget-section, #reservations-2 div.widget-section {
    background:url(https://images.unoapp.com/boxdata/asset87209/images/Frog-Image.jpg) right bottom no-repeat, #fff !important;
    background-size:25% !important;
    padding:50px 0px !important;
}
#menus div.widget-section, #menus-2 div.widget-section {
    background:url(https://images.unoapp.com/boxdata/asset87209/images/Character-Image-Rooster_1.jpg) left bottom no-repeat, #fff !important;
    background-size:25% !important;
    padding:200px 0px 250px !important;
}

#gallery div.widget-section, #contact div.widget-section, #about div.widget-section, #about-2 div.widget-section {background:var(--color-primary) !important;}

.content {
   max-width: 1160px;
   margin: 10px auto; 
}

@media screen and (max-width: 475px) {
   #intro div.widget-section {padding: 0 0 48px !important;}
   #menus-html div.widget-section {padding: 0 0 120px !important;}
   #reservations div.widget-section, #reservations-2 div.widget-section {padding: 0 0 100px !important;}
}
/* === Hide things === */ 
body .home-layout-1 {
    display: none;
}

/* ====== LANDING ====== */ 
#landing .content {
      text-align: center;
      padding: 150px 0 150px;
    }
    .main-logo {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}

/* ====== INTRO ====== */
.intro-section .content {
    max-width: 600px;
    margin:10px auto;
    padding: 50px;
    text-align: center;
}
/*======= GALLERY =======*/
.gallery_widget_body.gallery_layout_4 .gallery-thumbs > div > div {
    height: 264px !important;
-webkit-filter:none!important;
}

@media screen and (max-width:991px) {
    .gallery-overlay_4{background:#333132 !important;}
}

/* ====== ABOUT ====== */
#about h2, #about , #about p, #about , #about h3,
#about-2 h2, #about , #about-2 p, #about , #about-2 h3 {
    color: white !important; 
    line-height: 1.5;
}
#about h2, #about-2 h2 {margin-bottom:24px;}
#about a, #about-2 a {color: inherit;}

.about h3 {font-style: italic;}
.about {text-align: center;}

.main-features .content, .group-dining .content {
    display: flex;
    justify-content: space-between;
    gap: 48px;
}
.group-dining .content div:nth-child(2) {padding: 32px;}
.group-dining .content p {display: block;margin-bottom: 24px !important;}
.side_img img {
    width: 440px;
    height: 540px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .main-features .content, .group-dining .content {
        flex-direction: column;
        gap: 16px;
    }
    .group-dining .content div:nth-child(2) {
        padding: 0;
    }
    .side_img img {
        max-width: 100%;
        width: 100%;
    }
}


/* === Contact and Map === */ 
#contact .col-sm-3 {display:none !important;}
#contact .col-sm-9 {width: 100% !important;}

.contact-us {color: white; text-align: center;}

.contact-us a {color: inherit; text-decoration: underline;}
.contact-us h2, .contact-us h3 {margin-bottom: 24px;}

#contact .contact-box {display:inline-block; vertical-align: top; width: 33%;}

div#contact-widget-a4edc256036b8b214d25cc49e383db39 {filter: grayscale(1) !important;}

@media screen and (max-width: 767px) {
    .contact-box {width:100% !important;}
}

/* ===== MENUS ===== */
.menus {text-align: center;}
.menus h2 {margin-bottom: 24px;}
.menu-btns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 48px;
}
.menu-btns .button {
    max-width: 100% !important;
    width: 100%;
}
@media screen and (max-width: 767px) {
    .menu-btns {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 16px;
    }
}

/* ==== RESERVATIONS ==== */
.reservations h2, .reservations p {text-align: center;}

.bellaggio-form {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    font-family: var(--font-family) !important;
}
.form-field {
    display: inline-block;
    width: 50%;
    padding: 10px;
}
.form-field.full-field, .full-field label, .form-field label {
    width: 100% !important;
}
.form-field input[type="text"], .form-field select, .form-field textarea {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: 0 !important;
    outline: none;
    font-family: var(--font-family) !important;
}
.form-field select {
    height: 51px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-field textarea {
    height: 100px;
    resize: none;
}
.form-field input[type="text"]:focus, .form-field select:focus, .form-field textarea:focus {
    border: 1px solid var(--color-primary);
}
.form-field .form-label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px !important;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    color: var(--color-primary);
}
.reservetime input[type="text"] {
    width: 60% !important;
    float:left;
    padding: 10px;
    font-size: 18px;
    font-weight: 300;
    border: 1px solid var(--color-primary);
    color: var(--color-primary);
    border-radius: 0 !important;
    outline: none;
}
.reservetime select {
    width: 40%;
}
.required {
    font-weight: 600;
    color: var(--color-primary);
}
.form-field .submit-btn{
    text-align: center;
    cursor: pointer;
    max-width: 100% !important;
    margin-top:25px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius:4px;
}
.form-field .submit-btn:hover {opacity:0.8};
.Hiding Header-home-31427 .content-social h1, .Hiding Header-home-31427 .headline h1 {font-family: 'Oswald'; font-size: 32px; color: #fff; margin: 0px;font-weight: normal;}.Hiding Header-home-31427 .content-social h2, .Hiding Header-home-31427 .headline h2 {font-family: 'Oswald'; font-size: 24px; color: #fff; margin: 0px;font-weight: normal;}.Home-home-31428 .content-social h1, .Home-home-31428 .headline h1 {font-family: ''; font-size: px; color: ; margin: 0px;font-weight: normal;}.Home-home-31428 .content-social h2, .Home-home-31428 .headline h2 {font-family: ''; font-size: px; color: ; margin: 0px;font-weight: normal;}