/*
 Theme Name:   Lemonchili Child
 Description:  Lemonchili child theme
 Template:     lemonchili
*/

@import url("../lemonchili/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
/*Change Skin and Background Colour - put the below code into the custom css panel in theme options and then change the background url to an appropriate png in the child-images folder. Update the background-colour with 98% opacity
#content,
#slide-bg,
#logo,
#social,
#search-left,
#topnavi {
        background-color: rgba(46,46,46,0.98);
        background:url('/opod/wp-content/themes/lemonchili-child/child-images/464646.png') repeat;
        }

.boxbg,
ul.gg-gallery li {   
        background-color: #202224;
        }    
*/

/*Menu pages adjustments - this utilises the add slug function in child function.php code */

body.page-breakfast-menu p,
body.page-dinner-menu p,
body.page-dessert-menu p,
body.page-lunch-menu p,
body.page-kids-menu p,
body.page-wine-drinks p,
body.page-gluten-free-dinner-menu p,
body.page-gluten-free-lunch-menu p  
{
line-height: 250%;
}

/*Change Logo Size*/

#left {  width: 240px; }
#topnavi { width: 200px; }
#contentwrap { margin-left: 260px; }
#wrapper { width: 1000px; }
.sf-menu a { width: 180px; }
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 180px; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #wrapper { width: 760px !important; } 
}

/* If you want to increase or reduce the size of the left area, add the same amount of pixels to each of those values.

The responsive layouts should still display fine. It affects the iPad layout only, so make sure to check that one if you are changing any values.

In the file css/layout-responsive.css, line 18, you might also want to change the max-width for the iPad layout from to 959px to 1020 px*/

/*Remove expand button from PrettyPhoto*/
a.pp_expand, a.pp_contract {
    display: none !important;
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup {
background:none; 
clear:left; 
font:14px Helvetica,Arial,sans-serif; 
}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:none; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {font-family: "Open Sans" , "Helvetica Neue", Arial, "sans-serif"; text-transform: none; clear:both; background-color: #FF9900; border: 0 none; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:100%; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#FFCC66;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}