/*
	primary color - #e38b23
	secondary color -
*/

/* Layout
-------------------------------------------------------------------*/
body { font: 62.5%/1.5 'Changa', Helvetica, Arial, sans-serif; background: url(../images/pattern_white.png) center center repeat; overflow-x: hidden; }


/* Text / Links
-------------------------------------------------------------------*/
p, .p,
.main-content li,
.main-content dl,
.main-content table { color: #333; font-size: 1.6em; }
.main-content li li,
.main-content li p { font-size: 1em; }
.main-content p,
.main-content ul,
.main-content table,
.main-content img { margin-bottom: 15px; }

h1, h2, h3, h4 { color: #333; line-height: 1.5; margin-bottom: 10px; font-family: 'Changa', sans-serif; text-transform: uppercase; font-weight: 600; }
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2em; }
h4 { font-size: 1.7em; }

.title-1 { font-size: 2.5em; }

a { color: #e38b23; text-decoration: none; transition: all .2s ease-in; }
a:hover,
a:focus { color: #333; text-decoration: none; }
/* .main-content a:hover { text-decoration: underline; } */

.btn { background: #fff; padding: 6px 10px 6px 10px; color: #333; display: inline-block; border-radius: 2px; font-family: 'Changa', sans-serif; font-size: 1.5em }
.btn:hover { text-decoration: none; background: #000; }
.btn.btn-primary { background-color: #e38b23; color: #fff; border: none; }
.btn.btn-primary:hover { background-color: #c37519; }
.btn .fa { color: #fff; }
.btn .fa-caret-right { padding-right: 4px; top: 11px; }

@keyframes glowing {
  0% { box-shadow: 0 0 -10px #e38b23; }
  40% { box-shadow: 0 0 20px #e38b23; }
  60% { box-shadow: 0 0 20px #e38b23; }
  100% { box-shadow: 0 0 -10px #e38b23; }
}

.button-glow {
  animation: glowing 2000ms infinite;
}

.phone-icon {  display: inline-block; text-align: center; margin: 2px 0 0 10px; float: left; }
.phone-icon .fa { position: relative; top: 1px;  }

.navbar .fa { background-color: #000; color: #fff; font-size: 2em; padding: 6px 10px; background-color: #000; border-radius: 4px; }
.navbar .fa:hover { background-color: #333; }

/* mobile button */
.navbar-default .navbar-toggle { border: none; padding: 0;  }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background: #222; }

.navbar-toggle .icon-bar { width: 30px; margin: 4px 0; }


/* Header
-------------------------------------------------------------------*/
.navbar { clear: both; float: right; width: 95px; }
.navbar .navbar-header { float: left; }

header.main { padding: 34px 0; position: fixed; width: 100%; z-index: 100; top: 0; left: 0; background: #fff; transition: all .2s ease-in; box-shadow: 0px 0px 6px 0px #555; }
.admin-bar header.main { margin-top: 46px; }
@media screen and (min-width: 782px) {
	.admin-bar header.main { margin-top: 32px; }
}
header.main .logo { position: absolute; top: 0; left: 20px; margin-left: 0; z-index: 100; opacity: 1; }
header.main .logo a { display: block; }
header.main .logo svg { width: 160px; transition: all .2s ease-in; position: relative; }
header.main .logo svg:hover { top: 1px; }
header.main .logo svg:hover .st1 { fill: #e38b23; }
header.main .logo svg:hover .black { fill: #e38b23; }

.push { height: 107px; }

body.header-smaller header.main { padding: 10px 0; }
body.header-smaller .logo { margin-left: 0; }
body.header-smaller .logo svg { width: 90px;
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

@media screen and (min-width: 500px) {
	header.main .logo { left: 50%; margin-left: -80px; }
	body.header-smaller .logo { margin-left: -45px; }
}

@media screen and (min-width: 992px) {
	header.main .logo { margin-left: -100px; }
	body.header-smaller .logo { margin-left: -70px; }
}

header.main .header-right { float: right; }
header.main .header-right .top-content { float: right; margin: 15px 0 25px 0; }


/* Nav
--------------------------------*/
header.main .nav li { margin-left: 10px; float: left; }
header.main .nav li a.link:hover { color: #e38b23; }
header.main .nav li .btn { margin-left: 10px; }
header.main .nav li a.link { font-size: 1.7em; color: #333; padding: 6px 10px; display: inline-block; font-family: 'Changa', sans-serif; text-transform: uppercase; }

@media screen and (min-width: 1200px) {
	header.main .nav { padding: 0 10%; }
}



/* Template - styles used for every page
-------------------------------------------------------------------*/
.paper-pattern { background: url(../images/pattern_white.png) center center repeat; }
.wood-pattern { background: url(../images/wood_1.png) center center repeat; }
.wood-pattern * { color: #fff; }
.orange-pattern { background: url(../images/pattern_orange.jpg) center center repeat; }
.orange-pattern * { color: #fff; }

.sidebar > ul > li { font-size: 1.8em; }
.sidebar ul li ul { margin-left: 20px; }
.sidebar > ul > li ul li { font-size: .8em; }
.sidebar ul li a { display: block; padding: 5px; }
.sidebar ul li.active a { color: #fff; background: #e38b23; border-radius: 2px; }

.blog-pagination { font-size: 1.5em; margin-top: 20px; text-align: center; }
.blog-pagination span { color: #222; }
.blog-pagination span,
.blog-pagination a { display: inline-block; margin: 0 5px; padding: 5px 8px; background-color: #fff; -webkit-border-radius: 4px; border-radius: 4px; }

.bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover; }
.bg-image * { color: #fff; }
.overlay { background-color: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; }
.bg-content { z-index: 101; position: relative; }

.col-padded { padding: 0 15px; }

a.hover-fade:hover img { opacity: .8; }
a.hover-fade:hover { text-decoration: none; }
a.hover-fade:hover h2 { color: #e38b23; }


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* queen of hearts
-------------------------------------------------------------------*/
.qof-sidebar .title { font-size: 26px; }
.qof-sidebar ul li { font-size: 20px; border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; text-indent: 6px; }
.qof-sidebar ul li a { display: block; }
.qof-sidebar ul li .fa { font-size: 16px; }



/* menu
-------------------------------------------------------------------*/
.row-border.first { border-top: 1px dashed #000; }
.row-border { border-bottom: 1px dashed #000; margin-bottom: 4px; padding-bottom: 4px; width: 100%; }
.menu-item { margin-bottom: 4px; padding-bottom: 4px; width: 100%; }
.menu-item .title { padding: 8px 0; font-size: 1.8em; line-height: 1; margin-bottom: 0; }
.menu-item .title small { display: block; font-size: .6em; font-family: Helvetica, Arial, sans-serif; color: #777; margin-top: 5px; line-height: 1.2; }
.menu-item .price { font-size: 1.5em; margin-top: 5px; display: block; font-weight: bold; text-align: right; }

.sidebar { margin-bottom: 30px; }
@media screen and (min-width: 768px) {
	.sidebar { float: right; margin-bottom: 0; }
}
.category-title { margin-bottom: 20px; }
.page-id-174 .category-title a { font-size: .5em; position: relative; top: 7px; margin-left: 10px; }

.page-id-174 table td { border: 1px solid #333; padding: 5px; }


/*
.pizza-bg { position: relative; background:#333 url('/wp-content/uploads/2018/01/pizzabg2.jpg') center center no-repeat; background-size: cover; padding: 20px; margin: 20px 0; }
.pizza-bg .overlay { background-color: rgba(0,0,0,.2); }
.pizza-bg ul { position: relative; z-index: 10; list-style-type: none; padding-left: 40px; margin: 0; }
.pizza-bg ul li { color: #fff; padding-right: 22px; margin-bottom: 7px; }
.pizza-bg ul li h4 { color: #fff; font-size: 20px; border-bottom: 1px solid #fff; }
.pizza-bg ul li span { color: #ccc; }
*/

.pizza-bg { }
.pizza-bg ul { list-style-type: none; padding-left: 0; margin: 0; }
.pizza-bg ul li { color: #333; padding-right: 22px; margin-bottom: 15px; }
.pizza-bg ul li h4 { color: #333; font-size: 20px; margin-bottom: 2px; }
.pizza-bg ul li span { color: #555; display: block; border-top: 1px solid #ccc; padding-top: 2px; }

@media screen and (min-width: 768px) {
/* 	.pizza-bg ul li { width: 50%; float: left; } */
}

/* about
-------------------------------------------------------------------*/
.img-responsive { margin: 0 auto; }





/* contact
-------------------------------------------------------------------*/
.page-id-154 .hero .image { background-position: right center; }
.page-id-154 .main-content h3 { margin-bottom: 0px; }
.page-id-154 table td { padding-right: 10px; }
.page-id-154 table { width: 240px; }
.nf-response-msg p { color: green; }

@media screen and (max-width: 991px) {
	.page-id-154 table { margin: 0 auto; }
}


/* menu
-------------------------------------------------------------------*/
.term-info { display: none; }
.term-info.dinners { display: block; }



/* events
-------------------------------------------------------------------*/
.event-title { font-size: 1.8em; min-height: 38px; line-height: 1.1; }
.single-post .event-title { font-size: 2em; line-height: 1.3;  margin-top: 10px; }
.event-date p { margin-bottom: 10px; }
.event-post { margin-bottom: 40px; }

@media screen and (max-width: 767px) {
	.mobile-center { text-align: center; }
	.mobile-center img { display: inline; }
}


.single-post .main-content ul { list-style-type: disc; padding-left: 40px; }
.single-post .main-content ul li { margin-bottom: 10px; }


/* Home
-------------------------------------------------------------------*/
.home section { position: relative; z-index: 1; }
.hero { position: relative; }

.hero .hero-content .hero-title {margin-bottom: 10px; color: #fff; font-size: 1.8em; padding: 0 20px; text-shadow: 0 0 4px #222; }
.hero .hero-content .subtitle { color: #fff; font-size: 2.5em; text-shadow: 0 0 4px #222; }
.home .hero .hero-content .hero-title { margin-bottom: 30px; padding: 0 4%; }

@media screen and (min-width: 480px) {
	.hero .hero-content .hero-title { font-size: 3em; padding: 0; }
}
@media screen and (min-width: 992px) {
	.hero .hero-content .hero-title { font-size: 3.5em; width: 900px; margin: 0 auto 30px auto; }
	.home .hero .hero-content .hero-title { padding: 0; }
}

.hero .image { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.hero.interior-hero .image { height: 400px; }

.cycle-slideshow { height: 100% !important; z-index: 10; }

.intro .title-1 { font-size: 2.4em; width: 80%; margin: 0 auto; line-height: 1.2; margin-bottom: 15px; }
.intro p  { font-size: 1.8em; }
@media screen and (min-width: 480px) {
	.intro .title-1 { font-size: 2em; }
}
@media screen and (min-width: 992px) {
	.intro .title-1 { font-size: 2.5em; }
}

.hero .hero-arrow { position: absolute; bottom: 20px; z-index: 101; text-align: center; width: 100%; }
.hero .hero-arrow i.fa { color: #D1D3D4; font-size: 5em; }
.hero .hero-arrow a:hover i.fa { color: #fff; }

.home .buckets .main-content .subtitle { text-transform: uppercase; color: #e38b23; margin-bottom: 10px; font-size: 1.5em; line-height: 1; }

@media screen and (min-width: 1200px) {
	.gallery-lunch { background-position: center -100px; }
}
.gallery-lunch .lunch-specials .row { margin-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,.4); padding-bottom: 15px; }
.gallery-lunch .lunch-specials .row.last { border-bottom: none; margin-bottom: 0;}
.gallery-lunch .lunch-specials span { font-size: 1.5em; }
.gallery-lunch .gallery {  }
.gallery-lunch .gallery img { margin-bottom: 30px; }




.slick { position: relative; overflow: hidden; padding: 0 30px 50px 30px; display: table; table-layout: fixed; width: 100%; }
.slick .slide { padding: 0 30px; outline: none; float: left; width: 23%; }
.slick-prev, .slick-next {
    position: absolute;
    top: 34%;
    z-index: 1000;
    font-size: 6em;
    color: #999;
    cursor: pointer;
}
.slick-prev { left: 0; }
.slick-next { right: 0; }



/*
ul.slick-dots {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
}

ul.slick-dots li {
	position: relative;
	display: inline-block;
}

ul.slick-dots li button {
	text-indent: -99999px;
	display: block;
	width: 14px;
	height: 14px;
	padding: 5px;
	margin: 0 5px;
	cursor: pointer;
	border: 0;
	outline: none;
	background: #ccc;
	border-radius: 50%;
}
ul.slick-dots li.slick-active button { background: #666; }
*/



/* Footer
-------------------------------------------------------------------*/
footer.main p { font-size: 1.4em; }
footer.main a { color: inherit; text-decoration: underline; }

footer.main .contact-info h4 { margin-bottom: 30px; }
footer.main .contact-info .row { margin-bottom: 20px; }
footer.main .contact-info .row .col-sm-2 { padding-right: 0; }
footer.main .contact-info .fa { font-size: 3em; }
footer.main .contact-info .fa.fa-map-marker { margin-top: 5px; }
footer.main .contact-info .fa.fa-clock-o { margin-top: 7px; }
footer.main .contact-info .text { font-size: 1.4em; }
footer.main .contact-info a:hover { text-decoration: none; opacity: .5; }

footer.main .footer-social .text { font-size: 1.4em; text-transform: uppercase; }

footer.main ul.social-links .fa { margin-right: 12px; width: 20px; text-align: center; }
footer.main ul.social-links li a { font-size: 1.6em; display: block; margin-bottom: 10px; text-decoration: none; border-bottom: 1px solid #555; padding-bottom: 5px; text-indent: 5px; }
footer.main ul.social-links li:last-child a { border: none; padding: 0; }
footer.main ul.social-links li a:hover { color: #ccc; }

.mailchimp form input { font-size: 1.4em; border-radius: 2px; border: none; padding: 5px 10px; }
.mailchimp form input:focus { outline: none; }

.mailchimp form input[type="text"],
.mailchimp form input[type="email"] { max-width: 300px; width: 100%; margin-bottom: 15px; background: #333; border: 1px solid #555; }

.mailchimp form input[type="text"]:hover,
.mailchimp form input[type="email"]:hover,
.mailchimp form input[type="text"]:focus,
.mailchimp form input[type="email"]:focus { border-color: #999; }

.mailchimp form .submit-container { padding-left: 0; }
.mailchimp form input[type="submit"] { color: #333; background: #e38b23; color: #fff; display: block; }

.mailchimp form input[type="submit"]:hover,
.mailchimp form input[type="submit"]:focus { background: #c37519; }
.mailchimp .response { font-size: 1.2em; margin-bottom: 10px; }

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	body.header-smaller header.main .logo { top: -36px; }
}


/* Responsive
-------------------------------------------------------------------*/
.navbar-toggle { margin: 4px 10px 4px 0; }
@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 768px) {
	.wow { visibility: hidden; }
}

@media screen and (min-width: 480px) {

}

@media screen and (max-width: 1199px) {

}

@media screen and (max-width: 991px) {
	.mobile-md-center { text-align: center; }
	.mobile-md-pad-bottom { margin-bottom: 30px; }
}

@media screen and (max-width: 767px) {
	.home .buckets .main-content.col-padded { margin-bottom: 30px; }
	.wow{ animation-name: none !important; visibility: visible !important; }
}

@media screen and (max-width: 479px) {

}