@charset "UTF-8";
/*
Theme Name: Hocco
Theme URI: https://www.bonoboz.in
Author: Bonoboz team
Author URI: https://www.bonoboz.in
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/      
*/
               
/*!* 	Theme Variables* ----------------------------------------------- */
:root {--body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --body-font-size: 15px; --body-font-weight: normal; --body-font-color: #7c7d7a; --body-line-height: 1.45; --heading-font-family: 'Baloo', cursive; --heading-font-color: #3a3b39; --link-font-color: #545553; --link-hover-font-color: #e83940; }
/*!* 	Reset Styles* ----------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section, img {display: block; }
body { line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {content: "";content: none; }
table {border-collapse: collapse;border-spacing: 0; }
* {outline: none !important;padding: 0px;margin: 0px; }
*, ::after, ::before {box-sizing: border-box;}
/*!*	Common* ----------------------------------------------- */
body {font-family: var(--body-font-family);font-size: var(--body-font-size);color: var(--body-font-color);line-height: var(--body-line-height);font-weight: var(--body-font-weight);background-color: #fff;}
img {max-width: 100%}
a {color: var(--link-font-color);text-decoration: none;-webkit-transition: all .3s;transition: all .3s;}
a:hover {color: var(--link-hover-font-color);}
p {margin-bottom: 24px;}
p:last-child {margin-bottom: 0;}
#wrapper {overflow: hidden;position: relative;}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {font-family: var(--heading-font-family);color: var(--heading-font-color);margin-bottom: 8px;line-height: 1;}
h1, .h1 {font-size: 56px}
h2, .h2 {font-size: 48px}
h3, .h3 {font-size: 38px}
h4, .h4 {font-size: 32px}
h5, .h5 {font-size: 24px}
h6, .h6 {font-size: 20px}
strong {font-weight:bold}
#wrapper {overflow: hidden;}
.under-banner {margin-top: -80px;position: relative;z-index: 1}
.sub-heading {font-size: 14px;font-family: var(--body-font-family);}
/*!*	Grid System* ----------------------------------------------- */
.container, .container-fuild {width: 100%;padding-left: 15px;padding-right: 15px;}
.container *, .container-fuild * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.container {max-width: 1170px;margin-left: auto;margin-right: auto;}
.row {margin-left: -15px;margin-right: -15px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;}
.clearfix:after {content:"";display: table ;clear:both;}
[class*='col-'] {min-height: 1px; padding-left: 15px;padding-right: 15px;}
.col-1 {max-width: 8.33333333%;flex: 0 0 8.33333333%;}
.col-2 { max-width: 16.66666667%;flex: 0 0 16.66666667%;}
.col-3 {max-width: 25%;flex: 0 0 25%;}
.col-4 {max-width: 33.33333333%; flex: 0 0 33.33333333%;}
.col-5 {max-width: 41.66666667%;flex: 0 0 41.66666667%;}
.col-6 {max-width: 50%;flex: 0 0 50%;}
.col-7 {max-width: 58.33333333%;flex: 0 0 58.33333333%;}
.col-8 {max-width: 66.66666667%; flex: 0 0 66.66666667%;}
.col-9 { max-width: 75%;flex: 0 0 75%;}
.col-10 {max-width: 83.33333333%;flex: 0 0 83.33333333%;}
.col-11 {max-width: 91.66666667%; flex: 0 0 91.66666667%;}
.col-12 {max-width: 100%;flex: 0 0 100%;}
.no-guttor {margin-right: 0;margin-left: 0;}
.no-guttor > [class*='col-'] {padding-right: 0;padding-left: 0;}
.flex-reverse {-webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;-ms-flex-direction: row-reverse;-o-flex-direction: row-reverse;flex-direction: row-reverse;}
.align-items-center {-ms-align-items: center;align-items: center;}
.ml-auto, .mx-auto { margin-left: auto}
.mr-auto, .mx-auto { margin-right: auto}
/*!*	Typo Styling* ----------------------------------------------- */
.fw-800 {font-weight: 800 !important;}
.fw-400 {font-weight: 400 !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}
.text-uppercase {text-transform: uppercase !important;}
.small-text {font-size: 13px;display: inline-block;}
/*!*	Spacing* ----------------------------------------------- */
.mr-auto, .mx-auto {margin-right: auto !important;}
.ml-auto, .mx-auto {margin-left: auto !important;}
.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 10px !important;}
.mb-2 {margin-bottom: 20px !important;}
.mb-3 {margin-bottom: 30px !important;}
.mb-5 {margin-bottom: 50px !important;}
/*!*	Colors Styling* ----------------------------------------------- */
.text-white {color: #fff !important;}
.text-pink {color: #e83940 !important;}
.text-pink a{color: #e83940 !important;}
.text-royal {color: #6d380a !important;}
.text-yellow {color: #ecb42a !important;}
.bg-white {background-color: #fff !important;}
.bg-light {background-color: #f5f5f5 !important;}
.bg-blue {background-color: #51c9e3 !important;}
.bg-cream {background-color: #f5be5b !important;}
.bg-royal {background-color: #6d380a !important;}
.bg-sienna {background-color: #d28a4b !important;}
.bg-trinidad {background-color: #e85b00 !important;}
.bg-light-yellow {background-color: #faecc8 !important;}
.bg-light-pink {background-color: #ffe2e4 !important;}
.bg-light-yellow .circle {border-color: rgba(236, 180, 42, 0.2);}
.bg-light-pink .circle {border-color: #e83940;opacity: .2;}
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}
/** * Owl Carousel v2.2.1* Copyright 2013-2017 David Deutsch * Licensed under  () */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:0;cursor:default}.owl-theme .owl-dots{position:absolute; left:0; bottom:0; width:100%;}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:20px;height:20px;margin:10px 8px;background:#fff; border:4px solid #231f20; display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#ecb42a; border-color:#c72127}

/*Header*/
.site-header {padding-top: 20px;padding-bottom: 20px;background-color: #e8194f;}
.header-container {display: -webkit-flex;display: -ms-flex;display: flex;-ms-align-items: center;align-items: center;justify-content: space-between;}
/*!*	Sidebar Styling* ----------------------------------------------- */
.main-banner { position:relative; z-index:99}
.sidebar {padding: 40px 30px !important;font-size: 14px;position: relative;}
.sidebar-absolute { position:absolute; left:0; top:0; z-index:9999; min-height:100%; max-width:25%}
.brand {display: block;max-width: 170px}
.sidebar .brand {margin-bottom: 64px; background: #e8194f; padding: 32px}
.sidebar .navbar {margin-bottom: 20px;}
.sidebar .location {margin-top: 96px;margin-bottom: 25px;}
.sidebar .social {position: absolute;left: 30px;bottom: 120px;}
.navbar {font-family: var(--heading-font-family);	text-transform: uppercase;}
.site-header .navbar ul {display: -webkit-flex;display: -moz-flex;display: flex;-ms-align-items: center;align-items: center;margin: 0;padding: 0;list-style: none;}
.site-header .navbar li + li {margin-left: 40px}
.navbar li a {display: inline-block;padding-bottom: 10px; color:#fff; font-size: 16px}
.navbar li a:hover,.navbar li.current-menu-item a {color: #fff;}
.navbar li.current-menu-item a {position: relative;}
.navbar li.current-menu-item a:after {content: '';display: block;position: absolute;bottom: 0;left: 0;background-color: #fff;width: 24px;height: 2px;}
.social {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;}
.social li + li {margin-left: 15px;}
.social .icon {width: 32px;height: 32px;}
.location h6 {font-size: 14px;color: #7c7d7a;}
.location .form-control {font-family: var(--heading-font-family);font-size: 14px;color: #3a3b39;}
/*!*	Icons Styling* ----------------------------------------------- */
.icon {background-image: url(images/icons.png);background-repeat: no-repeat;display: inline-block;}
.facebook {background-position: -20px -20px;}
.instagram {background-position: -60px -20px;}
.twitter {background-position: -100px -20px;}
.sandwiches-icon {background-position: -20px -100px;width: 32px;}
.burger {background-position: -70px -100px;width: 34px;}
.pizza-icon {background-position: -120px -100px;width: 32px;}
.wrap {background-position: -170px -100px;width: 20px;}
.milkshake {background-position: -220px -100px;width: 23px;}
.more {background-position: -271px -100px;width:34px;}
.phone {background-position: -280px -20px;width: 15px;height: 24px;}
.location {background-position: -310px -20px;width: 15px;height: 19px;}
/*!*	Form Styling* ----------------------------------------------- */
.form-control {padding: 8px 20px;height: 40px;width: 100%;-webkit-appearance: none;-moz-appearance: none;border: none;background-color: #ebebeb;color: var(--body-font-color);}
select.form-control {background-image: url(images/arrow.png);background-repeat: no-repeat;background-position: right 12px center;padding-right: 30px;}
.form-control-label {font-weight: 400;color: #151b26;display: inline-block;margin-bottom: 10px;}
.btn {display: inline-block;padding: 16px 30px;-webkit-appearance: none;-moz-appearance: none;background-color: transparent;font-family: var(--heading-font-family);font-size: 14px;font-weight: 400;border: none;border-radius: 4px;text-transform: uppercase;cursor: pointer;-webkit-transition: all .3s;transition: all .3s;}
.btn:hover {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.btn-pink {color: #fff !important;background-color: #e83940;}
.btn-yellow {color: #151b26 !important;background-color: #ecb42a;}
/*!*	Card Styling* ----------------------------------------------- */
.card {overflow: hidden;position: relative;line-height: 1.25;}
.card-header {position: relative;top: 0;z-index: 5;-webkit-transition: all .2s;transition: all .2s;}
.card-img {position: absolute;z-index: 3;-webkit-transition: all .2s;transition: all .2s;}
.main-card {height: 860px;position: relative;z-index: 2;}
.main-card.card .card-header {padding: 75px;}
.small-card.card .card-header {padding: 32px 48px;}
.card:hover .circle {-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3);}
/*!*	Banner Styling* ----------------------------------------------- */
.banner {position: relative;}
.circle {width: 760px;height: 760px;border: 160px solid rgba(0,0,0, .15);border-radius: 50%;position: absolute;z-index: 1;-webkit-transition: all .5s;transition: all .5s;}
.circle-yellow {border-color: #ecb42a;}
.pizza .circle {left: -50%;bottom: -180px;}
.pizza .card-img {left:0;bottom:0;}
.pizza:hover .card-img {left: 0;}
.sandwiches .circle {right: -45%;top: -50%;}
.sandwiches .card-img {right:0;top:0;}
.sandwiches:hover .card-img {right: 0;}
.offer {width: 390px;height: 540px;position: absolute;}
.glass {z-index: 4;right: 350px;bottom: -80px;}
.glass .card-img {right:0;bottom:0;}
.glass:hover .card-img {bottom: 0;}
.glass .circle {left: -25%;top: 25%;}
.pepsi {z-index: 3;right: 0;bottom: -160px;}
.pepsi.card .card-header {padding-left: 72px;}
.pepsi .card-img {right:0;bottom:0;}
.pepsi:hover .card-img {right: 0;}
.menu-label {padding: 5px 10px;color: #fff;background-color: #6d380a;}
/*!*	Timeline Styling* ----------------------------------------------- */
#timeline {background-color: #ffe2e4;padding-top: 320px;padding-bottom: 210px;}
#timeline .circle {opacity: .3;right: -5%;bottom: -35%;}
#timeline .heading-line {position: relative;z-index: 3;}
#timeline #sync-1 {position: relative;z-index: 2;}
#timeline #sync-1:before {content: '';position: absolute;z-index: 1;top: 0;right: 100%;bottom: 0;left: -10000px;background-color: #ffe2e4;}
#timeline #sync-1.owl-carousel .owl-stage-outer {overflow: visible;}
#timeline #sync-1.owl-carousel .owl-item {opacity: .6;}
#timeline #sync-1.owl-carousel .owl-item.active {opacity: 1;}
#timeline #sync-1.owl-theme .owl-nav {position: absolute;right: 150px;bottom: -100px;}
#timeline #sync-1.owl-theme .owl-nav [class*=owl-] {border-radius: 50%;padding: 0;width: 24px;height: 24px;background-color: #cf3339;position: relative;opacity: .6;}
#timeline #sync-1.owl-theme .owl-nav [class*=owl-]:hover {opacity: 1;}
#timeline #sync-1.owl-theme .owl-nav [class*=owl-]:after {content: '';position: absolute;top: 50%;left: 50%;width: 8px;height: 8px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#timeline #sync-1.owl-theme .owl-nav .owl-prev:after {margin-top: -4px;margin-left: -3px;border-left: 3px solid #fff;border-bottom: 3px solid #fff;}
#timeline #sync-1.owl-theme .owl-nav .owl-next:after {margin-top: -4px;margin-left: -5px;border-top: 3px solid #fff;border-right: 3px solid #fff;}
#timeline #sync-2 {margin-top: 70px;}
#timeline #sync-2 .owl-item {width: auto !important;height: 35px;margin-top: 2px;}
#timeline #sync-2 .current .timeline-dot-content,#timeline #sync-2 .current .timeline-dot-content .timeline-dot {opacity: 1;}
#timeline .timeline-content {padding-right: 100px;}
.timeline-dot-content {cursor: pointer;opacity: .6;}
.timeline-dot-content .timeline-dot {border-radius: 50%;display: block;width: 5px;height: 5px;background-color: #e83940;margin-left: 3px;margin-right: 3px;opacity: .3;}
.timeline-dot-content .timeline-dot-year {display: block;margin-top: 5px;}
.timeline-dot-content.timeline-year .timeline-dot {width: 8px;height: 8px;position: relative;top: -2px;margin-left: auto;margin-right: auto;}
/*!*	Video Styling* ----------------------------------------------- */
.our-story-section { overflow:hidden;}
.video {position: relative;z-index: 5; padding:100px 0}
.video .content-container {/*width: 100%;max-width: 700px;padding: 150px 80px 150px 0;*/ padding-right:50px;}
.heading-line {position: relative;padding-bottom: 35px;margin-bottom:50px;z-index: 1;}
.heading-line:after {content: '';position: absolute;bottom: 0;left: 0;width: 40px;height: 10px;background-color: #ecb42a;}
.page-template-food .heading-line:after {background-color: #b4252b;}
.heading-line.text-center:after {left: 50%;margin-left: -20px;}
.heading-line.text-pink:after {background-color: #e83940;}
.video-container {position: relative; margin-top:100px;}
.video-container img {max-width:inherit} 
.video-container #play {position: absolute;display: inline-block;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 3;}
.video-container #play.active {display: none;}
.heading-below-text {max-width: 700px; margin-left: auto; margin-right: auto;}
/*.video-container:before {content: '';position: absolute;top: 0;bottom: 0;width: 50%;background-color: #fff;z-index: 1;}*/
.video-frame {position:absolute; left:0; top:0}
/*!*	Foods Styling* ----------------------------------------------- */
#foods {overflow: hidden;padding-top: 100px;padding-bottom: 100px;background-color: #f5f5f5;position: relative;}
#foods .circle {top: -40%;left: -20%;border-color: #ecb42a;}
#foodSlider .owl-stage-outer {width: calc(100% - 1px);}
#foodSlider .item {margin-left: -1px;}
#foodSlider .item img {width:100%;}
#foodSlider.owl-theme .owl-nav [class*=owl-] {border-radius: 50%;padding: 0;width: 40px;height: 40px;background-color: #ecb42a;position: absolute;top: 50%;}
#foodSlider.owl-theme .owl-nav [class*=owl-]:after {content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#foodSlider.owl-theme .owl-nav .owl-prev {left: -30px;}
#foodSlider.owl-theme .owl-nav .owl-next {right: -30px;	}
#foodSlider.owl-theme .owl-nav .owl-prev:after {margin-top: -4px;margin-left: -4px;border-left: 3px solid #3a3b39;border-bottom: 3px solid #3a3b39;}
#foodSlider.owl-theme .owl-nav .owl-next:after {margin-top: -5px;margin-left: -6px;border-top: 3px solid #3a3b39;border-right: 3px solid #3a3b39;}
#foodSlider .item a { display:block;}
.food-card {background-color: #fff;padding:30px 24px 0;border-right: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;position: relative;margin-top: 30px;height:480px;-webkit-transition: all .3s;transition: all .3s;}
.food-card .icon {height: 40px;margin-bottom: 10px;}
.food-card .food-card-content {font-size: 14px;height: 60px;overflow: hidden;margin-top:22px;-webkit-transition: height .3s;transition: height .3s;}
.food-card .food-card-img {position: absolute;left:0;bottom:0;-webkit-transition: all .3s;transition: all .3s;}

.food-card:hover {margin-top: 0;color: #fff}
.food-card-pink.food-card:hover {background-color: #e83940;border-color: #e83940;}
.food-card-yellow.food-card:hover {background-color: #ecb42a;border-color: #ecb42a;}
.food-card:hover [class^="text-"],.food-card:hover [class*=" text-"] {color: #fff !important;}
.food-card:hover .icon {-ms-background-position-y: -180px;background-position-y: -180px;}
.food-card:hover .food-card-content {height: auto;}
.food-card:hover .food-card-img {bottom:0;}
/*!*	Delivery Styling* ----------------------------------------------- */
#delivery {padding-top: 100px;padding-bottom: 100px;background-color: #faecc8;}
#delivery .delivery-container {width: 100%;max-width: 1260px;flex-wrap: wrap;justify-content: space-between;}
#delivery .dc-item,#delivery .delivery-container {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;	}
#delivery .dc-item-content {max-width: 300px;padding-right: 20px;}
#delivery .dc-item-content.text-right {padding-right: 0;padding-left: 20px;}
#delivery .btn {min-width: 235px;font-size: var(--body-font-size);}
/*#delivery .btn:hover {-webkit-transform: skewX(-5deg) rotateY(10deg);-ms-transform: skewX(-5deg) rotateY(10deg);-o-transform: skewX(-5deg) rotateY(10deg);transform: skewX(-5deg) rotateY(10deg);}
*/
.delivery-options {margin-top: 20px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;margin-left: -5px;margin-right: -5px;justify-content: space-between;}
.delivery-options li {padding-left: 5px;padding-right: 5px;}
/*!*	Footer Styling* ----------------------------------------------- */
#footer .row {-ms-align-items: center;align-items: center;}
#footer .footer-link {padding-top: 40px;padding-bottom: 40px;}
#footer .social {justify-content: flex-end;}
#footer .navbar ul {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;}
#footer .navbar li {margin-top: 0 !important;padding-left: 24px;padding-right: 24px; margin: 0}
#footer .navbar li.current-menu-item a::after { display:none}
#footer .navbar a {padding-bottom: 0; color:#3a3b39}
#footer .navbar a:hover { color:#000}
.footer-text {font-size: 13px}
#footer .last-footer {line-height: 1;padding-top: 20px;padding-bottom: 20px;background-color: #f5f5f5;}
/*!*	Inner Page Styling* ----------------------------------------------- */
.inner-banner {-webkit-background-size: cover;background-size: cover;background-position: center;position: relative;z-index: 10;}
.banner-locator {background-image: url(images/banner/locator.jpg);}
.banner-food {background-image: url(images/banner/food.jpg);}
.inner-banner-content {position: absolute;top: 280px;right: 15px;left: 15px;color: #fff;font-size: 24px;text-align: center;}
.inner-banner-content h1 {color: #fff;text-shadow: 0 1px 8px rgba(0,0,0, 0.22);}
.locator-block {padding-top: 225px;padding-bottom: 225px;background-color: #f5f5f5;}
.locator-block .circle {top: -400px;right: -20%;}
.location-selection {max-width: 360px;width: 100%;margin: 0 auto 80px;}
.location-selection .form-control {background-color: #fff;border: solid 1px #babbb9;border-radius: 4px;}
.address-block {margin-right: -20px;margin-left: -20px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;max-width: 980px;margin-right: auto;margin-left: auto;}
.address-block .address-item {padding-right: 20px;padding-left: 20px;flex: 0 0 33.33333%;max-width: 33.33333%;margin-bottom:40px;}
.address-block .address-card {background-color: #fff;padding:30px;font-size: 14px;-webkit-box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.05);box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.05); height: 100%}
.address-block .address-card h6 {line-height: 1.25;}
.address-block .address-card .addr { min-height:100px; margin:0}
.address-block .address-card .phone-info {
  margin-top:12px;
      background: url(images/ico-phone.svg) no-repeat left center;
    background-size: 16px;
    padding-left: 24px;
}

.address-block .address-card .gooleMap {
	margin-top:12px;
    background: url(images/ico-gmap.svg) no-repeat left center;
    background-size: 16px;
    padding-left: 24px;
}
.address-block .address-card .icon {
  display: none;
}

.address-info-list li + li {margin-top: 5px;}
.address-block .address-info  { padding-top:15px;}
.address-info {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;}
.address-info .icon {margin-right: 10px;}
.bg-img {-webkit-background-size: cover;background-size: cover;background-position: center;}
#dinner {position: relative;margin-top: -100px;z-index: 2;margin-bottom: 200px;}
#dinner .circle {left: -20%;bottom: -220px;}
.dinner-banner {background-image: url(images/dinner-banner.jpg);height: 650px;}
.dinner-text {position: absolute;top: 100px;bottom: 100px;left: 0;background-color: #ffe2e4;width: 100%;padding: 15px;text-align: center;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-ms-align-items: center;align-items: center;justify-content: center;z-index: 10;}
.dinner-banner {position: relative;z-index: 2;}
.food-section {padding-top: 200px;padding-bottom: 80px;position: relative;}
.food-section .col-7 { min-height:300px;}
.food-section .container {position: relative;}
.top-right {top: -400px;right: -20%;}
.top-left {top: -400px;left: -20%;}
.food-row {margin-right: -30px;margin-left: -30px;}
.food-row [class^='col-'],.food-row [class*=' col-'] {padding-left: 30px;padding-right: 30px;}
.food-list-item {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap}
.food-list-item + .food-list-item {margin-top: 10px;}
.food-list-item .food-list-info {flex-grow: 1;flex-basis: 0;}
.food-list-item .food-list-info p {/*text-overflow: ellipsis;overflow: hidden;max-width: 100%;white-space: nowrap;*/}
.food-list-item .food-name {color: #3a3b39;}
.food-list-item .sign {margin-left: 12px;display: flex;margin-top: 5px;}
.food-list-item .sign em {background-position: center center;background-repeat: no-repeat;background-size: 16px; width: 16px;height: 16px;}
.food-list-item .sign em+em {margin-left: 4px}
.food-list-item .sign .jain {background-image: url(images/icon-jain.svg);}
.food-list-item .sign .musttry {background-image: url(images/icon-musttry.svg);}
.food-list-item .sign .signature {background-image: url(images/icon-signature.svg);}
.food-list-item .sign .kids {background-image: url(images/icon-kids.svg);}
.food-list-item .food-list-price {margin-left: auto;font-size: 24px;font-weight: 800;color: #3a3b39; display:none !important}
.food-img {position: absolute;bottom: -170px;z-index: 10;}
.food-img.right {right: 0;}
.food-sub-section {padding-top: 100px;padding-bottom: 0;}
.food-sub-section .food-row {position: relative;bottom: -100px;z-index: 2;}
.under-food-footer {margin-bottom: 100px;	}
.legends-div {display:flex; justify-content: center; align-items: center; margin-top: 32px}
.legends-div .sign {margin-left: 12px; margin-right: 12px;}
.legends-div .sign em {margin-right: 8px; margin-top: 4px;}
#classics1944{z-index:9}
#specialities{z-index:8}
#sandwiches{z-index:7}
#pizzas{z-index:6}
#wraps{z-index:5}
#ricemeals{z-index:4}
#milkshakes{z-index:3}
#sundaes{z-index:2}
#creations{z-index:1}
/*#milkshakes img { bottom:0}*/

.readyeat-section {padding-top:100px;padding-bottom:100px; position: relative; font-size: 16px;}
.readyeat-section strong {color: #3a3b39}
#promise {z-index:9}
#discoverDelicious {z-index: 8}
#dinner.rteproduct {z-index: 7}
#jainPatrons{z-index: 6}
#bringHome {z-index: 5}
.discover-row {margin-left: -6px; margin-right: -6px;}
.discover-row .col-4{ padding-left: 6px; padding-right: 6px }
.discover-block {min-height: 305px; padding: 12px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-ms-align-items: center;align-items: center; position: relative; margin-bottom: 12px;}
.discover-block:last-child {margin-bottom: 0}
.discover-block.vh100 {height: 100%}
.discover-block img {display: block; margin-left: auto; margin-right: auto}
.discover-block h6 {margin-bottom: 0; position: absolute; left: 0; bottom: 0; padding: 24px; text-align: left; width: 100%}
.bg1 {background-color: #ffd19c;}
.bg2 {background-color: #f4cfbb;}
.bg3 {background-color: #ffefd9;}
.bg4 {background-color: #ffd7c5;}
.bg5 {background-color: #ddecba;}

#dinner.rteproduct { margin-top: 0; margin-bottom: 0}
#dinner.rteproduct .dinner-banner {background-image: url('images/rte-product.jpg1')}
#dinner.rteproduct .dinner-text {padding-left: 100px; padding-right: 100px;}

.bring-block {text-align: center;color: var(--link-font-color)}
.bring-block img {margin:0 auto 20px; height: 55px;}


.contact-form {font-weight: 400;max-width:600px;width:100%;margin-left: auto;margin-right: auto;margin-bottom:50px;}
.contact-form .input-field {margin-bottom:20px;}
.contact-form label {display:block; margin-bottom:5px;}
.contact-form .form-control { width:100%; background-color:#fff}
.contact-form textarea.form-control { height:150px;}
.contact-form .error { color:#ff0000; font-size:15px;}

.donate-popup { position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000;background: rgba(0, 0, 0, 0.85); z-index:9999; padding: 100px 20px 20px;}
.donate-popup img {max-width:100%;  height: auto; width: auto; margin: 0 auto; display: block}
.donate-popup .btn-close {position:absolute; right:20px; top:20px; z-index:99999;width: 28px; height: 28px;}
.donate-popup .btn-close svg {display: block;height: 100%;overflow: visible;position: relative;width: 100%;}
.donate-popup .btn-close svg path {fill: #fff;stroke-width: 0;}
.icon-phone svg, .icon-email svg{display:block;position: absolute; left:0; top: 3px;width: 20px;height: 20px;}
.icon-phone, .icon-email {padding-left: 30px; position: relative}
/*!*	Responsive* ----------------------------------------------- */
@media(max-width: 1500px) {
#foods .circle, .top-left {left:-40%;}
.top-right { right:-40%}
}
@media(max-width: 1367px) {
#foods .circle, .top-left {left:-50%;}
.top-right { right:-50%}
#dinner.rteproduct .dinner-text {padding-left: 15px; padding-right: 15px; top: 40px; bottom: 40px;}
}
@media(max-width: 1170px) {
#foods .circle {left:90%;}
.sidebar .brand { margin-bottom:25px;}
.sidebar .social { bottom:20px}
#delivery { padding:50px 0 0}
#delivery .delivery-content { margin-bottom:50px;max-width:50%;flex: 0 0 50%;}
.locator-block .circle { right:-40%;}
.dinner-banner { height:450px;}
#dinner { margin-bottom:50px;}
#dinner .circle { left:-60%; bottom:-90px}
#foods .circle, .top-left { left:-70%}
#foods .circle, .top-right { right:-70%}
.row.video .col-7, .row.video .col-5 {max-width: 50%;flex: 0 0 50%;}
}
@media(max-width: 1023px) {
h1, .h1 { font-size:46px;}
h2, .h2 { font-size:36px}
h3, .h3 { font-size:26px;}
h5, .h5 { font-size:20px;}
.heading-line { margin-bottom:30px;}
#foods { padding:50px 0}
.video { padding:50px 0}
.row.video, #delivery .delivery-container { display:block;}
.row.video .col-7, .row.video .col-5 {flex: 0 0 100%;max-width:100%;}
.video-container { margin-top:30px}
.video .content-container { padding-right:0}
.video-container img { position:static; width:100%; max-width:100%}
#delivery .delivery-content { flex: 0 0 100%; max-width:70%; margin:0 auto 50px;}
#delivery .delivery-content:last-child { margin-bottom:20px}
#footer .navbar li { padding:0 15px;} 
.inner-banner-content { top:40%}
.food-section {padding-top: 140px;padding-bottom: 40px;}
.page-template-contact-us .food-section {padding-top:50px;}
.under-banner { margin-top:0}
.locator-block { padding:50px 0}
.locator-block .circle { right:-80%}
.address-block .address-item {flex: 0 0 50%;max-width:50%;}
#foods .circle, .top-left, #foods .circle, .top-right, #dinner .circle { display:none}
#dinner { margin:30px 0} 
.food-img { max-width:41.66666667%; bottom:-80px;}
.food-list-item .food-name { font-weight:normal !important}
.food-list-item .food-list-price { font-size:18px}
.food-card { height:auto}
.food-card .food-card-img {position:static}
.discover-block {min-height: 200px;}
}
.mobile-view { display:none !important}
#toggle-menu{display:none;padding:0;position:absolute; right:20px; top:28px; width:40px;z-index:999;cursor:pointer;}
#toggle-menu .bar1,#toggle-menu .bar2,#toggle-menu .bar3 {width:100%; height:2px; background-color:#fff; transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; display:block; margin:4px 0; float:left; clear:both;}
#toggle-menu .bar3 {width:70%; float:right}
.nav-on #toggle-menu .bar3 {width:100%}
.nav-on #toggle-menu .bar1,.nav-on #toggle-menu .bar2,.nav-on #toggle-menu .bar3 {background-color:#fff}
.nav-on #toggle-menu .bar1 {transform-origin:15% 40%;transform:rotate(45deg)}
.nav-on #toggle-menu .bar3 {transform-origin:15% 40%;transform:rotate(-45deg)}
.nav-on #toggle-menu .bar2 {background-color:transparent !important}
@media(max-width: 767px) {
.sliderBanner { overflow:hidden}
.sliderBanner.owl-carousel .owl-item, .inner-banner { overflow:hidden} 
.sliderBanner.owl-carousel .owl-item img, .inner-banner img { max-width:160%; width:160%; position:relative; left:-30%}
h1, .h1 { font-size:40px;}
h6, .h6 { font-size:18px}
.sidebar-absolute { width:100%; max-width:100%; min-height:inherit}
.sidebar .brand { max-width:35%; display:inline-block}
#footer .footer-link { padding:10px 0}
#footer .row { display:block; margin:0}
#footer .row .col-3, #footer .row .col-6 {max-width:100%;flex: 0 0 100%;}
#footer .brand img { margin:0 auto 20px;}
#footer .social { justify-content: center; padding-top:20px;}
.google-map iframe { height:300px;}
.locator-block .circle { display:none}
.location-selection { margin-bottom:30px;}
.dinner-banner { height:350px;}
.page-template-food .food-section { padding:40px 0}
.page-template-food .food-sub-section .food-row { bottom:auto}
.page-template-food .food-section .food-img, .page-template-food .food-section img {position:static; max-width:100%; width:100%;}
.page-template-food .food-section img { margin-bottom:25px;}
.page-template-food .food-section .col-4, .page-template-food .food-section .col-4, .page-template-food .food-section .col-7 {max-width:100%;flex: 0 0 100%;}
.mobile-view { display:block !important}
.sidebar .social, .desktop-view { display:none !important}
.sidebar-absolute {max-width:inherit; padding:20px 30px !important}
.nav-on .sidebar-absolute {position: fixed;left: 0;top: 0;}
.sidebar .brand { max-width:100%; margin-bottom:10px;}
.sidebar .brand img { max-width:150px;}
.site-header .navbar { display:none; margin-top:20px;}
.nav-on .header-container {align-items: start;}
.nav-on .site-header .navbar { display:block; margin:24px 0 0; padding:16px;}
.site-header .navbar ul {display: block;}
.site-header .navbar li + li {margin: 12px 0 0;}
#toggle-menu {display:block}
.delivery-options { margin:0; padding:15px 15px 0}
.owl-theme .owl-dots { text-align:right}
.owl-theme .owl-dots .owl-dot span {width: 15px;height: 15px;margin:4px;border-width:2px;}
.address-block .address-card .addr { min-height:120px;}
.col-empty{ display:none !important}
.our-story-section { text-align:center}
.our-story-section .heading-line::after{ left:50%; margin-left:-20px;}
.our-story-section img { margin:0 auto; display:block;}
.readyeat-section {margin-bottom: 40px; padding-top: 50px; padding-bottom: 50px;}
.col-sm-12 { max-width: 100%; flex: 0 0 100%; margin-bottom: 24px;}
}
@media(max-width: 639px) {
.sidebar .brand img { max-width:120px;}
#delivery .delivery-content { max-width:100%}
h1, .h1 { font-size:32px;}
h2, .h2 { font-size:24px}
.address-block .address-item {flex: 0 0 100%;max-width:100%;}
.dinner-text { position:static;flex: 0 0 100%;max-width:100%;}
.dinner-banner { margin-left:0;flex: 0 0 100%;max-width:100%;}
.page-template-food .food-section .col-6 {max-width:100%;flex: 0 0 100%; margin-bottom:20px;}
#delivery .dc-item-content { padding-left:15px;}
#delivery .delivery-content:last-child { padding:0 15px;}
.address-block .address-card .addr { min-height:inherit;}
.col-xs-12 { max-width: 100%; flex: 0 0 100%; margin-bottom: 24px}
.discover-block {min-height: inherit; margin-bottom: 24px;}
.discover-block h6 {text-align: center; position: static;}
#jainPatrons {text-align: center}
#jainPatrons .heading-line:after {left: 50%; margin-left: -20px;}
#jainPatrons img {display: block; margin-left: auto; margin-right: auto}
}
@media(max-width: 479px) {
.sidebar { padding:20px !important} 
#footer .navbar li { padding:0 10px;}
#delivery .dc-item, #delivery .delivery-container { display:block;}
#delivery .dc-item-content { max-width:100%; padding:20px 0 0; text-align:center}
#delivery .dc-item img{ display:block; margin:0 auto}
#delivery .dc-item-content.text-right { text-align:center !important; padding:0 0 25px;}
}
@media(max-width: 359px) {

}

.insta-item {
}
.insta-item img {
	display: block;
	margin:0 auto;
	width: 100%;
	max-height:275px;
	object-fit: cover;
}

.thankyou-overlay {position:fixed; left:0; top:0; z-index:999999; background-color:rgba(0,0,0,0.8); width:100%; height:100%;}
.thankyou-overlay .thanks-block {position:absolute; left:50%; top:50%; width:300px; margin:-50px 0 0 -150px; padding:20px; background-color:#fff;-webkit-border-radius:5px;border-radius:5px; color:#093}
.thankyou-overlay .thanks-block .close{cursor: pointer;position: absolute;right: 8px;top: 5px;text-decoration:none}
.thankyou-overlay .thanks-block .close:before {background:none;border-radius: 0.33em;color: #bbb;content: "×";display: inline;font-size: 22px;font-weight: normal;height: 25px;line-height: 25px;text-align: center;width: 25px;}

.jainBanner {
	padding-bottom: 48px;
}

/* Add space between the slider and dots */
#rteSlider .owl-stage-outer {
  padding-bottom: 60px; /* This creates real space below the images */
}

/* Now position the dots clearly below */
#rteSlider .owl-dots {
  margin-top: 10px !important;  /* spacing above dots */
  padding-bottom: 10px;
  position: relative;
  text-align: center;
  z-index: 5;
}

/* Optional: style dots to match your design */
#rteSlider .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  background: #ccc;
  display: inline-block;
  border-radius: 50%;
  margin: 0 6px;
  transition: background 0.3s ease;
}

#rteSlider .owl-dots .owl-dot.active span {
  background: #f6b400; /* your brand yellow */
}
#rteSlider .item {
  display: flex;
  justify-content: center; /* centers horizontally */
  align-items: center;     /* centers vertically (in case of fixed height) */
  padding: 15px;
}

#rteSlider .item img {
  width: auto;
  max-width: 70%;     /* controls how wide the image appears */
  max-height: 800px;  /* controls the image height — adjust as you like */
  height: auto;
  display: block;
  margin: 0 auto;     /* centers the image */
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  object-fit: contain; /* keeps proportions without stretching */
}

#rteSlider .item img:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 14px rgba(0,0,0,0.2);
}