/*
 Theme Name:   John G's Restaurant
 Theme URI:    https://johngs.com
 Description:  Divi Child Theme
 Author:       Good At Marketing
 Author URI:   https://goodatmarketing.com/
 Template:     Divi
 Version:      1.0.02
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/

/* Global */
body{}
h1, h2, h3, h4, h5, h6 {font-weight:800;}
span.sr-text{height:0;width:0;opacity:0;display:none;}
.j-red{color:#dd3723;}
.white{color:#fff;}
.bold{font-weight:800;}
#biz-info {color:#fff;font-size: 14px;}
#biz-info .biz-wrap {display: block;padding: 6px 0 6px 24px;}
#biz-info .fa-mobile, #biz-info .fa-envelope {margin: 0 3px 0 0;}
#biz-info .biz-wrap a, #biz-info .biz-wrap p, #biz-info .biz-wrap h3, #biz-info .biz-wrap ul{display: inline-block;font-weight: 400;font-size: 16px;padding: 6px 0;}
#biz-info .biz-wrap p, #biz-info .biz-wrap ul {font-size:14px;}
#biz-info .biz-wrap ul li, #biz-info .biz-wrap p {color:#251605;padding:0;}

@media (max-width:980px){
  #logo {max-height: 80%;}
  #biz-info .container {width:100%;padding:0 15px;}
}

@media (max-width: 767px){
	#biz-info .biz-wrap p{display:none;}
}
#biz-info .social-wrap {display: inline-block;float: right;font-size:20px;max-height:39px!important;}
#biz-info .social-wrap a{color: #fff;display: inline-block;}
#biz-info .social-wrap a:first-child{margin-right:15px;}
.et_pb_button, #sb_instagram .sbi_follow_btn a{font-weight: 600!important;display: inline-block!important;font-size: 18px!important;background-color: rgba(255,208,70,0.8)!important;border-color: rgba(255,255,255,0)!important;border-radius: 0px!important;color:#251605!important;border:solid 2px transparent!important;box-shadow: none!important;}
.et_pb_button:hover, #sb_instagram .sbi_follow_btn a:hover{color: #251605!important;background: #ffd046!important;}
.et_pb_button:after{}
@media (min-width: 981px){
  ul#menu-side-nav li {display: none;}
  #menu-item-500, #menu-item-597, #menu-item-803 {display: block!important;}  
}
@media(max-width:980px){
  #main-header #et-top-navigation {padding-top:0!important;}
  #top-menu li{display: none;}
  #top-menu li.slide-btn{display:block!important;padding:0;top:30px!important;}
}
#click-call {display:none;}

.gam-divider{width: 100%;height: 100%;text-align: center;position: relative;margin-bottom: 20px}
.gam-divider .icon-wrap{display: inline-block;padding: 0 10px;background: #fff;position: relative;z-index: 10;}
.gam-divider.white .icon-wrap{display: inline-block;padding: 0 10px;background: #dd3723;position: relative;z-index: 10;}
.gam-divider:after{content: "";display: block;border-bottom: solid 1px #dd3723;width: 100%;margin: 0 auto;max-width: 50%;top: 0;position: relative;
    top: -15px;}
.gam-divider.white:after{border-bottom: solid 1px #fff;}
@media (max-width: 980px){
  #page-container{padding-bottom:63px;}
  #click-call{background: #dd3723;position: fixed;bottom: 0;color: #fff;width: 100%;text-align: center;z-index: 100000;padding: 8px 0px;
    font-weight: 700;font-size: 20px;height:63px;}
  #click-call a{margin-left:10px;color:#fff!important;}
}
.et_header_style_left .logo_container {left:0;}
#site-notice {width: 100%;text-align: center;padding: 3px 0;background: #dd3723;}
#site-notice a{color:#fff;font-weight:500;font-size:14px;}
@media (max-width:767px){
  #site-notice a {font-size:12px;line-height: 12px}
}
#footer-bottom {padding:10px 0;}
#footer-bottom .copy{color:#fff;font-size:12px;}
li.menu-item.slide-btn{padding: 15px 25px;border-left: solid 1px #ddd;}
.et-fixed-header li.menu-item.slide-btn {}
#et-top-navigation{padding-right: 0px!important;padding-left:0!important;padding-top:32px!important;}
.et-fixed-header #et-top-navigation {padding-top:14px!important;}
.et-fixed-header #et-top-navigation #top-menu a{padding-bottom:20px!important;}
.et-fixed-header .container.et_menu_container {height:80px;}
#top-menu{position: relative}
#top-menu a {padding-bottom:49px!important;}
#c-button--slide-right {font-size:18px;font-weight: 600;}
footer#main-footer{background:url('images/footer-bg-alt.jpg') center no-repeat;background-size: cover;}
.footer-widget h3{color:#dd3723;}
.contact-address.contact-box h3,.contact-hours.contact-box h3, .contact-social.contact-box h3{color:#251605;margin-top:20px;}
.foot-address.footer-box a, .footer-widget p{display:block;font-size:14px;}
.contact-address.contact-box a{display:block;font-size:14px;}
.foot-address.footer-box i {width:15px;margin-right:3px;text-align: center;}
.foot-hours.footer-box ul li, .foot-hours.footer-box p{font-size:14px;}
.contact-address.contact-box i {width:15px;margin-right:3px;text-align: center;}
.contact-hours.contact-box ul li, .foot-hours.footer-box p{font-size:14px;}
#footer-bottom {background-color: rgba(0,0,0,.8);padding: 5px 0;}
/*.mana-wrap{background-image:url('https://johngs.com/wp-content/themes/johngs/images/manalapan-white.jpg');background-size: cover;background-position: center bottom;background-repeat: no-repeat;}*/
#main-footer #custom_html-4{width:100%;}
.foot-social.footer-box ul {display: flex;justify-content: space-between;margin: 0;max-width: 200px;}
.foot-social.footer-box ul li i {font-size:22px;}
.contact-social.contact-box ul {display: flex;justify-content: space-between;margin: 0;max-width: 200px;list-style-type: none;padding-left:0;}
.contact-social.contact-box ul li i {font-size:22px;}
#footer-widgets .footer-widget li {padding:0;}
#footer-widgets .footer-widget li:before {display: none}

@media (max-width:980px){
  #main-header .container.et_menu_container {width:100%;padding:0 15px;height:80px}
  .et_fixed_nav #main-header {position: fixed;}
  .et-fixed-header #et-top-navigation nav>ul>li>a {padding:0px!important;}
  #top-menu {display: block;}
  #top-menu li {padding-right:10px;}
  #top-menu li a {font-size: 14px!important;}
  li.menu-item.slide-btn {padding:15px 10px;border:none;}
  li.menu-item.slide-btn .c-button span{display: none;}
  #c-button--slide-right {font-size: 14px;}
}

@media (max-width:767px){
}

/*Slide Menu*/
.o-wrapper {-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
.c-menu {position: fixed;background-color:#fff;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;z-index: 9999999;}
.c-menu .menu-content {}
.c-menu .menu-content {font-size:12px;}
.slide-logo img{padding:30px;}
.c-menu .slide-bio-photo {border-radius: 6px;padding: 0;margin: 0 auto;display: block;margin-bottom: 20px;}
.c-menu__items {list-style: none;margin: 0;padding: 0;}
.c-menu--slide-left,.c-menu--slide-right,.c-menu--push-left,.c-menu--push-right {width: 100%;height: 100%;overflow-y: scroll;}
.c-menu--slide-right .sub-menu .c-menu__item {border-top: none; background:rgba(19, 19, 19, 0.8);font-size:14px;}
.c-menu--slide-right .sub-menu .c-menu__item a{color: #444;padding-left: 36px!important;}
.c-menu--slide-right .sub-menu .c-menu__item a:hover{color:#d00000;}
@media all and (min-width: 320px) {
  .c-menu--slide-left,.c-menu--slide-right,.c-menu--push-left,.c-menu--push-right {width: 300px;}
}

.c-menu--slide-left .c-menu__item,.c-menu--slide-right .c-menu__item,.c-menu--push-left .c-menu__item,.c-menu--push-right .c-menu__item {display: block;}
.c-menu--slide-left .c-menu__item:first-child,.c-menu--slide-right .c-menu__item:first-child,.c-menu--push-left .c-menu__item:first-child,.c-menu--push-right .c-menu__item:first-child {border-top: none;}
.c-menu--slide-left .c-menu__item:last-child,.c-menu--slide-right .c-menu__item:last-child,.c-menu--push-left .c-menu__item:last-child,.c-menu--push-right .c-menu__item:last-child {border-bottom: none;}
.c-menu--slide-left .c-menu__link,
.c-menu--slide-right .c-menu__link,
.c-menu--push-left .c-menu__link,
.c-menu--push-right .c-menu__link {display: block;padding: 12px 24px;color: #fff;}
.c-menu--slide-left .c-menu__close,.c-menu--slide-right .c-menu__close,.c-menu--push-left .c-menu__close,.c-menu--push-right .c-menu__close {display: block;padding: 12px 24px;width: 100%;}
.c-menu--slide-right,.c-menu--push-right {top: 0;right: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);}

@media all and (min-width: 320px) {
  .c-menu--slide-right,.c-menu--push-right {-webkit-transform: translateX(300px);-ms-transform: translateX(300px);transform: translateX(300px);}
}
.c-menu--slide-right.is-active,.c-menu--push-right.is-active {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}

body.has-active-menu {overflow: hidden;}
.c-menu__close {color: #fff;background-color: #251605;box-shadow: none;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;
    border: none;border-bottom: solid 1px #131313; text-align: left;}
.c-menu__close:focus {outline: none;}


.c-mask {position: fixed;z-index: 999999;top: 0;left: 0;overflow: hidden;width: 0;height: 0;background-color:rgba(0,0,0,0.6);opacity: 0;-webkit-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;}
.c-mask.is-active {width: 100%;height: 100%;opacity: 0.7;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.c-buttons {margin-bottom: 48px;text-align: center;}
.c-button {display: inline-block;padding:0;background: none;border: none;box-shadow: none;border-radius: 0;-webkit-appearance: none;-moz-appearance: none;cursor: pointer;color:#251605;font-size:24px;transition: all .3s ease}

.c-button:focus {outline: none;}
.c-button:disabled {opacity: 0.3;cursor: not-allowed;}
#c-menu--slide-right .c-menu__item {width:100%;padding:0;text-align: left;position: relative;;margin:0;border-bottom: solid 1px #ddd;}
#c-menu--slide-right .c-menu__item a{padding:12px 24px;display: block;color:#251605;}
li.c-menu__item.mobilenav a {font-weight: 600;}

.et-cart-info{display: none;}

.slide-sidebar {padding-top: 30px;}
.slide-sidebar #sidebar {width: 100%;float: none;}
#slide-socials{display: flex;justify-content: space-between;width: 100%;margin: 5px auto;max-width: 100%;}
#slide-socials .fab{display: inline-block;color:#251605;}
h4.slide-connect {margin-top: 30px;}
.et_parallax_bg_wrap {}
.slide-posts {margin-bottom: 30px;}
.slide-posts img{border-radius:6px;width:100%;}
.slide-posts h6{padding-bottom:0;}
.slide-date{margin-bottom:15px;color:#251605;}
.et_pb_fullwidth_slider_0{overflow:hidden;}
@media(max-width:980px){
  .et_pb_row, .container {width: 90%;}
}


/* Home Page*/
.home-slider .et_pb_slides .et_pb_slide, .home-video {min-height:640px;}

.home-video .et_pb_section_video_bg .mejs-video {top:-15%;}
@media (max-width: 1365px){
  .home-slider .et_pb_slides .et_pb_slide, .home-video {min-height:550px;}
  .home-video .et_pb_section_video_bg .mejs-video {top:0;}
}

@media(max-width:980px){
  .home-slider .et_pb_slides .et_pb_slide {min-height:300px;}
}
#hero-content {max-width: 100%;width: 100%; position: absolute;top: 0;display: table;height: 100%}
@media(max-width:980px){
  #hero-content {height:550px;padding:0 15px;}
}
#hero-content .et_pb_code_inner {max-width:1080px;width:80%;margin:0 auto;display: table-cell;vertical-align: middle;}
#hero-content .hero-content-wrap{max-width: 800px;margin: 0 auto;text-align: center;}
#hero-content h1{color: #fff;font-size: 56px;font-weight: 800;text-shadow: 3px 3px 0px #dd3723;}
#hero-content p{color:#fff;font-size: 22px;font-weight: 600;margin-bottom: 20px;}
@media (max-width: 980px){
  #hero-content h1{color: #fff;font-size: 38px;font-weight: 800;}
  #hero-content p{color:#fff;font-size: 18px;font-weight: 600;margin-bottom: 20px;}
}
.home-slider .et_parallax_bg {background-position: center;}
@media(max-width:980px){
  .home-slider .et_parallax_bg {background-position: center;background-size: cover;}
}
#wood-intro {overflow: hidden;}
#wood-intro .et_pb_row {max-width: 100%;width: 100%;padding-left: 20%;}
@media(max-width:980px){
  #wood-intro .et_pb_row {max-width: 100%;width: 100%;padding-left: 0%;padding:0 30px;}
}
#wood-intro h2 {font-size:52px;}
#wood-intro h2, #wood-intro p{color:#fff;}
#wood-intro .owl-carousel {width:115%;}
@media(max-width:980px){
  #wood-intro .owl-carousel {width:100%;}
}
#wood-intro .owl-item {border: solid #fff 6px;}
#wood-intro .dp_oc_item {position: relative;overflow: hidden;cursor: pointer;}
#wood-intro .dp_oc_item img{transition: all .6s ease}
#wood-intro .dp_oc_item:hover img{transform: scale(1.2);}
#wood-intro .dp_oc_image_title {font-size:24px;position: absolute;bottom:0px;left:15px;text-shadow: 1px 1px 3px rgba(0,0,0,.4);}
#wood-intro .dp_oc_image_content {font-size: 14px;position: absolute;bottom: 5px;left: 15px;line-height: 1.4;}
#wood-intro .dp_oc_image_content a{display: block;}
#wood-intro .slide-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#wood-intro .dp_oc_item .slide-overlay {background:rgba(0,0,0,.0);transition:all .2s ease;}
#wood-intro .dp_oc_item:hover .slide-overlay {background:rgba(0,0,0,.4);}
#menu.et_pb_section, #menu .et_pb_row{padding:0;width: 100%;max-width: 100%;}
#menu .menu-cta{background:#dd3723;height: 100%;display: table;padding:15px;}
@media(max-width:980px){
  #menu .menu-cta {padding:30px;height:40vh;}
}
#menu .menu-cta .et_pb_code_inner {display: table-cell;vertical-align: middle;}
#menu .et_pb_column {margin-bottom: 0;}
#menu .gam-divider {height:initial;}
#menu .et_pb_button {margin-top:20px;}
#menu h2, #menu p{color:#fff;}
#menu p {font-size:14px;}
#menu .et_pb_image {height: 100%;}
#about #sb_instagram #sbi_load .sbi_load_btn {padding:0;background: transparent;}
#newsletter .et_pb_newsletter_form {max-width:800px;margin:0 auto;}
@media(min-width:981px){
  #menu .et_pb_column{width:33.33333%!important;margin-right:0!important;}
  #newsletter .et_pb_newsletter_form .et_pb_button{width:300px;}
}
.et_pb_newsletter {padding:0;}


/*Menu Page*/
#fullmenu .menu-section h2 {padding: 20px 0 10px;}
#fullmenu p{padding-bottom:0;line-height: 1.3}
#fullmenu ol.num-item {list-style: none;counter-reset: menu-ounter;}
#fullmenu ol.num-item li {counter-increment: menu-counter;}
#fullmenu ol li div::before {content: "#" counter(menu-counter);color: #dd3723;font-weight: 800;position:absolute;top:0;left:0;line-height: 1.2;width: 35px;text-align: right;left:-15px;}
#fullmenu .food-item {position: relative;padding-bottom:15px;}
#fullmenu .num-item .food-item {padding-left:25px;}
#fullmenu .menu-title, #fullmenu .menu-description, #fullmenu .menu-extra {max-width:80%;margin:0;}
#fullmenu .menu-title, #fullmenu .food-price {font-weight: 600;}
@media (max-width:980px){
	#fullmenu .menu-title {width:55%;}
	#fullmenu .menu-title, #fullmenu .food-price {font-size:14px;}
}
#fullmenu .food-price {position: absolute;top:0;right: 0}
#fullmenu .menu-description {font-size:14px;font-style:italic;}
@media (max-width:980px){
	#fullmenu .menu-description {font-size:13px;}
}
#fullmenu .menu-extra {font-size:12px;margin-top: 2px;color:#999;}
.b-extras, .menu-note {font-size:12px;color:#251605;}
.b-extras .j-red, p.menu-note .j-red {font-weight: 800;}
.b-extras ul{line-height:1.3;padding-bottom: 0;list-style-type: none;padding-left: 0;margin-top:10px;}
.b-extras {border: solid 1px #dd3723;padding: 10px;margin-bottom: 10px;}
.b-extras p {font-weight: 600}
.menu-description + .food-item {margin-top:10px;}
ul.option-list {line-height: 1.3;font-size: 18px;list-style-type: none;padding-bottom: 0}
ul.option-list li {position:relative;font-size:16px;}
ul.option-list li span.option-price{position: absolute;right:0;}
.food-item.minor .menu-title, .food-item.minor .food-price {font-size: 16px;}
span.option-price span, .food-price span {margin-right: 10px;}
span.option-price span + span, .food-price span + span {margin-right: 0px;}
.food-item.minor .menu-title span {font-size: 12px;display: block;font-style: italic;}
.food-item.options .menu-title {font-size: 16px;font-style: italic;}

.new-item {position: relative}
.new-item i {font-size: 25px;}
.new-item div {position: absolute; left: -30px;}
p.new-item > span {position:absolute; left: -30px}
span.txt-new {display: inline-block; position: relative; right: 25px; bottom: 7px; font-size: 7px; font-weight: 700; color: #fff;}
.red-box {padding: 15px 15px; margin-bottom: 15px;}
.top.red-box {padding: 15px;}

/* Popup */
.ui-dialog.shop-pop {margin-top:200px;padding:0!important;border: none;background-size: initial;background-color: #fff!important;text-align: center;border:none!important;position:fixed!important;}
.shop-pop .ui-widget-header {padding: 0!important;border: none;background: transparent;position: absolute!important;right: 0;top: 0;z-index: 10;}
.ui-dialog.shop-pop p{color:#dd3723!important;padding-bottom: 15px!important;line-height: 1;}
.ui-dialog.shop-pop .pop-title{font-size: 34px;font-weight: 700;padding-bottom: 30px!important}
.ui-dialog.shop-pop .pop-sub{font-size:26px;}

@media(max-width:980px){
  .ui-dialog.shop-pop {max-width:96%!important;}
}

/*Inner Page*/
#inner-hero {padding:6% 0;}
@media(max-width:980px){
  #inner-hero {padding:20% 0;}
}
#inner-hero h1{font-size:56px;padding-bottom: 0;text-shadow: 3px 3px 0px #dd3723;}



/* Woocommerce Pages */
.woocommerce.single-product #content-area table tr, .woocommerce.single-product #content-area table td {padding:.857em 0em;}
.archive.tax-product_cat.woocommerce #left-area {width: 100%;padding-right: 0;float: none;}
.archive.tax-product_cat.woocommerce #sidebar {display: none!important;}
.archive.tax-product_cat.woocommerce #main-content .container:before {display: none!important;}
.product-template-default #page-container{padding-top: 145px!important;}
.single-product #main-content{padding-top:40px;}
.single-product .et_pb_module_inner form.variations_form.cart{}