/*
 Theme Name:   Candy Restaurant
 Theme URI:    http://www.candythemes.com/demo/restaurant/
 Description:  Divi child theme inspired by the great Avada WP theme
 Author:       CandyThemes
 Author URI:   http://www.candythemes.com
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Hide top-header bar */
#top-header { display:none; }


/* Center Social Icons */
.et_vertical_nav #main-header .et-social-icons {
    float: none !important;
	margin-top:25px;
}

/* Make the Vertical Navigator wider */
@media screen and (min-width: 980px) {
body.et_vertical_nav #main-header #logo {
max-width: 150px !important;

}}

@media (min-width: 981px) {
.et_vertical_nav #page-container #main-header {
width: 325px;
}
}

@media only screen and (min-width: 980px) {
.et_vertical_nav #main-content, #main-footer, #top-header {
margin-left: 100px !important;
}
}

/* Style Main Header Navigation */
.et_vertical_nav #main-header #top-menu li ul {
    border-left-style: solid;
    border-left-width: 0;
    border-top: medium none;
}
.et_vertical_nav #main-header #top-menu li ul {
	top: -45px;
    left: 325px;
}

.et_vertical_nav #main-header #top-menu li ul  li a{
    padding: 10px 0!important;
}

.et_vertical_nav #main-header #top-menu > li > a::after {
	top:20px;
}

#top-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children > a:first-child::after {
    content: "5";
}

.nav li ul {
    padding: 0;
}

/* Style Google Maps */
.et_pb_map_container { 
    filter: url("data:image/svg+xml;utf8,#grayscale"); 
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

.et_pb_map { height: 100vh; }

/* Change site background color */
#main-content {background-color:#313539;}

/* Make the menu font size larger */
.menu h3 { font-size: 35px; }
.menu h4 { font-size: 20px; color:#ab8b65 !important; margin-bottom:25px;}

/* Style Posts */
.et_post_meta_wrapper h1, .main_title, .cross-sells h2, .woocommerce-billing-fields h3, h3#order_review_heading {color:#f1f1f1; }

/* Style Post Comment Input Field */
#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"], #searchform  input[type="text"] {
    background-color: #2e3135;
    border: medium none;
    color: #999;
    font-size: 18px;
    padding: 12px;
}

/* Style Post Comment Title and Widget Titles */
#reply-title, .widgettitle, .product_title  { color: #f1f1f1;}

/* Style WooCommerce Submit button */
.woocommerce #respond input#submit, .woocommerce .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce  .woocommerce-page #content input.button, .woocommerce  .woocommerce-message, .woocommerce  .woocommerce-error, .woocommerce  .woocommerce-info {
    border-color: #2e3135!important;
	background-color: transparent !important;
	color: #f1f1f1;
}

.woocommerce input#submit {background:none !important; }
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page #content input.button:hover {
	color: #f1f1f1 !important;
}

#add_payment_method #payment, .woocommerce-checkout #payment {
    background: #2e3135 none repeat scroll 0 0;
    border-radius: 5px;
}

/* Remove sidebar vertical divider line */
.container::before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right: 0 !important; }


/* Style Sidebar Search Input Field */
.widget_search #searchsubmit {
    background-color: #ab8b65;
}

.widget_search input#s, .widget_search input#searchsubmit {
    border: 1px solid #2e3135;
    color:#f1f1f1;
}

/* Style Sidebar List Items */
.et_pb_widget li  {
	border-bottom: 1px dotted #ab8b65;
	padding: 2% 0;
}

.et_pb_widget a {
text-transform: uppercase;
}

/* Hide select page on mobile */
.select_page { display:none !important;}

/* Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before {
	border-bottom-color: #2e3135;
}

body.woocommerce .woocommerce-tabs {
	border: 1px solid #2e3135;
}

body.woocommerce .woocommerce-tabs h2 {
	color: #f1f1f1;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs {
	background: #2e3135;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li,
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active {
	margin: 0 -2px;
	padding: 0;
	border: none;
	border-right: 1px solid #2e3135;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: none;
	background: #2e3135;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active {
	background: #2e3135 !important;
color:#fff;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a {
	padding: 4px 22px !important;
	color: #666 !important;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a {
	color: #f1f1f1 !important;
}

/*------------------------------------------------*/
/*-------------[BLOG SMALL IMAGES]----------------*/
/*------------------------------------------------*/
/*feature thumbnails alongside post titles on blog page*/
 
   .blog_small_image .et_pb_posts .et_pb_post a img {
            max-width: 250px!important;
            float: left !important;
            padding-right: 20px !important;}
 
    @media only screen and (max-width: 980px) {
        .blog_small_image .et_pb_posts .et_pb_post a img{
            float:none !important;
            max-width: 100%!important;}}

	.blog_small_image  .et_pb_posts .et_pb_post { min-height:145px; clear:both;}
	
	.blog_small_image_no_sidebar .et_pb_posts .et_pb_post { min-height:145px; clear:both;}
	
	   .blog_small_image_no_sidebar .et_pb_posts .et_pb_post a img {
            max-width: 250px!important;
            float: left !important;
            padding-right: 20px !important;}
 
    @media only screen and (max-width: 980px) {
        .blog_small_image_no_sidebar .et_pb_posts .et_pb_post a img{
            float:none !important;
            max-width: 100%!important;}}

	.blog_small_image .et_pb_posts .et_pb_post { margin-bottom: 10%;}
	

hr.header_underline {
    border: 0;
    height: 1px;
    background-color: #ab8b65;
    width: 60%;
	margin-bottom:5%;
	}

	
	
/* Custom classes */

.hidden { display: none !important; }

.sitemap h1{ }
.sitemap h3{ color:#f1f1f1;  }

/* Style Contact Form 7 */
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-date, .wpcf7-select {
background-color: rgba(46, 49, 53, 0.97) !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.wpcf7-submit, .otw-submit {
color: #ab8b65 !important;
margin: 8px auto 0;
cursor: pointer;
font-size: 20px;
font-weight: 500;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px 20px;
line-height: 1.7em;
background: transparent;
border: 2px solid;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

.wpcf7-submit:hover, .otw-submit:hover {
color: #aaa9a9 !important;
border-color:#aaa9a9;
padding: 4px 20px !important;
}

.wpcf7-text, .wpcf7-date, .wpcf7-select {
width: 50% !important;
}

.wpcf7-list-item {
display: block !important;
padding: 5px 15px !important;
}

.wpcf7-select select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

input[type=file] {
background-color: rgba(46, 49, 53, 0.97) !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #999 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* Style Open Table Widget */
.otw-button-wrap { }

.otw-submit {
margin-top: 4px !important;
}

#fullwidth-ot .open-table-widget {
  box-sizing: border-box;
  display: block;
  width: 100%;
}

#fullwidth-ot .otw-input-wrap {
  box-sizing: border-box;
  float: left;
  padding: 6px 30px 0 0;
  width: 25%;
}

#fullwidth-ot .otw-input-wrap {
  margin: 0 0 15px;
}

#fullwidth-ot .otw-button-wrap {
  float: left;
  width: 25%;
}

#fullwidth-ot .powered-by-open-table {
clear:both;
  float: left;
padding-left:60px;
}

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

#fullwidth-ot .otw-input-wrap {
  box-sizing: border-box;
  float: none;
  padding: 6px 30px 0 0;
  width: 100%;
}
}

#fullwidth-ot .otw-wrapper label { display:none !important;}

/* Style Opening Hours Widget */
.op-overview-set { white-space: nowrap !important;}

.op-overview-times { text-align: right ! important;}

tr.op-overview-row {
border-bottom: 1px #555 dotted !important;
}

.entry-content table, body.et-pb-preview #main-content .container table {
  border: 0 !important;
  margin: 0 !important;}

.entry-content tr th, .entry-content thead th, body.et-pb-preview #main-content .container tr th, body.et-pb-preview #main-content .container thead th {
  padding:0 !important;
}

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
  border-top: 0;
  padding: 5px;
}

/* Remove background color from mobile view */
.et_header_style_centered #main-header .mobile_nav {
background: none !important;
}



/* Responsive Styles Standard Desktop Only */
@media all and (min-width: 981px) and (max-width: 1405px) {

}

/* Responsive Styles Desktop Only */
@media all and (min-width: 981px) {

/* Style Navigation (Vertical Menu left) */
.et_vertical_nav #main-header .container {
    margin: 0 40px 0 0;
    width: auto;
}

.et_vertical_nav #main-header {
   border-right: 1px solid #313539;
}

.et_vertical_nav #main-header  #top-menu li a {
	border-top: 1px solid #313539;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

#top-menu li li a {
    padding: 0 4px !important;
	margin-right:0;
    width: 100%;
}

.et_vertical_nav #main-header #top-menu > li > a:hover {
    color: #ab8b65 !important;
}

.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a {
    border-right: 1px solid #ab8b65 !important;
}

}

/* Responsive Styles 981px - 1100px */
@media all and (min-width: 981px) and (max-width: 1100px) {

}

/* Responsive Styles Tablet And Below */
@media all and (max-width: 980px) {

}

@media all and (max-width: 768px) {

#logo { 
float: left !important; 
}

.et_vertical_nav #main-header .et-social-icons {
    float: right !important;
    margin-top:-30px !important;
}
}

/* Responsive Styles Smartphone Only */
@media all and (max-width: 767px) {

#logo {
float: left !important;
}

.et-social-icon a {

    font-size: 10px;

 
}


.et_vertical_nav #main-header .et-social-icons {
    float: right !important;
    margin-top:-30px !important;
}

}

/* Responsive Styles Smartphone Portrait */
@media all and (min-width: 480px) {

}


/* Responsive Styles Smartphone Portrait */
@media all and (max-width: 479px) {

}