﻿/**Dixie**/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');

body {font-size: 20px;  color: #fff; background: url('../../../warehouse/temp/Dixie/bodyBG.jpg');
    background-size: cover; background-repeat: no-repeat;}
.section-title h2, .grid-rows .grid-row-text h2, #headline h1 { font-size: 300%;}
.section-title h1, #headline h1, .section-title h2, .grid-rows .grid-row-text h2 {font-family:'FBPracticaNarrow-Bold';}
.gallery-cubes {margin:0 -7px;}
.gallery-cubes > div {padding: 7px;}
.lobby-grid #GridPage .max-width {padding: 0;}
.aboutSec .section-title h1, .menuSec .section-title h2, #headline h1 {color: #fdf1d8;}
#headline h1, .menuSec .section-title h2 {background: #bf1640;}
#headline h1, .menuSec .section-title h2, .cookingWithSec .section-title h2 {display: inline-block; padding:0 15px;}
.cookingWithSec .section-title h2, .menusPage #headline h1 { color: #bf1640; background: #fdf1d8;}
.menusPage #headline h1 { font-size: 250%;}

/*General Form Styles*/
.grid-form-section {padding: 0;}
#GridPromo {padding: 0;}
.form-container-wide #DynamicFormObject { display: block; background: #272424; color: #fff; border: none; padding: 45px 120px;}
#DynamicFormObject .dynamicFormObjectField, #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 7px;}
.normal-form input::-webkit-input-placeholder, .normal-form textarea::-webkit-input-placeholder, .normal-form input::-webkit-input-placeholder, 
    .normal-form select::-webkit-input-placeholder { color: #fff;}
.normal-form input, .normal-form textarea, .normal-form select { max-width: 100%; width: 100%; border-radius: 0; border: none; background: #0f0f0f; padding: 6px 15px; color: #fff;
    margin-bottom: 15px;}
#DynamicFormObject input[type=submit] {width: 100%;}
#DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%;}
.normal-form input, .normal-form select {height: 46px;}
.form-container-wide #DynamicFormObject .dynamicFormEndText {display: none;}
.form-container-wide #DynamicFormObject > div { display: block !important; width: 100% !important; margin-bottom: 0;}
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText {padding: 0;}
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form {font-size: 130%; margin-bottom: 15px; color: #fdf1d8;}
#DynamicFormObject .dynamicFormObjectSubmit {display: inline-block; margin-top: 5px; float: none !important;}
#DynamicFormObject .dynamicFormObjectField .must:before {right: 12px;}
.textarea-wrapper.must:before { top: 5%;}
#DynamicFormObject:before {content: ''; position: absolute; width: 83px; height: 83px; background: #f6cb11; bottom: -10px; left: -10px; z-index: -1;}
#DynamicFormObject:after {content: ''; position: absolute; width: 90px; height: 108px; right: -45px; top: 20px; z-index: 2; border: none;
    background: url(../../../warehouse/temp/Dixie/linesBurgundyColor.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }
label.error, span.error { top: 13px; left: 12px; font-size: 75%;}

/*General Button Styles*/
#DynamicFormObject input[type=submit], .grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button {width: 144px; height: 40px; line-height: 39px; font-size: 105%;
    padding: 0; border-radius: 0; border: 2px solid #f6cb11; color: #f6cb11; background: transparent; text-align: center; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; 
    -o-transition: all 200ms ease-in-out;}
.grid-rows .grid-row-text a.grid-row-button, .grid-text .sec-button {margin-top: 25px;}
#DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, 
    .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus,
    .grid-text .sec-button:hover, .grid-text .sec-button:focus {background: #f6cb11; color: #111111; border-color: transparent;}
.grid-text .sec-button:focus { outline: none;}

/*Header*/
#header2 {padding: 11px 30px; background: none; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#header2.bg {background: #272424;}
#header2 .max-width {max-width: 100%;}
#header2 ul.menu { text-align: center;}
#header2 .menu-nav, #header2 ul.menu { margin: 0;}
#header2 ul.menu > li:before { content: none;}
#header2 ul.menu li a {display: inline-block; position: relative; font-size: 110%; color: #fff; transition: all 200ms ease-in-out;  -webkit-transition: all 200ms ease-in-out; 
    -o-transition: all 200ms ease-in-out;}
#header2 .header-top {padding: 0;}
#header2 .header-top-left { margin-right: 0;}
#header2 .header-top-left a, #header2 ul.menu .social-links a { width: 34px; height: 34px; text-align: center; border: 2px solid #fff; border-radius: 50%; font-size: 106%; transition: all 200ms ease-in-out;  
    -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
#header2 ul.menu li.active > a, #header2 ul.menu li.has-sub.active > i.opensub{ color: #f6cb11;}
#header2 .header-top-left svg, #header2 ul.menu .social-links a svg { transition: all 200ms ease-in-out;  -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
#header2 .header-top-left a:hover, #header2 .header-top-left a:focus, #header2 ul.menu .social-links a:hover, #header2 ul.menu .social-links a:focus { background: #fdf1d8; border-color: transparent;}
#header2 .header-top-left a:hover svg, #header2 .header-top-left a:focus svg, #header2 ul.menu .social-links a:hover svg, #header2 ul.menu .social-links a:focus svg {fill: #bf1640;}
#header2 a.social_icon_instagram svg { width: 16px !important; height: 16px !important;}
#header2 a.facebook_icon_instagram svg { width: 10px !important; height: 16px !important;}
#header2 a.social_icon_tripadvisor svg { width: 21px !important; height: 12px !important;}
#header2 #header-left img {max-width: 121px; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#header2.bg #header-left img {max-width: 80px;}
#header2 ul.menu li a:focus { opacity: 1; border-bottom: none;}
.has-sub i.opensub { margin: 0 5px 5px 0; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
#header2 .header-top .address, .footer-text-right { font-size: 90%; color: #fef2d9;}
.bottomAddress {display: none;}
#header2 .menu-sub {background: #4e4a4a;}
#header2 ul.menu li .menu-sub a {font-size: 100%;}

@media(min-width: 1024px) {
    #header2 #header-left img { width: 130px; }
}
/*Top Banner*/
#home-gallery:before { content: ''; position: absolute; width: 100%; height: 250px; top: 0; z-index: 3; pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
#home-gallery:after { content: ''; position: absolute; width: 100%; height: 250px; bottom: 0; z-index: 3; pointer-events: none;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
}
#home-gallery .slides .slider-item:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.25); pointer-events: none;}
#home-gallery .gallery-logo {width: 100%;}
#home-gallery .flex-control-paging li a {width: 9px; height: 9px; border-radius: 0; background: #fff;}
#home-gallery .flex-control-paging li a.flex-active { background: #f6cb11;} 
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path {width: 39px; height: 23px; fill: #fcf0d7;}
.iconsBoxLeft {position: fixed; bottom: 1%;}
#home-gallery .iconsBoxRight { right: 5%; bottom: 1%;}
#home-gallery .iconBox { margin-right: -15px;}
#home-gallery .iconBox img {max-width: 100px;}

/*About Section*/
.aboutSec {height: 730px; margin-bottom: 0; padding: 120px 0 0; background: url('../../../warehouse/temp/Dixie/aboutBG.jpg'); background-size: cover; 
    background-position: center center; background-repeat: no-repeat;}
.aboutSec .section-title h1 { font-size: 220%;}
.aboutSec .grid-text-content { max-width: 600px; padding: 0;}
.grid-text p {margin-top: 0;}

/*Burger Picture Section*/ 
.burgerPicSec { max-width: 1170px; height: auto; margin: 0 auto; margin-top: -180px !important;}
.burgerPicSec:after { content: ''; position: absolute; width: 428px; height: 110px; background: url(../../../warehouse/temp/Dixie/aboutCap.png); background-size: 100%; 
    background-position: center; background-repeat: no-repeat; bottom: 0; left: 95px; transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); 
    -ms-transform: translate(-50%, 50%);}
.burgerPicSec .image-section-data { height: 500px;}
.burgerPicSec .image-section-data img { width: 100%; margin-top: 0 !important;}

/*Menu Section*/
.menuSec {padding:150px 0 25px; margin-bottom: 0;}
.menuSec .section-title { margin-bottom: 25px;}
.menuSec .grid-text { max-width: 680px; margin: 0 auto;}
.menuSec .grid-text .grid-text-content{ width: 100%; padding: 0;}
.sections .menuCubesSec {padding: 13px 0 160px; margin-bottom: 0;}
/*.menuCubesSec*/ .grid-box { padding: 0 12px;}
/*.menuCubesSec*/ .grid-boxes .grid-box-image {margin-bottom: 25px; text-align: right;}
/*.menuCubesSec*/ .grid-box-image-text{ position: absolute; font-size: 100%; bottom: 3px; top: auto; left: auto; right: 13px; transform: none; -webkit-transform: none; -ms-transform: none;}
/*.menuCubesSec*/ .grid-box-image-text p:first-child, .menuLobby #LobbyModule .grid-boxes .grid-box-title h3 { position: relative; display: inline-block; font-size: 205%; font-family: 'FBPracticaNarrow-Bold'; line-height: 1;}
/*.menuCubesSec*/ .grid-box-image-text p:first-child:after, .menuLobby #LobbyModule .grid-boxes .grid-box-title h3:after { content: ''; position: absolute; width: 37px; 
    height: 37px; background: #bf1640; right: -13px; bottom: 53%; transform: translateY(50%); -webkit-transform: translateY(50%);  -ms-transform: translateY(50%); z-index: -1;}
/*.menuCubesSec*/ .grid-box-image-text p:nth-child(2), .menuLobby .grid-boxes .grid-box-subtitle { font-size: 100%; color: #f6cb11;}
/*.menuCubesSec*/ .grid-box-opacity-layer {background: rgba(0,0,0,.25);}
.grid-boxes .grid-box-title h3 a {color: #fff;}
span.yellow { color: #f6cb11;}

/*Cubes Section*/
.cubesSec { padding: 0; margin-bottom: 0;}
.grid-rows {max-width: 1170px; margin: 0 auto;}
.grid-rows .grid-row {background: transparent; margin-bottom: 120px;}
.grid-row .grid-row-cell.grid-row-cell-text { background: #272424; padding: 8% 30px 0 30px;}
.grid-rows .grid-row-text {color: #fff;}
.grid-rows .grid-row-text h2 { margin-bottom: 0;}
.grid-rows .grid-row-text h3 { margin-bottom: 15px; font-size: 135%;}
.grid-rows .grid-row:nth-child(even) .grid-row-text h2 {color: #fdf1d8;}
.grid-rows .grid-row:nth-child(odd) .grid-row-text h2 {color: #f6cb11;}
/*.grid-rows .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text:after { content: ''; position: absolute; width: 83px; height: 83px; background: #bf1640; top: -10px;
    right: -10px;}*/
.grid-rows .grid-row:nth-child(odd):after { content: ''; position: absolute; width: 83px; height: 83px; background: #bf1640; top: -10px; right: -10px; z-index: -1;}
/*.grid-rows .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text:after { content: ''; position: absolute; width: 83px; height: 83px; background: #f6cb11; bottom: -10px;
    left: -10px;}*/
.grid-rows .grid-row:nth-child(even):after { content: ''; position: absolute; width: 83px; height: 83px; background: #f6cb11; bottom: -10px; left: -10px; z-index: -1;  }
.grid-rows .grid-row:nth-child(odd) .grid-row-cell.flexslider-box:after { content: ''; position: absolute; width: 140px; height: 165px; left: -70px; top: 50%; z-index: 2;
    background: url(../../../warehouse/temp/Dixie/linesWheatColor.png); background-size: cover; background-position: center center; background-repeat: no-repeat; 
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.grid-rows .grid-row:nth-child(even) .grid-row-cell.flexslider-box:after { content: ''; position: absolute; width: 140px; height: 165px; right: -70px; top: 50%; z-index: 2;
    background: url(../../../warehouse/temp/Dixie/linesBurgundyColor.png); background-size: cover; background-position: center center; background-repeat: no-repeat; 
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

/*Cooking With Section*/
.cookingWithSec {background: url('../../../warehouse/temp/Dixie/cookingWithBG.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat;
    padding: 160px 0; margin: 20px 0 0;}
.cookingWithSec .section-title { margin-bottom: 40px;}
.cookingWithSec > div { max-width: 1170px; margin: 0 auto;}
.cookingWithSec .section-title h2 {font-size: 325%; }
.cookingWithSec .grid-text .grid-text-content { max-width: 540px; width: 100%; padding: 0; margin: 0;}

/*Footer*/
footer {padding-top: 0;}
#SiteFooter { border-top: 3px solid #f6cb11; margin-top: 100px;}
.home-page #SiteFooter { margin-top: 0;}
.footer-text-divided { padding: 10px 30px;}
.footer-text-divided > div { padding: 0;}
.footer-text-divided>div.footer-text-middle img {width: 81px;}
.footer-text-divided > div.footer-text-left a {display: inline-block;}
.footer-text-divided>div.footer-text-left a:first-child { margin-left: 7px;}
.footer-text-divided>div.footer-text-left a:nth-child(2) {margin-left: 3px;}
#SiteFooter .footer-address {display: none;}
#SiteFooter .site-credit.alternative { padding: 10px 0;}
#SiteFooter .site-credit .text-center svg .st0 { fill: #fff;}
#SiteFooter .site-credit.alternative .AccessabilityLink:hover, #SiteFooter .site-credit.alternative .AccessabilityLink:focus { text-decoration: underline; color: #fff;}

/*****Inner Pages*****/
.grid-gallery-section, .menuModuleContentPart, #SiteGrid.layout-bottom #GridPromo {margin-bottom: 0;}
.lobby-grid #GridPage .max-width, #GridPage .max-width, #GridPage .max-width-center {max-width: 1070px;}
.top-caption {font-size: 325%; line-height: 1.09; font-family:'CollegeSlabSC'; text-transform: uppercase;}
#GridTop:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.25); pointer-events: none;} 
#GridPage { padding-top: 80px;} 
#headline {font-size: 100%; }
#subheadline h2 {margin-bottom: 5px;}
#text1, #text2, #lobbyText {max-width: 720px;}
#text1 p, #text2 p {line-height: 26px;}
#text1 p:last-child, #text2 p:last-child { margin-bottom: 0;}

#MenuModule .menuModuleNav, .menuModuleTextItemTitle, #text1 .enTxt {font-family:Roboto Slab, FBPracticaNarrow-Regular;}

/*Menu Page*/
.menuLobby .lobby-grid #GridPage .max-width, #GridPage .max-width { max-width: 1440px;}
.menuLobby .grid-content-section {padding: 0; margin-bottom: 0;}
.menuLobby #LobbyModule .grid-box {margin-bottom: 0; opacity: 1; transition: none; -webkit-transition: none; -o-transition: none;}
.menuLobby #LobbyModule .grid-boxes .grid-box-image {margin-bottom: 25px;}
.menuLobby .grid-box-title {position: absolute; bottom: 55px; right: 24px;}
.menuLobby .grid-boxes .box-image-animation:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; background: rgba(0,0,0,.25); }
.menuLobby #LobbyModule .grid-boxes .grid-box-title h3 {z-index: 0;}
.menuLobby .grid-boxes .grid-box-subtitle {position: absolute; bottom: 28px; right: 25px;}
.menusPage #headline {margin-bottom: 25px;}
.categories-strip {background: #272424;}
.categories-strip ul li.active { background: none;}
.categories-strip ul li.active a, .categories-strip ul li:hover a, .categories-strip ul li:focus a, #MenuModule .menuModuleNav a.selected, 
    #MenuModule .menuModuleNav a:hover, #MenuModule .menuModuleNav a:focus {color: #f6cb11;}
.categories-strip ul li a, #MenuModule .menuModuleNav a { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
.categories-strip ul li.strip-item { position: relative; padding: 16px 15px 11px;}
#MenuModule .menuModuleNav, .menuModuleContent { background: #272424;}
.menuModuleContentPart {border: none; padding: 35px 45px 60px;}
#MenuModule .menuModuleNav { position: relative; padding: 20px 0 15px; border-bottom: 1px solid #111111;}
#MenuModule .menuModuleNav:after {  content: ''; position: absolute; width: 83px; height: 83px; background: #bf1640; top: -10px; right: -10px; z-index: -1;}
#MenuModule .menuModuleNav a { color: #fff; font-size: 120%; margin:0 20px; border-radius: 0;}
.menuModuleTextItemTitle, .menuModuleTextItemDescription {width: 80%; color: #fdf1d8; font-size: 120%; }
.menuModuleTextItemTitle, .menuModuleTextItemDescription {text-align: right;}
.menuModuleTextItemPrice { color: #f6cb11; font-size: 100%; font-family:'FBPracticaNarrow-Bold';}
.menuModuleTextItemPrice:before { font-size: 55%;}
.menuModuleTextItemDescription { color: #fff; font-size: 85%;}
.menuModuleTextItemPart:after {border-bottom: 1px solid #111111;}
.menuModuleTextItemDescription {text-align: right; }

/*Jobs Page*/
.jobsPage .dynamicFormEndText {margin-top: 20px;}

/*Events Page*/
.eventsPage .grid-text-section,  .eventsPage .grid-menu-section { margin-bottom: 0;}
.eventsPage .grid-text-section { padding: 20px; margin-bottom: 30px;}

/*Contact Page*/
.contactPage #DynamicFormObject .dynamicFormObjectTitleAndText {display: none;}

@media(min-width: 1280px){
    #header2 .max-width {max-width: 1280px;}
    #header2 .header-top {margin-left: 40px;}
}

@media(max-width: 1170px) {
    .lobby-grid #GridPage .max-width, .home-page #allSectionsWrapper section:not(.aboutSec):not(.cookingWithSec) { max-width: 90%; margin: 0 auto;}
    
    .grid-rows .grid-row-text { margin-top: 0;}

    .cookingWithSec > div { max-width: 90%;}
    .burgerPicSec .image-section-data { height: auto; width: 90%; margin: 0 auto;}
}

@media(min-width: 1025px) and (max-width: 1279px) {
    #header2 { padding: 11px 10px; }
}

@media(min-width: 1171px) {
        .grid-rows .grid-row:nth-child(even) .grid-row-text { left: 60px;} 
}

@media(min-width: 1025px) {
    /*Header*/
    #header2 .menu-nav { width: auto;}
    #header2 .header-top {width: auto; float: left !important; }
    #header2 .header-top-left { float: right; margin-left: 12px;}
    #header2 ul.menu li { margin-left: 35px;}
    #header2 ul.menu li a { line-height: 1;}
    #header2 ul.menu > li:not(.last-item):after { content: ''; position: absolute; width: 2px; height: 15px; left: -20px; bottom: 9px; background: #f6cb11;}
    #header2 ul.menu, #header2 .header-top .address { margin-top: 5px;}
    #header2 .header-top .address {display: inline-block;}
    #header2 ul.menu li a:hover, #header2 ul.menu li a:focus, #header2 ul.menu li:hover, #header2 ul.menu li:focus{ color: #f6cb11;}
    .has-sub i.opensub { font-size: 100%; }
    #header2.bg #header-container { padding-top: 5px;}
    #header2 .header-top-left svg, #header2 ul.menu .social-links a svg {margin: 0;}
    #header2 #header-left { width: 7%;}

    /*.menuCubesSec*/ .grid-boxes .grid-box-image { padding-bottom: 250px; }
    /*.menuCubesSec*/ .grid-boxes .grid-box { width: 300px;}


}

@media(min-width: 991px) {
    #headline h1, .menuSec .section-title h2, .cookingWithSec .section-title h2  { height: 76px; line-height: 80px; }
    .menusPage #headline h1 { height: 65px; line-height: 70px;}

     /*Cubes Section*/
    .grid-row .grid-row-cell.grid-row-cell-text {width: 500px; height: 500px;}
    .grid-row-cell.flexslider-box { width: 740px; height: 420px; position: absolute; left: 0; top: 50%; z-index: 1; transform: translateY(-50%); -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);}
    .grid-rows .grid-row:nth-child(odd) .grid-row-cell.flexslider-box { left: 0;}
    .grid-rows .grid-row:nth-child(even) .grid-row-cell.flexslider-box { right: 0;}
    .grid-rows .grid-row:nth-child(odd) { direction: ltr !important; text-align: right;} 
    .grid-rows .grid-row:nth-child(even) { direction: rtl !important; text-align: left;}
    .grid-rows .grid-row { display: block !important;}
    .grid-rows .grid-row > div { display: inline-block !important; }
    .grid-rows .grid-row-text { width: 70%; }
    .grid-rows .box-image-animation img {width: 740px;}
}

@media(min-width: 768px) {
    /*Desktop Font Sizes*/
    .aboutSec .grid-text p {font-size: 120%; line-height: 1.2;}
    .menuSec .grid-text p, .grid-rows .grid-row-text p { font-size: 110%;}
    .grid-rows .grid-row:nth-child(3) .grid-row-text p { font-size: 120%;}
    .cookingWithSec .grid-text .grid-text-content p {font-size: 125%;}

    /*Top Banner*/
    #home-gallery .gallery-caption {top: 45%;}

    /*Cooking With Section*/
    .cookingWithSec > div {text-align: right;}

    .footer-text-divided > div.footer-text-left { opacity: 0;}

    /*****Inner Pages****/
    /*Menu Page*/
    .categories-strip ul li.strip-item:after, #MenuModule .menuModuleNav a:after { content: ''; position: absolute; width: 2px; height: 15px; background: #f6cb11; left: -3px; top: 21px;}
    .categories-strip ul li.strip-item:last-child:after, #MenuModule .menuModuleNav a:last-child:after { content: none;}
    #MenuModule .menuModuleNav a:after { left: -23px; top: 11px;}

    /*Jobs Page*/
    .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.333%;}

    /*Events Page*/
    .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(5),
        .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(6),
        .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(7), 
        .eventsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(8) { width: 25%;}

    /*Contact Page*/
    .contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 25%;}
}

@media(max-width: 1366px) {
    .burgerPicSec:after {width: 32vw; left: 13%;}
    .grid-rows .grid-row:nth-child(odd) .grid-row-cell.grid-row-cell-text:after, .grid-rows .grid-row:nth-child(even) .grid-row-cell.grid-row-cell-text:after { width: 60px; height: 60px;}
    .grid-rows .grid-row:nth-child(odd) .grid-row-cell.flexslider-box:after, .grid-rows .grid-row:nth-child(even) .grid-row-cell.flexslider-box:after {width: 90px; height: 90px;}
    .grid-rows .grid-row:nth-child(odd) .grid-row-cell.flexslider-box:after {left: -45px;}
    .grid-rows .grid-row:nth-child(even) .grid-row-cell.flexslider-box:after {right: -45px;}
    .grid-row-cell.flexslider-box { width: 680px;}
}

@media(min-width: 1025px) and (max-width: 1560px) {
    #header2 #header-left { width: 9%;}
}

@media(min-width: 1025px) and (max-width: 1366px) {
    #header2 .header-top-left { margin-left: 10px;}
    #header2 ul.menu li a { font-size: 100%;}
    #header2 ul.menu li {margin-left: 25px;}
}

@media(max-width: 1024px) {
    #allSectionsWrapper { overflow: hidden;}

    /*Header*/
    #header2 { padding: 0;}
    #header2 .max-width { width: 100%;}
    .header-right-section { background: none;}
    #header2 ul.menu { width: 100vw; height: 100vh; background: #272424; padding: 100px 35px; overflow: auto;}
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { height: 4px;
        background: #fdf1d8;}
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important;}
    #header2 ul.menu .social-links a { font-size: 65%;}
    #header2 ul.menu li { margin-left: 0; border-bottom: 2px solid #111111; padding: 15px 0;}
    #header2 ul.menu li.active, #header2 .menu-sub { background: none;}
    #header2 ul.menu li.last-item, #header2 ul.menu li.social-mobile { border: none;}
    #header2 ul.menu li a { font-size: 180%;}
    #header2 ul.menu li.social-mobile { margin-top: 15%;}
    .has-sub i.opensub {margin-right: 10px; margin-bottom: 8px;}
    #header2 #header-left { padding: 20px;}
    #header2 ul.menu li:hover, #header2 ul.menu li:focus { color: #fff;}
    #header2 ul.menu li .menu-sub a {    font-size: 170%;}
    #header2 ul.menu .menu-sub li { border: none; padding: 7px 0;}
    #header2 ul.menu .social-links a { margin: 0 6px;}
    #header2 a.social_icon_tripadvisor svg { margin-right: -1px;}

    /*Top Banner*/
    #home-gallery button.controlSlider { left: auto !important;}
    .iconsBoxLeft { left: -7px;}

    /*About Section*/
    .aboutSec { height: 600px; padding: 70px 0 0;}
    .burgerPicSec { margin-top: -170px !important;}

    /*Menu Page*/
    .menuModuleTextItemTitle {width: 74%;}
}

@media(min-width: 991px) and (max-width: 1024px) {
    .grid-row-cell.flexslider-box {width: 550px; height: auto;}
    .grid-row .grid-row-cell.grid-row-cell-text {width: 450px; height: 450px; padding-top: 4%;}
    .grid-rows .grid-row-text {width: 80%;}
}

@media(max-width: 990px) {
    #GridPage .max-width { width: 90%;}
    #headline h1, .menuSec .section-title h2, .cookingWithSec .section-title h2 { padding: 5px 15px 0;}
    #text1, #text2, #lobbyText { max-width: 80%;}
    .section-title h2, #headline h1, .cookingWithSec .section-title h2, .menusPage #headline h1 { font-size: 250%;}

    /*General Form Styles*/
    .form-container-wide #DynamicFormObject { padding: 30px;}
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; }
    #DynamicFormObject:after { right: -60px;}

    /*Menus Section*/
    .menuSec { padding: 120px 0 25px; }
    /*.menuCubesSec*/ .grid-boxes .grid-box { margin-bottom: 0;}
    .sections .menuCubesSec { padding-bottom: 100px; }

    /*Cubes Section*/
    .grid-rows .grid-row { display: flex !important; display: -ms-flexbox; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal;
        -ms-flex-direction: column;}
    .grid-rows .grid-row {margin-bottom: 90px;}
    .grid-rows .grid-row > div { width: 100%; float: none !important; display: block !important; }
    .grid-row-cell.flexslider-box { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1;}
    .grid-row .grid-row-cell.grid-row-cell-text {padding:90px 30px 95px; margin-bottom: 60px;}
    .grid-rows .grid-row-text { margin: 0; padding: 0; text-align: center;}
    .grid-rows .grid-row .box-image-animation img { width: auto; height: 400px!important;}
    .grid-rows .grid-row:nth-child(odd) .box-image-animation img { margin-right: -5%;}
    .grid-rows .grid-row:nth-child(even) .box-image-animation img { margin-left: -5%;}
    .grid-row li.slider-item { padding-bottom: 400px;}
    

    /*Cooking With Section*/
    .cookingWithSec { padding: 100px 0; background-position: 30% 100%;}

    /*Footer*/
    #SiteFooter { margin-top: 50px;}
}

@media(min-width: 768px) and (max-width: 990px) {
    #text1 p, #text2 p, #lobbyText p {font-size: 110%;}
    #text1, #text2, #lobbyText { max-width: 85%;}
    #home-gallery .gallery-logo img { min-width: 500px;}
    .cookingWithSec .grid-text .grid-text-content { max-width: 420px; }

    .categories-strip { padding: 15px 10px;}
    .categories-strip ul li { padding: 5px 15px;}
}

@media(min-width: 768px) and (max-width: 1024px) {
    #header2 .header-top-left {display: inline-block; opacity: 1; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;}
    #header2.open .header-top-left { opacity: 0;}
    #header2 .header-top-right {float: left;}
    #header2 .header-right-section { width: 25%; padding: 0 20px 0 0;}
    #header2 .mobile-middle-kdm { width: auto;}
    #header2 .menu-nav { width: auto;}
    /*#header2 .header-top-left a svg { margin-bottom: 5px;}*/
}

@media(max-width: 767px) {
    #GridPage { padding-top: 50px;}
    .gallery-container { width: 100%;}
    .section-title h2, #headline h1, .cookingWithSec .section-title h2, .menusPage #headline h1 { font-size: 220%;}
    .grid-rows .grid-row-text h2 { font-size: 200%;}

    /*General Form Styles*/
    #DynamicFormObject { max-width: 100% !important;}
    #DynamicFormObject:after { content: none;}
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block;}

    /*General Button Styles*/
    #DynamicFormObject input[type=submit] { width: 100%; font-size: 105% !important; line-height: 34px;}

    /*Header*/
    #header2 {background: #272424;}
    #header2 .phone-icon { top:32%; left: -60%;}
    #header2 .phone-icon a {color: #fdf1d8; }
    #header2 ul.menu { padding: 70px 25px;}
    #header2 ul.menu li { padding: 7px 0;}
    #header2 ul.menu li a { font-size: 150%;}
    #header2 .mobile-middle-kdm { width: 48%;}
    #header2 #header-left {padding: 15px 0 15px 15px;}
    #header2 .header-right-section {width: 8%; padding: 0 15px 0 0;}
    #header2 ul.menu li .menu-sub a { font-size: 120%;}

    /*Top Banner*/
    #home-gallery .gallery-logo img { min-width: 340px;}
    .iconBox { margin-right: 0;}
    #home-gallery .iconsBoxRight {position: fixed; right: 10px; bottom: 5%;}
    #home-gallery button.controlSlider { bottom: 0;}
    .iconsBoxLeft { bottom: 5%;}
    #home-gallery .iconBox img { max-width: 80px;}
    #home-gallery button.controlSlider { bottom: 5%;}

    /*About Section*/
    .aboutSec { height: 500px; padding: 50px 0 0;}
    .aboutSec .section-title { margin-bottom: 0;}
    .aboutSec .section-title h1 { font-size: 200%;}
    .burgerPicSec { margin-top: 15% !important;}
    .burgerPicSec .image-section-data img { width: auto; height: 280px; margin-right: -30%;}
    .burgerPicSec:after { width: 90vw; left: 50%;}

    /*Menus Section*/
    .sections .menuCubesSec { padding-bottom: 70px;}
    /*.menuCubesSec*/ .grid-box, .menuLobby #LobbyModule .grid-box {padding: 0 7px;}
    /*.menuCubesSec*/ .grid-boxes .grid-box-image, .menuLobby #LobbyModule .grid-boxes .grid-box-image {margin-bottom: 14px;}
    /*.menuCubesSec*/ .grid-box-image-text p:first-child, .menuLobby #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 170%;}

    /*Cubes Section*/
    .grid-rows .grid-row { overflow: visible; margin-bottom: 70px;}
    .grid-rows .grid-row-text {width: 100%;}
    .grid-row .grid-row-cell.grid-row-cell-text { padding: 45px 30px 55px; }
    .grid-rows .grid-row .box-image-animation img { height: 300px!important;}
    .grid-rows .grid-row:nth-child(odd) .box-image-animation img { margin-right: -20%;}
    .grid-rows .grid-row:nth-child(even) .box-image-animation img { margin-left: -20%;}
    .grid-row li.slider-item { padding-bottom: 300px;}
    .grid-rows .grid-row-text p { font-size: 100%;}

    /*Cooking With Section*/
    .cookingWithSec { position: relative; padding: 60px 0; z-index: 1;}
    .cookingWithSec:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.25); pointer-events: none; z-index: -1;}

    /*Footer*/
    #SiteFooter { padding-bottom: 35px;}
    .footer-text-divided { padding: 20px 30px;}
    .footer-text-divided>div.footer-text-left, .footer-text-divided>div.footer-text-right { display: block; width: 100%; margin: 0 auto; text-align: center;}
    .footer-text-divided > div.footer-text-middle { margin: 15px 0;}
    .footer-text-divided>div.footer-text-middle img { width: 100px;}
    #SiteFooter .mobile-seperator { font-size: 90%;}
    #SiteFooter .mobile-seperator a { padding: 5px 0;}
    a.AccessabilityLink { margin-bottom: 5px;}

    /*Inner Pages*/
    #text1, #text2, #lobbyText { max-width: 95%;}
    .top-caption { font-size: 250%;}

    /*Menu Page*/
    #MenuModule .menuModuleNav a { font-size: 110%; margin: 0 10px 10px ;}
    .mobile-strip span {color: #f6cb11;}
    .menuModuleContentPart { padding: 30px 30px 40px;} 

    /*Events Page*/
    .eventsPage #allSectionsWrapper { overflow: visible;}

    /*Contact Page*/
    .contactPage #text1, .jobsPage #text1 {margin-bottom: 15px;}
}

@media(max-width: 360px) {
    .top-caption { font-size: 210%;}

    .grid-rows .grid-row .box-image-animation img { height: 250px!important;}
    .grid-row li.slider-item { padding-bottom: 250px;}
}

@media(max-width: 320px){
    /*Header*/
    #header2 .phone-icon { top: 32%; }
    #header2 ul.menu li.social-mobile {margin-top: 0;}

    /*Top Banner*/
    #home-gallery .gallery-logo img { min-width: 300px;}
    #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 35%;}
    #home-gallery .scroll-down { bottom: 25%;}

    /*Menu Section*/
    /*.menuCubesSec*/ .grid-box-image-text p:first-child, .menuLobby #LobbyModule .grid-boxes .grid-box-title h3 {font-size: 150%;}
}   