/*ON THE RIVER*/

body { font-size: 16px; background-color: #571D24; color: #FFF4E8; }
/*Header*/
#header2 { background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0.8) 10%, rgba(0, 0, 0, 0) 60%); padding: 30px 90px; }
#header2 #header-container { display: flex; justify-content: space-between; align-items: center; position: relative; }
#header2 .header-right-section { display: inline-flex; flex-direction: row-reverse; position: static; }
#header2 #header-left { display: inline-flex; justify-content: flex-end; }
#header2 #header-left img { width: 100%; max-width: 160px; }
#header2.detailsInRow .menu-nav { position: absolute; left: 50%; top: 50%; right: auto; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); margin: 0; display: inline-flex; justify-content: center; align-items: center; }
.has-sub i.opensub { font-size: 100%; margin-right: 0; margin-left: 7px; }
#header2.detailsInRow .header-top { z-index: 5; }
#header2 ul.menu { margin: 0; }
#header2 ul.menu li { font-size: 138%; border: 2px solid transparent; }
#header2 ul.menu li a { padding: 2px 10px; }
#header2 ul.menu > li:before, #header2 ul.menu .menu-sub li > a:before { content: ""; border: none; margin: 0; position: absolute; bottom: -3px; height: 2px; width: 0; background: #fff; transition: width 0.3s linear; }
#header2 ul.menu > li:hover:before, #header2 ul.menu .menu-sub li > a:hover:before { width: 100%; }
#header2 ul.menu li.active { border: 2px solid #fff; padding: 0 0 4px; }
#header2 ul.menu li:hover, #header2 ul.menu li.active, #header2 ul.menu > li:hover:before { color: #fff; }
#header2 .menu-sub { background: #571D24; padding: 20px; }
#header2 ul.menu .menu-sub li > a { color: #fff; position: relative; }
#header2 ul.menu li { margin-left: 10px; }
#header2 .header-top-left { margin-right: 0; }
#header2 .header-top-right a.lang { background: transparent; color: #FFF; font-size: 120%; }
#header2 .languages { border-right: none; }
@media (max-width: 550px) {
    #header2 .phone-icon { top: 13%; left: -20%; }
}
@media(max-width:991px) {
    #header2 { padding: 20px; }
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 .header-right-section { position: relative; width: auto; background: transparent; }
    #header2.detailsInRow .menu-nav { position: relative; transform: none; left: 0; top: 0; right: auto; bottom: auto; }
    #header2 ul.menu li:hover, #header2 ul.menu li.active, #header2 ul.menu > li:hover:before { background: transparent; }
    #header2 ul.menu li.active { border: none; }
    #header2 ul.menu li.active a { border: 1px solid; }
    #header2 .header-top-left { display: inline-flex; }
    #header2 .mobile-middle-kdm { display: none; }
    #header2 #header-left { margin: 0; width: 100%; }
    #header2.fixedMenu ul.menu, #header2 ul.menu { width: 100vw; right: 0; top: 0; bottom: 0; left: 0; position: fixed; background: #571D24; transition: all 0.4s ease-in-out; padding-top: 100px; }
    #header2.fixedMenu ul.menu li.social-mobile { opacity: 0; }
}
/*Slider*/
#home-gallery .gallery-caption { top: 30%; }
#home-gallery .gallery-logo { width: 100%; }
.scroll-down button { background: transparent; border: 0; }
#home-gallery .scroll-down img { min-width: 0; width: 30px; }

/*Generals for sections*/
.section:first-child .section-title h2, .section-title h3, .form-container-wide #DynamicFormObject h3, #subheadline h2, #headline h1, .menuModuleTextItemSubjectTitle { font-family: 'Assistant-Light'; position: relative; font-size: 26px; line-height: normal; margin: 0 20px; }
.section:first-child .section-title h2:before, .section-title h3:before, .section:first-child .section-title h2:after, .section-title h3:after, .form-container-wide #DynamicFormObject h3:before, .form-container-wide #DynamicFormObject h3:after, #subheadline h2:before, #subheadline h2:after, #headline h1:before, #headline h1:after, .menuModuleTextItemSubjectTitle:before, .menuModuleTextItemSubjectTitle:after { content: ""; width: 120px; height: 1px; background: #eef2f5; display: inline-block; vertical-align: middle; }
.section:first-child .section-title h2:before, .section-title h3:before, .form-container-wide #DynamicFormObject h3:before, #subheadline h2:before, #headline h1:before, .menuModuleTextItemSubjectTitle:before { margin-left: 15px; }
.section:first-child .section-title h2:after, .section-title h3:after, .form-container-wide #DynamicFormObject h3:after, #subheadline h2:after, #headline h1:after, .menuModuleTextItemSubjectTitle:after { margin-right: 15px; }
.section-title h1, .section:not(:first-child) .section-title h2 { font-family: 'Urbanist'; font-size: 126px; opacity: 0.7; letter-spacing: 2.52px; }
@media(max-width:991px) {
    .section:first-child .section-title h2, .section-title h3, .form-container-wide #DynamicFormObject h3 { font-size: 22px!important; }
    .section:first-child .section-title h2:before, .section-title h3:before, .section:first-child .section-title h2:after, .section-title h3:after, .form-container-wide #DynamicFormObject h3:before, .form-container-wide #DynamicFormObject h3:after, #subheadline h2:before, #subheadline h2:after, #headline h1:before, #headline h1:after, .menuModuleTextItemSubjectTitle:before, .menuModuleTextItemSubjectTitle:after { width: 50px; }
    .section-title h1, .section:not(:first-child) .section-title h2 { font-size: 56px; }
}
/*menu-section*/
.sections .grid-content-section { max-width: none; background: linear-gradient(to bottom, #571D24 50%, #eef2f5 50%); margin-bottom: 0; padding: 50px 0 130px; }
.grid-content-section .grid-boxes { max-width: 970px; margin: auto; }
.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 143%; margin-bottom: 0; }
.grid-content-section .grid-boxes .grid-box { position: relative; }
.grid-box-title { position: absolute; top: auto; bottom: 20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); color: #FFF4E8; border: 2px solid; width: 80%; }
.grid-box-title:hover, .reservation .grid-box-title:hover { border: 2px solid transparent; }
.grid-boxes .grid-box-title h3 a, .reservation .grid-box-title h3 a { color: #FFF4E8; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; padding: 13px 13px 16px; transition: all 0.4s ease; }
.grid-boxes .grid-box-title h3 a:hover, .reservation .grid-box-title h3 a:hover { background: #eef2f5; color: #1d1a27; }
.grid-boxes .box-image-animation { cursor: default; }
.grid-boxes .box-image-animation:hover img { transform: none; }
.grid-boxes .box-image-animation:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #000); }
@media(max-width: 991px) {
    .sections .grid-content-section { padding: 50px 0; }
    .grid-boxes .grid-box .grid-box-title h3 { margin: 0; font-size: 125%; }
    .grid-content-section:not(.reservation) .grid-boxes .grid-box:not(:last-child) { margin-bottom: 60px; }
    .grid-content-section:not(.reservation) .grid-boxes .grid-box { width: 90vw; }
}
/*image-section*/
.grid-image-section { margin-bottom: 0px; background: #eef2f5; }
@media(max-width: 991px) {
    .grid-image-section, .image-section-data { height: 150px; }
}
/*reservation*/
.sections .reservation { max-width: none; background: linear-gradient(to bottom, #eef2f5 50%, #571D24 50%); margin-bottom: 0; padding: 130px 0 70px; }
.reservation .grid-boxes { max-width: 1170px; }
.reservation .grid-boxes .grid-box-image { padding-bottom: 45%; }
.reservation .grid-box-title { position: absolute; top: 50%; bottom: auto; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); color: #FFF4E8; border: 2px solid; width: 100%; max-width: 250px; display: flex; justify-content: center; align-items: center; }
.reservation .grid-boxes .box-image-animation:before { content: none; }
.reservation .grid-boxes .grid-box-title h3 { margin: 0; color: inherit; font-size: 156.25%; width: 100%; background-color: rgb(29 26 39 / 60%); }
@media(max-width:991px) {
    .sections .reservation { padding: 70px 0; }
    .reservation .grid-boxes .grid-box { padding: 0; margin: 0; }
}
/*gallery*/
.grid-gallery-section { margin-bottom: 100px; }
.gallery-cubes > div { padding: 15px 7.5px 0; }

/*Form*/
.grid-form-section, #SiteGrid.layout-bottom #GridPromo, #SiteGrid.layout-top #GridPromo { max-width: none; background-image: url('/warehouse/temp/onTheRiver/contact-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding: 100px 0; margin-bottom: 0; }
#DynamicFormObject:after { display: none; }
.grid-form-section .section-title { margin: 0; }
.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; color: #FFF4E8; border: none; max-width: 980px; margin-right: auto; margin-left: auto; padding-top: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33%; padding: 0 7.5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding: 0 7.5px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding: 0; }
#DynamicFormObject input[type=submit] { max-width: 240px; border-radius: 0; background: transparent; border: 2px solid; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: #eef2f5; color: #1d1a27; border: none; }
.normal-form input, .normal-form textarea, .normal-form select { border: none; box-shadow: none; border-radius: 0; height: 50px; background-color: rgb(0 0 0 / 60%); padding: 2px 15px; color: #FFF4E8; }
.normal-form textarea { height: 130px; margin-bottom: 30px; }
.normal-form input::placeholder, .normal-form textarea::placeholder { color: #FFF4E8; }
.form-container-wide .must:before { right: 15px; top: 10px; }
@media(max-width:991px) {
    .grid-form-section { padding: 50px 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 100%; }
    .normal-form input, .normal-form textarea { margin: 0 0 20px 0; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 13px; }
}
/*maps*/
.grid-text-section .section-animation-item.col-xs-10 { width: 100%; padding: 0; }
.grid-text-section { padding: 0; margin-bottom: 0; }
iframe { height: 550px; }
@media(max-width:991px) {
    .grid-text-section { margin-bottom: 0; }
}
/*footer*/
footer { padding: 0; }
.footer-text-divided { display: flex; align-items: center; padding: 20px 100px }
.footer-text-divided > div a { opacity: 0.5; }
.footer-text-divided > div a:hover, .footer-text-divided > div a:focus { opacity: 1; color: #FFF4E8; }
.footer-text-divided > div.footer-text-middle img { width: 35%; }
.footer-text-divided > div.footer-text-right ul { list-style-type: none; column-count: 2; column-gap: 0; padding-right: 0; width: 50%; }
.footer-text-divided > div.footer-text-right ul > li { padding-top: 15px; }
.footer-text-divided > div.footer-text-left a { margin-right: 15px; }
#SiteFooter .site-credit.alternative { padding: 10px 0; }
@media(max-width: 991px) {
    #SiteFooter { padding: 0; }
    .footer-text-divided { padding: 30px 0; }
    .footer-text-divided > div.footer-text-middle img { width: 50%; }
    .site-credit .col-xs-12.text-center { display: flex; justify-content: space-between; align-items: center; }
    .site-credit .col-xs-12.text-center > * { margin: 0; }
}

/*Inners*/
/*Generals*/
#GridTop .top-caption h1 { font-size: 72px; font-family: 'Urbanist'; text-transform: uppercase; }
body:not(.innerMenu) #GridTop:before { position: absolute; content: ""; top: 0; bottom: 0; right: 0; left: 0; background: #000; opacity: 0.4; }
#GridPage { padding-top: 70px; }
#subheadline { padding-bottom: 50px; }
#text1, #text2 { font-family: 'Assistant-Light'; font-size: 120%; max-width: 800px; }
#pageview, #galleryview { margin-bottom: 100px; }
/*about*/
@media(max-width: 991px) {
    #GridTop .top-caption h1 { font-size: 52px; }
}
/*contact page*/
.contactPage #GridPage .max-width, #GridPage .max-width-center { max-width: none; }
.contactPage #GridPage #headline { display: none; }

/*menu page*/
.categories-strip { background: transparent; }
nav.menu-tags-list { padding-top: 40px; }
.categories-strip ul.hidden-xs li:first-child { display: none; }
.categories-strip ul.hidden-xs li { margin: 0 20px; border: 1px solid; padding: 10px 30px; transition: all 0.4s ease; }
.categories-strip ul li.active, .categories-strip ul li:hover { background: #eef2f5; color: #1d1a27; }

.menuModuleContentPart, .menuModuleContentPart:after { border: none; }
#MenuModule .menuModuleNav a, #MenuModule .menuModuleNav a.selected, .menuModuleTextItemTitle,
.menuModuleTextItemDescription, .menuModuleTextItemPrice { color: #FFF4E8; }
.menuModuleTextItemPart:after, .menuModuleTextItemPart.test2:after { content: ""; border: 1px solid #fff; width: calc(100% - 20px); right: 0; position: absolute; bottom: 0; }
.menuModuleTextItemPart.test2:after { right: auto; left: 0; }
.menuModuleTextItemDescription { font-family: 'Assistant-Light'; }
h3.menuModuleTextItemTitle { font-size: 115%; }
#menuModuleNav > a:after { content: ""; position: absolute; bottom: -2px; height: 1px; width: 0%; background: #eef2f5; right: 0; left: 0; transition: width 0.3s linear; }
#menuModuleNav > a:hover:after, #menuModuleNav > a.selected:after { width: 100%; }
#MenuModule .menuModuleNav { display: flex; justify-content: space-around; }
#MenuModule .menuModuleNav { direction: initial; }
@media(max-width:991px) {
    #MenuModule .menuModuleNav { display: flex; justify-content: center; flex-wrap: wrap; }
    .menuModuleTextItemPart:after, .menuModuleTextItemPart.test2:after { right: 0; }
}