/*
	Theme Name: Elixir child theme
	Theme URI: http://jellydemos.com/wordpress/elixir/american/
	Description: A Restaurant Wordpress Theme
	Author: Interaction Developers
	Author URI: https://www.interactiondevelopers.com/
	Version: 1.0
	Template: elixir-jellythemes
*/
/* =Theme customization starts here
-------------------------------------------------------------- */
/* import default parent styles */
@import url("../elixir-jellythemes/style.css");
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(https://fonts.googleapis.com/css?family=Bree+Serif);
/* @font-face kit by Fonts2u (http://www.fonts2u.com) */
@font-face {
  font-family: "Carnivalee Freakshow";
  src: url("font/Carnevalee_Freakshow.eot?") format("eot"), url("font/Carnevalee_Freakshow.woff") format("woff"), url("font/Carnevalee_Freakshow.ttf") format("truetype"), url("font/Carnevalee_Freakshow.svg#CarnivaleeFreakshow") format("svg");
  font-weight: normal;
  font-style: normal;
}
h2.section-title {
  font-family: 'Carnivalee Freakshow';
  font-size: 39px !important;
  font-weight: 400 !important;
  padding-top: 0px !important;
  vertical-align: top !important;
}
.opening-hours {
  font-family: 'Carnivalee Freakshow';
  font-size: 39px !important;
  font-weight: 400 !important;
  padding-top: 0px !important;
  line-height: 110px !important;
  vertical-align: top !important;
}
#owl-main-text h2, h2.heading, section.menu h3 {
  font-family: 'Kaushan Script', cursive;
}
#header .menu-item a, .mobile-header-call-button > a, .mouse span {
  color: #fff;
  text-transform: none !important;
  font-size: 14px;
  font-family: 'Carnivalee Freakshow';
  line-height: 6px;
  font-weight: 400;
  border-bottom: 3px solid transparent;
  text-shadow: 0px 0px 1px transparent;
}
#header .menu-item a, .mobile-header-call-button > a, #header.overflow .menu-item a, .mouse span {
  font-size: 2.0em;
}
/*#header {
	position: absolute;
	top:0px;
	left: 0px;
	z-index:1001;
	width: 100%;
	height: 190px !important;
	font-family: 'Open Sans', sans-serif;
	background: rgba(12,12,13,0.78);
	padding-top: 20px;
}

.single-section #header {
    display: none !important;
}*/

#header {
	background: #222222!important;
}
.nav > li > a:focus {
  background-color: transparent !important;
}
@media only screen and (max-width: 1081px) {
  .navbar-nav > li {
    padding: 15px 6px 15px 5px !important;
  }
}
/* SLIDER IMAGE BRIGHTNESS*/
#owl-main img {
  filter: brightness(0.50) !important;
}
.mouse {
  display: block;
  width: auto !important;
  height: auto !important;
  padding: 14px 0px !important;
  border: none !important;
  position: absolute;
  bottom: 50px;
  left: 50%;
  margin-left: 0px !important;
  z-index: 9998;
  transform: translate(-50%);
  margin-right: -50% !important;
  vertical-align: middle;
  color: #ffffff !important;
  border-radius: 5px !important;
  background-color: #F2AD44 !important;
}
.mouse span {
  padding: 5px 18px !important;
  display: block;
  margin: auto !important;
  width: auto !important;
  height: auto !important;
  background-image: none !important;
  background-size: contain;
  -webkit-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}
.mouse span:before {
  content: "Order Online";
}
/* Give the button a hover & active state */
.mouse:active, .mouse:hover {
  color: #ffffff !important;
  background-color: #50728E !important;
}
#daily-specials > .container > .row > .jt_col > .vc_column-inner > .wpb_wrapper > .section-title:nth-child(1) {
  line-height: 0px !important;
  margin: 0px !important;
}
#daily-specials > .container > .row > .jt_col > .vc_column-inner > .wpb_wrapper > .section-title:nth-child(2) {
  font-family: 'Carnivalee Freakshow';
  font-size: 39px !important;
  font-weight: 400 !important;
  padding-top: 0px !important;
  line-height: 0px !important;
  vertical-align: top !important;
  margin: 0px !important;
}
/* Color red CSS */
.red .logo_elixir {
  background: url("../elixir-jellythemes/images/color/logo_elixir_red.png");
}
.red #header .menu-item a:hover, .red #header .menu-item.current a {
  color: #A50000;
}
.red h2.section-title:before, .red h2.section-title:after {
  color: #A50000;
}
.red .slide-sep {
  background: url("../elixir-jellythemes/images/color/slide-separator_red.png");
  width: 115px;
  margin: 0px auto 42px auto !important;
  display: inline-block !important;
}
.red h2.section-title:before, .red h2.section-title:after {
  content: url("../elixir-jellythemes/images/color/header_decorator_red.png");
}
.red section.timetable .column-divider, .red section.timetable .opening-hours:after {
  background-image: none !important;
}
.red section.reservations h4 span:before, .red section.reservations h4 span:after {
  border-bottom: 1px solid #A50000;
}
/* HOME SLIDER red LOGO */
.overlay {
  opacity: 0.4;
}
@media only screen and (max-width : 568px) {
  .red .logointro {
    width: auto;
    height: 314px;
    background-size: cover;
    margin-top: -90px;
    margin-bottom: 10px;
  }
  .red h2.section-title:before, .red h2.section-title:after, .red .section.dark h2.section-title:before, .red .section.dark h2.section-title:after {
    content: none;
  }
}
/* ABOUT red COLOR */
.red h2.heading {
  color: #A50000;
}
.red .text strong, .text strong {
  color: #A50000;
}
/* OPENING HOURS red COLOR */
.red section.timetable .section-subtitle {
  color: #F2AD44;
}
.red section.timetable .section-subtitle.hours {
  color: #ffffff;
}
/*.red .timetable-decorator { background:url("../../images/color/timetable-decorator_red.png");}
.red .timetable-decorator2 { background:url("../../images/color/timetable-decorator2_red.png");}*/
.red .timetable-decorator {
  background: url("../elixir-jellythemes/images/color/timetable-decorator_red.png");
}
.red .timetable-decorator2 {
  background: url("../elixir-jellythemes/images/color/timetable-decorator2_red.png");
}
/* MENU red COLOR */
.red section.menu h3 {
  color: #A50000;
}
.red section.menu span {
  color: #A50000;
}
.red a.button.menu, .red .button.menu {
  border: 2px solid #A50000;
  color: #A50000;
}
.red a.button.menu:hover, .button.menu:hover {
  color: #ffffff;
  background: #A50000;
}
.red section.menu .title {
  color: #A50000;
}
.red section.menu .subtitle {
  color: #87A537;
}
/* GALLERY red COLOR */
.red nav.primary ul li a.selected span, .red nav.primary ul li a span:hover {
  border-bottom-color: #A50000;
}
/* RESERVATIONS red COLOR */
/*.red .reservations_logo {background:url("../../images/color/reservations_logo_red.png");}
*/ .red a.button, .red .button {
  border-color: #A50000;
  color: #A50000;
}
.red a.button:hover, .red .button:hover {
  background: #A50000;
  color: #ffffff;
}
/* TESTIMONIALS red COLOR */
/*.red .testimonials_img {background:url("../../images/color/testimonials_logo_red.png");}
*/ .red section.testimonials h2 {
  color: #A50000;
}
.red .item span.author {
  color: #A50000;
}
.red .carousel-wrapper.with_pagination .owl-theme .owl-controls .owl-page span {
  border-color: #A50000;
}
.red .testimonials.carousel-wrapper.with_pagination .owl-controls .owl-page.active span, .red .testimonials.carousel-wrapper.with_pagination .owl-controls.clickable .owl-page:hover span {
  background: #A50000;
}
/* CONTACT red COLOR */
.red a.button.contact, .red .button.contact {
  color: #ffffff;
  background: #A50000;
}
.red a.button.contact:hover, .red .button.contact:hover {
  color: #A50000;
  background: #ffffff;
}
/* FOOTER red COLOR */
.red #footer .social li .icon:hover, .red .comment-reply-link, .red #respond input[type=submit] {
  background: #00A158;
}
.red a {
  color: #A50000;
}
.menu-logo {
  margin-bottom: 0px !important;
}
.jt_col {
  margin-bottom: 0px !important;
}
section.menu {
  background-image: url("../../uploads/2020/10/Wileys_Ribs_3.jpg"), url("../../uploads/2020/10/Wileys_Wings-2.jpg");
}
section.menu h3 {
  font-size: 28px !important;
  font-weight: 400 !important;
  margin-top: 45px;
  margin-bottom: 10px;
}
#menu.menu ul li .detail > span {
  display: inline-block !important;
  margin-top: -18px !important;
  /*transform: translateX(100px);*/
}
.nopadding {
  padding: 0px !important;
}
#catering.menu ul li .detail > span {
  display: inline-block !important;
  margin-top: -18px !important;
  transform: translateX(100px);
}
#catering.menu ul li {
  padding-right: 100px !important;
}
.all-american {
  text-transform: uppercase;
  font-family: "Bitter", sans-serif;
  font-size: 15px;
  color: #0c0901;
  margin-bottom: 20px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
.slide-content .voffset100 {
  margin-top: 100px !important;
}
/*section.menu:after {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.5);
}*/
.menu-subtitle {
  margin-bottom: 10px !important;
}
.menu-subtitle h3 {
  text-transform: capitalize !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
section.timetable {
  margin-bottom: 30px !important;
}
a.button.menu, .button.menu {
  margin-bottom: 0px !important;
  height: auto !important;
}
a.button, .button {
  height: auto !important;
}
#footer {
  height: auto !important;
}
.custom-footer-div {
  margin-top: 20px;
  text-align: left;
  font-family: 'BitterRegular';
  font-size: 16px;
  color: #777777;
}
@media only screen and (max-width : 1741px) {
  section.menu {
    box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.5);
  }
}
@media only screen and (min-width : 1230px) {
  .red section.timetable .jt_col:nth-child(2), .red section.timetable .jt_col:nth-child(3), .red section.timetable .jt_col:nth-child(4) {
    background-image: url("../elixir-jellythemes/images/color/column-divider_red.png");
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width : 1025px) {
  #owl-main-text h2 {
    font-size: 50px !important;
  }
  section.menu > .container {
    width: 80% !important;
  }
}
@media only screen and (max-width : 1024px) {
  .section .title {
    font-size: 14px;
    line-height: 37px;
    padding-top: 20px;
    margin-bottom: 15px;
  }
    .logointro img {
        width: 264px!important;
        max-height: 314px!important;
    }
}
@media only screen and (min-width : 768px) and (max-width : 905px) {
  /* NAVBAR BUTTON  */
  .navbar-nav > li.ss-nav-button {
    /*	margin:0 auto!important;
	margin-top:0px!important;
	margin-right:auto!important;
	margin-bottom:0px!important;
	margin-left:auto!important;
	float: right!important;
	left: -50%;*/
  }
  .nav-home-link {
    display: none !important;
  }
}
@media only screen and (min-width : 768px) {
  .logo, .mobile-header-call-button {
    display: none !important;
  }
  .navbar-nav {
    right: auto !important;
    left: 50% !important;
    float: none !important;
    transform: translate(-50%);
    margin-right: -50% !important;
    text-align: center !important;
  }
  .navbar-collapse.navbar-right {
    float: inherit !important;
    text-align: center !important;
  }
  /* NAVBAR BUTTON Give the link some padding and some color */
  .navbar-nav > li.ss-nav-button {}
  .navbar-nav > li.ss-nav-button > a {
    padding: 5px 18px !important;
    color: #ffffff !important;
    border-radius: 5px;
    background-color: #F2AD44;
  }
  /* Give the button a hover & active state */
  .navbar-nav > li.ss-nav-button > a:active, .navbar-nav > li.ss-nav-button > a:hover {
    color: #ffffff !important;
    background-color: #50728E !important;
  }
  .slide-content {
    bottom: 150px;
  }
  .custom-footer-left {
    float: left;
  }
  .custom-footer-right {
    float: right;
  }
}
@media only screen and (max-width : 767px) {
  /* NAVBAR BUTTON Give the link some padding and some color */
  .navbar-brand {
    left: 0px !important;
  }
  .mobile-header-call-button {
    display: inline-block !important;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
  }
  .mobile-header-call-button > a {
    padding: 5px 18px !important;
    color: #ffffff !important;
    border-radius: 5px;
    background-color: #F2AD44;
  }
  /* Give the button a hover & active state */
  .mobile-header-call-button > a:active, .mobile-header-call-button > a:hover {
    color: #ffffff !important;
    background-color: #50728E !important;
  }
  #owl-main-text h2 {
    font-size: 20px !important;
  }
  #owl-main .owl-item {
    overflow: auto !important;
  }
  #owl-main img {
    position: absolute;
    max-width: none;
    top: 0;
    margin-left: -90% !important;
  }
  .slide-content {
    z-index: 1000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: table-cell;
    vertical-align: middle;
    height: 530px;
    margin: auto;
    bottom: 150px;
    text-align: center;
  }
  section.menu > .container {
    width: 100% !important;
  }
  .logointro img {
    margin-top: 0px !important;
  }
  .custom-footer-div {
    text-align: center;
  }
  .custom-footer-left {
    float: none;
  }
  .custom-footer-right {
    float: none;
  }	
}
#header .navbar-toggle {
  color: #A50000 !important;
}
@media (max-height: 800px) {
  .mouse {
    display: inline-block !important;
  }
  .slide-content p {
    display: none !important;
  }
}
@media only screen and (max-height : 750px) {
  .slide-content .voffset100 {
    margin-top: 200px !important;
  }
}
@media only screen and (min-width : 768px) and (max-width: 1900px) {
  .logointro img {
    margin-top: 50px !important;
  }
}
@media only screen and (min-width : 768px) and (max-width: 850px) {
  #nav-menu-item-390 {
    display: none !important;
  }
}
.wpautoterms-footer {
  display: none !important;
  /*width: 100%;
    position: relative!important; 
    bottom: 0px!important; 
    z-index: 2147483647!important;
	background-color: transparent!important;*/
}
.footer-legal {
  /*position: absolute!important; 
    bottom: 0px!important; 
    z-index: 2147483647!important;
	margin: auto!important;*/
}
.post-meta h6 {
  display: none !important;
}
.error-404 {
  margin: 0 auto;
  text-align: center;
  min-height: 500px;
}
.error-404 .error-code {
  bottom: 60%;
  color: #4686CC;
  font-size: 96px;
  line-height: 100px;
  font-weight: bold;
}
.error-404 .error-desc {
  font-size: 12px;
  color: #647788;
}
.error-404 .m-b-10 {
  margin-bottom: 10px !important;
}
.error-404 .m-b-20 {
  margin-bottom: 20px !important;
}
.error-404 .m-t-20 {
  margin-top: 20px !important;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0.5em 0.5em 1em;
  padding: 1em 1em;
  color: #fff !important;
  z-index: 2147483647 !important;
}
.grecaptcha-badge {
  visibility: hidden;
}
#timetable {
  margin-bottom: 0px !important;
}
.vc_element .jt_row {
  opacity: 1 !important;
}
.location .jt_row {
  padding-bottom: 70px !important;
}
.cd-top {
  bottom: 20px !important;
}
.newHeaderClass {
	top:0px!important;
}

.jt_row {
	opacity: 1!important;
	-webkit-transition: opacity 1s ease-in;
	-o-transition: opacity 1s ease-in; transition: opacity 1s ease-in;
}