/*!
Theme Name:   Monument Valley Child
Template:     monument-valley
Theme URI:    https://github.com/webmandesign/child-theme/
Author:       WebMan Design
Author URI:   https://www.webmandesign.eu/
Version:      1.0.0
Description:  You can change this description text in your child theme's "style.css" file.
License:      GNU General Public License v3
License URI:  http://www.gnu.org/licenses/gpl-3.0.html

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.

IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md
and rename CHILD_THEME_NAME and PARENT_THEME_SLUG in this file appropriately!
*/

/* Put your custom CSS styles below... */

div.textwidget {color:black;font-size:1em}

h2.widget-title {font-size:1em}

div.textwidget.openhours {color:#ffffff}

.main-navigation-container .menu > ul > li > a {font-weight:bold;color:#ffffff !important}

.menustyle1 {text-align:center;border:1px solid black;padding:0.5em;font-weight:bold;margin-bottom:1em !important}

.menustyle2 {text-align:center;border:1px solid green;padding:0.5em;font-weight:bold}

.child-page-image, .child-page-title, .child-page-summary {text-align:center}

.link-more {display:none}

.text-white {color:#ffffff}

address.text-white, .openhours {font-weight:bold;color:#ffffff}

.openhours {color:#ffffff}

.lh_menu_note {text-align:center;color:#008500;font-weight:700;text-transform:uppercase}

.important-notice {color:red;border:1px solid red}

/* .intro-title  {color:#000000 !important} /* balck */

.intro:not(.no-text-shadow) {text-shadow: none !important}

.page-summary {color: black;font-weight:bold}

.child-page-title > a{display:none}

.fl-col-content{ /* not display webman's theme demo image sample */
	background-image: none !important;
}

.lhimage {padding-bottom:0.5em}

/* checkout page: handling label */
#shipping_method > li:nth-child(1) > label:nth-child(2)  {float:right}

.announcement {text-align:center;border:1px solid black;font-weight:bold;color:black;padding:1em 1em;margin-bottom:1em}

.announcement-1 {background-color:red;color:#ffffff;text-align:center;font-weight:bold;padding:1em 1em 2em 1em;margin-bottom:1em} 

.announcement-header {color:black}

.announcement-header-1 {color:#ffffff}

.lh_alert_section {border:1px solid red;font-size:1.5rem;font-weight:bold;text-align:center;padding:1rem 1rem;margin-bottom:1em}

.lh_alert {color:orange;font-size:1.5rem}

.lh_social_section {border:1px solid green;font-size:1.5rem;font-weight:bold;
	text-align:center;padding:0 1rem 1rem 1rem 1rem;margin-bottom:1em;
	line-height: 4rem
}

ul.lh_social_list {list-style-type: none;margin-left:0}

.lh_as_icon {height:6rem;width:6rem}

.lh_title_bar {text-align:center;background-color:darkgreen;color:#ffffff;line-height:2rem;font-size:1.5rem;
margin:-1px -1px 1em 0;padding:0.4rem 0.4rem}

.lh_content_section {padding-bottom:2rem}

.lh_title_bar, .lh_social_section {
	border-top-left-radius:0.6rem;
    border-top-right-radius:0.6rem
}

.wp-block-button__link {background-color:#008500}

.intro-container {
	background-position: 0px 10.5em;
    background-repeat: no-repeat;
}

span.lh_item_price {float:right;font-weight:bold;color:black}

.buttoncenter {text-align:center}

img.lh_product_thumbnail {float:left;margin-right:1em;height:6.25em;width:6.25em}

.item-wrapper {display:inline-block;margin-top:2em}

.listitem {width:100%}

.listitem5 {height:5vh;overflow:auto} /* food menu's item (w/o thumbnail image & w/o description) height responsive */

.listitem7 {height:7vh;overflow:auto}

.listitem9 {height:9vh;overflow:auto} /* food menu's item (w/o thumbnail image & has desciption) height responsive */

.listitem11 {height:14vh;overflow:auto} /* food menu's item (with thumbnail image & w/o desc) height responsive */

.listitem13 {height:13vh;overflow:auto} /* food menu's item (with thumbnail image & desc) height responsive. On Phone, long description will overflow:auto */

.listitem15 {height:15vh;overflow:auto} /* food menu's item (with thumbnail image & desc) height responsive. On Phone, long description will overflow:auto */

.lh_item_title, .lh_item_title_upper {font-weight:bold;color:black}

.lh_item_title_upper {text-transform: uppercase}

.lh_item_desc {font-style:italic;color:black}

.lh_menu_category {background-color:#00510d;color:#ffffff;margin-bottom:1em !important;text-align:center;border-radius:0.3em}

.lh_category_desc {text-align:center;color:#00510d;font-weight:bold}

.lh_category_fnote {text-align:center;font-style:italic;color:#00510d;font-weight:bold;margin-top:2.5em}

.lh_menu_subcategory {color:#00510d;margin:1em 0 1em 0;font-size:1.25em;font-weight:bold;text-decoration:underline;text-align:center}

.lh_option {color:black}

ul.foodlist {list-style-type: none;margin-left:0}

/*
span.lh_option::first-letter {
  font-weight: bold;text-transform: uppercase;
}*/

.lh_options {font-size:1.275rem;text-align:center;margin-bottom:2em}

@media screen and (max-width: 28em) { /* madebymike.com.au/writing/fluid-type-calc-examples */
  .lh_options {
    font-size: calc(0.875rem + 0.5 * ((100vw - 20rem) / 60));
  }
}

@media screen and (min-width: 80rem) {
  .lh_options {
    font-size: 1.375rem;
  }
}

/* ICONS */

.mild-spicy {color:green !important;} 

.icon-gluten-free {color:#008500;font-weight:bold;font-size:1.3em !important;vertical-align:middle !important}

.lh_product_note1 {margin-left:0.3em;color:#008500;font-style:italic;font-size:1em}

.icon-noun-747325-cc, .icon-chili {color:red;vertical-align:middle}

/* mobile: since the product search entree is removed in functions.php, make this to top with little padding top */
@media only screen and (max-width: 41.9375em)
.has-navigation-mobile .main-navigation-container .menu > ul {
	/* padding-top: 38vh; */
    padding-top: 2rem;
}

.gl-free, .gl-free-op , .soy-free, .soy-free-op, .nut-free-op, .small-portion {
	border: 1px solid green;
    padding: 0 2px 0 2px;
	vertical-align:middle;
    margin: 0 0;
    border-radius: 8px;
    font-size: 0.8em;
	vertical-align:middle;
	font-weight:bold}
.gl-free, .gl-free-op {
	color: orange;
}
.soy-free , .soy-free-op{
	color:blue;
}
.nut-free-op {color:#703731}
.small-portion {color:#6A5ACD}
.gl-free:before{content: 'GF'}
.gl-free-op:before{content: 'GFO'}
.soy-free:before{content: 'SF'}
.soy-free-op:before{content: 'SFO'}
.nut-free-op:before {content: 'NFO'}
.small-portion:before {content: 'SP'}
.new:before{content: 'NEW'}
.new {color:#ffffff;background-color:green;padding: 0 2px;
	vertical-align:middle;
    margin: 0 0;
    border-radius: 8px;
    font-size: 14px;
	font-weight:bold}
	
.lh-accord {
	background-color: white;
	color:black;
}